/** Containers/Sections
  ------------------------------ */

.container--pointer--events--all {
    pointer-events: all;
}

.container--pointer--events--none {
    pointer-events: none;
}

.site-header.header--template,
div[data-elementor-type=pe-header] {
    pointer-events: none;
}

div[data-elementor-type=pe-header]>div:not(.container--pointer--events--none) {
    pointer-events: all;
}

.elementor-element.e-con.bg--color {
    --mainBackground: none;
    background: var(--mainBackground);
}

.e-con {
    border-color: var(--linesColor);
    border-top-width: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-right-width: 0;
}

.container--bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    background: #000;
    overflow: hidden;
    border-radius: var(--border-radius);
}

.bg_transparent_true .container--bg {
    background: transparent;
}

.bg_fixed_true .container--bg {
    max-height: 100vh;
}

.container--bg .plyr__controls {
    display: none !important
}

.container--bg .plyr__video-embed__container,
.container--bg iframe {
    height: 100%;
}

.container--bg>.pe-video.n-self video,
.container--bg>.pe-video.n-self,
.container--bg>.pe-video.n-self>div,
.container--bg>.pe-video.n-self>div .plyr__video-wrapper,
.container--bg>.pe-video.n-self>div .plyr__video-wrapper video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.container--bg .cont--bg--wrap {
    width: 100%;
    height: 100%;
}

.container--bg .cont--bg--wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.container--bg .bg--behavior--parallax .cont--bg--wrap img {
    will-change: transform;
}

div[data-elementor-type=wp-page]>.container--bg {
    display: none;
}


.container--bg.cont--bg--gradient {
    background: var(--b1);
}

.parallax__container,
.pin--trigger {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.e-con.fixed__content>div,
.e-con.fixed__content {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.e-con.fixed__content>div {
    will-change: transform;
}

.e-con.fixed__content {
    overflow: hidden !important;
}

.reverse--hold {
    display: block;
    float: left;
    width: 100%;
    --curveMargin: 0px;
}

.reverse--hold.rh--top.adjust--margins {
    margin-top: calc(-1*var(--curveMargin));
}

.reverse--hold.rh--bottom.adjust--margins {
    margin-bottom: calc(-1*var(--curveMargin));
}


span.bg--reverse-layer {
    --curveWidth: 75px;
    --curveHeight: 75px;
    width: var(--curveWidth);
    height: var(--curveHeight);
    overflow: hidden;
    position: relative;
    display: block;
    float: left;
    --curvColor: var(--mainBackground);
}

span.bg--reverse-layer.rl-top.rl-right {
    float: right;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

span.bg--reverse-layer::before {
    content: "";
    display: block;
    width: 200%;
    height: 200%;
    position: absolute;
    border-radius: 50%;
    bottom: 0;
    left: 0;
    -webkit-box-shadow: calc(-1 * var(--curveWidth)) var(--curveWidth) 0 0 var(--curvColor);
    box-shadow: calc(-1 * var(--curveWidth)) var(--curveWidth) 0 0 var(--curvColor);
}

span.bg--reverse-layer.rl-bottom {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

span.bg--reverse-layer.rl-bottom.rl-right {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    float: right;
}

.elementor-editor-active span.bg--reverse-layer.rl-top.rl-right,
.elementor-editor-active span.bg--reverse-layer.rl-top.rl-left {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.elementor-editor-active span.bg--reverse-layer.rl-top.rl-right {
    left: unset;
    right: 0;
    -webkit-transform: translateY(-100%) rotate(-90deg);
    -ms-transform: translateY(-100%) rotate(-90deg);
    transform: translateY(-100%) rotate(-90deg)
}

.elementor-editor-active span.bg--reverse-layer.rl-bottom.rl-right,
.elementor-editor-active span.bg--reverse-layer.rl-bottom.rl-left {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(100%) rotate(90deg);
    -ms-transform: translateY(100%) rotate(90deg);
    transform: translateY(100%) rotate(90deg);
}

.elementor-editor-active span.bg--reverse-layer.rl-bottom.rl-right {
    left: unset;
    right: 0;
    -webkit-transform: translateY(100%) rotate(180deg);
    -ms-transform: translateY(100%) rotate(180deg);
    transform: translateY(100%) rotate(180deg);
}

.e-con.bg_backdrop_true {
    --backdropBlur: 10px;

}

.e-con.bg_backdrop_true {
    background: transparent !important;
}

.e-con.bg_backdrop_true>div {
    --z-index: 2;
    z-index: var(--z-index);
}

.e-con.bg_backdrop_true::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--mainBackground);
    z-index: 0;
    backdrop-filter: blur(var(--backdropBlur));
    -webkit-backdrop-filter: blur(var(--backdropBlur));
    border-radius: var(--border-radius);
}

.animate--radius--out {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.integared--width.elementor-element {
    width: calc(var(--width) - var(--container-default-padding-left) - var(--container-default-padding-left));
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}

.elementor-element.e-con.convert--carousel {
    --width: fit-content;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.elementor-element.e-con.convert--layered .e-con,
.elementor-element.e-con.convert--layered {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.elementor-element {
    color: var(--mainColor)
}

.convert--layered {
    --op: 0
}

.elementor-element.e-con.convert--tabs>.e-con {
    display: none;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    position: absolute;
    top: 150px;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}

.elementor-element.e-con.convert--tabs>.e-con.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.show--seperator .container--tab--titles--wrap .tabs--seperator:last-child {
    display: none;
}

.elementor-element.e-con.convert--accordion {
    gap: 0;
}




.container--accordion--item {
    height: 0;
    overflow: hidden;
    min-height: auto;
    padding: 0;
}

.container--accordion--item.cont--acc--active {
    height: auto;
    min-height: var(--min-height);
    padding: 'unset';
}

.convert--accordion span.accordion-toggle {
    width: 1em;
    height: 1em;
    position: relative;
    margin-left: auto;
    margin-right: 0.5em;
    display: inline-block;
}


.convert--accordion.ac--toggle--plus .toggle--custom,
.convert--accordion.ac--toggle--plus .toggle--dot {
    display: none;
}

.convert--accordion.ac--toggle--dot .toggle--custom,
.convert--accordion.ac--toggle--dot .toggle--plus {
    display: none;
}

.convert--accordion.ac--toggle--custom .toggle--dot,
.convert--accordion.ac--toggle--custom .toggle--plus {
    display: none;
}

.convert--accordion.ac--toggle--plus .toggle--plus>span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform .65s ease;
    transition: -webkit-transform .65s ease;
    -o-transition: transform .65s ease;
    transition: transform .65s ease;
    transition: transform .65s ease, -webkit-transform .65s ease
}

.convert--accordion.ac--toggle--plus .toggle--plus>span:first-child {
    width: 70%;
    height: 2px;
    background: var(--mainColor);
}

.convert--accordion.ac--toggle--plus .toggle--plus>span:last-child {
    background: var(--mainColor);
    width: 2px;
    height: 70%;
}

.active span.accordion-toggle.toggle--plus>span:last-child {
    -webkit-transform: translate(-50%, -50%) rotate(-270deg);
    -ms-transform: translate(-50%, -50%) rotate(-270deg);
    transform: translate(-50%, -50%) rotate(-270deg);
}

.active span.accordion-toggle.toggle--dot .accordion-toggle.toggle--dot span {
    border-radius: 50%;
    background: var(--mainColor);
    width: 50%;
    height: 50%;
    opacity: .3;
    -webkit-transition: all .65s ease;
    -o-transition: all .65s ease;
    transition: all .65s ease;
    display: inline-block;
    vertical-align: super;
}

.active .accordion-toggle.toggle--dot span {
    opacity: 1;
}

.active span.accordion-toggle.toggle--dot .accordion-toggle.toggle--dot .toggle--dot {
    text-align: center;
}

.container--accordion--title {
    --fontSize: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    margin: 0;

    display: none;
    float: left;
    width: 100%;
    font-size: var(--fontSize);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.5em 0;
    position: relative;
}

.convert--accordion .container--accordion--title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.convert--accordion.ac--underlined .container--accordion--title {
    padding: 0.65em 0;
}

.container--accordion--title span.ac-order {
    margin-right: calc(3* var(--fontSize));
    color: var(--secondaryColor);
    font-size: calc(var(--fontSize) * 0.85);
    line-height: calc(var(--fontSize) * 0.85);
    width: calc(var(--fontSize)* 0.85);
}

.container--ac--nested span.ac-order {
    display: none;
}

.convert--accordion.ac--underlined .container--accordion--item::after,
.convert--accordion.ac--underlined .container--accordion--title::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--mainColor);
    opacity: .2;
}

.container--tab--titles--wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 1em 0;
    gap: 10px;
    min-width: 100%;
}

.container--tab--titles--wrap>div {
    font-size: 1.5em;
    text-transform: uppercase;
    opacity: .25;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    letter-spacing: -0.033em;
    white-space: nowrap;
}

.container--tab--titles--wrap::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--mainColor);
    opacity: .2;
}

.container--tab--titles--wrap>div.active {
    opacity: 1;
}


.container--tab--titles--wrap .tabs--seperator {
    font-size: 1.5em;
    line-height: inherit;
    opacity: .2;
    display: none;
}

.show--seperator .container--tab--titles--wrap .tabs--seperator {
    display: block;
}

.e-con.pinned_true {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.e-con .pin-spacer {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.pin-spacer>.e-con {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.pin-spacer-smooth--hold {
    height: 0 !important;
}

.elementor-editor-active .pin-spacer>.e-con {
    overflow: auto;
}

/*
.convert--layered .e-con {
	transform-origin: top center
}
*/

.convert--layered>.e-con::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    border-radius: var(--border-radius);
    opacity: var(--op);
    pointer-events: none
}

.convert--layered>.e-con:not(:first-child) {
    position: absolute;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.will__animated,
.e-con[data-anim-general="true"] {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.e-con.highlight--inners>.elementor-element {
    opacity: 0;
}

.elementor-editor-active .e-con.highlight--inners>.elementor-element {
    opacity: .2;
}

/** Site Logo
  ------------------------------ */
.elementor-widget-pesitelogo .elementor-widget-container {
    overflow: hidden;
    display: block;
    float: left;
}

.site-branding {
    display: block;
    float: left;
}

.site-branding>div {
    width: 100%;
    -webkit-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

.site-branding>div img {
    width: 100%;
    display: block;
}

.site-branding>div img.secondary__logo {
    display: none;
}

.layout--switched .header--switched .site-branding>div img.sticky__main__logo,
.layout--switched .header--switched .site-branding>div img.main__logo,
.header--switched .site-branding>div img.secondary__logo,
.header--switched .site-branding>div img.sticky__secondary__logo,
.layout--switched .site-branding>div img.secondary__logo,
.layout--switched .site-branding>div img.sticky__secondary__logo,
.site-branding>div img.sticky__main__logo,
.site-branding>div img.main__logo {
    display: block;
}

.layout--switched .header--switched .site-branding>div img.secondary__logo,
.layout--switched .header--switched .site-branding>div img.sticky__secondary__logo,
.header--switched .site-branding>div img.sticky__main__logo,
.header--switched .site-branding>div img.main__logo,
.layout--switched .site-branding>div img.sticky__main__logo,
.layout--switched .site-branding>div img.main__logo,
.site-branding>div img.secondary__logo,
.site-branding>div img.sticky__secondary__logo {
    display: none;
}

.sticky-logo {
    position: absolute;
    top: 50%;
    /* left: 50%; */
    opacity: 0;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);

}



.header--move .change--logo .site-branding .site-logo {
    opacity: 0;
}

.header--move .change--logo .site-branding .sticky-logo {
    opacity: 1;
}

.header--move .change--logo img.sticky__secondary__logo {
    display: none;
}

.site-branding>div.mobile-logo {
    display: none;
}

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

    .site-branding:has(.mobile-logo) .sticky-logo,
    .site-branding:has(.mobile-logo) .site-logo {
        display: none;
    }

    .site-branding>div.mobile-logo {
        display: block;
        width: 50px;
        height: auto;
    }


    .layout--switched .header--switched .site-branding>div img.mobile__main__logo,
    .header--switched .site-branding>div img.mobile__secondary__logo,
    .layout--switched .site-branding>div img.mobile__secondary__logo,
    .site-branding>div img.main__logo {
        display: block;
    }

    .layout--switched .header--switched .site-branding>div img.secondary__logo,
    .header--switched .site-branding>div img.mobile__main__logo,
    .layout--switched .site-branding>div img.mobile__main__logo,
    .site-branding>div img.mobile__secondary__logo {
        display: none;
    }

}

/** Site Navigation
  ------------------------------ */
.site--nav {
    display: block;
    position: relative;
}

.site--nav.nav--popup .site--menu {
    position: fixed;
    top: 0;
    right: 0;
    z-index: -11;
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    overflow: hidden;
    /* white-space: nowrap; */
    visibility: hidden;
}

.popup--pos--left .site--nav.nav--popup .site--menu {
    left: 0;
    right: unset;
    -webkit-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    transform: translateX(-110%)
}

.popup--pos--center .site--nav.nav--popup .site--menu {
    left: 50%;
    right: unset;
    -webkit-transform: translateX(-50%) translateY(-110%);
    -ms-transform: translateX(-50%) translateY(-110%);
    transform: translateX(-50%) translateY(-110%);
}


.active--underline ul.menu>li.current-menu-item>a::after,
.hover--underline ul.menu>li.current-menu-item>a::after,
.hover--underline ul.menu>li>a::after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0.05em;
    background: var(--mainColor);
    width: 0;
    -webkit-transition: width .4s ease-in-out;
    -o-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
}

.active--underline ul.menu>li>a,
.hover--underline ul.menu>li>a {
    position: relative;
}

.active--underline ul.menu>li.current-menu-item>a::after,
.hover--underline ul.menu>li.current-menu-item>a::after,
.hover--underline ul.menu>li>a:hover::after {
    width: 100%;
}

.hover--underline ul.menu:has(li>a:hover) li.current-menu-item>a::after {
    width: 0;
}

.active--dot ul.menu>li.current-menu-item>a::before,
.hover--dot ul.menu>li>a::before {
    width: 0.5em;
    height: 0.5em;
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    background: var(--mainColor);
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    opacity: 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.active--dot ul.menu>li>a,
.hover--dot ul.menu>li>a {
    position: relative;
    -webkit-transition: padding .4s ease;
    -o-transition: padding .4s ease;
    transition: padding .4s ease;
}

.active--dot ul.menu>li.current-menu-item>a::before,
.hover--dot ul.menu>li.current-menu-item>a::before,
.hover--dot ul.menu>li>a:hover::before {
    opacity: 1;
    -webkit-transform: translateY(-50%) translateX(0%);
    -ms-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%)
}

.active--dot ul.menu>li.current-menu-item>a,
.hover--dot ul.menu>li.current-menu-item>a,
.hover--dot ul.menu>li>a:hover {
    padding-left: 0.75em;
}

.hover--dot ul.menu:has(li>a:hover) li.current-menu-item>a {
    padding-left: 0;
}

.hover--dot ul.menu:has(li>a:hover) li.current-menu-item>a::before {
    opacity: 0;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}


.active--background-follower .main-navigation ul li a:hover,
.hover--background-follower .main-navigation ul li a:hover {
    color: var(--secondaryBackground);
}

.active--background-follower .main-navigation ul li.current-menu-item a,
.hover--background-follower .main-navigation ul li.current-menu-item a {
    color: var(--secondaryBackground);
}

.active--background-follower .main-navigation ul:has(li:not(.current-menu-item):hover) .current-menu-item a,
.hover--background-follower .main-navigation ul:has(li:not(.current-menu-item):hover) .current-menu-item a {
    color: var(--mainColor)
}

.active--background-follower .main-navigation ul::after,
.hover--background-follower .main-navigation ul::after {
    content: "";
    display: block;
    position: absolute;
    left: var(--left);
    width: var(--width);
    background: var(--mainColor);
    height: calc(100% - 0.5em);
    border-radius: calc(var(--radius) - (var(--radius) / 2));
    top: 0.25em;
}


.active--spacer ul.menu>li.current-menu-item>a::before,
.hover--spacer ul.menu>li>a::before {
    width: 0;
    height: 0.05em;
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    background: var(--mainColor);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.active--spacer ul.menu>li>a,
.hover--spacer ul.menu>li>a {
    position: relative;
    -webkit-transition: padding .4s ease;
    -o-transition: padding .4s ease;
    transition: padding .4s ease;
}

.active--spacer ul.menu>li.current-menu-item>a::before,
.hover--spacer ul.menu>li.current-menu-item>a::before,
.hover--spacer ul.menu>li>a:hover::before {
    width: 1em;
}

.active--spacer ul.menu>li.current-menu-item>a,
.hover--spacer ul.menu>li.current-menu-item>a,
.hover--spacer ul.menu>li>a:hover {
    padding-left: 1.2em;
}

.hover--spacer ul.menu:has(li>a:hover) li.current-menu-item>a {
    padding-left: 0;
}

.hover--spacer ul.menu:has(li>a:hover) li.current-menu-item>a::before {
    width: 0;
}

.hover--words-up ul.menu>li>a .menu--item--clone {
    position: absolute;
    top: 100%;
    left: 0;
    white-space: nowrap
}

.active--dot ul.menu>li.current-menu-item>a .menu--item--clone {
    left: 0.75em
}

.active--spacer ul.menu>li.current-menu-item>a .menu--item--clone {
    left: 1.2em
}


.hover--words-up ul.menu>li>a {
    position: relative;
    overflow: hidden;
}

.hover--words-up ul.menu>li>a:hover span {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.menu--items--align--center.hover--words-up ul.menu>li>a .menu--item--clone {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.menu--items--align--center.hover--words-up ul.menu>li>a:hover .menu--item--clone {

    -webkit-transform: translateX(-50%) translateY(-100%);

    -ms-transform: translateX(-50%) translateY(-100%);

    transform: translateX(-50%) translateY(-100%);
}

.hover--words-up ul.menu>li>a span {
    -webkit-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: inline-block;
}

.menu--item--word {
    overflow: hidden;
}

.active--opacity ul.menu>li>a {
    opacity: .7;
}

.active--opacity ul.menu>li.current-menu-item>a {
    opacity: 1;
}

.site--nav.nav--popup .site--menu.active {
    visibility: visible
}

.site--nav.nav--fullscreen .site--menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    z-index: -5;
    height: 0vh;
    overflow: hidden;
}

.site--nav.nav--fullscreen .site--menu>div {
    visibility: hidden;
}

ul.menu.menu--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
}

ul.menu.menu--vertical li {
    font-size: 40px;
    line-height: 1.4;
    padding: 0;
    letter-spacing: -0.03em;
    white-space: nowrap;
}

ul.menu.menu--vertical>li>ul.sub-menu {
    position: relative;
    z-index: 99;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background: none;
    border-radius: 0px;
    left: 0;
    opacity: 1;
    visibility: visible;
    padding: 0;
    height: 0;
    overflow: hidden;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    /* columns: 2; */
    padding-left: 0.07em;
    display: block;
}

ul.menu.menu--vertical li.sub--active ul.sub-menu {
    height: auto;
    padding-top: 0.35em;
    padding-bottom: 0.35em;
    padding-left: 0.07em;
    display: block;
}

ul.menu.menu--vertical>li>ul.sub-menu .sub-menu {
    left: 0;
    padding: 0;
    position: relative;
    background: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    display: block;
    float: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-top: 0.3em;
    padding-bottom: 0;
}

ul.menu.menu--vertical li ul.sub-menu li a {
    color: var(--secondaryColor);
    width: 100%;
}

ul.menu.menu--vertical li ul.sub-menu li {
    font-size: 20px;
    margin: 0;
    line-height: 1.6em;
}

.menu--toggle--wrap {
    text-align: right;
}

.menu--toggle {
    display: inline-block;
    width: 55px;
    height: 55px;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    --radius: 0;
    border-radius: var(--radius);
    border-color: var(--linesColor);
    font-size: 1rem;
}

.has--backdrop.elementor-widget-pesitenavigation .menu--toggle.toggle--plus {
    -webkit-backdrop-filter: blur(var(--backdropBlur));
    backdrop-filter: blur(var(--backdropBlur));
    --backdropBlur: 10px;
}

.menu--toggle.toggle--hamburger {
    width: 35px;
    height: 35px;
}

.menu--toggle.toggle--plus>span {
    position: absolute;
    width: 50%;
    height: 1px;
    background: var(--mainColor);
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 22;
    -webkit-transition: background .3s ease 0s, -webkit-transform .5s ease-in-out 0s;
    transition: background .3s ease 0s, -webkit-transform .5s ease-in-out 0s;
    -o-transition: transform .5s ease-in-out 0s, background .3s ease 0s;
    transition: transform .5s ease-in-out 0s, background .3s ease 0s;
    transition: transform .5s ease-in-out 0s, background .3s ease 0s, -webkit-transform .5s ease-in-out 0s;
}

.menu--toggle.toggle--plus>span:last-child {
    width: 1px;
    height: 50%;
}



.menu--toggle.toggle--plus.active>span:first-child {
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    -ms-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg)
}

.menu--toggle.toggle--plus.active>span:last-child {
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    -ms-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg)
}

.has--bg .menu--toggle::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: var(--secondaryBackground);
    z-index: -2;
    border-radius: var(--radius);
}

.has--bg.has--hover .menu--toggle::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0%;
    height: 0%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: var(--mainColor);
    z-index: -1;
    border-radius: var(--radius);
    -webkit-transition: all .4s cubic-bezier(0.86, 0, 0.1, 1);
    -o-transition: all .4s cubic-bezier(0.86, 0, 0.1, 1);
    transition: all .4s cubic-bezier(0.86, 0, 0.1, 1);
}

.has--bg.has--hover .menu--toggle:hover::before {
    width: 100%;
    height: 100%;
}

.has--bg.has--hover .menu--toggle:hover>span {
    background: var(--secondaryBackground)
}

.menu--toggle.toggle--plus--text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    height: auto;
}

.menu--toggle.toggle--plus--text .toggle--text--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 1em;
    overflow: hidden;
}

.menu--toggle.toggle--plus--text .toggle--text--wrapper span {
    line-height: 1;
}

.menu--toggle.toggle--plus--text .tpt--icon {
    line-height: 1;
    height: 1em;
}

.menu--toggle.toggle--plus--text svg {
    font-size: 1em;
    line-height: 1;
    height: 1em;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: color .4s ease, -webkit-transform .75s cubic-bezier(0.73, 0.03, 0.2, 0.99);
    transition: color .4s ease, -webkit-transform .75s cubic-bezier(0.73, 0.03, 0.2, 0.99);
    -o-transition: transform .75s cubic-bezier(0.73, 0.03, 0.2, 0.99), color .4s ease;
    transition: transform .75s cubic-bezier(0.73, 0.03, 0.2, 0.99), color .4s ease;
    transition: transform .75s cubic-bezier(0.73, 0.03, 0.2, 0.99), color .4s ease, -webkit-transform .75s cubic-bezier(0.73, 0.03, 0.2, 0.99)
}

.menu--toggle.toggle--plus--text.active .toggle--text--wrapper span {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.menu--toggle.toggle--plus--text.active svg {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.menu--toggle.toggle--hamburger>span {
    position: absolute;
    width: 100%;
    height: 2px;
    background: var(--mainColor);
    display: block;
    top: 50%;
    right: 0;
    z-index: 22;
    -webkit-transition: background .3s ease 0s, width .3s ease 0s, -webkit-transform .5s ease-in-out 0s;
    transition: background .3s ease 0s, width .3s ease 0s, -webkit-transform .5s ease-in-out 0s;
    -o-transition: transform .5s ease-in-out 0s, background .3s ease 0s, width .3s ease 0s;
    transition: transform .5s ease-in-out 0s, background .3s ease 0s, width .3s ease 0s;
    transition: transform .5s ease-in-out 0s, background .3s ease 0s, width .3s ease 0s, -webkit-transform .5s ease-in-out 0s;
}

.menu--toggle.toggle--hamburger>span:first-child {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    width: 80%;
}

.hamburger--style--simple .menu--toggle.toggle--hamburger>span:first-child {
    width: 100%;
}


.menu--toggle.toggle--hamburger:hover>span:first-child {
    width: 100%
}

.menu--toggle.toggle--hamburger>span:last-child {
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
}

.menu--toggle.toggle--hamburger.active>span:first-child {
    -webkit-transform: translateY(0px) rotate(-135deg);
    -ms-transform: translateY(0px) rotate(-135deg);
    transform: translateY(0px) rotate(-135deg);
    width: 100%
}

.menu--toggle.toggle--hamburger.active>span:last-child {
    -webkit-transform: translateY(0px) rotate(135deg);
    -ms-transform: translateY(0px) rotate(135deg);
    transform: translateY(0px) rotate(135deg);
}

.st--wrap {
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    vertical-align: middle;
    position: relative;
    margin-left: 0.2em;
    cursor: pointer;
    overflow: hidden;
    line-height: 1;
    display: block;
}

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

    .st--wrap {
        display: none;
    }

}

.has--bg.elementor-widget-penavmenu .main-navigation ul.menu .st--wrap {
    margin-left: -0.7em
}

.st--icon--row-reverse .st--wrap {
    margin-left: 0;
}

.elementor-widget-penavmenu .main-navigation a {
    display: inline-block;
}

.st--wrap span.sub--toggle {
    width: 100%;
    height: 100%;
    display: block;
}

span.sub--toggle.st--arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.menu--item--will--animated .st--wrap span.sub--toggle {
    -webkit-transform: translateY(120%);
    -ms-transform: translateY(120%);
    transform: translateY(120%);
    -webkit-transition: -webkit-transform .7s cubic-bezier(0, 0.58, 0.53, 1.02) .2s;
    transition: -webkit-transform .7s cubic-bezier(0, 0.58, 0.53, 1.02) .2s;
    -o-transition: transform .7s cubic-bezier(0, 0.58, 0.53, 1.02) .2s;
    transition: transform .7s cubic-bezier(0, 0.58, 0.53, 1.02) .2s;
    transition: transform .7s cubic-bezier(0, 0.58, 0.53, 1.02) .2s, -webkit-transform .7s cubic-bezier(0, 0.58, 0.53, 1.02) .2s
}

.menu--item--will--animated.menu--item--anim--active .st--wrap span.sub--toggle {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%)
}

.st--wrap span.sub--toggle.st--plus>span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: var(--mainColor);
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.st--wrap span.sub--toggle.st--plus>span:first-child {
    width: 1px;
    height: 100%;
}

.st--wrap span.sub--toggle.st--plus>span:last-child {
    width: 100%;
    height: 1px;
}

li.menu-item.menu-item-has-children.sub--active>.st--wrap span.sub--toggle.st--plus>span:first-child {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}

ul.menu.menu--indexed li::before {
    content: attr(data-index);
    color: var(--mainColor);
    display: inline-block;
    font-size: 0.4em;
    vertical-align: top;
    margin-right: 0.5em;
}

.menu--toggle.toggle--text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    width: auto;
    height: auto;
}

.menu--toggle.toggle--text.framed::after {
    content: "]";
}

.menu--toggle.toggle--text.framed::before {
    content: "[";
}

.menu--toggle.toggle--text.framed::after,
.menu--toggle.toggle--text.framed::before {
    font-size: 15px;
    line-height: 1;
}

.menu--toggle.toggle--text .toggle--text--wrapper {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 1.4em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: inherit;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
}

.menu--toggle.toggle--plus--text>div>span,
.menu--toggle.toggle--text>div>span {
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.menu--toggle.toggle--text.active>div>span {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}


.has--bg .menu--toggle.toggle--plus--text,
.has--bg .menu--toggle.toggle--text {
    --radius: 7.5px
}

.has--bg .menu--toggle.toggle--plus--text,
.has--bg .menu--toggle.toggle--text {
    padding: 0.5em 1em;
    height: 2.4em;
}

.has--bg.has--hover .menu--toggle {
    -webkit-transition: color .4s ease;
    -o-transition: color .4s ease;
    transition: color .4s ease
}

.has--bg.has--hover .menu--toggle:hover {
    color: var(--mainBackground)
}

.has--bg.has--hover .menu--toggle:hover svg {
    fill: var(--mainBackground)
}

.nav--blocks {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    z-index: -6;
    height: 100vh;
    overflow: hidden;
    visibility: hidden;
}

.nav--blocks>span {
    background: var(--secondaryBackground);
    position: absolute;
    display: inline-block;
    left: 0;
    width: calc(100vw / var(--grid) + 1px);
    height: 0vh;
    -webkit-transform: translateX(calc((100vw / var(--grid)) * var(--index)));
    -ms-transform: translateX(calc((100vw / var(--grid)) * var(--index)));
    transform: translateX(calc((100vw / var(--grid)) * var(--index)));
    top: 0;
}

.site--nav.nav--fullscreen.overlay--blocks .site--menu>div>div {
    background: transparent !important;
}

.site--nav.nav--fullscreen.overlay--blocks .site--menu {
    height: 100vh;
    visibility: hidden;
}


.site--nav.nav--fullscreen.overlay--overlay span.nav_bg_opacity {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 0;
    background: black;
    z-index: -99;
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(1, 0.03, 0.13, 1.01);
    -o-transition: all 1s cubic-bezier(1, 0.03, 0.13, 1.01);
    transition: all 1s cubic-bezier(1, 0.03, 0.13, 1.01)
}

.site--nav.nav--fullscreen.overlay--overlay.site--nav:has(.menu--toggle.active) span.nav_bg_opacity {
    opacity: .5;
    height: 100vh;
}

/** Text Wrapper
  ------------------------------ */

span.me--slide-right,
span.me--slide-left {
    overflow: hidden;
}

span.inserted--ls--hold,
span.inner--video,
span.inner--icon,
span.inner--image {
    display: inline-block;
    height: 100%;
    width: auto;
    vertical-align: middle;
    line-height: 1em;
    color: var(--color);
    fill: var(--color);
    overflow: hidden;
    margin-top: -0.15em;
}

span.inner--icon:has(>svg) {
    width: 1em;
    height: 1em;
}

span.inner--video {
    margin-top: 0;
    width: auto;
}

span.inserted--sup--text {
    font-size: 0.3em;
    letter-spacing: normal;
    display: inline-block;
    line-height: 1;
    vertical-align: top;
    color: var(--secondaryColor);
}

span.inserted--ls--hold {
    position: relative;
    z-index: 99;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

span.inserted--ls--hold>span {
    position: absolute;
    top: 0.15em;
    left: 0;
    width: 100%;
    height: 100%;
    /* transform: translate(-50%, -50%); */

}

span.inserted--ls--hold .pe-video,
span.inserted--ls--hold .pe-video .plyr--video,
span.inserted--ls--hold .pe-video .plyr__video-wrapper {
    height: 100% !important;
    width: 100% !important;
}

span.inserted--ls--hold .pe-video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

span.inner--video {
    width: auto;
    height: auto;
    position: relative;
}

span.inner--icon svg path {
    fill: var(--color);
}


span.inner--image img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
}

span.inner--icon svg {
    width: 1em;
    height: auto;
    fill: var(--mainColor)
}

span.inner--icon svg * {
    fill: var(--mainColor)
}

.inserted--ls--hold,
span.inner--element {
    --pe-rotate: 0deg;
    --pe-scale: 0;
    --pe-translate-y: 0px;
    --pe-translate-x: 0px;
    background-color: var(--element--bg);
    display: inline-block;
    -webkit-transform: rotate(var(--pe-rotate)) scale(var(--pe-scale)) translateY(var(--pe-translate-y)) translateX(var(--pe-translate-x));
    -ms-transform: rotate(var(--pe-rotate)) scale(var(--pe-scale)) translateY(var(--pe-translate-y)) translateX(var(--pe-translate-x));
    transform: rotate(var(--pe-rotate)) scale(var(--pe-scale)) translateY(var(--pe-translate-y)) translateX(var(--pe-translate-x));
    border-radius: var(--bRadius);
    padding: var(--pPadding);
    border-style: var(--border-style);
    border-width: var(--border-width);
}

span.inner--element:has(.anim_word) {
    background: transparent;
    padding: 0 !important;
    border-radius: 0px !important;
    border-style: none;
    border-width: 0;
}

span.inner--element:has(.anim_word) .anim_word>span {
    background: var(--element--bg);
    border-radius: var(--bRadius);
    padding: var(--pPadding);
    border-style: var(--border-style);
    border-width: var(--border-width);
}

span.underlined {
    position: relative;
}

span.underlined::after {
    content: '';
    position: absolute;
    bottom: 0.1em;
    left: 0;
    width: 100%;
    height: 0.1em;
    background: var(--color)
}

.elementor-widget-pepostfield .text-wrapper.has--bg a {
    background: var(--mainColor);
    border-radius: 35px;
    color: var(--mainBackground);
    padding: 10px 25px;
}


.ls--invert {
    -webkit-transition: -webkit-filter .4s ease;
    transition: -webkit-filter .4s ease;
    -o-transition: filter .4s ease;
    transition: filter .4s ease;
    transition: filter .4s ease, -webkit-filter .4s ease;
}

.ls--default--revert {
    -webkit-filter: revert;
    filter: revert;
}

.ls--default--invert {
    -webkit-filter: invert(1);
    filter: invert(1);
}

.layout--switched .ls--invert {
    -webkit-filter: invert(1);
    filter: invert(1);
}

.layout--switched .ls--revert {
    -webkit-filter: revert;
    filter: revert;
}

.use--sec--color {
    color: var(--secondaryColor);
}

.white--space--no--wrap .text-wrapper {
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

/** Pe-theme Circle Text
  ------------------------------ */
.pe-circular-text {
    display: inline-block;
    position: relative;
    z-index: 0;
    --radius: 50%;
    -webkit-transition: color .4s ease;
    -o-transition: color .4s ease;
    transition: color .4s ease;
    --bgBlur: 10px;
}



.pe-circular-text .circular-text-content {
    display: block;
    position: absolute;
    height: 450px;
    width: 450px;
}

.pe-circular-text .circular-text-wrap {
    display: inline-block;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    border-radius: 50%;
    position: relative
}

.pe-circular-text .circle-char,
.pe-circular-text .circle-word {
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    display: inline-block;
    /*    text-transform: uppercase;*/
    /*    font-size: var(--fontSize);*/
    text-align: center;
    left: 50%;
    height: 50%;
    position: absolute;
    width: 20px;
    z-index: 999999;

}

.pe-circular-text .circle-word {
    left: 50%;
    top: 0;
    height: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.pe-circular-text span.material-symbols-outlined {
    font-size: 5px;
    font-variation-settings:
        'FILL' 1,
        'wght' 100,
        'GRAD' 0,
        'opsz' 10
}

.pe-circular-text .circular-text-icon span.material-symbols-outlined {
    font-size: 40px;
}

.pe-circular-text .circular-text-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999999;
    cursor: pointer
}

.pe-circular-text .circular-text-icon span {
    font-size: 40px;
    /*    transform: rotate(90deg)*/
}


.has--hover .pe-circular-text::before,
.has--bg .pe-circular-text::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 110%;
    height: 110%;
    border-radius: var(--radius);
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: var(--secondaryBackground);
    z-index: -2;
}

.has--hover .pe-circular-text::before {
    width: 0%;
    height: 0%;
    background: var(--mainColor);
    -webkit-transition: all .4s cubic-bezier(0.86, 0, 0.1, 1);
    -o-transition: all .4s cubic-bezier(0.86, 0, 0.1, 1);
    transition: all .4s cubic-bezier(0.86, 0, 0.1, 1);
    z-index: -1;
}

.has--hover .pe-circular-text:hover::before {
    width: 110%;
    height: 110%;
}

.has--hover .pe-circular-text:hover {
    color: var(--secondaryBackground);
}

.has--backdrop .pe-circular-text::after,
.has--bg.has--backdrop .pe-circular-text::after {
    -webkit-backdrop-filter: blur(var(--bgBlur));
    backdrop-filter: blur(var(--bgBlur));
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
    transition: background-color .4s ease;
}

.has--bg.has--backdrop.has--hover .pe-circular-text:hover::after {
    background-color: rgba(255, 255, 255, 1);
}

.has--backdrop .pe-circular-text::before {
    display: none;
}

/** Pe-theme Circle Text End
  ------------------------------ */
/** Pe List
  ------------------------------ */
.pe--list {
    display: block;
}

.pe--list ul {
    list-style: none;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
}

.pe--list ul svg {
    width: 1em;
    height: 1em;
    fill: var(--mainColor);
}

.pe--list ul li {
    line-height: 1;
}

.pe--list ul li span.list--caption {
    float: right;
    font-size: 14px;
    color: var(--secondaryColor);
    margin-left: 1em;
    vertical-align: middle;
}

/** Custom Add To Cart
  ------------------------------ */
.saren--custom--add--to--cart {
    width: 100%;
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

.saren--custom--add--to--cart a {
    width: 100%;
    display: block;
    padding: 0.5em 1em;
    text-transform: uppercase;
    color: var(--mainColor);
    z-index: 3;
    position: relative;
    -webkit-transition: all .4s cubic-bezier(0.62, 0.01, 0.1, 1);
    -o-transition: all .4s cubic-bezier(0.62, 0.01, 0.1, 1);
    transition: all .4s cubic-bezier(0.62, 0.01, 0.1, 1)
}

.saren--custom--add--to--cart svg {
    position: absolute;
    top: 0.25em;
    right: 0.25em;
    fill: var(--mainColor);
    font-size: 1rem;
    line-height: 1;
    z-index: 3;
    -webkit-transition: all .2s cubic-bezier(0.62, 0.01, 0.1, 1) 0s;
    -o-transition: all .2s cubic-bezier(0.62, 0.01, 0.1, 1) 0s;
    transition: all .2s cubic-bezier(0.62, 0.01, 0.1, 1) 0s
}

.saren--custom--add--to--cart::before,
.saren--custom--add--to--cart::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--mainBackground);
    z-index: 1
}

.saren--custom--add--to--cart::after {
    z-index: 2;
    background: var(--mainColor);
    width: 0%;
    -webkit-transition: all .4s cubic-bezier(0.62, 0.01, 0.1, 1);
    -o-transition: all .4s cubic-bezier(0.62, 0.01, 0.1, 1);
    transition: all .4s cubic-bezier(0.62, 0.01, 0.1, 1)
}

.saren--custom--add--to--cart:hover::after {
    width: 100%
}

.saren--custom--add--to--cart:hover a {
    color: var(--mainBackground)
}

.saren--custom--add--to--cart:hover svg {
    fill: var(--mainBackground);
    -webkit-transition: all .2s cubic-bezier(0.62, 0.01, 0.1, 1) .2s;
    -o-transition: all .2s cubic-bezier(0.62, 0.01, 0.1, 1) .2s;
    transition: all .2s cubic-bezier(0.62, 0.01, 0.1, 1) .2s
}

/** Pe Pricing Table
  ------------------------------ */
.pe--pricing--table {
    display: block;
    position: relative;
    padding: 2em;
    background: var(--secondaryBackground);
    border-radius: 10px;
}

.pe--pricing--table .pricing--table--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1em;
}

.pe--pricing--table p {
    margin: 0;
}

.pe--pricing--table .pricing--table--price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 1em;
}

.pe--pricing--table .pricing--table--button {
    margin-top: 3em;
}

.pe--pricing--table .pricing--table--short--desc {
    margin-bottom: 3em;
    max-width: 75%;
    color: var(--secondaryColor);
}

.pe--pricing--table span.woocommerce-Price-amount.amount bdi {
    font-size: 4.209rem;
    line-height: 1.2;
    letter-spacing: -0.04em;
}

.pe--pricing--table .pricing--table--desc ul li {
    line-height: 2;
}

.pe--pricing--table .pricing--table--highlight {
    position: absolute;
    right: 2em;
    top: 0;
    background: var(--mainColor);
    color: var(--mainBackground);
    padding: 0.5em 1em;
    border-radius: 5px;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.pe--pricing--table:has(.pricing--table--highlight) {
    border: 1px solid var(--linesColor)
}

.pe--pricing--table:has(.pricing--table--highlight) .saren--custom--add--to--cart::before {
    background: var(--secondaryBackground);
}

.pe--pricing--table:has(.pricing--table--highlight) .saren--custom--add--to--cart {
    border: 1px solid var(--linesColor)
}

/** Pe Hotspot Image
  ------------------------------ */
.pe--hotspot--image {
    position: relative;

}

span.hotspot--marker {
    width: 15px;
    height: 15px;
    display: block;
    background: var(--mainColor);
    border-radius: 50%;
    position: absolute;
    top: 10%;
    left: 10%;
    cursor: pointer;
    z-index: 1;
}

div.hotspot--marker {
    position: absolute;
}

.hotspot--content {
    position: absolute;
    background: var(--secondaryBackground);
    padding: 1em;
    --radius: 5px;
    border-radius: var(--radius);
    max-width: 300px;
    display: none;
    -webkit-clip-path: inset(0% 0% 100% 100% round var(--radius));
    clip-path: inset(0% 0% 100% 100% round var(--radius));
    -webkit-transition: all .7s cubic-bezier(0.57, 0.02, 0.14, 0.98);
    -o-transition: all .7s cubic-bezier(0.57, 0.02, 0.14, 0.98);
    transition: all .7s cubic-bezier(0.57, 0.02, 0.14, 0.98);
    border-color: var(--linesColor);
    border-width: 1px;
}

.hotspot--content .ht--content {
    color: var(--secondaryColor);
    font-size: 14px;
}

.hotspot--content.pos--center {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hotspot--content.pos--top {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.hotspot--content:has(.saren--single--product) {
    background: none;
    padding: 0;
    max-width: 250px;
}

.hotspot--content.saren--single--product {
    width: 300px;
}

.pin-on-scroll .hotspot--content {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.always-open .hotspot--content {
    -webkit-clip-path: none !important;
    clip-path: none !important;
}

.hotspot--content.top.left {
    -webkit-clip-path: inset(0% 100% 100% 0% round var(--radius));
    clip-path: inset(0% 100% 100% 0% round var(--radius));
}

.hotspot--content.bottom.right {
    -webkit-clip-path: inset(100% 0% 0% 100% round var(--radius));
    clip-path: inset(100% 0% 0% 100% round var(--radius));
}

.hotspot--content.bottom.left {
    -webkit-clip-path: inset(100% 100% 0% 0% round var(--radius));
    clip-path: inset(100% 100% 0% 0% round var(--radius));
}

.hotspot--content.active {
    -webkit-clip-path: inset(0% 0% 0% 0% round var(--radius)) !important;
    clip-path: inset(0% 0% 0% 0% round var(--radius)) !important;
}


@-webkit-keyframes markerAnim {
    0% {
        width: calc(100% + 10px);
        height: calc(100% + 10px);
    }

    50% {
        width: calc(100% + 15px);
        height: calc(100% + 15px);
    }

    100% {
        width: calc(100% + 10px);
        height: calc(100% + 10px);
    }
}


@keyframes markerAnim {
    0% {
        width: calc(100% + 10px);
        height: calc(100% + 10px);
    }

    50% {
        width: calc(100% + 15px);
        height: calc(100% + 15px);
    }

    100% {
        width: calc(100% + 10px);
        height: calc(100% + 10px);
    }
}

span.hotspot--marker::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    background: none;
    z-index: 0;
    border-radius: 50%;
    border: 1px solid var(--mainColor);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: var(--mainColor);
    opacity: .4;
}

.animate--marker span.hotspot--marker::after {
    -webkit-animation-name: markerAnim;
    animation-name: markerAnim;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.pe--hotspot--image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    display: block;
    margin: 0 auto;
}


svg.hotspots--line--scene {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

svg.hotspots--line--scene polyline {
    fill: transparent;
    stroke: var(--mainColor);
    stroke-width: 1px;
}

.pe--hotspot--image:has(.hotspots--line--scene) .hotspot--content {
    top: 50%;
    left: 50%;
    -webkit-clip-path: none;
    clip-path: none;
    display: block;
    background: #f2f2f2;
    border-radius: 15px;
    padding: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

span.hotspot--line--dot {
    display: block;
    width: 30px;
    height: 30px;
    background: var(--secondaryBackground);
    border-radius: 50%;
    position: absolute;
    top: var(--p1y);
    left: var(--p1x);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    -o-transition: transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease
}

span.hotspot--line--dot.active {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
}

span.hotspot--line--dot svg {
    fill: var(--mainColor);
}

.open-on-scroll .hotspot--content,
.hover-to-open .hotspot--content,
.click-to-open .hotspot--content {
    opacity: 0
}

.click-to-open .hotspot--content.active {
    opacity: 1;
}

.hotspot--close {
    display: none;
}

@media only screen and (max-width: 550px) {
    .pe--hotspot--image:has(.hotspots--line--scene) .hotspot--content {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 90%;
        top: var(--p1y);
        pointer-events: none;
    }

    .hotspots--line--scene {
        display: none;
    }

    .hotspot--close {
        display: block;
        position: absolute;
        top: 0.1em;
        right: 0.1em;
        font-size: 2rem;
        pointer-events: all;
    }

    .hotspot--close svg {
        width: 1em;
        height: 1em;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

}

/** Pe Info Box
  ------------------------------ */

.pe--info--box {
    display: block;
    position: relative;
}

.pe--info--box .pe--info--box--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2rem;
    border-radius: 7.5px;
    gap: 100px;
    width: 100%;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    --backdropBlur: 10px;
}

.has--bg .pe--info--box .pe--info--box--wrapper {
    background: var(--secondaryBackground);
}

.bg_backdrop_true .pe--info--box .pe--info--box--wrapper {
    backdrop-filter: blur(var(--backdropBlur));
    -webkit-backdrop-filter: blur(var(--backdropBlur));
}

.has--bordered .pe--info--box .pe--info--box--wrapper {
    border: 1px solid var(--linesColor)
}

.interest--has--bg .pe--info--box .pe--info--box--wrapper {
    gap: 30px
}

.pe--infobox--title {
    max-width: 100%;
}

.pe--infobox--wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pe--info--box p {
    margin: 0;
}

.pe--infobox--interest.interest--image {
    border-radius: 5px;
    position: relative;
}

.pe--infobox--interest.interest--image img {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: relative;
    -o-object-fit: contain;
    object-fit: contain;
}

.pe--infobox--interest.interest--icon {
    font-size: 40px;
    line-height: 1;
}

.pe--infobox--interest.interest--icon svg {
    fill: var(--mainColor);
}

.pe--infobox--interest.interest--icon svg {
    width: 1em;
    height: 1em;
}

.pe--infobox--content {
    color: var(--secondaryColor);
    width: 100%;
}

.interest--has--bg .pe--infobox--interest.interest--image::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 1em);
    height: calc(100% + 1em);
    background: var(--mainBackground);
    border-radius: 50%;
    z-index: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.texts--row .pe--infobox--content {
    width: 60%;
    padding-right: 1em;
}

.texts--row .pe--infobox--wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


/** Inner Page Navigation
  ------------------------------ */
.pe--inner--page--navigation {
    display: inline-block;
    position: relative;
    background: var(--secondaryBackground);
    border-radius: 25px;
}

.pe--inner--page--navigation .inner--nav--wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pe--inner--page--navigation .inner--nav--wrap>div {
    padding: 0.5em 1em;
}

.pe--inner--page--navigation .nav--follower {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 6.5em;
    height: 100%;
    background: var(--mainColor);
    border-radius: 25px;
    z-index: 1;
    -webkit-transition: left .4s ease-in-out;
    -o-transition: left .4s ease-in-out;
    transition: left .4s ease-in-out
}

.pe--inner--page--navigation .inner--nav--wrap>div {
    position: relative;
    z-index: 2;
    -webkit-transition: color .4s ease-in-out;
    -o-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out;
}

.pe--inner--page--navigation .inner--nav--wrap>div.active {
    color: var(--secondaryBackground);
}

.inner--nav--row .pe--inner--page--navigation .nav--follower {
    width: 100%;
    height: 5.5em;
}

.inner--nav--row .pe--inner--page--navigation .inner--nav--wrap>div {
    padding: 1em 0.5em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.inner--nav--simple .pe--inner--page--navigation {
    background: none;
}

.inner--nav--simple .pe--inner--page--navigation .nav--follower {
    display: none;
}

.inner--nav--simple .inner--nav--element.pe--scroll--button {
    border: 1px solid var(--linesColor);
    border-radius: 10px;
    background: var(--mainBackground);
}

.inner--nav--simple .inner--nav--wrap {
    gap: 20px;
}

.inner--nav--simple .pe--inner--page--navigation .inner--nav--wrap>div.active {
    background: var(--mainColor);
}

.nav--active--underline .pe--inner--page--navigation .inner--nav--wrap>div.active {
    background: none;
    color: var(--mainColor);

}

.nav--active--underline .pe--inner--page--navigation .inner--nav--wrap>div {
    position: relative;
    padding: 0em 0em;
}

.nav--active--underline .pe--inner--page--navigation .inner--nav--wrap>div.active::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background: var(--mainColor);
    position: absolute;
    bottom: 0em;
    left: 0;
}

/** Pe Call To Action
  ------------------------------ */

.pe--call--to--action {
    display: block;
    height: auto;
    padding: 1em;
    border-radius: 5px;
    width: 100%;
    position: relative;
    overflow: hidden;
    min-height: 200px;
}

.has--bg .pe--call--to--action {
    background: var(--secondaryBackground);
    --backdropBlur: 10px;
}


.bg_backdrop_true .pe--call--to--action {
    backdrop-filter: blur(var(--backdropBlur));
    -webkit-backdrop-filter: blur(var(--backdropBlur));
}

.pe--call--to--action a {
    display: inline-block;
    height: 100%;
    width: 100%;
}

.color--change--true .pe--call--to--action {
    -webkit-transition: background .4s ease;
    -o-transition: background .4s ease;
    transition: background .4s ease
}

.color--change--true .pe--call--to--action:hover {
    background: var(--mainColor);

}

.color--change--true .pe--call--to--action:hover .cta--wrapper .cta--text,
.color--change--true .pe--call--to--action:hover,
.color--change--true .pe--call--to--action:hover a {
    color: var(--secondaryBackground)
}

.pe--call--to--action a {
    background: transparent;
    -webkit-transition: color .4s ease;
    -o-transition: color .4s ease;
    transition: color .4s ease
}

.pe--call--to--action .cta--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    position: relative;
    z-index: 2;
}

.pe--call--to--action .cta--wrapper .cta--text {
    color: var(--secondaryColor)
}

.pe--call--to--action .cta--icon {
    position: absolute;
    top: 0.75em;
    right: 0.75em;
    font-size: 1.2em;
    line-height: 1;
    --transformX: 0;
    --transformY: 0;
    -webkit-transform: translateX(var(--transformX)) translateY(var(--transformY));
    -ms-transform: translateX(var(--transformX)) translateY(var(--transformY));
    transform: translateX(var(--transformX)) translateY(var(--transformY));
}

.pe--call--to--action .cta--icon i {
    font-size: inherit;
    line-height: inherit;
}

.pe--call--to--action .cta--background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pe--call--to--action .cta--background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.pe--call--to--action svg {
    fill: var(--mainColor);
}

.cta--image {
    width: 100%;
    height: auto;
    border-color: var(--linesColor);
    border-width: 1px;
}

.cta--image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
}

.custom--image--pos--true .pe--call--to--action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

}

.custom--image--pos--top .pe--call--to--action {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.custom--image--pos--right .pe--call--to--action {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.custom--image--pos--left .pe--call--to--action {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.custom--image--pos--left .pe--call--to--action>div,
.custom--image--pos--right .pe--call--to--action>div {
    height: auto;
}

.custom--image--pos--left .pe--call--to--action>div .cta--text,
.custom--image--pos--right .pe--call--to--action>div .cta--text {
    max-width: 70%;
}


@media only screen and (max-width: 550px) {
    .custom--image--pos--right .pe--call--to--action {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .custom--image--pos--left .pe--call--to--action {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .custom--image--pos--left .pe--call--to--action>div .cta--text,
    .custom--image--pos--right .pe--call--to--action>div .cta--text {
        max-width: 100%
    }

}

/** Pe Table
  ------------------------------ */
.pe--table {
    display: block;
    width: 100%
}

.pe--table--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

.pe--table--wrapper .pe--table--row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0;
    position: relative;
    text-transform: uppercase;
    letter-spacing: -0.03em;
}

.table--background-yes .pe--table--wrapper .pe--table--row {
    background: var(--secondaryBackground)
}

.pe--table--row--image {
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
    opacity: 0;
    pointer-events: none;
    z-index: 1;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}

.pe--table--wrapper .pe--table--row:hover .pe--table--row--image {
    opacity: 1;
}

.pe--table--wrapper a.pe--table--row {
    cursor: pointer
}

.pe--table.table__hover .pe--table--row::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100% + 1em);
    height: 00%;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background: var(--mainColor);
    z-index: 1;
}

.pe--table.table__hover .pe--table--row:hover::before {
    height: 100%;
}

.pe--table.table__hover .pe--table--row:hover span {
    color: var(--mainBackground)
}

.pe--table--wrapper .pe--table--row>span {
    width: 100%;
    color: var(--secondaryColor);
    -webkit-transition: color .4s ease;
    -o-transition: color .4s ease;
    transition: color .4s ease;
    position: relative;
    z-index: 2;
}

.pe--table--wrapper .pe--table--row>span:last-of-type {
    text-align: right;
    width: 30%
}


.table--underlined-yes .pe--table--wrapper .pe--table--row::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--mainColor);
    opacity: .1;
}

.pe--table--wrapper .pe--table--row>span:first-child {
    color: var(--mainColor)
}

.pe--table--row.table--title--row span,
.pe--table--row.table--title--row span:first-child {
    font-size: 0.8em;
    color: var(--mainColor);
    text-transform: uppercase;
}

.pe--table--row.table--title--row {
    pointer-events: none
}

.pe--table--row.table--title--row::after {
    opacity: .5
}


@media only screen and (max-width: 550px) {
    .pe--table--wrapper .pe--table--row>span {
        width: 50%;
        padding: 5px 0;
    }

    .pe--table--wrapper .pe--table--row {
        -ms-flex-wrap: wrap;
        flex-wrap: nowrap;
        white-space: nowrap;
    }

    .pe--table--wrapper .pe--table--row>span:last-of-type,
    .pe--table--wrapper .pe--table--row>span:nth-child(even) {
        width: 50%;
        text-align: right;
    }

}

/** Pe Infinite Tabs
  ------------------------------ */
.pe-infinite-tabs {
    display: block;
    float: left;
    width: 100%
}

.pe-infinite-tabs .tab-title-wrap {
    white-space: nowrap;
    list-style: none;
    padding: 0;
    position: relative
}

.pe-infinite-tabs .tab-title {
    display: inline-block;
    margin-right: 150px;
    position: relative;
    overflow: hidden;
    padding-bottom: 0;
    opacity: 0.05;
    -webkit-transition: opacity .4s ease-out;
    -o-transition: opacity .4s ease-out;
    transition: opacity .4s ease-out;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1.2
}

.pe-infinite-tabs .tab-title.active {
    opacity: 1
}

.pe-infinite-tabs .tab-contents-wrap {
    position: relative;
    width: 100%;
    padding-top: 100px;
}

.pe-infinite-tabs .tab-contents-wrap::before {
    position: absolute;
    content: '';
    width: 100%;
    left: 0;
    height: 1px;
    background: var(--mainColor);
    opacity: .1;
    top: 25px;
}

.light .pe-infinite-tabs .tab-contents-wrap::before {
    background: var(--mainColor);
}

.pe-infinite-tabs .tab-content {
    opacity: 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.pe-infinite-tabs .tab-content.active {
    opacity: 1;
    display: block
}

/** Layout Switcher
  ------------------------------ */
.pe-layout-switcher {
    display: block;
    cursor: pointer
}

.pe-layout-switcher .pl--switch {
    width: 40px;
    height: 20px;
    border: 1px solid var(--linesColor);
    border-radius: 50px;
    position: relative;
}

.pe-layout-switcher.ls_switcher .pl--switch:has(.pl--default) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
}

.pe-layout-switcher.ls_switcher .pl--switch:has(.pl--default) .pl--follower {
    border-radius: 50px;
    height: 28px;
    width: 60px;
    z-index: 0;
}

.pe-layout-switcher.ls_switcher .pl--switch:has(.pl--default) .active {
    color: var(--mainBackground);
    z-index: 2;
}

.pe-layout-switcher.ls_switcher .pl--switch:has(.pl--default) .pl--switch--button {
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}

.pe-layout-switcher.ls_switcher .pl--switch:has(.pl--default) span:not(.pl--follower) {
    padding: 0.3em 1em 0.3em 1em;
    font-size: 14px;
}

.pe-layout-switcher.ls_switcher .pl--switch:has(.pl--default) .pl--follower {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.pe-layout-switcher .pl--switch .pl--follower {
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    top: 50%;
    left: 2px;
    background: var(--mainColor);
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: left .5s ease-in-out;
    -o-transition: left .5s ease-in-out;
    transition: left .5s ease-in-out
}

.layout--switched .pe-layout-switcher .pl--switch:not(:has(.pl--switch--button)) .pl--follower {
    left: 20px
}

.pe-layout-switcher.ls_button {
    height: 1em;
    line-height: 1em;
    overflow: hidden;
    font-size: 16px
}

.pe-layout-switcher.ls_button .pl--button {
    display: block;
}

.pe-layout-switcher.ls_button .pl--button>span {
    display: block;
    -webkit-transition: -webkit-transform .7s ease-out;
    transition: -webkit-transform .7s ease-out;
    -o-transition: transform .7s ease-out;
    transition: transform .7s ease-out;
    transition: transform .7s ease-out, -webkit-transform .7s ease-out;
}

body.layout--switched .pe-layout-switcher.ls_button .pl--button>span {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.pe-layout-switcher.ls_button::before {
    content: "[";
    position: absolute;
    left: -0.5em;
}

.pe-layout-switcher.ls_button::after {
    content: "]";
    position: absolute;
    right: -0.5em;
    top: 0
}

/** Marquee
  ------------------------------ */
.pe-marquee svg path {
    fill: var(--mainColor);
}


.pe-marquee {
    white-space: nowrap;
    display: block;
    will-change: transform;
    gap: 1em;
}

.marquee-bg-yes .pe-marquee {
    background: var(--secondaryBackground)
}

.pe-marquee .md-title:before {
    display: none !important
}

.pe-marquee .md-title {
    margin-top: 0;
    display: inline-block;
}

.pe-marquee i {
    font-size: 0.7em;
    vertical-align: middle;
    margin: 0;
    padding: 0 70px;
}

.pe-marquee .marquee-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1em;
}

.pe-marquee .marquee-wrap>div>* {
    display: inline-block
}

.pe-marquee .marquee-wrap>* {
    margin-bottom: 0
}

.pe-marquee .marquee-wrap .seperator {
    line-height: 1.5em;
    vertical-align: text-bottom;
    height: 100%;
    margin: 0 10px
}

.pe-marquee .marquee-wrap .seperator svg {
    width: 100%
}

.pe-marquee .marquee-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pe-marquee .seperator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pe-marquee .seperator img {
    width: 100%
}


/** Single Image
  ------------------------------ */

.single-image.si--overlayed::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--overlayColor);
}

.elementor-widget-pesingleimage {
    width: 100%
}

.single-image {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 0;
    border-radius: 50px;
}

.single-image[data-anim-image=true] {
    overflow: hidden;
}

.single-image.parallax--image {
    overflow: hidden
}

.single-image a {
    display: block !important;
}

.single-image img {
    width: 100%;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/* Zoomed Image */
.single-image.zoomed--image.zoom--horizontal {
    height: 100vh;
    max-height: 100vh;
    position: relative;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 100px;
}

.single-image.zoomed--image .single--image--wrapper {
    height: 500px;
}

.single-image.zoomed--image>div {
    display: inline-block;
    width: 33.333333333%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
    ;
}

.single-image.zoomed--image img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    -o-object-position: center;
    object-position: center
}

.single-image.zoomed--image .zoomed {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999
}

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

    .single-image.zoomed--image>div.zoomed--before,
    .single-image.zoomed--image>div.zoomed--after {
        display: none;
    }

    .single-image.zoomed--image .zoomed {
        width: 80%;
    }

}


.elementor-25 .elementor-element.elementor-element-bc2da3f {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

/* ## Text Animations
=================================================*/

.text-wrapper {
    overflow-wrap: anywhere;
    --color: var(--mainColor);
    color: var(--color);
    border-radius: var(--radius);
    border-color: var(--linesColor);
    border-width: 1px;
    --radius: 0;
    --indent: 0;
}

.has--bg>.elementor-widget-container>.text-wrapper {
    background: var(--secondaryBackground);
}

.has--backdrop>.elementor-widget-container>.text-wrapper {
    -webkit-backdrop-filter: blur(var(--backdropBlur));
    backdrop-filter: blur(var(--backdropBlur));
}

*[data-anim-general="true"]:not(.anim-multiple),
*[data-animate="true"]:not(.anim-multiple) {
    visibility: hidden;
}

.scrubbed__true *[data-anim-general="true"],
.pinned__true *[data-anim-general="true"],
*[data-anim-general="true"].anim_start,
*[data-animate="true"].anim_scrubbed,
*[data-animate="true"].anim_start {
    visibility: visible;
}

*[data-animate="true"].pinned__true,
*[data-animate="true"].scrubbed__true,
*[data-anim-general="true"].pinned__true,
*[data-anim-general="true"].scrubbed__true {
    visibility: visible
}

.text-wrapper>p[data-animate="true"] .anim_word:first-child>.anim_char:first-child span,
.text-wrapper>p[data-animate="true"] .anim_word:first-child span>div:first-child,
.text-wrapper>p[data-animate="true"] .anim_line:first-child,
.text-wrapper>p:not([data-animate="true"]) {
    text-indent: var(--indent);
}


.has-anim-text {
    -webkit-font-kerning: none;
    font-kerning: none;
    -webkit-text-rendering: optimizeSpeed;
    text-rendering: optimizeSpeed;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 0;
}


.text-wrapper span.dynamic {
    display: inline-block;
    height: 1em;
    padding-right: 0.1em;
    overflow: visible;
}

.text-wrapper span.dynamic .hidden {
    opacity: 0;
}

.text-wrapper span.dynamic,
.tt {
    height: 1.1em;
}

.text-wrapper span.dynamic {
    overflow: hidden;
    padding-bottom: 0.09em;
    margin-bottom: -0.09em;
    height: auto;
}

.text-stroke-yes .text-wrapper {
    -webkit-text-stroke: 1px var(--linesColor);
    color: transparent;
}

span.sec-texts {
    position: absolute;
    text-align: left
}

#site-navigation.fullscreen_menu .has-anim-text {
    opacity: 1;
}

.has-anim-text.anim_start {
    opacity: 1
}

.anim_char,
.anim_word,
.anim_line {
    overflow: hidden;
    vertical-align: top;
    will-change: transform;
    display: inline-block;
    position: relative;
}

.text-h1.big-title .anim_word .anim_char:last-child {
    padding-right: 0.1em;
}

.text-h1 .anim_line,
.text-h1 .anim_char,
.text-h1 .anim_word {
    padding-right: 0.055em;
    margin-right: -0.055em;
    padding-bottom: 0.08em;
    margin-bottom: -0.08em;
}

.text-wrapper .no-margin .anim_line {
    margin: 0;
    padding: 0
}

.anim_word {
    white-space: nowrap;

}

.anim_char span,
.anim_word span,
.anim_line span {
    display: inline-block;
    will-change: transform;
}


.fade .anim_char,
.fade .anim_word,
.fade .anim_line {
    overflow: visible
}

.mask-wrap {
    display: block;
    position: relative
}

.mask-wrap .clone {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.charsScaleUp .anim_char span {
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}

.charsScaleDown .anim_char span {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}

.charsRotateIn .anim_char span {
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

*[data-animation="linesMask"] .anim_line span.clone {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    z-index: 0;
    white-space: nowrap;
    opacity: .2;
}

*[data-animation="linesMask"] .anim_line:first-child span.clone {
    left: var(--indent);
}

*[data-animation="linesMask"] .anim_line span {
    width: 0%;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1;
}

.has-anim-text.slideLeft,
.has-anim-text.slideRight,
.has-anim-text.slideLeft .anim_line,
.has-anim-text.slideRight .anim_line {
    white-space: nowrap;
    overflow: visible;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.slideLeft .anim_line,
.slideRight .anim_line {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.charsFadeOn .anim_char {
    will-change: opacity
}

h1.has-anim-text .anim_char,
.text-h1.has-anim-text .anim_char {
    overflow: hidden;
    padding-right: 0.05em;
    margin-right: -0.05em;
}

span.pe-dynamic-words {
    display: inline-block;
    height: 1.2em;
    overflow: hidden;
    vertical-align: bottom;
    white-space: nowrap;
    color: var(--color);
}

span.pe-dynamic-words>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

span.pe-dynamic-words>span>span {
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.has-anim-text span,
.has-anim-text a {
    display: inline-block;
}

/*
span.pe-dynamic-words > span > span:not(:first-child) {
    display: none;
}
*/
.anim-multiple[data-anim-general="true"] .inner--anim {
    visibility: hidden;
}

.anim-multiple[data-anim-general="true"].anim_start .inner--anim {
    visibility: visible;
}

/* ## Image Animations
=================================================*/

.elementor-widget-container.anim--parent {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.single-image[data-animation=block]::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: var(--blWidth);
    height: var(--blHeight);
    background: var(--secondaryBackground);
}

.single-image[data-animation=block] {
    --blWidth: 100%;
    --blHeight: 100%;
}

.single-image[data-animation-direction=down]::after {
    top: unset;
    bottom: 0;
}


.single-image[data-animation-direction=right]::after {
    left: unset;
    right: 0;
}


/*--------------------------------------------------
# Page Build Elements
---------------------------------------------------*/
.pe--compare--container:has(.pe--compare--empty),
.pe--compare--items--wrap:has(.pe--compare--empty),
.pe--wishlist.pe--wishlist--cont:has(.wishlist--empty) {
    min-height: 60vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.pe--compare--empty p,
.pe--wishlist.pe--wishlist--cont:has(.wishlist--empty) p {
    max-width: 70%;
    color: var(--secondaryColor);
}

.pe--compare--empty,
.wishlist--empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    min-height: 60vh;
    justify-content: center;
}

.elementor-widget-peproductsarchive:has(.saren--single--product) .pe--wishlist.pe--wishlist--cont:has(.wishlist--empty) {
    display: none;
}

.elementor-widget-pecomparetable:has(.saren--single--product) .pe--compare--empty {
    display: none;
}

.pe--compare--container:not(:has(.saren--single--product)) {
    display: none;
}

/** Built-in Wishlist/Compare Button
  ------------------------------ */

.pe-compare-btn.pe--styled--object,
.pe-wishlist-btn.pe--styled--object {
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}


.remove-compare.loading,
.pe-compare-btn.pe--styled--object.loading,
.pe-wishlist-btn.pe--styled--object.loading {
    opacity: .5;
    cursor: wait
}

.pe-compare-btn.pe--styled--object .compare-icon,
.pe-wishlist-btn.pe--styled--object .wishlist-icon {
    font-size: 1em;
    position: relative;
}

.pe-compare-btn.pe--styled--object .compare-icon svg,
.pe-wishlist-btn.pe--styled--object .wishlist-icon svg {
    width: 1em;
    height: 1em;
    line-height: 1;
    display: block;
    fill: var(--mainColor)
}

.pe-compare-btn.pe--styled--object .compare-icon span,
.pe-wishlist-btn.pe--styled--object .wishlist-icon span {
    display: block;
    line-height: 1;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.pe-compare-btn.pe--styled--object .compare-icon span.compare--added--icon,
.pe-wishlist-btn.pe--styled--object .wishlist-icon span.wishlist--added--icon {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.added--to--compare .pe-compare-btn.pe--styled--object .compare-icon span.compare--added--icon,
.added--to--wishlist .pe-wishlist-btn.pe--styled--object .wishlist-icon span.wishlist--added--icon,
.pe-compare-btn.pe--styled--object.in--compare .compare-icon span.compare--added--icon,
.pe-wishlist-btn.pe--styled--object.in--wishlist .wishlist-icon span.wishlist--added--icon {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.added--to--compare .compare-icon span.compare--add--icon,
.added--to--wishlist .pe-wishlist-btn.pe--styled--object .wishlist-icon span.wishlist--add--icon,
.pe-compare-btn.pe--styled--object.in--compare .compare-icon span.compare--add--icon,
.pe-wishlist-btn.pe--styled--object.in--wishlist .wishlist-icon span.wishlist--add--icon {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.saren--product--element .pe-wishlist-btn.pe--styled--object::after,
.saren--product--element .pe-compare-btn.pe--styled--object::after,
.saren--product-quick-action:has(.pe-wishlist-btn)::after,
.saren--product-quick-action:has(.pe-compare-btn)::after {
    content: attr(data-add-caption);
    position: absolute;
    bottom: 0;
    font-size: 10px;
    left: 50%;
    transform: translateX(-50%) translateY(0%);
    line-height: 1;
    opacity: 0;
    transition: all .4s ease;
    color: var(--mainColor);
    pointer-events: none;
    white-space: nowrap;
}

.saren--product--element .pe-wishlist-btn.pe--styled--object:hover::after,
.saren--product--element .pe-compare-btn.pe--styled--object:hover::after,
.saren--product-quick-action:has(.pe-wishlist-btn):hover::after,
.saren--product-quick-action:has(.pe-compare-btn):hover::after {
    opacity: 1;
    transform: translateX(-50%) translateY(200%);
}

.saren--product--element .pe-wishlist-btn.pe--styled--object.in--wishlist::after,
.saren--product--element .pe-compare-btn.pe--styled--object.in--compare::after,
.saren--product-quick-action:has(.pe-compare-btn.pe--styled--object.in--compare)::after,
.saren--product-quick-action:has(.pe-wishlist-btn.pe--styled--object.in--wishlist)::after {
    content: attr(data-added-caption);
}

.saren--product--element.element--tags {
    display: flex;
    gap: 5px;
}

/** Compare Table
  ------------------------------ */


.pe--compare--items--wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0;
    width: fit-content;
}

.pe--compare--container {
    display: flex;
    width: 100%;
    --itemsGap: 15px;
    --itemsWidth: 350px;
    align-items: stretch;
    overflow: hidden;
}

.pe--compare--container--side {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pe--compare--items--wrap .pe-compare-item {
    width: var(--itemsWidth);
    border-left: 1px solid var(--linesColor);
    position: relative;
}

.pe--compare--items--wrap .pe-compare-item:first-child {
    border: none
}

.pe--compare--container--main {
    overflow: hidden;
    border-left: 1px solid var(--linesColor);
}

.pe--compare--items--wrap .pe-compare-item .pe-compare-image {
    width: 100%;
    margin-bottom: 0.5em;
    padding: 0 var(--itemsGap);
    height: 300px;
}

.pe--compare--items--wrap .pe-compare-item .pe-compare-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pe--compare--items--wrap .pe-compare-item p {
    margin: 0;
}

.pe--compare--items--wrap .pe-compare-item .pe-compare-item-meta {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    gap: 0.5em;
    padding: 0 var(--itemsGap);
}


.pe--compare--items--wrap .pe-compare-item .pe-compare-actions {
    margin-top: 1em;
    padding: 0 var(--itemsGap);
    margin-bottom: 75px;
    display: flex;
    gap: 0.5em;
}

.pe--compare--table--wrap {
    display: flex;
    flex-direction: row;
    gap: 0;
    width: fit-content;
}

.pe--compare--table--labels {
    width: var(--itemsWidth);
    color: var(--secondaryColor);
}

.pe--compare--table--vars {
    display: flex;
    gap: var(--itemsGap);
}

.pe-compare-item-vars {
    width: var(--itemsWidth);
}

.pe-compare-item-vars>div,
.pe--compare--table--labels>div {
    padding: 0.5em var(--itemsGap);
    border-bottom: 1px solid var(--linesColor);
    min-height: 3em;
    line-height: 1;
    align-content: center;
}

.pe--compare--table--labels>div {
    padding-left: 0
}

.pe-compare-remove {
    position: absolute;
    top: 0.5em;
    left: calc(0.5em + var(--itemsGap));
    font-size: 1rem;
    cursor: pointer;
}

.pe-compare-remove svg {
    fill: var(--mainColor);
    width: 1.35rem;
    height: 1.35rem;
}

.pe-compare-actions .saren--product-quick-action {
    cursor: pointer;
}

.pe-compare-actions .saren--product-quick-action:hover svg {
    fill: var(--mainBackground)
}

.pe-compare-actions .saren--product-quick-action:hover {
    background: var(--mainColor);
}

.pe-compare-actions .saren--product-quick-action:hover svg {
    fill: var(--mainBackground)
}

span.pe--compare--mobile--label {
    display: none;
}


@media only screen and (max-width: 570px) {
    span.pe--compare--mobile--label {
        display: block;
        font-size: 12px;
        color: var(--secondaryColor);
        margin-bottom: 1em;
    }

    .pe--compare--container--side {
        display: none;
    }

    .pe--compare--items--wrap .pe-compare-item .pe-compare-actions {
        margin-bottom: 2em;
    }

}

/** Clients
  ------------------------------ */
.elementor-widget-peclients .elementor-widget-container {
    overflow: hidden;
    width: 100%;
}

.elementor-widget-peclients {
    width: 100%;
}

.pe--clients {
    display: block;
    width: 100%;
    float: left;
    overflow: hidden
}

/* Clients Grid */
.pe--clients.pe--clients--grid .pe--clients--wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: repeat(var(--columns), 1fr);
    grid-template-columns: repeat(var(--columns), 1fr);
    --columns: 3;
    --gap: 20px;
    grid-gap: var(--gap);
    grid-auto-rows: 300px;
}

.pe--clients .pe--clients--wrapper .pe-client {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    position: relative;
    display: block;
}

.pe--clients.has-bg .pe--clients--wrapper .pe-client {
    background-color: var(--secondaryBackground);

}

span.client-caption {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-100%);
    -ms-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%);
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.pe--clients.show-captions .pe--clients--wrapper .pe-client:hover span.client-caption {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-150%);
    -ms-transform: translateX(-50%) translateY(-150%);
    transform: translateX(-50%) translateY(-150%);
}

.pe--clients .pe--clients--wrapper .pe-client>* {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.pe--clients.has-bg.has-hover .pe-client:hover {
    background: var(--mainColor);
}

.pe--clients.has-bg.has-hover .pe-client {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.pe--clients.has-bg.has-hover .pe-client span.client-caption {
    color: var(--secondaryBackground)
}

.layout--switched .pe--clients.has-bg.has-hover.hover-switch-logos .pe-client:hover .secondary-img,
.pe--clients.has-bg.has-hover.hover-switch-logos .pe-client:hover .main-img {
    display: none
}

.layout--switched .pe--clients.has-bg.has-hover.hover-switch-logos .pe-client:hover .main-img,
.pe--clients.has-bg.has-hover.hover-switch-logos .pe-client:hover .secondary-img {
    display: block
}

/* Timeline  */
.pe--timeline {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    height: auto;
    height: 50vh;
}

.pe--timeline .timeline--wrapper {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 50vh;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    gap: 75px;
}

.pe--timeline .timeline--wrapper .timeline--item {
    width: 20vw;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: relative;
    gap: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pe--timeline .timeline--wrapper .timeline--item.is--past .timeline--content {
    opacity: .5;
}

.pe--timeline .timeline--wrapper .timeline--item.is--past .item--point {
    text-decoration: line-through;
}

.pe--timeline .timeline--wrapper .timeline--item.is--past::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -75px;
    width: calc(100% + 75px);
    background: var(--mainColor);
    height: 2px;
}

.pe--timeline .timeline--wrapper .timeline--item .item--point {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    will-change: padding;
    background: var(--secondaryBackground);
    z-index: 2;
    padding: 0.5em 2em;
    border-radius: 10px;
    font-size: 12px;
    color: var(--secondaryColor);
}



.pe--timeline .timeline--wrapper .timeline--item .item--point svg {
    font-size: 12px;
    width: 12px;
}


.pe--timeline .timeline--wrapper .timeline--item>div:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    height: 50%;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px)
}

.pe--timeline .timeline--wrapper .timeline--item>div:nth-child(2) {
    height: 50%;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
}

.pe--timeline .timeline--line--wrapper .timeline--line {
    min-width: 100vw;
    width: 100%;
    height: 1px;
    background-color: var(--linesColor);
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}



/* Clients Carousel */

.pe--clients.pe--clients--carousel .pe--clients--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    will-change: transform
}

.pe--clients.pe--clients--carousel .pe--clients--wrapper>div {
    height: 300px;
    width: 350px;
}

.pe--clients.pe--clients--carousel {
    overflow: visible;
}

.pe--clients.pe--clients--carousel.has-bordered .pe--clients--wrapper {
    gap: 0
}

.pe--clients.pe--clients--carousel.has-bordered .pe--clients--wrapper>div {
    height: 300px;
    width: 300px;
}

.pe--clients.pe--clients--carousel.has-bordered .pe--clients--wrapper::after,
.pe--clients.pe--clients--carousel.has-bordered .pe--clients--wrapper::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.5px;
    background: var(--linesColor);
}

.pe--clients.pe--clients--carousel.has-bordered .pe--clients--wrapper::before {
    bottom: 0;
}

.pe--clients.pe--clients--carousel.has-bordered .pe--clients--wrapper .pe-client {

    border-radius: 0;
}

.pe--clients.has-bordered .pe--clients--wrapper .pe-client img {
    width: 130px
}

.pe--clients.has-bordered .pe--clients--wrapper .pe-client:first-child::before,
.pe--clients.has-bordered .pe--clients--wrapper .pe-client::after,
.pe--clients.has-bordered .pe--clients--wrapper::before,
.pe--clients.has-bordered .pe--clients--wrapper::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.5px;
    background: var(--linesColor);
}

.pe--clients.has-bordered .pe--clients--wrapper::after {
    top: unset;
    bottom: 0
}

.pe--clients.has-bordered .pe--clients--wrapper .pe-client:first-child::before,
.pe--clients.has-bordered .pe--clients--wrapper .pe-client::after {
    right: 0;
    width: 0.5px;
    height: 100%
}


/*Bulge Effect */
.pe--bulge {
    height: 100%;
    /*    aspect-ratio: 9/9;*/
    margin: 0 auto;
}

.card__content {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1
}

.card__canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/** Portfolio
  ------------------------------ */

.pe--portfolio {
    display: block;
    position: relative;
    overflow: hidden;
}

.pe--portfolio>div {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}

.pe--portfolio>div.portfolio--controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.pe--portfolio.portfolio--grid>div.portfolio--projects--wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(100px, 1fr) 30px minmax(100px, 1fr);
    grid-template-columns: repeat(2, minmax(100px, 1fr));
    grid-auto-rows: 70vh;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 100px;
}

.pe--portfolio.portfolio--grid>div.portfolio--projects--wrapper .portfolio--project {
    display: block;
    height: 100%;
    width: 100%;
}

.pe--portfolio>div.portfolio--projects--wrapper .portfolio--project.hidden {
    display: none
}

.pe--portfolio.portfolio--grid .project--image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.project--image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    display: block;
}


.pe--portfolio.portfolio--grid>div.portfolio--projects--wrapper .portfolio--project .project-image div img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}


.pe--portfolio.portfolio--grid>div.portfolio--projects--wrapper .portfolio--project .project--image {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.pe--portfolio.portfolio--grid>div.portfolio--projects--wrapper .portfolio--project .project--details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px;
    text-transform: uppercase;
    padding: 0 1em;
}

.pe--portfolio.portfolio--grid>div.portfolio--projects--wrapper .portfolio--project article a,
.pe--portfolio.portfolio--grid>div.portfolio--projects--wrapper .portfolio--project article {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: inline-block
}

.pe--portfolio.portfolio--grid>div.portfolio--projects--wrapper .portfolio--project article a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.pe--portfolio.portfolio--grid .project--meta {
    display: none;
}

.pe--portfolio.portfolio--grid .project--tc {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


.pe--portfolio.portfolio--grid .project--icon {
    display: none
}

/* List */
.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .portfolio--project article a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .portfolio--project {
    width: 100%;
    padding: 30px 0;
    position: relative;
}

.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .project--image {
    width: 20%;
    height: 220px;
    overflow: hidden;
    position: absolute;
    opacity: 0;
}

.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .project--details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-transform: uppercase;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .project--details>div {
    width: 50%;
}

.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .project--details>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 60%;
}

.pe--portfolio.portfolio--list .project--title {
    font-size: 1.5em;
    letter-spacing: -0.5px;
}

.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .project--details>div.project--meta {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    color: var(--secondaryColor);
    width: 40%;
}

.pe--portfolio.portfolio--list .project--meta--bottom {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .project--details>div>.project--client::after {
    content: "/";
}


.pe--portfolio.portfolio--list .project--meta--bottom>div:first-child::after {
    content: "-";
}

.pe--portfolio.portfolio--list .project--cat {
    font-size: 1em;
    color: var(--secondaryColor);
    width: 30%;
}

.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .portfolio--project::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--mainColor);
    opacity: .2;
}

.pe--portfolio.portfolio--list .project--icon {
    margin-top: auto;
    font-size: 30px;
}

/* Generate Lines for Grid  */

.pe--portfolio.generate--grid.portfolio--grid>div.portfolio--projects--wrapper::before,
.pe--portfolio.generate--grid.portfolio--grid>div.portfolio--projects--wrapper::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 1px;
    background: var(--linesColor);
    z-index: 1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.pe--portfolio.generate--grid.portfolio--grid>div.portfolio--projects--wrapper::after {
    top: unset;
    bottom: 0
}

.pe--portfolio.generate--grid.portfolio--grid>div.portfolio--projects--wrapper {
    position: relative;
    overflow: visible;
    border-left: 1px solid var(--linesColor);
    --linesColor: #2a2a2a;
    border-right: 1px solid var(--linesColor);
    padding-bottom: var(--rowGap);
}

.pe--portfolio.generate--grid {
    overflow: visible;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.static--grid {
    position: absolute;
    top: 0;
    left: unset;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
    --gapCount: calc(var(--pGap) * (var(--pGrid) - 1));
    --gapCalc: calc(var(--gapCount) / var(--pGrid));
    --itemWidth: calc((100% / var(--pGrid) - var(--gapCalc)));
    pointer-events: none;
}

.pe--portfolio.portfolio--list .static--grid,
.pe--portfolio.portfolio--grid .portfolio--list--images--wrapper {
    display: none;
}


.static--grid>span.gn--line {
    position: absolute;
    left: unset;
    width: 1px;
    height: 100%;
    background: var(--linesColor);

}

.static--grid>span.gn--line:nth-child(odd) {

    left: calc(((var(--itemWidth) + var(--pGap)) * var(--line)) - var(--pGap))
}

.static--grid>span.gn--line:nth-child(even) {
    left: calc(((var(--itemWidth) + var(--pGap)) * var(--line)));

}

.static--grid span.gn--line-hor {
    position: absolute;
    top: 0;
    height: 1px;
    width: 100%;
    left: 0;
    background: var(--linesColor);
}

.static--grid span.gn--line-hor:nth-child(odd) {
    top: calc((var(--rowHeight) * var(--line)) + (var(--rowGap) * var(--line)));
}

.static--grid span.gn--line-hor:nth-child(even) {
    top: calc((var(--rowHeight) * var(--line)) + (var(--rowGap) * var(--line)) - (var(--rowGap) + 1.6rem + 15px));
}


/* Generate Lines for Grid  */



/* List */

.portfolio--filters {
    display: block;
    position: relative;
}

ul.filter--cat--list {
    position: absolute;
    top: 0;
    left: 100%;
    list-style: none;
    border-radius: 50px;
    z-index: 0;
    display: -ms-grid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    pointer-events: none;
    margin: 0;
    text-transform: uppercase;
}

.portfolio--filters.filt--active ul.filter--cat--list {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    pointer-events: all
}

ul.filter--cat--list li {
    display: inline-block;
    margin-right: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    white-space: nowrap;
    color: var(--secondaryColor);
}

ul.filter--cat--list li::before {
    content: "/";
    margin-right: 10px;
}

ul.filter--cat--list li:first-child::before {
    display: none
}

.pe--portfolio.show--counts ul.filter--cat--list li::after {
    content: attr(data-length);
    margin-left: 5px;
}


ul.filter--cat--list li.filter--cat.active {
    color: var(--mainColor);
}

.filter--active {
    z-index: 10;
    position: relative;
    display: inline-block;
    border-radius: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    padding-right: 2.5em;
    text-transform: uppercase;
}

.pe--portfolio.show--counts .filter--active::after {
    content: attr(data-length);
    margin-left: 10px;
}

.filter--active::before {
    content: "add";
    display: block;
    position: absolute;
    right: 1em;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    text-transform: none;
}

.portfolio--filters.filt--active .filter--active::before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.pe--switcher {
    display: inline-block;
    background: var(--secondaryBackground);
    border-radius: 50px;
    position: relative;
}

.ps--switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
}

.pe--switcher span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition: color .4s ease;
    -o-transition: color .4s ease;
    transition: color .4s ease
}

span.ps--follower {
    position: absolute;
    left: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc(50% - 10px);
    height: calc(100% - 10px);
    background: var(--mainColor);
    z-index: 0;
    border-radius: 50px;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.ps--switch span:not(:first-child) {
    position: relative;
    z-index: 5;
    padding: 1em 2em 1em calc(2em + 5px);
}

.ps--switch span:last-child {
    padding: 1em calc(2em + 5px) 1em 2em;
}

.ps--switch span.active {
    color: var(--secondaryBackground)
}

.pe--portfolio.portfolio--list span.ps--follower {
    left: 50%;
}

.pe--switcher.switcher--brackets .ps--follower {
    display: none;
}

.pe--switcher.switcher--brackets {
    background: none;
}

.pe--switcher.switcher--brackets .ps--switch>span {
    padding: 0;
    color: var(--secondaryColor);
}

.pe--switcher.switcher--brackets .ps--switch>span::before {
    content: "[";
    padding-right: 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
}

.pe--switcher.switcher--brackets .ps--switch>span::after {
    content: "]";
    padding-left: 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0
}

.pe--switcher.switcher--brackets .ps--switch {
    gap: 10px;
}

.pe--switcher.switcher--brackets .ps--switch>span.active {
    color: var(--mainColor)
}

.pe--switcher.switcher--brackets .ps--switch>span.active::after {
    padding-left: 0.3em;
    opacity: 1
}

.pe--switcher.switcher--brackets .ps--switch>span.active::before {
    padding-right: 0.3em;
    opacity: 1
}

.project--list--icon {
    display: none;
}

.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .project--details>div.project--list--icon {
    display: block;
    width: auto;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .portfolio--project article a:hover .project--list--icon {
    -webkit-animation-name: toggleArrow;
    animation-name: toggleArrow;

}



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

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

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

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

}

.pe--portfolio>div.portfolio--list--images--wrapper {
    position: absolute;
    z-index: -1;
    width: 25vw;
    height: 40vh;
    pointer-events: none;
    overflow: hidden;

    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.pe--portfolio>div.portfolio--list--images--wrapper.active {
    opacity: 1
}

.list-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;

}

.list-img {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.list-img>div {
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 100%, 0) scale(1);
    transform: translate3d(0, 100%, 0) scale(1)
}

.list-img .project-image {
    width: 100%;
    height: 100%;
}

.list-img .project-image img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
}

.list-img .project-image .saren-video {
    height: 100%;
}

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

    .pe--single--project.psp--elementor.style--horizontal .post-details {
        padding: 0;
    }

    .pe--single--project.psp--elementor.style--horizontal h6.post-title.entry-title {
        font-size: 40px !important;
        line-height: 1.1 !important;
    }

    .pe--single--project.psp--elementor.style--horizontal {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .pe--single--project.psp--elementor.style--horizontal>* {
        width: 100% !important;
        padding: 0;
    }


    .pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .project--details>div.project--meta {
        width: 100%;
    }

    .project--list--icon {
        display: block;
        position: absolute;
        bottom: 1.5em;
        right: 0;
    }

    .filter--active::before {
        right: -2em;
    }

    .filter--active {
        padding: 0;
    }

    ul.filter--cat--list {
        left: 0;
        top: 150%;
        background: var(--secondaryBackground);
        padding: 1em;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5px
    }


    ul.filter--cat--list li::before {
        display: none;
    }

    .ps--switch span:not(:first-child) {
        padding: 0.5em 1em 0.5em calc(1em + 5px);
    }

    .ps--switch span:last-child {
        padding: 0.5em calc(1em + 5px) 0.5em 1em;
    }

    .portfolio--filters.filt--active ul.filter--cat--list {
        max-width: 95vw;
        border-radius: 5px;
        grid-template-columns: repeat(2, 1fr);
    }

    .pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .portfolio--project article a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .project--details {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .project--details>div {
        width: 100%;
    }

    .pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .project--image {
        width: 100%;
        margin-bottom: 1em;
    }

    .pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .project--details>div.project--tc {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 1em;
    }

    .pe--portfolio.portfolio--list .project--icon {
        position: absolute;
        bottom: 0.5em;
        right: 0;
    }

    .pe--portfolio.portfolio--list .project--meta--bottom {
        margin-top: 1em;
    }

}

/** Accordion
  ------------------------------ */

.elementor-widget-peaccordion .elementor-widget-container {
    overflow: hidden;
}

.pe--accordion {
    display: block;
    float: left;
    width: 100%;
    height: auto;
}

.pe--accordion--wrapper {
    width: 100%;
    display: block;
    float: left
}

.pe-accordion-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    --fontSize: 1rem;
    -webkit-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
}

.pe--accordion.ac--underlined .pe-accordion-item::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.5px;
    background: var(--linesColor);
}

.pe-accordion-item-content {
    height: 0;
    overflow: hidden;
    display: block;
    float: left;
    width: 100%;
    color: var(--secondaryColor);
}

.accordion--active .pe-accordion-item-content {
    height: auto;
}

.pe-accordion-item-content p {
    margin-bottom: 2em;
    margin-top: 0;
}

.pe-accordion-item-title>* {
    display: inline-block;
    margin: 0;
    font-size: var(--fontSize);
}

.pe-accordion-item-title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
    width: 100%;
    padding: 1em 0;
    font-size: var(--fontSize);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pe-accordion-item:first-child .pe-accordion-item-title {
    padding-top: 0;
}

.pe-accordion-item-title>span.accordion-toggle {
    width: 0.5em;
    height: 0.5em;
    position: relative;
    margin-left: auto;
    line-height: 0.6;
}

.acc--icon--row-reverse .pe-accordion-item-title {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 0.5em
}

.acc--icon--row-reverse span.accordion-toggle {
    margin-left: 0 !important;
}

.pe-accordion-item-title>span.accordion-toggle.toggle--custom {
    font-size: 1rem;
    width: 1em;
    height: 1em;
}

.pe--accordion.toggle--bg .pe-accordion-item-title>span.accordion-toggle::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    border-radius: 50%;
    width: 150%;
    height: 150%;
    background: var(--secondaryBackground);
    -webkit-transition: background .4s ease;
    -o-transition: background .4s ease;
    transition: background .4s ease
}

.pe--accordion.toggle--bg .pe-accordion-item.accordion--active .pe-accordion-item-title>span.accordion-toggle::after {
    background: var(--mainColor)
}

.pe--accordion.toggle--bg .pe-accordion-item.accordion--active .pe-accordion-item-title>span.accordion-toggle {
    color: var(--mainBackground)
}

.pe-accordion-item-title>span.accordion-toggle>span.ac--togle {
    font-size: 1em;
    height: 1em;
    width: 1em;
    display: inline-block;
}

.pe-accordion-item-title>span.accordion-toggle>span.ac--togle i {
    vertical-align: top;
}

.pe-accordion-item.accordion--active .pe-accordion-item-title>span.accordion-toggle>span.ac-toggle-open,
.pe-accordion-item:not(.accordion--active) .pe-accordion-item-title>span.accordion-toggle>span.ac-toggle-close {
    display: none;
}

.pe--accordion.ac--ordered span.ac-order {
    margin-right: calc(3 * var(--fontSize));
    color: var(--secondaryColor);
    font-size: calc(var(--fontSize) * 0.85);
    line-height: calc(var(--fontSize) * 0.85);
    width: calc(var(--fontSize) * 0.85);
}

.pe--accordion.ac--ordered .pe-accordion-item-content p {
    padding-left: calc(4 * var(--fontSize));
}

span.accordion-toggle.toggle--plus>span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform .65s ease;
    transition: -webkit-transform .65s ease;
    -o-transition: transform .65s ease;
    transition: transform .65s ease;
    transition: transform .65s ease, -webkit-transform .65s ease
}

span.accordion-toggle.toggle--plus>span:first-child {
    width: 70%;
    height: 2px;
    background: var(--mainColor);
}

span.accordion-toggle.toggle--plus>span:last-child {
    background: var(--mainColor);
    width: 2px;
    height: 70%;
}

.pe--accordion.toggle--bg .pe-accordion-item.accordion--active span.accordion-toggle.toggle--plus>span {
    background: var(--mainBackground)
}

.pe-accordion-item.accordion--active span.accordion-toggle.toggle--plus>span:last-child {
    -webkit-transform: translate(-50%, -50%) rotate(-270deg);
    -ms-transform: translate(-50%, -50%) rotate(-270deg);
    transform: translate(-50%, -50%) rotate(-270deg);
}

span.accordion-toggle.toggle--dot span {
    border-radius: 50%;
    background: var(--mainColor);
    width: 50%;
    height: 50%;
    opacity: .3;
    -webkit-transition: all .65s ease;
    -o-transition: all .65s ease;
    transition: all .65s ease;
    display: inline-block;
    vertical-align: super;
}

.pe-accordion-item.accordion--active span.accordion-toggle.toggle--dot span {
    opacity: 1;
}

.pe--accordion.toggle--bg .pe-accordion-item.accordion--active span.accordion-toggle.toggle--dot span {
    background: var(--mainBackground)
}

span.accordion-toggle.toggle--dot {
    text-align: center;
}

.pe-accordion-item.tde__parent .pe-accordion-item-title>span.accordion-toggle {
    -webkit-transform: translatex(1.5em);
    -ms-transform: translatex(1.5em);
    transform: translatex(1.5em);
    -webkit-transition: -webkit-transform .75s ease-in-out;
    transition: -webkit-transform .75s ease-in-out;
    -o-transition: transform .75s ease-in-out;
    transition: transform .75s ease-in-out;
    transition: transform .75s ease-in-out, -webkit-transform .75s ease-in-out;
}

.pe-accordion-item.tde__parent.tde__enter .pe-accordion-item-title>span.accordion-toggle {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.pe--accordion.ac--underlined .pe-accordion-item.tde__parent::after {
    width: 0%;
    -webkit-transition: width .75s cubic-bezier(0, 0, 0, 0.98);
    -o-transition: width .75s cubic-bezier(0, 0, 0, 0.98);
    transition: width .75s cubic-bezier(0, 0, 0, 0.98);
}

.pe--accordion.ac--underlined .pe-accordion-item.tde__parent.tde__enter::after {
    width: 100%;
}

.active--bg .pe-accordion-item.accordion--active {
    background: var(--secondaryBackground);
    border-radius: 15px;
}

.active--bg .pe-accordion-item {
    padding: 1em 1em 0em 1em;
}


.active--bg .pe-accordion-item-title {
    padding-top: 0
}

.pe--accordion:has(.pe--accordion--images--wrapper) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pe--accordion:has(.pe--accordion--images--wrapper) .pe--accordion--wrapper {
    width: 50%;
}

.pe--accordion--images--wrapper {
    width: 50%;
}

.pe--accordion--images--wrapper .pe--accordion--image {
    width: 100%;
    height: 100%;
    display: none;
}

.pe--accordion--image.accordion--image--active {
    display: block;
}

.pe--accordion--images--wrapper .pe--accordion--image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

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

    .pe--accordion.ac--ordered span.ac-order {
        margin-right: calc(2 * var(--fontSize));
    }

    .pe-accordion-item-title>span.accordion-toggle {
        margin-right: 0;
        width: 20px;
        height: 20px;
    }

    .pe--accordion.ac--ordered .pe-accordion-item-content p {
        padding-left: 0;
    }

    .pe--accordion:has(.pe--accordion--images--wrapper) {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

}

/** Fancy Objects
  ------------------------------ */

dotlottie-player {
    display: block;
    width: 100%;
    height: auto;
}


/** Fancy Objects
  ------------------------------ */

.elementor-widget-pefancyobjects {
    pointer-events: none;
}

.pe--fancy--objects {
    display: block;
    position: relative;
    width: 50vw;
    height: 50vh;
}

.pe--fancy--objects .fancy--objects--wrapper {
    display: block;
    width: 100%;
    height: 100%;
}

.fancy--object--wrap {
    position: absolute;
    top: 10%;
    left: 10%;
    --transformX: 0;
    --transformY: 0;
    -webkit-transform: translateX(var(--transformX)) translateY(var(--transformY));
    -ms-transform: translateX(var(--transformX)) translateY(var(--transformY));
    transform: translateX(var(--transformX)) translateY(var(--transformY));
    pointer-events: all;
}

.fancy--object {
    border-color: var(--linesColor)
}

.fancy--object.icon,
.fancy--object.image {
    line-height: 0
}

.fancy--object.object--has--bg {
    background: var(--secondaryBackground);
    padding: 0.5em 1em;
}

.fancy--object svg,
.fancy--object img {
    width: 100%;
}

.entrance--scaleUp .fancy--object--wrap {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.entrance--fadeIn .fancy--object--wrap {
    opacity: 0;
}

.entrance--slideUp .fancy--object--wrap {
    -webkit-transform: translatey(100vh);
    -ms-transform: translatey(100vh);
    transform: translatey(100vh);
}

.entrance--slideDown .fancy--object--wrap {
    -webkit-transform: translatey(-100vh);
    -ms-transform: translatey(-100vh);
    transform: translatey(-100vh);
}

/** Reviews
  ------------------------------ */

.swiper-slide.saren--rating--slide {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: start;
    flex-wrap: wrap;
    align-content: center;
    height: auto;
}

.reviews--has--border .swiper-slide.saren--rating--slide {
    border: 1px solid var(--linesColor);
    padding: 25px
}

.reviews--has--bg .swiper-slide.saren--rating--slide {
    background: var(--secondaryBackground);
    padding: 25px
}

.sr--rating {
    font-size: 1.2rem;
    position: relative;
}

.sr--rating svg {
    width: 1em;
    height: 1em;
}

span.sr--stars--fill {
    position: absolute;
    left: 0;
    overflow: hidden;
    width: calc((var(--rating) * 100%) / 5);
    white-space: nowrap;
}

.sr--rating svg {
    fill: #f3b200;
}

span.sr--star {
    opacity: .5
}

.sr--user {
    display: flex;
    gap: 10px;
    align-items: center;
    width: 100%;
}

.sr--user--image {
    border-radius: 50%;
    overflow: hidden;
    display: block;
    width: 50px;
    height: 50px;
}

.sr--user--image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.sr--comment p.p--large {
    margin: 0;
    font-size: 20px;
    line-height: 1.4;
}

.swiper-slide.saren--rating--slide a {
    text-decoration: underline;
}


/** Testimonials
  ------------------------------ */

.elementor-widget-petestimonials {
    padding-left: var(--container-default-padding-inline-start);
    padding-right: var(--container-default-padding-inline-start);
}

.elementor-widget-petestimonials .elementor-widget-container {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    overflow: visible;
    display: block;
    float: left;
}

.pe--testimonials {
    display: block;
    float: left;
    width: 100%;
    position: relative;
}

.pe--testimonials.test--carousel.has--border::after,
.pe--testimonials.test--carousel.has--border::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--linesColor);
    top: 0;
    z-index: 1;
}

.pe--testimonials.test--carousel.has--border::before {
    top: unset;
    bottom: 0;
}

.pe--testimonials.test--carousel.has--border .pe-testimonial {
    border-right: 1px solid var(--linesColor);
}

.pe--testimonials--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.pe--testimonials.pt--carousel .pe--testimonials--wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pe-testimonial {
    background: var(--secondaryBackground);
    border-radius: 0;
    padding: 1.5em 1.5em 2em 1.5em;
    width: 40vw;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 45vh;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-color: var(--linesColor);
    border-width: 2px;
}

.pt-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pt-content {
    width: 85%;
}

.pt-avatar {
    width: 75px;
    height: 75px;
    overflow: hidden;
    border-radius: 50%;
}

.pt-avatar>img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.pt-det {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0;
}

.show--avatar .pt-det {
    margin-left: 1em;
}


span.pt-title {
    color: var(--secondaryColor);
}

.pt-content>p {
    margin: 0;
}



/** Icons
  ------------------------------ */
.pe--icon {
    display: inline-block;
    position: relative;
    line-height: 1;
    font-size: 2rem;
    vertical-align: middle;
    overflow: hidden;
    color: var(--mainColor);
}

.pe--icon:has(.pe--icon--caption) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto;
    overflow: visible;
    gap: 20px;
    width: 100%;
}

.pe--icon.pe--styled--object.pe--link>a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.pe--icon:has(.pe--icon--caption) .pe--icon--wrap {
    width: auto;
    height: auto
}

.pe--icon--caption {
    font-size: 0.9rem;
    text-align: center;
    width: 100%;
    color: var(--secondaryColor);
}

.icon--fill--yes .pe--icon path {
    fill: var(--mainColor) !important;
}


.pe--icon--wrap {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: color .4s ease;
    -o-transition: color .4s ease;
    transition: color .4s ease;
    line-height: 1;
}

.pe--icon--wrap svg {
    display: block;
}

.pe--icon i {
    line-height: 1;
    float: left;
    color: var(--mainColor);
    transition: color .4s ease;
}

.has--hover .pe--icon:hover i {
    color: var(--mainBackground)
}

.pe--icon>a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

.caption__style--hover .pe--icon--caption {
    position: absolute;
    top: 0px;
    white-space: nowrap;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(100%);
    -ms-transform: translateX(-50%) translateY(100%);
    transform: translateX(-50%) translateY(100%);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .4s cubic-bezier(0.42, 0, 0.15, 0.97);
    -o-transition: all .4s cubic-bezier(0.42, 0, 0.15, 0.97);
    transition: all .4s cubic-bezier(0.42, 0, 0.15, 0.97);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.caption__style--hover .pe--icon:hover .pe--icon--caption {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-200%);
    -ms-transform: translateX(-50%) translateY(-200%);
    transform: translateX(-50%) translateY(-200%);
}

.icon--hover--invert .pe--icon svg,
.icon--hover--revert .pe--icon svg {
    -webkit-transition: -webkit-filter .4s ease !important;
    transition: -webkit-filter .4s ease !important;
    -o-transition: filter .4s ease !important;
    transition: filter .4s ease !important;
    transition: filter .4s ease, -webkit-filter .4s ease !important;
}

.icon--hover--invert .pe--icon:hover svg {
    -webkit-filter: invert(1);
    filter: invert(1);
}


.icon--hover--revert .pe--icon:hover svg {
    -webkit-filter: revert;
    filter: revert;
}

/** Team Member
  ------------------------------ */

.pe--team--member {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

.team--member--wrapper {
    width: 100%;
}

.team--member--image {
    width: 100%;
}

.team--member--image>img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.team--member--cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 1rem;
    margin-top: 15px;
    font-size: 22px
}

.team--member--socials {
    position: absolute;
    top: 25px;
    left: 30px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.team--member--socials ul {
    list-style: none;
}

.team--member--socials ul li a {
    color: var(--mainColor);
    position: relative;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}

.pe--team--member.member--card .team--member--socials ul li a {
    text-decoration: underline;
}

.team--member--socials ul li {
    margin-bottom: 2em;
}

.team--member--socials ul li a::after,
.team--member--socials ul li a::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 3em;
    height: 3em;
    background: var(--secondaryBackground);
    border-radius: 50%;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.team--member--socials ul li a i {
    position: relative;
    z-index: 3;
}

.team--member--socials ul li a::before {
    width: 0;
    height: 0;
    background: var(--mainColor);
    z-index: 2;
}

.team--member--socials ul li a:hover::before {
    width: 3em;
    height: 3em;
}

.team--member--socials ul li a:hover {
    color: var(--secondaryBackground);
}

.pe--team--member:hover .team--member--socials {
    opacity: 1;
    visibility: visible;
}

.team--member--summ {
    position: absolute;
    bottom: 4em;
    padding: 2em;
    background: var(--secondaryBackground);
    left: 1em;
    width: 65%;
    font-size: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.team--member--toggle {
    position: absolute;
    bottom: 1em;
    right: 1em;
    background: var(--secondaryBackground);
    width: 40px;
    height: 40px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    cursor: pointer;
}

.team--member--toggle>span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: var(--mainColor);
}

.team--member--toggle>span:first-child {
    width: 1px;
    height: 50%;
}

.team--member--toggle>span:last-child {
    width: 50%;
    height: 1px;
}

.team--member--toggle:hover {
    background: var(--mainColor);
}

.team--member--toggle:hover span {
    background: var(--secondaryBackground);
}

.pe--team--member.active .team--member--toggle {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.pe--team--member.member--card.active .team--member--summ,
.pe--team--member.active .team--member--summ {
    opacity: 1;
    visibility: visible;
}

.pe--team--member.member--card .team--member--cont {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 1em;
}

.pe--team--member.member--card .team--member--socials {
    position: static;
    opacity: 1;
    visibility: visible;
    margin-top: 1em;
}

.pe--team--member.member--card .team--member--summ {
    opacity: 0;
    visibility: hidden;
    background: none;
    width: 100%;
    padding: 0;
    overflow: hidden;
    left: 0;
    padding: 2em;
    font-size: 16px;
    background: var(--mainBackground);
    bottom: 0;
    z-index: 0;
}

.pe--team--member.member--card .team--member--cont .team--member--name {
    font-size: 1.6em;
    letter-spacing: -0.04em;
    -moz-text-align-last: justify;
    text-align-last: justify;
}

.pe--team--member.member--card .team--member--cont .team--member--title {
    font-size: 1rem;
    color: var(--secondaryColor);
}

.pe--team--member.member--card {
    padding: 1em;
    background: var(--mainBackground);
    color: var(--mainColor);
    border: 0.5px solid var(--linesColor);
}

.pe--team--member.member--card .team--member--socials>ul li {
    display: inline-block;
    font-size: 1em;
    margin-bottom: 0;
    width: 1em;
    margin-right: 1em;
}

.pe--team--member.member--card .team--member--socials>ul li.sc--text {
    width: auto;
    text-transform: uppercase;
    font-size: 15px;
    margin-right: 10px;
}

.pe--team--member.member--card .team--member--socials ul li a::after,
.pe--team--member.member--card .team--member--socials ul li a::before {
    display: none;
}

.pe--team--member.member--card .team--member--socials ul {
    margin-bottom: 0;
}

.pe--team--member.member--card .team--member--toggle {
    bottom: 1em;
    right: 1em;
    background: none;
    z-index: 1;
}

.pe--team--member.member--card .team--member--toggle>span {
    background: var(--mainColor);
}

@media only screen and (max-width: 570px) {
    .team--member--summ {
        padding: 1em;
        width: calc(100% - 2em);
        font-size: 18px;
    }

    .team--member--toggle {
        z-index: 4;
    }
}


/** Videos
  ------------------------------ */
/*==================================== 
   Categories List
======================================*/
.categories--list {
    height: 100svh;
    overflow: hidden;
    position: relative;
    -webkit-perspective: 2000px;
    perspective: 2000px;
}

.categories--list .categories--wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 100%;
    width: 100%;
    position: relative;
}

.categories--list .categories--wrapper .product--category {
    position: absolute;
    white-space: nowrap;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotateX(var(--rotate)) translateZ(3em);
    transform: translate(-50%, -50%) rotateX(var(--rotate)) translateZ(3em);
    opacity: 0.2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.categories--list .categories--wrapper .product--category:first-child {
    opacity: 1;
}

.categories--list .images--wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
    opacity: 0;
    z-index: -1;
}

.categories--list.equal__height .images--wrapper {
    height: 500px;
    pointer-events: none;
}

.categories--list.equal__height .images--wrapper .category--image {
    height: 100%;
    width: 100%;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    opacity: 0;
}

.categories--list .images--wrapper .category--image {
    position: absolute;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    opacity: 0;
    width: 400px;
}

.categories--list .images--wrapper .category--image img,
.categories--list .images--wrapper .category--image>div,
.categories--list .images--wrapper .category--image .parallax--wrap img,
.categories--list .images--wrapper .category--image .parallax--wrap>div {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}



@media only screen and (max-width: 570px) {
    .categories--list {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }

    .categories--list .categories--wrapper .product--category {

        font-size: 36px;
    }
}


/*==================================== 
   Categories Wall
======================================*/

.categories--wall {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100svh;
    overflow: hidden;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.categories--wall .images--wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.categories--wall .images--wrapper .category--image {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.categories--wall .images--wrapper .category--image img,
.categories--wall .images--wrapper .category--image .pe-video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.categories--wall.hovered .images--wrapper {
    opacity: 1;
}

.categories--wall .categories--wrapper {
    position: relative;
    z-index: 9999999;
    width: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 20px;
    -webkit-column-gap: 64px;
    -moz-column-gap: 64px;
    column-gap: 64px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    text-align: center
}


.categories--wall .categories--wrapper .product--category {
    white-space: nowrap;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.categories--wall.hovered .categories--wrapper .product--category {
    opacity: 0.15;
}

.categories--wall.hovered .categories--wrapper .product--category:hover {
    opacity: 1;
}

.categories--wall .categories--wrapper .product--category sup.cat--index {
    font-size: 16px;
    letter-spacing: 0.25px;
    bottom: 1em;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.categories--wall .descs--wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.categories--wall .descs--wrapper>div {
    position: absolute;
    top: 10%;
    left: 10%;
    font-size: 14px;
    letter-spacing: normal;
    opacity: 0;
    width: 25%;
    z-index: 2;
}

.categories--wall .descs--wrapper .wall--line {
    overflow: hidden;
}

.categories--wall .descs--wrapper .wall--line>span {
    display: block;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

@media only screen and (max-width: 570px) {
    .categories--wall .categories--wrapper {
        width: 100%;
        margin: 0;
        row-gap: 10px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }

    .categories--wall .categories--wrapper .product--category {
        font-size: 24px;
    }

    .categories--wall .categories--wrapper .product--category sup.cat--index {
        font-size: 8px;
    }

    .categories--wall .descs--wrapper>div {
        width: 80%;
    }
}

/*==================================== 
// Categories Wall
======================================*/

/*==================================== 
// Products Cards
======================================*/

.product--cards {
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.product--cards .products--wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-perspective: 2000px;
    perspective: 2000px;
}

.product--cards .products--wrapper .product--item {
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 45%;
    height: 55%;
    pointer-events: none;
}

.product--cards .products--wrapper .product--item .saren--single--product {
    width: 100%;
    height: 100%;
}

.product--cards .products--wrapper .product--item.product--active--meta {
    pointer-events: all;
}

.product--cards .products--wrapper .product--item .saren--product--meta {
    opacity: 0;
}

.product--cards .products--wrapper .product--item.product--active--meta .saren--product--meta {
    opacity: 1;
}

.product--cards .navigation--image--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.product--cards .navigation--image--wrapper .navigation--image {
    width: 150px;
    height: 120px;
    overflow: hidden;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.product--cards .navigation--image--wrapper .navigation--image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}


.thumbs--bordered .navigation--image--wrapper .navigation--image {
    border-left: 1px solid var(--linesColor);
}

.thumbs--bordered .navigation--image--wrapper {
    border-bottom: 1px solid var(--linesColor);
    border-top: 1px solid var(--linesColor);
}

.product--cards .navigation--image--wrapper .navigation--image.card--active {
    -webkit-filter: none;
    filter: none;
}


@media only screen and (max-width: 570px) {
    .product--cards {
        height: 100svh;
        overflow: hidden;
    }

    .product--cards .products--wrapper .product--item {
        width: 70%;
        height: 50%;
    }
}

/*==================================== 
// Products Cards
======================================*/

/*==================================== 
// Products Slideshow
======================================*/

.products--slideshow {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.products--slideshow .product--image--gallery {
    position: absolute;
    overflow: hidden;
}

.products--slideshow .product--image--gallery .image--gallery--wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.products--slideshow .product--image--gallery .image--gallery--wrapper .product--gallery--image {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.products--slideshow .product--image--gallery .image--gallery--wrapper .product--gallery--image .parallax--wrap {
    position: absolute;
}

.products--slideshow .product--image--gallery.image--gallery--left--to--right .product--gallery--image {
    right: 0;
    left: unset;
}

.products--slideshow .product--image--gallery.image--gallery--left--to--right .product--gallery--image .parallax--wrap {
    right: 0;
    left: unset;
}

.products--slideshow .product--image--gallery.image--gallery--right--to--left .product--gallery--image .parallax--wrap {
    left: 0;
    right: unset;
}

.products--slideshow .product--image--gallery .product--gallery--image .parallax--wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.products--slideshow .product--image--gallery.image--gallery--left--to--right {
    left: 0%;
    top: 0%;
    width: 50%;
    height: 100%;
    --transformX: 0;
    --transformY: 0;
    -webkit-transform: translateX(var(--transformX)) translateY(var(--transformY));
    -ms-transform: translateX(var(--transformX)) translateY(var(--transformY));
    transform: translateX(var(--transformX)) translateY(var(--transformY));
    z-index: -1;
}

.products--slideshow .product--image--gallery.image--gallery--right--to--left {
    left: 50%;
    top: 10%;
    width: 25%;
    height: 35%;
    --transformX: -50%;
    --transformY: 0;
    -webkit-transform: translateX(var(--transformX)) translateY(var(--transformY));
    -ms-transform: translateX(var(--transformX)) translateY(var(--transformY));
    transform: translateX(var(--transformX)) translateY(var(--transformY));
}

.products--slideshow .product--wrapper {
    position: relative;
    width: 30%;
    height: 50%;
    left: 95%;
    -webkit-transform: translateX(-100%) translateY(-50%);
    -ms-transform: translateX(-100%) translateY(-50%);
    transform: translateX(-100%) translateY(-50%);
    top: 50%;
}

.products--slideshow .product--wrapper .product--vertical--carousel--wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.products--slideshow .product--wrapper .product--vertical--carousel--wrap .product--item {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.products--slideshow .slider--navigation {
    position: absolute;
    z-index: 999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px;
    float: right;
    bottom: 50px;
    right: 50px;
    --transformX: 0;
    --transformY: 0;
    -webkit-transform: translateX(var(--transformX)) translateY(var(--transformY));
    -ms-transform: translateX(var(--transformX)) translateY(var(--transformY));
    transform: translateX(var(--transformX)) translateY(var(--transformY));
}


@media only screen and (max-width: 550px) {
    .products--slideshow {
        height: 100svh;
    }

    .products--slideshow .product--image--gallery.image--gallery--left--to--right {
        display: none;
    }

    .products--slideshow .product--image--gallery.image--gallery--right--to--left {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: -1;
    }

    .products--slideshow .product--wrapper {
        width: 80%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }


}

/*==================================== 
// Products Slideshow
======================================*/


/*====================================
   Showcase Cards
======================================*/

.showcase--cards {
    height: 100svh;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.showcase--cards .saren--cart--form button.single_add_to_cart_button svg {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 0;
}

.showcase--cards .saren--single--product.metas--only .saren--product--image--wrap {
    display: none;
}

.showcase--cards .showcase--cards--metas--wrapper {
    position: relative;
    width: 100%
}

.showcase--cards .showcase--cards--metas--wrapper .product--meta {
    position: absolute;
    padding: 32px;
    top: 50%;
    left: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.showcase--cards .saren--product--actions {
    position: static;
    pointer-events: none;
    z-index: 99;
    max-width: 65%
}

.showcase--cards .saren--product--actions * {
    pointer-events: none;
}

.showcase--cards .active .saren--product--actions *,
.showcase--cards .active .saren--product--actions {
    pointer-events: all;
}

.showcase--cards .saren--product--actions>div {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    line-height: normal;
    position: static;
}

.showcase--cards .saren--product--actions>div .saren--quantity--control {
    display: none;
}

.showcase--cards .saren--product--actions>div .saren--cart--form {
    height: 100%;
    padding: 0;
}

.showcase--cards .showcase--cards--metas--wrapper .product--meta .product--title {
    margin: 0;
}

.showcase--cards .showcase--cards--metas--wrapper .product--meta .product--choose--size {
    width: 100%;
    overflow: hidden;
    margin: 64px 0;
}

.showcase--cards .showcase--cards--metas--wrapper .product--meta .product--choose--size span {
    background: #d9d9d9;
    color: #191919;
    float: left;
    padding: 10px 20px;
}

.showcase--cards .showcase--cards--metas--wrapper .product--meta:first-child {
    opacity: 1;
}

.showcase--cards .showcase--cards--images--wrapper {
    position: relative;
    width: 100%;
}

.showcase--cards .showcase--cards--images--wrapper .saren--product--image--wrap {
    position: absolute;
    top: 50%;
    left: 0;
    height: 70vh;
    width: 30vw;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
}


.showcase--cards .saren--single--product {
    height: 100%;
}

.showcase--cards .saren--product--wrap {
    max-width: 70%;
    min-height: 50vh;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 70%;
}

.showcase--cards .product--list--attributes--wrap {
    position: relative;
}

.showcase--cards .saren--product--meta {
    text-transform: none;
    gap: 0;
    max-width: 65%;
}

.showcase--cards .product-name.woocommerce-loop-product__title {
    font-size: 3.7777rem;
    letter-spacing: -0.03em;
    margin-bottom: 0.65em;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    white-space: nowrap;
}

.showcase--cards .product-price {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.showcase--cards .product-short-desc {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.showcase--cards .pe--button {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    position: absolute;
    bottom: 0;
}

.showcase--cards .product--list--attributes--wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 50px;
}

.showcase--cards .product--list--attributes--wrap>span::after {
    display: none;
}

.showcase--cards .product--list--attributes--wrap>span {
    width: 100%;
    padding: 0.5em 0em 0.5em 1em;
}


@media only screen and (max-width: 570px) {
    .showcase--cards {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .showcase--cards .showcase--cards--metas--wrapper {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        height: auto;
    }

    .showcase--cards .showcase--cards--metas--wrapper .product--meta {
        width: 100%;
        display: block;
        padding: 0;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        top: 0;
        transform: translateY(-115%);
    }

    .showcase--cards .showcase--cards--metas--wrapper .product--meta .product--title {
        width: 50%;
        float: left;
        font-size: 40px;
    }

    .showcase--cards .showcase--cards--images--wrapper {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        height: 100%;
        -webkit-perspective: 1000px;
        perspective: 1000px;
        width: 100%;
        margin: 0 auto;
    }

    .showcase--cards .showcase--cards--images--wrapper .saren--product--image--wrap {
        width: 95%;
        height: 50vh;
        top: 35vh;
        left: 2.5%;
    }

    .showcase--cards .saren--product--wrap {
        width: 100%;
        max-width: 100%;
        min-height: auto;
    }

    .showcase--cards .product-name.woocommerce-loop-product__title {
        font-size: 35px;
        margin: 0;
    }

    .showcase--cards .saren--product--meta {
        max-width: 100%;
    }

    .showcase--cards .saren--product--actions {
        max-width: 100%;
        padding: 0.5em 1em;
    }


}

/*====================================
// Showcase Cards
======================================*/













/*====================================
   Showcase Carousel
======================================*/

.showcase--carousel {
    height: 100svh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.showcase--carousel .showcase--carousel--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    gap: 32px;
}

.showcase--carousel .showcase--carousel--wrapper .showcase--product {
    width: 300px;
    height: 400px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.showcase--carousel .showcase--carousel--wrapper .showcase--product:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.showcase--carousel .showcase--carousel--wrapper .showcase--product .product--meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.showcase--carousel .showcase--carousel--wrapper .showcase--product .product--image {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.showcase--carousel .showcase--carousel--wrapper .showcase--product .product--image img,
.showcase--carousel .showcase--carousel--wrapper .showcase--product .product--image>div {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.showcase--carousel .showcase--carousel--wrapper .showcase--product .product--meta {
    opacity: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}


.showcase--carousel .showcase--carousel--wrapper .showcase--product:hover .product--meta {
    opacity: 1;
}

@media only screen and (max-width: 570px) {
    .showcase--carousel .showcase--carousel--wrapper .showcase--product .product--meta {
        opacity: 1;
    }

    .showcase--carousel .showcase--carousel--wrapper .showcase--product {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

/*====================================
// Showcase Carousel
======================================*/













/*====================================
 Showcase Rotate
======================================*/
.showcase--rotate {
    height: 100svh;

}

.showcase--rotate .showcase--rotate--wrapper {
    position: absolute;
    width: 100vw;
    height: 270vh;
    -webkit-transform: scale(1) translateY(10vh);
    -ms-transform: scale(1) translateY(10vh);
    transform: scale(1) translateY(10vh);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    z-index: 999999;
}

.showcase--rotate .showcase--rotate--wrapper .showcase--product {
    position: absolute;
    width: 20vw;
    height: 50%;
    left: 50%;
    top: 0;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.showcase--rotate .showcase--rotate--wrapper .showcase--product .saren--product--wrap {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2em;
}

.showcase--rotate .showcase--rotate--wrapper .showcase--product .saren--product--wrap .saren--product--image--wrap {
    height: 55vh;
}

.showcase--rotate .showcase--rotate--wrapper .showcase--product .saren--product--meta {
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1em;
    text-transform: none;
    max-width: 60%;
}

.showcase--rotate .showcase--rotate--wrapper .showcase--product .saren--product--meta .product-name.woocommerce-loop-product__title {
    font-size: 2rem;
    letter-spacing: -0.03em;
}

.showcase--rotate .showcase--rotate--wrapper .showcase--product .saren--product--wrap .product--image {
    height: 100%;
    width: 100%;
}

.showcase--rotate .showcase--rotate--wrapper .showcase--product .saren--product--wrap .product--image img,
.showcase--rotate .showcase--rotate--wrapper .showcase--product .saren--product--wrap .product--image .pe-video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 570px) {
    .showcase--rotate .showcase--rotate--wrapper .showcase--product {
        width: 80vw;
    }

    .showcase--rotate .showcase--rotate--wrapper .showcase--product .saren--product--meta {
        max-width: 90%;
    }

    .showcase--rotate .showcase--rotate--wrapper {
        -webkit-transform: scale(1) translateY(0vh);
        -ms-transform: scale(1) translateY(0vh);
        transform: scale(1) translateY(0vh);
    }

    .showcase--rotate .showcase--rotate--wrapper .showcase--product .saren--product--wrap {
        gap: 0;
    }

}

.showcase--rotate .showcase--rotate--wrapper .saren--single--product .saren--product--meta {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.showcase--rotate .showcase--rotate--wrapper .saren--single--product.product--active .saren--product--meta {
    opacity: 1;
}


/*====================================
// Showcase Rotate
======================================*/

/*==================================== 
   Showcase Vertical Slider
======================================*/

.showcase--vertical--slider {
    height: 100vh;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    --zoomGap: 20px;
    --productGap: 50px;
    --zoomWidth: 150px;
    --zoomHeight: 120px
}

.showcase--vertical--slider .showcase--vertical--scroll--wrapper {
    position: absolute;
    z-index: 9999999;
}

.showcase--vertical--slider .showcase--vertical--products--wrapper {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.showcase--vertical--slider .showcase--vertical--products--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    top: 50%;
    position: relative;
    gap: var(--productGap);

}

.showcase--vertical--slider .showcase--vertical--products--wrapper .showcase--product .product--meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.showcase--vertical--slider .showcase--vertical--scroll--cards {
    width: 33vw;
    gap: var(--zoomGap);
    position: relative;
    top: 50vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.showcase--vertical--slider .scroll--scope {
    position: absolute;
    top: 50vh;
    left: 50%;
    width: calc(var(--zoomWidth) + var(--zoomGap));
    height: calc(var(--zoomHeight) + var(--zoomGap));
    border: 1px solid var(--mainColor);
    opacity: 0.4;
    border-radius: 10px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99999
}

.showcase--vertical--slider .showcase--vertical--scroll--cards .scroll--card--image {
    width: var(--zoomWidth);
    height: var(--zoomHeight);
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 8px;
    overflow: hidden;
}

.showcase--vertical--slider img,
.showcase--vertical--slider .pe-video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.showcase--vertical--slider .showcase--vertical--products--wrapper .showcase--product {
    width: 500px;
    height: 600px;
    float: left;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
}

.showcase--vertical--slider .showcase--vertical--products--wrapper .showcase--product a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.showcase--vertical--slider .showcase--vertical--products--wrapper .showcase--product .product--image {
    height: 100%;
    overflow: hidden;
    border-radius: 16px;
}

.showcase--vertical--slider .showcase--vertical--products--wrapper .showcase--product .product--image .parallax--wrap {
    width: 100%;
    height: 125%;
}

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

    .showcase--vertical--slider {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }

    .showcase--vertical--slider .showcase--vertical--scroll--wrapper {
        display: none;
    }

    .showcase--vertical--slider .showcase--vertical--products--wrapper .showcase--product {
        width: 100%;

    }
}

/*==================================== 
// Showcase Vertical Slider
======================================*/

/** Videos
  ------------------------------ */

.elementor-widget-pevideo .elementor-widget-container {
    overflow: hidden
}


.pe-video.vid--interracted.vid--paused .plyr__video-wrapper {
    background: #000 !important;
}

.pe-video {
    --plyr-color-main: var(--mainBackground);
    --plyr-color-secondary: var(--mainColor);
    --plyr-range-thumb-background: var(--plyr-color-main);
}

.showcase-project .pe-video .plyr__video-wrapper {
    background: none !important;
}

.pe-video .plyr--playing iframe {
    opacity: 1;
}

.pe--large--play.icons {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pe--large--play.icons::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: var(--plyr-color-main);
    border-radius: 50%;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease
}

.pe--large--play.icons>div {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50%;
    height: 50%;
}

.pe--large--play.icons svg {
    fill: var(--plyr-color-secondary);
}

.pe--large--play.icons:hover::after {
    background: var(--plyr-color-secondary);
}

.pe--large--play.icons:hover svg {
    fill: var(--plyr-color-main);
}


.pe--large--play.icons:hover .pe--play img {
    -webkit-filter: invert(1);
    filter: invert(1);
}

.pe--large--play.icons>div.pe--pause {
    opacity: 0;
}

.pe-video.autoplay--running .plyr--video .plyr__controls {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.pe--large--play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    z-index: 2;
}

.pe-video.vid--playing .pe--large--play {
    opacity: 0;
}

.pe-video.lightbox-open {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 999999;
}


.pe-video.lightbox-open .plyr {
    height: 85%;
}

.plyr--full-ui input[type=range]:focus {
    color: var(--plyr-color-main)
}

.pe-video.lightbox-open::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    z-index: -1;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.pe-video.lightbox-open.lightbox--started::after {
    opacity: .8
}

.pe--lightbox--close {
    color: #fff;
    position: absolute;
    top: 1vw;
    right: 1vw;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 50px;
    height: 50px;
    z-index: 1;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.pe--lightbox--close.x-icon {
    background: var(--mainBackground);
    border-radius: 50%;
}

.pe--lightbox--close.x-icon:hover {
    opacity: .4
}

.pl--close--icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50%;
    height: 50%;
}

.lightbox-open .pe--lightbox--close {
    opacity: 1;
}

.pe--lightbox--hold {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
}

.lb-hold .pe--lightbox--hold {
    position: static
}

.plyr--stopped .plyr__controls {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.pe--large--play.texts {
    color: var(--mainColor);
    cursor: pointer;
    font-size: 2rem;
    letter-spacing: normal;
    white-space: nowrap;
}



.lightbox-open .plyr__video-wrapper.plyr__video-embed {
    width: 100% !important;
    height: 100% !important;
}

@media only screen and (max-width: 570px) {
    .pe--large--play {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .pe-video.lightbox-open .plyr__video-embed__container {
        -webkit-transform: translateY(-10%) !important;
        -ms-transform: translateY(-10%) !important;
        transform: translateY(-10%) !important;
    }

    .pe-video.lightbox-open .plyr {
        width: 100vw;
        height: 100vh;
    }

}

.pe--video--poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.pe-video:has(.plyr--playing) .pe--video--poster {
    opacity: 0;
    visibility: hidden;
}

.pe--video--poster img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/* Rounded Skin */

.pe-video.skin--rounded {
    --plyr-video-control-color: var(--plyr-color-secondary);
    --plyr-control-spacing: 20px;
    --plyr-font-size-small: 18px;
}

.pe-video.skin--rounded .plyr {
    border-radius: 25px;
    overflow: hidden;
}

.pe-video.skin--rounded .plyr__control {
    background: var(--plyr-color-main);
    border-radius: 50%;
    padding: 1em;
    border: 0.5px solid var(--plyr-color-secondary);
}

.pe-video.skin--rounded .plyr--video .plyr__control:hover {
    opacity: 1;
    color: var(--plyr-color-main);
    background: var(--plyr-video-control-color)
}


.pe-video.skin--rounded .plyr__controls .plyr__controls__item.plyr__time {
    line-height: 1;
    background: var(--plyr-color-main);
    border-radius: 50px;
}

.pe-video.skin--rounded .plyr__controls__item.plyr__time--current.plyr__time {
    padding: 1em 0em 1em 4em;
    margin-left: -3em
}

.pe-video.skin--rounded .plyr__controls__item.plyr__time--current.plyr__time::after {
    content: '/';
    margin-left: 0.5em
}

.pe-video.skin--rounded .plyr__controls__item.plyr__time--duration.plyr__time {
    padding: 1em 1em 1em 1.8em !important;
    margin-left: -1.4em;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    z-index: -1
}

.pe-video.skin--rounded .plyr__time+.plyr__time:before {
    display: none
}

.pe-video.skin--rounded .plyr--video .plyr__controls {
    background: none
}

.pe-video.skin--rounded .plyr__controls .plyr__controls__item:first-child {
    margin-right: 0
}

.pe-video.skin--rounded .plyr__controls__item.plyr__time--duration.plyr__time {
    margin-right: auto
}

.pe-video {
    position: relative;
}

/* Minimal Skin */

.pe-video.skin--minimal {

    --plyr-control-spacing: 20px;
    --plyr-font-size-small: 16px;
    --plyr-range-track-height: 2px;
}

.pe-video.skin--minimal .plyr--video .plyr__control:focus-visible,
.pe-video.skin--minimal .plyr--video .plyr__control:hover,
.pe-video.skin--minimal .plyr--video .plyr__control[aria-expanded=true] {
    opacity: 1;
    background: none
}

.pe-video.skin--minimal .plyr--video .plyr__controls {
    background: none;
    color: var(--plyr-color-main);
}

.pe-video.skin--minimal .plyr--video .plyr__control:hover {
    color: var(--plyr-color-secondary);
}

.pe-video.skin--minimal .pe--lightbox--close.x-icon {
    background: none;
    -webkit-filter: invert(1);
    filter: invert(1);
}



/** Slider
  ------------------------------ */
.pe-slider {
    width: 100%;
    height: 60vh;
}


.slider-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 16px
}

.pe-slider.nav_button .nav .prev {
    opacity: 0.4
}

.pe-slide {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    left: unset;
    bottom: 0;
    border-radius: 20px;
    overflow: hidden
}


.pe-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.pe-slide a {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999;
    color: none
}

.slide-image {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    border-radius: 20px
}

.parallax .slide-image {
    left: unset;
    right: 0
}

.slide-image source {
    border-radius: 20px
}

.vertical .slide-image {
    top: 0;
}

.vertical.parallax .slide-image {
    top: unset;
    bottom: 0
}

.parallax .item-wrap {
    position: absolute
}

.item-wrap {
    width: 100%;
    height: 100%;
    left: unset;
    right: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-size: cover;
    background-repeat: no-repeat;
    padding-left: 24px
}

.pe-slider.vertical .item-wrap {
    bottom: 0;
}

.pe-slider.nav_button .pe-slide {
    width: 0;
    height: 100%;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.pe-slider.nav_button .pe-slide:first-child {
    width: 100%
}

.pe-slider.vertical.nav_button .pe-slide {
    width: 100%;
    height: 0;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.pe-slider.vertical.nav_button .pe-slide:first-child {
    height: 100%
}

.pe-slider .pe-slide .slide-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%
}

.pe-slider .pe-slide .slide-meta .slide-title {
    padding-left: 24px;
    padding-top: 24px;
}

.pe-slider .pe-slide .slide-meta .slide-category {
    padding-left: 24px
}

.pe-slider .pe-slide .slide-meta .slide-content {
    margin-top: auto;
    padding: 24px
}

.pe-slider .pe-slide-nav-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pe-slider .navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pe-slider .pe-fraction {
    margin-left: auto
}


.elementor {
    margin: 0 !important
}

/** Single Post
  ------------------------------ */

.pe--single--post.psp--elementor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    gap: 1.5em;
    position: relative;
}

.pe--single--post.psp--elementor .post-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 1em;
    gap: 5px;
    color: var(--secondaryColor);
}

.pe--single--post.psp--elementor .post-meta>div::after {
    content: "-";
    display: inline-block;
}

.pe--single--post.psp--elementor .post-meta>div:last-child::after {
    content: "-";
    display: none;
}

.pe--single--post.psp--elementor .post-meta a {
    color: var(--secondaryColor);
}

.pe--single--post.psp--elementor .thmb {
    height: 600px;
    overflow: hidden;
}

.pe--single--post.psp--elementor .thmb div,
.pe--single--post.psp--elementor .thmb img,
.pe--single--post.psp--elementor .thmb a {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.pe--single--post.psp--elementor .post-details {
    text-transform: uppercase;
    max-width: 90%;
}

.pe--single--post.psp--elementor .post-details h6 {
    font-size: 1em
}

/* Horizontal  */

.pe--single--post.psp--elementor.post_horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pe--single--post.psp--elementor.post_horizontal .thmb {
    height: 300px;
    width: 35%;
}

.pe--single--post.psp--elementor.post_horizontal .post-details {
    max-width: 61%;
    text-transform: unset;
}

.pe--single--post.psp--elementor.post_horizontal h6.post-title.entry-title {
    text-transform: uppercase;
    font-size: 1.2em;
}

.pe--single--post.psp--elementor.post_horizontal .post-excerpt {
    color: var(--secondaryColor);
}

.pe--single--post.psp--elementor.post_horizontal .post-meta {
    font-size: 16px;
}

.elementor-widget-peblogposts .elementor-widget-container {
    overflow: hidden;
}

/** Single Project
  ------------------------------ */

.pe--single--project.psp--elementor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    gap: 10px;
    position: relative;
}

.pe--single--project.psp--elementor .post-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    gap: 5px;
}

.pe--single--project.psp--elementor .post-meta {
    text-transform: uppercase;
    font-size: 16px;
    color: var(--secondaryColor);
}


.pe--single--project.psp--elementor .thmb {
    overflow: hidden;
    border-radius: 0px;
}

.pe--single--project.psp--elementor .thmb div,
.pe--single--project.psp--elementor .thmb img,
.pe--single--project.psp--elementor .thmb a {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
}

.pe--single--project.psp--elementor:hover .thmb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.pe--single--project.psp--elementor .post-details {
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pe--single--project.psp--elementor .post-details h6.post-title {
    font-size: 1em;
}

.pe--single--project.psp--elementor .post-meta>div::after {
    content: "-";
    display: inline-block;
    margin-left: 5px;
}

.pe--single--project.psp--elementor .post-meta>div:last-child::after {
    display: none
}


/** Horizontal **/

.pe--single--project.psp--elementor.style--horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.pe--single--project.psp--elementor.style--horizontal>* {
    width: 50%;
}

.pe--single--project.psp--elementor.style--horizontal .thmb {
    max-height: 500px;
}

.pe--single--project.psp--elementor.style--horizontal .post-meta {
    position: static;
    text-transform: uppercase;
    color: var(--secondaryColor);
}

.pe--single--project.psp--elementor.style--horizontal .post-meta>div {
    padding: 0;
    background: none;
    border-radius: 0;
}

.pe--single--project.psp--elementor.style--horizontal .post-meta>div>div {
    display: inline-block;
}


.pe--single--project.psp--elementor.style--horizontal .post-meta>div>div::after {
    content: "/";
}

.pe--single--project.psp--elementor.style--horizontal .post-meta>div>div:last-child::after {
    display: none;
}

.pe--single--project.psp--elementor.style--horizontal .post-details {
    padding: 0
}

.pe--single--project.psp--elementor.style--horizontal h6.post-title.entry-title {
    font-size: 3em;
    text-transform: uppercase;
    letter-spacing: -0.03em;
}

.horizontal--meta--wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 1em;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

/** Language/Currency Switcher
  ------------------------------ */
.pe--language--currency--switcher .wpml-ls-legacy-list-horizontal {
    padding: 0;
    border: none;
    z-index: 8;
    position: relative;
}

.pe--language--currency--switcher .wcml-horizontal-list li a,
.pe--language--currency--switcher .wpml-ls-legacy-list-horizontal a {
    padding: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    line-height: inherit;
}

.pe--language--currency--switcher .wcml-horizontal-list li,
.pe--language--currency--switcher .wpml-ls-legacy-list-horizontal .wpml-ls-item {
    font-size: 1em;
    line-height: inherit;
    padding: 0;
    z-index: 5;
    position: relative;
}

.pe--language--currency--switcher .wpml-ls-legacy-list-horizontal>ul {
    line-height: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


.pe--language--currency--switcher .wcml-horizontal-list li a {
    padding: 0;
    text-align: center;
}

.pe--language--currency--switcher .wcml-horizontal-list {
    border: none;
    line-height: inherit;
}

.woocommerce .wcml-horizontal-list.product {
    margin: 0 !important;
}

.pe--language--currency--switcher {
    padding: 0;
    border-radius: 7.5px;
    position: relative;
    font-size: 16px;
    line-height: inherit;
    text-transform: uppercase;
    font-size: 14px;
}

.pe--language--currency--switcher ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pe--language--currency--switcher.lcs--switcher {
    border: 1px solid var(--linesColor);
    border-radius: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
}

.pe--language--currency--switcher .wcml-horizontal-list li,
.pe--language--currency--switcher .wpml-ls-legacy-list-horizontal .wpml-ls-item {
    padding: 0.3em 1em 0.3em 1em;
    text-align: center;
    margin: 0px 2px
}

.pe--language--currency--switcher .wcml-horizontal-list li::after,
.pe--language--currency--switcher .wpml-ls-legacy-list-horizontal .wpml-ls-item::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: calc(100% - 4px);
    background: var(--mainColor);
    top: 2.5px;
    left: 0;
    border-radius: 50px;
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.pe--language--currency--switcher.lcs--switcher .wcml-cs-active-currency::after,
.pe--language--currency--switcher.lcs--switcher .wpml-ls-current-language::after {
    opacity: 1
}

.pe--language--currency--switcher .wcml-horizontal-list li:not(.wcml-cs-active-currency):hover::after,
.pe--language--currency--switcher .wpml-ls-legacy-list-horizontal .wpml-ls-item:not(.wpml-ls-current-language):hover::after {
    opacity: .1;
}


.pe--language--currency--switcher.lcs--switcher .wcml-cs-active-currency a,
.pe--language--currency--switcher.lcs--switcher .wpml-ls-current-language a {
    color: var(--mainBackground)
}


.pe--language--currency--switcher.lcs--dropdown .wpml-ls-legacy-dropdown,
.pe--language--currency--switcher.lcs--dropdown .wcml-dropdown {
    width: auto;
}

.pe--language--currency--switcher.lcs--dropdown .wcml-dropdown .wcml-cs-submenu li,
.pe--language--currency--switcher.lcs--dropdown .wcml-dropdown li,
.pe--language--currency--switcher.lcs--dropdown .wpml-ls-legacy-dropdown a {
    background: none;
    border: none;
    border-radius: 5px;
    padding: 0;
    color: var(--mainColor);
}

.pe--language--currency--switcher.lcs--dropdown .wcml-dropdown li:hover,
.pe--language--currency--switcher.lcs--dropdown .wcml-dropdown li:focus {
    background: none;
}

.has--bordered .pe--language--currency--switcher.lcs--dropdown .wcml-dropdown .wcml-cs-submenu li,
.has--bordered .pe--language--currency--switcher.lcs--dropdown .wcml-dropdown li,
.has--bordered .pe--language--currency--switcher.lcs--dropdown .wpml-ls-legacy-dropdown a {
    border: 1px solid var(--linesColor)
}

.has--bordered .pe--language--currency--switcher.lcs--dropdown .wcml-dropdown:hover .wcml-cs-submenu li {
    border-top: 1px solid var(--linesColor) !important;
    border-bottom: 1px solid var(--linesColor) !important;
}

.has--bg .pe--language--currency--switcher.lcs--dropdown .wcml-dropdown li,
.has--bg .pe--language--currency--switcher.lcs--dropdown .wpml-ls-legacy-dropdown a {
    background: var(--secondaryBackground)
}

.pe--language--currency--switcher.lcs--dropdown .wpml-ls-legacy-dropdown a,
.pe--language--currency--switcher.lcs--dropdown a.wcml-cs-item-toggle {
    padding: 0.5em 2em 0.5em 1em;
}

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

    .pe--language--currency--switcher.lcs--dropdown .wpml-ls-legacy-dropdown a,
    .pe--language--currency--switcher.lcs--dropdown a.wcml-cs-item-toggle {
        padding: 0.5em 2em 0.5em 0em;
    }

}

.pe--language--currency--switcher.lcs--dropdown .wpml-ls-legacy-dropdown .wpml-ls-sub-menu,
.pe--language--currency--switcher.lcs--dropdown .wcml-dropdown .wcml-cs-submenu {
    border: none;
}

.pe--language--currency--switcher.lcs--dropdown .wcml-dropdown.product {
    margin: 0 !important;
}

.has--bg .pe--language--currency--switcher.lcs--dropdown .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.has--bg .pe--language--currency--switcher.lcs--dropdown .wpml-ls-legacy-dropdown a:focus,
.has--bg .pe--language--currency--switcher.lcs--dropdown .wpml-ls-legacy-dropdown a:hover {
    background: var(--secondaryBackground)
}


.pe--language--currency--switcher.lcs--dropdown .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.pe--language--currency--switcher.lcs--dropdown .wpml-ls-legacy-dropdown a:focus,
.pe--language--currency--switcher.lcs--dropdown .wpml-ls-legacy-dropdown a:hover {
    background: none;
    color: var(--mainColor);
}

.pe--language--currency--switcher.lcs--dropdown .wcml-dropdown a.wcml-cs-item-toggle:after,
.pe--language--currency--switcher.lcs--dropdown .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    border: none;
    border-style: solid;
    border-width: 0.10em 0.10em 0 0;
    content: '';
    display: inline-block;
    height: 0.50em;
    top: 50%;
    -webkit-transform: rotate(135deg) translateX(-100%);
    -ms-transform: rotate(135deg) translateX(-100%);
    transform: rotate(135deg) translateX(-100%);
    vertical-align: top;
    width: 0.50em;
    right: 15px;
}



/** Interactive Grid
  ------------------------------ */

.pe--interactive--grid {
    display: block;
}

.pe--interactive--grid .interactive--grid--wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    grid-auto-rows: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    justify-items: center;
}

.pe--interactive--grid .interactive--grid--item {
    width: 75%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: visible;
}

.pe--interactive--grid .interactive--grid--item.grid--item--right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

.pe--interactive--grid .grid--item--inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 15px;
    overflow: visible;
    padding: 5px;
}

.pe--interactive--grid .grid--item--content {
    position: absolute;
    left: 0;
    min-width: 250px;
    z-index: 2;
    padding: 1em;
    height: 100%;
    max-width: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pe--interactive--grid .grid--item--content .grid--item--meta p {
    padding: 0 !important;
}

.pe--interactive--grid .interactive--grid--item.active {
    width: 100%;
    -webkit-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
}

.pe--interactive--grid .interactive--grid--item.active .grid--item--content {
    position: absolute;

}

.pe--interactive--grid .interactive--grid--item.active .grid--item--inner {
    position: absolute;
    width: 170%;
    z-index: 5;
    border: 1px solid var(--linesColor);
    height: auto;
}

.pe--interactive--grid .grid--item--image {
    border-radius: 10px;
    overflow: hidden;
}

.pe--interactive--grid .interactive--grid--item.active .grid--item--image {
    margin-left: 250px
}

.pe--interactive--grid .grid--item--image img {
    width: 100%;
    display: block;
    height: 100%;
}

.pe--interactive--grid .grid--item--highlights {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 5px;
    opacity: 1;
    -webkit-transition: all .4s ease .65s;
    -o-transition: all .4s ease .65s;
    transition: all .4s ease .65s;
    padding: 0 10px;
}

.expand--items--yes .pe--interactive--grid .grid--item--highlights {
    opacity: 0
}

.grid--item--meta {
    opacity: 0;
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}


.pe--interactive--grid .interactive--grid--item.active .grid--item--highlights,
.pe--interactive--grid .interactive--grid--item.active .grid--item--meta {
    opacity: 1;

}


.pe--interactive--grid .grid--item--highlights>div {
    position: relative;
    display: block;
    font-size: 18px;
}

.pe--interactive--grid .grid--item--highlights>div svg {
    width: 1em;
    height: 1em;
    fill: var(--mainColor);
}

.pe--interactive--grid .grid--item--highlights>div>span:last-child {
    position: absolute;
    white-space: nowrap;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: var(--mainColor);
    color: var(--secondaryBackground);
    padding: 5px 10px;
    font-size: 12px;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(0%);
    -ms-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0%);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    pointer-events: none;
    border-radius: 5px;
}

.pe--interactive--grid .grid--item--highlights>div:hover>span:last-child {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-100%);
    -ms-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%);
}

.expand--items--yes .pe--interactive--grid .grid--item--image {
    pointer-events: none;
}

.pe--interactive--grid .grid--item--image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}


.elementor-widget-peinteractivegrid:not(.expand--items--yes) .pe--interactive--grid .grid--item--image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.elementor-widget-peinteractivegrid:not(.expand--items--yes) .pe--interactive--grid .grid--item--image>.grid--item--sec--title {
    padding: 1em 7.5px;
}

.elementor-widget-peinteractivegrid:not(.expand--items--yes) .pe--interactive--grid .grid--item--inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

.elementor-widget-peinteractivegrid:not(.expand--items--yes) .pe--interactive--grid .grid--item--highlights {
    width: 100%;
}

.pe--interactive--grid .grid--item--image a {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--linesColor);
}

.pe--interactive--grid .grid--item--image>.grid--item--sec--title {
    padding: 7.5px 10px 7.5px 15px;
}

.pe--interactive--grid .interactive--grid--item.active .grid--item--image>.grid--item--sec--title {
    height: 0;
    padding: 0;
    opacity: 0
}

.pe--interactive--grid .interactive--grid--item.active .grid--item--image {
    pointer-events: all;
}

.pe--interactive--grid .interactive--grid--item.active .grid--item--image a {

    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.grid--item--close--icon {
    -webkit-transition: all .3s ease .65s;
    -o-transition: all .3s ease .65s;
    transition: all .3s ease .65s;
    position: absolute;
    top: 1em;
    right: 1em;
    background: var(--secondaryBackground);
    border-radius: 1em;
    line-height: 1;
    padding: 5px;
    cursor: pointer;
    opacity: 0;
    z-index: 1;
}

.grid--item--close--icon svg {
    fill: var(--mainColor);
    width: 18px;
    height: 18px;
}

.grid--item--close--icon:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.pe--interactive--grid .interactive--grid--item.active .grid--item--close--icon {
    opacity: 1
}

.grid--item--inner span.item--highlight {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #bb0000;
    font-size: 13px;
    line-height: 1;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    font-weight: 500;
    z-index: 2;
}


@media only screen and (max-width: 570px) {
    .pe--interactive--grid .grid--item--image {
        pointer-events: all;
    }
}

.filters--item.filters_on-sale .filter--label {
    margin: 0 !important;
}

/** Blog Posts
  ------------------------------ */

.pe--posts--grid {
    display: block;
    width: 100%;
    float: left;
    --columns: 3;
    --gap: 50px;
}

.pe--posts--grid>div:not(.grid--posts--wrapper) {
    display: block;
}

.grid--posts--wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: repeat(var(--columns), 1fr);
    grid-template-columns: repeat(var(--columns), 1fr);
    gap: var(--gap);
}

.pe--posts--grid ul.filters-list {
    list-style: none;
    margin: 0;
    display: inline-block;
    border-radius: 50px;
    --activeLeft: 0px;
    --activeWidth: 68px;
    position: relative;
    text-transform: uppercase;
    padding-left: 1em;
}

.pe--posts--grid .grid--filters {
    margin-bottom: 2em;
}

.pe--posts--grid ul.filters-list li {
    display: inline-block;
    padding: 0;
    position: relative;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    padding-right: 2em;
    color: var(--secondaryColor);
}

.pe--posts--grid ul.filters-list li.post-filter.active {
    color: var(--mainColor);
}

.pe--posts--grid ul.filters-list::after {
    content: "]";
    display: block;
    position: absolute;
    left: var(--activeWidth);
    height: 100%;
    top: 0;
    z-index: 0;
}

.pe--posts--grid ul.filters-list::before {
    content: "[";
    display: block;
    position: absolute;
    left: calc(var(--activeLeft) - 0.1em);
    top: 0;
    z-index: 0;
}

.pe--posts--grid .pe-load-more {
    text-align: center;
    margin-top: 3em;
    text-decoration: underline;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.pe--posts--grid .pe-load-more.plm--loading {
    opacity: 0.5;
    pointer-events: none
}

.pe--posts--grid .pe-load-more.plm--disabled {
    display: none
}

@media only screen and (max-width: 570px) {
    .pe--single--post.psp--elementor .post-meta {
        font-size: 16px;
    }
}


/** Buttons
  ------------------------------ */
.pe--button {
    display: inline-block;
    width: auto;
    height: auto;
    font-size: 1em;
}


.pe--button--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pe--button--wrapper a {
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 5;
}

.pe--button--wrapper a>span {
    position: relative;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
    -o-transition: transform .8s cubic-bezier(.19, 1, .22, 1);
    transition: transform .8s cubic-bezier(.19, 1, .22, 1);
    transition: transform .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
    will-change: transform;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pe--button--wrapper a>span span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pe--button.pb--underlined .pe--button--wrapper a::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0.06em;
    left: 0;
    width: 100%;
    height: 0.05em;
    background: var(--mainColor);
}

.pe--button.pb--underlined .pe--button--wrapper a:hover::after {
    -webkit-animation-name: toggleLine;
    animation-name: toggleLine;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-timing-function: cubic-bezier(.19, 1, .22, 1);
    animation-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.pe--button.pb--underlined.pb--background .pe--button--wrapper a:hover::after {
    background: var(--secondaryBackground)
}

.pe--button.pb--bordered,
.pe--button.pb--background {
    --padTop: 0.5em;
    --padLeft: 1.5em;
}

.pe--button.pb--underlined.pb--bordered .pe--button--wrapper a::after,
.pe--button.pb--underlined.pb--background .pe--button--wrapper a::after {
    width: calc(100% - (var(--padLeft) * 2));
    left: calc(var(--padLeft));
    bottom: calc(var(--padTop) + 0.06em)
}

.pe--button.pb--bordered .pe--button--wrapper a,
.pe--button.pb--background .pe--button--wrapper a {
    padding: var(--padTop) var(--padLeft);
    border-radius: 10px;
}

.pe--button.pb--background .pe--button--wrapper a {
    background: var(--secondaryBackground);
}

.pe--button.pb--bordered .pe--button--wrapper a {
    border: 1px solid var(--linesColor)
}

.pe--button.pb--bordered .pe--button--wrapper a::before,
.pe--button.pb--background .pe--button--wrapper a::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background: var(--mainColor);
    z-index: 0;
    -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
    -o-transition: all .6s cubic-bezier(.19, 1, .22, 1);
    transition: all .6s cubic-bezier(.19, 1, .22, 1);
    border-radius: 50%;
}

.pe--button.pb--bordered .pe--button--wrapper a:hover::before,
.pe--button.pb--background .pe--button--wrapper a:hover::before {
    height: 100%;
    border-radius: 0;
}

.pe--button.pb--bordered .pe--button--wrapper a,
.pe--button.pb--background .pe--button--wrapper a {
    -webkit-transition: color .4s ease;
    -o-transition: color .4s ease;
    transition: color .4s ease;
}

.pe--button.pb--marquee .pe--button--wrapper a {
    -webkit-transition: color .1s ease;
    -o-transition: color .1s ease;
    transition: color .1s ease;
}

.pe--button.pb--bordered .pe--button--wrapper a:hover,
.pe--button.pb--background .pe--button--wrapper a:hover {
    color: var(--secondaryBackground)
}

.pe--button.pb--bordered .pe--button--wrapper a span.pb__hover,
.pe--button.pb--background .pe--button--wrapper a span.pb__hover {
    position: absolute;
    left: 50%;
    top: calc(100% + var(--padTop));
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    border-radius: 50%;
}

.pe--button.pb--bordered .pe--button--wrapper a:hover>span,
.pe--button.pb--background .pe--button--wrapper a:hover>span {
    -webkit-transform: translateY(calc(-100% - var(--padTop)));
    -ms-transform: translateY(calc(-100% - var(--padTop)));
    transform: translateY(calc(-100% - var(--padTop)));
}


@-webkit-keyframes toggleLine {
    0% {
        -webkit-clip-path: inset(0% 0% 0% 0%);
        clip-path: inset(0% 0% 0% 0%);
    }

    50% {
        -webkit-clip-path: inset(0% 0% 0% 100%);
        clip-path: inset(0% 0% 0% 100%);
    }

    51% {
        -webkit-clip-path: inset(0% 100% 0% 0%);
        clip-path: inset(0% 100% 0% 0%);
    }

    100% {
        -webkit-clip-path: inset(0% 0% 0% 0%);
        clip-path: inset(0% 0% 0% 0%);
    }

}

@keyframes toggleLine {
    0% {
        -webkit-clip-path: inset(0% 0% 0% 0%);
        clip-path: inset(0% 0% 0% 0%);
    }

    50% {
        -webkit-clip-path: inset(0% 0% 0% 100%);
        clip-path: inset(0% 0% 0% 100%);
    }

    51% {
        -webkit-clip-path: inset(0% 100% 0% 0%);
        clip-path: inset(0% 100% 0% 0%);
    }

    100% {
        -webkit-clip-path: inset(0% 0% 0% 0%);
        clip-path: inset(0% 0% 0% 0%);
    }

}

.pb--marquee.no-button {
    width: 100%;
    height: 1em;
    position: relative;
    background: var(--secondaryBackground);
    padding: 1em;
    border-radius: 25px;
    border: 1px solid var(--linesColor);
}

.pb--marquee.no-button i.material-icons.md-fiber_manual_record {
    margin-left: 15px;
}

.pe--button.pb--marquee .pe--button--wrapper a>span {
    visibility: hidden;
}


.pb--marquee--wrap {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99999;
}

.pb--marquee__inner {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    --duration: 5s;
    --offset: 1rem;
    --move-initial: calc(-25% + var(--offset));
    --move-final: calc(-50% + var(--offset));
    -webkit-transform: translate3d(var(--move-initial), 0, 0);
    transform: translate3d(var(--move-initial), 0, 0);
    -webkit-animation: pbMarquee var(--duration) linear infinite;
    animation: pbMarquee var(--duration) linear infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    opacity: 0;
}

.pb--marquee--wrap.left-to-right .pb--marquee__inner {
    --move-initial: calc(-50% + var(--offset));
    --move-final: calc(-25% + var(--offset));
}

.pb--marquee--wrap span {
    text-align: center;
    white-space: nowrap;
    padding: 0 0.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@-webkit-keyframes pbMarquee {
    0% {
        -webkit-transform: translate3d(var(--move-initial), 0, 0);
        transform: translate3d(var(--move-initial), 0, 0);
    }

    100% {
        -webkit-transform: translate3d(var(--move-final), 0, 0);
        transform: translate3d(var(--move-final), 0, 0);
    }
}

@keyframes pbMarquee {
    0% {
        -webkit-transform: translate3d(var(--move-initial), 0, 0);
        transform: translate3d(var(--move-initial), 0, 0);
    }

    100% {
        -webkit-transform: translate3d(var(--move-final), 0, 0);
        transform: translate3d(var(--move-final), 0, 0);
    }
}

.pb--marquee__inner {
    -webkit-animation-play-state: running;
    animation-play-state: running;
    opacity: 1;
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.pe--button i {
    font-size: 1em;
    line-height: 1;
    vertical-align: sub;
    width: 1em;
    padding-left: 0.4em;
}

.pe--button.icon__left i {
    padding-left: 0;
    padding-right: 1.4em;
}

.pe--button.pb--small {
    font-size: 15px;
}

.pe--button.pb--medium {
    font-size: 22px;
}

.pe--button.pb--large {
    font-size: 28px;
}

.pe--button.pb--underlined.pb--icon.icon__right a {
    padding-right: 0.4em;
}

/** Project Widgets
  ------------------------------ */
.justify-last {
    -moz-text-align-last: justify;
    text-align-last: justify;
}

/***** Project Media
  ------------------------------ */
.project-featured-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.project-featured-image.parallax--image img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.project-featured-image {
    height: 90vh;
}

.project-featured-image.parallax--image {
    overflow: hidden;
}

.project-featured-image div {
    height: 100%;
}

.project--image--gallery {
    display: block;
    height: 100%;
    height: 80vh;
}

.project--image--gallery--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 50px;
}

.project--gallery--image {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    height: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    overflow: hidden;
}

.project--gallery--image img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}


/** Carousel
  ------------------------------ */
.pe--carousel {
    display: block;
    width: 100%;
    height: auto;
}

.carousel--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    --itemsWidth: 25vw;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    will-change: transform;
    border-color: var(--linesColor);
    border-width: 1px;
}

.carousel--wrapper .carousel--item:not(.product--masonry--item) {
    width: var(--itemsWidth) !important;
    overflow: hidden;
    border-color: var(--linesColor);
    border-width: 1px;
}

.carousel--wrapper .carousel--item .single-image {
    overflow: hidden;
}

.parallax--images .carousel--item .single-image img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.eq--height--yes .carousel--item .single-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.carousel--item.cr--item.cr--taxonomy--brand {
    text-align: center;
}

.carousel--item.cr--item.cr--taxonomy--brand a {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/* .carousel--item.cr--item.cr--taxonomy--brand:hover a {
    -webkit-filter: invert(1);
    filter: invert(1);
} */

.carousel--item.cr--taxonomy--product_cat a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1em;
    padding: 1em;
    position: relative;
}

.carousel--item.cr--item.cr--taxonomy--brand a img,
.carousel--item.cr--taxonomy--product_cat a img {
    width: auto;
    height: 100%;
    display: block;
    object-fit: cover;
}

.term_name-positioned span.carousel--term--name {
    position: absolute;
    transform: translate(var(--transformX), var(--transformY))
}

/** Carousel/Slider Controls
  ------------------------------ */
.pe--sc--controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--mainColor);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pe--sc--controls .sc--progressbar {
    display: block;
    width: 100%;
    height: 1px;
    margin: 1em 0;
    position: relative;
}

.pe--sc--controls span.sc--full {
    width: 100%;
    height: 100%;
    display: block;
    background: var(--mainColor);
    opacity: .3;
}

.elementor-widget-pesccontrols {
    width: 100%;
}

.pe--sc--controls span.sc--prog {
    width: 0%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--mainColor);
}

.sc--fraction i {
    display: inline-block;
    vertical-align: middle;
}

.sc--navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5em;
    font-size: 25px;
    cursor: pointer;
    width: 100%;
}

.sc--navigation.nav_text {
    font-size: 1em;
}

.sc--navigation>span {
    display: inline-block;
}

.sc--navigation>span i {
    display: block;
    width: 1em;
    height: 1em;
    line-height: 1;
}

.portfolio--pagination {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin-top: 25px;
}

.portfolio--pagination.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.portfolio--pagination.loading {
    opacity: 0.5;

}

.portfolio--pagination.loading a {
    cursor: wait
}

.pe--sc--controls.brackets--on>div::before {
    content: "[";
    margin-right: 5px;
}

.pe--sc--controls.brackets--on>div::after {
    content: "]";
    margin-left: 5px;
}

/** Google Maps
  ------------------------------ */
.pe--google--maps--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 25px;
    overflow: hidden;
    position: relative;
}

.map--multi--locations--wrapper {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 35%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 25px;
    overflow: auto;
}

.map--multi--locations--hold {
    display: flex;
    flex-direction: column;
    width: auto;
    height: fit-content;
}

.map--marker--details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    border-color: var(--linesColor);
    transition: background .4s ease;
}

.map--marker--details.active {
    background: var(--secondaryBackground);
}

.locations--has--bg .map--marker--details {
    background: var(--secondaryBackground);
}

span.ma--icon {

    line-height: 1;
    margin-right: 0.25em;
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
}

span.ma--icon svg {
    width: 1em;
    height: 1em;
    fill: var(--mainColor);
    line-height: 1;
}

.marker--bottom a:not(.location--button) {
    text-decoration: underline;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.marker--bottom a:hover {
    color: var(--mainColor);
}

.locations--pos--bottom.map--layout--horizontal .pe--google--maps--wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.map--layout--horizontal .pe--google--maps--wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.map--layout--horizontal .pe--google--maps--wrapper .map--multi--locations--wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
}

.map--layout--horizontal .pe--google--maps--wrapper .map--multi--locations--wrapper .map--marker--details {
    width: 28vw;
    gap: 0;
    border-radius: 7px;
}

.map--layout--horizontal .pe--google--maps--wrapper .map--multi--locations--wrapper .map--marker--details .marker--title {
    padding: 1em;
}

.map--layout--horizontal .pe--google--maps--wrapper .map--multi--locations--wrapper .map--marker--details .marker--bottom {
    padding: 1em;
}

.map--layout--horizontal .pe--google--maps--wrapper .map--multi--locations--hold {
    flex-direction: row;
    width: fit-content;
}

.map--layout--horizontal .pe--google--maps--wrapper .map--multi--locations--wrapper {
    width: 100%;
}

.marker--buttons .location--button {
    font-size: 12px;
    text-transform: uppercase;
    border: 1px solid var(--linesColor);
    padding: 1em 1.5em;
    border-radius: 50px;
    line-height: 1;
    display: block;
    user-select: none;
    cursor: pointer;
}

.marker--buttons .location--button.view--map--button {
    background: var(--mainColor);
    color: var(--mainBackground);
}

.marker--buttons {
    display: flex;
    flex-direction: row;
    gap: 5px;
    margin-top: 2em;
    align-items: center;
}


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

    .map--multi--locations--hold {
        flex-direction: row;
    }

    .pe--google--maps--wrapper {
        max-height: unset !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;

    }

    .map--multi--locations--wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        max-height: fit-content !important;
        width: 100% !important;
    }

    .map--multi--locations--wrapper .map--marker--details {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }


    .map--marker--details {
        width: 80vw
    }

    .map--multi--locations--wrapper .map--marker--details {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .map--layout--horizontal .pe--google--maps--wrapper .map--multi--locations--wrapper .map--marker--details {
        width: 90vw;
    }


}



/** Forms
  ------------------------------ */
.pe--form {
    display: block;
    --paddingLeft: 1em;
    --paddingRight: 1em;
    --paddingTop: 0.75em;
    --paddingBottom: 0.75em;
}

.pe--form input[type="text"],
.pe--form input[type="email"],
.pe--form input[type="url"],
.pe--form input[type="password"],
.pe--form input[type="search"],
.pe--form input[type="number"],
.pe--form input[type="tel"],
.pe--form input[type="range"],
.pe--form input[type="date"],
.pe--form input[type="month"],
.pe--form input[type="week"],
.pe--form input[type="time"],
.pe--form input[type="datetime"],
.pe--form input[type="datetime-local"],
.pe--form input[type="color"],
.pe--form textarea {
    border: none;
    color: var(--mainColor);
    background: var(--secondarBackground);
    border-width: 1px;
    border-radius: 0;
    padding-top: var(--paddingTop);
    padding-bottom: var(--paddingBottom);
    padding-left: var(--paddingLeft);
    padding-right: var(--paddingRight);
    border-bottom: 1px solid;
    border-color: var(--linesColor);
    border-radius: var(--radius);
}

.pe--form input[type="text"]::-webkit-input-placeholder,
.pe--form input[type="email"]::-webkit-input-placeholder,
.pe--form input[type="url"]::-webkit-input-placeholder,
.pe--form input[type="password"]::-webkit-input-placeholder,
.pe--form input[type="search"]::-webkit-input-placeholder,
.pe--form input[type="number"]::-webkit-input-placeholder,
.pe--form input[type="tel"]::-webkit-input-placeholder,
.pe--form input[type="range"]::-webkit-input-placeholder,
.pe--form input[type="date"]::-webkit-input-placeholder,
.pe--form input[type="month"]::-webkit-input-placeholder,
.pe--form input[type="week"]::-webkit-input-placeholder,
.pe--form input[type="time"]::-webkit-input-placeholder,
.pe--form input[type="datetime"]::-webkit-input-placeholder,
.pe--form input[type="datetime-local"]::-webkit-input-placeholder,
.pe--form input[type="color"]::-webkit-input-placeholder,
.pe--form textarea::-webkit-input-placeholder {
    color: var(--secondaryColor);
    font-size: 14px
}

.pe--form input[type="text"]::-moz-placeholder,
.pe--form input[type="email"]::-moz-placeholder,
.pe--form input[type="url"]::-moz-placeholder,
.pe--form input[type="password"]::-moz-placeholder,
.pe--form input[type="search"]::-moz-placeholder,
.pe--form input[type="number"]::-moz-placeholder,
.pe--form input[type="tel"]::-moz-placeholder,
.pe--form input[type="range"]::-moz-placeholder,
.pe--form input[type="date"]::-moz-placeholder,
.pe--form input[type="month"]::-moz-placeholder,
.pe--form input[type="week"]::-moz-placeholder,
.pe--form input[type="time"]::-moz-placeholder,
.pe--form input[type="datetime"]::-moz-placeholder,
.pe--form input[type="datetime-local"]::-moz-placeholder,
.pe--form input[type="color"]::-moz-placeholder,
.pe--form textarea::-moz-placeholder {
    color: var(--secondaryColor);
    font-size: 14px
}

.pe--form input[type="text"]:-ms-input-placeholder,
.pe--form input[type="email"]:-ms-input-placeholder,
.pe--form input[type="url"]:-ms-input-placeholder,
.pe--form input[type="password"]:-ms-input-placeholder,
.pe--form input[type="search"]:-ms-input-placeholder,
.pe--form input[type="number"]:-ms-input-placeholder,
.pe--form input[type="tel"]:-ms-input-placeholder,
.pe--form input[type="range"]:-ms-input-placeholder,
.pe--form input[type="date"]:-ms-input-placeholder,
.pe--form input[type="month"]:-ms-input-placeholder,
.pe--form input[type="week"]:-ms-input-placeholder,
.pe--form input[type="time"]:-ms-input-placeholder,
.pe--form input[type="datetime"]:-ms-input-placeholder,
.pe--form input[type="datetime-local"]:-ms-input-placeholder,
.pe--form input[type="color"]:-ms-input-placeholder,
.pe--form textarea:-ms-input-placeholder {
    color: var(--secondaryColor);
    font-size: 14px
}

.pe--form input[type="text"]::-ms-input-placeholder,
.pe--form input[type="email"]::-ms-input-placeholder,
.pe--form input[type="url"]::-ms-input-placeholder,
.pe--form input[type="password"]::-ms-input-placeholder,
.pe--form input[type="search"]::-ms-input-placeholder,
.pe--form input[type="number"]::-ms-input-placeholder,
.pe--form input[type="tel"]::-ms-input-placeholder,
.pe--form input[type="range"]::-ms-input-placeholder,
.pe--form input[type="date"]::-ms-input-placeholder,
.pe--form input[type="month"]::-ms-input-placeholder,
.pe--form input[type="week"]::-ms-input-placeholder,
.pe--form input[type="time"]::-ms-input-placeholder,
.pe--form input[type="datetime"]::-ms-input-placeholder,
.pe--form input[type="datetime-local"]::-ms-input-placeholder,
.pe--form input[type="color"]::-ms-input-placeholder,
.pe--form textarea::-ms-input-placeholder {
    color: var(--secondaryColor);
    font-size: 14px
}

.pe--form input[type="text"]::placeholder,
.pe--form input[type="email"]::placeholder,
.pe--form input[type="url"]::placeholder,
.pe--form input[type="password"]::placeholder,
.pe--form input[type="search"]::placeholder,
.pe--form input[type="number"]::placeholder,
.pe--form input[type="tel"]::placeholder,
.pe--form input[type="range"]::placeholder,
.pe--form input[type="date"]::placeholder,
.pe--form input[type="month"]::placeholder,
.pe--form input[type="week"]::placeholder,
.pe--form input[type="time"]::placeholder,
.pe--form input[type="datetime"]::placeholder,
.pe--form input[type="datetime-local"]::placeholder,
.pe--form input[type="color"]::placeholder,
.pe--form textarea::placeholder {
    color: var(--secondaryColor);
    font-size: 14px
}


.inputs--has--bg .pe--form input[type="text"],
.inputs--has--bg .pe--form input[type="email"],
.inputs--has--bg .pe--form input[type="url"],
.inputs--has--bg .pe--form input[type="password"],
.inputs--has--bg .pe--form input[type="search"],
.inputs--has--bg .pe--form input[type="number"],
.inputs--has--bg .pe--form input[type="tel"],
.inputs--has--bg .pe--form input[type="range"],
.inputs--has--bg .pe--form input[type="date"],
.inputs--has--bg .pe--form input[type="month"],
.inputs--has--bg .pe--form input[type="week"],
.inputs--has--bg .pe--form input[type="time"],
.inputs--has--bg .pe--form input[type="datetime"],
.inputs--has--bg .pe--form input[type="datetime-local"],
.inputs--has--bg .pe--form input[type="color"],
.inputs--has--bg .pe--form textarea {
    background: var(--secondaryBackground);
    border-radius: var(--radius);
    padding-top: var(--paddingTop);
    padding-bottom: var(--paddingBottom);
    padding-left: var(--paddingLeft);
    padding-right: var(--paddingRight);
}

.pe--form form.wpcf7-form.init {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1em;
}

.pe--form .wpcf7-form-control-wrap>span {
    position: absolute;
    top: 50%;
    font-size: 1em;
    line-height: 1;
    right: 1.5em;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px;
}

.pe--form form.wpcf7-form.init p {
    margin: 0;
    width: 100%;
    position: relative;
}

.pe--form form.wpcf7-form.init br {
    display: none
}

.pe--form form.wpcf7-form.init label {
    margin: 0
}

.pe--form.focus--outline form.wpcf7-form.init label input {
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pe--form.focus--outline form.wpcf7-form.init label input.has-content,
.pe--form.focus--outline form.wpcf7-form.init label input:focus {
    border-color: var(--mainColor)
}

.pe--form.focus--label form.wpcf7-form.init label>span:first-child {
    position: absolute;
    top: 50%;
    left: var(--paddingLeft);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    z-index: 5;
}

.pe--form.focus--label form.wpcf7-form.init label:has(textarea.has-content)>span:first-child,
.pe--form.focus--label form.wpcf7-form.init label:has(textarea:focus)>span:first-child,
.pe--form.focus--label form.wpcf7-form.init label:has(input.has-content)>span:first-child,
.pe--form.focus--label form.wpcf7-form.init label:has(input:focus)>span:first-child {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    top: calc(var(--paddingTop) / 3);
    font-size: 12px;
    color: var(--secondaryColor);
}

.pe--form.focus--label form.wpcf7-form.init label:has(textarea)>span:first-child {
    top: var(--paddingTop);
    z-index: 3;
}

.pe--form .wpcf7-form-control-wrap>span:has(input[type=checkbox]) {
    position: static;
}

.pe--form .wpcf7-form-control-wrap>span:has(input[type=checkbox])>span {
    margin: 0;
    margin-right: 2em;
    font-size: 14px;
    line-height: 28px;
}

.pe--form.focus--outline form.wpcf7-form.init label input[type="checkbox"] {
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1em;
    height: 1em;
    border: 1px solid var(--mainColor);
    border-radius: 3px;
    margin-right: 7px;
    vertical-align: middle;
    position: relative;
}

.pe--form.focus--outline form.wpcf7-form.init label input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--mainColor);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 1px;
}

.validate--colors input.wpcf7-not-valid {
    border-color: #ff000087 !important;
}

.validate--colors input.has-content:not(.wpcf7-not-valid) {
    border-color: green !important;
}

.layout--input .pe--form form.wpcf7-form.init {
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.layout--input .pe--form form.wpcf7-form.init p {
    width: 100% !important;
}

.layout--input .pe--form form.wpcf7-form.init p:has(.saren--form--submit--icon) {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important
}

.layout--input .pe--form form.wpcf7-form.init p:has(input[type="submit"]) {
    position: absolute;
    top: 50%;
    right: 0;
    left: unset;
    display: inline-block;
    width: auto;
    --transformY: -50%;
    -webkit-transform: translateX(var(--transformX)) translateY(var(--transformY));
    -ms-transform: translateX(var(--transformX)) translateY(var(--transformY));
    transform: translateX(var(--transformX)) translateY(var(--transformY));
}


.pe--form form.wpcf7-form.init input[type="submit"] {
    border-color: var(--linesColor);
    border-width: 1px;
    border-radius: var(--radius);
    --radius: 10px;
}

.submit--style--icon .pe--form form.wpcf7-form.init input[type="submit"] {
    font-size: 0;
    width: 3rem;
    height: 3rem;
}

.layout--input .pe--form form.wpcf7-form.init p:has(input[type="submit"]) .wpcf7-spinner {
    display: none
}

.pe--form input[type="submit"] {
    border-radius: var(--radius);
}

.pe--form input[type="submit"] {
    background: none;
    position: relative;
    color: var(--mainColor);
    border-color: var(--linesColor);
    z-index: 3;
    border-radius: 0;
    -webkit-transition: color .4s ease;
    -o-transition: color .4s ease;
    transition: color .4s ease;
    padding: 1em 2em;
}

.pe--form input[type="submit"] {
    position: relative;
    --radius: 10px;
    border-radius: var(--radius);
    overflow: hidden;
    width: auto;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.has--bg .pe--form input[type="submit"] {
    background: var(--mainColor);
    color: var(--secondaryColor);
}

.has--bg .pe--form p:has(input[type="submit"]) svg {
    fill: var(--secondaryColor);
}

.has--bg .pe--form p:has(input[type="submit"]) i {
    color: var(--secondaryColor);
}

.pe--form p:has(input[type="submit"]) .wpcf7-spinner {
    display: none;
}

.has--hover:not(.has--bg) pe--form input[type="submit"]:hover {
    border-width: 2px;
}

.has--bg.has--hover .pe--form input[type="submit"]:hover {
    color: var(--secondaryBackground);
    background: var(--secondaryColor);
}

.has--bg.has--hover .pe--form p:has(input[type="submit"]:hover) i {
    color: var(--secondaryBackground);
}

.has--bg.has--hover .pe--form p:has(input[type="submit"]:hover) svg {
    fill: var(--secondaryBackground);
}

span.saren--form--submit--icon {
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 0;
    position: absolute;
    top: 50%;
    right: 1em;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
    color: var(--mainColor);
}

.submit--style--icon .pe--form form.wpcf7-form.init span.saren--form--submit--icon {
    left: 50%;
    right: unset;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pe--form form.wpcf7-form.init p:has(span.saren--form--submit--icon) input[type="submit"] {
    padding: 1em 3em 1em 2em
}

.icon--pos--left .pe--form form.wpcf7-form.init p:has(span.saren--form--submit--icon) input[type="submit"] {
    padding: 1em 2em 1em 3em
}

.icon--pos--left span.saren--form--submit--icon {
    right: unset;
    left: 1em;
}

span.saren--form--submit--icon svg {
    fill: var(--mainColor);
    width: 1.5em;
    height: 1.5em;
    line-height: 0;
}

.submit--style--text--icon .pe--form form.wpcf7-form.init input[type="submit"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
}

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

    .pe--form form.wpcf7-form.init p:not(:has(.saren--form--submit--icon)) {
        width: 100% !important;
    }

}

/* YITH Widgets  */

.pe--yith--widget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.pe--yith--popup.pe--styled--popup.popup--compare {
    min-width: 90vw;
}

.wishlist-title-container {
    margin-bottom: 1em;
}

.pe--yith--widget:has(.wishlist-empty) .wishlist-title-container {
    display: none;
}

.pe--yith--widget:has(.wishlist-empty) .yith-wcwl-form {
    padding: 50px !important;
}

.pe--yith--widget:has(.wishlist-empty) .yith-wcwl-form tr {
    border: none !important;
}

.pe--yith--pop--button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-size: 1em;
    line-height: 1;
    padding: 0.25em;
    border-radius: 5px;
    --iconSize: 1rem;
}

.pe--yith--pop--button svg {
    width: var(--iconSize);
    height: var(--iconSize);
    fill: var(--mainColor)
}

.pe--yith--pop--button i {
    font-size: var(--iconSize);
    line-height: 1;
}

#yith-wcwl-form table.shop_table.cart.wishlist_table:has(.wishlist-empty) thead {
    display: none;
}

#yith-wcwl-form table.shop_table.cart.wishlist_table:has(.wishlist-empty) tbody tr td {
    background: transparent;
    color: var(--mainColor);
    border: none;
    font-size: 16px;
}

#yith-wcwl-form table.shop_table.cart.wishlist_table:has(.wishlist-empty) {
    border: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

span.yith-wcwl-add-to-wishlist-button__label {
    display: none;
}

.yith-wcwl-feedback-messages-container {
    bottom: 25px;
    left: 25px;
    font-size: 1em;
    top: unset;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

#yith-wcwl-form table.shop_table th {
    background: var(--mainBackground);
}

#yith-wcwl-form table.shop_table {
    border: none !important;
    margin: 0 !important;
    border-radius: 15px;
    overflow: hidden;
    border-collapse: collapse;
}

#yith-wcwl-form table.shop_table.wishlist_table tr td {
    background: var(--mainBackground);
    color: var(--mainColor);
    border-color: var(--linesColor);
    border-width: 0;
    border: none;
    margin: 0;
    padding: 1em;
    font-size: 1rem;
}

#yith-wcwl-form table.shop_table th span {
    font-weight: normal;
    font-size: 1rem;
    color: var(--secondaryColor);
}

#yith-wcwl-form table.wishlist_table thead th,
#yith-wcwl-form table.wishlist_table tbody td {
    border-color: var(--linesColor);
    border-width: 0;
    padding: 1em;
}

#yith-wcwl-form table.wishlist_table tr {
    border-bottom: 1px solid var(--linesColor);
}

#yith-wcwl-form thead {
    border: none !important;
}

#yith-wcwl-form a.remove {
    color: var(--secondaryColor) !important;
}

#yith-wcwl-form h4.yith-wcwl-share-title {
    font-size: 1em;
    font-weight: 100;
}

.woocommerce .wishlist-title h2 {
    font-size: 2em;
}

.yith_wcwl_wishlist_footer {
    position: relative;
    bottom: 0;
    margin-top: 2em
}

.pe--yith--popup #yith-wcwl-form .yith_wcwl_wishlist_footer {
    margin-top: auto;
    position: absolute;
    bottom: 1em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}


#yith-wcwl-form form#yith-wcwl-form {
    height: 100%;
}

#yith-wcwl-form .yith_wcwl_wishlist_footer .yith-wcwl-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

#yith-wcwl-form .yith-wcwl-share ul {
    margin: 0;
    gap: 0;
    -webkit-column-gap: 0.5em;
    -moz-column-gap: 0.5em;
    column-gap: 0.5em;
}

#yith-wcwl-form .yith-wcwl-share li a {
    width: 1em;
    height: 1em;
    opacity: .4;
}

#yith-wcwl-form .yith-wcwl-share li a:hover {
    opacity: 1;
}

#yith-wcwl-form tr td.product-thumbnail a img {
    border-radius: 5px;
}

#yith-wcwl-form table.shop_table.wishlist_table tr td.product-thumbnail {
    min-width: 150px;
}

#yith-wcwl-form table.shop_table.wishlist_table tr td.product-thumbnail a {
    width: 100%;
    height: 100%;
    display: block;
    max-width: unset;
}

#yith-wcwl-form table.shop_table.wishlist_table tr td.product-thumbnail a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

#yith-wcwl-form table.shop_table.wishlist_table tr td.product-add-to-cart a {
    background: var(--mainColor);
    color: var(--mainBackground);
    padding: 0.5em 1.5em;
    display: inline-block !important;
    border-radius: 10px;
    font-size: 12px;
    text-transform: uppercase;
}

.saren--compare--table {
    width: 100%;
    height: 100%;
    overflow: auto;
    min-height: 30vh;
}

.saren--compare--table>h1 {
    position: absolute;
    top: 30px;
    left: 30px;
    font-size: 1.2rem;
    letter-spacing: normal;
}

.saren--compare--table p {
    font-size: 14px;
    line-height: 1.4;
}


table.compare-list {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-spacing: 10px 0px;
    border-collapse: separate;
    margin: 0;
    -webkit-transform: translateY(-28px);
    -ms-transform: translateY(-28px);
    transform: translateY(-28px);
}

.compare-list tr {
    border: none;
    font-size: 14px;
    line-height: 2;
}

table.compare-list>thead {
    display: none;
}

.compare-list tr th,
.compare-list tr td {
    border-top: 1px solid var(--linesColor);
}

.compare-list tr th {
    color: var(--secondaryColor);
    text-transform: uppercase;
    font-size: 12px;
    min-width: 240px;
}

.compare-list tr.image th,
.compare-list tr.remove th {
    border-right: none;
}


.compare-list tr.description p {
    max-width: 250px;
    padding-right: 2em;
}

table.compare-list td,
table.compare-list th {
    text-align: left;
}

table.compare-list td {
    min-width: 20vw;
}

table.compare-list td:last-child,
table.compare-list th:last-child {
    text-align: left;
}

.compare-list .image-wrap {
    display: inline-block;
    background-color: var(--mainBackground);
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 2em;
}

.compare-list .image-wrap img {
    display: block;
    width: 350px;
}

.compare-list tr.remove th,
.compare-list tr.remove td,
.compare-list tr.image th,
.compare-list tr.image td {
    border: none;
}

.compare-list:has(.no-products) th {
    border: none !important;
}

.compare-list tr.no-products td,
.compare-list tr.no-products,
.compare-list tr.no-products th {
    border: none !important;
    font-size: 1rem;
    text-align: center;
    line-height: 1;
}

.compare-list:has(.no-products) {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
}

.compare-list:has(.no-products) tr {
    font-size: 20px;
}

.saren--compare--table:has(tr.no-products) h1 {
    display: none;
}

.compare-list tr.remove td {
    -webkit-transform: translateY(140%) translateX(1em);
    -ms-transform: translateY(140%) translateX(1em);
    transform: translateY(140%) translateX(1em);
}

.compare-list tr.remove td a {
    background: var(--secondaryBackground);
    padding: 0.5em 1em;
    border-radius: 5px;
    font-size: 12px;
}


/* WooCommerce Widgets  */
/* Account/Login  */
.pe--account svg {
    fill: var(--mainColor);
    width: var(--iconSize);
    height: var(--iconsize);
}

.pe--account .col2-set .col-1 {
    width: 100%;
}

.button--style--icon_text .pe--account--pop--button.pe--styled--object {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5em;
}

.woocommerce form.login,
.woocommerce form.register {
    border: none !important;
    padding: 0 !important;
}

.pe--account--login--popup .saren--login-sec {
    min-height: auto;
}

.pe--account--login--popup .saren--login-sec .login--col,
.pe--account--login--popup .saren--login-sec .lost--password--col,
.pe--account--login--popup .saren--login-sec .register--col {
    height: auto;
    min-height: auto;
    width: 100%;
}

.u-column1.col-1 {
    width: 100%;
}

.pe--account--login--popup .saren--login-sec .register--col {
    top: 5%;
}

.pe--account--login--popup .saren--login-sec form input[type="email"],
.pe--account--login--popup .saren--login-sec form input[type=password],
.pe--account--login--popup .saren--login-sec form input[type=text] {
    background: var(--mainBackground);
    border-radius: var(--radius);
    color: var(--mainColor);
}

.pe--account--login--popup input:-webkit-autofill,
.pe--account--login--popup input:-webkit-autofill:hover,
.pe--account--login--popup input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px var(--mainBackground) inset !important;
}

.pe--account--pop--button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-size: 1em;
    line-height: 1;
    padding: 0.25em;
    border-radius: 5px;
    --iconSize: 1rem;
}

.pe--account--pop--button svg {
    width: var(--iconSize);
    height: var(--iconSize);
    fill: var(--mainColor)
}

.pe--account--pop--button i {
    font-size: var(--iconSize);
    line-height: 1;
}

.pe--account--login--popup .saren--login-sec .login--form--heading {
    background: var(--mainBackground);
    width: 100%;
}

.pe--account--wrap>a {
    font-size: var(--iconSize);
    --iconSize: 25px;
    line-height: 1;
    display: block
}


span.pop--overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #000;
    opacity: 0;
    z-index: 999999;
    visibility: hidden;
    -webkit-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.pop-overlay-backdrop-true span.pop--overlay {
    --backdropBlur: 30px;
    backdrop-filter: blur(var(--backdropBlur));
}

.pop-overlay-true span.pop--overlay {
    display: block;
}

.pop--active span.pop--overlay {
    opacity: .6;
    visibility: visible;
    pointer-events: all;
    display: block;
}

.pop-overlay-backdrop-true .pop--active span.pop--overlay,
.pop-overlay-backdrop-true.pop--active span.pop--overlay {
    opacity: 1;
}

span.pop--close {
    position: absolute;
    top: 1em;
    right: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    z-index: 99999;
    display: none;
    line-height: 0;
    --transformX: 0;
    --transformY: 0;
    -webkit-transform: translateX(var(--transformX)) translateY(var(--transformY));
    -ms-transform: translateX(var(--transformX)) translateY(var(--transformY));
    transform: translateX(var(--transformX)) translateY(var(--transformY));
    --radius: 50%;
    --backdropBlur: 10px;
    border-width: 1px;
    border-color: var(--linesColor);
    border-radius: var(--radius) !important;
}

.pop--close---show span.pop--close {
    display: block;
}

.close--button--has--backdrop span.pop--close {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: #060606
}


.close--button--has--hover.close--button--has--bg span.pop--close {
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}

.close--button--has--hover.close--button--has--bg span.pop--close svg {
    -webkit-transition: fill .3s ease;
    -o-transition: fill .3s ease;
    transition: fill .3s ease;
}

.close--button--has--hover.close--button--has--bg span.pop--close::before,
.close--button--has--bg span.pop--close::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: var(--secondaryBackground);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -2;
    border-radius: var(--radius);
}

.close--button--has--hover.close--button--has--bg span.pop--close::before {
    width: 0%;
    height: 0%;
    background: var(--mainColor);
    z-index: -1;
    border-radius: var(--radius);
    -webkit-transition: all .4s cubic-bezier(0.86, 0, 0.1, 1);
    -o-transition: all .4s cubic-bezier(0.86, 0, 0.1, 1);
    transition: all .4s cubic-bezier(0.86, 0, 0.1, 1);
}

.close--button--has--hover.close--button--has--bg span.pop--close:hover::before {
    width: 100%;
    height: 100%;
}

.close--button--has--hover.close--button--has--bg span.pop--close:hover {
    color: var(--mainBackground)
}

.close--button--has--hover.close--button--has--bg span.pop--close:hover svg {
    fill: var(--mainBackground)
}

.close--button--has--backdrop span.pop--close::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -2;
    border-radius: var(--radius);
    -webkit-backdrop-filter: blur(var(--backdropBlur));
    backdrop-filter: blur(var(--backdropBlur))
}


.close--button--outside span.pop--close {
    top: 0;
    right: 0;
    --transformX: 50%;
    --transformY: -50%;
    padding: 5px;
}

.pop--close--show span.pop--close {
    display: block;
}

span.pop--close svg {
    fill: var(--secondaryColor);
}

.pe--account--dropdown ul {
    list-style: none;
    width: 100% !important;
}

.pe--account--dropdown {
    background: var(--secondaryBackground);
    padding: 0.5em 0.5em 0.5em 0.5em;
    border-radius: 7.5px;
    position: absolute;
    top: 3em;
    left: 50%;
    -webkit-transform: translateY(var(--transformY)) translateX(var(--transformX));
    -ms-transform: translateY(var(--transformY)) translateX(var(--transformX));
    transform: translateY(var(--transformY)) translateX(var(--transformX));
    opacity: 0;
    pointer-events: none;
    min-width: 200px;
    --transformX: -50%;
    --transformY: 0px;
}

.dropdown--has--backdrop .pe--account--dropdown {
    -webkit-backdrop-filter: blur(var(--backdropBlur));
    backdrop-filter: blur(var(--backdropBlur));
    --backdropBlur: 10px;
}


.pe--account--wrap:hover .pe--account--dropdown::before {
    content: "";
    display: block;
    width: 100%;
    height: 5em;
    position: absolute;
    top: 0;
    background: transparent;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    pointer-events: all;
}

.acc--dropdown--right .pe--account--dropdown {
    top: -10px;
    left: 100%;
    -webkit-transform: translateX(2em);
    -ms-transform: translateX(2em);
    transform: translateX(2em);
    border: 1px solid var(--linescolor);
}

.acc--dropdown--right .pe--account--wrap:hover .pe--account--dropdown::before {
    left: 0;
    -webkit-transform: translateX(-3em);
    -ms-transform: translateX(-3em);
    transform: translateX(-3em);
    height: 100%;
    width: 3em;
}


.pe--account--dropdown ul li {
    font-size: 14px;
    padding-right: 3em;
    white-space: nowrap;
    border-radius: 10px;
}

.pe--account--dropdown ul li.is-active {
    background: transparent
}

.pe--account--wrap:hover .pe--account--dropdown,
.elementor-editor-active .dropdown--editor .pe--account--wrap .pe--account--dropdown {
    opacity: 1;
    pointer-events: all;
}

.pe--account--dropdown ul li:hover {
    background: var(--mainColor) !important;

}

.pe--account--dropdown ul li:hover a {
    color: var(--secondaryBackground);
}

.pe--account--dropdown ul li:hover svg {
    fill: var(--secondaryBackground) !important;
}

.pe--account--dropdown ul li {
    -webkit-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out
}

.pe--account--dropdown ul li a {
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.pe--account--dropdown ul li svg {
    -webkit-transition: fill .3s ease-in-out;
    -o-transition: fill .3s ease-in-out;
    transition: fill .3s ease-in-out
}

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

    .pop--close---mobile-show span.pop--close {
        display: block;
    }

    .pe--account--login--popup {
        height: 100svh;
        width: 100vw;
        top: unset;
        left: 0;
        bottom: 0;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        visibility: hidden;
        pointer-events: none;
    }


}

/* AJAX Search  */


form#saren-woo-ajax-search-form {
    --fontSize: 1rem;
}

input#saren-woo-search-input {
    border: none;
    border-radius: var(--radius);
    padding: 0.25em 1.5em 0.25em 0em;
    font-size: var(--fontSize);
    letter-spacing: 0;
    font-weight: normal;
    line-height: 1;
    min-width: 40vw;
    color: var(--mainColor);
    --radius: 10px;
    background: var(--mainBackground);
    padding: 1em;
    border-color: var(--linesColor);
    border-width: 1px;
    background: var(--secondaryBackground);
    border-style: solid;
}

input#saren-woo-search-input::-webkit-input-placeholder {
    color: var(--secondaryColor);
}

input#saren-woo-search-input::-moz-placeholder {
    color: var(--secondaryColor);
}

input#saren-woo-search-input:-ms-input-placeholder {
    color: var(--secondaryColor);
}

input#saren-woo-search-input::-ms-input-placeholder {
    color: var(--secondaryColor);
}

input#saren-woo-search-input::placeholder {
    color: var(--secondaryColor);
}

form#saren-woo-ajax-search-form .saren-woo-ajax-search-input {
    position: relative;
}

.saren--woo--search--icon {
    position: absolute;
    top: 50%;
    right: 0;
    --transformX: 0;
    --transformY: -50%;
    transform: translateX(var(--transformX)) translateY(var(--transformY));
}

@-webkit-keyframes cartLoading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes cartLoading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.saren--woo--search--icon.s--wait svg {
    -webkit-animation-name: cartLoading;
    animation-name: cartLoading;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}

.saren--woo--search--icon.s--wait {
    opacity: 0
}

.searching .saren--woo--search--icon.s--wait {
    opacity: 1
}

.searching .saren--woo--search--icon.s--search {
    opacity: 0
}

form#saren-woo-ajax-search-form .saren-woo-ajax-search-input svg {
    fill: #fff;
    width: calc(var(--fontSize) / 1.25);
    height: calc(var(--fontSize) / 1.25);
}

.saren--woo--ajax--search.search--overlay form#saren-woo-ajax-search-form .saren-woo-ajax-search-input svg {
    fill: var(--secondaryColor)
}

.saren--woo--ajax--search--button {
    font-size: 1em;
    line-height: 1;
    padding: 0.25em;
    border-radius: 5px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    --iconSize: 2rem;
}

.saren--woo--ajax--search--button i {
    font-size: var(--iconSize);
}

.saren--woo--ajax--search--button svg {
    width: var(--iconSize);
    height: var(--iconSize);
    fill: var(--mainColor);
}

.saren--woo--ajax--search.search--fullscreen form#saren-woo-ajax-search-form {
    position: fixed;
    top: 20%;
    left: 50%;
    z-index: 99999999;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
    --fontSize: 2rem;
    color: #fff;
    visibility: hidden;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    width: 60vw;
}

span.ajax--search--overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--mainColor);
    opacity: 0;
    z-index: 999999;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.saren--woo--ajax--search.active form#saren-woo-ajax-search-form,
.saren--woo--ajax--search.active span.ajax--search--overlay {
    opacity: .75;
    visibility: visible;
    pointer-events: all;
}

.saren--woo--ajax--search.search--fullscreen form#saren-woo-ajax-search-form input#saren-woo-search-input::-webkit-input-placeholder {
    color: #fff;
}

.saren--woo--ajax--search.search--fullscreen form#saren-woo-ajax-search-form input#saren-woo-search-input::-moz-placeholder {
    color: #fff;
}

.saren--woo--ajax--search.search--fullscreen form#saren-woo-ajax-search-form input#saren-woo-search-input:-ms-input-placeholder {
    color: #fff;
}

.saren--woo--ajax--search.search--fullscreen form#saren-woo-ajax-search-form input#saren-woo-search-input::-ms-input-placeholder {
    color: #fff;
}

.saren--woo--ajax--search.search--fullscreen form#saren-woo-ajax-search-form input#saren-woo-search-input::placeholder {
    color: #fff;
}

.saren--woo--ajax--search.search--fullscreen form#saren-woo-ajax-search-form input#saren-woo-search-input {
    border-bottom: 1px solid var(--linesColor);
    color: var(--mainBackground);
}

.saren--ajax--search--result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 15px;
    padding: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;
    grid-template-columns: repeat(4, 1fr);
}

.saren--ajax--search--result:has(*) {
    margin-top: 1em;
}

form#saren-woo-ajax-search-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.saren--search--product {
    display: block;
    width: 31%;
    border-color: var(--linesColor);
    border-width: 1px;
    border-radius: var(--radius);
}

.results__orientation-grid .saren--search--product {
    width: 100%;
}

.search--products--has--bg .saren--search--product {
    background: var(--secondaryBackground)
}

.saren--search--product a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--mainColor);
    overflow: hidden;
    height: 100%;
}

.saren--search--product--image {
    width: 100%;
    height: 100%;
    border-radius: var(--radius);
    overflow: hidden;
}

.saren--search--product--image img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

div#saren-woo-search-results:has(*) {
    margin-top: 30px;
}

div#saren-woo-search-results ul {
    list-style: none;
}

.saren--search--product p {
    margin: 0
}

.saren--search--product--meta {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0 0.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.saren--woo--ajax--search.search--overlay span.ajax--search--overlay {
    height: 0vh;
    opacity: 1;
    visibility: visible;
    background: var(--secondaryBackground);
    z-index: -2;
    -webkit-transition: all .75s cubic-bezier(0.9, 0, 0.25, 1);
    -o-transition: all .75s cubic-bezier(0.9, 0, 0.25, 1);
    transition: all .75s cubic-bezier(0.9, 0, 0.25, 1);
}

.saren--woo--ajax--search.search--overlay.active span.ajax--search--overlay {
    height: 50vh;
}

.saren--woo--ajax--search.search--overlay form#saren-woo-ajax-search-form {
    position: fixed;
    top: 0%;
    z-index: 0;
    left: 30px;
    color: var(--mainColor);
    --fontSize: 30px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .75s cubic-bezier(0.9, 0, 0.25, 1);
    -o-transition: all .75s cubic-bezier(0.9, 0, 0.25, 1);
    transition: all .75s cubic-bezier(0.9, 0, 0.25, 1);
    width: 50vw;
}

form#saren-woo-ajax-search-form input#saren-woo-search-input::-webkit-input-placeholder {
    color: var(--secondaryColor);
}

form#saren-woo-ajax-search-form input#saren-woo-search-input::-moz-placeholder {
    color: var(--secondaryColor);
}

form#saren-woo-ajax-search-form input#saren-woo-search-input:-ms-input-placeholder {
    color: var(--secondaryColor);
}

form#saren-woo-ajax-search-form input#saren-woo-search-input::-ms-input-placeholder {
    color: var(--secondaryColor);
}

form#saren-woo-ajax-search-form input#saren-woo-search-input::placeholder {
    color: var(--secondaryColor);
}


.saren--woo--ajax--search.search--overlay.active form#saren-woo-ajax-search-form {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    top: 10%
}

form#saren-woo-ajax-search-form input#saren-woo-search-input {
    min-width: auto;
}

.pop--behavior--left .s--woo--search--results .saren--search--product--image,
.pop--behavior--right .s--woo--search--results .saren--search--product--image {
    width: 30%;
}

.search--default form#saren-woo-ajax-search-form .saren-woo-ajax-search-input svg {
    width: calc(var(--fontSize) * 1.7);
    height: calc(var(--fontSize) * 1.7);
    fill: var(--mainColor);
    line-height: 0;
}

.search--default .saren--woo--search--icon {
    line-height: 0;
    right: 15px;
}

.saren--woo--ajax--search div#saren-woo-search-results {
    position: relative;
    overflow: auto;
    scroll-behavior: smooth;
}

.saren--woo--ajax--search.search--default div#saren-woo-search-results {
    position: absolute;
    top: 100%;
    z-index: 33;
    background: var(--secondaryBackground);
    border: 1px solid var(--linesColor);
    border-radius: var(--radius);
    --radius: 10px;
    margin-top: 10px;
    min-width: 100%;
    overflow: auto;
    scroll-behavior: smooth;
    padding: 15px;
}


.saren--woo--ajax--search.search--default div#saren-woo-search-results:not(:has(.saren--search--product)) {
    border: none;
    margin: 0;
}

.search--products--load--more.saren--search--pagination {
    display: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 1em auto;
}

.has--pagination .search--products--load--more.saren--search--pagination {
    display: block;
}

.saren--woo--ajax--search.search--default .saren--ajax--search--result {
    margin-top: 0;
}

.items__orientation-row .saren--search--product a {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
}

.items__orientation-row .saren--search--product {
    width: 100%;
}

.items__orientation-row .saren--search--product .saren--search--product--image {
    width: 15%;
}

.items__orientation-row .saren--search--product .saren--search--product--meta {
    width: 80%;
}

.saren--woo--ajax--search.search--default div#saren-woo-search-results:has(.no--results--found) {
    padding: 2em;
    text-align: center;
}

.saren--woo--ajax--search.search--default div#saren-woo-search-results:has(.no--results--found) ul {
    display: inline-block;
}

.saren--woo--ajax--search.search--default div#saren-woo-search-results:has(.no--results--found) ul,
.saren--woo--ajax--search.search--default div#saren-woo-search-results:has(.no--results--found) li {
    margin: 0;
}

.woo--ajax--search--tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-top: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

span.search-tag.pe--styled--object {
    border-style: dashed;
    padding: 0.5em 1em;
    --radius: 10px;
    font-size: 0.8rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.saren--woo--ajax--search.search--default div#saren-woo-search-results:not(:has(.saren--search--product)) {
    display: none;
}

/* Popup Behaviors  */
.saren--popup--template {
    max-height: var(--contMaxHeight);
    overflow: auto;
    scroll-behavior: smooth;
}

.pe--styled--popup {
    --leftSpacing: 20px;
    --topSpacing: 20px;
    --bottomSpacing: 40px;
    --rightSpacing: 20px;
    --backdropBlur: 10px;
    border-color: var(--linesColor);
    border-width: 1px;
    position: fixed;
    left: var(--leftSpacing);
    top: var(--topSpacing);
    right: var(--rightSpacing);
    bottom: var(--bottomSpacing);
    background: var(--secondaryBackground);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-width: 50vw;
    border-radius: 15px;
    z-index: 999999999;
    padding: var(--popPadding);
    pointer-events: none;
    visibility: hidden;
    color: var(--mainColor);
    --popPadding: 1em;
    opacity: 0;
    min-height: fit-content;
}

.pop--active .pe--styled--popup {
    pointer-events: all;
}

.pop--has--backdrop .pe--styled--popup {
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(var(--backdropBlur));
    backdrop-filter: blur(var(--backdropBlur));
}

.pop--behavior--center .pe--styled--popup {
    left: 50%;
    top: var(--topSpacing);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    --topSpacing: 50vh
}

.pop--behavior--left .pe--styled--popup {
    --bottomSpacing: unset;
    --rightSpacing: unset;
    height: auto;
}

.pop--behavior--right .pe--styled--popup {
    --bottomSpacing: unset;
    --leftSpacing: unset;
    height: auto;
}

.pop--behavior--top .pe--styled--popup {
    --bottomSpacing: unset;
    --rightSpacing: unset;
    --leftSpacing: 50%
}


.pop--behavior--bottom .pe--styled--popup {
    --topSpacing: unset;
    --rightSpacing: unset;
    --leftSpacing: 50%
}

.pop--behavior--top .pe--styled--popup {}

/* Popup Behaviors  */

.pop--behavior--right .saren--search--product,
.pop--behavior--left .saren--search--product {
    width: 100%;
}

.pop--behavior--right .saren--search--product a,
.pop--behavior--left .saren--search--product a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.pop--behavior--right .saren--search--product--imag,
.pop--behavior--left .saren--search--product--image {
    width: 40%;
}

.pop--behavior--right div#saren-woo-search-results:has(*),
.pop--behavior--left div#saren-woo-search-results:has(*) {
    margin-top: 0;
}

.pop--behavior--right div#saren-woo-search-results,
.pop--behavior--left div#saren-woo-search-results {
    max-height: calc(85vh - 100px);
    overflow: auto;
}

.pe--search--pop--button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-size: 1em;
    line-height: 1;
    padding: 0.25em;
    border-radius: 5px;
    --iconSize: 1rem;
}

.pe--search--pop--button svg {
    width: var(--iconSize);
    height: var(--iconSize);
    fill: var(--mainColor)
}

.pe--search--pop--button i {
    font-size: var(--iconSize);
    line-height: 1;
}


.button--style--icon_text .pe--search--pop--button.pe--pop--button.pe--styled--object {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5em;
}

.saren--woo--ajax--search.active span.pop--overlay {
    opacity: .75;
    visibility: visible;
}

.pe--search--popup form#saren-woo-ajax-search-form {
    --fontSize: 20px;
}

.pe--search--popup form#saren-woo-ajax-search-form .saren-woo-ajax-search-input svg {
    fill: var(--secondaryColor);
    width: calc(var(--fontSize)* 1.5);
    height: calc(var(--fontSize)* 1.5);
}

.pe--search--popup .saren--woo--search--icon {
    right: 1em;
}

.pe--search--popup form#saren-woo-ajax-search-form input#saren-woo-search-input {
    border: none;
}

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

    .pe--search--popup {
        width: 90vw;
        padding: 0.5em;
    }

    .pe--search--popup form#saren-woo-ajax-search-form {
        font-size: 1rem;
    }

    .saren--search--product {
        width: 100%;
    }

    .saren--search--product a {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

    .saren--search--product--image {
        width: 40%;
    }

    div#saren-woo-search-results:has(*) {
        margin-top: 0;
    }

    div#saren-woo-search-results {
        max-height: calc(85vh - 100px);
        overflow: auto;
    }

}

/* Shopping Cart  */

.saren--cart--button {
    display: block;
    font-size: 1em;
    padding: 0.25em;
    border-radius: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    --iconSize: 1rem;
}


.saren--cart--button i {
    font-size: var(--iconSize);
}

.saren--cart--button svg {
    width: var(--iconSize);
    height: var(--iconSize);
    fill: var(--mainColor);
}

.cart--button--inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    line-height: 1;
}

.saren--cart--button .cart--count {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    z-index: 1;
    font-size: 1em;
    line-height: 1
}

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

    .hide--cart--text--mobile .cart--button--text {
        display: none;
    }
}

.count--style--simple .saren--cart--button .cart--count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0.15em;
    margin-top: -0.1em;
}

.count--style--simple .saren--cart--button .cart--count::after {
    content: ')'
}

.count--style--simple .saren--cart--button .cart--count::before {
    content: '('
}

.count--style--simple .saren--cart--button .cart--count::after,
.count--style--simple .saren--cart--button .cart--count::before {
    font-size: 1em;
    line-height: 1
}

.count--style--square .saren--cart--button .cart--count,
.count--style--round .saren--cart--button .cart--count {
    color: var(--mainBackground);
    font-size: 0.8rem;
    margin-left: 0.5rem;
}

.cart--style--count_only .cart--count {
    margin-left: 0 !important;
}

.count--style--square .saren--cart--button .cart--count::after,
.count--style--round .saren--cart--button .cart--count::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1.3rem;
    height: 1.3rem;
    background: var(--mainColor);
    z-index: -1;
    border-radius: 50%;
}

.count--style--square .saren--cart--button .cart--count::after {
    border-radius: 5px;
}


.widget_shopping_cart_content {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.saren--mini--cart.pe--styled--popup {
    min-width: 40vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: auto;
}

.cart--button--hide a.button.saren--woo--button.saren-view-cart {
    display: none;
}

.saren--mini--cart .widget_shopping_cart_content {
    height: auto;
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.saren--mini--cart .widget_shopping_cart_content:has(.saren--emtpy--cart--not) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.saren--mini--cart ul.cart_list,
.woocommerce ul.product_list_widget {
    list-style: none outside;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

}

.cart__orientation-grid ul.product_list_widget {
    --columns: 2;
    -ms-grid-columns: repeat(var(--columns), 1fr);
    grid-template-columns: repeat(var(--columns), 1fr);
    gap: 30px
}


.pop--behavior--right .saren--mini--cart span.pop--close {
    right: unset;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.pop--behavior--left .saren--mini--cart .widget_shopping_cart_content,
.pop--behavior--right .saren--mini--cart .widget_shopping_cart_content {
    min-height: calc(100vh - (var(--topSpacing) + var(--bottomSpacing) + calc(var(--popPadding) * 2)));
}

.saren--mini--cart--head {
    width: 100%;
    max-height: 80vh;
    overflow: hidden;
}

.saren--mini--cart--foot {
    width: 100%;
    height: auto;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.saren--mini--cart p.woocommerce-mini-cart__total.total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-transform: uppercase;
    margin-bottom: 0;
}

.saren--mini--cart p.woocommerce-mini-cart__total.total strong {
    font-weight: normal;
}

.saren--mini--cart p.woocommerce-mini-cart__buttons.buttons {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.5em;
}

.saren--mini--cart span.quantity {
    position: relative;
    margin-top: 0;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
    font-size: 14px;
    color: var(--secondaryColor);
}

.woocommerce-mini-cart-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1em;
}

.woocommerce-mini-cart-heading .cart--count {
    display: none;
}

.cart--count--yes .woocommerce-mini-cart-heading .cart--count {
    display: block;
}


.cart--count--sup .woocommerce-mini-cart-heading,
.cart--count--simple-start .woocommerce-mini-cart-heading {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 1em;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.cart--count--simple-start .woocommerce-mini-cart-heading .cart--count {
    font-size: 2em
}

.cart--count--sup .woocommerce-mini-cart-heading .cart--count::before,
.cart--count--simple-start .woocommerce-mini-cart-heading .cart--count::before {
    content: "(";
    margin-right: 0.1em
}

.cart--count--sup .woocommerce-mini-cart-heading .cart--count::after,
.cart--count--simple-start .woocommerce-mini-cart-heading .cart--count::after {
    content: ")";
    margin-left: 0.1em
}

.cart--count--sup .woocommerce-mini-cart-heading .cart--count {
    font-size: 1.1rem
}

.saren--mini--cart ul.cart_list li,
ul.product_list_widget li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.saren--mini--cart ul.cart_list {
    --padding: 1em;
    overflow: auto;
    scroll-behavior: smooth;
}

.items--bg--yes .saren--mini--cart ul.cart_list li.woocommerce-mini-cart-item {
    background: var(--mainBackground);
    border-radius: 15px;
    padding: var(--padding)
}

.items--bg--yes .saren--mini--cart ul.product_list_widget li a.remove.remove_from_cart_button {
    top: calc(var(--padding) / 2);
    right: calc(var(--padding) / 2);
}

.underline--items--yes ul.product_list_widget li {
    border-bottom: 1px solid var(--linesColor);
}

.saren--mini--cart .mini-cart-item-image {
    width: 200px;
    height: auto;
    overflow: hidden;
    margin-right: 1em;
    border-radius: var(--radius);
    --radius: 5px;
    border-width: 1px;
    border-color: var(--linesColor);
}

.saren--mini--cart .mini-cart-item-image>* {
    width: 100%;
    height: 100%;
}

.saren--mini--cart ul.cart_list li img,
.saren--mini--cart ul.product_list_widget li img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    float: unset;
    margin: 0;
}


.saren--mini--cart ul.product_list_widget li a.remove.remove_from_cart_button {
    position: absolute;
    right: 0;
    top: 0
}

.saren--mini--cart ul.product_list_widget li a.remove.remove_from_cart_button svg {
    fill: var(--secondaryColor);
}

a.remove:hover {
    background: none;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

a.remove {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.saren--mini--cart ul.cart_list li a,
.saren--mini--cart ul.product_list_widget li a {
    font-weight: normal;
}

.saren--mini--cart .mini-cart-item-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.mini-cart-item-det-top,
.mini-cart-item-det-bott {
    width: 100%;
    display: block;
}

.mini-cart-item-det-bott {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.saren--mini--cart ul.cart_list li dl,
.saren--mini--cart ul.product_list_widget li dl {
    padding: 0;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0;
}

.saren--mini--cart ul.cart_list li dl,
.saren--mini--cart ul.product_list_widget li dl,
.saren--mini--cart ul.product_list_widget li a.mini--cart--item--title {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.saren--mini--cart ul.cart_list li dl::before,
.saren--mini--cart ul.product_list_widget li dl::before {
    display: none;
}

.saren--mini--cart ul.cart_list li dl dd,
.saren--mini--cart ul.product_list_widget li dl dd,
.saren--mini--cart ul.cart_list li dl dd p,
.saren--mini--cart ul.product_list_widget li dl dd p {
    padding: 0;
    margin: 0;
    color: var(--secondaryColor);
    font-size: 14px;
}

.saren--mini--cart ul.cart_list li dl p dd::after,
.saren--mini--cart ul.product_list_widget li dl dd p::after {
    content: "/";
    display: inline-block;
    margin: 0 0.25em;
}

.saren--mini--cart ul.cart_list li dl:last-child p dd::after,
.saren--mini--cart ul.product_list_widget li dl dd:last-child p::after {
    display: none;
}

.items__style-column .saren--mini--cart .mini-cart-item-image {
    margin-right: 0 !important;
    width: 100%;
}

.items__style-column .saren--mini--cart ul.cart_list li,
ul.product_list_widget li {
    gap: 0;
}

.items__style-column .saren--mini--cart .mini-cart-item-detail {
    gap: 20px;
    padding: 10px;
}

.items__style-column .saren--mini--cart ul.product_list_widget li a.remove.remove_from_cart_button {
    top: 10px;
    right: 10px;
}

.items__style-column .mini-cart-item-det-bott {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 20px;
}

.saren--emtpy--cart--not {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0;
    padding: 50px 0;
}

body.woocommerce-cart .saren--emtpy--cart--not {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.saren--emtpy--cart--not>svg {
    width: 100px;
    fill: var(--secondaryColor);
}

.saren--emtpy--cart--not>svg polygon {
    stroke: var(--secondaryColor);
}

p.woocommerce-mini-cart__buttons.buttons a {
    width: 100%;
    background: none;
    color: var(--mainBackground);
    font-weight: normal;
    font-size: 14px;
    line-height: 1;
    padding: 1em;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    cursor: pointer;
    display: block;
    position: relative;
}

p.woocommerce-mini-cart__buttons.buttons a::after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    background: var(--mainColor);
    top: 0;
    z-index: -2;
}

p.woocommerce-mini-cart__buttons.buttons a::before {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    background: var(--mainBackground);
    top: 0;
    z-index: -1;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}


p.woocommerce-mini-cart__buttons.buttons a svg {
    position: absolute;
    top: 0.2em;
    right: 0.2em;
    fill: var(--mainBackground);
    -webkit-transition: all .2s ease .2s;
    -o-transition: all .2s ease .2s;
    transition: all .2s ease .2s;
    -webkit-transform: translateX(var(--transformX)) translateY(var(--transformY));
    -ms-transform: translateX(var(--transformX)) translateY(var(--transformY));
    transform: translateX(var(--transformX)) translateY(var(--transformY));
}

p.woocommerce-mini-cart__buttons.buttons a:hover svg {
    fill: var(--mainColor);
}

p.woocommerce-mini-cart__buttons.buttons a:hover {
    background: none;
    color: var(--mainColor);
}

p.woocommerce-mini-cart__buttons.buttons a:hover::before {
    width: 100%;
}

@media only screen and (max-width: 576px) {
    .mini-cart-item-det-bott {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        text-align: left;
    }

    .saren--mini--cart span.quantity {
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
    }

    li.woocommerce-mini-cart-item.mini_cart_item .saren--quantity--control {
        -ms-flex-item-align: start !important;
        -ms-grid-row-align: start !important;
        align-self: start !important;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .saren--mini--cart ul.cart_list li dl,
    .saren--mini--cart ul.product_list_widget li dl,
    .saren--mini--cart ul.product_list_widget li a.mini--cart--item--title {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

}

/* Product Media  */
.pe--product-image {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.pe--product-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

li.woocommerce-mini-cart-item.mini_cart_item .quantity-wrapper {
    display: none;
}

li.woocommerce-mini-cart-item.mini_cart_item .saren--quantity--control>span {
    width: 2em;
    padding: 0.1em;
    font-size: 14px;
    border: 1px solid var(--linesColor);
    border-radius: 5px;
}

li.woocommerce-mini-cart-item.mini_cart_item .saren--quantity--control>span>svg {
    fill: var(--mainColor);
}

li.woocommerce-mini-cart-item.mini_cart_item .saren--quantity--control>span {
    background: transparent;
}

li.woocommerce-mini-cart-item.mini_cart_item .saren--quantity--control {
    background: none;
    gap: 5px;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
}

li.woocommerce-mini-cart-item.mini_cart_item .saren--quantity--control>span.current--quantity {
    color: var(--mainColor);
    border: none;
}


/* Gallery  */
.product--gallery {
    display: block;
    width: 100%;
    height: auto;
}

/* Gallery Carousel  */
.product--gallery.gallery--carousel .product--gallery--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    white-space: nowrap;
    gap: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.product--gallery.gallery--carousel .product--gallery--wrapper .product--gallery--image {
    width: auto;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-color: var(--linesColor);
    border-width: 1px;
}

.product--gallery.gallery--carousel .product--gallery--wrapper .product--gallery--image img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.product--image--zoom--wrap img.img--zoom,
.product--gallery .product--gallery--wrapper .product--gallery--image img.img--zoom {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: auto !important;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    opacity: 0;
    pointer-events: none;
}

.product--image--zoom--wrap {
    position: fixed;
    top: 0;
    right: 0;
    width: 30vw;
    height: 30vw;
    z-index: 2;
    pointer-events: none;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    border: 1px solid var(--linesColor);
    -webkit-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}


.product--image--zoom--wrap.active {
    opacity: 1;
}

.saren--product--image--wrap:has(.swiper-container) .saren--product--image {
    position: absolute;
    z-index: 3;
    opacity: 0;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.product--archive--gallery.swiper-container {
    width: 100%;
    height: 100%;
}

.product--archvive--gallery--image.swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    user-select: none;
}

.product--archive--gallery--nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 0.5em;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
    opacity: 0;
    pointer-events: none;
}

.saren--product--image--wrap:hover .product--archive--gallery--nav {
    opacity: 1;
}

.product--archive--gallery--nav>div {
    font-size: 40px;
    line-height: 1;
    display: block;
    cursor: pointer;
    pointer-events: all;
}

.product--archive--gallery--nav>div svg {
    fill: var(--mainColor);
    width: 1em;
    height: 1em;
}

.product--archive--gallery--nav>div.pag--prev svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.product--archive--gallery--nav>div.pag--next svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.product--archvive--gallery--image a {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 2;
}


@media only screen and (max-width: 576px) {
    .product--archive--gallery--nav {
        opacity: 1
    }

}

span.outer--zoom--follower {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100px;
    height: 100px;
    display: block;
    background: #ffffff4a;
    border: 1px solid var(--linesColor);
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.zoom--active span.outer--zoom--follower {
    opacity: 1;
}

.carousel--vertical .product--gallery.gallery--carousel .product--gallery--wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}


.carousel--vertical .product--gallery.gallery--carousel {
    max-height: 100vh;
    overflow: hidden;
}

.carousel--vertical .product--gallery.gallery--carousel .product--gallery--wrapper .product--gallery--image {
    width: 100%
}

.carousel--grid .product--gallery.gallery--carousel .product--gallery--wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: repeat(var(--cols), 1fr);
    grid-template-columns: repeat(var(--cols), 1fr);
    --cols: 2;
    gap: 0;
}

.carousel--grid .product--gallery.gallery--carousel .product--gallery--wrapper .product--gallery--image div {
    height: 100%
}

.carousel--grid .product--gallery.gallery--carousel .product--gallery--wrapper .product--gallery--image {
    height: 80vh
}

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

    .carousel--grid .product--gallery.gallery--carousel .product--gallery--wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    .carousel--vertical .product--gallery.gallery--carousel .product--gallery--wrapper .product--gallery--image {
        width: 90vw;
    }

    .product--gallery.gallery--carousel {
        overflow: visible;
    }

    .carousel--vertical .product--gallery.gallery--carousel .product--gallery--wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

}

/* Gallery Slideshow  */

.product--gallery.gallery--slideshow {
    width: 100%;
    height: 100svh;
    overflow: hidden;
}

.product--gallery.gallery--slideshow .product--gallery--image.swiper-slide {
    width: 100%;
    height: 100%;
}

.product--gallery.gallery--slideshow .product--gallery--image.swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.product--gallery.gallery--slideshow .slide-bgimg {
    width: 100%;
    height: 100%;
}

.product--gallery.gallery--slideshow .swiper-parallax-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.gallery--slideshow--thumbnails {
    position: absolute;
    top: 100px;
    left: 50px;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-transform: translateX(var(--transformX)) translateY(var(--transformY));
    -ms-transform: translateX(var(--transformX)) translateY(var(--transformY));
    transform: translateX(var(--transformX)) translateY(var(--transformY));
}

.gallery--slideshow--thumbnails .gs--thumb {
    width: 75px;
    height: 75px;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.gallery--slideshow--thumbnails .gs--thumb>img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.gallery--slideshow--thumbnails .gs--thumb.active {
    opacity: 1;
    border: 1px solid var(--mainColor);
}


@media only screen and (max-width: 550px) {
    .product--gallery.gallery--slideshow .slide-bgimg {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }
}

/* Saren Lightbox  */
.lightbox--active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw !important;
    height: 100vh;
    z-index: 9999;
    background: #000000d1;
    -webkit-transition: background-color 1s ease .5s;
    -o-transition: background-color 1s ease .5s;
    transition: background-color 1s ease .5s;

}

.lightbox--active .product--gallery--wrapper {
    width: 100% !important;
    height: 100% !important;
}

.saren--lightbox--controls>span {
    position: absolute;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    cursor: pointer;
    z-index: 5;
}

span.saren--lightbox--close {
    top: 25px;
    right: 25px;
}

.saren--lightbox--controls svg {
    fill: #fff;
}

span.saren--lightbox--prev {
    top: 50%;
    left: 100px;
}

span.saren--lightbox--next {
    top: 50%;
    right: 100px;
}

span.saren--lightbox--next svg,
span.saren--lightbox--prev svg {
    width: 40px;
    height: 40px;
}

.lightbox--image.active {
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lightbox--nav--init .lightbox--image {
    -webkit-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease;
}

.lightbox--nav--init .lightbox--image:not(.active) {
    opacity: 0;
}

.saren--lightbox--controls {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;

}

.lightbox--active .saren--lightbox--controls {
    opacity: 1;
    pointer-events: all;

}

.saren--lightbox--button {
    position: absolute !important;
    top: 0.5rem;
    left: 0.5rem;
    width: 2rem;
    height: 2rem;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    z-index: 2;

}

.saren--lightbox--button:has(svg) {
    width: 1em;
    height: 1em;
    padding: 5px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.saren--lightbox--button:has(svg) svg {
    line-height: 1;
    width: 1em;
    height: 1em;
}

.lightbox--active .saren--lightbox--button {
    opacity: 0
}

@media only screen and (max-width: 550px) {
    span.saren--lightbox--prev {
        top: unset;
        bottom: 30px;
        left: 30px;
    }

    span.saren--lightbox--next {
        top: unset;
        right: 30px;
        bottom: 30px;
    }

    .lightbox--active {
        height: 100svh;
    }
}


/* Social Share Buttons */

ul.saren--social-share-buttons {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 10px;
}

ul.saren--social-share-buttons button {
    background: none;
    padding: 0;
    color: var(--mainColor);
}

ul.saren--social-share-buttons li {
    font-size: 1rem;
}

ul.saren--social-share-buttons li svg {
    width: 1.25em;
    height: 1.25em;
}

span.share--icon svg {
    fill: var(--mainColor);
}

/* Product Elements  */

.saren--product--element.element--sku {
    overflow: hidden;
}

p.stock.in-stock {
    margin: 0;
}

/* Rating  */
.saren--product--element.element--rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.saren--product--element.element--rating .star-rating {
    float: none;
}

/* Countdown Sale  */

.saren--sale--countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.saren--sale--countdown>span {
    display: inline-block;
    position: relative;
    background: var(--mainColor);
    color: var(--mainBackground);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 2rem;
    font-size: 1.5rem;
    gap: 10px;
    border-radius: 10px;
    width: 25%;
}

.saren--sale--countdown>span::after {
    content: attr(data-text);
    text-transform: uppercase;
    color: var(--secondaryColor);
    font-size: 10px;
    line-height: 1;
}

span.fbt-text,
.saren--product--element.element--countdown-sale span.ct-text {
    text-align: center;
    display: block;
    font-weight: 500;
}

span.fbt-text {
    margin-bottom: 1em;
}


.saren--product--element.element--countdown-sale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 15px;
    width: 100%;
}

/* Tab Popups  */

.pe--pop--button.ctab--pop--button.pe--styled--object {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Countdown Sale  */

.saren--product--element .pe--pop--button {
    display: inline-block;
}

.saren--product--element.element--price span.discount-percentage {
    display: block;
    font-size: 1rem;
    background: #be0000;
    color: #fff;
    padding: 5px 10px 5px 10px;
    border-radius: 10px;
    vertical-align: middle;
    letter-spacing: 0 !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 0.5em;
}

.saren--product--element.element--price del {
    color: var(--secondaryColor);
    font-size: 1em;
    display: inline-block;
}

/* FBT  */

.saren--fbt--products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 25px;
}



.saren--fbt-products-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 100px;
    width: 75%;
    float: left;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fbt-product-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    border-radius: 15px;
    padding: 1em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    width: calc(33% - 65px);
    border-color: var(--linesColor);
    border-width: 1px;
}

.fbt--items--bg .fbt-product-item {
    background: var(--secondaryBackground);
}

.fbt-product-image {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}


.fbt-product-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    font-size: 14px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fbt-product-item input.fbt-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    left: 15px;
}

.fbt-product-item input.fbt-checkbox:checked {
    background: var(--mainColor);
}

.fbt-product-item input.fbt-checkbox::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150%;
    height: 150%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px solid var(--linesColor);
}

.fbt-totals {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 25%;
    float: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: inherit;
    border-radius: 15px;
    padding: 2em 0;
    gap: 50px;
    border-color: var(--linesColor);
    border-width: 1px;
}

.fbt--items--bg .fbt-totals {
    background: var(--secondaryBackground);
}

.fbt-total-price {
    font-size: 40px;
    line-height: 1.4;
}

button.button.fbt-add-to-cart {
    font-weight: normal;
    font-size: 14px;
    background: var(--mainColor);
    color: var(--secondaryBackground) !important;
    border-radius: 15px;
}

button.button.fbt-add-to-cart:hover {
    background: var(--secondaryBackground) !important;
    color: var(--mainColor) !important;
}

button.button.fbt-add-to-cart:disabled[disabled] {
    opacity: 1;
}

.fbt-total-price>span {
    display: block;
    width: 100%;
    text-align: center;
}

.fbt-total-price>span:first-child {
    font-size: 14px;
    color: var(--secondaryColor);
}

span.fbt--plus {
    display: inline-block;
    font-size: 2rem;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(65px);
    -ms-transform: translateY(-50%) translateX(65px);
    transform: translateY(-50%) translateX(65px);
}

span.fbt--plus svg {
    width: 1em;
    height: 1em;
}

.fbt-product-item:last-child span.fbt--plus {
    display: none;
}

select.fbt-variation-select {
    width: 100%;
    padding: 0.5em;
    border-radius: 10px;
    margin-top: 1em;
}

.fbt-product-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.fbt-info p {
    margin: 0;
    font-size: 14px;
    color: var(--secondaryColor);
}

.fbt-info {
    max-width: 60%;
    text-align: center;
}

.ftb--dir--column .fbt-product-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    padding: 0 3rem 0 4rem;
    gap: 50px;
}

.ftb--dir--column .fbt-product-item .fbt-product-image {
    width: 50%;
}

.ftb--dir--column .saren--fbt-products-wrapper {
    width: 100%;
    gap: 20px;
}

.ftb--dir--column .fbt-product-item span.fbt--plus {
    left: 50%;
    top: unset;
    bottom: -1rem;
    -webkit-transform: translateX(-50%) translateY(50%);
    -ms-transform: translateX(-50%) translateY(50%);
    transform: translateX(-50%) translateY(50%);
    display: none;
}

.ftb--dir--column .fbt-totals {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2em;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: end;
    gap: 10px;
}

.ftb--dir--column .fbt-totals .fbt-info {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 100%;
    max-width: 100%;
    text-align: left;
}

.ftb--dir--column .fbt-total-price>span {
    text-align: left;
}

.ftb--dir--column .fbt-product-item input.fbt-checkbox {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 2rem;
}

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

    .saren--fbt--products {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .fbt-total-price {
        font-size: 30px;
    }

    .fbt-product-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        padding: 0 3rem 0 4rem;
        gap: 50px;
    }

    .fbt-product-item .fbt-product-image {
        width: 50%;
    }

    .saren--fbt-products-wrapper {
        width: 100%;
        gap: 20px;
    }

    .fbt-product-item span.fbt--plus {
        left: 50%;
        top: unset;
        bottom: -1rem;
        -webkit-transform: translateX(-50%) translateY(50%);
        -ms-transform: translateX(-50%) translateY(50%);
        transform: translateX(-50%) translateY(50%);
        display: none;
    }

    .fbt-totals {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 2em;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        gap: 10px;
    }

    .fbt-totals .fbt-info {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 100%;
        max-width: 100%;
        text-align: left;
    }

    .fbt-total-price>span {
        text-align: left;
    }

    .fbt-product-item input.fbt-checkbox {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 2rem;
    }

}


/* FBT  */

.saren--product--element.element--add-to-cart .stock {
    display: none;
}

.saren--product--element .element--text--before {
    margin-right: 0.5em
}

.saren--product--element .element--text--after {
    margin-left: 0.5em
}


.saren--product--element .element--text--before,
.saren--product--element .element--text--after {
    display: inline-block;
    float: left;
}

.saren--product--element:has(.element--text--before)>p,
.saren--product--element:has(.element--text--after)>p {
    float: left;
}

.element--attributes--display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1em;
}


.woo--but--has--backdrop .saren--cart--form {
    --bluriness: 12px;
}

.woo--but--has--backdrop .saren--cart--form::after,
.woo--but--has--backdrop .saren--cart--form::before {
    background: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(var(--bluriness));
    backdrop-filter: blur(var(--bluriness));
}

.woo--but--has--backdrop .saren--quantity--control {
    background: transparent;
}

/* Add to Cart Extras  */
.product-extra-options {
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 2rem;
}

.saren--popup--cart-product-form .product-extra-options {
    margin-top: 1rem;
}

.extra-option.option--checkbox:has(input[type=checkbox]) {
    position: static;
}

.extra-option.option--checkbox input[type="checkbox"] {
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1.1em;
    height: 1.1em;
    border: 1px solid var(--mainColor);
    border-radius: 3px;
    position: relative;
    margin-top: -1px;
}

.extra-option.option--checkbox input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    width: 80%;
    height: 80%;
    background: var(--mainColor);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 3px;
}

.extra-option.option--switcher:has(input[type=checkbox]) {
    position: relative;
}

.extra-option.option--switcher input[type=checkbox] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none
}

.extra-option.option--switcher span.extra--switcher {
    width: 40px;
    height: 20px;
    border: 1px solid var(--mainColor);
    display: inline-block;
    border-radius: 5px;
    position: relative;
    background: var(--mainColor);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    cursor: pointer;
    opacity: .5;
}

.extra-option.option--switcher:has(input[type=checkbox]:checked) span.extra--switcher {
    background: var(--mainColor);
    opacity: 1;
}


.extra-option.option--switcher span.extra--switcher>span:first-child {
    content: "";
    width: 16px;
    height: 16px;
    background: var(--mainBackground);
    display: block;
    border-radius: 4px;
    position: absolute;
    top: 1px;
    left: 1px;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.extra-option.option--switcher:has(input[type=checkbox]:checked) span span {
    left: 20px;
    opacity: 1;
}

.extra-option.option--switcher label {
    vertical-align: middle;
    margin: 0;
}

.extra-option label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 7.5px;
}

.extra-option.option--select label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.extra-option.option--text label {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.extra-option.option--text label input[type="text"] {
    font-size: 1rem;
    padding: 0.5em 1em;
    border-radius: 7px;
    border-color: var(--linesColor);
}

.extra-option.option--select label select {
    width: 100%;
    padding: 0.5em 1em;
    border-radius: 7px;
}

.extra-option span.extra--price {
    margin-left: auto;
    color: var(--secondaryColor);
}

.cart--item--extra--options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    color: var(--secondaryColor);
    line-height: 1;
    gap: 7.5px;
    margin-top: 1em;
    margin-bottom: 1em;
}

.extra-option.option--text>label {
    position: relative;
}

.extra-option.option--text>label span.extra--label,
.extra-option.option--text>label span.extra--price {
    position: absolute;
    top: 50%;
    left: 1em;
    line-height: 1;
    font-size: 14px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
}

.extra-option.option--text>label span.extra--price {
    left: unset;
    right: 1em;
}



.extra-option.option--text>label:has(input:not(:-moz-placeholder-shown)) span.extra--label {
    opacity: 0;
}



.extra-option.option--text>label:has(input:not(:-ms-input-placeholder)) span.extra--label {
    opacity: 0;
}



.extra-option.option--text>label:has(input:not(:placeholder-shown)) span.extra--label {
    opacity: 0;
}

/* Add To Cart Configurator  */

.saren--variations--configurator {
    margin-bottom: 1em;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 1em;
    display: none;
}

.add--configurator .saren--variations--configurator {
    display: block;
}

.sv--configurator--titles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 3em;
}

.saren--variations--configurator::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--linesColor);
}

.svc--title {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: .5;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.svc--title.svc--disabled {
    pointer-events: none;
}

.svc--title.active {
    opacity: 1
}

.add--configurator .variations_form tbody {
    min-height: 50vh;
}

.add--configurator .variations_form tbody>tr:not(.active) {
    display: none;
}

.svc--buttons .svc--button {
    font-size: 1em;
    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;
}

.pe--styled--object.svc--button::before {
    left: 0 !important;
    top: 0 !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    height: 100% !important;
}

.pe--styled--object.svc--button {
    overflow: hidden !important;
}

.svc--buttons>div.svc--disabled {
    pointer-events: none;
    opacity: .5;
}

.svc--buttons>div:not(.active) {
    display: none;
}

.add--configurator .single_variation_wrap:not(.active) {
    display: none !important;
}

.svc--button .svc--icon svg {
    width: 1.5em;
    height: 1.5em;
    fill: var(--mainColor);
}

span.svc--icon {
    width: 1.5em;
    height: 1.5em;
}

/* Datas  */

ul.tabs.wc-tabs {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 50px;
    white-space: nowrap;
    font-size: 1.333rem;
    line-height: 1.4;
    -webkit-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
}

ul.tabs.wc-tabs li {
    opacity: .4;
}

ul.tabs.wc-tabs li.active {
    opacity: 1;
}

ins:has(span.woocommerce-Price-amount.amount) {
    background: none;
}

ins:has(span.woocommerce-Price-amount.amount) {
    margin-left: 0.25em;
}

@media only screen and (max-width: 550px) {
    ul.tabs.wc-tabs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
    }
}

/* Data Accordion  */
.saren--wc--accordion {
    display: none;
}

.data--style--accordion .saren--wc--accordion {
    display: block;
}

.data--style--accordion .wc-tabs-wrapper {
    display: none;
}

.saren--wc--accordion ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1em;
}

.swc--item--content {
    height: 0;
    overflow: hidden;
    padding-top: 0;
}

.data--style--tabs .swc--item--content {
    height: auto;
}

.swc--accordion--item.active .swc--item--content {
    height: auto;
}

.swc--item--title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
}

.saren--wc--accordion ul:has(.swc--accordion--item.active) li:not(.active) .swc--item--title {
    opacity: .6;
}

.datas--has--bg .saren--wc--accordion ul li {
    background: var(--secondaryBackground);
    padding: 0.75em;
}

.datas--list--ordered .saren--wc--accordion ul {
    list-style: decimal-leading-zero;
    padding-left: 1.5em
}

.datas--underlined .active .swc--item--content {
    padding-top: 1em
}

.datas--underlined .swc--item--title {
    position: relative;
}

.datas--underlined .swc--item--title::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -0.8em;
    width: 100%;
    height: 1px;
    background: var(--linesColor);
    opacity: .5;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
}

.datas--underlined .active .swc--item--title::after {
    opacity: 1;
}

.datas--underlined ul.swc--accordion {
    gap: 1.6em;
}

.swc--item--content h6.woocommerce-Reviews-title {
    display: none !important
}

.swc--item--title .swc--toggle {
    font-size: 1.4em;
    float: right;
    line-height: 1;
    display: none;
}

.datas--show--icon .swc--item--title .swc--toggle {
    display: block;

}

.swc--item--title .swc--toggle svg {
    width: 1em;
    height: 1em;
    fill: var(--mainColor);
    opacity: .6;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.active .swc--item--title .swc--toggle svg {
    opacity: 1;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}


.opc--button span.opt--continue svg {
    -webkit-transform: translatey(-50%) rotate(-90deg) !important;
    -ms-transform: translatey(-50%) rotate(-90deg) !important;
    transform: translatey(-50%) rotate(-90deg) !important;
}

.opc--button span.opt--continue {
    text-transform: none;
    font-size: 1.11111rem;
    letter-spacing: normal;
    font-weight: 500;
}

/* ** Variables  */
table.variations {
    margin: 0;
}

table.variations th.label {
    display: block;
    width: 100%;
    float: none;
    font-weight: 400;
    line-height: 1;
}

.variations_labels_hide table.variations th.label {
    display: none !important;
}

.variation--selection--show table.variations th.label label {
    color: var(--secondaryColor);
}

.variation--selection--show table.variations th.label label span {
    color: var(--mainColor);
}

.variations tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: none;
    gap: 10px;
    margin-bottom: 50px;
}

.elementor-widget-peproductelements .variations tr {
    margin-bottom: 0;
}

.variations_labels_inline_yes .variations tr {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.variations_labels_inline_yes table.variations th.label {
    width: 25%
}

.variations_labels_inline_yes table.variations td.value {
    width: 75%;
}

.variations--seperator .variations tr:not(:first-child) {
    border: none;
    border-top: 1px solid var(--linesColor);
    padding-top: 1em;
    margin-bottom: 0;
}

.variations--seperator .variations tr:has(.saren--file--upload) {
    border: none;
}

.variations--seperator .variations tr:has(.saren--file--upload)>th {
    display: none
}

.upload--style--wide.variations_labels_inline_yes table.variations td.value:has(.saren--file--upload) {
    width: 100%;
}

.saren-variation-radio-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

table.variations th.label:has(.saren--attr--desc) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


table.variations th.label:has(.saren--attr--desc) .saren--attr--desc {
    color: var(--secondaryColor);
}

.saren-variation-radio-buttons .attr--thumb,
.saren-variation-radio-buttons .attr--color {
    display: none;
}


.variation_color_label .saren-variation-radio-buttons .attr--color,
.variation_color_only .saren-variation-radio-buttons .attr--color,
.variation_image_only .saren-variation-radio-buttons .attr--thumb,
.variation_image_label .saren-variation-radio-buttons .attr--thumb {
    display: inline-block;
}


label.radio--parent:has(input:checked) .attr--label {
    background: var(--mainColor);
    color: var(--mainBackground);
}


.vr_labels_active_underlined .variation_labels label.radio--parent .attr--label {
    border-bottom: 1px solid var(--linesColor);
    border-radius: 0;
}

.vr_labels_active_underlined .variation_labels label.radio--parent:has(input:checked) .attr--label {
    background: transparent;
    color: var(--mainColor);
    border-bottom: 1px solid var(--mainColor);
    border-radius: 0;
}

.vr_colors_only_active_underlined .variation_color_only label.radio--parent {
    padding-bottom: 5px;
    border-bottom: 1px solid transparent;
}

.vr_colors_only_active_underlined .variation_color_only label.radio--parent:has(input:checked) {
    border-bottom: 1px solid var(--mainColor);
}

.saren-variation-radio-buttons .attr--label {
    border: 1px solid var(--linesColor);
    padding: 0.5em 1em;
    border-radius: 5px;
    line-height: 1;
}

.saren-variation-radio-buttons span.attr--color {
    width: 20px;
    height: 20px;
    background: gray;
    border-radius: 50%;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    opacity: .5;
    border: 1px solid var(--linesColor);
}

.vr_colors_only--bordered .saren-variation-radio-buttons span.attr--color {
    border: 1px solid var(--linesColor) !important;
}

.colors--interaction--bordered .saren-variation-radio-buttons span.attr--color {
    opacity: 1;
    border: 2px solid var(--linesColor) !important;
}

.colors--interaction--bordered label.radio--parent:has(input:checked) span.attr--color {
    border-color: var(--mainColor) !important;
}


label.radio--parent:has(input:checked) span.attr--color {
    opacity: 1;
}

.saren-variation-radio-buttons input[type="radio"] {
    position: absolute;
    width: 0;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
}

.saren-variation-radio-buttons .attr--thumb {
    width: 60px;
    height: 60px;
    border: 1px solid var(--linesColor);
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
}

label.radio--parent:has(input:checked) .attr--thumb {
    border: 2px solid var(--mainColor);
}

.saren-variation-radio-buttons .attr--thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}

.saren-variation-radio-buttons label.radio--parent>a,
.saren-variation-radio-buttons label.radio--parent {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.saren-variation-radio-buttons label.radio--parent a {
    display: inline-block;
    line-height: 0;
}

.vr_prices--has--bg .saren-variation-radio-buttons label.radio--parent:has(.attr--price) {
    background: var(--mainBackground);
    border-color: var(--linesColor);
}

.variation_color_only .saren-variation-radio-buttons span.attr--label,
.variation_image_only .saren-variation-radio-buttons span.attr--label {
    position: absolute;
    top: 0;
    font-size: 14px;
    border: none;
    color: var(--mainBackground);
    background: var(--mainColor);
    left: 50%;
    white-space: nowrap;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    opacity: 0;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.colors--labels--visible .variation_color_only .saren-variation-radio-buttons span.attr--label {
    position: static;
    opacity: 1;
    background: none;
    color: var(--mainColor);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding: 0;
}


.colors--labels--visible .variation_color_only .saren-variation-radio-buttons label.radio--parent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: var(--secondaryBackground);
    padding: 1em 2em;
    border-radius: 15px;
    border-color: var(--linesColor);
    border-width: 1px;
}

.colors--labels--visible .variation_color_only .saren-variation-radio-buttons label.radio--parent>a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.colors--labels--visible .variation_color_only .saren-variation-radio-buttons .radio--parent:hover span.attr--label,
.colors--labels--visible .variation_image_only .saren-variation-radio-buttons .radio--parent:hover span.attr--label {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.variation_color_only .saren-variation-radio-buttons .radio--parent:hover span.attr--label,
.variation_image_only .saren-variation-radio-buttons .radio--parent:hover span.attr--label {
    opacity: 1;
    -webkit-transform: translate(-50%, -120%);
    -ms-transform: translate(-50%, -120%);
    transform: translate(-50%, -120%);
}

table.variations select {
    display: none !important;
}

.saren-variation-radio-buttons:has(.attr--meta) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.saren-variation-radio-buttons:has(.attr--meta) label.radio--parent {
    width: 100%;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-transform: none;
    border-radius: 7.5px;
    padding: 1em;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.vr_prices--bordered .saren-variation-radio-buttons:has(.attr--meta) label.radio--parent {
    border: 1px solid var(--linesColor);
}

.saren-variation-radio-buttons:has(.attr--meta) label.radio--parent:has(input:checked) {
    border: 1px solid var(--mainColor)
}


.saren-variation-radio-buttons:has(.attr--meta) .attr--thumb {
    width: 120px;
    height: auto;
    border: none;
}

.saren-variation-radio-buttons:has(.attr--meta) .attr--thumb img {
    display: block
}

.saren-variation-radio-buttons:has(.attr--meta) .attr--label {
    padding: 0;
    border: none;
    text-transform: none;
    font-size: 1em;
}

.saren-variation-radio-buttons:has(.attr--meta) .attr--desc {
    margin-top: 0.5em;
    color: var(--secondaryColor)
}

.saren-variation-radio-buttons:has(.attr--meta) label.radio--parent:has(input:checked) .attr--label {
    background: none;
    color: var(--mainColor)
}

.saren-variation-radio-buttons:has(.attr--meta) .attr--price {
    margin-top: 1.5em;
    line-height: 1;
    color: var(--secondaryColor);
    font-size: 14px;
}

.saren-variation-radio-buttons:has(.attr--meta) .attr--meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    margin-top: 0;
    padding: 1em;
}

.price--align--right .saren-variation-radio-buttons:has(.attr--price) .attr--meta {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.price--align--right .saren-variation-radio-buttons:has(.attr--price) .attr--meta .attr--price {
    margin: 0
}

.saren-variation-radio-buttons:has(.attr--meta) .attr--meta p {
    margin: 0;
    line-height: 1.1;
}


.woocommerce-variation-description {
    display: none;
}

.woocommerce-variation-price {
    display: none;
}

.woocommerce .variations_form .quantity .qty {
    display: none !important;
}

.elementor-element-c5de7a0,
.elementor-element-c5de7a0 .e-con {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}



/* Rounded  */
.atc--style--rounded .saren-variation-radio-buttons .attr--thumb {
    border-radius: 50%;
}

.atc--style--rounded .saren-variation-radio-buttons:has(.attr--meta) label.radio--parent {
    border-radius: 50px;
    padding: 0em 2em;
    border: none;
    background: var(--secondaryBackground);
}

.atc--style--rounded .saren-variation-radio-buttons:has(.attr--desc) label.radio--parent {
    padding: 1em 2em;
}

.atc--style--rounded .saren-variation-radio-buttons .attr--label {
    border-radius: 50px;
    background: #fff;
    border: none;
}

.atc--style--rounded .variation_labels:not(:has(.attr--meta)) .saren-variation-radio-buttons .attr--label {
    padding: 1em 2em
}

.atc--style--rounded .saren--cart--form::after,
.atc--style--rounded .saren--cart--form::before {
    border-radius: 50px
}

.atc--style--rounded .saren--quantity--control {
    border-radius: 50px;
}

.atc--style--rounded .saren--cart--form {
    padding: 0em 1em 0em 0em;
}

.atc--style--rounded .saren--quantity--control>span {
    padding: 0.45em;
}

/* Sharp */



/* Horizontal */
.atc--order--horizontal form {
    width: 100%;
}

.atc--order--horizontal tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 50px;
    margin-bottom: 0;
}

.atc--order--horizontal .saren-variation-radio-buttons:has(.attr--meta) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.atc--order--horizontal .saren-variation-radio-buttons:has(.attr--meta) label.radio--parent {
    width: auto;
    white-space: nowrap;
}

.atc--order--horizontal table.variations td {
    white-space: nowrap;
}

.atc--order--horizontal .single_variation_wrap {
    margin-top: 1em
}

.atc--order--horizontal .variations tr {
    margin-bottom: 0;
}

.atc--order--horizontal table.variations th.label {
    text-align: center;
    margin-bottom: 0.25em;
}

.atc--order--horizontal .variations tr .saren-variation-radio-buttons {
    position: relative
}

.atc--order--horizontal .variations tr .saren-variation-radio-buttons::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -30px;
    width: 1px;
    height: 80%;
    background: var(--secondaryColor);
    opacity: .4
}

.atc--order--horizontal table.variations {
    width: 100%;
    display: block;
}


.vr_colors_only--pop--active .saren-variation-radio-buttons span.attr--color {
    border-radius: 0;
}

.vr_colors_only--pop--active .saren-variation-radio-buttons span.attr--color,
.vr_labels_images--pop--active .variation_image_label .saren-variation-radio-buttons:has(.attr--meta) label.radio--parent,
.vr_labels--pop--active .variation_labels .saren-variation-radio-buttons .attr--label {
    padding: 0;
    border: none;
}


.vr_labels_images--pop--active.vr_labels_images--bordered .variation_image_label .saren-variation-radio-buttons:has(.attr--meta) label.radio--parent,
.vr_labels--pop--active.vr_labels--bordered .variation_labels .saren-variation-radio-buttons .attr--label {
    border: 1px solid var(--linesColor);
    padding: 0.5em 1em;
}

.vr_colors_only--pop--active.vr_colors_only--rounded .saren-variation-radio-buttons span.attr--color,
.vr_labels_images--pop--active.vr_labels_images--rounded .variation_image_label .saren-variation-radio-buttons:has(.attr--meta) label.radio--parent,
.vr_labels--pop--active.vr_labels--has--bg .variation_labels .saren-variation-radio-buttons:not(:has(.attr--meta)) .attr--label {
    border-radius: 50px;
    padding: 0.75em 1.5em;
}

.vr_colors_only--pop--active.vr_colors_only--rounded .saren-variation-radio-buttons span.attr--color {
    padding: 0;
}

.vr_labels_images--pop--active.vr_labels_images--rounded .variation_image_label .saren-variation-radio-buttons:has(.attr--meta) label.radio--parent .attr--thumb {
    border-radius: 50px;
}

.vr_labels_images--pop--active.vr_labels_images--has--bg .variation_image_label .saren-variation-radio-buttons:has(.attr--meta) label.radio--parent,
.vr_labels--pop--active.vr_labels--has--bg .variation_labels .saren-variation-radio-buttons:not(:has(.attr--meta)) .attr--label {
    background: var(--secondaryBackground);
    padding: 0.75em 1.5em;
}

.vr_labels--pop--active.vr_labels--has--bg .variation_labels .saren-variation-radio-buttons:not(:has(.attr--meta)) .radio--parent:has(:checked) .attr--label {
    background: var(--mainColor)
}

.vr_labels_images--pop--active.vr_labels_images--underlined .variation_image_label .saren-variation-radio-buttons:has(.attr--meta) label.radio--parent,
.vr_labels--pop--active.vr_labels--has--bg .variation_labels .saren-variation-radio-buttons:not(:has(.attr--meta)) .attr--label {
    border-bottom: 1px solid var(--linesColor);
}


.saren--template--popup .pe--pop--button {
    font-size: 1em;
    line-height: 1;
    padding: 0.25em;
    display: block;
}

.button--style--icon_text .saren--template--popup .pe--pop--button.pe--styled--object {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5em;
}


.saren--template--popup .pe--pop--button i {
    font-size: var(--iconSize);
}

.saren--template--popup .pe--pop--button svg {
    width: var(--iconSize);
    height: var(--iconSize);
    fill: var(--mainColor);
    display: block;
}

/* Styled Objects  */
.pe--styled--object {
    position: relative;
    --radius: 50%;
    --backdropBlur: 10px;
    border-width: 1px;
    border-color: var(--linesColor);
    border-radius: var(--radius) !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.pe--styled--object>i {
    font-size: 1em;
}

.pe--styled--object>* {
    z-index: 3;
    position: relative;
}

.pe--pop--button.pe--styled--object {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.pe--pop--button svg {
    width: var(--iconSize);
    height: var(--iconSize);
}

.has--hover.has--bg .pe--styled--object {
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}

.has--hover.has--bg .pe--styled--object svg {
    -webkit-transition: fill .3s ease;
    -o-transition: fill .3s ease;
    transition: fill .3s ease;
}

.has--hover.has--bg .pe--styled--object::before,
.has--bg .pe--styled--object::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: var(--secondaryBackground);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 0;
    border-radius: var(--radius);
}

.has--hover.has--bg .pe--styled--object::before {
    width: 0%;
    height: 0%;
    background: var(--mainColor);
    z-index: 1;
    border-radius: var(--radius);
    -webkit-transition: all .4s cubic-bezier(0.86, 0, 0.1, 1);
    -o-transition: all .4s cubic-bezier(0.86, 0, 0.1, 1);
    transition: all .4s cubic-bezier(0.86, 0, 0.1, 1);
}

.has--hover.has--bg .pe--styled--object:hover::before {
    width: 100%;
    height: 100%;
}

.has--hover.has--bg .pe--styled--object:hover {
    color: var(--mainBackground)
}

.has--hover.has--bg .pe--styled--object:hover svg {
    fill: var(--mainBackground)
}

.has--backdrop .pe--styled--object::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -2;
    border-radius: var(--radius);
    -webkit-backdrop-filter: blur(var(--backdropBlur));
    backdrop-filter: blur(var(--backdropBlur))
}

/* Styled Objects  */