/*Header Section*/
.header-style-1 .search-style-2 form input {
    background-image: none;
}

/*All Category Page*/
.category_image {
    height: 50px;
    width: 80px;
    margin-right: 20px;
}

/*Customer dashboard*/
.dashboard .card {
    margin-bottom: 25px;
    color: #333;
    font-size: 15px;
    font-weight: 600;
    transition: all 0.4s;
    border: 2px solid gainsboro;
    padding: 30px 10px;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%) !important;
}

.dashboard .card i {
    font-size: 35px;
    margin-bottom: 10px;
    color: #3BB77E;
}

@media only screen and (max-width: 991px) {
    .cart_hidden_mobile {
        display: none;
    }
    .row.header-sticky-category.visible-category {
        display: none !important;
    }
    .sticky-bar.stick .sticky-category-display {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .header-wrap.header-space-between {
        justify-content: normal !important;
    }

    .blog-area .section-title {
        margin-bottom: 20px;
        border-bottom: 0;
    }

    .header-action-right {
        position: absolute;
        right: 0;
    }
}

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

.header-style-1 .categories-dropdown-active-large {
    margin-top: 13px;
}

.product-tabs .common-product .product-cart-wrap {
    margin: 0px 5px;
}

/*Product fixed*/

.product-cart-wrap .product-badges-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-cart-wrap .product-badges-right.product-badges-mrg {
    margin: 0 0 10px;
}

.product-cart-wrap .product-badges-right.product-badges-position-right {
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 9;
}

.product-cart-wrap .product-badges-right span.hot {
    background-color: #3BB77E;
}

.product-cart-wrap .product-badges-right span:last-child {
    margin-right: 0px;
}

.product-cart-wrap .product-badges-right span {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    border-radius: 0 15px 0 20px;
    color: #fff;
    padding: 9px 20px 10px 20px;
}

.product-cart-wrap .product-content-wrap h2 {
    margin-bottom: 0px !important;
}

.product-cart-wrap .product-content-wrap .product-category {
    /* margin-bottom: 0px !important;
    margin-top: 27px; */
}

.custom-modal .modal-dialog .modal-content {
    max-height: 90vh;
    overflow: auto !important;
}

.header-right {
    position: relative;
}

.header-bottom {
    background: #ECECEC;
}

.cart-dropdown-wrap {
    overflow-y: auto;
    min-height: 80px;
    background: #fff;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    padding: 10px;
    opacity: 0;
    position: absolute;
    transition: all .5s ease-in-out;
    border-radius: 5px;
    width: 320px;
    top: 150%;
    z-index: 9;
    visibility: hidden;
}

.header-right li:hover .cart-dropdown-wrap {
    opacity: 1;
    visibility: visible;
}

.cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button {
    margin-bottom: 30px;
}

.cart-dropdown-wrap ul li {
    flex-wrap: nowrap;
}

.banners .banner-img {
    height: 100%;
    padding-bottom: 20px;
}

.banners .banner-img img {
    height: 100%;
}

@media only screen and (max-width: 1199px) {
    .mobile_margin_bottom {
        margin-bottom: 63px;
    }
    .row.header-sticky-category.visible-category {
        display: none !important;
    }
    .sticky-category-display {
        display: none !important;
    }
    .et {
        display: none;
    }

    .sticky-bar.stick .sticky-category-display {
        display: none !important;
    }

    .header-info>ul>li.contact_header {
        display: none;
    }

    #scrollUp {
        right: 12px;
        bottom: 96px;
    }

    /*Main Footer*/
    .main.footer-dark {
        padding-bottom: 70px;
    }
}

@media only screen and (max-width: 993px) {
    .custom-modal .modal-dialog .modal-content .title-detail {
        font-size: 23px;
    }

    .detail-info .product-price .current-price {
        font-size: 40px;
    }

    .detail-info .product-extra-link2 .button.button-add-to-cart {
        padding: 0px 15px;
    }

    .header-wrap.header-space-between {
        justify-content: normal !important;
    }

    .logo.logo-width-1 {
        margin-right: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .header-action-right {
        position: absolute;
        right: 0;
    }

    /*View Cart*/
    .shopping-summery button.btn {
        width: 39px;
        margin-left: 9px;
    }
}

@media only screen and (max-width: 767px) {
    .custom-modal .modal-dialog .modal-content {
        height: 100vh !important;
    }

    .single-slide img {
        height: 200px;
        object-fit: cover;
        object-position: center center;
    }

    .detail-info .product-price {
        flex-wrap: wrap;
    }

    .section-title h3 {
        font-size: 23px;
        margin-right: 0px;
    }

    .header-action {
        justify-content: center;
    }

    .mobile-header-wrapper-style {
        width: 315px !important;
    }

    ul.header-right {
        justify-content: center !important;
        margin-top: 10px;
    }

    .header-left li {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
}


@media only screen and (max-width: 575px) {
    ul.header-right {
        justify-content: center !important;
        margin-top: 10px;
    }

    .single-slide img {
        height: 200px;
        object-fit: cover;
        object-position: center center;
    }

    .header-action li {
        padding: 5px 4px !important;
    }

    .header-left li {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    .header-action {
        justify-content: center;
    }

}

@media only screen and (max-width:400px) {
    .header-action li {
        padding: 5px 4px !important;
    }

    .single-slide img {
        height: 200px;
        object-fit: cover;
        object-position: center center;
    }

    ul.header-right {
        justify-content: center !important;
        margin-top: 10px;
    }
}

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

    .detail-info .product-price .current-price {
        font-size: 30px;
    }

    .header-action li {
        padding: 5px 4px !important;
    }

    .single-slide img {
        height: 200px;
        object-fit: cover;
        object-position: center center;
    }

    ul.header-right {
        justify-content: center !important;
        margin-top: 10px;
    }

    .hero-slider-1 .single-hero-slider .display-2 {
        font-size: 23px;
    }

    .hero-slider-1 .single-hero-slider .slider-content form {
        display: none !important;
    }

    .section-title h3 {
        font-size: 23px;
    }

    .product-tabs .section-title .nav {
        display: none;
    }

    .newsletter .newsletter-inner .newsletter-content form {
        display: none !important;
    }

    .archive-header h1 {
        font-size: 28px;
        color: #3bb77e;
    }

    .shop-product-fillter .sort-by-product-area .sort-by-product-wrap {
        padding: 5px 5px;
    }

    .shopping-summery button.btn {
        width: 0px;
    }

    .shop-product-fillter .sort-by-product-area .sort-by-product-wrap .sort-by span {
        width: 75px;
    }

    .product-cart-wrap .product-content-wrap {
        padding: 0 10px 10px 10px;
    }

    .detail-info h2 {
        font-size: 26px;
    }

    .product-cart-wrap .product-content-wrap h2 {
        font-size: 14px;
    }

    .section-title.style-2 h3 {
        margin-bottom: 25px;
        font-size: 24px;
    }

    /*Product fixed*/

    /*.product-cart-wrap{
        min-height: 310px;
    }*/

    /*Product fixed*/

    .product-cart-wrap .product-card-bottom .add-cart .add {
        padding: 6px;
    }

    /*All category page*/
    .category-title {
        font-size: 17px;
    }

    .category_image {
        height: 41px;
        width: 65px;
        margin-right: 14px;
    }

    .shop-product-fillter-header .card {
        padding: 20px 20px;
    }

    .subcategory-title {
        font-size: 14px;
    }

    /*Custom Slider Campaign*/
    .common-product .slider-btn.slider-prev {
        right: 50px !important;
    }
}

/*Header Search*/
.search-area {
    position: relative;
}
.searchProducts {
    position: absolute;
    margin: 0 auto;
    background: #ffffff;
    z-index: 999;
    border-radius: 15px;
    margin-top: 5px;
    width: 49.5%;
    min-height: 0px;
    max-height: 80vh;
    overflow-y: auto;
}

.advance-search {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
}

#btnGroupAddon {
    /*background-color:#38adf1;*/
    /*color: white;*/
    background-color: #eceef1;
    color: #000;
    cursor: pointer;
    border: none;
    z-index: 111;
}

#btnGroupAddon:hover {
    color: #fff;
}

.advance-search .search-box {
    margin: 0 !important;
    /*background: linear-gradient(to right,#3bb77e,#9cbb5f);*/
    background-color: #fff;
    align-items: center;
    position: absolute;
    width: 100%;
    justify-content: center;
}

.search-box input {
    border: 0;
    background: #fff;
    height: 45px;
    border-radius: 6px;
    padding-right: 30px;
    left: 53px;
}

.back_left {
    position: absolute;
    top: 19px;
    left: 19px;
    color: #000;
    font-size: 17px;
}

/* Mobile Bottom Nav */
.fs-10 {
    font-size: 10px;
}

.mobile_fixed_bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.gutters-5 {
    margin-right: -5px;
    margin-left: -5px;
}

.gutters-5>.col,
.gutters-5>[class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.mobile_bottom_nav_col {
    flex-basis: 0 !important;
    flex-grow: 1 !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.mobile-card-nav {
    height: 50px;
    width: 50px;
    border-width: 4px !important;
    background-color: #3bb77e;
    border-radius: 50% !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.mobile_bottom_nav_account {
    width: 20px;
    height: 20px;
    border-radius: 50% !important;
}

.front-header-search {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
    transform: translateY(-100%);
    transition: all 0.3s;
}

.front-header-search.active {
    transform: translateY(0%);
    opacity: 1;
}

/*Mobile-bottom-menu*/
.header-bottom-1 {
    padding-top: 10px;
}

.mobile-hor-swipe {
    overflow-x: auto;
    white-space: nowrap;
}

.header-bottom-1.header-bottom-bg-color.sticky-bar.stick {
    top: 55px;
}

/*Footer Section*/
/*.container-footer{
    max-width: 1140px;
}*/
.container-footer .footer-link-widget {
    margin-right: 0px;
}

/*CheckOut page*/
.cit-megabox {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.cit-megabox input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.cit-megabox>input:checked~.cit-megabox-elem,
.cit-megabox>input:checked~.cit-megabox-elem {
    border-color: #3BB77E;
}

.cit-megabox .cit-megabox-elem {
    border: 1px solid #e2e5ec;
    transition: all 0.3s ease;
    border-radius: 0.25rem;
}


/* Home Page MiniCart Border Bottom Hide */
/*.cartBottom {*/
/*    border-bottom: 2px solid #eee;*/
/*}*/

/*.cartBottom {*/
/*    border-bottom: 2px solid #eee;*/
/*    margin-bottom: 50px;*/
/*}*/

.cartBottom::last-child {
    border-bottom: 0;
}

/*Custom Slider Campaign*/
.common-product .carausel-5-columns-cover .carausel-5-columns-arrow {
    margin-top: 0px;
}

.common-product .slider-arrow {
    top: 35%;
}

.common-product .carausel-5-columns-cover .product-cart-wrap {
    margin: 0px 5px 0px 5px;
}

.common-product .deals-countdown .countdown-section {
    padding: 15px 5px 29px 5px;
    background-color: #f2fce4;
    margin-left: 3px;
    margin-right: 3px;
}

.common-product .deals-countdown .countdown-section .countdown-amount {
    margin-bottom: 0;
}

/*Footer Section*/

/*footer Banner*/
/*.newsletter .newsletter-inner{
    background-image: none !important;
}*/

/*Footer Mid*/
.footer-dark .dark-section {
    background-color: #3BB77E;
}

.footer-dark .main-footer-custom p,
.footer-dark .main-footer-custom strong,
.footer-dark .main-footer-custom span,
.footer-dark .main-footer-custom h4,
.footer-dark .main-footer-custom a {
    color: #fff;
}

.footer-dark .dark-section p,
.footer-dark .dark-section strong,
.footer-dark .dark-section span,
.footer-dark .dark-section h6,
.footer-dark .dark-section a {
    color: #fff;
}

.footer-dark .main-footer-custom a:hover {
    color: #fff;
}

.footer-dark .mobile-social-icon a {
    background: #db8c00;
}

/*===== Home 2 custom css ======*/
.home2_custom_banner.banner-img img {
    min-height: 240px;
}

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

.home2_custom_banner .home2_banner_button {
    margin-bottom: 5px;
}

.header-top-ptb-1 #news-flash {
    line-height: 14px !important;
}

.header-style-1 .header-top-ptb-1 {
    background-color: #d8d9d1;
    color: #2d2d2d;
}

.header-action-2 .header-action-icon-2>a span {
    color: #2d2d2d;
}

.header-info>ul>li a {
    color: #2d2d2d;
}

.footer-dark .dark-section .footer-link-widget .contact-infor img {
    background: aliceblue;
}


/* Custom CSS */


/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* fonts */

@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700;800;900&display=swap');

* {
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

:root {
    --primary-font-family: 'Maven Pro', sans-serif;
    --primary-transition: all .5s ease-in-out;
}

body {
    font-family: var(--primary-font-family);
    font-size: 15px;
    font-weight: normal;
}

p {
    font-family: var(--primary-font-family);
    font-size: 15px;
    line-height: 1.2;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
}

a {
    text-decoration: none;
}

.container {
    max-width: 1200px;
}

/* header start */

.header-left li img {
    width: 100px;
}

.header-area {
    background: #fff;
    /* display: -webkit-box; */
    /* display: -ms-flexbox; */
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 0;
}

/* category mobile menu */
.sidebar-mobile-category .accordion-item {
    border: none;
}

.sidebar-mobile-category h4 {
    background: #ececec;
    margin-bottom: 10px;
    border-radius: 2px;
    color: #000;
    padding: 10px;
    text-transform: capitalize;
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
}

/* category mobile menu */




.sidebar-mobile-category .accordion-button {
    text-transform: capitalize;
    background: transparent;
    padding: 8px;
}

.sidebar-mobile-category .accordion-body ul li a {
    color: #000;
    text-transform: capitalize;
    font-size: 1rem;
    -webkit-transition: var(--primary-transition);
    -o-transition: var(--primary-transition);
    transition: var(--primary-transition);
}

.sidebar-mobile-category .accordion-body ul li a:hover {
    padding-left: 10px;
}

.header-right li button span {
    color: #fff;
    text-transform: capitalize;
    font-weight: normal;
}

.header-left li a {
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 5px;
    font-size: 12px;
}

ul.header-right li a span {
    display: flex;
}

ul.header-right li a span img {
    width: 20px;
    margin-right: 5px;
}

.header-right li {
    margin-left: 10px;
    position: relative;
    height: 32px;
    text-align: center;
}

.header-right li:hover ul.header-profile {
    opacity: 1;
    visibility: visible;
}

.cart-area {
    display: flex;
    justify-content: end;
}

.header-action li {
    color: #000;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    position: relative;
    line-height: 1;
}

.header-action li a {
    color: #000;
    display: flex;
    align-items: center;
}

/* header end */

/* home search start */
.home-search {
    /* background: #149777; */
    margin-bottom: 10px;
    /*padding: 50px 0;*/
    text-align: center;
    padding-top: 0;
}

.home-search-content button {
    background: #10846F;
    border: none;
}

.home-search-content form {
    position: relative;
}

.home-search-content form i {
    position: absolute;
    right: 3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #F36A20;
    padding: 10px;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
}

.home-search-content form button {
    padding: 0;
    border-radius: 0;
    background: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.home-search-content form input {
    border-radius: 50px;
}

.home-search-content .form-control {
    background: #fff;
}

/* home search end */

/* category start */

.sidebar-category {
    -webkit-box-shadow: rgba(134, 134, 134, 0.1) 0px 4px 12px;
    box-shadow: rgba(134, 134, 134, 0.1) 0px 4px 12px;
    position: relative;
}

.sidebar-category ul li a span img {
    max-width: 20px;
    margin-right: 10px;
}

.sidebar-category ul li a {
    text-transform: capitalize;
    color: #000;
    position: relative;
    font-size: 13px;
    display: block;
}

.sidebar-category ul li a i {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: var(--primary-transition);
    -o-transition: var(--primary-transition);
    transition: var(--primary-transition);
    font-size: 10px;
}

.sidebar-category ul li {
    border-bottom: 1px solid #e1e1e1;
    padding: 5px;
    position: relative;
}

.sidebar-category ul li:last-child {
    border-bottom: 0;
}

.subcategory {
    position: absolute;
    left: 100%;
    top: 10%;
    background: aliceblue;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: var(--primary-transition);
    -o-transition: var(--primary-transition);
    transition: var(--primary-transition);
    width: 200px;
    z-index: 2;
}

.subcategory li a {
    -webkit-transition: var(--primary-transition);
    -o-transition: var(--primary-transition);
    transition: var(--primary-transition);
}

.subcategory li:hover>a {
    padding-left: 10px;
}


/*childcategory*/
ul.childcategory {
    position: absolute;
    left: 100%;
    top: 0;
    background: #fff;
    -webkit-transition: var(--primary-transition);
    -o-transition: var(--primary-transition);
    opacity: 0;
    visibility: visible;
    transition: var(--primary-transition);
    width: 200px;
    z-index: 2;
}

.subcategory li:hover>.childcategory {
    opacity: 1;
    visibility: visible;
}

.sidebar-category ul li:hover .subcategory {
    opacity: 1;
    visibility: visible;
    top: 0;
}

.category-image {
    width: 100%;
    height: 135px;
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
}

.single-category img {
    display: block;
    margin: auto;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.single-category:hover.single-category img {
    -webkit-animation-name: cateory_animation;
    animation-name: cateory_animation;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@-webkit-keyframes cateory_animation {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

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

@keyframes cateory_animation {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

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

.single-category h6 {
    text-transform: capitalize;
    font-weight: 600;
    color: #807575;
    font-size: 14px;
    line-height: 1.2;
}

.single-category span {
    font-size: 12px;
    color: #707676;
    display: block;
    padding: 3px 0;
    text-transform: capitalize;
}

.single-category {
    text-align: center;
    padding: 20px;
    -webkit-box-shadow: rgba(134, 134, 134, 0.1) 0px 4px 12px;
    box-shadow: rgba(134, 134, 134, 0.1) 0px 4px 12px;
    display: block;
    /* margin-bottom: 25px; */
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    /* height: 150px; */
}

.single-category::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    content: '';
    border-left: 2px solid transparent;
    -webkit-transition: var(--primary-transition);
    -o-transition: var(--primary-transition);
    transition: var(--primary-transition);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 2px solid transparent;
}

.single-category::after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    content: '';
    border-right: 2px solid transparent;
    -webkit-transition: var(--primary-transition);
    -o-transition: var(--primary-transition);
    transition: var(--primary-transition);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 2px solid transparent;
}

.single-category:hover::after,
.single-category:hover:before {
    border-color: #959B9F;
    width: 100%;
    height: 100%;
}

.category-feature-area {
    padding: 30px 0;
}

/* category end */

/* about start */
.blog-area {
    border-bottom: 2px solid #ECECEC;
    margin-bottom: 25px;
}

.blog-active button {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 30%;
    transform: translateY(10px);
    z-index: 9;
    border-radius: 50px;
    border: 1px solid;
}

/* #content {
    max-height: 50px;
    overflow: hidden;
    -webkit-transition: var(--primary-transition);
    -o-transition: var(--primary-transition);
    transition: var(--primary-transition);
}

#content.open {
    max-height: 1000px;
    -webkit-transition: max-height 0.7s;
    -o-transition: max-height 0.7s;
    transition: max-height 0.7s;
}

#show-more {
    cursor: pointer;
    padding: 5px 10px;
    margin: 10px auto;
    background: #3BB77E;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
    font-weight: 600;
}

#content p {
    color: #707676;
    margin-bottom: 20px;
} */

/* about end */

/* footer start */
.footer-heading {
    text-transform: capitalize;
    margin-bottom: 10px;
}

.footer-left img {
    width: 120px !important;
    margin-bottom: 10px;
    padding-right: 10px;
}

/* .footer-facebook {
    background: #3BB77E;
    border-radius: 50px;
    margin-right: 10px;
    color: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
} */


.footer-widget ul li a {
    text-transform: capitalize;
    color: #5f6857;
    font-weight: normal;
}

.footer-widget ul li span {
    color: #5f6857;
}

.footer-widget ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
}

.footer-widget ul li i {
    margin-right: 10px;
    margin-top: 5px;
}

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

.footer-social li a i {
    background: #000;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50px;
    color: #fff;
    font-size: 14px;
    -webkit-transition: var(--primary-transition);
    -o-transition: var(--primary-transition);
    transition: var(--primary-transition);
}

.footer-social li a i:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.copyright-area {
    padding: 10px 0;
}

.copyright-area .container {
    border-top: 1px solid rgb(197, 210, 204);
}

.copyright-content span a {
    color: #000;
}

.copyright-content p {
    margin: 0;
}

.copyright-content {
    padding: 20px 0;
}

/* footer end */


/* offcanvas */
.additional-menu ul li {
    margin-top: 5px;
    line-height: 1;
    margin-bottom: 5px;
}

.additional-menu ul li h4 {
    text-transform: capitalize;
    font-size: 16px;
}

.additional-menu ul li a {
    display: block;
    text-transform: capitalize;
    color: #535353;
    font-family: var(--primary-font-family);
    font-size: 14px;
    margin-left: 20px;
    -webkit-transition: var(--primary-transition);
    -o-transition: var(--primary-transition);
    transition: var(--primary-transition);
}

.slide-active .slick-arrow {
    display: none !important;
}

ul.slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
}

ul.slick-dots li {
    margin: 0 0.25rem;
}

ul.slick-dots button {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border: none;
    background-color: #fff;
    text-indent: -9999px;
    border-radius: 100%;
    transition: .5s;
}

.slick-dots li.slick-active button {
    background-color: #26BDB6;
    width: 30px;
    border-radius: 5px;
}

/* seller form */

.modal-body.seller-form .form-group input,
.modal-body.seller-form .form-group textarea {
    height: auto;
    border-radius: 0;
    border: 1px solid #dee2e6;
}

.modal-body.seller-form .form-group input::placeholder {
    font-size: 15px;
}

.seller-form .form-select {
    border-color: #149777 !important;
}

.seller-form .form-select:focus {
    box-shadow: none;
    border-color: #149777 !important;
}


/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
    #content {
        max-height: 60px;
    }

    .slick-slide img {
        height: 300px;
    }
}

ul.header-right li {
    margin-left: 10px;
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .device-none {
        display: none !important;
    }
}


/* small mobile :320px. */
@media (max-width: 767px) {
    .footer-heading {
        margin-bottom: 5px;
    }

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

    .header-left li span {
        font-size: 12px !important;
    }

    #content {
        max-height: 55px;
    }

    .home-search-content .form-control {
        height: 40px;
    }

    .home-search-content form i {
        padding: 10px;
        font-size: 15px;
    }

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

    /* .single-category {
        padding: 10px;
    } */
}

.offcanvas-body.additional-menu ul h4 {
    text-transform: capitalize;
}

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

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 450px
    }

}




/* header profile css */
ul.header-profile {
    background: #fff;
    width: 150px;
    position: absolute;
     opacity: 0; 
    right: 0;
    z-index: 2;
    top: 40px;
    padding: 10px;
    border-radius: 5px;
    transition: all .5s ease-in-out;
     visibility: hidden; 
    border: 1px solid gray;
}
.header-action li:hover ul.header-profile{
    opacity:1;
    visibility:visible;
}
ul.header-profile li a {
    color: #000;
}

ul.header-profile li {
    margin-bottom: 8px;
}

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

ul.header-profile li a i {
    font-size: 12px;
}

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

/* blog  */
/* .blog-active button {
    position: absolute;
    top: 30%;
    transform: translateY(10px);
    z-index: 9;
} */

.blog-active .slick-prev {
    right: 0;
}

.single-blog img {
    width: 100%;
    height: 250px;
}

.single-blog {
    position: relative;
    padding: 5px;
    margin-bottom: 15px;
}

.blog-area .section-title {
    margin-bottom: 20px;
}

.blog-content h6 {
    text-transform: capitalize;
}

.blog-content ul li {
    font-size: 14px;
    color: #b7b7b7;
    margin-right: 12px;
    text-transform: capitalize;
}

.blog-content ul li i {
    margin-right: 5px;
}

.blog-content ul {
    padding-top: 5px;
    border-bottom: 1px solid #b7b7b7;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.blog-content {
    padding: 10px 0;
}

.blog-content a {
    text-transform: capitalize;
    font-weight: 600;
    color: #7b6f6f;
}

.blog-content a i {
    margin-right: 5px;
}

.blog-date {
    position: absolute;
    width: 80px;
    height: 80px;
    top: 0;
    background: #fff;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
}

.blog-date strong {
    margin-top: 2px;
    display: block;
    color: #909090;
    font-weight: 800;
    font-size: 20px;
}

.blog-date strong span {
    display: block;
    font-weight: normal;
    font-size: 15px;
}

.blog-area h3 {
    position: relative;
}

.blog-area h3::after {
    position: absolute;
    left: 0;
    top: 100%;
    content: "";
    width: 100%;
    height: 2px;
    background: #ECECEC;
}

.blog-left-side h4 {
    background: #F2F2F2;
    font-size: 17px;
    padding: 10px;
}

.blog-left-side h4 i {
    color: #FF6209;
    margin-right: 5px;
}

.blog-left-side ul li {
    border: 1px solid #EBEBEB;
}

.blog-left-side ul li a {
    color: #000;
    text-transform: capitalize;
    padding: 10px;
    display: block;
    font-size: 13px;
    transition: all .5s ease-in-out;
}

.blog-left-side ul li a:hover {
    color: #FF6209;
}

.blog-details-img img {
    height: 400px;
}

.accordion-button::after {
    display: none;
}

.accordian-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

a.mini-cart-icon {
    /* display: flex;
    align-items: center; */
    position: relative;
}

a.mini-cart-icon span {
    background: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50px;
    display: block !important;
    text-align: center;
    font-size: 12px;
    position: absolute;
    top: -20px;
    left: 100%;
    color: #000;
}

/*div#miniCart ul {*/
/*    margin-bottom: 60px;*/
/*}*/
.shopping-cart-delete {
    position: absolute;
    right: 0;
    margin-left: 5px;
}

div#social-links ul {
    display: flex;
    /*padding-top: 10px;*/
    /*padding-bottom: 20px;*/
}

div#social-links ul li {
    margin-right: 10px;
}

div#social-links ul li a span {
    font-size: 25px;
}

#social-links ul li .fa-facebook-square {
    color: #1877F2;
    background: transparent;
}

#social-links ul li .fa-twitter {
    color: #1DA1F2;
    background: transparent;
}

#social-links ul li .fa-linkedin {
    color: #0A66C2;
    background: transparent;
}

#social-links ul li .fa-whatsapp {
    color: #25D366;
    background: transparent;
}

.header-left li span {
    color: #000;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 16px;
    display: block;
    text-align: center;
    cursor: pointer;
    line-height: 1;
    padding: 10px 0;
    position: relative;
}

/* .header-left li span:hover .sticky-category {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.sticky-category {
    position: absolute;
    z-index: 9;
    background: #fff;
    width: 200px;
    padding: 5px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 2px;
    top: 120%;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease-in-out;
} */

.sticky-category li {
    text-align: left;
    position: relative;
}

.sticky-subcategory {
    position: absolute;
    left: 100%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background: #fff;
    width: 200px;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease-in-out;
}

.sticky-category li:hover .sticky-subcategory {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

.sticky-childcategory {
    position: absolute;
    left: 100%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background: #fff;
    width: 200px;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease-in-out;
}

.sticky-subcategory li:hover .sticky-childcategory {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

.sticky-category li>a {
    color: #888080;
    transition: all .5s ease-in-out;
    border-radius: 0;
    display: flex;
    justify-content: space-between;
    padding: 8px;
    font-weight: normal;
    padding-left: 10px;
    font-size: 12px;
}

/* .sticky-category li:hover>a {
    background: #7639b3;
    color: #fff;
} */

.header-left li span i {
    transition: all .5s ease-in-out;
}

.header-left li span:hover>i {
    transform: rotate(180deg);
    transition: all .5s ease-in-out;
}



.sticky-bar.stick {
    -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.05);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    left: 0;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease 0s;
    /* border-bottom: 2px solid #FDC040; */
    background: #fff;
}

/* .sticky-category-display {
    display: none;
} */

.sticky-bar.stick .sticky-category-display {
    display: block;
}

.cart-area:hover .cart-dropdown-wrap {
    opacity: 1;
    visibility: visible;
}


header.header-sticky.sticky {
	position: fixed;
	transition: var(--primary-transition);
	width: 100%;
	z-index: 999999;
	box-shadow: 0 -3px 12px 0 #000;
}
li.sticky-category-display.visible-category {
    display: block;
}

ul.sticky-category {
    position: absolute;
    z-index: 9;
    background: #fff;
    width: 200px;
    padding: 5px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 2px;
    top: 120%;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease-in-out;
}

.sticky-category-display span:hover ul.sticky-category {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.sticky-category-display span i {
    transition: var(--primary-transition);
}

.sticky-category-display span:hover>i {
    transform: rotate(180deg);
}


.sticky-category-display {
    position: relative;
}

.sticky-category-display span {
    color: #000;
    text-transform: capitalize;
    font-size: 16px;
    display: inline-block;
    cursor: pointer;
    line-height: 1;
    padding: 10px 0;
    position: relative;
    font-weight: 600;
}

.row.header-sticky-category {
    display: none;
    transition: var(--primary-transition);
}

.row.header-sticky-category.visible-category {
    display: block;
}

.header-area.header-sticky-category.visible-category {
    display: none;
    transition: var(--primary-transition);
}

.header-area.header-sticky-allpage.visible-allpage {
    display: none;
    transition: var(--primary-transition);
}

header.header-sticky-allpage {
    position: sticky;
    top: 0;
    z-index: 9;
    transition: .3s linear;
    width: 100%;

}
header.header-sticky-allpage.visible-allpage .header-area {
    display: none;
    transition: .3s linear;
}
header.header-sticky-allpage.visible-allpage .header-bottom {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.header-action li a span img {
    width: 14px;
}

.support-links button {
    display: block;
    margin-bottom: 5px;
    padding: 5px;
    width: 100%;
    border: 1px solid #ddd;
    text-align: start;
    background: #ECECEC;
}

.share_wrapper {
    position: relative;
    width: 50px;
}

.share_button {
    height: 50px;
    width: 50px;
    background: transparent;
    color: #000;
    display: grid;
    place-content: center;
    border-radius: 6px;
    font-size: 24px;
    cursor: pointer;
}

.product-extra-link2 .button.button-add-to-cart{
    margin-left: 0px !important;
}

.share_app {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 5px 30px rgb(0 0 0 / 15%);
    border-radius: 6px;
    z-index: 999;
    display: flex;
    align-items: center;
    gap: 6px;
}

.share_wrapper:hover .share_app{
    visibility: visible;
    opacity: 1;
}
.search-field.search:focus {
    background: #fff;
}