/*
Theme Name:  Divi Print Shop Child Theme
Theme URI:   https://divi-professional.com/
Description: Divi Print Shop Theme is a modern responsible print on demand Divi Woocommerce Theme for print shop, print store, print company, design studio, Print On Demand, Graphic Designer, online design, photocopying, printing services, printing tool, printshop theme, printing template, print agency, art, studio site, order packaging,Tshirts, coffee mug designer, photo frame, brochure design, print box design,visiting cards, books, banners, and many other web print templates and great for every type of ecommerce business website.
Version:     1.0
Author:      Divi Professional
Author URI:  https://divi-professional.com/
Template:    Divi
Text Domain: dpprofe
*/

/* -----------------------------------
    01. General Class CSS
-------------------------------------*/

input[type=radio],
input[type=checkbox] {
    accent-color: #181818;
}

/* light background color CSS */
.px_background_overlay {
    background-color: var(--px-color-3) !important
}

/* Img Side Row CSS */
.px_side_img_row {
    z-index: 0 !important;
}

/* Bubble Dotted Design */
.px_bubble_dotted_row,
.et-db #et-boc .et-l .px_bubble_dotted_row {
    position: unset;
    height: 0;
    width: 0;
    padding: 0px !important;
}

.px_bubble_dotted_row .et_pb_column,
.et-db #et-boc .et-l .px_bubble_dotted_row .et_pb_column {
    position: unset;
}

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

    .px_bubble_dotted_row,
    .et-db #et-boc .et-l .px_bubble_dotted_row {
        display: none;
    }
}

.px_bubble_dotted_text,
.et-db #et-boc .et-l .px_bubble_dotted_text {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.px_bubble_dotted_text .et_pb_text_inner,
.px_bubble_dotted_text .et_pb_text_inner .px_bubble_dotted {
    height: inherit;
    width: inherit;
}

.px_bubble_dotted_text .et_pb_text_inner .px_bubble_dotted .px_bubble {
    position: absolute;
    border-radius: 50%;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
}

.px_bubble_dotted_text .et_pb_text_inner .px_bubble_dotted .px_bubble.px_bubble_1 {
    width: 15px;
    height: 15px;
    left: 100px;
    top: 50%;
    animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate, pulse 2s infinite ease-in-out alternate;
}

.px_bubble_dotted_text .et_pb_text_inner .px_bubble_dotted .px_bubble.px_bubble_2 {
    width: 10px;
    height: 10px;
    left: 240px;
    top: 40%;
    animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate, pulse 2s infinite ease-in-out alternate;
}

.px_bubble_dotted_text .et_pb_text_inner .px_bubble_dotted .px_bubble.px_bubble_3 {
    width: 15px;
    height: 15px;
    left: 460px;
    top: 30%;
    animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate, pulse 2s infinite ease-in-out alternate;
}

.px_bubble_dotted_text .et_pb_text_inner .px_bubble_dotted .px_bubble.px_bubble_4 {
    width: 20px;
    height: 20px;
    left: 430px;
    top: 90%;
    animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate, pulse 2s infinite ease-in-out alternate;
}

.px_bubble_dotted_text .et_pb_text_inner .px_bubble_dotted .px_bubble.px_bubble_5 {
    width: 10px;
    height: 10px;
    left: 50%;
    top: 50%;
    animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate, pulse 2s infinite ease-in-out alternate;
}

.px_bubble_dotted_text .et_pb_text_inner .px_bubble_dotted .px_bubble.px_bubble_6 {
    width: 10px;
    height: 10px;
    left: 70%;
    top: 230px;
    animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate, pulse 2s infinite ease-in-out alternate;
}

.px_bubble_dotted_text .et_pb_text_inner .px_bubble_dotted .px_bubble.px_bubble_7 {
    width: 10px;
    height: 10px;
    left: 65%;
    top: 30%;
    animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate, pulse 2s infinite ease-in-out alternate;
}

.px_bubble_dotted_text .et_pb_text_inner .px_bubble_dotted .px_bubble.px_bubble_8 {
    width: 10px;
    height: 10px;
    left: 85%;
    top: 35%;
    animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate, pulse 2s infinite ease-in-out alternate;
}

.px_bubble_dotted_text .et_pb_text_inner .px_bubble_dotted .px_bubble.px_bubble_9 {
    width: 15px;
    height: 15px;
    left: 90%;
    top: 40%;
    animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate, pulse 2s infinite ease-in-out alternate;
}

.px_bubble_dotted_text .et_pb_text_inner .px_bubble_dotted .px_bubble.px_bubble_10 {
    width: 20px;
    height: 20px;
    left: 80%;
    top: 70%;
    animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate, pulse 2s infinite ease-in-out alternate, pulse 2s infinite ease-in-out alternate;
}

/* Img Hover CSS */
.px_hover_img .et_pb_image_wrap {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    z-index: 1;
}

.px_hover_img .et_pb_image_wrap img {
    transform-origin: 0 80%;
    transition: .6s cubic-bezier(.17, .9, .36, 1);
}

.px_hover_img:hover .et_pb_image_wrap img {
    transform: scale(1.03);
}

/* Img Animation CSS */

.px_gelatines {
    animation: gelatines 2s infinite;
}

.px_pulse {
    animation: pulse 4s infinite;
}

/* Shop Side Column CSS */
.px_shop_side_column {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
}

.px_shop_side_column::before {
    content: "";
    position: absolute;
    left: -50px;
    top: -50px;
    background: linear-gradient(320deg, rgba(255, 255, 255, 0.4), transparent);
    width: 200px;
    height: 200px;
    border-radius: 50%;
    z-index: -1;
}

.px_shop_side_column::after {
    content: "";
    position: absolute;
    right: -50px;
    bottom: -50px;
    background: linear-gradient(125deg, rgba(255, 255, 255, 0.4), transparent);
    width: 200px;
    height: 200px;
    border-radius: 50%;
    z-index: -1;
}

.px_shop_side_column .px_shop_side_column_cta .et_pb_button_wrapper .et_pb_button {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.px_shop_side_column .px_shop_side_column_cta .et_pb_button_wrapper .et_pb_button::before,
.px_shop_side_column .px_shop_side_column_cta .et_pb_button_wrapper .et_pb_button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_shop_side_column .px_shop_side_column_cta .et_pb_button_wrapper .et_pb_button::after {
    animation-delay: 0.5s;
}

.px_shop_side_column .px_shop_side_column_cta .et_pb_button_wrapper .et_pb_button:hover::before,
.px_shop_side_column .px_shop_side_column_cta .et_pb_button_wrapper .et_pb_button:hover::after {
    opacity: 0.2 !important;
}

/*---Title CSS---*/

.px_subtitle {
    margin-bottom: 15px !important;
}

.px_subtitle .et_pb_text_inner {
    position: relative;
    width: fit-content;
    margin: auto;
    text-transform: uppercase;
    color: var(--px-color-1);
    padding: 6px 10px;
    font-weight: 600;
    font-size: 15px;
    z-index: 1;
}

.px_subtitle .et_pb_text_inner::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 5px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    opacity: 0.1;
    z-index: -1;
}

.px_title .et_pb_text_inner h4 {
    position: relative;
    width: fit-content;
    margin: auto;
    text-align: center;
    color: #181818;
    padding: 0px 25px;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.2;
    z-index: 1;
}

.px_title .et_pb_text_inner h4::before,
.px_title .et_pb_text_inner h4::after {
    content: "";
    position: absolute;
    height: 30px;
    width: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    border-radius: 50%;
    animation: pulse 2s infinite ease-in-out alternate;
    animation: gelatines 2s infinite ease alternate;
}

.px_title .et_pb_text_inner h4::before {
    left: 0;
}

.px_title .et_pb_text_inner h4::after {
    right: 0;
}

.px_title .et_pb_text_inner h4 span {
    position: relative;
    display: block;
    padding: 0px 30px;
}

.px_title .et_pb_text_inner h4 span::before,
.px_title .et_pb_text_inner h4 span::after {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    bottom: 0;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    border-radius: 50%;
    animation: pulse 2s infinite ease-in-out alternate;
    animation: gelatines 2s infinite ease alternate;
}

.px_title .et_pb_text_inner h4 span::before {
    left: 0;
}

.px_title .et_pb_text_inner h4 span::after {
    right: 0;
}



.px_desc .et_pb_text_inner {
    font-size: 15px;
    color: #181818;
}



@media only screen and (min-width: 981px) {

    .px_subtitle_left.px_subtitle .et_pb_text_inner,
    .px_title_left.px_title .et_pb_text_inner h4 {
        text-align: left;
        margin-left: 0;
        margin-right: auto;
    }

    .px_title_left.px_title .et_pb_text_inner h4,
    .px_title_left.px_title .et_pb_text_inner h4 span {
        padding-left: 0px;
    }

    .px_title_left.px_title .et_pb_text_inner h4::before,
    .px_title_left.px_title .et_pb_text_inner h4 span::before {
        display: none;
    }
}

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

    .px_title_left.px_title .et_pb_text_inner h4 {
        font-size: 28px;
    }
}

/*---Button CSS---*/
.px_btn {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    border: none !important;
    padding: 14px 20px !important;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    border-radius: 5px;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_btn:hover {
    background-position: 100% 0 !important;
}

.px_btn::before,
.px_btn::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_btn::after {
    animation-delay: 0.5s;
}

.px_btn:hover::before,
.px_btn:hover::after {
    opacity: 0.2 !important;
}

/*--- Global Class CSS ---*/
/*****Pagination******/
.pagination-container {
    margin-bottom: 0px !important;
}

.et_pb_row_custom_pagination {
    clear: both;
    text-align: left;
}

.pagination-container {
    padding-top: 0 !important;
    margin-top: 2em;
    margin-bottom: 2em;
}

.screen-reader-text {
    display: none;
}

.navigation.px_blogpagination .page-numbers {
    display: inline-block;
    border-right: 0;
    padding: 0em 1em;
    margin: 0 -1px;
    line-height: 2.6em;
}

.navigation.px_blogpagination .page-numbers.prev,
.navigation.px_blogpagination .page-numbers.next {
    padding: 0 .5em;
}

.navigation.px_blogpagination span.page-numbers {
    color: #fff;
    border: 1px solid;
    border-color: #000 !important;
    font-weight: 600;
}

.navigation.px_blogpagination .page-numbers .et-pb-icon {
    font-size: 1.6em;
    vertical-align: middle;
    line-height: 1.5em;
    margin-top: -3px;
}

.navigation.px_blogpagination a.page-numbers:hover,
.navigation.px_blogpagination span.page-numbers {
    background-color: #000 !important;
}

.navigation.px_blogpagination a.page-numbers {
    color: #fff !important;
    background: #000;
}

.navigation.px_blogpagination a.page-numbers:hover {
    color: #fff !important;
}

/* -----------------------------------
    02. Header Section CSS Start Here
-------------------------------------*/
/*---Menu + Sub Menu CSS---*/
/*---Main Menu CSS---*/
.px_header_menu.et_pb_menu .et_pb_menu__menu .et-menu .menu-item-has-children>a:first-child:after,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu .et-menu .menu-item-has-children>a:first-child:after {
    font-family: ETmodules;
    content: "\33";
    color: inherit;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: unset;
    font-weight: 800;
    transition: all 0.4s;
}

.px_header_menu.et_pb_menu .et_pb_menu__menu .et-menu .menu-item-has-children>a:first-child:hover::after,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu .et-menu .menu-item-has-children>a:first-child:hover::after {
    color: var(--px-color-1);
}

.px_header_menu.et_pb_menu .et_pb_menu__menu ul li ul,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu ul li ul {
    position: absolute;
    left: 0px;
    top: 100%;
    padding: 15px;
    z-index: 100;
    background: #ffffff;
    border-top: none !important;
    transition: all 300ms ease;
    display: block;
    transform: scaleY(0);
    border-radius: 10px;
    transform-origin: center top 0;
    transition: all 0.4s;
    box-shadow: 0px 0px 18px 0px rgba(20, 0, 36, 0.1);
}

.px_header_menu.et_pb_menu .et_pb_menu__menu ul li:hover>ul,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu ul li:hover>ul {
    transform: scaleY(1);
}

.px_header_menu.et_pb_menu .et_pb_menu__menu ul li.mega-menu ul li ul,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu ul li.mega-menu ul li ul {
    position: relative;
    left: 0;
    margin-top: 0px;
    padding: 0px;
    opacity: 1;
    visibility: visible;
    z-index: 100;
    background: #fff;
    border-top: none !important;
    transform: none;
    transform-origin: unset;
    transition: all 300ms ease;
    box-shadow: unset;
}

.px_header_menu.et_pb_menu .et_pb_menu__menu .et-menu-nav ul li.mega-menu>ul>li>a:first-child,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu .et-menu-nav ul li.mega-menu>ul>li>a:first-child {
    border-bottom: 1px solid #e7e7e7;
}

.px_header_menu.et_pb_menu .et_pb_menu__menu ul li,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu ul li {
    margin-top: 0 !important;
}

.px_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li ul,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li ul {
    left: 100%;
    margin-top: -53px;
}

.px_header_menu.et_pb_menu .et_pb_menu__menu ul li a,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu ul li a {
    position: relative;
    font-size: 16px;
    color: #202020;
    font-weight: 600;
    padding-top: 30px;
    padding-bottom: 30px;
    transition: all 0.4s;
}

.px_header_menu.et_pb_menu .et_pb_menu__menu .et-menu-nav ul li.current-menu-ancestor>a,
.px_header_menu.et_pb_menu .et_pb_menu__menu .et-menu-nav ul li.current-menu-item>a,
.px_header_menu.et_pb_menu .et_pb_menu__menu .et-menu li.current-menu-ancestor.menu-item-has-children>a:first-child::after,
.px_header_menu.et_pb_menu .et_pb_menu__menu .et-menu li.current-menu-item.menu-item-has-children>a:first-child::after,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu .et-menu-nav ul li.current-menu-ancestor>a,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu .et-menu-nav ul li.current-menu-item>a,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu .et-menu li.current-menu-ancestor.menu-item-has-children>a:first-child::after,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu .et-menu li.current-menu-item.menu-item-has-children>a:first-child::after {
    color: var(--px-color-1);
}

.px_header_menu.et_pb_menu .et_pb_menu__menu ul li a:hover,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu ul li a:hover {
    color: var(--px-color-1);
    opacity: 1;
}

.px_label,
.et-db #et-boc .et-l .px_label {
    display: unset;
    font-size: 10px;
    font-weight: 600;
    margin: 0px 0px 0px 5px;
    position: relative;
    top: -10px;
    color: #ffffff;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    padding: 3px 4px;
    border-radius: 3px;
}

.px_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li {
    padding: 0px;
}

.px_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li a,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li a {
    padding-left: 0;
    position: relative;
    padding: 5px 0px 5px 0px;
    font-weight: 500;
    border: none;
    font-size: 15px;
    text-transform: capitalize;
    color: #202020;
    transition: all 0.4s;
}

.px_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li a:hover,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li a:hover {
    background-color: unset;
}

.px_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li a::after,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li a::after {
    top: 5px !important;
    right: 5px !important;
}

.px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon {
    color: var(--px-color-1);
    font-size: 20px;
    margin: 0px 15px;
    transition: all 0.4s;
}

.px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon:hover,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon:hover {
    color: var(--px-color-2);
}

.px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon.et_pb_menu__cart-button,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon.et_pb_menu__cart-button {
    margin: 0px 15px 0px 25px;
}

.px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon.et_pb_menu__search-button,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon.et_pb_menu__search-button {
    font-weight: 600;
}

.px_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search {
    padding: 10px;
    border-radius: 50px;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    border-color: rgb(171 171 171);
}

.px_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__search-form,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__search-form {
    color: #202020;
}

.px_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__close-search-button,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__close-search-button {
    color: var(--px-color-1);
}

.px_header_menu_v2.et_pb_menu ul li a,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu ul li a {
    color: #fff;
    font-size: 14px;
}

.px_header_menu_v2.et_pb_menu .et_pb_menu__menu ul li ul li a,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu .et_pb_menu__menu ul li ul li a {
    text-transform: uppercase;
    font-size: 13px;
}


.px_header_menu_v2.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon {
    color: #fff;
    font-size: 17px;
}

.px_header_menu_v2.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon:hover,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon:hover {
    color: var(--px-color-1);
}

.px_header_menu_v2.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__search-form .et_pb_menu__search-input,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__search-form .et_pb_menu__search-input {
    color: #fff;
}


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

    .px_header_menu.et_pb_menu .et_pb_menu__menu ul li a,
    .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu ul li a {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .px_header_menu.et_pb_menu .et_pb_menu_inner_container .et_pb_menu__wrap,
    .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu_inner_container .et_pb_menu__wrap {
        justify-content: end;
    }
}

/*---Sub Menu CSS---*/
/*---Header Common Info Css---*/
.px_small_blurb_info .et_pb_main_blurb_image {
    vertical-align: middle;
}

.px_small_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap,
.et-db #et-boc .et-l .px_small_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: rgb(255 255 255 / 80%);
}

.px_small_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon,
.et-db #et-boc .et-l .px_small_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    color: var(--px-color-1);
}

.px_small_blurb_info .et_pb_blurb_container {
    vertical-align: middle;
}

.px_small_blurb_info .et_pb_blurb_container .et_pb_module_header {
    padding-bottom: 5px;
}

/*---Header v1  CSS---*/
.px_header_top_v1,
.et-db #et-boc .et-l .px_header_top_v1 {
    padding: 0px !important;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
}

.px_header_middle_v1,
.et-db #et-boc .et-l .px_header_middle_v1 {
    position: relative;
    padding: 0px 0px 40px 0px !important;
    overflow: hidden;
}

.px_header_bottom_v1,
.et-db #et-boc .et-l .px_header_bottom_v1 {
    overflow: visible !important;
}

.px_header_bottom_v1 .px_header_menu_row,
.et-db #et-boc .et-l .px_header_bottom_v1 .px_header_menu_row {
    top: -40px;
    transition: all 0.4s;
}

.px_header_bottom_v1.et_pb_sticky .px_header_menu_row,
.et-db #et-boc .et-l .px_header_bottom_v1.et_pb_sticky .px_header_menu_row {
    top: 0px;
}

.px_header_bottom_v1 .px_header_menu_row,
.et-db #et-boc .et-l .px_header_bottom_v1 .px_header_menu_row {
    background-color: #fff;
    box-shadow: 0px 0px 18px 0px rgba(20, 0, 36, 0.1);
}

@media only screen and (min-width: 981px) {

    .px_header_top_v1 .px_header_top_row .et_pb_column,
    .et-db #et-boc .et-l .px_header_top_v1 .px_header_top_row .et_pb_column,
    .px_header_middle_v1 .px_header_middle_row .et_pb_column,
    .et-db #et-boc .et-l .px_header_middle_v1 .px_header_middle_row .et_pb_column {
        margin-top: auto;
        margin-bottom: auto;
    }
}

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

    .px_header_top_v1,
    .et-db #et-boc .et-l .px_header_top_v1 {
        padding: 0px 0px 40px 0px !important;
    }
}

/*---Header v2  CSS---*/
.px_header_middle_v2 .px_header_social li.et_pb_social_icon {
    margin-bottom: 0px;
}

.px_header_middle_v2 .px_header_social li.et_pb_social_icon a.icon {
    position: relative;
    overflow: hidden;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: #ffffff !important;
    box-shadow: 0px 0px 18px 0px rgba(20, 0, 36, 0.08);
    transition: all 0.4s;
    z-index: 1;
}

.px_header_middle_v2 .px_header_social li.et_pb_social_icon a.icon:hover {
    background-color: transparent !important;
}

.px_header_middle_v2 .px_header_social li.et_pb_social_icon a.icon::before {
    color: #202020 !important;
    transition: all 0.4s;
}

.px_header_middle_v2 .px_header_social li.et_pb_social_icon a.icon:hover::before {
    color: #fff !important;
}

.px_header_middle_v2 .px_header_social li.et_pb_social_icon a.icon::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px !important;
    right: 0;
    opacity: 0 !important;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_header_middle_v2 .px_header_social li.et_pb_social_icon a.icon:hover::after {
    opacity: 0.2 !important;
}

.px_header_middle_v2 .px_header_search .et_pb_searchform .et_pb_searchsubmit {
    border: none;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    transition: all 0.4s;
}

.px_header_middle_v2 .px_header_search .et_pb_searchform .et_pb_searchsubmit:hover {
    background-position: 100% 0 !important;
}

@media only screen and (min-width: 981px) {

    .px_header_middle_v2 .px_header_middle_row .et_pb_column,
    .et-db #et-boc .et-l .px_header_middle_v2 .px_header_middle_row .et_pb_column {
        margin-top: auto;
        margin-bottom: auto;
    }
}

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

    .px_header_top_v2,
    .et-db #et-boc .et-l .px_header_top_v2 {
        padding: 0px 0px 0px 0px !important;
    }
}

@media only screen and (max-width: 480px) {
.px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon {
    display: none;
}
}
/* -----------------------------------
    02. Header Section CSS End Here
-------------------------------------*/
/* -----------------------------------
    03. Footer Section CSS
-------------------------------------*/
/*---Footer Common Info Css---*/
.px_footer_title::before {
    content: "";
    position: absolute;
    display: block !important;
    height: 25px;
    width: 25px;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    border-radius: 50%;
    opacity: 1;
    animation: gelatines 2s infinite ease alternate;
}

.px_footer_title::after {
    display: none !important;
}

.px_footer_links {
    color: rgb(255 255 255 / 85%);
    transition: all 0.4s;
}

.px_footer_links:hover,
.px_footer_links::before {
    color: var(--px-color-1);
}

.px_footer_social li.et_pb_social_icon {
    margin-bottom: 0px;
}

.px_footer_social li.et_pb_social_icon a.icon {
    position: relative;
    overflow: hidden;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: #ffffff !important;
    transition: all 0.4s;
    z-index: 1;
}

.px_footer_social li.et_pb_social_icon a.icon:hover {
    background-color: transparent !important;
}

.px_footer_social li.et_pb_social_icon a.icon::before {
    color: #202020 !important;
    transition: all 0.4s;
}

.px_footer_social li.et_pb_social_icon a.icon:hover::before {
    color: #fff !important;
}

.px_footer_social li.et_pb_social_icon a.icon::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px !important;
    right: 0;
    opacity: 0 !important;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_footer_social:hover li.et_pb_social_icon a.icon::after {
    opacity: 0.2 !important;
}

/*---Footer v1  CSS---*/
.px_footer_top_v1 .px_footer_newsletter,
.et-db #et-boc .et-l .px_footer_top_v1 .px_footer_newsletter {
    position: relative;
    overflow: hidden;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
}

.px_footer_top_v1 .px_footer_newsletter .et_pb_newsletter_description,
.et-db #et-boc .et-l .px_footer_top_v1 .px_footer_newsletter .et_pb_newsletter_description {
    margin-top: auto;
    margin-bottom: auto;
}

.px_footer_top_v1 .px_footer_newsletter .et_pb_newsletter_form,
.et-db #et-boc .et-l .px_footer_top_v1 .px_footer_newsletter .et_pb_newsletter_form {
    margin-top: auto;
    margin-bottom: auto;
}

.px_footer_top_v1 .px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_fields,
.et-db #et-boc .et-l .px_footer_top_v1 .px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_fields {
    position: relative;
}

.px_footer_top_v1 .px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_fields .et_pb_newsletter_field,
.et-db #et-boc .et-l .px_footer_top_v1 .px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_fields .et_pb_newsletter_field {
    padding-bottom: 0px;
	margin-bottom: 0px;
}

.px_footer_top_v1 .px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_newsletter_button,
.et-db #et-boc .et-l .px_footer_top_v1 .px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_newsletter_button {
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 4px;
    background: black;
    width: fit-content;
    overflow: hidden;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_footer_top_v1 .px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_newsletter_button::before,
.et-db #et-boc .et-l .px_footer_top_v1 .px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_newsletter_button::before,
.px_footer_top_v1 .px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after,
.et-db #et-boc .et-l .px_footer_top_v1 .px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_footer_top_v1 .px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after,
.et-db #et-boc .et-l .px_footer_top_v1 .px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after {
    animation-delay: 0.5s;
}

.px_footer_top_v1 .px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover::before,
.et-db #et-boc .et-l .px_footer_top_v1 .px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover::before,
.px_footer_top_v1 .px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover::after,
.et-db #et-boc .et-l .px_footer_top_v1 .px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover::after {
    opacity: 0.2 !important;
}

.px_footer_bottom_v1,
.et-db #et-boc .et-l .px_footer_bottom_v1 {
    position: relative;
}

.px_footer_bottom_v1::before,
.et-db #et-boc .et-l .px_footer_bottom_v1::before,
.px_footer_bottom_v1::after,
.et-db #et-boc .et-l .px_footer_bottom_v1::after {
    content: "";
    position: absolute;
    height: 100px;
    width: 100px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    border-radius: 50%;
    animation: pulse 2s infinite ease-in-out alternate;
    visibility: visible;
    z-index: 1;
}

.px_footer_bottom_v1::before,
.et-db #et-boc .et-l .px_footer_bottom_v1::before {
    left: 20px;
    top: 20px;
}

.px_footer_bottom_v1::after,
.et-db #et-boc .et-l .px_footer_bottom_v1::after {
    right: 20px;
    bottom: 20px;
}

@media only screen and (min-width: 981px) {

    .px_footer_bottom_v1 .px_footer_bottom_row .et_pb_column,
    .et-db #et-boc .et-l .px_footer_bottom_v1 .px_footer_bottom_row .et_pb_column {
        margin-top: auto;
        margin-bottom: auto;
    }
}

/*---Footer v2  CSS---*/
.px_footer_top_v2 .px_footer_links {
    color: #181818;
}

.px_footer_top_v2 .px_footer_links:hover {
    color: var(--px-color-1);
}

.px_footer_top_v2 .et_pb_top_inside_divider {
    filter: drop-shadow(2px 4px 6px var(--px-color-2));
}

.px_footer_bottom_v2 {
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
}

@media only screen and (min-width: 981px) {
    .px_footer_bottom_v2 .px_footer_bottom_row .et_pb_column {
        margin-top: auto;
        margin-bottom: auto;
    }
}

/*-----------------------------------
       04. Sidebar CSS Start Here
  -------------------------------------*/
/* Blog Sidebar CSS Start */
.px_sidebar .widgettitle,
.et-db #et-boc .et-l .px_sidebar .widgettitle {
    position: relative;
    width: fit-content;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: var(--px-color-1);
    padding: 6px 10px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 5px;
    z-index: 1;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: rgb(255 255 255 / 90%);
}

.px_sidebar .et_pb_widget,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget {
    border-radius: 10px;
    box-shadow: 0px 5px 18px 0px rgba(20, 0, 36, 0.05);
    padding: 15px;
}

.px_sidebar .et_pb_widget.widget_search .searchform input#s,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_search .searchform input#s {
    color: #181818;
    border-color: #e5e5e5;
}

.px_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit {
    color: #fff;
    border: none;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    transition: all 0.4s;
}

.px_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit:hover,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit:hover {
    background-position: 100% 0 !important;
}

.px_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit::before,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit::before {
    content: "";
}

.px_sidebar .widget_categories ul .cat-item,
.et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 15px;
    color: #202020;
}

.px_sidebar .widget_categories ul .cat-item:last-child,
.et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.px_sidebar .widget_categories ul .cat-item a,
.et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item a {
    position: relative;
    overflow: hidden;
    color: #202020;
    padding-left: 0;
    transition: all 0.4s;
}

.px_sidebar .widget_categories ul .cat-item a:hover,
.et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item a:hover {
    padding-left: 15px;
    color: var(--px-color-1);
}

.px_sidebar .widget_categories ul .cat-item a::before,
.et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item a::before {
    content: "";
    position: absolute;
    left: -8px;
    top: 0;
    bottom: 0;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    margin: auto;
    transition: all 0.4s;
}

.px_sidebar .widget_categories ul .cat-item a:hover::before,
.et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item a:hover::before {
    left: 0;
}

.px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link,
.et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link {
    position: relative;
    padding: 10px;
    font-size: 14px !important;
    overflow: hidden;
    display: inline-block;
    border-radius: 5px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link:hover,
.et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link:hover {
    background-color: transparent;
    color: #fff;
    border-color: var(--px-color-1);
}

.px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link::before,
.et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link::before,
.px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link::after,
.et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px !important;
    right: 0;
    opacity: 0 !important;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link::after,
.et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link::after {
    animation-delay: 0.5s;
}

.px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link:hover::before,
.et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link:hover::before,
.px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link:hover::after,
.et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link:hover::after {
    opacity: 0.2 !important;
}

.px_sidebar .widget_recent_entries ul li,
.et-db #et-boc .et-l .px_sidebar .widget_recent_entries ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 15px;
}

.px_sidebar .widget_recent_entries ul li:last-child,
.et-db #et-boc .et-l .px_sidebar .widget_recent_entries ul li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.px_sidebar .widget_recent_entries ul li a,
.et-db #et-boc .et-l .px_sidebar .widget_recent_entries ul li a {
    display: block;
    color: #202020;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.4s;
}

.px_sidebar .widget_recent_entries ul li a:hover,
.et-db #et-boc .et-l .px_sidebar .widget_recent_entries ul li a:hover {
    color: var(--px-color-1);
}

.px_sidebar .widget_recent_entries ul li .post-date,
.et-db #et-boc .et-l .px_sidebar .widget_recent_entries ul li .post-date {
    font-weight: 600;
    font-size: 13px;
    color: var(--px-color-1);
}

.px_sidebar .widget_media_gallery .gallery .gallery-item,
.et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item,
.px_sidebar .widget_media_gallery .et_gallery_item,
.et-db #et-boc .et-l .px_sidebar .widget_media_gallery .et_gallery_item {
    margin: 0px 5px 5px 0px;
    display: block;
    width: 60px;
    height: 60px;
}

.px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a,
.et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a,
.px_sidebar .widget_media_gallery .et_gallery_item a,
.et-db #et-boc .et-l .px_sidebar .widget_media_gallery .et_gallery_item a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    height: 60px;
    width: 60px;
    margin: 0px !important;
}

.px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon img,
.et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon img,
.px_sidebar .widget_media_gallery .et_gallery_item a img,
.et-db #et-boc .et-l .px_sidebar .widget_media_gallery .et_gallery_item a img {
    height: 60px;
    width: 60px;
    max-width: unset;
    object-fit: cover;
    border: none;
    transition: all 0.4s;
}

.px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon img:hover,
.et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon img:hover,
.px_sidebar .widget_media_gallery .et_gallery_item a img:hover,
.et-db #et-boc .et-l .px_sidebar .widget_media_gallery .et_gallery_item a img:hover {
    filter: brightness(0.5);
}

.px_sidebar .widget_media_gallery .et_gallery_item a .et_portfolio_image .et_overlay,
.et-db #et-boc .et-l .px_sidebar .widget_media_gallery .et_gallery_item a .et_portfolio_image .et_overlay {
    display: none;
}

/* Blog Sidebar CSS End */
/* Shop Sidebar CSS Start */
.px_shop_sidebar .et_pb_widget,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget {
    border-radius: 10px;
    box-shadow: 0px 5px 18px 0px rgba(20, 0, 36, 0.05);
    padding: 15px;
}

.px_shop_sidebar .et_pb_widget .widgettitle,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .widgettitle {
    position: relative;
    width: fit-content;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: var(--px-color-1);
    padding: 6px 10px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 5px;
    z-index: 1;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: rgb(255 255 255 / 90%);
}

/* Cart CSS */
.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li:last-child,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .remove,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .remove {
    color: var(--px-color-1) !important;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: #fff;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .remove:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .remove:hover {
    background-color: transparent;
    color: #fff !important;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a {
    color: #181818;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a:hover {
    color: var(--px-color-1);
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a img,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li:hover a img,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li:hover a img {
    filter: brightness(0.5);
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total {
    font-size: 16px;
    color: #181818;
    padding: 10px 0px;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border: none !important;
    padding: 12px 20px !important;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    border-radius: 5px;
    margin: 0 !important;
    width: 100%;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover {
    background-position: 100% 0 !important;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button::before,
.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button::after,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button::after,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button::after {
    animation-delay: 0.5s;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover::before,
.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover::after,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover::after {
    opacity: 0.2 !important;
}

/* Search Product */
.px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .search-field,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .search-field {
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 14px 10px;
}

.px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button {
    position: absolute;
    right: 0;
    top: 0;
    width: fit-content;
    height: 100%;
    padding: 0px 10px;
    color: #fff;
    border: none;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button:hover {
    background-position: 100% 0 !important;
}

/* SFilter by price */
.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider {
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: rgb(255 255 255 / 75%);
}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-range,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-range {
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-handle,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-handle {
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount {
    color: #181818;
    font-size: 16px;
}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border: none !important;
    padding: 12px 20px !important;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    border-radius: 5px;
    margin: 0 !important;
    width: 100%;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover {
    background-position: 100% 0 !important;
}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button::before,
.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button::after,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button::after,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button::after {
    animation-delay: 0.5s;
}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover::before,
.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover::after,
.et-db #et-boc .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover::after {
    opacity: 0.2 !important;
}

/* Product categories */
.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item {
    text-align: right;
    padding-top: 10px;
    margin-bottom: 0px;
}

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a {
    position: relative;
    overflow: hidden;
    color: #202020;
    padding-left: 0;
    text-align: left;
    float: left;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a:hover {
    padding-left: 15px;
    color: var(--px-color-1);
}

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a::before {
    content: "";
    position: absolute;
    left: -8px;
    top: 0;
    bottom: 0;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    margin: auto;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item.current-cat>a::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item.current-cat>a::before,
.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a:hover::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a:hover::before {
    left: 0;
}

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item.current-cat>a,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item.current-cat>a {
    padding-left: 15px;
    color: var(--px-color-1);
}

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item.current-cat>.count,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item.current-cat>.count {
    color: var(--px-color-1);
}

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item .count,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item .count {
    display: block;
    color: #202020;
    transition: all 0.4s;
}

/* Products */
.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 0px;
    border-bottom: 1px solid #e5e5e5;
}

.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li:last-child,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
}

.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li a img,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li a img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li:hover a img,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li:hover a img {
    filter: brightness(0.5);
}

.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li a .product-title,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li a .product-title {
    color: #181818;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li a .product-title:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li a .product-title:hover {
    color: var(--px-color-1);
}

.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .star-rating span::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .star-rating span::before {
    color: #ffae07;
}

/* Product Tags */
.px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link {
    position: relative;
    padding: 6px 6px;
    font-size: 14px !important;
    overflow: hidden;
    display: inline-block;
    border-radius: 5px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: #fff;
    margin-bottom: 0px;
    border: 1px solid #e5e5e5;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover {
    background-color: transparent;
    color: #fff;
    border-color: var(--px-color-1);
}

.px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link::before,
.px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link::after,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px !important;
    right: 0;
    opacity: 0 !important;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link::after,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link::after {
    animation-delay: 0.5s;
}

.px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover::before,
.px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover::after,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover::after {
    opacity: 0.2 !important;
}

/* Average rating */
.px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a::before {
    color: #ff0000;
}

.px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a span::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a span::before {
    color: #ffae07;
}

/* Recently Viewed Products */
.px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 0px;
    border-bottom: 1px solid #e5e5e5;
}

.px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li:last-child,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
}

.px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a img,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li:hover a img,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li:hover a img {
    filter: brightness(0.5);
}

.px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a .product-title,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a .product-title {
    color: #181818;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a .product-title:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a .product-title:hover {
    color: var(--px-color-1);
}

/* Filter by */
.px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li {
    text-align: right;
    color: #181818;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li:last-child,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
}

.px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a {
    position: relative;
    font-size: 15px;
    overflow: hidden;
    color: #202020;
    padding-left: 0;
    text-align: left;
    float: left;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a:hover {
    padding-left: 15px;
    color: var(--px-color-1);
}

.px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a::before {
    content: "";
    position: absolute;
    left: -8px;
    top: 0;
    bottom: 0;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    margin: auto;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a:hover::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a:hover::before {
    left: 0;
}

/* Sidebar Filter CSS */
.px_shop_sidebar .widget_text .textwidget .wpf_form {
    margin-bottom: 0px;
}

.px_shop_sidebar .widget_text .textwidget .wpf_form .wpf_items_wrapper .wpf_item {
    padding: 0px 0px 15px 0px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.px_shop_sidebar .widget_text .textwidget .wpf_form .wpf_items_wrapper .wpf_item:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0px;
}

.px_shop_sidebar .widget_text .textwidget .wpf_form .wpf_items_wrapper .wpf_item .wpf_item_name {
    position: relative;
    width: fit-content;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: var(--px-color-1);
    padding: 6px 10px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 5px;
    border: none;
    z-index: 1;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: rgb(255 255 255 / 90%);
}

.px_shop_sidebar .widget_text .textwidget .wpf_form .wpf_items_wrapper .wpf_item_price .wpf_slider {
    margin: 25px 0px;
}

.px_shop_sidebar .widget_text .textwidget .wpf_form .wpf_items_wrapper .wpf_item_price .wpf_slider .ui-slider-range {
    height: 3px;
    background: var(--px-color-1);
}

.px_shop_sidebar .widget_text .textwidget .wpf_form .wpf_items_wrapper .wpf_item_price .wpf_slider .ui-slider-handle {
    border: 2px solid #fff;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    border-radius: 5px;
}

.px_shop_sidebar .widget_text .textwidget .wpf_form .wpf_items_wrapper .wpf_item_price .wpf-slider-label {
    font-size: 16px;
    color: #333;
}

.px_shop_sidebar .widget_text .textwidget .wpf_form .wpf_items_wrapper .wpf_item ul.wpf_column_horizontal li {
    display: block;
    margin-right: 0;
}

.px_shop_sidebar .widget_text .textwidget .wpf_form .wpf_items_wrapper .wpf_item ul.wpf_column_horizontal li input {
    height: 15px;
    width: 15px;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    margin-top: 3px;
}

.px_shop_sidebar .widget_text .textwidget .wpf_form .wpf_items_wrapper .wpf_item ul.wpf_column_horizontal li input[type=checkbox]:checked {
    border-color: var(--px-color-1);
}

.px_shop_sidebar .widget_text .textwidget .wpf_form .wpf_items_wrapper .wpf_item ul.wpf_column_horizontal li input:after {
    position: absolute;
    font-family: ETmodules;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 1.5;
    width: 100%;
    height: 100%;
    border: none;
    transform: unset;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    background-color: var(--px-color-1);
}

.px_shop_sidebar .widget_text .textwidget .wpf_form .wpf_items_wrapper .wpf_item ul.wpf_column_horizontal li input[type=checkbox]:checked:after {
    content: "\4e";
}

.px_shop_sidebar .widget_text .textwidget .wpf_form .wpf_items_wrapper .wpf_item ul.wpf_column_horizontal li input[type=checkbox]:checked:before {
    display: none
}

.px_shop_sidebar .widget_text .textwidget .wpf_form .wpf_items_wrapper .wpf_item ul.wpf_column_horizontal li label {
    color: #333;
    transition: all 0.4s;
}

.px_shop_sidebar .widget_text .textwidget .wpf_form .wpf_items_wrapper .wpf_item ul.wpf_column_horizontal li label:hover,
.px_shop_sidebar .widget_text .textwidget .wpf_form .wpf_items_wrapper .wpf_item ul.wpf_column_horizontal li input[type=checkbox]:checked+label {
    color: var(--px-color-1);
}

.px_shop_sidebar .widget_text .textwidget .wpf_form .wpf_items_wrapper .wpf_item ul.wpf_column_horizontal li .wpf_item_count {
    float: right;
    color: #202020;
    padding: 0;
    font-size: 14px;
    background: transparent;
    line-height: 2;
}

/* Shop Sidebar CSS End */
/* -----------------------------------
       04. Sidebar CSS End Here
  -------------------------------------*/
/* -----------------------------------
     05. Blog CSS
-------------------------------------*/
/*---Blog Grid CSS & 3 Columns CSS ---*/
.px_blog_v1 .et_pb_post {
    position: relative;
    /* display: flex;
    flex-direction: column-reverse; */
    border: 1px solid #e5e5e5;
    padding: 15px;
    margin-bottom: 50px !important;
    border-radius: 5px;
    background-color: #fff;
    transition: all 0.4s;
}

.px_blog_v1 .et_pb_post:hover {
    border-color: transparent;
    box-shadow: 0px 10px 18px 0px rgb(20 0 36 / 5%);
}

/*---Image  CSS---*/
.px_blog_v1 .et_pb_post .et_pb_image_container {
    margin: 0px;
}

.px_blog_v1 .et_pb_post .entry-featured-image-url {
    margin: 0px;
    border-radius: 5px;
    overflow: hidden;
}

.px_blog_v1 .et_pb_post .entry-featured-image-url img {
    transform-origin: 0 80%;
    transition: .6s cubic-bezier(.17, .9, .36, 1);
}

.px_blog_v1 .et_pb_post:hover .entry-featured-image-url img {
    transform: scale(1.03);
}

/* Info Class CSS */
.px_blog_v1 .px_blog_v1_info {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
}

/*---Title  CSS---*/
.px_blog_v1 .et_pb_post .entry-title,
.px_blog_v1 .et_pb_post .px_blog_v1_info .entry-title {
    order: 1;
    color: #181818;
    padding-bottom: 0;
    margin: 10px 0px 5px 0px;
    font-size: 22px !important;
    font-weight: 600;
    line-height: 1.2 !important;
    height: 55px;
    width: calc(100% - 30px);
    overflow: hidden;
    transition: all 0.4s;
}

.px_blog_v1 .et_pb_post .entry-title:hover {
    color: var(--px-color-1);
}

/*---Post Meta  CSS---*/
.px_blog_v1 .et_pb_post .post-meta {
    order: 1;
    color: #181818;
    font-size: 15px;
    margin-bottom: 0px;
    padding-top: 10px;
}

.px_blog_v1 .et_pb_post .post-meta .published {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.4;
    position: absolute;
    top: -65px;
    left: 10px;
    width: 55px;
    height: 55px;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2));
    background-size: 300% 100%;
    background-position: 10% 0;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    transition: all 0.4s;
}

.px_blog_v1 .et_pb_post:hover .post-meta .published {
    background-position: 100% 0;
}

.px_blog_v1 .et_pb_post .post-meta a[rel="tag"] {
    position: relative;
    color: #181818;
    padding-right: 15px;
    transition: all 0.4s;
}

.px_blog_v1 .et_pb_post .post-meta a[rel="tag"]:hover {
    color: var(--px-color-1);
}

.px_blog_v1 .et_pb_post .post-meta a[rel="tag"]::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 7px;
    width: 7px;
    right: 2px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    border-radius: 50%;
}

/*---Read More Button CSS---*/
.px_blog_v1 .et_pb_post .post-content .more-link {
    position: absolute;
    overflow: hidden;
    bottom: -30px;
    right: 0px;
    font-size: 0px;
    height: 40px;
    width: 40px;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2));
    background-size: 300% 100%;
    background-position: 10% 0;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.4s;
}

.px_blog_v1 .et_pb_post .post-content .more-link:hover {
    background-position: 100% 0;
}

.px_blog_v1 .et_pb_post .post-content .more-link::before {
    content: "\35";
    position: absolute;
    font-family: ETmodules;
    left: 0;
    top: 0;
    height: inherit;
    width: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    transition: all 0.4s;
}

.px_blog_v1 .et_pb_post .post-content .more-link::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 150px;
    height: 150px;
    bottom: -135px;
    right: 0;
    left: -50px;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_blog_v1 .et_pb_post:hover .post-content .more-link::after {
    opacity: 0.2;
}

.px_blog_v1 .et_pb_post:hover .post-content .more-link {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

/*---Pagination Button CSS---*/
.px_blog_v1 .pagination .alignleft a,
.px_blog_v1 .pagination .alignright a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    border: none !important;
    padding: 12px 20px !important;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    border-radius: 5px;
    z-index: 1;
    transition: all 0.4s !important;
}


.px_blog_v1 .pagination .alignleft a:hover,
.px_blog_v1 .pagination .alignright a:hover {
    background-position: 100% 0 !important;
}

.px_blog_v1 .pagination .alignleft a::before,
.px_blog_v1 .pagination .alignright a::after,
.px_blog_v1 .pagination .alignleft a::after,
.px_blog_v1 .pagination .alignright a::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_blog_v1 .pagination .alignleft a::after,
.px_blog_v1 .pagination .alignright a::after {
    animation-delay: 0.5s;
}

.px_blog_v1 .pagination .alignleft a:hover::before,
.px_blog_v1 .pagination .alignright a:hover::after,
.px_blog_v1 .pagination .alignleft a:hover::after,
.px_blog_v1 .pagination .alignright a:hover::after {
    opacity: 0.2 !important;
}

.px_blog_v1 > div article ~ div:last-child {
	grid-column: 1/-1;
}

/*---Blog Grid 2 Columns CSS---*/
/* .px_blog_grid_2_col .et_pb_ajax_pagination_container {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(2, 50%);
} */
/*---Blog Grid 4 Columns CSS---*/
/* .px_blog_grid_4_col .et_pb_ajax_pagination_container {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(4, 25%);
} */

/*---Blog Grid 2 Columns CSS Start ---*/
.px_blog_grid_2_col .et_pb_ajax_pagination_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.px_blog_grid_2_col .et_pb_ajax_pagination_container .et_pb_post {
    margin-bottom: 0px !important;
}

.px_blog_grid_2_col .et_pb_ajax_pagination_container .et_pb_post .entry-featured-image-url {
    margin-bottom: 0;
}

@media only screen and (max-width: 750px) {
    .px_blog_grid_2_col .et_pb_ajax_pagination_container {
        grid-template-columns: repeat(1, 1fr);
    }
}

/*---Blog Grid 2 Columns CSS End ---*/
/*---Blog Grid 4 Columns CSS Start---*/
.px_blog_grid_4_col .et_pb_ajax_pagination_container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.px_blog_grid_4_col .et_pb_ajax_pagination_container .et_pb_post {
    margin-bottom: 0px !important;
}

.px_blog_grid_4_col .et_pb_ajax_pagination_container .et_pb_post .entry-featured-image-url {
    margin-bottom: 0;
}

@media only screen and (max-width: 1150px) {
    .px_blog_grid_4_col .et_pb_ajax_pagination_container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 750px) {
    .px_blog_grid_4_col .et_pb_ajax_pagination_container {
        grid-template-columns: repeat(1, 1fr);
    }
}

/*---Blog Grid 4 Columns CSS End ---*/
/* Blog Listing CSS Start */


.px_blog_list .et_pb_post .px_blog_v1_info .entry-title {
    order: 1;
    margin-bottom: 5px;
}

@media only screen and (min-width: 801px) {
    .px_blog_list .et_pb_post {
        display: flex;
        flex-direction: unset;
        padding: 20px;
        margin-bottom: 30px;
    }

    .px_blog_list .et_pb_post .entry-featured-image-url {
        width: 50%;
    }

    .px_blog_list .et_pb_post .px_blog_v1_info {
        width: 50%;
        padding: 0px 20px;
        position: unset;
        height: fit-content;
    }

    .px_blog_list .et_pb_post .post-meta {
        position: unset;
        bottom: unset;
        left: unset;
    }

    .px_blog_list .et_pb_post .post-meta .published {
        top: 30px;
        left: 30px;
    }

    .px_blog_list .et_pb_post .post-content .more-link {
        bottom: -20px;
        right: 15px;
    }
}

/* Blog Listing CSS End */
/* Blog Single Page CSS Start */
.px_blog_single .et_pb_column_single {
    padding: 0px !important;
}

.px_blog_single .px_single_post_title .et_pb_title_container {
    margin-bottom: 20px;
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container {
    padding-top: 10px;
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a {
    color: #202020;
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .author a,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .published,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number a,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a[rel="category tag"] {
    position: relative;
    padding: 10px;
    font-size: 15px;
    margin: 0px 5px;
    overflow: hidden;
    display: inline-block;
    border-radius: 5px;
    z-index: 1;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .author a:hover,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .published:hover,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number a:hover,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a[rel="category tag"]:hover {
    background-color: transparent;
    color: #fff;
    border-color: var(--px-color-1);
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .author a::before,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .published::before,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number a::before,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a[rel="category tag"]::before,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .author a::after,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .published::after,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number a::after,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a[rel="category tag"]::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px !important;
    right: 0;
    opacity: 0 !important;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .author a::after,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .published::after,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number a::after,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a[rel="category tag"]::after {
    animation-delay: 0.5s;
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .author a:hover::before,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .published:hover::before,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number a:hover::before,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a[rel="category tag"]:hover::before,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .author a:hover::after,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .published:hover::after,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number a:hover::after,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a[rel="category tag"]:hover::after {
    opacity: 0.2 !important;
}

.px_blog_single .px_single_blurb_info .et_pb_main_blurb_image {
    margin-bottom: 0px;
}

.px_blog_single .px_single_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.px_blog_single .px_single_tag_info .et_pb_blurb_container {
    display: flex;
    align-items: center;
}

.px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_module_header {
    padding-right: 10px;
}

.px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a {
    padding: 8px !important;
    border-radius: 5px;
}

.px_blog_single .px_single_social_media li.et_pb_social_icon a.icon {
    position: relative;
    overflow: hidden;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: #fff !important;
    border: 1px solid #e5e5e5;
    transition: all 0.4s;
    z-index: 1;
}

.px_blog_single .px_single_social_media li.et_pb_social_icon a.icon:hover {
    background-color: transparent !important;
    border-color: var(--px-color-1);
}

.px_blog_single .px_single_social_media li.et_pb_social_icon a.icon::before {
    color: #202020;
    transition: all 0.4s;
}

.px_blog_single .px_single_social_media li.et_pb_social_icon a.icon:hover::before {
    color: #fff;
}

.px_blog_single .px_single_navigation .nav-previous a[rel="prev"],
.px_blog_single .px_single_navigation .nav-next a[rel="next"],
.px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 10px 20px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: #fff;
    color: #202020;
    border: 1px solid #e5e5e5;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_blog_single .px_single_navigation .nav-previous a[rel="prev"]:hover,
.px_blog_single .px_single_navigation .nav-next a[rel="next"]:hover,
.px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a:hover {
    background-color: transparent;
    color: #fff;
    border-color: var(--px-color-1);
}

.px_blog_single .px_single_navigation .nav-previous a[rel="prev"]::before,
.px_blog_single .px_single_navigation .nav-next a[rel="next"]::before,
.px_blog_single .px_single_navigation .nav-previous a[rel="prev"]::after,
.px_blog_single .px_single_navigation .nav-next a[rel="next"]::after,
.px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a::before,
.px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a::after,
.px_blog_single .px_single_social_media li.et_pb_social_icon a.icon::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px !important;
    right: 0;
    opacity: 0 !important;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_blog_single .px_single_navigation .nav-previous a[rel="prev"]::after,
.px_blog_single .px_single_navigation .nav-next a[rel="next"]::after,
.px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a::after {
    animation-delay: 0.5s;
}

.px_blog_single .px_single_navigation .nav-previous a[rel="prev"]:hover::before,
.px_blog_single .px_single_navigation .nav-next a[rel="next"]:hover::before,
.px_blog_single .px_single_navigation .nav-previous a[rel="prev"]:hover::after,
.px_blog_single .px_single_navigation .nav-next a[rel="next"]:hover::after,
.px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a:hover::before,
.px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a:hover::after,
.px_blog_single .px_single_social_media li.et_pb_social_icon a.icon:hover::after {
    opacity: 0.2 !important;
}

.px_blog_single .px_blog_single_comments .commentlist .comment-body {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_postinfo a {
    color: #181818;
    text-transform: capitalize;
    font-size: 18px;
    transition: all 0.4s;
}

.px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_postinfo a:hover {
    color: var(--px-color-1);
}


.px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_postinfo .fn {
    display: block;
}

.px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_postinfo .comment_date {
    color: #202020;
}

.px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_postinfo .comment-edit-link {
    font-size: 14px;
}

.px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_area .comment-content {
    color: #202020;
}

body #page-container .px_blog_single.et_pb_section .px_blog_single_comments .reply-container .comment-reply-link {
    display: inline-block;
    color: var(--px-color-1) !important;
    text-decoration: underline;
    transition: all 0.4s;
    position: relative;
    left: unset;
    top: unset;
    padding: 10px 0px 0px 0px;
    background-color: transparent;
}

body #page-container .px_blog_single.et_pb_section .px_blog_single_comments .reply-container .comment-reply-link:hover {
    color: #181818 !important;
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form {
    padding-bottom: 0px !important;
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .logged-in-as {
    color: #202020;
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .logged-in-as a {
    color: #202020;
    text-decoration: underline;
    transition: all 0.4s;
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .logged-in-as a:hover {
    color: var(--px-color-1);
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-author,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-email,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-url,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-comment {
    position: relative;
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-author::before,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-email::before,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-url::before,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-comment::before {
    content: "";
    font-family: etmodules;
    position: absolute;
    right: 14px;
    top: 11px;
    color: var(--px-color-1);
    font-size: 16px;
    z-index: 1;
    font-weight: 100;
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-author::before {
    content: "\e08a";
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-email::before {
    content: "\e076";
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-url::before {
    content: "\e0e4";
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-comment::before {
    content: "\e066";
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-author input,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-email input,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-url input,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-comment textarea#comment {
    width: 100% !important;
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-comment textarea#comment {
    border-color: #e5e5e5 !important;
    box-shadow: none !important;
}

.px_blog_single .px_blog_single_comments .comment-form .form-submit .submit.et_pb_button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 12px 20px !important;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_blog_single .px_blog_single_comments .comment-form .form-submit .submit.et_pb_button:hover {
    background-position: 100% 0 !important;
}

.px_blog_single .px_blog_single_comments .comment-form .form-submit .submit.et_pb_button::before,
.px_blog_single .px_blog_single_comments .comment-form .form-submit .submit.et_pb_button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px !important;
    right: 0;
    opacity: 0 !important;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_blog_single .px_blog_single_comments .comment-form .form-submit .submit.et_pb_button::after {
    animation-delay: 0.5s;
}

.px_blog_single .px_blog_single_comments .comment-form .form-submit .submit.et_pb_button:hover::before,
.px_blog_single .px_blog_single_comments .comment-form .form-submit .submit.et_pb_button:hover::after {
    opacity: 0.2 !important;
}

/* Blog Single Page CSS End */
/* -----------------------------------
    07. Services CSS
-------------------------------------*/
/*---Services v1 CSS---*/
/*Img Css */
.px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
    height: 80px;
    width: 80px;
    border-radius: 10px;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    transition: all 0.4s;
}

.px_services_v1:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
    background-position: 100% 0 !important;
}

/*Title Css */
.px_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
    color: #181818;
    transition: all 0.4s;
}

.px_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:hover {
    color: var(--px-color-1);
}

/*---Services v2  CSS---*/
.px_services_v2 {
    transition: all 0.4s !important;
}

.px_services_v2:hover {
    box-shadow: 0px 10px 18px 0px rgb(20 0 36 / 5%);
}

.px_services_v2 .et_pb_image_wrap .et-pb-icon {
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.px_services_v2 .et_pb_module_header {
    color: #181818;
    transition: all 0.4s !important;
}

.px_services_v2 .et_pb_module_header:hover {
    color: var(--px-color-1);
}

/*---Services v3  CSS---*/
.px_services_v3 .px_services_info .et_pb_main_blurb_image .et_pb_image_wrap {
    position: relative;
    background-color: #fff;
    padding: 25px;
    z-index: 1;
}

.px_services_v3 .px_services_info .et_pb_main_blurb_image .et_pb_image_wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    clip-path: circle(50% at 50% 0);
    border-radius: 50%;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    z-index: -1;
    animation: 3s infinite alternate loader;
}

.px_services_v3 .px_services_row .et_pb_column:nth-child(2) .px_services_info .et_pb_main_blurb_image .et_pb_image_wrap::before {
    animation-delay: 0.4s;
}

.px_services_v3 .px_services_row .et_pb_column:nth-child(3) .px_services_info .et_pb_main_blurb_image .et_pb_image_wrap::before {
    animation-delay: 0.6s;
}

.px_services_v3 .px_services_row .et_pb_column:nth-child(4) .px_services_info .et_pb_main_blurb_image .et_pb_image_wrap::before {
    animation-delay: 0.8s;
}



.px_services_v3 .px_services_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    position: relative;
    z-index: 2;
    background-color: #fff;
    box-shadow: 0px 0px 18px 0px rgb(20 0 36 / 10%);
    border-radius: 50%;
    height: 80px;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--px-color-1);
}

/*---Services v4 CSS---*/
.px_services_v4 {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.px_services_v4::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0%;
    left: 0;
    top: 0;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    transition: all 0.4s;
    z-index: -1;
}

.px_services_v4:hover::before {
    height: 100%;
}

/*Img Css */
.px_services_v4 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    width: 80px;
    border-radius: 10px;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1)) !important;
    background-blend-mode: overlay;
    background-color: transparent;
    transition: all 0.4s;
}

.px_services_v4:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
    background-color: #fff !important;
}

.px_services_v4 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    color: #fff;
    transition: all 0.4s;
}

.px_services_v4:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    color: var(--px-color-1);
}

/*Title Css */
.px_services_v4 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
    color: #181818;
    transition: all 0.4s;
}

/*Description Css */
.px_services_v4 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
    color: #5b5b5b;
    transition: all 0.4s;
}

.px_services_v4:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header,
.px_services_v4:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
    color: #fff;
}

/* -----------------------------------
    08. Contact Us CSS
-------------------------------------*/
/*---Contact Us v1  CSS---*/
.px_contact_v1 .px_contact_info .et_pb_main_blurb_image {
    margin-bottom: 15px;
}

.px_contact_v1 .px_contact_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.px_contact_v1 .px_contact_form {
    border-radius: 10px;
    box-shadow: 0px 10px 18px 0px rgba(20, 0, 36, 0.05);
}

.px_contact_v1 .px_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit {
    position: relative;
    overflow: hidden;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_contact_v1 .px_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover {
    background-position: 100% 0 !important;
}

.px_contact_v1 .px_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit::before,
.px_contact_v1 .px_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_contact_v1 .px_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit::after {
    animation-delay: 0.5s;
}

.px_contact_v1 .px_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover::before,
.px_contact_v1 .px_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover::after {
    opacity: 0.2 !important;
}

/* -----------------------------------
    09. Team Section CSS
-------------------------------------*/
/*---Team v1  CSS---*/
/* Image Css */

.px_team_v1 .et_pb_team_member_image {
    padding-right: 20px;
    margin-bottom: 0px;
}

.px_team_v1 .et_pb_team_member_image,
.px_team_v1 .et_pb_team_member_image img {
    width: 100%;
    max-width: 100%;
}

.px_team_v1 .et_pb_team_member_image img {
    border-radius: 5px;
    box-shadow: 0px 10px 18px 0px rgb(20 0 36 / 5%);
}

/* Description Css*/
.px_team_v1 .et_pb_team_member_description {
    text-align: center;
    position: relative;
    padding: 20px;
    margin-top: -40px;
    z-index: 1;
    max-width: 250px;
    width: 100%;
    margin-left: auto;
    z-index: 1;
}

.px_team_v1 .et_pb_team_member_description::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: calc(100% - 65px);
    border-radius: 5px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 18px 0px rgb(20 0 36 / 5%);
    z-index: -1;
    transition: .2s cubic-bezier(.24, .74, .58, 1);
}

.px_team_v1:hover .et_pb_team_member_description::before {
    height: 100%;
    transition: .2s cubic-bezier(.24, .74, .58, 1);
}

.px_team_v1 .et_pb_team_member_description .et_pb_module_header {
    color: #181818;
    transition: all 0.4s;
}

.px_team_v1:hover .et_pb_team_member_description .et_pb_module_header {
    color: var(--px-color-1);
}

/* Social Links Css*/
.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links {
    margin-top: 15px;
    margin-bottom: 10px;
    opacity: 0;
    visibility: hidden;
    transition: 0s;
}

.px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links {
    opacity: 1;
    visibility: visible;
    transition: all 0.4s;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li {
    margin: 0px 8px;
}

.px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(1) {
    transition-delay: .2s;
}

.px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(2) {
    transition-delay: .3s;
}

.px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(3) {
    transition-delay: .4s;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a {
    position: relative;
    overflow: hidden;
    height: 40px;
    width: 40px;
    color: #777777;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    box-shadow: 0px 10px 18px 0px rgb(20 0 36 / 5%);
    transition: all 0.4s;
    z-index: 1;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover {
    background-color: transparent;
    color: #fff;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 150px;
    height: 150px;
    bottom: -135px;
    right: 0;
    left: -50px;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover::after {
    opacity: 0.2;
}

/* -----------------------------------
    10 Slider Section CSS
-------------------------------------*/
/*---Slider v1  CSS---*/
.px_slider_v1 .et_pb_slide {
    position: relative;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: rgb(255 255 255 / 80%);
    overflow: hidden;
    z-index: 1;
}

.px_slider_v1 .et_pb_slide::before,
.px_slider_v1 .et_pb_slide::after {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    z-index: -1;
    opacity: 0.2;
}

.px_slider_v1 .et_pb_slide::before {
    right: -120px;
    bottom: -120px;
    background: linear-gradient(125deg, var(--px-color-1), transparent);
}

.px_slider_v1 .et_pb_slide::after {
    left: -150px;
    top: -150px;
    background: linear-gradient(315deg, var(--px-color-2), transparent);
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner {
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
}

/*---Image CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image {
    margin-right: 0;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image img {
    animation: translate-img 6s infinite linear alternate;
}

/*---Title CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description {
    margin-left: 0;
    text-shadow: none;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title {
    position: relative;
    width: fit-content;
    margin: 0px 0px 10px 0px;
    text-transform: uppercase;
    color: var(--px-color-1);
    border-radius: 5px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: rgb(255 255 255 / 90%);
    padding: 6px 10px;
}

/*---Button CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {
    position: relative;
    overflow: hidden;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover {
    background-position: 100% 0 !important;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::before,
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::after {
    animation-delay: 0.5s;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover::before,
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover::after {
    opacity: 0.2 !important;
}

/*---Arrow CSS---*/
.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev,
.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next {
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    color: #fff;
    border-radius: 50%;
    padding: 5px;
    font-size: 40px;
    transition: all 0.4s !important;
}

.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev:hover,
.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next:hover {
    background-position: 100% 0 !important;
}

/*---Dots Navigation CSS---*/
.px_slider_v1 .et-pb-controllers {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 15px;
}

.px_slider_v1 .et-pb-controllers a {
    position: relative;
    padding: 0px;
    height: 20px;
    width: 10px;
    border-radius: 50px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    margin: auto 5px;
    box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 20%);
    transition: all 0.4s;
}

.px_slider_v1 .et-pb-controllers a.et-pb-active-control {
    padding: 15px 0px;
}

@media only screen and (max-width: 980px) {
    .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev {
        padding: 0px;
        left: 20px;
        opacity: 1;
    }

    .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next {
        padding: 0px;
        right: 20px;
        opacity: 1;
    }
}

@media only screen and (max-width: 767px) {
    .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title {
        margin: 0px auto 10px auto;
    }
}

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

    .px_slider_v1 .et_pb_slide::before,
    .px_slider_v1 .et_pb_slide::after {
        height: 300px;
        width: 300px;
    }
}

/* -----------------------------------
  	11 Faqs CSS
-------------------------------------*/
/*---Faqs v1  CSS---*/
/*---Title CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {
    position: relative;
    padding: 20px 30px 20px 30px;
    color: #181818;
    transition: all 0.4s;
}

/*---Title Icon CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before {
    content: "\3f";
    font-family: ETmodules !important;
    display: block !important;
    right: 20px;
    font-size: 18px;
    color: #181818;
    transition: all 0.4s;
}

.px_faqs_v1 .et_pb_toggle:hover .et_pb_toggle_title::before {
    color: var(--px-color-1);
}

/*---Open Title CSS---*/
.px_faqs_v1 .et_pb_toggle:hover .et_pb_toggle_title,
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {
    color: var(--px-color-1);
    background-color: #f8f8f8;
}

/*---Open Title Icon CSS--- */
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {
    transform: rotate(180deg);
    color: var(--px-color-1);
}

/*---Content CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_content {
    padding: 20px;
}

/* -----------------------------------
  	14 Testimonial Section CSS
-------------------------------------*/
/*--- Testimonial v1 CSS Start ---*/
.px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-list .slick-track .et_pb_column.slick-slide {
    margin: 10px 20px 20px 20px !important;
}

.px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-dots {
    padding: 0px;
}

.px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-dots li {
    width: auto;
    height: auto;
}

.px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-dots li button {
    position: relative;
    padding: 0px;
    height: 15px;
    width: 9px;
    border-radius: 50px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    margin: auto;
    box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 20%);
    transition: all 0.4s;
}

.px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-dots li button:hover,
.px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-dots li.slick-active button {
    padding: 13px 0px;
}

.px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-dots li button::before {
    display: none;
}

@media only screen and (max-width: 479px) {
    .px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-list .slick-track  {
       display:flex;
    }
}
@media only screen and (max-width: 380px) {
    .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author, .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta  {
      position: relative !important;
	left: 0 !important;
	top: 0 !important;
    }
}

.px_testimonial_v1.et_pb_testimonial:before {
    left: 110px;
    top: 25px;
    padding: 3px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: #fff;
    color: var(--px-color-1);
    box-shadow: 0px 0px 18px 0px rgb(20 0 36 / 10%);
    transition: all 0.4s;
}

.px_testimonial_v1.et_pb_testimonial:hover:before {
    background-color: transparent;
    color: #fff;
}

/*---Tmg CSS---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_portrait {
    float: none;
    margin-left: 0;
}

.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_portrait::before {
    display: none;
}

/*---Description---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description {
    position: unset;
    margin-left: 0px !important;
}

.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content p {
    padding-bottom: 0px;
}

/*---Author & Meta CSS---*/

.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author,
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta {
    position: absolute;
    left: 150px;
}

.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {
    margin: 0;
    top: 55px;
}

.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta {
    top: 85px;
    color: var(--px-color-1);
}

/*--- Testimonial v1 CSS End ---*/

/*Review */
.px_testimonial_v1 .px_review {
    position: absolute;
    left: 0;
    bottom: -22px;
    right: 0;
    width: 150px;
    background: #ec6b15;
    margin: 0 auto;
    margin-bottom: 0;
    text-align: center;
    border-radius: 30px;
    display: block;
    overflow: hidden;
    line-height: 16px
}

.px_testimonial_v1 .px_review .et_pb_text_inner ul {
    position: relative;
    display: block;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.px_testimonial_v1 .px_review .et_pb_text_inner ul li {
    display: inline-block;
    float: none;
    margin: 0 3px;
    color: #fff;
    font-size: 14px;
    line-height: 45px
}

.px_testimonial_v1 .px_review .et_pb_text_inner ul li:before {
    content: "\e033";
    font-family: ETmodules !important
}

.px_testimonial_v1 .px_review .et_pb_text_inner ul li.star:before {
    content: "\e031"
}

.px_testimonial_v1 .px_review .et_pb_text_inner ul li.star-0:before {
    content: "\e032"
}

/*--- Testimonial v2 CSS Start ---*/
.px_testimonial_sec_v2 .et_pb_column_single {
    padding: 0 !important;
}

.px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-list .slick-track .slick-slide {
    margin: 10px 40px 20px 40px !important;
}

.px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-dots {
    padding: 0px;
}

.px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-dots li {
    width: auto;
    height: auto;
}

.px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-dots li button {
    position: relative;
    padding: 0px;
    height: 15px;
    width: 9px;
    border-radius: 50px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    margin: auto;
    box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 20%);
    transition: all 0.4s;
}

.px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-dots li button:hover,
.px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-dots li.slick-active button {
    padding: 13px 0px;
}

.px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-dots li button::before {
    display: none;
}

@media only screen and (min-width: 981px) {
    .px_testimonial_sec_v2>.et_pb_row .et_pb_column {
        margin-top: auto;
        margin-bottom: auto;
    }
}

.px_testimonial_v2.et_pb_testimonial::before,
.px_testimonial_v2.et_pb_testimonial::after {
    content: "" !important;
    width: 50px;
    height: calc(100% - 70px);
    position: absolute;
    background: #fff;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 5px;
    opacity: 0.5;
    visibility: visible;
    box-shadow: 0px 0px 18px 0px rgba(20, 0, 36, 0.05);
}

.px_testimonial_v2.et_pb_testimonial::before {
    left: -20px;
}

.px_testimonial_v2.et_pb_testimonial::after {
    right: -20px;
}

/*---Tmg CSS---*/
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_portrait {
    float: none;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100px;
}

.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_portrait::before {
    display: none;
}

/*---Description---*/
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description {
    position: unset;
    margin-left: 0px !important;
}

.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner {
    position: relative;
    margin-bottom: 130px;
    padding-top: 65px;
}

.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner::before {
    content: "\7b";
    font-family: ETmodules;
    position: absolute;
    font-size: 100px;
    left: 0;
    right: 0;
    top: -50px;
    margin: auto;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content p {
    padding-bottom: 0px;
}

/*---Author & Meta CSS---*/
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {
    margin-top: 0;
}

.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_meta {
    color: var(--px-color-1);
}

/*--- Testimonial v1 CSS End ---*/

/* -----------------------------------
  	15 About Us Section CSS
-------------------------------------*/
/*---About Us v1 CSS---*/
.px_aboutus_v1 .px_aboutus_img_row .px_hero_img_column {
    position: relative;
}

.px_aboutus_v1 .px_aboutus_img_row .px_aboutus_img_column::before {
    position: absolute;
    content: "";
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    color: rgb(255, 255, 255);
    width: 400px;
    height: 400px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    animation: pulse 5s infinite ease-in-out alternate;
    z-index: -1;
}

@media only screen and (max-width: 600px) {
    .px_aboutus_v1 .px_aboutus_img_row .px_aboutus_img_column::before {
        width: 300px;
        height: 300px;
    }
}

.px_aboutus_v1 .px_aboutus_img_row .px_aboutus_img_column .px_aboutus_img .et_pb_image_wrap img {
    border-radius: 10px;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 8%);
}

.px_aboutus_v1 .px_aboutus_img_row .px_aboutus_img_column .px_animation_1_img .et_pb_image_wrap img {
    animation: top-to-bottom 6s infinite linear alternate;
}

.px_aboutus_v1 .px_aboutus_img_row .px_aboutus_img_column .px_animation_2_img .et_pb_image_wrap img {
    animation: left-to-right 6s infinite linear alternate;
}

.px_aboutus_v1 .px_aboutus_img_row .px_aboutus_img_column .px_animation_3_img .et_pb_image_wrap img {
    animation: translate-img 6s infinite linear alternate;
}

@media only screen and (min-width: 981px) {
    .px_aboutus_v1 .px_aboutus_img_row .px_aboutus_img_column {
        margin-top: auto;
        margin-bottom: auto;
    }
}

.px_aboutus_v1 .px_aboutus_counter {
    width: fit-content;
}

.px_aboutus_v1 .px_aboutus_counter .percent {
    margin-bottom: 0px;
    height: auto;
    padding-bottom: 5px;
    color: var(--px-color-1);
}

.px_aboutus_v1 .px_aboutus_counter .percent .percent-value,
.px_aboutus_v1 .px_aboutus_counter .percent .percent-sign {
    color: var(--px-color-1);
}


/* -----------------------------------
  	16 Choose Us Section CSS Start Here
-------------------------------------*/
/*---Choose Us v1 CSS Start---*/

.px_choose_v1 .px_choose_img .et_pb_image_wrap {
    position: relative;
}

.px_choose_v1 .px_choose_img .et_pb_image_wrap::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 300px;
    width: 300px;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, var(--px-color-1), var(--px-color-2)) border-box;
    border: 5px dashed #fff;
    border-radius: 50%;
    z-index: -1;
    animation: fa-spin 25s infinite linear;
}



.px_choose_v1 .px_choose_info .et_pb_blurb_content .et_pb_main_blurb_image,
.px_choose_v1 .px_choose_info .et_pb_blurb_content .et_pb_blurb_container {
    vertical-align: middle;
}

.px_choose_v1 .px_choose_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    border-radius: 10px;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    transition: all 0.4s;
}

.px_choose_v1 .px_choose_info:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
    background-position: 100% 0 !important;
}

.px_choose_v1 .px_choose_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
    color: #181818;
    padding-bottom: 5px;
}

@media only screen and (min-width: 981px) {
    .px_choose_v1 .px_choose_row .et_pb_column {
        margin-top: auto;
        margin-bottom: auto;
    }
}

/*---Choose Us v1 CSS End---*/
/* -----------------------------------
  	16 Choose Us Section CSS End Here
-------------------------------------*/
/* -----------------------------------
  	17 Possess Section CSS Start Here
-------------------------------------*/
.woocommerce-order-received .px_product_possess_sec {
    display: none;
}

.px_product_possess_v1 {
    width: fit-content !important;
}

.px_product_possess_v1 .et_pb_main_blurb_image {
    margin-bottom: 25px;
}

.px_product_possess_v1 .et_pb_image_wrap {
    position: relative;
    height: 75px;
    width: 75px;
    background-color: #fff;
	border-radius: 50%;
	overflow: hidden;
    box-shadow: 0px 10px 18px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transition: all 0.4s;
}

.px_product_possess_v1 .et_pb_image_wrap:before {
    content: "";
    position: absolute;
    display: block !important;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    z-index: -1;
	opacity: 0;
	animation: spin 2s infinite linear;
    transition: all 0.4s;
}

.px_product_possess_v1 .et_pb_main_blurb_image .et-pb-icon {
    color: var(--px-color-1);
    transition: all 0.4s;
}

.px_product_possess_v1:hover .et_pb_image_wrap:before,
.px_product_possess_v1.px_product_possess_active .et_pb_image_wrap:before {
	opacity: 1;
}

.px_product_possess_v1:hover .et_pb_image_wrap .et-pb-icon,
.px_product_possess_v1.px_product_possess_active .et_pb_image_wrap .et-pb-icon {
    color: #fff;
}

@media only screen and (max-width: 479px) {
    .px_product_possess_v1 .et_pb_image_wrap {
        height: 60px;
        width: 60px;
    }
}

/* -----------------------------------
  	17 Possess Section CSS End Here
-------------------------------------*/
/* -----------------------------------
  	19 Video Section CSS Start Here
-------------------------------------*/
/*---Video v1 CSS Start---*/
.px_video_v1 .et_pb_video_overlay {
    background-blend-mode: overlay;
    background-color: transparent;
    transition: all 0.4s;
}

.px_video_v1 .et_pb_video_overlay:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover {
    background-color: #fff !important;
    height: 80px;
    width: 80px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
}

.px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover::before {
    box-sizing: inherit;
    content: "";
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid transparent;
    margin: auto;
    border-radius: 100%;
    transition: all 0.4s;
}

.px_video_v1 .et_pb_video_overlay:hover .et_pb_video_overlay_hover::before {
    border-top-color: var(--px-color-1);
    border-right-color: var(--px-color-1);
    border-left-color: var(--px-color-1);
    border-bottom-color: var(--px-color-1);
    transition:
        border-left-color .15s linear .0s,
        border-top-color .15s linear .1s,
        border-right-color .15s linear .2s,
        border-bottom-color .15s linear .3s;
}

.px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover .et_pb_video_play::before {
    color: var(--px-color-1);
}

/*---Video v1 CSS End---*/
/* -----------------------------------
  	19 Video Section CSS End Here
-------------------------------------*/
/* -----------------------------------
  	22 Newsletter Section CSS
-------------------------------------*/
/*---Newsletter v1 CSS---*/
/*Button Css*/
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_form form .et_pb_newsletter_field {
	margin-bottom: 0px !important;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    width: fit-content;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover {
    background-position: 100% 0 !important;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button::before,
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after {
    animation-delay: 0.5s;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover::before,
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover::after {
    opacity: 0.2 !important;
}

@media only screen and (max-width: 980px) {
  .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap {
    text-align: center;
  }
}

/* -----------------------------------
  	23 CTA Section CSS
-------------------------------------*/
/*---CTA v1 CSS---*/
.px_CTA_v1::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    transition: all 0.4s !important;
}

.px_CTA_v1:hover::before {
    background-position: 100% 0 !important;
}

.px_CTA_v1 .et_pb_button_wrapper .et_pb_button {
    position: relative;
    overflow: hidden;
    z-index: 1;
}


.px_CTA_v1 .et_pb_button_wrapper .et_pb_button::before,
.px_CTA_v1 .et_pb_button_wrapper .et_pb_button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_CTA_v1 .et_pb_button_wrapper .et_pb_button::after {
    animation-delay: 0.5s;
}

.px_CTA_v1 .et_pb_button_wrapper .et_pb_button:hover::before,
.px_CTA_v1 .et_pb_button_wrapper .et_pb_button:hover::after {
    opacity: 0.2 !important;
}


/*---CTA v2 CSS---*/
.px_CTA_v2 .et_pb_promo_description .et_pb_module_header {
    position: relative;
    width: fit-content;
    margin-bottom: 15px;
    color: var(--px-color-1);
    padding: 6px 10px;
    border-radius: 5px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: rgb(255 255 255 / 90%);
}

.px_CTA_v2 .et_pb_button_wrapper .et_pb_button {
    position: relative;
    overflow: hidden;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    transition: all 0.4s;
    z-index: 1;
}

.px_CTA_v2 .et_pb_button_wrapper .et_pb_button:hover {
    background-position: 100% 0 !important;
}

.px_CTA_v2 .et_pb_button_wrapper .et_pb_button::before,
.px_CTA_v2 .et_pb_button_wrapper .et_pb_button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_CTA_v2 .et_pb_button_wrapper .et_pb_button::after {
    animation-delay: 0.5s;
}

.px_CTA_v2 .et_pb_button_wrapper .et_pb_button:hover::before,
.px_CTA_v2 .et_pb_button_wrapper .et_pb_button:hover::after {
    opacity: 0.2 !important;
}

/*---CTA v3 CSS---*/
.px_CTA_v3 .et_pb_promo_description .et_pb_module_header {
    position: relative;
    width: fit-content;
    margin-bottom: 15px;
    color: var(--px-color-1);
    padding: 6px 10px;
    border-radius: 5px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: rgb(255 255 255 / 90%);
}

.px_CTA_v3 .et_pb_button_wrapper .et_pb_button {
    position: relative;
    overflow: hidden;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    transition: all 0.4s;
    z-index: 1;
}

.px_CTA_v3 .et_pb_button_wrapper .et_pb_button:hover {
    background-position: 100% 0 !important;
}

.px_CTA_v3 .et_pb_button_wrapper .et_pb_button::before,
.px_CTA_v3 .et_pb_button_wrapper .et_pb_button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_CTA_v3 .et_pb_button_wrapper .et_pb_button::after {
    animation-delay: 0.5s;
}

.px_CTA_v3 .et_pb_button_wrapper .et_pb_button:hover::before,
.px_CTA_v3 .et_pb_button_wrapper .et_pb_button:hover::after {
    opacity: 0.2 !important;
}

@media only screen and (max-width: 980px) {
  .px_CTA_v3 .et_pb_promo_description .et_pb_module_header {
    margin-left: auto;
	margin-right: auto;
  }
}

/* -----------------------------------
  	24 Countdown Timer Section CSS Start Here
-------------------------------------*/
/* Countdown Timer V1 Start */
@media only screen and (min-width: 981px) {
    .px_countdown_v1 .px_countdown_row .et_pb_column {
        margin-top: auto;
        margin-bottom: auto;
    }
}

.px_countdown_v1 .px_countdown .et_pb_countdown_timer_container .section {
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    border-radius: 5px;
    padding: 10px;
    margin-right: 15px;
}

.px_countdown_v1 .px_countdown .et_pb_countdown_timer_container .section .value {
    display: block;
}

.px_countdown_v1 .px_countdown .et_pb_countdown_timer_container .section .label {
    display: block;
}

.px_countdown_v1 .px_countdown .et_pb_countdown_timer_container .section.sep {
    display: none;
}

/* Countdown Timer V1 End */
/* Countdown Timer V1 Start */
@media only screen and (min-width: 981px) {
    .px_countdown_v2 .px_countdown_row .et_pb_column {
        margin-top: auto;
        margin-bottom: auto;
    }
}

.px_countdown_v2 .px_countdown_img_column {
    position: relative;
}

.px_countdown_v2 .px_countdown_img_column::before {
    position: absolute;
    content: "";
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    color: rgb(255, 255, 255);
    width: 400px;
    height: 400px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    animation: pulse 5s infinite ease-in-out alternate;
    z-index: -1;
}

@media only screen and (max-width: 600px) {
    .px_countdown_v2 .px_countdown_img_column::before {
        width: 300px;
        height: 300px;
    }
}

.px_countdown_v2 .px_countdown_img_column .px_countdown_img .et_pb_image_wrap img {
    border-radius: 10px;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 8%);
}

.px_countdown_v2 .px_countdown_img_column .px_animation_1_img .et_pb_image_wrap img {
    animation: top-to-bottom 6s infinite linear alternate;
}

.px_countdown_v2 .px_countdown_img_column .px_animation_2_img .et_pb_image_wrap img {
    animation: left-to-right 6s infinite linear alternate;
}

.px_countdown_v2 .px_countdown_img_column .px_animation_3_img .et_pb_image_wrap img {
    animation: translate-img 6s infinite linear alternate;
}

.px_countdown_v2 .px_countdown .et_pb_countdown_timer_container .section {
    /* background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2)); */
    background-color: #fff;
    border-radius: 5px;
    padding: 10px;
    margin-right: 15px;
}

.px_countdown_v2 .px_countdown .et_pb_countdown_timer_container .section .value {
    display: block;
}

.px_countdown_v2 .px_countdown .et_pb_countdown_timer_container .section .label {
    display: block;
}

.px_countdown_v2 .px_countdown .et_pb_countdown_timer_container .section.sep {
    display: none;
}

/* Countdown Timer V1 End */
/* -----------------------------------
  	24 Countdown Timer Section CSS End Here
-------------------------------------*/
/* -----------------------------------
  	25 404 Page CSS
-------------------------------------*/

/* -----------------------------------
  	26 Hero Section CSS Start Here
-------------------------------------*/
.px_hero_v1 {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.px_hero_v1::before {
    content: "";
    position: absolute;
    right: -100px;
    bottom: -100px;
    background: linear-gradient(125deg, rgba(255, 255, 255, 0.5), transparent);
    width: 500px;
    height: 500px;
    border-radius: 50%;
    z-index: -1;
}

.px_hero_v1::after {
    content: "";
    position: absolute;
    left: -150px;
    top: -150px;
    background: linear-gradient(315deg, rgba(255, 255, 255, 0.5), transparent);
    width: 500px;
    height: 500px;
    border-radius: 50%;
    z-index: -1;
}

.px_hero_v1 .px_hero_img_column {
    position: relative;
}

.px_hero_v1 .px_hero_img_column::before {
    position: absolute;
    content: "";
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    color: rgb(255, 255, 255);
    width: 400px;
    height: 400px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    animation: gelatines 2s infinite ease alternate;
    z-index: -1;
}

@media only screen and (max-width: 600px) {
    .px_hero_v1 .px_hero_img_column::before {
        width: 300px;
        height: 300px;
    }
}

.px_hero_v1 .px_hero_row .et_pb_column .px_hero_img .et_pb_image_wrap img {
    border-radius: 10px;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 8%);
}

.px_hero_v1 .px_hero_row .et_pb_column .px_animation_1_img .et_pb_image_wrap img {
    animation: top-to-bottom 6s infinite linear alternate;
}

.px_hero_v1 .px_hero_row .et_pb_column .px_animation_2_img .et_pb_image_wrap img {
    animation: left-to-right 6s infinite linear alternate;
}

.px_hero_v1 .px_hero_row .et_pb_column .px_animation_3_img .et_pb_image_wrap img {
    animation: translate-img 6s infinite linear alternate;
}

@media only screen and (min-width: 981px) {
    .px_hero_v1 .px_hero_row .et_pb_column {
        margin-top: auto;
        margin-bottom: auto;
    }
}

/* -----------------------------------
  	26 Hero Section CSS End Here
-------------------------------------*/
/* -----------------------------------
  	27 Search Page CSS Start Here
-------------------------------------*/
.px_search_v1 {
    border-radius: 5px;
}

.px_search_v1 .et_pb_searchform .et_pb_searchsubmit {
    position: absolute;
    top: 4px;
    bottom: 4px;
    right: 4px;
    border-radius: 5px;
    min-height: unset !important;
    padding: 10px 20px;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    transition: all 0.4s !important;
}

.px_search_v1 .et_pb_searchform .et_pb_searchsubmit:hover {
    background-position: 100% 0 !important;
}

/* -----------------------------------
  	27 Search Page CSS End Here
-------------------------------------*/
/*-------------------------------------------
  -- 29 Categories Section CSS Start Here
-------------------------------------------*/
.px_categories_v1 .et_pb_main_blurb_image {
    margin-bottom: 0px;
}

.px_categories_v1 .et_pb_main_blurb_image .et_pb_image_wrap img {
    transition: all 0.4s;
}

.px_categories_v1:hover .et_pb_main_blurb_image .et_pb_image_wrap img {
    filter: brightness(0.5);
}

.px_categories_v1 .et_pb_blurb_container .et_pb_module_header {
    position: absolute;
    bottom: 30px;
    width: fit-content;
    font-size: 15px;
    margin: auto;
    left: 0;
    right: 0;
    padding: 15px;
    color: #fff;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2));
    background-size: 300% 100%;
    background-position: 10% 0;
    transform: translateY(-20px);
    transition: all 0.4s;
    z-index: 1;
}

.px_categories_v1 .et_pb_blurb_container .et_pb_module_header:hover {
    background-position: 100% 0;
}

.px_categories_v1:hover .et_pb_blurb_container .et_pb_module_header {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

/*-------------------------------------------
  -- 29 Categories Section CSS End Here
-------------------------------------------*/

/* -----------------------------------
    31. Animation Part CSS
-------------------------------------*/
/**Color Picker Img Animation*/
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

@keyframes animateBubble {
    0% {
        margin-top: 20%;
    }

    100% {
        margin-top: -30%;
    }
}

@keyframes sideWays {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: 25px;
    }
}

@keyframes gelatines {

    from,
    to {
        transform: scale(1, 1);
    }

    25% {
        transform: scale(0.9, 1.1);
    }

    50% {
        transform: scale(1.1, 0.9);
    }

    75% {
        transform: scale(0.95, 1.05);
    }
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.2, 1.2, 1.2)
    }

    to {
        transform: scaleX(1)
    }
}


@keyframes wave {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(0.975);
    }

    100% {
        transform: rotate(360deg) scale(1);
    }
}

@keyframes loader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(250deg);
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes top-to-bottom {

    0% {
        transform: translateY(0);
    }

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

    50% {
        transform: translateY(0);
    }

    75% {
        transform: translateY(5px);
    }

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

@keyframes left-to-right {

    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    50% {
        transform: translateX(0);
    }

    75% {
        transform: translateX(5px);
    }

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

@keyframes translate-img {

    0% {
        transform: translate(0);
    }

    25% {
        transform: translate(-5px, -5px);
    }

    50% {
        transform: translate(0);
    }

    75% {
        transform: translate(5px, 5px);
    }

    100% {
        transform: translate(0);
    }
}

/* -----------------------------------
      00. Page Title CSS Start Here
  -------------------------------------*/
/* Simple Page Title CSS Start */

.px_page_title,
.et-db #et-boc .et-l .px_page_title {
    position: relative;
    overflow: hidden;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    padding-top: 80px;
    z-index: 1;
}

.px_page_title::before,
.et-db #et-boc .et-l .px_page_title::before {
    content: "";
    position: absolute;
    left: -50px;
    top: -50px;
    background: linear-gradient(320deg, rgba(255, 255, 255, 0.4), transparent);
    width: 200px;
    height: 200px;
    border-radius: 50%;
    z-index: -1;
}

.px_page_title::after,
.et-db #et-boc .et-l .px_page_title::after {
    content: "";
    position: absolute;
    right: -50px;
    top: -50px;
    background: linear-gradient(60deg, rgba(255, 255, 255, 0.4), transparent);
    width: 200px;
    height: 200px;
    border-radius: 50%;
    z-index: -1;
}


.px_page_title .px_page_title_name .et_pb_text_inner,
.et-db #et-boc .et-l .px_page_title .px_page_title_name .et_pb_text_inner {
    text-align: center;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 600;
    color: #fff;
}

.px_page_title .px_page_title_row,
.et-db #et-boc .et-l .px_page_title .px_page_title_row {
    padding-top: 0;
}

.px_page_title .px_page_title_row .px_page_title_column,
.et-db #et-boc .et-l .px_page_title .px_page_title_row .px_page_title_column {
    display: flex;
    align-items: center;
    justify-content: center;
}

.px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn,
.et-db #et-boc .et-l .px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn {
    color: #fff;
    font-size: 18px;
}

.px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn:hover,
.et-db #et-boc .et-l .px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn:hover {
    color: #181818;
}

.px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn::before,
.et-db #et-boc .et-l .px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn::before {
    color: #fff !important;
}

/* Simple Page Title CSS End */
/* Product Page Title CSS Start */
.px_product_title_v1,
.et-db #et-boc .et-l .px_product_title_v1 {
    position: relative;
    overflow: hidden;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    padding-top: 80px !important;
    z-index: 1;
}

.px_product_title_v1::before,
.et-db #et-boc .et-l .px_product_title_v1::before {
    content: "";
    position: absolute;
    left: -50px;
    top: -50px;
    background: linear-gradient(320deg, rgba(255, 255, 255, 0.4), transparent);
    width: 200px;
    height: 200px;
    border-radius: 50%;
    z-index: -1;
}

.px_product_title_v1::after,
.et-db #et-boc .et-l .px_product_title_v1::after {
    content: "";
    position: absolute;
    right: -50px;
    top: -50px;
    background: linear-gradient(60deg, rgba(255, 255, 255, 0.4), transparent);
    width: 200px;
    height: 200px;
    border-radius: 50%;
    z-index: -1;
}

.px_product_title_v1 .px_product_title_name h1,
.et-db #et-boc .et-l .px_product_title_v1 .px_product_title_name h1 {
    text-align: center;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 600;
    color: #fff;
}

.px_product_title_v1 .px_page_title_row,
.et-db #et-boc .et-l .px_product_title_v1 .px_page_title_row {
    padding-top: 0;
}

.px_product_title_v1 .px_product_breadcrumbs .et_pb_module_inner,
.et-db #et-boc .et-l .px_product_title_v1 .px_product_breadcrumbs .et_pb_module_inner {
    text-align: center;
}

.px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb,
.et-db #et-boc .et-l .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb {
    font-size: 18px;
    color: #fff;
    margin-bottom: 0;
}

.px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb a,
.et-db #et-boc .et-l .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb a {
    font-size: 18px;
    color: #fff;
    transition: all 0.4s;
}

.px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb a:hover,
.et-db #et-boc .et-l .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb a:hover {
    color: #181818;
}

/* Product Page Title CSS End */
/* -----------------------------------
      00. Page Title CSS End Here
  -------------------------------------*/
/* -----------------------------------
      00. Shop Page CSS Start Here
  -------------------------------------*/
/* Shop & Related & Up Sell & Cross Sell Product v1 CSS Start */
.px_wc_product .woocommerce-ordering .orderby {
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    color: #fff !important;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
}

.px_wc_product .woocommerce-ordering .orderby option[selected="selected"] {
    background-color: var(--px-color-1);
}

.px_wc_product .woocommerce-ordering .orderby option {
    background-color: #181818;
    color: #fff;
}

.px_wc_product .woocommerce nav.woocommerce-pagination ul.page-numbers {
    border: none !important;
    padding: 0px 25px !important;
}

.px_wc_product .woocommerce-pagination .page-numbers li {
    border: none;
    padding: 10px 5px 20px 5px;
    overflow: visible;
}

.px_wc_product .woocommerce-pagination .page-numbers li .page-numbers {
    position: relative;
    overflow: hidden;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 5px 18px 0px rgb(20 0 36 / 10%);
    color: #181818;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.4s;
    cursor: pointer;
    z-index: 1;
}

.px_wc_product .woocommerce-pagination .page-numbers li .page-numbers:hover,
.px_wc_product .woocommerce-pagination .page-numbers li .page-numbers.current {
    background-color: transparent;
    color: #fff;
}

.px_wc_product .woocommerce-pagination .page-numbers li .page-numbers::before,
.px_wc_product .woocommerce-pagination .page-numbers li .page-numbers::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 150px;
    height: 150px;
    bottom: -140px;
    right: 0;
    left: -50px;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_wc_product .woocommerce-pagination .page-numbers li .page-numbers::after {
    animation-delay: 0.5s;
}

.px_wc_product .woocommerce-pagination .page-numbers li .page-numbers:hover::before,
.px_wc_product .woocommerce-pagination .page-numbers li .page-numbers.current::before,
.px_wc_product .woocommerce-pagination .page-numbers li .page-numbers:hover::after,
.px_wc_product .woocommerce-pagination .page-numbers li .page-numbers.current::after {
    opacity: 0.2 !important;
}

.px_wc_product .woocommerce .woocommerce-result-count,
.px_wc_related_product .related h2,
.px_wc_upsell_product .up-sells h2,
.px_wc_cross_sell_product .cross-sells h2,
.et-db #et-boc .et-l .px_wc_product .woocommerce .woocommerce-result-count,
.et-db #et-boc .et-l .px_wc_related_product .related h2,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells h2,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells h2 {
    color: #181818;
    font-size: 18px;
    font-weight: 600;
}

.px_wc_product ul.products li.product,
.px_wc_related_product .related ul.products li.product,
.px_wc_upsell_product .up-sells ul.products li.product,
.px_wc_cross_sell_product .cross-sells ul.products li.product,
.et-db #et-boc .et-l .px_wc_product ul.products li.product,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product {
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    transition: all 0.4s;
}

.px_wc_product ul.products li.product:hover,
.px_wc_related_product .related ul.products li.product:hover,
.px_wc_upsell_product .up-sells ul.products li.product:hover,
.px_wc_cross_sell_product .cross-sells ul.products li.product:hover,
.et-db #et-boc .et-l .px_wc_product ul.products li.product:hover,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:hover {
    border-color: transparent;
    box-shadow: 0px 10px 18px 0px rgb(20 0 36 / 5%);
}

.px_wc_product ul.products li.product .woocommerce-LoopProduct-link .onsale,
.px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .onsale,
.px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale,
.px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .onsale,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .onsale,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale {
    top: 15px !important;
    left: 15px !important;
    font-size: 12px;
    height: 45px;
    width: 45px;
    line-height: 3.6 !important;
    border-radius: 50% !important;
    text-transform: uppercase;
    padding: 0px !important;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2)) !important;
    transition: all 0.4s;
}

.px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .onsale,
.px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .onsale,
.px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .onsale,
.px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .onsale,
.et-db #et-boc .et-l .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .onsale,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .onsale,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .onsale,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .onsale {
    animation: gelatines 2s infinite ease alternate;
}

.px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image,
.px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image,
.px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image,
.px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}

.px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::before,
.px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::before,
.px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::before,
.px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::before,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::before,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::before,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::before,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .3s ease;
    height: 0;
    width: 0;
    opacity: 0;
    border-radius: 50%;
    background: #fff;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    z-index: 1;
    animation: gelatines 2s infinite ease alternate;
}

.px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image::before,
.px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image::before,
.px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image::before,
.px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image::before,
.et-db #et-boc .et-l .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image::before,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image::before,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image::before,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image::before {
    transition: all .3s ease;
    opacity: 0.35;
    height: 80%;
    width: 80%;
}

.px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img,
.px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img,
.px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img,
.px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img {
    margin-bottom: 0px !important;
    transition: all 0.4s;
}

.px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img,
.px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img,
.px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img,
.px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img,
.et-db #et-boc .et-l .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img {
    transform: scale(1.1);
}

.px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.et-db #et-boc .et-l .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay {
    display: none !important;
}

.px_wc_product ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title {
    text-align: center;
    font-size: 18px !important;
    font-weight: 600;
    padding: 0px;
    margin: 15px 0px 10px 0px;
    color: #181818;
    transition: all 0.4s;
}

.px_wc_product ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover,
.px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover,
.px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover,
.px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover {
    color: var(--px-color-1);
}

.px_wc_product ul.products li.product .woocommerce-LoopProduct-link .star-rating,
.px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .star-rating,
.px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating,
.px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .star-rating,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .star-rating,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating {
    margin-left: auto !important;
    margin-right: auto !important;
}

.px_wc_product ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before,
.px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before,
.px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before,
.px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before {
    color: #ffae07;
}

.px_wc_product ul.products li.product .woocommerce-LoopProduct-link .price,
.px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .price,
.px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .price,
.px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .price,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .price,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .price,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price {
    text-align: center;
    font-size: 18px;
    color: var(--px-color-1) !important;
    font-weight: 600 !important;
    margin-top: 10px !important;
}

.px_wc_product ul.products li.product .woocommerce-LoopProduct-link .price del[aria-hidden="true"],
.px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .price del[aria-hidden="true"],
.px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .price del[aria-hidden="true"],
.px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price del[aria-hidden="true"],
.et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .price del[aria-hidden="true"] .woocommerce-Price-amount,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .price del[aria-hidden="true"],
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .price del[aria-hidden="true"],
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price del[aria-hidden="true"] {
    font-size: 18px;
    color: #626262 !important;
}

.px_wc_product ul.products li.product .button,
.px_wc_related_product .related ul.products li.product .button,
.px_wc_upsell_product .up-sells ul.products li.product .button,
.px_wc_cross_sell_product .cross-sells ul.products li.product .button,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .button,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    margin: auto;
    width: fit-content;
    height: fit-content;
    overflow: hidden;
    border: none;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2));
    background-size: 300% 100%;
    background-position: 10% 0;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    transform: scale(0);
    z-index: 1;
    transition: all 0.4s;
}

.px_wc_product ul.products li.product .button:hover,
.px_wc_related_product .related ul.products li.product .button:hover,
.px_wc_upsell_product .up-sells ul.products li.product .button:hover,
.px_wc_cross_sell_product .cross-sells ul.products li.product .button:hover,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .button:hover,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button:hover,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button:hover,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button:hover {
    background-position: 100% 0;
    transition: all 0.4s;
    transition-delay: 0s !important;
}

.px_wc_product ul.products li.product:hover .button,
.px_wc_related_product .related ul.products li.product:hover .button,
.px_wc_upsell_product .up-sells ul.products li.product:hover .button,
.px_wc_cross_sell_product .cross-sells ul.products li.product:hover .button,
.et-db #et-boc .et-l .px_wc_product ul.products li.product:hover .button,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover .button,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover .button,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .button {
    transform: scale(1);
    /* transition-delay: 0.4s; */
}

.px_wc_product ul.products li.product .button::before,
.px_wc_related_product .related ul.products li.product .button::before,
.px_wc_upsell_product .up-sells ul.products li.product .button::before,
.px_wc_cross_sell_product .cross-sells ul.products li.product .button::before,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .button::before,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button::before,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button::before,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button::before,
.px_wc_product ul.products li.product .button::after,
.px_wc_related_product .related ul.products li.product .button::after,
.px_wc_upsell_product .up-sells ul.products li.product .button::after,
.px_wc_cross_sell_product .cross-sells ul.products li.product .button::after,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .button::after,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button::after,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button::after,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_wc_product ul.products li.product .button::after,
.px_wc_related_product .related ul.products li.product .button::after,
.px_wc_upsell_product .up-sells ul.products li.product .button::after,
.px_wc_cross_sell_product .cross-sells ul.products li.product .button::after,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .button::after,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button::after,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button::after,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button::after {
    animation-delay: 0.5s;
}

.px_wc_product ul.products li.product .button:hover::before,
.px_wc_related_product .related ul.products li.product .button:hover::before,
.px_wc_upsell_product .up-sells ul.products li.product .button:hover::before,
.px_wc_cross_sell_product .cross-sells ul.products li.product .button:hover::before,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .button:hover::before,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button:hover::before,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button:hover::before,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button:hover::before,
.px_wc_product ul.products li.product .button:hover::after,
.px_wc_related_product .related ul.products li.product .button:hover::after,
.px_wc_upsell_product .up-sells ul.products li.product .button:hover::after,
.px_wc_cross_sell_product .cross-sells ul.products li.product .button:hover::after,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .button:hover::after,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button:hover::after,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button:hover::after,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button:hover::after {
    opacity: 0.2 !important;
}

.px_wc_product ul.products li.product .added_to_cart,
.px_wc_related_product .related ul.products li.product .added_to_cart,
.px_wc_upsell_product .up-sells ul.products li.product .added_to_cart,
.px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .added_to_cart,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .added_to_cart,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart {
    position: absolute;
    padding: 5px;
    border-radius: 5px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: #fff;
    color: #181818;
    text-align: center;
    backdrop-filter: blur(2px);
    overflow: hidden;
    transition: all 0.4s;
    z-index: 1;
}

.px_wc_product ul.products li.product .added_to_cart:hover,
.px_wc_related_product .related ul.products li.product .added_to_cart:hover,
.px_wc_upsell_product .up-sells ul.products li.product .added_to_cart:hover,
.px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart:hover,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .added_to_cart:hover,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .added_to_cart:hover,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart:hover,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart:hover {
    color: #fff;
    background-color: transparent;
}

.px_wc_product ul.products li.product .added_to_cart::before,
.px_wc_related_product .related ul.products li.product .added_to_cart::before,
.px_wc_upsell_product .up-sells ul.products li.product .added_to_cart::before,
.px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart::before,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .added_to_cart::before,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .added_to_cart::before,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart::before,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart::before,
.px_wc_product ul.products li.product .added_to_cart::after,
.px_wc_related_product .related ul.products li.product .added_to_cart::after,
.px_wc_upsell_product .up-sells ul.products li.product .added_to_cart::after,
.px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart::after,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .added_to_cart::after,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .added_to_cart::after,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart::after,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -165px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_wc_product ul.products li.product .added_to_cart::after,
.px_wc_related_product .related ul.products li.product .added_to_cart::after,
.px_wc_upsell_product .up-sells ul.products li.product .added_to_cart::after,
.px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart::after,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .added_to_cart::after,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .added_to_cart::after,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart::after,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart::after {
    animation-delay: 0.5s;
}

.px_wc_product ul.products li.product .added_to_cart:hover::before,
.px_wc_related_product .related ul.products li.product .added_to_cart:hover::before,
.px_wc_upsell_product .up-sells ul.products li.product .added_to_cart:hover::before,
.px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart:hover::before,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .added_to_cart:hover::before,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .added_to_cart:hover::before,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart:hover::before,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart:hover::before,
.px_wc_product ul.products li.product .added_to_cart:hover::after,
.px_wc_related_product .related ul.products li.product .added_to_cart:hover::after,
.px_wc_upsell_product .up-sells ul.products li.product .added_to_cart:hover::after,
.px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart:hover::after,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .added_to_cart:hover::after,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .added_to_cart:hover::after,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart:hover::after,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart:hover::after {
    opacity: 0.2;
}

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

    .px_wc_product ul.products li.product:nth-child(n),
    .px_wc_related_product .related ul.products li.product:nth-child(n),
    .px_wc_upsell_product .up-sells ul.products li.product:nth-child(n),
    .px_wc_cross_sell_product .cross-sells ul.products li.product:nth-child(n),
    .et-db #et-boc .et-l .px_wc_product ul.products li.product:nth-child(n),
    .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:nth-child(n),
    .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:nth-child(n),
    .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:nth-child(n) {
        margin-bottom: 4% !important;
    }
}

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

    .px_wc_product ul.products li.product,
    .px_wc_related_product .related ul.products li.product,
    .px_wc_upsell_product .up-sells ul.products li.product,
    .px_wc_cross_sell_product .cross-sells ul.products li.product,
    .et-db #et-boc .et-l .px_wc_product ul.products li.product,
    .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product,
    .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product,
    .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product {
        width: 100% !important;
    }
}

/* Shop & Related & Up Sell & Cross Sell Product v1 CSS End */
/* Shop & Related & Up Sell & Cross Sell Product v2 CSS Start */
.px_wc_product_v2 .woocommerce nav.woocommerce-pagination ul.page-numbers {
    border: none !important;
    padding: 0px 25px !important;
}

.px_wc_product_v2 .woocommerce-pagination .page-numbers li {
    border: none;
    padding: 10px 5px 20px 5px;
    overflow: visible;
}

.px_wc_product_v2 .woocommerce-pagination .page-numbers li .page-numbers {
    position: relative;
    overflow: hidden;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 5px 18px 0px rgb(20 0 36 / 10%);
    color: #181818;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.4s;
    cursor: pointer;
    z-index: 1;
}

.px_wc_product_v2 .woocommerce-pagination .page-numbers li .page-numbers:hover,
.px_wc_product_v2 .woocommerce-pagination .page-numbers li .page-numbers.current {
    background-color: transparent;
    color: #fff;
}

.px_wc_product_v2 .woocommerce-pagination .page-numbers li .page-numbers::before,
.px_wc_product_v2 .woocommerce-pagination .page-numbers li .page-numbers::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 150px;
    height: 150px;
    bottom: -140px;
    right: 0;
    left: -50px;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_wc_product_v2 .woocommerce-pagination .page-numbers li .page-numbers::after {
    animation-delay: 0.5s;
}

.px_wc_product_v2 .woocommerce-pagination .page-numbers li .page-numbers:hover::before,
.px_wc_product_v2 .woocommerce-pagination .page-numbers li .page-numbers.current::before,
.px_wc_product_v2 .woocommerce-pagination .page-numbers li .page-numbers:hover::after,
.px_wc_product_v2 .woocommerce-pagination .page-numbers li .page-numbers.current::after {
    opacity: 0.2 !important;
}

.px_wc_product_v2 ul.products li.product,
.px_wc_related_product_v2 .related ul.products li.product,
.px_wc_upsell_product_v2 .up-sells ul.products li.product,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product {
    position: relative;
	border-radius: 10px;
    z-index: 1;
	border: 1px solid #e5e5e5;
    transition: all 0.4s;
}

.px_wc_product_v2 ul.products li.product:hover
.px_wc_related_product_v2 .related ul.products li.product:hover
.px_wc_upsell_product_v2 .up-sells ul.products li.product:hover
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product:hover
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product:hover
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product:hover
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product:hover
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product:hover {
	border-color: transparent;
}

.px_wc_product_v2 ul.products li.product::before,
.px_wc_related_product_v2 .related ul.products li.product::before,
.px_wc_upsell_product_v2 .up-sells ul.products li.product::before,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product::before,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product::before,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product::before,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product::before,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0px 5px 18px 0px rgb(20 0 36 / 6%);
    border-radius: 10px;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transform: scale(0.96) translateY(0);
    transition: all 0.4s;
}

.px_wc_product_v2 ul.products li.product:hover::before,
.px_wc_related_product_v2 .related ul.products li.product:hover::before,
.px_wc_upsell_product_v2 .up-sells ul.products li.product:hover::before,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product:hover::before,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product:hover::before,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product:hover::before,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product:hover::before,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product:hover::before {
    opacity: 1;
    visibility: visible;
    transform: scale(1.1);
    transition: all .3s;
}

.px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .onsale,
.px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .onsale,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .onsale,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .onsale,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale {
    top: 50px !important;
    left: 10px !important;
    font-size: 12px;
    height: 45px;
    width: 45px;
    line-height: 3.6 !important;
    border-radius: 50% !important;
    text-transform: uppercase;
    padding: 0px !important;
    transform: scale(0);
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2)) !important;
    transition: all 0.4s;
}

.px_wc_product_v2 ul.products li.product:hover .woocommerce-LoopProduct-link .onsale,
.px_wc_related_product_v2 .related ul.products li.product:hover .woocommerce-LoopProduct-link .onsale,
.px_wc_upsell_product_v2 .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .onsale,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .onsale,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product:hover .woocommerce-LoopProduct-link .onsale,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product:hover .woocommerce-LoopProduct-link .onsale,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .onsale,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .onsale {
    transform: scale(1);
    top: 10px !important;
    transition-delay: 0.4s;
}

.px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .et_shop_image,
.px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .et_shop_image,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image {
    overflow: hidden;
    border-radius: 10px;
}

.px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img,
.px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img {
    margin-bottom: 0px !important;
    transition: all 0.4s;
}

.px_wc_product_v2 ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img,
.px_wc_related_product_v2 .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img,
.px_wc_upsell_product_v2 .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img {
    transform: scale(1.1);
}

.px_wc_product_v2 ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.px_wc_related_product_v2 .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.px_wc_upsell_product_v2 .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay {
    display: none !important;
}

.px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title {
    text-align: center;
    font-size: 18px !important;
    font-weight: 600;
    padding: 0px;
    margin: 15px 0px 10px 0px;
    color: #181818;
    transition: all 0.4s;
}

.px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover,
.px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover {
    color: var(--px-color-1);
}

.px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .star-rating,
.px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .star-rating,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .star-rating,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .star-rating,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating {
    margin-left: auto !important;
    margin-right: auto !important;
}

.px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before,
.px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before {
    color: #ffae07;
}

.px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .price,
.px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .price,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .price,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .price,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .price,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .price,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price {
    text-align: center;
    font-size: 18px;
    color: var(--px-color-1) !important;
    font-weight: 600 !important;
    margin: 10px 0px 20px 0px !important;
}

.px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .price del[aria-hidden="true"],
.px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .price del[aria-hidden="true"],
.px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .price del[aria-hidden="true"],
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price del[aria-hidden="true"],
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .price del[aria-hidden="true"] .woocommerce-Price-amount,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .price del[aria-hidden="true"],
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .price del[aria-hidden="true"],
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price del[aria-hidden="true"] {
    font-size: 18px;
    color: #626262 !important;
}

.px_wc_product_v2 ul.products li.product .button,
.px_wc_related_product_v2 .related ul.products li.product .button,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .button,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .button,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .button,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .button,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .button,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .button {
    position: absolute;
    top: auto;
    bottom: -50px;
    left: 10px;
    right: 10px;
    margin: auto;
    width: fit-content;
    height: fit-content;
    overflow: hidden;
    border: none;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2));
    background-size: 300% 100%;
    background-position: 10% 0;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    transform: scale(0);
    z-index: 1;
    transition: all 0.4s;
}

.px_wc_product_v2 ul.products li.product .button:hover,
.px_wc_related_product_v2 .related ul.products li.product .button:hover,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .button:hover,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .button:hover,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .button:hover,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .button:hover,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .button:hover,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .button:hover {
    background-position: 100% 0;
    transition: all 0.4s;
    transition-delay: 0s !important;
}

.px_wc_product_v2 ul.products li.product:hover .button,
.px_wc_related_product_v2 .related ul.products li.product:hover .button,
.px_wc_upsell_product_v2 .up-sells ul.products li.product:hover .button,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product:hover .button,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product:hover .button,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product:hover .button,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product:hover .button,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product:hover .button {
    transform: scale(1);
    bottom: 10px;
}

.px_wc_product_v2 ul.products li.product .button::before,
.px_wc_related_product_v2 .related ul.products li.product .button::before,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .button::before,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .button::before,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .button::before,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .button::before,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .button::before,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .button::before,
.px_wc_product_v2 ul.products li.product .button::after,
.px_wc_related_product_v2 .related ul.products li.product .button::after,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .button::after,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .button::after,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .button::after,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .button::after,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .button::after,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_wc_product_v2 ul.products li.product .button::after,
.px_wc_related_product_v2 .related ul.products li.product .button::after,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .button::after,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .button::after,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .button::after,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .button::after,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .button::after,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .button::after {
    animation-delay: 0.5s;
}

.px_wc_product_v2 ul.products li.product .button:hover::before,
.px_wc_related_product_v2 .related ul.products li.product .button:hover::before,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .button:hover::before,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .button:hover::before,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .button:hover::before,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .button:hover::before,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .button:hover::before,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .button:hover::before,
.px_wc_product_v2 ul.products li.product .button:hover::after,
.px_wc_related_product_v2 .related ul.products li.product .button:hover::after,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .button:hover::after,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .button:hover::after,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .button:hover::after,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .button:hover::after,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .button:hover::after,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .button:hover::after {
    opacity: 0.2 !important;
}

.px_wc_product_v2 ul.products li.product .added_to_cart,
.px_wc_related_product_v2 .related ul.products li.product .added_to_cart,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .added_to_cart,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .added_to_cart,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .added_to_cart,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .added_to_cart,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .added_to_cart,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .added_to_cart {
    position: absolute;
    padding: 5px 10px;
    border-radius: 5px;
    right: 10px;
    top: 10px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: #fff;
    color: #181818;
    text-align: center;
    backdrop-filter: blur(2px);
    overflow: hidden;
    width: fit-content;
    margin: auto;
    transition: all 0.4s;
    z-index: 1;
}

.px_wc_product_v2 ul.products li.product .added_to_cart:hover,
.px_wc_related_product_v2 .related ul.products li.product .added_to_cart:hover,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .added_to_cart:hover,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .added_to_cart:hover,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .added_to_cart:hover,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .added_to_cart:hover,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .added_to_cart:hover,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .added_to_cart:hover {
    color: #fff;
    background-color: transparent;
}

.px_wc_product_v2 ul.products li.product .added_to_cart::before,
.px_wc_related_product_v2 .related ul.products li.product .added_to_cart::before,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .added_to_cart::before,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .added_to_cart::before,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .added_to_cart::before,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .added_to_cart::before,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .added_to_cart::before,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .added_to_cart::before,
.px_wc_product_v2 ul.products li.product .added_to_cart::after,
.px_wc_related_product_v2 .related ul.products li.product .added_to_cart::after,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .added_to_cart::after,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .added_to_cart::after,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .added_to_cart::after,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .added_to_cart::after,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .added_to_cart::after,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .added_to_cart::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -165px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_wc_product_v2 ul.products li.product .added_to_cart::after,
.px_wc_related_product_v2 .related ul.products li.product .added_to_cart::after,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .added_to_cart::after,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .added_to_cart::after,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .added_to_cart::after,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .added_to_cart::after,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .added_to_cart::after,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .added_to_cart::after {
    animation-delay: 0.5s;
}

.px_wc_product_v2 ul.products li.product .added_to_cart:hover::before,
.px_wc_related_product_v2 .related ul.products li.product .added_to_cart:hover::before,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .added_to_cart:hover::before,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .added_to_cart:hover::before,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .added_to_cart:hover::before,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .added_to_cart:hover::before,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .added_to_cart:hover::before,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .added_to_cart:hover::before,
.px_wc_product_v2 ul.products li.product .added_to_cart:hover::after,
.px_wc_related_product_v2 .related ul.products li.product .added_to_cart:hover::after,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .added_to_cart:hover::after,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .added_to_cart:hover::after,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .added_to_cart:hover::after,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .added_to_cart:hover::after,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .added_to_cart:hover::after,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .added_to_cart:hover::after {
    opacity: 0.2;
}

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

    .px_wc_product_v2 ul.products li.product,
    .px_wc_related_product_v2 .related ul.products li.product,
    .px_wc_upsell_product_v2 .up-sells ul.products li.product,
    .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product,
    .et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product,
    .et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product,
    .et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product,
    .et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product {
        width: 100% !important;
    }
}

/* Shop & Related & Up Sell & Cross Sell Product v2 CSS End */
/* -----------------------------------
      00. Shop Page CSS End Here
  -------------------------------------*/
/* -----------------------------------
      00.Product Mini CSS Start Here
  -------------------------------------*/
/* Shop & Related & Up Sell & Cross Sell Mini Product CSS Start */
.px_wc_product_mini ul.products li.product,
.px_wc_related_product_mini .related ul.products li.product,
.px_wc_upsell_product_mini .up-sells ul.products li.product,
.px_wc_cross_sell_product_mini .cross-sells ul.products li.product {
    padding: 5px;
    border-radius: 5px;
	border: 1px solid #e5e5e5;
    transition: all 0.4s;
}

.px_wc_product_mini ul.products li.product:hover,
.px_wc_related_product_mini .related ul.products li.product:hover,
.px_wc_upsell_product_mini .up-sells ul.products li.product:hover,
.px_wc_cross_sell_product_mini .cross-sells ul.products li.product:hover {
    box-shadow: 0px 10px 18px 0px rgb(20 0 36 / 5%);
    border-color: transparent;
    transform: translateX(0px) translateY(-10px);
}

.px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img,
.px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img,
.px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img,
.px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img {
    float: left;
    height: 80px;
    width: 80px;
    object-fit: cover;
    border-radius: 5px;
    margin-right: 10px !important;
    margin-bottom: 0px !important;
}

.px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title {
    color: #181818 !important;
    font-size: 16px;
    font-weight: 600;
    padding-top: 0px;
    transition: all 0.4s;
}

.px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover,
.px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover,
.px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover,
.px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover {
    color: var(--px-color-1) !important;
}

.px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before,
.px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before,
.px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before,
.px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before {
    color: #ffae07;
}

.px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .price,
.px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .price,
.px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .price,
.px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price {
    color: #181818 !important;
    font-size: 16px;
}

.px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .price del,
.px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .price del,
.px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .price del,
.px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price del {
    color: #777777 !important;
}

.px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .price ins,
.px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .price ins,
.px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .price ins,
.px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price ins {
    color: var(--px-color-1);
}

.px_wc_product_mini ul.products li.product .button,
.px_wc_related_product_mini .related ul.products li.product .button,
.px_wc_upsell_product_mini .up-sells ul.products li.product .button,
.px_wc_cross_sell_product_mini .cross-sells ul.products li.product .button {
    display: none !important;
}

.px_wc_product_mini ul.products li.product .added_to_cart,
.px_wc_related_product_mini .related ul.products li.product .added_to_cart,
.px_wc_upsell_product_mini .up-sells ul.products li.product .added_to_cart,
.px_wc_cross_sell_product_mini .cross-sells ul.products li.product .added_to_cart {
    display: none !important;
}


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

	
	.px_wc_product_mini ul.products li.product,
	.px_wc_related_product_mini .related ul.products li.product,
	.px_wc_upsell_product_mini .up-sells ul.products li.product,
	.px_wc_cross_sell_product_mini .cross-sells ul.products li.product,
    .et-db #et-boc .et-l .px_wc_product_mini ul.products li.product,
    .et-db #et-boc .et-l .px_wc_related_product_mini .related ul.products li.product,
    .et-db #et-boc .et-l .px_wc_upsell_product_mini .up-sells ul.products li.product,
    .et-db #et-boc .et-l .px_wc_cross_sell_product_mini .cross-sells ul.products li.product {
        margin-bottom: 4% !important;
		width: 100% !important;
    }
}

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

    .px_wc_product_mini ul.products li.product,
    .px_wc_related_product_mini .related ul.products li.product,
    .px_wc_upsell_product_mini .up-sells ul.products li.product,
    .px_wc_cross_sell_product_mini .cross-sells ul.products li.product,
    .et-db #et-boc .et-l .px_wc_product_mini ul.products li.product,
    .et-db #et-boc .et-l .px_wc_related_product_mini .related ul.products li.product,
    .et-db #et-boc .et-l .px_wc_upsell_product_mini .up-sells ul.products li.product,
    .et-db #et-boc .et-l .px_wc_cross_sell_product_mini .cross-sells ul.products li.product {
        width: 100% !important;
    }
}

/* Shop & Related & Up Sell & Cross Sell Mini Product CSS End */
/* -----------------------------------
      00.Product Mini CSS End Here
  -------------------------------------*/
/* -----------------------------------  
      00. Single Page CSS Start Here
  -------------------------------------*/
/* px_wc_cart_notice CSS Start */
.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error,
.px_wc_cart_notice .cart-empty,
.et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error,
.et-db #et-boc .et-l .px_wc_cart_notice .cart-empty {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
}

.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li a,
.et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li a {
    text-decoration: underline;
}

.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message,
.et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
}

.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message a,
.et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message a {
    order: 1;
    text-decoration: underline;
}

.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button,
.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button,
.px_wc_cart_notice .return-to-shop .button,
.et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button,
.et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button,
.et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button {
    position: relative;
    overflow: hidden;
    order: 1;
    background-color: rgba(255, 255, 255, 0.25);
    text-decoration: none;
    color: #fff;
    transition: all 0.4s;
    z-index: 1;
}

.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button:hover,
.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button:hover,
.px_wc_cart_notice .return-to-shop .button:hover,
.et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button:hover,
.et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button:hover,
.et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button:hover {
    background-color: #fff;
    color: #181818;
}


.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button::before,
.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button::before,
.px_wc_cart_notice .return-to-shop .button::before,
.et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button::before,
.et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button::before,
.et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button::before,
.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button::after,
.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button::after,
.px_wc_cart_notice .return-to-shop .button::after,
.et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button::after,
.et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button::after,
.et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button::after,
.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button::after,
.px_wc_cart_notice .return-to-shop .button::after,
.et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button::after,
.et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button::after,
.et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button::after {
    animation-delay: 0.5s;
}

.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button:hover::before,
.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button:hover::before,
.px_wc_cart_notice .return-to-shop .button:hover::before,
.et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button:hover::before,
.et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button:hover::before,
.et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button:hover::before,
.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button:hover::after,
.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button:hover::after,
.px_wc_cart_notice .return-to-shop .button:hover::after,
.et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button:hover::after,
.et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button:hover::after,
.et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button:hover::after {
    opacity: 0.2 !important;
}

/* px_wc_cart_notice CSS End */
/* px_wc_product_img CSS Start */
.px_wc_product_img .et_pb_module_inner .onsale,
.et-db #et-boc .et-l .px_wc_product_img .et_pb_module_inner .onsale {
    font-size: 16px !important;
    padding: 5px 15px !important;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2)) !important;
    z-index: 5;
}

.px_wc_product_img .flex-viewport,
.et-db #et-boc .et-l .px_wc_product_img .flex-viewport {
    border-radius: 10px;
    border: 1px solid #e5e5e5;
}

.px_wc_product_img .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image,
.et-db #et-boc .et-l .px_wc_product_img .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
    border-radius: 10px;
    border: 1px solid #e5e5e5;
}

.px_wc_product_img .flex-viewport .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image,
.et-db #et-boc .et-l .px_wc_product_img .flex-viewport .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
    border-radius: 0px;
    border: none;
}

.px_wc_product_img .flex-control-nav li,
.et-db #et-boc .et-l .px_wc_product_img .flex-control-nav li {
    border-radius: 10px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: rgb(255 255 255 / 40%);
}

.px_wc_product_img .flex-control-nav li img,
.et-db #et-boc .et-l .px_wc_product_img .flex-control-nav li img {
    border-radius: 10px;
    box-shadow: 0px 5px 18px 0px rgba(20, 0, 36, 0.1) !important;
}

/* px_wc_product_img CSS End */
/* px_wc_product_title CSS Start */

.px_wc_product_title .et_pb_module_inner h1,
.et-db #et-boc .et-l .px_wc_product_title .et_pb_module_inner h1 {
    color: #181818;
    font-size: 30px;
    font-weight: 600;
}

/* px_wc_product_title CSS End */
/* px_wc_product_rating CSS Start */
.px_wc_product_rating .woocommerce-product-rating span::before,
.et-db #et-boc .et-l .px_wc_product_rating .woocommerce-product-rating span::before {
    color: #ffae07;
}

.px_wc_product_rating .woocommerce-product-rating .woocommerce-review-link,
.et-db #et-boc .et-l .px_wc_product_rating .woocommerce-product-rating .woocommerce-review-link {
    color: #181818;
    text-decoration: underline;
    transition: all 0.4s;
}

.px_wc_product_rating .woocommerce-product-rating .woocommerce-review-link:hover,
.et-db #et-boc .et-l .px_wc_product_rating .woocommerce-product-rating .woocommerce-review-link:hover {
    color: var(--px-color-1);
}

/* px_wc_product_rating CSS End */
/* px_wc_product_price CSS Start */

.px_wc_product_price .price,
.et-db #et-boc .et-l .px_wc_product_price .price {
    color: var(--px-color-1);
}

/* px_wc_product_price CSS End */
/* px_wc_add_to_cart_info CSS Start */
.px_wc_add_to_cart_info .stock,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .stock {
    position: relative;
    font-size: 15px !important;
    font-weight: 600;
    padding-left: 20px;
}

.px_wc_add_to_cart_info .in-stock,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .in-stock {
    color: var(--px-color-2) !important;
}

.px_wc_add_to_cart_info .out-of-stock,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .out-of-stock {
    color: #ff0000 !important;
    position: relative;
}

.px_wc_add_to_cart_info .stock::before,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .stock::before {
    position: absolute;
    content: "";
    font-family: etmodules;
    left: 0;
}

.px_wc_add_to_cart_info .in-stock::before,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .in-stock::before {
    content: "\52";
    color: var(--px-color-1);
}

.px_wc_add_to_cart_info .out-of-stock::before,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .out-of-stock::before {
    content: "\51";
    color: #ff0000;
    top: -1px;
}

/* Variable product */
.px_wc_add_to_cart_info .variations_form .variations tbody tr th,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .variations_form .variations tbody tr th {
    font-size: 16px;
    color: #181818;
}

.px_wc_add_to_cart_info .variations_form .variations tbody tr:last-child td,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .variations_form .variations tbody tr:last-child td {
    padding-bottom: 0px !important;
}

.px_wc_add_to_cart_info .variations_form .variations tbody tr td span:after,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .variations_form .variations tbody tr td span:after {
    margin-top: -3px;
}

.px_wc_add_to_cart_info .variations_form .variations tbody tr td select,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .variations_form .variations tbody tr td select {
    border-radius: 5px;
    padding: 10px;
}

.px_wc_add_to_cart_info .variations_form .variations tbody tr td .reset_variations,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .variations_form .variations tbody tr td .reset_variations {
    color: var(--px-color-1);
    font-size: 15px;
}

.px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price {
    color: var(--px-color-1);
}

/* External/Affiliate product */

.px_wc_add_to_cart_info .cart .button,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_wc_add_to_cart_info .cart .button:hover,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .button:hover {
    background-position: 100% 0 !important;
}


.px_wc_add_to_cart_info .cart .button::before,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .button::before,
.px_wc_add_to_cart_info .cart .button::after,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_wc_add_to_cart_info .cart .button::after,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .button::after {
    animation-delay: 0.5s;
}

.px_wc_add_to_cart_info .cart .button:hover::before,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .button:hover::before,
.px_wc_add_to_cart_info .cart .button:hover::after,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .button:hover::after {
    opacity: 0.2 !important;
}

/* Grouped product */
.px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list {
    width: 100%;
    text-align: center;
}

.px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td {
    vertical-align: middle;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 5px;
    padding-bottom: 5px;
}

.px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr:last-child td,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr:last-child td {
    border-bottom: none;
}

.px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td label a,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td label a {
    font-size: 15px;
    color: #181818;
    transition: all 0.4s;
}

.px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td label a:hover,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td label a:hover {
    color: var(--px-color-1);
}

.px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td .woocommerce-Price-amount,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td .woocommerce-Price-amount {
    font-size: 18px;
    font-weight: 600;
    color: #181818;
}

/* Simple product */
.px_wc_add_to_cart_info .cart .quantity .input-text,
.et-db #et-boc .et-l .et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .quantity .input-text {
    padding: 12px 10px;
    color: #181818;
}

/* px_wc_add_to_cart_info CSS End */
/* px_wc_product_meta CSS Srart */
.px_wc_product_meta .product_meta .sku_wrapper,
.px_wc_product_meta .product_meta .posted_in,
.px_wc_product_meta .product_meta .tagged_as,
.et-db #et-boc .et-l .px_wc_product_meta .product_meta .sku_wrapper,
.et-db #et-boc .et-l .px_wc_product_meta .product_meta .posted_in,
.et-db #et-boc .et-l .px_wc_product_meta .product_meta .tagged_as {
    display: block;
    color: #181818;
    padding: 3px 0px;
}

.px_wc_product_meta .product_meta .sku_wrapper::after,
.px_wc_product_meta .product_meta .posted_in::after,
.px_wc_product_meta .product_meta .tagged_as::after,
.et-db #et-boc .et-l .px_wc_product_meta .product_meta .sku_wrapper::after,
.et-db #et-boc .et-l .px_wc_product_meta .product_meta .posted_in::after,
.et-db #et-boc .et-l .px_wc_product_meta .product_meta .tagged_as::after {
    display: none !important;
}

.px_wc_product_meta .product_meta .posted_in a[rel="tag"],
.px_wc_product_meta .product_meta .tagged_as a[rel="tag"],
.et-db #et-boc .et-l .px_wc_product_meta .product_meta .posted_in a[rel="tag"],
.et-db #et-boc .et-l .px_wc_product_meta .product_meta .tagged_as a[rel="tag"] {
    color: #181818;
    text-decoration: underline;
    transition: all 0.4s;
}

.px_wc_product_meta .product_meta .posted_in a[rel="tag"]:hover,
.px_wc_product_meta .product_meta .tagged_as a[rel="tag"]:hover,
.et-db #et-boc .et-l .px_wc_product_meta .product_meta .posted_in a[rel="tag"]:hover,
.et-db #et-boc .et-l .px_wc_product_meta .product_meta .tagged_as a[rel="tag"]:hover {
    color: var(--px-color-1);
}

/* px_wc_product_meta CSS End */
/* px_wc_product_tabs CSS Start */

.px_wc_product_tabs,
.et-db #et-boc .et-l .px_wc_product_tabs {
    padding: 15px;
}

.px_wc_product_tabs .et_pb_tabs_controls,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_tabs_controls {
    background-color: transparent;
}

.px_wc_product_tabs .et_pb_tabs_controls::after,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_tabs_controls::after {
    border: none;
}

.px_wc_product_tabs li,
.et-db #et-boc .et-l .px_wc_product_tabs li {
    border: none;
}

.px_wc_product_tabs ul li a,
.et-db #et-boc .et-l .px_wc_product_tabs ul li a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    color: #181818;
    border: 1px solid #e5e5e5;
    padding: 10px 15px;
    margin-right: 10px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: #fff;
    border-radius: 5px;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_wc_product_tabs ul li a:hover,
.px_wc_product_tabs ul li.et_pb_tab_active a,
.et-db #et-boc .et-l .px_wc_product_tabs ul li a:hover,
.et-db #et-boc .et-l .px_wc_product_tabs ul li.et_pb_tab_active a {
    border-color: unset;
    background-color: transparent;
    color: #fff !important;
}

.px_wc_product_tabs ul li a::before,
.et-db #et-boc .et-l .px_wc_product_tabs ul li a::before,
.px_wc_product_tabs ul li a::after,
.et-db #et-boc .et-l .px_wc_product_tabs ul li a::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_wc_product_tabs ul li a::after,
.et-db #et-boc .et-l .px_wc_product_tabs ul li a::after {
    animation-delay: 0.5s;
}

.px_wc_product_tabs ul li a:hover::before,
.et-db #et-boc .et-l .px_wc_product_tabs ul li a:hover::before,
.px_wc_product_tabs ul li a:hover::after,
.et-db #et-boc .et-l .px_wc_product_tabs ul li a:hover::after,
.px_wc_product_tabs ul li.et_pb_tab_active a::before,
.et-db #et-boc .et-l .px_wc_product_tabs ul li.et_pb_tab_active a::before,
.px_wc_product_tabs ul li.et_pb_tab_active a::after,
.et-db #et-boc .et-l .px_wc_product_tabs ul li.et_pb_tab_active a::after {
    opacity: 0.2 !important;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab {
    padding: 20px 0px 0px 0px;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content {
    color: #181818;
    font-size: 15px;
}

/* Tabs Additional Info */
.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content h2,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content h2 {
    font-size: 24px;
    font-weight: 600;
    color: #181818;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody tr th,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody tr th {
    border-color: #e5e5e5;
    text-align: left;
    color: #181818;
    background-color: transparent;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody tr td,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody tr td {
    border-color: #e5e5e5;
    text-align: left;
    background-color: transparent;
    font-style: normal;
    color: #181818;
}

/* Tabs Reviews */

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .woocommerce-noreviews,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .woocommerce-noreviews {
    color: #181818;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review {
    margin-bottom: 20px !important;
    padding-bottom: 20px;
    border-bottom: 1px dashed #e5e5e5;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .avatar,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .avatar {
    border-radius: 50%;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .star-rating span::before,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .star-rating span::before {
    color: #ffae07;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta .woocommerce-review__author,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta .woocommerce-review__author {
    text-transform: capitalize;
    color: #181818;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta .woocommerce-review__dash,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta .woocommerce-review__dash {
    color: #181818;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta .woocommerce-review__published-date,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta .woocommerce-review__published-date {
    color: #181818;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .description,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .description {
    color: #181818;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-reply-title,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-reply-title {
    font-size: 20px;
    font-weight: 600;
    color: #181818;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars {
    margin-top: 5px;
    padding-bottom: 0px;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars span a,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars span a {
    color: #ffae07;
    font-size: 20px;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment textarea,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment textarea {
    color: #181818;
    font-size: 15px;
    border: 1px solid #e5e5e5;
    background-color: transparent;
    border-radius: 10px;
    width: 100% !important;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit {
    margin-bottom: 0px;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .submit,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .submit {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    border: none !important;
    padding: 12px 20px !important;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    border-radius: 5px;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .submit:hover,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .submit:hover {
    background-position: 100% 0 !important;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .submit::after,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .submit::after {
    display: none !important;
}

/* px_wc_product_tabs CSS End */
/* -----------------------------------
      00. Single Page CSS End Here
  -------------------------------------*/
/* -----------------------------------
      00. Cart Page CSS Start Here
  -------------------------------------*/
/* for table */
.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-remove a {
    color: var(--px-color-1) !important;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: #fff;
    transition: all 0.4s;
}

.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-remove a:hover {
    background-color: transparent;
    color: #fff !important;
}

.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-thumbnail a img {
    width: 45px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    transition: all 0.4s;
}

.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item:hover .product-thumbnail a img {
    filter: brightness(0.5);
}

.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-name a {
    transition: all 0.4s;
}

.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-name a:hover {
    color: var(--px-color-1) !important;
}

.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-quantity .quantity input.qty {
    text-align: center;
}

.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-quantity .quantity span {
    display: none !important;
}

/* coupon */
.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .button,
.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .button {
    position: relative;
    overflow: hidden;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .button:hover,
.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .button:hover {
    background-position: 100% 0 !important;
}

.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .button::before,
.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .button::before,
.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .button::after,
.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .button::after,
.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .button::after {
    animation-delay: 0.5s;
}

.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .button:hover::before,
.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .button:hover::before,
.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .button:hover::after,
.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .button:hover::after {
    opacity: 0.2 !important;
}

/*  Cart totals css */
.px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator a {
    color: var(--px-color-1) !important;
    margin-bottom: 10px;
    display: block;
}

.px_cart_totols .cart_totals .wc-proceed-to-checkout {
    padding: 0px;
}

.px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button,
.px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button {
    position: relative;
    overflow: hidden;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:hover,
.px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button:hover {
    background-position: 100% 0 !important;
}

.px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button::before,
.px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button::before,
.px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button::after,
.px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button::after,
.px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button::after {
    animation-delay: 0.5s;
}

.px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:hover::before,
.px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button:hover::before,
.px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:hover::after,
.px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button:hover::after {
    opacity: 0.2 !important;
}

/* -----------------------------------
      00. Cart Page CSS End Here
  -------------------------------------*/
/* -----------------------------------
      00. Checkout Page CSS Start Here
  -------------------------------------*/
/* login */
.px_checkout_login .woocommerce-info {
    border-radius: 10px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
}

.px_checkout_login .woocommerce-info .showlogin {
    text-decoration: underline;
}

/* button */
.px_checkout_login .login .form-row .button {
    position: relative;
    overflow: hidden;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_checkout_login .login .form-row .button:hover {
    background-position: 100% 0 !important;
}

.px_checkout_login .login .form-row .button::before,
.px_checkout_login .login .form-row .button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_checkout_login .login .form-row .button::after {
    animation-delay: 0.5s;
}

.px_checkout_login .login .form-row .button:hover::before,
.px_checkout_login .login .form-row .button:hover::after {
    opacity: 0.2 !important;
}

/* lost Pass */
.px_checkout_login .login .lost_password a {
    color: #181818;
    text-decoration: underline;
}

/* Toggle */

.px_checkout_login .woocommerce-form-coupon-toggle .woocommerce-info {
    border-radius: 10px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
}

.px_checkout_login .woocommerce-form-coupon-toggle .woocommerce-info .showcoupon {
    text-decoration: underline;
}

.px_checkout_login .woocommerce-error {
    border-radius: 10px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
}

/* button */
.px_checkout_login .checkout_coupon .form-row .button {
    position: relative;
    overflow: hidden;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_checkout_login .checkout_coupon .form-row .button:hover {
    background-position: 100% 0 !important;
}

.px_checkout_login .checkout_coupon .form-row .button::before,
.px_checkout_login .checkout_coupon .form-row .button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_checkout_login .checkout_coupon .form-row .button::after {
    animation-delay: 0.5s;
}

.px_checkout_login .checkout_coupon .form-row .button:hover::before,
.px_checkout_login .checkout_coupon .form-row .button:hover::after {
    opacity: 0.2 !important;
}

/* Payment Methods */
.px_checkout_payment .checkout .woocommerce-NoticeGroup .woocommerce-error {
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    border-radius: 10px;

}

.px_checkout_payment .checkout .woocommerce-NoticeGroup .woocommerce-error li {
    font-size: 15px;
}

/* Place Order */
.px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button:hover {
    background-position: 100% 0 !important;
}

.px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button::before,
.px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button::after {
    animation-delay: 0.5s;
}

.px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button:hover::before,
.px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button:hover::after {
    opacity: 0.2 !important;
}

/* Order details Main */
.px_checkout_payment .woocommerce-order .woocommerce-notice {
    position: relative;
    width: fit-content;
    margin: auto auto 25px auto;
    text-align: center;
    color: #181818 !important;
    padding: 0px 30px;
    font-weight: 600;
    font-size: 20px !important;
    line-height: 1.2;
    z-index: 1;
}

.px_checkout_payment .woocommerce-order .woocommerce-notice::before,
.px_checkout_payment .woocommerce-order .woocommerce-notice::after {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    border-radius: 50%;
    animation: pulse 2s infinite ease-in-out alternate;
    animation: gelatines 2s infinite ease alternate;
}

.px_checkout_payment .woocommerce-order .woocommerce-notice::before {
    left: 0;
}

.px_checkout_payment .woocommerce-order .woocommerce-notice::after {
    right: 0;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-overview {
    width: fit-content;
    padding-left: 0px;
    text-align: center;
    margin: auto;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-overview li strong {
    padding-top: 5px;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-downloads {
    margin-bottom: 10px;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-downloads .woocommerce-order-downloads__title {
    color: #181818;
    font-size: 22px;
    font-weight: 600;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-downloads table {
    border: none;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-downloads table thead tr th {
    padding-left: 0px;
    padding-right: 0px;
    color: #181818;
    font-size: 16px;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-downloads table tbody tr td {
    padding-left: 0px;
    padding-right: 0px;
    color: #181818;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-downloads table tbody tr td.download-product a {
    color: #181818;
    transition: all 0.4s;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-downloads table tbody tr td.download-product a:hover {
    color: var(--px-color-1);
}

.px_checkout_payment .woocommerce-order .woocommerce-order-downloads table tbody tr td.download-file a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    border: none !important;
    padding: 10px 15px !important;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    border-radius: 5px;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-downloads table tbody tr td.download-file a:hover {
    background-position: 100% 0 !important;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-downloads table tbody tr td.download-file a::before,
.px_checkout_payment .woocommerce-order .woocommerce-order-downloads table tbody tr td.download-file a::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-downloads table tbody tr td.download-file a::after {
    animation-delay: 0.5s;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-downloads table tbody tr td.download-file a:hover::before,
.px_checkout_payment .woocommerce-order .woocommerce-order-downloads table tbody tr td.download-file a:hover::after {
    opacity: 0.2 !important;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-order-details__title {
    color: #181818;
    font-size: 22px;
    font-weight: 600;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details table {
    border: none;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details table thead tr th {
    padding-left: 0px;
    padding-right: 0px;
    color: #181818;
    font-size: 16px;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details table tbody tr td {
    padding-left: 0px;
    padding-right: 0px;
    color: #181818;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details table tbody tr td a {
    color: #181818;
    transition: all 0.4s;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details table tbody tr td a:hover {
    color: var(--px-color-1);
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details table tfoot tr {
    color: #181818;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details table tfoot tr th {
    padding-left: 0px;
    padding-right: 0px;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details table tfoot tr td {
    padding-left: 0px;
    padding-right: 0px;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details .order-again .button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    border: none !important;
    padding: 12px 20px !important;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    border-radius: 5px;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details .order-again .button:hover {
    background-position: 100% 0 !important;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details .order-again .button::before,
.px_checkout_payment .woocommerce-order .woocommerce-order-details .order-again .button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details .order-again .button::after {
    animation-delay: 0.5s;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details .order-again .button:hover::before,
.px_checkout_payment .woocommerce-order .woocommerce-order-details .order-again .button:hover::after {
    opacity: 0.2 !important;
}

.px_checkout_payment .woocommerce-order .woocommerce-customer-details {
    margin-bottom: 0px;
}

.px_checkout_payment .woocommerce-order .woocommerce-customer-details h2 {
    color: #181818;
    font-size: 22px;
    font-weight: 600;
}

.px_checkout_payment .woocommerce-order .woocommerce-customer-details address {
    color: #181818;
    border: 1px solid #e5e5e5;
}

.px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--phone,
.px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--email {
    padding-bottom: 0px;
}

.px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--phone::before,
.px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--email::before {
    color: var(--px-color-1);
}

/* Payment Methods */
.px_checkout_payment #payment .form-row .woocommerce-form__label .woocommerce-terms-and-conditions-checkbox-text {
    color: #181818;
}

.px_checkout_payment #payment .form-row .woocommerce-form__label .woocommerce-terms-and-conditions-checkbox-text a {
    color: var(--px-color-1);
}

.px_checkout_payment .wc_payment_methods .woocommerce-info {
    margin-bottom: 0;
    font-size: 16px !important;
    border-radius: 5px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
}

/* Form CSS (Checkout Page) */

.px_checkout_payment .woocommerce-info {
    border-radius: 5px;
    margin-bottom: 20px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
}

.px_checkout_payment .woocommerce-form {
    margin: 0 !important;
    border: 0px !important;
    border-radius: 0px !important;
    padding: 0 !important;
}

.px_checkout_payment .woocommerce-form .form-row {
    margin: 0px;
}

.px_checkout_payment .woocommerce-form .form-row label {
    font-size: 15px;
    color: #181818;
}

.px_checkout_payment .woocommerce-form .form-row input {
    border: 1px solid #e5e5e5 !important;
    border-radius: 5px !important;
    background-color: #fff !important;
    padding: 14px !important;
    color: #181818 !important;
}

.px_checkout_payment .woocommerce-form .form-row button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    border: none !important;
    padding: 12px 20px !important;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    border-radius: 5px;
    z-index: 1;
    margin-bottom: 10px;
    transition: all 0.4s !important;
}

.px_checkout_payment .woocommerce-form .form-row button:hover {
    background-position: 100% 0 !important;
}

.px_checkout_payment .woocommerce-form .form-row button::before,
.px_checkout_payment .woocommerce-form .form-row button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_checkout_payment .woocommerce-form .form-row button::after {
    animation-delay: 0.5s;
}

.px_checkout_payment .woocommerce-form .form-row button:hover::before,
.px_checkout_payment .woocommerce-form .form-row button:hover::after {
    opacity: 0.2 !important;
}

.px_checkout_payment .woocommerce-form .lost_password a {
    color: var(--px-color-1);
}

/* -----------------------------------
      00. Checkout Page CSS End Here
  -------------------------------------*/
/* -----------------------------------
      00. My Account Page CSS Start Here
  -------------------------------------*/
/* Notice Wrapper CSS */
.px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error {
    background-color: var(--px-color-1);
}

/* Register Form CSS */
.px_my_account .woocommerce .woocommerce-form-register {
    margin: 10px 0px 15px 0px;
    border-color: #e5e5e5;
}

.px_my_account .woocommerce .woocommerce-form-register .form-row label {
    font-size: 15px;
    color: #181818;
}

.px_my_account .woocommerce .woocommerce-form-register .form-row input.input-text {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background-color: #fff;
    padding: 14px;
    color: #181818;
}

.px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    border: none !important;
    padding: 14px 20px !important;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    border-radius: 5px;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit:hover {
    background-position: 100% 0 !important;
}

.px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit::before,
.px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit::after {
    animation-delay: 0.5s;
}

.px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit:hover::before,
.px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit:hover::after {
    opacity: 0.2 !important;
}

.px_my_account .woocommerce .woocommerce-form-register .woocommerce-privacy-policy-text p {
    color: #181818;
}

.px_my_account .woocommerce .woocommerce-form-register .woocommerce-privacy-policy-text p a {
    color: var(--px-color-1);
}

/* Login Form CSS */
.px_my_account .woocommerce .woocommerce-form-login {
    margin: 10px 0px 15px 0px;
    border-color: #e5e5e5;
}

/* Label CSS */
.px_my_account .woocommerce .woocommerce-form-login .form-row label {
    font-size: 15px;
    color: #181818;
}

/* Input Field CSS */
.px_my_account .woocommerce .woocommerce-form-login .form-row input.input-text {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background-color: #fff;
    padding: 14px;
    color: #181818;
}

/* Button CSS */
.px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    border: none !important;
    padding: 14px 20px !important;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    border-radius: 5px;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit:hover {
    background-position: 100% 0 !important;
}

.px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit::before,
.px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit::after {
    animation-delay: 0.5s;
}

.px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit:hover::before,
.px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit:hover::after {
    opacity: 0.2 !important;
}

/* Lost Password CSS */
.px_my_account .woocommerce .woocommerce-form-login .woocommerce-LostPassword {
    color: #181818;
}

.px_my_account .woocommerce .woocommerce-form-login .woocommerce-LostPassword a {
    color: var(--px-color-1);
}

/* Reset Password CSS */
.px_my_account .woocommerce .woocommerce-ResetPassword p {
    color: #181818;
    font-size: 15px;
}

.px_my_account .woocommerce .woocommerce-ResetPassword .form-row {
    padding: 0px;
}

.px_my_account .woocommerce .woocommerce-ResetPassword .form-row label {
    color: #181818;
    font-size: 15px;
}

.px_my_account .woocommerce .woocommerce-ResetPassword .form-row input.input-text {
    background-color: #fff;
    color: #181818;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

.px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    border: none !important;
    padding: 14px 20px !important;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    border-radius: 5px;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button:hover {
    background-position: 100% 0 !important;
}

.px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button::before,
.px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button::after {
    animation-delay: 0.5s;
}

.px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button:hover::before,
.px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button:hover::after {
    opacity: 0.2 !important;
}



/* Reset Password Error Box CSS */
.px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error {
    border-radius: 10px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
}

/* Navigation CSS */
.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul {
    position: relative;
    overflow: hidden;
    list-style: none;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    padding: 15px;
    z-index: 1;
    border-radius: 10px;
}

.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul::before,
.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    z-index: -1;
}

.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul::before {
    left: -30px;
    top: -30px;
    background: linear-gradient(320deg, rgba(255, 255, 255, 0.4), transparent);
}

.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul::after {
    right: -30px;
    bottom: -30px;
    background: linear-gradient(125deg, rgba(255, 255, 255, 0.4), transparent);
}

.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li {
    padding-bottom: 5px;
}

.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:last-child {
    padding-bottom: 0px;
}

.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li a {
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 5px;
    padding: 10px;
    font-size: 15px;
    color: #fff;
    z-index: 1;
    transition: all 0.4s;
}

.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a,
.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li a:hover {
    background-color: rgb(255 255 255 / 20%);
}

.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li a::before,
.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li a::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    right: -200px;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li a::after {
    animation-delay: 0.5s;
}

.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a::before,
.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a::after,
.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li a:hover::before,
.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li a:hover::after {
    opacity: 0.2 !important;
}

/* Content CSS */
.px_my_account .woocommerce .woocommerce-MyAccount-content {
    padding: 15px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;

}

.px_my_account .woocommerce .woocommerce-MyAccount-content p {
    font-size: 15px;
    color: #181818;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content mark {
    color: #fff;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    padding: 0px 5px;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content p a {
    color: var(--px-color-1);
    transition: all 0.4s;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content p a:hover {
    color: #181818;
    text-decoration: underline;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .order-again .button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase !important;
    color: #fff;
    border: none !important;
    padding: 14px 20px !important;
    text-decoration: none !important;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    border-radius: 5px;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .order-again .button:hover {
    background-position: 100% 0 !important;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .order-again .button::before,
.px_my_account .woocommerce .woocommerce-MyAccount-content .order-again .button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .order-again .button::after {
    animation-delay: 0.5s;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .order-again .button:hover::before,
.px_my_account .woocommerce .woocommerce-MyAccount-content .order-again .button:hover::after {
    opacity: 0.2 !important;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details {
    margin-bottom: 0px;
}

/* Order CSS*/
.px_my_account .woocommerce .woocommerce-message {
    border-radius: 10px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
}

/* Download CSS*/

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-downloads {
    margin-bottom: 0px;
}

.px_my_account .woocommerce .woocommerce-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    margin-bottom: 0px;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
}

.px_my_account .woocommerce .woocommerce-info a.button {
    position: relative;
    overflow: hidden;
    order: 1;
    font-size: 14px;
    text-transform: uppercase;
    border: none;
    padding: 12px 20px !important;
    background-color: rgba(255, 255, 255, 0.25);
    text-decoration: none;
    color: #fff;
    transition: all 0.4s;
    z-index: 1;
}

.px_my_account .woocommerce .woocommerce-info a.button:hover {
    background-color: #fff;
    color: #181818;
}

.px_my_account .woocommerce .woocommerce-info a.button::before,
.px_my_account .woocommerce .woocommerce-info a.button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: linear-gradient(222deg, var(--px-color-1), var(--px-color-2));
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_my_account .woocommerce .woocommerce-info a.button::after {
    animation-delay: 0.5s;
}

.px_my_account .woocommerce .woocommerce-info a.button:hover::before,
.px_my_account .woocommerce .woocommerce-info a.button:hover::after {
    opacity: 0.2 !important;
}

/* Address CSS*/
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h3 {
    font-size: 22px;
    font-weight: 600;
    color: #181818;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title a {
    color: var(--px-color-1);
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title a:hover {
    color: #181818;
    text-decoration: underline;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address address {
    color: #181818;
    font-style: normal;
}

/* Account Details CSS*/
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label {
    font-size: 15px;
    color: #181818;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input.input-text {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background-color: #fff;
    padding: 14px;
    color: #181818;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content form h3 {
    font-size: 22px;
    font-weight: 600;
    color: #181818;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields label {
    color: #181818;
    font-size: 15px;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields input,
.px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .select2 {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background-color: #fff;
    padding: 14px;
    color: #181818;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .select2 .select2-selection {
    border: none;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .select2 .select2-selection .select2-selection__rendered {
    padding: 0;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .select2 .select2-selection__arrow {
    height: 100%;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content form .button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    border: none !important;
    padding: 14px 20px !important;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    border-radius: 5px;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content form .button:hover {
    background-position: 100% 0 !important;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content form .button::before,
.px_my_account .woocommerce .woocommerce-MyAccount-content form .button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content form .button::after {
    animation-delay: 0.5s;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content form .button:hover::before,
.px_my_account .woocommerce .woocommerce-MyAccount-content form .button:hover::after {
    opacity: 0.2 !important;
}

/* Order List */
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table {
    border: none;
    margin-bottom: 0 !important;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table thead tr th {
    padding-left: 0px;
    padding-right: 0px;
    color: #181818;
    font-size: 16px;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td {
    padding-left: 0px;
    padding-right: 0px;
    font-size: 15px;
    color: #181818;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-number a {
    color: #181818;
    transition: all 0.4s;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-number a:hover {
    color: var(--px-color-1);
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a,
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    border: none !important;
    padding: 10px 20px !important;
    vertical-align: middle;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    border-radius: 5px;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a:hover,
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button:hover {
    background-position: 100% 0 !important;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a::before,
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button::before,
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a::after,
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a::after,
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button::after {
    animation-delay: 0.5s;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a:hover::before,
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button:hover::before,
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a:hover::after,
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button:hover::after {
    opacity: 0.2 !important;
}

/* Order Details */
.px_my_account .woocommerce table {
    border: none;
    margin-bottom: 0 !important;
}

.px_my_account .woocommerce table thead tr th {
    padding-left: 0px;
    padding-right: 0px;
    color: #181818;
    font-size: 16px;
}

.px_my_account .woocommerce table tbody tr td {
    padding-left: 0px;
    padding-right: 0px;
    color: #181818;
    font-size: 15px;
}

.px_my_account .woocommerce table tbody tr td a {
    color: #181818;
    transition: all 0.4s;
}

.px_my_account .woocommerce table tbody tr td a:hover {
    color: var(--px-color-1);
}

.px_my_account .woocommerce table tfoot tr th {
    padding-left: 0px;
    padding-right: 0px;
    color: #181818;
    font-size: 16px;
}

.px_my_account .woocommerce table tfoot tr td {
    padding-left: 0px;
    padding-right: 0px;
    color: #181818;
    font-size: 15px;
}

.px_my_account .woocommerce .woocommerce-customer-details address {
    border: 1px solid #e5e5e5;
    color: #181818;
    font-size: 15px;
}

.px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--phone,
.px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--email {
    padding-bottom: 0px;
}

.px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--phone::before,
.px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--email::before {
    color: var(--px-color-1);
}

.px_my_account .woocommerce table tbody tr td .button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff !important;
    border: none !important;
    padding: 10px 20px !important;
    vertical-align: middle;
    background: linear-gradient(222deg, var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    background-size: 300% 100% !important;
    background-position: 10% 0;
    border-radius: 5px;
    z-index: 1;
    transition: all 0.4s !important;
}

.px_my_account .woocommerce table tbody tr td .button:hover {
    background-position: 100% 0 !important;
}

.px_my_account .woocommerce table tbody tr td .button::before,
.px_my_account .woocommerce table tbody tr td .button::after {
    position: absolute;
    content: "" !important;
    display: block !important;
    width: 500px;
    height: 500px;
    bottom: -490px;
    left: -200px;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 40%;
    transform-origin: 50% 50%;
    animation: wave 6s infinite linear;
    transition: all 2s ease;
    z-index: -1;
    text-align: center;
    margin: 0 !important;
}

.px_my_account .woocommerce table tbody tr td .button::after {
    animation-delay: 0.5s;
}

.px_my_account .woocommerce table tbody tr td .button:hover::before,
.px_my_account .woocommerce table tbody tr td .button:hover::after {
    opacity: 0.2 !important;
}

/* -----------------------------------
      00. My Account Page CSS End Here
  -------------------------------------*/

/* 

    main orenge-pink
    --px-color-1: #ff6a00;
    --px-color-2: #ee0979;
    section light color - #fff2f8

    blue-skyblue
    --px-color-1: #0fd4ff;
    --px-color-2: #1c41fb;
    section light color - #dceaf9
*/

/* hamburger menu */
.et_divi_100_custom_hamburger_menu__icon {
    position: relative;
    display: block;
    width: 1.875rem;
    /*height: 1.875rem;*/
    box-sizing: border-box;
    cursor: pointer;
    padding: 0.25rem;
    clear: both;
    z-index: 9999;
}

.et_divi_100_custom_hamburger_menu__icon div {
    background: var(--white);
    width: 100%;
    height: .125rem;
    margin: .25rem auto;
    border-radius: 10px;
    -webkit-transition: 0.3s cubic-bezier(.28, .55, .385, 1.65);
    transition: 0.3s cubic-bezier(.28, .55, .385, 1.65);
    -webkit-transition-timing-function: cubic-bezier(.28, .55, .385, 1.65);
    transition-timing-function: cubic-bezier(.28, .55, .385, 1.65);
    -webkit-transform: 0;
    transform: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
}

.et_divi_100_custom_hamburger_menu__icon div:before,
.et_divi_100_custom_hamburger_menu__icon div:after {
    -webkit-transition: 0.3s cubic-bezier(.28, .55, .385, 1.65);
    transition: 0.3s cubic-bezier(.28, .55, .385, 1.65);
    -webkit-transition-timing-function: cubic-bezier(.28, .55, .385, 1.65);
    transition-timing-function: cubic-bezier(.28, .55, .385, 1.65);
}

/* Type 1 */
.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
    width: 0;
    margin-left: 0;
    opacity: 1;
}

.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
    -webkit-animation-name: T1S3DF;
    animation-name: T1S3DF;
}

@-webkit-keyframes T1S3DF {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    40% {
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    80% {
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }
}

@keyframes T1S3DF {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    40% {
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    80% {
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
    -webkit-animation-name: T1S3L;
    animation-name: T1S3L;
}

@-webkit-keyframes T1S3L {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    40% {
        -webkit-transform: translateY(-0.375rem);
        transform: translateY(-0.375rem);
    }

    80% {
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }
}

@keyframes T1S3L {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    40% {
        -webkit-transform: translateY(-0.375rem);
        transform: translateY(-0.375rem);
    }

    80% {
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
    -webkit-animation-name: T1S4DF;
    animation-name: T1S4DF;
}

@-webkit-keyframes T1S4DF {
    0% {
        margin-right: 0;
        -webkit-transform: none;
        transform: none;
    }

    20% {
        width: 100%;
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    40% {
        width: 0;
        margin-right: 0;
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    80% {
        width: 0;
        margin-right: auto;
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }

    90% {
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }
}

@keyframes T1S4DF {
    0% {
        margin-right: 0;
        -webkit-transform: none;
        transform: none;
    }

    20% {
        width: 100%;
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    40% {
        width: 0;
        margin-right: 0;
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    80% {
        width: 0;
        margin-right: auto;
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }

    90% {
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
    -webkit-animation-name: T1S4L;
    animation-name: T1S4L;
}

@-webkit-keyframes T1S4L {
    0% {
        margin-left: 0;
        -webkit-transform: none;
        transform: none;
    }

    20% {
        width: 100%;
        -webkit-transform: translateY(-0.375rem);
        transform: translateY(-0.375rem);
    }

    40% {
        width: 0;
        margin-left: 0;
        -webkit-transform: translateY(-0.375rem);
        transform: translateY(-0.375rem);
    }

    80% {
        width: 0;
        margin-left: auto;
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }

    90% {
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }
}

@keyframes T1S4L {
    0% {
        margin-left: 0;
        -webkit-transform: none;
        transform: none;
    }

    20% {
        width: 100%;
        -webkit-transform: translateY(-0.375rem);
        transform: translateY(-0.375rem);
    }

    40% {
        width: 0;
        margin-left: 0;
        -webkit-transform: translateY(-0.375rem);
        transform: translateY(-0.375rem);
    }

    80% {
        width: 0;
        margin-left: auto;
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }

    90% {
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
    -webkit-animation-name: T1S5DF;
    animation-name: T1S5DF;
}

@-webkit-keyframes T1S5DF {
    0% {
        margin-right: 0;
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: top right;
        transform-origin: top right;
    }

    25% {
        width: 100%;
        -webkit-transform: translateY(0.375rem) rotate(10deg);
        transform: translateY(0.375rem) rotate(10deg);
    }

    30% {
        width: 100%;
        -webkit-transform: translateY(0.375rem) rotate(10deg);
        transform: translateY(0.375rem) rotate(10deg);
    }

    40% {
        width: 0%;
        -webkit-transform: translateY(0.375rem) rotate(10deg);
        transform: translateY(0.375rem) rotate(10deg);
    }

    50% {
        width: 0%;
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }

    90% {
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }
}

@keyframes T1S5DF {
    0% {
        margin-right: 0;
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: top right;
        transform-origin: top right;
    }

    25% {
        width: 100%;
        -webkit-transform: translateY(0.375rem) rotate(10deg);
        transform: translateY(0.375rem) rotate(10deg);
    }

    30% {
        width: 100%;
        -webkit-transform: translateY(0.375rem) rotate(10deg);
        transform: translateY(0.375rem) rotate(10deg);
    }

    40% {
        width: 0%;
        -webkit-transform: translateY(0.375rem) rotate(10deg);
        transform: translateY(0.375rem) rotate(10deg);
    }

    50% {
        width: 0%;
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }

    90% {
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
    -webkit-animation-name: T1S5DM;
    animation-name: T1S5DM;
    width: 0%;
}

@-webkit-keyframes T1S5DM {
    0% {
        width: 100%;
        opacity: 1;
    }

    40% {
        width: 100%;
    }

    50% {
        width: 0%;
        opacity: 1;
    }
}

@keyframes T1S5DM {
    0% {
        width: 100%;
        opacity: 1;
    }

    40% {
        width: 100%;
    }

    50% {
        width: 0%;
        opacity: 1;
    }
}

.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
    -webkit-animation-name: T1S5L;
    animation-name: T1S5L;
}

@-webkit-keyframes T1S5L {
    0% {
        margin-left: 0;
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
    }

    25% {
        width: 100%;
        -webkit-transform: translateY(-0.375rem) rotate(10deg);
        transform: translateY(-0.375rem) rotate(10deg);
    }

    30% {
        width: 100%;
        -webkit-transform: translateY(-0.375rem) rotate(10deg);
        transform: translateY(-0.375rem) rotate(10deg);
    }

    40% {
        width: 0%;
        -webkit-transform: translateY(-0.375rem) rotate(10deg);
        transform: translateY(-0.375rem) rotate(10deg);
    }

    50% {
        width: 0%;
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }

    90% {
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }
}

@keyframes T1S5L {
    0% {
        margin-left: 0;
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
    }

    25% {
        width: 100%;
        -webkit-transform: translateY(-0.375rem) rotate(10deg);
        transform: translateY(-0.375rem) rotate(10deg);
    }

    30% {
        width: 100%;
        -webkit-transform: translateY(-0.375rem) rotate(10deg);
        transform: translateY(-0.375rem) rotate(10deg);
    }

    40% {
        width: 0%;
        -webkit-transform: translateY(-0.375rem) rotate(10deg);
        transform: translateY(-0.375rem) rotate(10deg);
    }

    50% {
        width: 0%;
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }

    90% {
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }
}

/* Type 2 */
.et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu__icon div,
.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background: 0;
}

.et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu__icon div:before,
.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:before,
.et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu__icon div:after,
.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:after {
    content: '';
    display: block;
    background: var(--white);
    width: 2px;
    min-width: 2px;
    height: 2px;
    border-radius: 10px;
    margin: 0 2px 0 0;
}

.et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu__icon div:after,
.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:after {
    width: 100%;
    margin: 0;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child),
.et_divi_100_custom_hamburger_menu--style-2.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
    opacity: 1;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before,
.et_divi_100_custom_hamburger_menu--style-2.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before,
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after,
.et_divi_100_custom_hamburger_menu--style-2.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {
    width: 0;
    min-width: 0;
    margin-left: 0;
    opacity: 1;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child,
.et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
    -webkit-animation-name: T2S3DF;
    animation-name: T2S3DF;
}

@-webkit-keyframes T2S3DF {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    20% {
        -webkit-transform: none;
        transform: none;
    }

    40% {
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    80% {
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }
}

@keyframes T2S3DF {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    20% {
        -webkit-transform: none;
        transform: none;
    }

    40% {
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    80% {
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before,
.et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before {
    -webkit-animation-name: T2S3DFB;
    animation-name: T2S3DFB;
}

@-webkit-keyframes T2S3DFB {
    0% {
        width: 100%;
        -webkit-transform: none;
        transform: none;
    }

    20% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes T2S3DFB {
    0% {
        width: 100%;
        -webkit-transform: none;
        transform: none;
    }

    20% {
        -webkit-transform: none;
        transform: none;
    }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after,
.et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after {
    -webkit-animation-name: T2S3DMA;
    animation-name: T2S3DMA;
}

@-webkit-keyframes T2S3DMA {
    0% {
        width: 100%;
        -webkit-transform: none;
        transform: none;
    }

    20% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes T2S3DMA {
    0% {
        width: 100%;
        -webkit-transform: none;
        transform: none;
    }

    20% {
        -webkit-transform: none;
        transform: none;
    }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child,
.et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
    -webkit-animation-name: T2S3DL;
    animation-name: T2S3DL;
}

@-webkit-keyframes T2S3DL {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    20% {
        -webkit-transform: none;
        transform: none;
    }

    40% {
        -webkit-transform: translateY(-0.25rem);
        transform: translateY(-0.25rem);
    }

    80% {
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }
}

@keyframes T2S3DL {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    20% {
        -webkit-transform: none;
        transform: none;
    }

    40% {
        -webkit-transform: translateY(-0.25rem);
        transform: translateY(-0.25rem);
    }

    80% {
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before,
.et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before {
    -webkit-animation-name: T2S3DFB;
    animation-name: T2S3DFB;
}

@keyframes T2S3DFB {
    0% {
        width: 100%;
        -webkit-transform: none;
        transform: none;
    }

    20% {
        -webkit-transform: none;
        transform: none;
    }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after,
.et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after {
    -webkit-animation-name: T2S3DMA;
    animation-name: T2S3DMA;
}

@keyframes T2S3DMA {
    0% {
        width: 100%;
        -webkit-transform: none;
        transform: none;
    }

    20% {
        -webkit-transform: none;
        transform: none;
    }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div,
.et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
    -webkit-transform: none;
    transform: none;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before,
.et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before,
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after,
.et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after {
    width: 0%;
    min-width: 0;
    margin: 0 auto;
    opacity: 0;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child),
.et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
    position: relative;
    opacity: 1;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before,
.et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before,
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after,
.et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {
    position: absolute;
    width: 100%;
    -webkit-transition: all 0.3s linear transform 0.3s 0.3s linear;
    transition: all 0.3s linear transform 0.3s 0.3s linear;
    -webkit-transform-origin: center;
    transform-origin: center;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before,
.et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after,
.et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before,
.et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before,
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after,
.et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after {
    width: 100%;
    min-width: 0;
    opacity: 0;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
    -webkit-transform: none;
    transform: none;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
    position: relative;
    -webkit-animation-name: T2S5DF;
    animation-name: T2S5DF;
    -webkit-transform: translateY(0.375rem) rotate(45deg);
    transform: translateY(0.375rem) rotate(45deg);
}

@-webkit-keyframes T2S5DF {
    20% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes T2S5DF {
    20% {
        -webkit-transform: none;
        transform: none;
    }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before,
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after {
    position: absolute;
    width: 0;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before {
    left: 0;
    -webkit-animation-name: T2S5DFB;
    animation-name: T2S5DFB;
}

@-webkit-keyframes T2S5DFB {
    20% {
        width: 0%;
    }
}

@keyframes T2S5DFB {
    20% {
        width: 0%;
    }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after {
    right: 0;
    -webkit-animation-name: T2S5DFA;
    animation-name: T2S5DFA;
}

@-webkit-keyframes T2S5DFA {
    20% {
        width: 0%;
    }
}

@keyframes T2S5DFA {
    20% {
        width: 0%;
    }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child),
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
    position: relative;
    opacity: 1;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before,
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {
    margin: 0 auto;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before {
    display: none;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {
    -webkit-animation-name: T2S5DL;
    animation-name: T2S5DL;
    width: 2px;
}

@-webkit-keyframes T2S5DL {
    20% {
        -webkit-transform: 100%;
        transform: 100%;
    }
}

@keyframes T2S5DL {
    20% {
        -webkit-transform: 100%;
        transform: 100%;
    }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
    position: relative;
    -webkit-animation-name: T2S5DL;
    animation-name: T2S5DL;
    -webkit-transform: translateY(-0.375rem) rotate(-45deg);
    transform: translateY(-0.375rem) rotate(-45deg);
}

@keyframes T2S5DL {
    20% {
        -webkit-transform: none;
        transform: none;
    }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before,
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after {
    position: absolute;
    width: 0;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before {
    left: 0;
    -webkit-animation-name: T2S5DFB;
    animation-name: T2S5DFB;
}

@keyframes T2S5DFB {
    20% {
        width: 0%;
    }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after {
    right: 0;
    -webkit-animation-name: T2S5DMA;
    animation-name: T2S5DMA;
}

@-webkit-keyframes T2S5DMA {
    20% {
        width: 0%;
    }
}

@keyframes T2S5DMA {
    20% {
        width: 0%;
    }
}

/* Type 3 */
.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:before {
    width: 100%;
    margin: 0 2px 0 0;
}

.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:after {
    width: 2px;
    margin: 0;
}

/* Type 4 */
.et_divi_100_custom_hamburger_menu--type-4 .et_divi_100_custom_hamburger_menu__icon div {
    width: 2px;
    margin-right: auto;
    margin-left: auto;
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
    -webkit-animation-name: T4S2DF;
    animation-name: T4S2DF;
}

@-webkit-keyframes T4S2DF {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    20% {
        width: 2px;
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    40% {
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    80% {
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }
}

@keyframes T4S2DF {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    20% {
        width: 2px;
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    40% {
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    80% {
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
    -webkit-animation-name: T4S2L;
    animation-name: T4S2L;
}

@-webkit-keyframes T4S2L {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    20% {
        width: 2px;
        -webkit-transform: translateY(-0.375rem);
        transform: translateY(-0.375rem);
    }

    40% {
        -webkit-transform: translateY(-0.375rem);
        transform: translateY(-0.375rem);
    }

    80% {
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }
}

@keyframes T4S2L {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    20% {
        width: 2px;
        -webkit-transform: translateY(-0.375rem);
        transform: translateY(-0.375rem);
    }

    40% {
        -webkit-transform: translateY(-0.375rem);
        transform: translateY(-0.375rem);
    }

    80% {
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled {
    -webkit-animation: T4S30.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);
    animation: T4S30.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);
}

@-webkit-keyframes T4S3 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes T4S3 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
    -webkit-animation-name: T4S3DF;
    animation-name: T4S3DF;
}

@-webkit-keyframes T4S3DF {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    40% {
        width: 2px;
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    80% {
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }
}

@keyframes T4S3DF {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    40% {
        width: 2px;
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    80% {
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
    -webkit-animation-name: T4S3L;
    animation-name: T4S3L;
}

@-webkit-keyframes T4S3L {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    40% {
        width: 2px;
        -webkit-transform: translateY(-0.375rem);
        transform: translateY(-0.375rem);
    }

    80% {
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }
}

@keyframes T4S3L {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    40% {
        width: 2px;
        -webkit-transform: translateY(-0.375rem);
        transform: translateY(-0.375rem);
    }

    80% {
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled {
    -webkit-animation: T4S40.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);
    animation: T4S40.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);
}

@-webkit-keyframes T4S4 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes T4S4 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
    -webkit-animation-name: T4S4DF;
    animation-name: T4S4DF;
}

@-webkit-keyframes T4S4DF {}

@keyframes T4S4DF {}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 0.3s cubic-bezier(.28, .55, .385, 1.65);
    transition: 0.3s cubic-bezier(.28, .55, .385, 1.65);
    -webkit-transition-timing-function: cubic-bezier(.28, .55, .385, 1.65);
    transition-timing-function: cubic-bezier(.28, .55, .385, 1.65);
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
    width: 2px;
    -webkit-transform: none;
    transform: none;
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
    width: 100%;
    opacity: 1;
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}

/* Toggled */
.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
    width: 100%;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
    animation-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
}

.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:after,
.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:before {
    width: 100%;
}

.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
    -webkit-transform: translateY(0.375rem) rotate(45deg);
    transform: translateY(0.375rem) rotate(45deg);
}

.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
    opacity: 0;
}

.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
    -webkit-transform: translateY(-0.375rem) rotate(-45deg);
    transform: translateY(-0.375rem) rotate(-45deg);
}

.et_divi_100_custom_hamburger_menu .mobile_menu_bar:before,
.et_divi_100_custom_hamburger_menu .mobile_menu_bar:after {
    display: none;
}




/*Back To Top Style*/
.et_divi_100_custom_back_to_top .et_pb_scroll_top {
    z-index: 9999999;
    position: fixed;
    right: 20px;
    bottom: 20px;
    background: #236e9c;
    width: 40px;
    height: 40px;
    box-shadow: 0 2px 4px rgba(108, 46, 185, 0.2);
    -webkit-transition: all 0.2s ease, -webkit-transform 0.6s ease;
    transition: all 0.2s ease, -webkit-transform 0.6s ease;
    transition: all 0.2s ease, transform 0.6s ease;
    transition: all 0.2s ease, transform 0.6s ease, -webkit-transform 0.6s ease;
    cursor: pointer;
}

.et_divi_100_custom_back_to_top .et_pb_scroll_top:before {
    display: none;
}

.et_divi_100_custom_back_to_top .et_pb_scroll_top,
.et_divi_100_custom_back_to_top .et_pb_scroll_top.et-visible,
.et_divi_100_custom_back_to_top .et_pb_scroll_top.et-hidden {
    -webkit-animation: none !important;
    animation: none !important;
}

.et_divi_100_custom_back_to_top .et_pb_scroll_top,
.et_divi_100_custom_back_to_top .et_pb_scroll_top.et-hidden {
    -webkit-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg);
}

.et_divi_100_custom_back_to_top .et_pb_scroll_top.et-visible {
    -webkit-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg);
}

.et_divi_100_custom_back_to_top .et_pb_scroll_top .et-icon-arrow-up {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.et_divi_100_custom_back_to_top--style-1 .et_pb_scroll_top {
    border-radius: 100%;
}

.et_divi_100_custom_back_to_top--style-2 .et_pb_scroll_top {
    border-radius: 4px;
}

.et_divi_100_custom_back_to_top--style-3 .et_pb_scroll_top {
    border-radius: 4px;
}

.et_divi_100_custom_back_to_top--style-3 .et_pb_scroll_top.et-visible {
    -webkit-transform: scale(1) rotate(405deg);
    transform: scale(1) rotate(405deg);
}

.et_divi_100_custom_back_to_top--style-3 .et_pb_scroll_top .et-icon-arrow-up {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.et_divi_100_custom_back_to_top--style-4 .et_pb_scroll_top {
    right: 0;
    border-radius: 4px 0 0 4px;
}

.et_divi_100_custom_back_to_top--style-4 .et_pb_scroll_top,
.et_divi_100_custom_back_to_top--style-4 .et_pb_scroll_top.et-hidden {
    -webkit-transform: scale(1) translate(100%, 0);
    transform: scale(1) translate(100%, 0);
}

.et_divi_100_custom_back_to_top--style-4 .et_pb_scroll_top.et-visible {
    -webkit-transform: none;
    transform: none;
}

.et_divi_100_custom_back_to_top--style-5 .et_pb_scroll_top {
    right: 0;
    width: auto;
    border-radius: 4px 0 0 4px;
    padding: 0 20px;
    line-height: 40px;
}

.et_divi_100_custom_back_to_top--style-5 .et_pb_scroll_top:before {
    content: 'Back To Top';
    display: inline-block;
    color: var(--white);
    font-weight: 700;
}

.et_divi_100_custom_back_to_top--style-5 .et_pb_scroll_top,
.et_divi_100_custom_back_to_top--style-5 .et_pb_scroll_top.et-hidden {
    -webkit-transform: scale(1) translate(100%, 0);
    transform: scale(1) translate(100%, 0);
}

.et_divi_100_custom_back_to_top--style-5 .et_pb_scroll_top.et-visible {
    -webkit-transform: none;
    transform: none;
}

.et_divi_100_custom_back_to_top--style-5 .et_pb_scroll_top .et-icon-arrow-up {
    display: none;
}

.et_divi_100_custom_back_to_top--style-6 .et_pb_scroll_top {
    right: 0;
    width: auto;
    border-radius: 4px 4px 0 0;
    padding: 0 20px;
    line-height: 40px;
}

.et_divi_100_custom_back_to_top--style-6 .et_pb_scroll_top:before {
    content: 'Back To Top';
    display: inline-block;
    color: var(--white);
    font-weight: 700;
}

.et_divi_100_custom_back_to_top--style-6 .et_pb_scroll_top,
.et_divi_100_custom_back_to_top--style-6 .et_pb_scroll_top.et-hidden {
    right: 40px;
    bottom: 100px;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(1) translate(100%, 0) rotate(-90deg);
    transform: scale(1) translate(100%, 0) rotate(-90deg);
}

.et_divi_100_custom_back_to_top--style-6 .et_pb_scroll_top.et-visible {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.et_divi_100_custom_back_to_top--style-6 .et_pb_scroll_top .et-icon-arrow-up {
    display: none;
}

.et_divi_100_custom_back_to_top--style-7 .et_pb_scroll_top {
    right: 0;
    left: 0;
    bottom: 0;
    width: auto;
    padding: 0 20px;
    line-height: 40px;
}

.et_divi_100_custom_back_to_top--style-7 .et_pb_scroll_top:before {
    content: 'Back To Top';
    display: block;
    color: var(--white);
    font-weight: 700;
    text-align: center;
}

.et_divi_100_custom_back_to_top--style-7 .et_pb_scroll_top,
.et_divi_100_custom_back_to_top--style-7 .et_pb_scroll_top.et-hidden {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.et_divi_100_custom_back_to_top--style-7 .et_pb_scroll_top.et-visible {
    -webkit-transform: none;
    transform: none;
}

.et_divi_100_custom_back_to_top--style-7 .et_pb_scroll_top .et-icon-arrow-up {
    display: none;
}


/********** Mobile Menu Style1************/
.et_divi_100_mm_m_style1 .et_pb_menu ul.et_mobile_menu {
    max-height: 80vh;
    overflow-y: auto;
}

/*change hamburger icon to x when mobile menu is open*/

.et_divi_100_mm_m_style1 #et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_divi_100_mm_m_style1 .et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
    content: '\4d';
}


/*adjust the new toggle element which is added via jQuery*/

.et_divi_100_mm_m_style1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et_divi_100_mm_m_style1 ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db.et_divi_100_mm_m_style1 #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db.et_divi_100_mm_m_style1 #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
    width: 44px;
    height: 100%;
    padding: 0px !important;
    max-height: 44px;
    border: none;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
    background-color: transparent;
}


/*some code to keep everyting positioned properly*/

.et_divi_100_mm_m_style1 ul.et_mobile_menu>li.menu-item-has-children,
.et_divi_100_mm_m_style1 ul.et_mobile_menu>li.page_item_has_children,
.et_divi_100_mm_m_style1 ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
    position: relative;
}


/*remove default background color from menu items that have children*/

.et_divi_100_mm_m_style1 .et_mobile_menu .menu-item-has-children>a,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
    background-color: transparent;
}


/*hide the submenu by default*/

.et_divi_100_mm_m_style1 ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et_divi_100_mm_m_style1 #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et_divi_100_mm_m_style1.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
    display: none !important;
    visibility: hidden !important;
}


/*show the submenu when toggled open*/

.et_divi_100_mm_m_style1 ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et_divi_100_mm_m_style1 #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et_divi_100_mm_m_style1.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
    display: block !important;
    visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

.et_divi_100_mm_m_style1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
    text-align: center;
    opacity: 1;
}


/*submenu toggle icon when closed*/

.et_divi_100_mm_m_style1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
    top: 10px;
    position: relative;
    font-family: "ETModules";
    content: '\33';
    color: var(--black);
    background: var(--white);
    border-radius: 50%;
    padding: 3px;
}


/*submenu toggle icon when open*/

.et_divi_100_mm_m_style1 ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
    content: '\4d';
}


/*adjust the position of the hamburger menu*/

.et_divi_100_mm_m_style1 .mobile_menu_bar {
    position: relative;
    display: block;
    bottom: 5px;
    line-height: 0;
}


/*force the background color and add a rounded border*/

.et_divi_100_mm_m_style1 .et_pb_menu .et_mobile_menu,
.et_divi_100_mm_m_style1 .et_pb_menu .et_mobile_menu ul {
    background-color: var(--white) !important;
    border-radius: 10px;
}

/********** Mobile Menu Style2************/
.et_divi_100_mm_m_style2 {
    overflow-x: hidden;
}

.et_divi_100_mm_m_style2 .et_pb_menu ul.et_mobile_menu {
    max-height: 80vh;
    overflow-y: auto;
}

/*Mobile Menu*/
.et_divi_100_mm_m_style2 .et_mobile_menu {
    Border-top: none;
    display: block !important;
    padding-top: 100px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    z-index: 9998;
    min-width: 104vw;
    min-height: 100vh;
    top: -15px !important;
    left: -15vw !important;
    position: absolute !important;
}

.et_divi_100_mm_m_style2 .mobile_nav.closed #mobile_menu,
.et_divi_100_mm_m_style2 .mobile_nav.closed .et_mobile_menu,
.et_divi_100_mm_m_style2.et-db #et-boc .et-l .mobile_nav.closed .et_mobile_menu {
    transform: translateY(-110%);
    -webkit-transform: translateY(-110%);
    transform-origin: top;
    -webkit-transform-origin: top;
    transition: .8s ease-in-out !important;
    visibility: hidden;
}

.et_divi_100_mm_m_style2 .mobile_nav.opened #mobile_menu,
.et_divi_100_mm_m_style2 .mobile_nav.opened .et_mobile_menu,
.et_divi_100_mm_m_style2.et-db #et-boc .et-l .mobile_nav.opened .et_mobile_menu {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform-origin: top;
    -webkit-transform-origin: top;
    transition: .8s ease-in-out;
    visibility: visible;
}

.et_divi_100_mm_m_style2 .et_mobile_menu li a {
    text-align: center;
    padding-left: 0px !important;
    background: transparent !important;
}


.et_divi_100_mm_m_style2 .et_mobile_menu li:not(:last-child) a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10) !important;
}

.et_divi_100_mm_m_style2 .mobile_nav .menu-item-has-children>a {
    background: transparent !important;
    color: var(--black) !important;
    font-weight: inherit;
}

/*Mobile Menu Bar*/
.et_divi_100_mm_m_style2 .mobile_menu_bar {
    /*top: 5px;
/*padding:0;
right:-10px;
position:absolute;*/
    right: -10px;
    z-index: 10001;
}

/*change Divi hamburger menu to X*/
.et_divi_100_mm_m_style2 .mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
    color: var(--black);
}

@media all and (min-width: 768px) and (max-width: 980px) {
    .et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children>a+span {
        right: 15px;
    }


}

/**** Divi Mobile Menu Collapse Effect ****/
/**** This hides the sub menu items on mobile ****/
.et_divi_100_mm_m_style2.et-db #page-container .mobile_nav li ul.hide {
    display: none !important;
}

/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
.et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children {
    position: relative;
}

.et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children>a {
    background: transparent;
}

/**** This styles the icon and moves it to the right ****/
.et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children>a+span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}

/**** Here you can swap out the actual icons ****/
.et_divi_100_mm_m_style2 #page-container span.menu-closed:before {
    content: "\4c";
    display: block;
    color: var(--black);
    font-size: 16px;
    font-family: ETmodules;
}

.et_divi_100_mm_m_style2 #page-container span.menu-closed.menu-open:before {
    content: "\4d";
}

/********** Mobile Menu Style3************/
.et_divi_100_mm_m_style3 {
    overflow-x: hidden;
}

.et_divi_100_mm_m_style3 .et_pb_menu ul.et_mobile_menu {
    max-height: 80vh;
    overflow-y: auto;
}


/*Mobile Menu*/
.et_divi_100_mm_m_style3 .et_mobile_menu {
    Border-top: none;
    display: block !important;
    min-height: 100vh;
    padding-top: 60px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    z-index: 9998 !important;
    width: 100% !important;
    /* 80% to 100% */
    min-width: 200px;
    left: auto !important;
    max-width: 350px;
    right: -15vw;
    top: -15px !important;
    position: absolute !important;
    box-shadow: 2px 5px 28px -1px rgba(0, 0, 0, 0.75) !important;
    -webkit-box-shadow: 2px 5px 28px -1px rgba(0, 0, 0, 0.75) !important;
    -moz-box-shadow: 2px 5px 28px -1px rgba(0, 0, 0, 0.75) !important;
}

.et_divi_100_mm_m_style3 .mobile_nav.closed #mobile_menu,
.et_divi_100_mm_m_style3 .mobile_nav.closed .et_mobile_menu,
.et_divi_100_mm_m_style3.et-db #et-boc .et-l .mobile_nav.closed .et_mobile_menu {
    transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform-origin: right;
    -webkit-transform-origin: right;
    transition: .8s ease-in-out !important
}

.et_divi_100_mm_m_style3 .mobile_nav.opened #mobile_menu,
.et_divi_100_mm_m_style3 .mobile_nav.opened .et_mobile_menu,
.et_divi_100_mm_m_style3.et-db #et-boc .et-l .mobile_nav.opened .et_mobile_menu {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform-origin: right;
    -webkit-transform-origin: right;
    transition: .8s ease-in-out;
}

.et_divi_100_mm_m_style3 .et_mobile_menu li a {
    text-align: left;
    padding-left: 20px !important;
    background: transparent !important;
}

.et_divi_100_mm_m_style3 .et_mobile_menu li:not(:last-child) a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10) !important;
}

.et_divi_100_mm_m_style3 .mobile_nav .menu-item-has-children>a {
    background: transparent !important;
    color: var(--black) !important;
    font-weight: inherit;
}

/*Mobile Menu Bar*/
.et_divi_100_mm_m_style3 .mobile_menu_bar {
    /*top: 15px;
padding:0;
position: absolute;*/
    right: -10px;
    z-index: 10001;
}

/*change Divi hamburger menu to X*/
.et_divi_100_mm_m_style3 .mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
    color: var(--black);
}

@media all and (min-width: 768px) and (max-width: 980px) {
    .et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children>a+span {
        right: 15px;
    }
}



/**** Divi Mobile Menu Collapse Effect ****/
/**** This hides the sub menu items on mobile ****/
.et_divi_100_mm_m_style3.et-db #page-container .mobile_nav li ul.hide {
    display: none !important;
}

/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
.et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children {
    position: relative;
}

.et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children>a {
    background: transparent;
}

/**** This styles the icon and moves it to the right ****/
.et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children>a+span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 35px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}

/**** Here you can swap out the actual icons ****/
.et_divi_100_mm_m_style3 #page-container span.menu-closed:before {
    content: "\4c";
    display: block;
    color: var(--black);
    font-size: 16px;
    font-family: ETmodules;
}

.et_divi_100_mm_m_style3 #page-container span.menu-closed.menu-open:before {
    content: "\4d";
}

/********** Mobile Menu Style4************/
.et_divi_100_mm_m_style4 {
    overflow-x: hidden;
}

.et_divi_100_mm_m_style4 .et_pb_menu ul.et_mobile_menu {
    max-height: 80vh;
    overflow-y: auto;
}


/*Divi Mobile Menu*/
.et_divi_100_mm_m_style4 .et_mobile_menu {
    Border-top: none;
    display: block !important;
    min-height: 100vh;
    padding-top: 60px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    z-index: 9998 !important;
    width: 100% !important;
    /* 80% to 100% */
    min-width: 200px;
    right: auto !important;
    max-width: 350px;
    left: -15vw !important;
    top: -15px !important;
    position: absolute !important;
    box-shadow: 2px 5px 28px -1px rgba(0, 0, 0, 0.75) !important;
    -webkit-box-shadow: 2px 5px 28px -1px rgba(0, 0, 0, 0.75) !important;
    -moz-box-shadow: 2px 5px 28px -1px rgba(0, 0, 0, 0.75) !important;
}

.et_divi_100_mm_m_style4 .mobile_nav.closed #mobile_menu,
.et_divi_100_mm_m_style4 .mobile_nav.closed .et_mobile_menu,
.et_divi_100_mm_m_style4.et-db #et-boc .et-l .mobile_nav.closed .et_mobile_menu {
    transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform-origin: left;
    -webkit-transform-origin: left;
    transition: .8s ease-in-out !important
}

.et_divi_100_mm_m_style4 .mobile_nav.opened #mobile_menu,
.et_divi_100_mm_m_style4 .mobile_nav.opened .et_mobile_menu,
.et_divi_100_mm_m_style4.et-db #et-boc .et-l .mobile_nav.opened .et_mobile_menu {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform-origin: left;
    -webkit-transform-origin: left;
    transition: .8s ease-in-out;
}

.et_divi_100_mm_m_style4 .et_mobile_menu li a {
    text-align: left;
    padding-left: 50px !important;
    background: transparent !important;
}
@media all and (max-width: 640px) {
	.et_divi_100_mm_m_style4 .et_mobile_menu li a {
       padding-left: 30px !important;
	}
}
.et_divi_100_mm_m_style4 .et_mobile_menu li:not(:last-child) a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10) !important;
}

.et_divi_100_mm_m_style4 .mobile_nav .menu-item-has-children>a {
    background: transparent !important;
    color: var(--black) !important;
}

/*Mobile Menu Bar*/
.et_divi_100_mm_m_style4 .mobile_menu_bar {
    /*top: 15px;
padding:0;
right:-10px;
position:absolute;*/
    right: -10px;
    z-index: 10001;
}

/*change Divi hamburger menu to X*/
.et_divi_100_mm_m_style4 .mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

@media all and (min-width: 768px) and (max-width: 980px) {
    .et_divi_100_mm_m_style4 #page-container .mobile_nav .menu-item-has-children>a+span {
        right: 15px;
    }
}



/**** Divi Mobile Menu Collapse Effect ****/
/**** This hides the sub menu items on mobile ****/
.et_divi_100_mm_m_style4.et-db #page-container .mobile_nav li ul.hide {
    display: none !important;
}

/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
.et_divi_100_mm_m_style4 #page-container .mobile_nav .menu-item-has-children {
    position: relative;
}

.et_divi_100_mm_m_style4 #page-container .mobile_nav .menu-item-has-children>a {
    background: transparent;
}

/**** This styles the icon and moves it to the right ****/
.et_divi_100_mm_m_style4 #page-container .mobile_nav .menu-item-has-children>a+span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}

/**** Here you can swap out the actual icons ****/
.et_divi_100_mm_m_style4 #page-container span.menu-closed:before {
    content: "\4c";
    display: block;
    color: var(--black);
    font-size: 16px;
    font-family: ETmodules;
}

.et_divi_100_mm_m_style4 #page-container span.menu-closed.menu-open:before {
    content: "\4d";
}

/* breadcrumbs */
#dpprof_breadcrumbs .separator {
    font-size: 20px;
    color: var(--white);
    font-weight: 100;
}

#dpprof_breadcrumbs {
    overflow: hidden;
    text-align: center;
    list-style: none;
    margin: 11px 0;
    padding: 0;
}

#dpprof_breadcrumbs li {
    margin-right: 14px;
    display: inline-block;
    vertical-align: middle;
}

#dpprof_breadcrumbs a {
    color: #fff;
    font-size: 18px;
}

#dpprof_breadcrumbs .bread-home:before {
    content: '\e009';
    font-family: ETmodules;
    font-size: 18px;
    margin-right: 8px;
}

#dpprof_breadcrumbs .item-current {
    color: var(--white);
    font-size: 18px;
}

/* Single Product Sidebar CSS */
.single-product .et_pb_widget.widget_text {
    display: none;
}