/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

:root{
	--primary-color: #5c2ddd;
	--primary-font: "Space Grotesk", sans-serif;
    --card-bg: #eff0ff;
	--ibm-font: "IBM Plex Sans", sans-serif;
}

section.light-bg .product-small {
    --card-bg: #1d1d1d;
}
body{
    position:relative;
    background-color:#fff;
	font-family: var(--ibm-font);
	color: #3a3a3a;
}

body::before{
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #fff;
opacity: 0.05;
}

h1, h2, h3, h4, h5, h6, .heading-font {
	font-family: var(--primary-font)
}

a{
	color:#3a3a3a;
}

a:hover{
	color: #5c2ddd;
}

.button, input[type=button].button, input[type=reset].button, input[type=submit], input[type=submit].button {
    background-color: var(--primary-color);
    border-color: rgba(0, 0, 0, .05);
    color: #000;
	border-radius: 7px;
}

[data-icon-label]:after {
    background-color: var(--primary-color);
    border-radius: 99px;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .3);
    color: #000;
}

.overflow-hidden {
    overflow: hidden;
}

.px-6 {
    padding-left: 60px;
    padding-right: 60px;
}

.space10 {
    letter-spacing: .1em;
}

.container {
  padding-left: 32px;
  padding-right: 32px;
}

.product-small .box-image {
  --card-bg: #eff0ff;
}

/* Header */
header.header .header-wrapper {
  border-bottom: 2px solid #fff;
}
.header-nav-main .menu-item:not(:last-child) {
    margin-right: 20px;
}

#header .nav>li>a {
    font-size: 15px;
}

.header-nav-main .has-dropdown .icon-angle-down, #main-menu .icon-angle-down {
    opacity: 1;
    font-size: 12px;
    top: 1px;
    margin-left: 5px;
}

.header-nav-main li.header-search-form
 {
    justify-self: flex-end;
    margin: auto;
}

#header .nav-dropdown {
    min-width: 180px;
    font-size: 14px;
    padding: 10px 20px;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, .15);
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, .15);
    -webkit-transition: -webkit-transform ease .3s;
    transition: -webkit-transform ease .3s;
    -o-transition: transform ease .3s;
    transition: transform ease .3s;
    transition: transform ease .3s, -webkit-transform ease .3s;
    -webkit-transform: translateY(1rem);
    -ms-transform: translateY(1rem);
    transform: translateY(1rem);
}

#header li.current-dropdown>.nav-dropdown {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

#header .nav-dropdown>li>a {
    color: white;
    font-size: 15px;
    border-bottom: none;
    margin: 0;
    padding: 8px 0px;
    opacity: 1;
    font-weight: 500;
    font-family: var(--heading-font);
    white-space: nowrap;
}

#header .ux-search-box input.search-field {
    background: #ffffff17 !important;
    min-height: 37px;
    padding-left: 25px;
    border: none;
    border-radius: 0;
}

#header .ux-search-box .ux-search-submit {
    right: 5px;
    top: 1px;
}

#header .ux-search-box input.search-field, #header .ux-search-box input.search-field::placeholder {
    font-size: .9rem;
    font-weight: 500;
}


.header-wrapper.stuck {
    border-color: #000;
}

.header-main .nav > li > a {
    line-height: 16px;
}

.nav > li > a {
    font-family: "Space Grotesk", sans-serif;
}

#logo img {
    max-height: 78px;
}

#header .nav-dropdown>li>a {
    color: white;
    font-size: 15px;
    border-bottom: none;
    margin: 0;
    padding: 8px 0px;
    opacity: 1;
    font-weight: 500;
		font-family: var(--primary-font);
    white-space: nowrap;
}

#header .nav-dropdown>li>a:hover {
    opacity: 1;
    color: var(--primary-color);
}

/* Banner */
.skew {
    transform: translate3d(36%, 0px, 0px) rotateX(22deg) rotateY(-12deg) rotateZ(34deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    will-change: transform;
    position: absolute;
    right: 160px;
    top: -344px;
    width: 700px;
}
.banner-left > .col-inner {
    padding: 30px 14px 23px 55px;
}

.theme-title-block .subtitle {
    margin-bottom: .4rem;
    /* background-color: #f4f4f4; */
    display: inline-block;
    /* border-radius: 50px; */
    /* padding: 4px 18px; */
    font-size: 1.2rem;
    font-family: var(--primary-font);
}

.home-hero-gallery .theme-title-block .title {
    font-size: 2.8rem;
}

.theme-title-block .title {
    font-weight: bold;
    font-size: 1.75rem;
    line-height: 1.45;
    text-transform: capitalize;
}

.theme-title-block .title {
    font-weight: 600;
    margin-bottom: .3em;
    line-height: 1.4;
}

.home-hero-gallery .theme-title-block .title strong {
    position: relative;
    z-index: 1;
    color: #ffc300;
}

.theme-title-block .description {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.56);
	font-family: var(--ibm-font)
}

.scroll-to-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 10px;
}

.scroll-hint
Specificity: (0,1,0)
 {
    opacity: 1;
    -webkit-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.scroll-hint span {
    display: block;
    position: relative;
    width: 25px;
    height: 40px;
    border-radius: 15px;
    border: solid 2px #fff;
}

.scroll-hint span::after {
    content: '';
    width: 3px;
    height: 3px;
    background-color: var(--primary-color);
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 45%;
    -webkit-animation: mouse 1s ease-in-out infinite;
    animation: mouse 1s ease-in-out infinite;
}


@-webkit-keyframes mouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

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

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

@keyframes mouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

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

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

.banner-gallery-wrapper {
    max-height: 900px;
    overflow: hidden;
    position: relative;
}

.banner-gallery-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
}

.banner-gallery-wrapper::before {
    position: absolute;
    width: 100%;
    height: 20%;
    left: 0;
    bottom: 0;
    content: "";
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00000000), color-stop(95%, #1d1d1d));
    background-image: -o-linear-gradient(top, #00000000 0%, #1d1d1d 95%);
    background-image: linear-gradient(to bottom, #00000000 0%, #1d1d1d 95%);
    z-index: 1;
    pointer-events: none;
}

.banner-gallery-wrapper .banner-gallery-loop:nth-child(1) {
    -webkit-animation: verticalSlideDown 50s linear infinite;
    animation: verticalSlideDown 50s linear infinite;
    margin-top: 90px;
}

.banner-gallery-wrapper .banner-gallery-loop {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    padding: 0;
}

.banner-gallery-loop {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}

/* Keyframes */
@-webkit-keyframes verticalSlideUp {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@keyframes verticalSlideUp {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@-webkit-keyframes verticalSlideDown {
    from {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes verticalSlideDown {
    from {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.banner-gallery-loop .banner-gallery .gallery-carousel {
    padding: 0;
    margin: 10px;
}

.banner-gallery-wrapper .banner-gallery-loop:nth-child(2) {
    -webkit-animation: verticalSlideUp 30s linear infinite;
    animation: verticalSlideUp 30s linear infinite;
}

.banner-gallery-wrapper .banner-gallery-loop:nth-child(3) {
    -webkit-animation: verticalSlideDown 25s linear infinite;
    animation: verticalSlideDown 25s linear infinite;
    margin-top: 90px;
}

.banner-gallery-wrapper::after {
    position: absolute;
    width: 100%;
    height: 20%;
    left: 0;
    top: 0;
    content: "";
    background-image: -webkit-gradient(linear, left bottom, left top, from(#00000000), color-stop(95%, #1d1d1d));
    background-image: -o-linear-gradient(bottom, #00000000 0%, #1d1d1d 95%);
    background-image: linear-gradient(to top, #00000000 0%, #1d1d1d 95%);
    z-index: 1;
    pointer-events: none;
}

/* session */
section.light-bg {
    background-color: #ffffff14;
}

.theme-title-block .title {
    font-weight: bold;
    font-size: 1.75rem;
    line-height: 1.45;
    text-transform: capitalize;
	font-family: var(--primary-font)
}

/* cart product */
.badge-container {
    bottom: 0;
    top: auto;
    left: auto;
    right: 0;
    margin: 0;
}

.product-images  .badge-container {
    bottom: 30px;
    right: 30px;
}

.product-images .badge-container .badge{
   height: auto;
}

.uxb-myaccount-page-container {
    background-color: #fff;
    padding: 30px 15px !important;
}
.uxb-myaccount-page-container #my-account-nav.nav-horizontal>li.is-active {
    border-top: 3px solid var(--primary-color);
    background: transparent;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.uxb-myaccount-page-container #my-account-nav.nav-horizontal>li.is-active a {
    padding: 8px 0;
}

section.light-bg .product-small
 {
    --card-bg: #eff0ff;
}
.product-small .box-image
 {
    background-color: var(--card-bg);
    -webkit-transition: background-color ease .3s;
    -o-transition: background-color ease .3s;
    transition: background-color ease .3s;
    padding: 0;
}

.product-small .box-image img {
    padding: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.product-small .image-tools.top.right {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    padding: 0;
    opacity: 1;
    -webkit-filter: none;
    filter: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    position: static;
}

.product-small .product-type, .product-small .wishlist-icon {
    position: absolute;
    top: 20px;
}

.product-small .wishlist-icon {
    left: 23px;
    top: 16px;
}

.product-small .wishlist-icon .wishlist-button {
    margin: 0;
    background-color: #5c2ddd;
    /* backdrop-filter: blur(2px); */
    width: 28px;
    height: 28px;
    min-width: unset;
    line-height: 30px;
    min-height: unset;
    font-size: 11px;
    border: none;
    color: #ffffff;
}

.product-small .wishlist-popup {
    left: 0;
    right: auto;
}

.wishlist-popup {
    padding: 1px 5px;
    margin-left: 7px;
    margin-top: 5px;
    background-color: rgba(0, 0, 0);
    right: unset;
}

.product-small .product-type {
    padding: 4px 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    font-family: var(--heading-font);
    background-color: #5c2ddd;
    color: white;
    font-size: 13px;
    line-height: 1;
    margin: 0px;
    font-weight: 700;
    position: absolute;
    right: 21px;
}

.product-small .product-type, .product-small .wishlist-icon {
    position: absolute;
    top: 20px;
}

.product-small .product-type span.amount {
    color: white;
}

.woocommerce-Price-currencySymbol {
    position: relative;
    bottom: 1px;
    font-size: 95%;
}

.product-small .box-text {
    padding: 15px 15px 15px;
    background: var(--card-bg);
}

.product-small .box-image {
    background-color: var(--card-bg);
    -webkit-transition: background-color ease .3s;
    -o-transition: background-color ease .3s;
    transition: background-color ease .3s;
    padding: 0;
}

.product-small .product-cat {
    font-size: 10.8px
}

.category.product-cat {
    color: #3a3a3a;
}

.product-small .box-text .category a, .product-small .box-text .product-title a {
    color: #3a3a3a;
}

.product-small .box-text .product-title {
    font-size: 16px;
    font-weight: 600;
    font-family: var(--heading-font);
    color: var(--heading-color);
}

/*Navigation */
.single-product .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button, .custom-slider.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button{
    -webkit-transform: translateY(13px);
    -ms-transform: translateY(13px);
    transform: translateY(13px);
    margin: 0;
    opacity: 1;
    position: relative;
    right: auto;
    left: auto;
    top: auto;
    bottom: 0;
    display: inline;
    width: 30px;
    height: 30px;
    line-height: 30px;
    min-height: unset;
}

.single-product .flickity-prev-next-button.previous, .custom-slider .flickity-prev-next-button.previous {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.product-small .box-text .product-title a:hover {
    color: var(--primary-color);
}

.single-product .flickity-prev-next-button.previous::before, .custom-slider .flickity-prev-next-button.previous::before {
    content: "\e91c";
}

.single-product .flickity-prev-next-button::before, .custom-slider .flickity-prev-next-button::before {
    font-family: fl-icons;
    color: white;
    font-size: 20px;
    font-weight: normal;
    position: relative;
    top: 1px;
}

.single-product .flickity-prev-next-button .arrow, .single-product .flickity-prev-next-button svg, .custom-slider .flickity-prev-next-button .arrow, .custom-slider .flickity-prev-next-button svg {
    fill: white;
}

.single-product .flickity-prev-next-button .arrow, .single-product .flickity-prev-next-button svg, .custom-slider .flickity-prev-next-button .arrow, .custom-slider .flickity-prev-next-button svg
 {
    display: none;
}

/*Step Setting*/
.ease-step-box {
    text-align: left;
    padding: 40px 30px;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
    position: relative;
    border-radius: 10px;
    background: #fff6e7;
    position: relative;
    z-index: 1;
    height: 100%;
    /* padding-bottom: 40px; */
    margin-right: 16px;
}

.ease-step-box .icon-box-img {
    position: absolute;
    z-index: 2;
    right: -15px;
    top: -30px;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    -o-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    margin-bottom: 0;
}

.ease-step-box .icon-box-text .subtitle {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 36px;
    font-family: var(--primary-font);
}

.ease-step-box .icon-box-text .content h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px;
    color:#c3e92d !important;
}

.ease-step-box .icon-box-text .content p {
    font-size: 16px;
    line-height: 1.6;
    opacity: .7;
    margin-bottom: 0px;
    margin-top: 20px;
}

.ease-step-box .icon-box-text {
    -webkit-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    -o-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

@media screen and (min-width: 679px) {
    .ease-step-box:hover .icon-box-img {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    .ease-step-box:hover .icon-box-text {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

/* Top element*/
.theme-title-block .title {
    font-weight: bold;
    font-size: 1.75rem;
    line-height: 1.45;
    text-transform: capitalize;
	   margin-bottom: .3em;
}

.single-product .row-slider .flickity-page-dots, .custom-slider .flickity-page-dots {
    bottom: 0;
    top: auto;
    bottom: auto;
    margin-top: 20px;
    position: static;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.single-product .flickity-page-dots .dot.is-selected::after, .single-product .flickity-page-dots .dot.is-selected::before, .custom-slider .flickity-page-dots .dot.is-selected::after, .custom-slider .flickity-page-dots .dot.is-selected::before {
    background-color: var(--primary-color);
}

.single-product .flickity-page-dots .dot::after, .single-product .flickity-page-dots .dot::before, .custom-slider .flickity-page-dots .dot::after, .custom-slider .flickity-page-dots .dot::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 3px;
    height: 11px;
    border-radius: 4px;
    background-color: white;
}

.single-product .nav-dots-small .flickity-page-dots .dot, .single-product .row-slider .flickity-page-dots .dot, .custom-slider .flickity-page-dots .dot, .custom-slider.row-slider .flickity-page-dots .dot {
    position: relative;
    background-color: transparent;
    margin: 0px 6px;
}

.single-product .flickity-page-dots .dot::after, .custom-slider .flickity-page-dots .dot::after {
    width: 11px;
    height: 3px;
}

.custom-category-list{
	display:flex;
	justify-content: center;
	list-style: none;
	flex-wrap:wrap;
	gap: 10px;
}

.category-item{
	padding: 8px 16px;
    /* line-height: 2.5em; */
    font-size: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    line-height: 1.4;
    font-family: var(--heading-font);
    font-weight: 600;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    background-color: #5c2ddd;
    border: solid 1px #4e15ea;
    color: white;
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

.category-item:hover{
	background-color: var(--primary-color);
    border-color: var(--primary-color);
	color: #333;
}

/* load more*/
div:not(.flexa-preview-item) .button.primary, div:not(.flexa-preview-item) button.primary, div:not(.flexa-preview-item) input[type=button].primary, div:not(.flexa-preview-item) input[type=reset].primary, div:not(.flexa-preview-item) input[type=submit].primary {
    border-color: var(--primary-color);
    color: #333;
    font-family: var(--primary-font);
}


.post-loop-item .box-blog-post{
    background: #fef2ff;
    padding: 20px;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.post-loop-item .image-cover {
    overflow: hidden;
}

.post-loop-item .box-image img {
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.standard-padding {
    padding: 0 4.444vw;
}

@media screen and (min-width: 679px) {
    .post-loop-item .box-image:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
}

.post-loop-item .box-text {
    padding-bottom: 0.7em;
}

.post-loop-item .post-title {
    font-size: 20px;
}

/* Footer */
#footer .title {
    margin-bottom: 10px;
}

.flexa-footer-1 {
    font-size: 14px;
}

.flexa-footer-1 .col-inner>*:last-child {
    margin-bottom: 0;
}

.flexa-footer-1 .ux-logo-link{
	padding: 0px 0px 4px 0px !important;
}

.flexa-footer-1 .col-inner>*:last-child {
    margin-bottom: 0;
}

.flexa-footer-1 .social-icons {
    gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flexa-footer-1 .social-icons a{
	margin-bottom: 0 !important;
}

.dark .widget a:hover, .dark a:hover {
    color: var(--primary-color);
}

.flexa-footer-1 .footer-top
 {
    border-bottom: solid 1px #ffffff14;
}

.flexa-footer-1 .col {
    padding-bottom: 0;
}

.flexa-footer-1 .widget-title {
    margin-bottom: 10px !important;
    line-height: 1.45 !important;
    font-size: 1.15em;
    text-transform: uppercase;
}

.flexa-footer-1 .col-inner>*:last-child {
    margin-bottom: 0;
}

.flexa-contact-list-block {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flexa-contact-list-block li {
    line-height: 1.6;
}

.flexa-contact-list-block li {
    position: relative;
    margin-left: 0 !important;
    padding-left: 1.5em;
    margin-bottom: .5em;
    line-height: 1.5;
}

.flexa-contact-list-block li i, .flexa-contact-list-block svg {
    display: inline-block;
    width: 1em;
    position: absolute;
    left: 0;
    top: .2em;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    text-align: center;
}

.flexa-footer-1 .footer-center>.col:last-of-type>.col-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: left;
}

.flexa-footer-1 .ux-menu-link__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    min-height: unset;
}


#top-link{
	color: var(--primary-color)
}
#top-link:hover{
	background: transparent;
	 border-color: var(--primary-color);
}

#top-link:hover i{
	transform: translateY(-2px);
   color: var(--primary-color);
}

/*Footer-2*/
#flexa-sticky-contact {
    position: fixed;
    right: 22px;
    bottom: 40px;
    transition: all ease 0.2s;
    z-index: 1040;
    --item-space: 12px;
    --item-width: 44px;
}

#flexa-sticky-contact .floating-chat-item, #flexa-sticky-contact .flexa--sticky-btn
Specificity: (1,1,0)
 {
    -webkit-transition: -webkit-transform 100ms ease-in-out;
    transition: -webkit-transform 100ms ease-in-out;
    -o-transition: transform 100ms ease-in-out;
    transition: transform 100ms ease-in-out;
    transition: transform 100ms ease-in-out, -webkit-transform 100ms ease-in-out;
    cursor: pointer;
}

#flexa-sticky-contact .floating-chat-item, #flexa-sticky-contact .flexa--sticky-btn
Specificity: (1,1,0)
 {
    transition: transform 100ms ease-in-out;
    cursor: pointer;
}

.sticky-contacts .floating-chat-item:not(:last-of-type):not(:only-child) {
    margin-bottom: var(--item-space);
}
	.sticky-contacts>.floating-chat-item {
    width: var(--item-width);
    height: var(--item-width);
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: var(--item-width);
    position: relative;
    border: none;
}

#flexa-sticky-contact .flexa-float-tooltip {
    position: absolute;
    right: 100%;
    transform: translateY(-50%);
    text-align: right;
    white-space: nowrap;
    background: var(--tooltip-bg-color, rgb(24, 23, 23));
    line-height: 1;
    padding: 8px 10px;
    font-weight: bold;
    font-size: .7rem;
    border-radius: 4px;
    top: 50%;
    z-index: 1;
    color: var(--tooltip-color, white);
    opacity: 0;
    visibility: hidden;
}

#flexa-sticky-contact.align-right .flexa-float-tooltip::after {
    right: -7px;
    border-left-color: var(--tooltip-bg-color, rgb(24, 23, 23));
    border-right-width: 0px;
}

#flexa-sticky-contact .flexa-float-tooltip::after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border: 8px solid transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    transition: all ease .3s;
}

.sticky-contacts>.floating-chat-item a {
    display: block;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

#flexa-sticky-contact .floating-chat-item:hover, #flexa-sticky-contact .flexa--sticky-btn:hover {
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px, rgba(0, 0, 0, 0.2) 0px 4px 16px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px, rgba(0, 0, 0, 0.2) 0px 4px 16px;
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
}

#flexa-sticky-contact .floating-chat-item:hover .flexa-float-tooltip {
    right: calc(100% + 10px);
    opacity: 1;
    visibility: visible;
}

#flexa-sticky-contact .floating-chat-item:hover, #flexa-sticky-contact .flexa--sticky-btn:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px, rgba(0, 0, 0, 0.2) 0px 4px 16px;
    transform: scale(1.06);
}
#flexa-sticky-contact .floating-chat-item, #flexa-sticky-contact .flexa--sticky-btn {
    -webkit-transition: -webkit-transform 100ms ease-in-out;
    transition: -webkit-transform 100ms ease-in-out;
    -o-transition: transform 100ms ease-in-out;
    transition: transform 100ms ease-in-out;
    transition: transform 100ms ease-in-out, -webkit-transform 100ms ease-in-out;
    cursor: pointer;
}

.sticky-contacts .floating-chat-item svg
 {
    height: calc(var(--item-width) / 2);
}

.sticky-contacts .floating-chat-item>a svg path {
    fill: var(--sticky-chat-icon);
}

.see-more{
	display: flex;
    justify-content: end;
    align-items: center;
}

.col-right p{
	margin-bottom: 0;
}

footer a:hover {
    color: var(--primary-color) !important;
	cursor: pointer;
}

.library{
	display: flex;
	align-items: center;
}

.library p{
	margin-bottom: 0;
	margin-left: 5px;
}

/*Bổ sung*/
.product-small .product-type
 {
    padding: 4px 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    font-family: var(--primary-font);
    background-color: #5c2ddd;
    color: white;
    font-size: 13px;
    line-height: 1;
    margin: 0px;
    border-radius: 6px;
    font-weight: 700;
    position: absolute;
    right: 21px;
}

.product-small .product-type, .product-small .wishlist-icon {
    position: absolute;
    top: 20px;
}

.product-small .product-type.free, #shop-sidebar .widget.woocommerce ul>li .woocommerce-price-free {
    background-color: #c3e92d;
    color: #191f01;
}

#flexa-progress-bar {
    position: fixed;
    top: 0;
    width: 100%;
    height: 3px;
    z-index: 1042;
    background-color: white;
}

#flexa-progress-bar {
    background-color: var(--card-bg);
}

#flexa-progress-bar .flexa-progress-track {
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
    background: var(--primary-color);
    transition: width ease .4s;
}


/* Page shop */
.shop-page-title {
    padding-top: 40px;
}

.tax-product_cat .page-title-inner>.flex-col.flex-grow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    gap: 13px;
}

.tax-product_cat .page-title-inner .breadcrumbs {
    font-size: 1rem;
}

.breadcrumbs {
    text-transform: none;
}

.woocommerce-breadcrumb, .woocommerce-breadcrumb a {
    font-weight: 400;
}



.breadcrumbs a {
    color: #666666e3;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s;
}

/* Form sort*/
.woocommerce-ordering {
    position: relative;
}

.woocommerce-ordering::before, .comment-form-rating select::before {
    content: "\f0dc";
    display: inline-block;
    font-family:"Font Awesome 6 Free";
    position: absolute;
    color: inherit;
    left: 15px;
	font-weight:900;
    top: 13px;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.woocommerce-ordering select {
    border: 1px solid #D5D5D5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #3c3c3c;
    box-shadow: none;
    padding: 0px 18px 0 36px !important;
    cursor: pointer;
    font-family: var(--heading-font);
    font-size: 14px;
    min-height: 42px;
    font-weight: 500;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.woocommerce-ordering select:hover, .woocommerce-ordering select:focus
 {
    border-color: #D5D5D5 !important;
    color: black;
}

/*Left sidebar*/
#shop-sidebar .widget.woocommerce {
    border: solid 1px #e0dfdf;
}
.widget:not(.widget_product_search):not(.widget_search):not(.widget_shopping_cart) {
    background: var(--card-bg);
    padding: 20px;
}

#shop-sidebar .widget.woocommerce .widget-title {
    border-bottom: solid 1px #e0dfdf;
    display: block;
    padding-bottom: 14px;
    margin-bottom: 10px;
}

.widget_product_categories>ul>li span {
    color: #3a3a3a;
    opacity: 1;
}

.widget .widget-title {
    font-family: var(--primary-font);
    margin-bottom: 20px;
    line-height: 25px;
    font-weight: 800;
    font-size: 20px;
}

.widget .is-divider {
    display: none;
}

.widget> :nth-child(3)
 {
    margin-top: 15px;
}

#shop-sidebar .widget.woocommerce ul>li {
    border: none !important;
}

.widget>ul>li {
    padding: 3px 0;
}

.products:not(.slider) .product-small
{
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

/*Pagination*/
.nav-pagination>li>.current, .nav-pagination>li>a:hover, .nav-pagination>li>span:hover {
    color: #161616;
}

.nav-pagination>li>.current, .nav-pagination>li>a:hover, .nav-pagination>li>span:hover {
    background-color: var(--pagin-color);
    border-color: var(--pagin-color);
    color: #fff;
}

.nav-pagination>li>.current, .nav-pagination>li>a:hover, .nav-pagination>li>span:hover {
    color: #fff;
}

.nav-pagination>li>a, .nav-pagination>li>span {
    width: 38px;
    height: 38px;
    line-height: 36px;
    font-size: 14px;
    border-radius: 0;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.12);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#shop-sidebar .widget.woocommerce ul>li.active::before
 {
    content: "";
    display: inline-block;
    width: 4px;
    height: 2px;
    background-color: var(--primary-color);
    opacity: 1;
}

#shop-sidebar .widget.woocommerce ul>li.active > a {
    color: var(--primary-color) !important;
}


/*Cart */
.product-small .grid-tools.hover-slide-in {
    gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-small .grid-tools a {
    width: 36px !important;
    height: 36px;
    border-radius: 10px;
    background-color: white !important;
    opacity: 1;
    line-height: 38px;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, .15);
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, .15);
}

.product-small .grid-tools .cart-icon
 {
    width: 36px !important;
    height: 36px;
    padding: 8px !important;
    color: var(--primary-color);
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-small .image-tools .cart-icon {
    position: static;
    margin: 0;
}

.product-small .image-tools .cart-icon strong
 {
    border: none;
    font-size: 0;
    border: none;
    font-size: 0;
    display: inline-block;
    width: 20px;
}

.product-small .image-tools .cart-icon strong::before{
    font-size: 18px ;
    content: "\f07a";
    font-family: "Font Awesome 6 Free";
    color: var(--primary-color);
    font-weight: 900;
    position: relative;
    left: -1px;
}

.cart-icon strong:after {
    display: none !important;
    content: none !important;
}

.product-small.product-small:hover .grid-tools.hover-slide-in
 {
    -webkit-transform: scale(1) translateZ(0) translateY(-24px) !important;
    transform: scale(1) translateZ(0) translateY(-24px) !important;
}

.cat-item-45,
.cat-item-16,
.cat-item-42{
	display: none !important;
}

/*Wishlist*/
.woocommerce-account .account-welcome {
    background: var(--card-bg);
    margin-bottom: 20px;
    padding: 20px;
}

.woocommerce-account .account-welcome .account-title {
    margin-bottom: 10px;
}

.woocommerce-account .account-welcome p {
    margin-bottom: 0;
    font-size: 15px;
}

.woocommerce-account .account-page-list {
    list-style: none;
    background: var(--card-bg);
    padding: 20px 0px;
}

.woocommerce-account .account-page-list li {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--primary-font);
    line-height: 22px;
    padding: 10px 20px;
    cursor: pointer;
    position: relative;
    text-align: left;
    margin: 0;
    margin-bottom: 6px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.woocommerce-account .account-page-list li::before {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 4px;
    height: 24px;
    content: "";
    top: 50%;
    left: 2px;
    background-color: var(--primary-color);
    border-radius: 0px 4px 4px 0px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.woocommerce-account .account-page-list li a {
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: inherit;
}

.woocommerce-account .account-page-list i {
    margin-right: 7px;
    width: 20px;
    text-align: center;
    opacity: .4;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.account-page-list li:not(.active):not(:hover) i.icon-shopping-cart-solid::before {
    content: '\e94b';
}

.woocommerce-account .account-page-list li.active, .woocommerce-account .account-page-list li:hover {
    color: var(--primary-color);
}

.row-account-content form{
    background: var(--card-bg);
    padding: 20px;
}

table, td, th, tr {
    border-color: rgb(0 0 0 / 13%);
    color: #3c3c3c;
}

td.product-remove {
    padding: 0;
    width: 20px;
}

.mfp-bg.mfp-ready {
    opacity: 1;
    visibility: visible;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.80)), to(rgba(0, 0, 0, 0.80))) !important;
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.80) 100%) !important;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.80) 100%) !important;
}

.off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
    display: block !important;
}

.cart-popup-inner .woocommerce-mini-cart {
    background: transparent;
    border-radius: 0;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
    gap: 10px;
}

.widget_shopping_cart ul.product_list_widget>li {
    padding: 20px;
    border-bottom: 1px solid #3c3c3c1c;
}

.widget_shopping_cart ul.product_list_widget>li:last-child {
    border: none;
}

.off-canvas .mfp-content {
    background-color: #fff;
    z-index: 999999;
    overflow-y: auto;
    -webkit-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block !important;
    opacity: 1;
}

.widget_shopping_cart ul.product_list_widget li a.remove, .cart_item a.remove {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
}

#cart-popup .cart-popup-title {
    text-align: left;
}

ul.product_list_widget li a:not(.remove) {
    font-family: var(--primary-font);
    font-weight: 600;
    font-size: 15px;
    line-height: 1.4;
    display: block;
    padding-left: 68px;
}

ul.product_list_widget li img {
    border-radius: 11px;
    /* padding: 10px; */
    background-color: transparent;
    margin: 0;
    left: 12px;
}

.woocommerce-mini-cart-item .ux-mini-cart-qty {
    margin-left: 68px;
}

.woocommerce-orders-table span.amount {
    color: #000;
}

ul.product_list_widget li .quantity {
    font-size: 0 !important;
    opacity: 1 !important;
}

ul.product_list_widget li .quantity .woocommerce-Price-amount {
    font-size: 13px !important;
}

.off-canvas-cart .ux-mini-cart-footer {
    padding: 20px;
    margin: 0;
    bottom: 20px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.widget_shopping_cart p.total {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

a.icon-remove, a.remove {
    color: #3c3c3c;
}

div:not(.flexa-preview-item) .button.alt, div:not(.flexa-preview-item) .button.checkout, div:not(.flexa-preview-item) .checkout-button, div:not(.flexa-preview-item) .secondary {
    color: white;
    border-color: #0a0a0a;
}

.button.alt, .button.checkout, .checkout-button, .secondary {
    background-color: #0a0a0a;
}

.mfp-ready button.mfp-close {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 99999999;
    top: 48px !important;
}

.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
    background-color: #fff;
}

button.mfp-close {
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transition-delay: 1s !important;
    -o-transition-delay: 1s !important;
    transition-delay: 1s !important;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    top: 48px !important;
    right: 20px;
}

.off-canvas .mfp-content.off-canvas-cart {
    --drawer-width: 400px;
}

/*CArt*/
.shop_table thead th {
    border: none;
    padding-bottom: 16px;
}

.shop_table .product-quantity {
    display: none;
}

.shop_table.cart .cart_item td:first-child {
    border-radius: 14px 0px 0px 14px;
    padding-left: 20px;
    padding-right: 10px;
}

.shop_table .cart_item td {
    border: none;
    font-family: var(--primary-font);
}

.woocommerce-cart-form .product-name a {
    font-weight: 600;
}

.is-outline:hover, .primary.is-outline:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}

.shop_table tr td.actions button[name="update_cart"] {
    float: right;
}

.continue-shopping .button-continue-shopping, .shop_table tr td.actions button[name="update_cart"] {
    border: none;
    line-height: 36px;
    color: white !important;
    background-color: gray;
}

.shop_table .button {
    margin: 0;
}

.row-divided>.col+.col:not(.large-12) {
    border-color: rgba(255, 255, 255, 0.08);
}

.footer-primary {
    margin-top: 14px;
}

.absolute-footer {
    background-color: #5c2ddd !important;
    font-size: 13px !important;
}

.header-nav.header-nav-main {
    justify-content: center;
}

@media screen and (min-width: 850px) {
    .row-divided>.col+.col:not(.large-12) {
        border-left: 1px solid #ececec;
    }
}

.cart-collaterals, .woocommerce-cart-form {
    background-color: var(--card-bg);
    border: none !important;
    padding: 30px !important;
    font-family: var(--heading-font);
}

div:not(.flexa-preview-item) .button.alt, div:not(.flexa-preview-item) .button.checkout, div:not(.flexa-preview-item) .checkout-button, div:not(.flexa-preview-item) .secondary {
    color: white;
    border-color:#0a0a0a;
}

.wc-proceed-to-checkout .checkout-button {
    background-color: var(--primary-color);
    color: black !important;
    font-family: var(--heading-font);
    border-radius: .2rem;
    text-transform: capitalize;
}

input[type='submit'], input[type="button"], button:not(.icon), .button:not(.icon) {
    border-radius: 0 !important;
}

.cart-collaterals .ux-cart-coupon {
    padding: 14px 20px;
    border: dashed 1px #383838;
}

.cart-collaterals .ux-cart-coupon .coupon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cart-collaterals .ux-cart-coupon .widget-title {
    border: none;
    padding: 0;
    margin-bottom: 9px;
}

form label {
    font-family: var(--primary-font);
    font-weight: 500;
}

.cart-collaterals .ux-cart-coupon #coupon_code {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 20px 20px;
    margin-bottom: 10px;
}

form input[type="text"], form input[type="email"], form input[type="phone"], form input[type="password"], form input[type="text"]:focus, form input[type="email"]:focus, form input[type="phone"]:focus, form input[type="password"]:focus, form textarea:focus, form select:focus, form select, form textarea {
    border: solid 1px transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    line-height: 22px;
    padding: 25px 25px;
    width: 100%;
    background: transparent;
    color: #3c3c3;
    font-family: var(--primary-font);
}

.cart-collaterals .ux-cart-coupon .is-form.button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    text-shadow: none;
    color: white;
    border: none;
    letter-spacing: 0;
    font-size: 14px;
    font-weight: 500;
    background-color: #5c2ddd;
    padding: 0 10px;
}

a.remove:hover {
    color: #F8285A;
}

/*checkout*/
.woocommerce-checkout .woocommerce .row .large-7
 {
    max-width: 40%;
}

.woocommerce-checkout .woocommerce .row .large-5 {
    max-width: 60%;
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
}

.woocommerce-checkout #customer_details, .woocommerce-checkout .checkout-sidebar {
    background: var(--card-bg);
    padding: 20px;
}

.woocommerce-billing-fields {
    border: none;
    padding-top: 0;
}

form.checkout h3, .cart_totals th.product-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-transform: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.woocommerce-billing-fields p {
    width: 100%;
}

.woocommerce-checkout-review-order .shop_table .cart_item td {
    font-size: 16px;
    font-family: var(--primary-font);
}
	.woocommerce-checkout-review-order .shop_table tfoot tr:first-child>* {
    border-bottom: dashed 1px rgba(255, 255, 255, 0.08);
    border-top: solid 1px rgba(255, 255, 255, 0.08);
    font-size: 16px;
}

.woocommerce-checkout-review-order .shop_table tfoot tr>* {
    font-size: 18px;
    font-family: var(--primary-font);
    border: none;
}

/*Payment*/
.woocommerce-checkout .wc_payment_methods li:has(input:checked)
 {
    border: solid 1px #353535;
    position: relative;
    background: #1b1b1b;
    opacity: 1;
}

.woocommerce-checkout .wc_payment_methods li:not(:last-of-type) {
    margin-bottom: 10px;
}

.woocommerce-checkout .wc_payment_methods li {
    border: none;
    padding: 12px 20px 10px;
    overflow: hidden;
    background: #1b1b1b;
    opacity: .6;
}

.woocommerce-checkout .wc_payment_methods li input {
    display: none;
}

[type=checkbox], [type=radio], input[type=checkbox], input[type=radio] {
    --bs-form-check-bg: transparent;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin: 0;
    margin-top: 2px !important;
    margin-right: 4px;
    cursor: pointer;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #52545f;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    background-size: 60% 60%;
    border-radius: 4px;
}

.comment-form-cookies-consent {
    position: relative;
}

input[type="checkbox"]:checked + label::after {
    content: '✔';
    position: absolute;
    left: 18px;
    top: -12px;
    font-size: 26px;
    color: #504d4d;
}

.woocommerce-checkout .wc_payment_methods li:has(input:checked) label, .woocommerce-checkout .wc_payment_methods li:hover label
 {
    color: #c3e92d;
}

.woocommerce-checkout .wc_payment_methods li label {
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
}

.woocommerce-checkout .wc_payment_methods li:has(input:checked)::after {
    content: "";
    display: block;
    width: 80px;
    height: 16px;
    background-color: #c3e92d;
    position: absolute;
    top: 0px;
    right: -34px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

button#place_order {
    background-color: var(--primary-color);
    color: black;
    font-family: var(--heading-font);
    border-radius: .2rem;
    font-size: 18px;
    text-transform: capitalize;
}

.payment_box p {
    color: #fff;
}

.is-well {
    background: var(--card-bg);
    padding: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.is-well .success-color {
    color: var(--primary-color);
}

.woocommerce-order li {
    list-style: none;
    padding-left: 0;
    margin-left: 0 !important;
}

.woocommerce-order-received .woocommerce-order.row .large-8.col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.woocommerce-order-received .woocommerce-order.row .large-8.col>section {
    background: var(--card-bg);
    width: 100%;
    padding: 26px 30px;
}

.woocommerce-order-received .woocommerce-order.row .large-8.col>section h2 {
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 12px;
    margin-bottom: 20px;
    text-transform: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.woocommerce-order-received .woocommerce-order.row .large-8.col>.woocommerce-order-details, .woocommerce-order-received .woocommerce-order.row .large-8.col>.woocommerce-customer-details {
    width: 48%;
}

.woocommerce-table.order_details tr:only-child td {
    border: none;
}

.col .live-search-results, .header .search-form .live-search-results, .header-block .live-search-results {
    color: white;
    background-color: black;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, .15);
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, .15);
    font-size: 15px;
}

.autocomplete-suggestion img {
    border-radius: 5px;
}

.order-popup.mfp-ready .mfp-content {
    background: var(--card-bg);
    padding: 20px;
    max-width: 600px;
}

.order-product-item{
	padding-bottom: 10px;
}

.order-popup.mfp-ready .mfp-content h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 19px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-transform: capitalize;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    opacity: .6;
    font-weight: 500;
}

.has-border {
    border: none;
    padding: 0px;
}

.ux-quantity.quantity {
    display: none !important;
}

.related.related-products-wrapper.product-section{
	border: none;
}

/*product page*/
.woocommerce-product-gallery__image.slide.first.is-selected {
    padding: 15px;
    background: #0000000d;
    border: 2px solid transparent;
    display: inline-block;
    overflow: hidden;
    overflow-y: auto;
    margin: 0 auto;
}

.woocommerce-product-gallery__image.slide.first.is-selected img {
	width: 100%;
}

.product-images.images{
	padding-top: 16px;
}

.product-info.summary {
	padding: 20px;
    border: solid 1px #ffffff1f;
    border-radius: 10px;
    background: #00000057;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    margin:0 15px 30px;
}


.product-info.summary .product-title {
    font-size: 2rem;
}

.product-info.summary .price-wrapper span {
    font-size: 1.4rem;
    font-family: var(--primary-font);
}

.product-info.summary .price-wrapper p{
	margin-bottom: 1.3em;
}
.product-info.summary .cart {
	margin-bottom: 20px;
}

.product-info.summary .cart button{
	width: 100%
}

.product-info.summary .single_add_to_cart_button {
    background: white;
    color: black !important;
}

.product-info.summary ul li.bullet-checkmark {
    border: none;
}

.product-info.summary li.bullet-checkmark:before {
    color: var(--primary-color);
}

body.ux-builder-iframe .product-small .box-text ul {
  display: none !important;
}

.woocommerce-account .woocommerce {
    background: var(--card-bg);
    padding: 20px;
}

.woocommerce-account .account-page-list li.active i, .woocommerce-account .account-page-list li:hover i {
    opacity: 1;
}

.woocommerce-account .row-account-content .touch-scroll-table .status.on-hold {
    background-color: #272134;
    color: #883fff;
}

.woocommerce-account .row-account-content .touch-scroll-table .status {
    background-color: transparent;
    display: inline;
    padding: 2px 8px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
}

.woocommerce-account .row-account-content .touch-scroll-table .order-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.order-modal-content .woocommerce-order-details h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 19px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-transform: capitalize;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    font-weight: 700;
}

.order-modal-content .woocommerce-order-details tr:only-child td{
	border:none;
}

/*Page marquee*/
.marquee-promo-1 .span_tag {
    display: inline-block;
    padding: 0.5rem;
    border-radius: 4px;
    font-weight: 600;
    text-decoration: none;
    text-indent: 0rem;
    position: relative;
    top: -2rem;
    right: -15rem;
    background-color: #9eec5a;
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    color: #050508;
    font-size: 20px;
}

/*Page blog*/
.featured-title {
    background-color: transparent !important;
    text-shadow: none;
    border-bottom: solid 1px #8080802e;
}

.woocommerce-breadcrumb a:hover {
    color: var(--primary-color) !important;
}

.widgets-boxed .widget, .widgets-framed .widget {
    border: none;
    background-color: transparent;
    padding: 0;
}

.widget input[type="search"] {
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    line-height: 22px;
    padding: 24px 20px;
    width: 100%;
    background: var(--card-bg);
    color: white;
    font-family: var(--primary-font);
}

.sidebar-wrapper .searchform>.flex-row>.flex-col:last-child {
    right: 10px;
    position: absolute;
    background: transparent;
}

.sidebar-wrapper .searchform .button.icon {
    border-radius: 50px;
    background: transparent;
    border-color: transparent;
}

.widget .widget-title {
    font-family: var(--primary-font);
    margin-bottom: 20px;
    line-height: 25px;
    font-weight: 800;
    font-size: 20px;
	text-transform: capitalize;
}

.widget_categories .cat-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.53);
}

.widget_categories .cat-item a {
    color: #fff;
    font-family: var(--primary-font);
}

.widget_categories .cat-item a::before {
    font-family: "Font Awesome 6 Free";
    content: "\f07c";
    margin-right: 7px;
    font-size: 13px;
}

.widget_categories .cat-item a:hover {
    color: var(--primary-color) !important;
}

.flexa-recent-posts .related-posts-item.main .card-media {
    height: auto;
    margin-bottom: 16px;
    margin-right: 0;
    width: 100%;
}

.flexa-recent-posts .related-posts-item:not(.main) .card-media {
    max-width: 98px;
    min-width: 98px;
}

.flexa-recent-posts .related-posts-item .card-media {
    min-width: 130px;
    height: 91px;
    margin-right: 15px;
}

.flexa-recent-posts .related-posts-item .card-media a {
    width: 100%;
    height: 100%;
    max-height: 220px;
    display: block;
    border-radius: 14px;
    overflow: hidden;
}

.flexa-recent-posts img {
    height: 100%;
    max-width: unset;
    width: 100%;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

.flexa-recent-posts .related-posts-item.main .title {
    font-size: 18px;
    line-height: 1.45;
    padding-top: 4px;
    margin-bottom: 0;
}

.flexa-recent-posts .meta-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 6px;
    font-size: 13px;
}

.flexa-recent-posts .meta-info .item:first-child {
    margin-right: 14px;
}

.flexa-recent-posts .meta-info .item {
    color: #fff;
    opacity: 0.6;
    font-size: 13px;
    line-height: 1.4;
    font-family: var(--heading-font);
    font-weight: 500;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.flexa-recent-posts .meta-info .item i {
    margin-right: 7px;
}

.dark .widget a:hover, .dark a:hover {
    color: var(--primary-color);
}

.flexa-recent-posts .related-posts-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-top: 20px;
}

.flexa-recent-posts .related-posts-item.main {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0;
    border: none !important;
    padding: 0;
}

.flexa-recent-posts .related-posts-item .title {
    font-size: 15px;
    font-weight: 800;
    line-height: 1.45;
    margin-bottom: 0;
}
.flexa-recent-posts .meta-info .item:hover a,
.flexa-recent-posts .meta-info .item:hover{
	color: var(--primary-color);
	opacity:1;
}

.box-text .post-meta-wrap {
    display: flex;
    align-items: baseline;
    gap: .9rem;
    margin-bottom: .4rem;
    font-size: 15px;
}
.post-meta-wrap .cat-label .item,
.post-meta-wrap .cat-label {
    color: var(--primary-color);
}

.cat-label.tag-text_icon i, .post-meta.text_icon i {
    margin-right: .25rem !important;
    display: inline-block;
}

.post-meta-wrap i, .post-meta-wrap a, .post-meta-wrap .post-meta {
    font-size: 12px;
}

/*Map */
.map-iframe iframe
 {
    border-radius: 20px;
    -webkit-filter: grayscale(100%);
}
.theme-title-block .title {
    font-weight: 600;
    margin-bottom: .3em;
    line-height: 1.4;
}

.theme-title-block .title {
    font-weight: bold;
    font-size: 1.75rem;
    line-height: 1.45;
    text-transform: capitalize;
}

.theme-title-block .description {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.56);
}

.contact-info-box {
    padding: 10px 30px;
}

.contact-info-box .icon-box-text h3 {
    font-size: 20px;
}

.contact-info-box .icon-box-text p {
    font-size: 16px;
}
	
.contact-form>.col-inner {

    padding: 20px;
}

form.wpcf7-form label {
    text-align: left;
    margin-left: 2px;
    font-size: 14px;
    font-family: var(--primary-font);
    font-weight: 500;
}

form.wpcf7-form input:not([type="submit"]):not([type="checkbox"]), form.wpcf7-form select, form.wpcf7-form textarea {
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    line-height: 22px;
    padding: 22px 25px;
    width: 100%;
    background: transparent;
    color: #3c3c3;
    border: 1px solid #D5D5D5;
}

form input[type="text"], form input[type="email"], form input[type="phone"], form input[type="password"], form input[type="text"]:focus, form input[type="email"]:focus, form input[type="phone"]:focus, form input[type="password"]:focus, form textarea:focus, form select:focus, form select, form textarea {
    border: 1px solid #D5D5D5;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    line-height: 22px;
    padding: 25px 25px;
    width: 100%;
    background: transparent;
    color: #3c3c3;
    font-family: var(--primary-font);
}

form.wpcf7-form {
    margin-bottom: 0 !important;
    font-size: 14px;
}

div:not(.flexa-preview-item) .button.primary, div:not(.flexa-preview-item) button.primary, div:not(.flexa-preview-item) input[type=button].primary, div:not(.flexa-preview-item) input[type=reset].primary, div:not(.flexa-preview-item) input[type=submit].primary {
    border-color: var(--primary-color);
    color: #0F0F0F;
    font-family: var(--primary-font);
}

form.wpcf7-form .wpcf7-spinner {
    background: white;
    margin: 0;
    right: 16px;
    top: 7px;
    width: 0;
    opacity: 0;
    display: none;
}

form.wpcf7-form .wpcf7-submit, form.wpcf7-form .wpcf7-submit:focus {
    margin: 0;
    position: relative;
    background-color: var(--primary-color) !important;
    border-color: transparent !important;
    font-size: 12px;
    line-height: 24px;
    padding: 6px 15px;
    letter-spacing: 0.1em;
}

form.wpcf7-form .wpcf7-submit:hover, form.wpcf7-form .wpcf7-submit:focus {
    background-color: rgb(188, 188, 5) !important;
    border-color: rgb(188, 188, 5) !important;
    color: #000 !important;
}

.wpcf7 .wpcf7-not-valid-tip {
    color: var(--fs-color-alert);
    background-color: transparent;
    margin-top: 2px;
    position: relative;
    font-size: 0.72rem;
    font-style: italic;
    padding-bottom: 0;
    padding-left: 9px;
    opacity: 0.8;
}

.wpcf7 .wpcf7-not-valid-tip:after {
	border: none;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    background-color: #ffb90024;
    border-color: #FFB926 #FFB926;
}

.wpcf7 form .wpcf7-response-output {
    margin: 10px 0px;
    padding: 14px 20px;
    border-radius: .3rem;
    border-width: 1px;
    font-size: .92rem;
    border-color: #007fd4;
}

/*button navigation*/
.single-product .flickity-prev-next-button.next::before, .custom-slider .flickity-prev-next-button.next::before {
    content: "\f061";
}

.single-product .flickity-prev-next-button.previous::before, .custom-slider .flickity-prev-next-button.previous::before {
    content: "\f060";
}

.single-product .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button, .custom-slider.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
    -webkit-transform: translateY(13px);
    -ms-transform: translateY(13px);
    transform: translateY(13px);
    margin: 0;
    opacity: 1;
    position: relative;
    right: auto;
    left: auto;
    top: auto;
    bottom: 0;
    display: inline;
    width: 30px;
    height: 30px;
    line-height: 30px;
    min-height: unset;
}



.single-product .flickity-prev-next-button::before, .custom-slider .flickity-prev-next-button::before {
    color: white;
    font-size: 20px;
    font-weight: 900;
    position: relative;
    top: 1px;
	    font-family: "Font Awesome 6 Free";
}

.flickity-viewport > .flickity-slider > .col {
    padding-bottom: 0 !important;
}

.single-product .flickity-enabled.is-draggable, .custom-slider.flickity-enabled.is-draggable {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.single-product .flickity-prev-next-button.previous, .custom-slider .flickity-prev-next-button.previous {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.single-product .flickity-prev-next-button.next, .custom-slider .flickity-prev-next-button.next {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.single-product .slider-show-nav .flickity-prev-next-button, .single-product .slider:hover .flickity-prev-next-button, .custom-slider.slider-show-nav .flickity-prev-next-button, .custom-slider:hover .flickity-prev-next-button {
    -webkit-transform: translateY(13px) !important;
    -ms-transform: translateY(13px) !important;
    transform: translateY(13px) !important;
}

.tab-panels{
	padding-top: 0;
}

.tooltip::after {
    transform: translateY(-5px);
}


.custom-category-wrapper {
  width: 1200px;
  margin: 0 auto;
  background-color: #fff;
}

.title-categories {
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  height: 3.75rem;
  padding: 0 1.25rem;
  font-size: 16px;
  line-height: 3.75rem;
  text-transform: uppercase;
}

.custom-category-grid {
  display: flex;
  flex-direction: column;
  height: 302px;
  flex-wrap: wrap;
  background-color: #fff;
  overflow: hidden;
}

.custom-category-box {
  width: 120px;
  height: 151px;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.custom-category-box:hover {
  border-color: rgba(0, 0, 0, 0.12);
  border-width: 1px;
  box-shadow: 0 0 0.8125rem 0 rgba(0, 0, 0, 0.09);
  transform: translateZ(0);
  z-index: 1;
  cursor: pointer;
}

.order-modal {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.order-modal-dialog {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.order-modal-content {
  position: relative;
  background: #fff;
  padding: 30px;
  min-width: 350px;
  width: 600px;
  max-height: 90vh;
  overflow-y: auto;
  border: 2px solid #3c3c3c29;
}

.order-modal-close {
    position: absolute;
    top: -12px;
    right: 10px;
    font-size: 40px;
    cursor: pointer;
}

/* nave sidebar */
.nav-sidebar.nav-vertical>li+li {
    border-top: none;
}

.nav-sidebar li a{
    color: #fff;
}

.nav-column li.active>a, .nav-column li>a:hover, .nav-dropdown li.active>a, .nav-dropdown>li>a:hover, .nav-vertical-fly-out>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav>li>a:hover {
    color: var(--primary-color);
}
.latest-post ul li, .menu ul li {
    list-style: none;
    margin: 5px 0 !important;
}

.marker::before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    background-color: #5c2ddd;
}

.marker {
    position: relative;
    margin-right: 7px;
}

.sidebar-row .contact-form input {
    margin-bottom: 10px;
}

.sidebar-row .contact-form .wpcf7-submit {
    margin-top: 1rem;
}

.items-no-px .col {
    padding-left: 0;
    padding-right: 0;
    border-left: 2px solid #fff;
}

.items-no-px .col:first-child {
    border-left: none;
}

.items-no-px .col .box-image {
 border-bottom: 2px solid #fff;
}

.comment-form-rating select, .comment-form-rating select:focus, .comment-form-comment textarea, .comment-form-comment textarea:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #D5D5D5;
    color: #3c3c3c;
    box-shadow: none;
    cursor: pointer;
    font-family: var(--heading-font);
    font-size: 14px;
    min-height: 42px;
    font-weight: 500;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    max-width: 400px;
}

.comment-form-comment textarea, .comment-form-comment textarea:focus {
    min-height: 100px;
    max-height: 200px;
    max-width: 600px;
}


.comment-form-cookies-consent , .comment-respond .form-submit {
    margin-top: 30px;
}

#review_form_wrapper {
    padding: 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm input[type=password], .woocommerce-form input[type=password] {
    padding: 25px 25px;
}

.badge-inner {
    padding: 10px;
}

@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
  .home .animation-logo {
    display: none;
  }

  .form-flat input:not([type=submit]), .form-flat select, .form-flat textarea {
    border-color: #fff;
  }

  .form-flat input:not([type=submit]), .searchform .button.icon i {
    color: #fff !important;
  }

  .search-name {
    color: var(--primary-color) !important;
  }
  
}