/*
Theme Name: Divi Builder Plus
Theme URI: https://divibuilderplus.com/
Description: Divi Child Theme
Author: Divi Builder Plus
Author URI: https://divibuilderplus.com/
Template: Divi
Version: Updated for Divi 4+
*/
/* -----------------------------------------------------------------------------   
    TABLE OF CONTENT
---------------------------------------------------------
    01. General Class CSS
		Title CSS		
		Button CSS
        Page Header Title Css
		Breadcrumbs CSS
	02. Header Section CSS
    	Header v1 CSS
		Header v2 CSS
		Header v3 CSS
	03. Footer Section CSS
		Footer v1 CSS
		Footer v2 CSS
		Footer v3 CSS
    04. Sidebar CSS
    05. Blog CSS
		Blog Grid CSS
			2 Columns CSS
            3 Columns CSS
			4 Columns CSS
        Blog Listing CSS 
		Blog Category Page CSS 
		Blog Tags Page CSS 
		Blog Author Page CSS 
		Blog Single Page CSS
	06. Portfolio CSS
		Portfolio Default CSS
		Portfolio Filterable CSS
			2 Columns CSS
            3 Columns CSS
			4 Columns CSS
        Portfolio Carousel CSS 
		Portfolio Gallary CSS 
		Portfolio Category Page CSS 
		Portfolio Tags Page CSS 
		Portfolio Single Page CSS
    07. Services CSS
		Services v1 CSS
		Services v2 CSS
		Services v3 CSS
		Services Single Page CSS
	08. Contact Us CSS
		Contact Us v1 CSS
		Contact Us v2 CSS
	09. Team Section CSS
		Team v1 CSS
		Team v2 CSS
		Team Single CSS
    10 Slider Section CSS
		Slider v1 CSS
    11 Faqs CSS
		Faqs v1 CSS
	12 Timeline CSS
		Timeline v1 CSS
	13 Pricing Table CSS
		Pricing Default CSS
		Pricing Mini CSS
		Pricing Toggle CSS
		Pricing Table CSS
    14 Testimonial Section CSS
		Testimonial v1 CSS
		Testimonial v2 CSS	
    15 About Us Section CSS
    16 Choose Us Section CSS
    17 Process Section CSS
    18 Partner Section CSS
    19 Video Section CSS
    20 Skill-bar Section CSS
    21 Counter Section CSS
    22 Newsletter Section CSS
    23 CTA Section CSS
    24 Countdown Timer Section CSS
    25 404 Page CSS
	26 Search Page CSS
    27 Hero Section CSS
    28 Tab Control CSS
    29 Categories Section CSS
    30 Color Picker CSS
    31 Animation Part CSS
    
    00.Shop Page CSS
    		Shop v1 CSS
    		Shop v2 CSS
        Related Product CSS
        Up Sell Product CSS
        Cross Sell Product CSS
        WOO Sidebar CSS
    00.Product Mini CSS
    00.Single Product Page CSS
            Simple Product
            Variable Product
            Notice CSS
            Group Product
            External/Affiliate Product
    00.Cart Page CSS
    00.Checkout Page CSS
    00.Thank you Page CSS
    00.My Account Page CSS

--------------------------------------------------------*/
/* -----------------------------------
    01. General Class CSS
-------------------------------------*/
/* radio & checkbox Color CSS */
input[type=radio],
input[type=checkbox] {
    accent-color: #181818;
}

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

.px_hover_img .et_pb_image_wrap::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: -130%;
    width: 150%;
    height: 100%;
    transform: skewX(-15deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: 1;
}

.px_hover_img .et_pb_image_wrap:hover::before {
    left: -70px;
    opacity: 0;
}

.px_hover_img .et_pb_image_wrap::after {
    content: "";
    position: absolute;
    height: 10px;
    width: 50px;
    left: -10px;
    top: 10px;
    background: transparent;
    border-top: 10px solid var(--px-color-1);
    border-bottom: 10px solid var(--px-color-2);
    transform: skewX(-25deg);
    transition: all 0.4s;
    z-index: 1;
}

.px_hover_img .et_pb_image_wrap:hover::after {
    transform: skewX(25deg);
}

.px_hover_img .et_pb_image_wrap img {
    border-radius: 0px;
    transition: all 0.4s;
}

.px_hover_img .et_pb_image_wrap:hover img {
    transform: scale(1.05) rotate(2deg);
}

.px_hover_img.px_hover_border_img .et_pb_image_wrap {
    border: 10px solid #ffffff;
    border-radius: 15px;
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.07);
}

/*---Title CSS---*/
.px_subtitle {
    margin-bottom: 5px !important;
}

.px_subtitle .et_pb_text_inner {
    position: relative;
    width: fit-content;
    margin: auto;
    font-size: 15px;
    padding: 0px 20px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px;
    color: var(--px-color-1);
}

.px_subtitle .et_pb_text_inner::before,
.px_subtitle .et_pb_text_inner::after {
    content: "\e035";
    position: absolute;
    font-family: ETmodules !important;
    font-weight: 400 !important;
    top: 0;
    bottom: 0;
    margin: auto;
}

.px_subtitle .et_pb_text_inner::before {
    left: 0;
}

.px_subtitle .et_pb_text_inner::after {
    right: 0;
}

.px_subtitle .et_pb_text_inner .px_title_effect {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 45px;
    height: 45px;
    border: 5px solid var(--px-color-1);
    border-radius: 5px;
    overflow: hidden;
    opacity: 0.3;
    transition: all 0.4s;
    z-index: -1;
}

.px_subtitle .et_pb_text_inner:hover .px_title_effect {
    animation: rotation 12s steps(60) 0s infinite;
}

.px_subtitle_light .et_pb_text_inner .px_title_effect {
    border-color: #fff;
}

.px_subtitle_light .et_pb_text_inner {
    color: #fff;
}

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

    .px_subtitle.px_subtitle_left .et_pb_text_inner {
        margin-left: 0;
        padding-left: 0;
        margin-right: auto;
    }

    .px_subtitle.px_subtitle_left .et_pb_text_inner::before {
        display: none;
    }

    .px_subtitle.px_subtitle_left .et_pb_text_inner .px_title_effect {
        left: 0;
        right: auto;
    }
}

.px_title .et_pb_text_inner h4 {
    padding-bottom: 0px;
    font-size: 35px;
    font-weight: 600;
    color: var(--px-color-2);
}

.px_title_light .et_pb_text_inner h4 {
    color: #fff;
}

.px_desc {
    color: #666666;
    font-size: 14px;
}

/*---Button CSS---*/
.px_btn,
.et-db #et-boc .et-l .px_btn {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    border-radius: 5px;
    border: none !important;
    padding: 12px 20px !important;
    font-size: 15px;
    color: #fff;
    z-index: 1;
}

.px_btn::before,
.et-db #et-boc .et-l .px_btn::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_btn:hover:before,
.et-db #et-boc .et-l .px_btn:hover::before {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

.px_btn::after,
.et-db #et-boc .et-l .px_btn::after {
    display: none !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
-------------------------------------*/
/*---Menu + Sub Menu CSS---*/
/*---Main Menu CSS---*/
.px_header_menu.et_pb_menu .et-menu .menu-item-has-children>a:first-child:after,
.et-db #et-boc .et-l .px_header_menu.et_pb_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-menu .menu-item-has-children>a:first-child:hover::after,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu .menu-item-has-children>a:first-child:hover::after {
    color: var(--px-color-1);
}

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

.px_header_menu.et_pb_menu ul li ul,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul {
    position: absolute;
    left: 0px;
    top: 100%;
    padding: 15px;
    border-radius: 10px;
    z-index: 100;
    background: #ffffff;
    transform: translateY(15px);
    border-top-color: var(--px-color-1) !important;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease;
    box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 5%)
}

.px_header_menu.et_pb_menu ul li:hover>ul,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li:hover>ul {
    opacity: 1;
    visibility: visible;
    display: block;
    transform: translateY(0px);
}

.px_header_menu.et_pb_menu ul li.mega-menu ul li ul,
.et-db #et-boc .et-l .px_header_menu.et_pb_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;
    transform: none;
    border-top: none !important;
    transition: all 300ms ease;
    box-shadow: unset;
}

.px_header_menu.et_pb_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-menu-nav ul li.mega-menu>ul>li>a:first-child {
    font-weight: 700;
    border-bottom: 1px solid #e7e7e7;
}

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

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

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

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

.px_header_menu.et_pb_menu ul li a:hover,
.et-db #et-boc .et-l .px_header_menu.et_pb_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;
    border-radius: 5px;
    margin: 0px 0px 0px 5px;
    position: relative;
    top: -10px;
    color: #ffffff;
    background-color: var(--px-color-1);
    padding: 3px 4px;
}

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

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

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

.px_header_menu.et_pb_menu ul li ul li a::after,
.et-db #et-boc .et-l .px_header_menu.et_pb_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 10px;
}

.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 {
    margin: 10px 0px;
    padding: 10px;
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    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 ul li ul li a,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_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;
}

.px_header_menu.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav ul,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav ul {
    border-color: var(--px-color-1) !important;
}


@media only screen and (max-width: 1200px){
	.px_info_small, .px_header_menu .et_pb_menu__cart-button, .px_header_menu .et_pb_menu__search-button{
		display: none !important;
	}
	
	.px_header_menu{
		width: 100% !important;
	}
}

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

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

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

    .px_header_menu.et_pb_menu .et_pb_menu_inner_container .et_pb_menu__logo-wrap,
    .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu_inner_container .et_pb_menu__logo-wrap {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}


/*---Sub Menu CSS---*/
/*---Header Common Info Css---*/
.px_small_blurb_info .et_pb_image_wrap {
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 5px;
    border: 2px dashed var(--px-color-1)
}

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

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

.px_header_social li.et_pb_social_icon,
.et-db #et-boc .et-l .px_header_social li.et_pb_social_icon {
    margin-bottom: 0px;
}

.px_header_social li.et_pb_social_icon a.icon::before {
    color: #fff;
    transition: all 0.4s;
}

.px_header_social li.et_pb_social_icon a.icon:hover::before {
    color: var(--px-color-2);
}

.px_header_social_v3 li.et_pb_social_icon,
.et-db #et-boc .et-l .px_header_social_v3 li.et_pb_social_icon {
    margin-bottom: 0px;
}

.px_header_social_v3 li.et_pb_social_icon a,
.et-db #et-boc .et-l .px_header_social_v3 li.et_pb_social_icon a {
    position: relative;
    margin-right: 0px;
    padding: 5px;

    overflow: hidden;
    z-index: 1;
}

.px_header_social_v3 li.et_pb_social_icon a::after {
    content: "";
    position: absolute;
    display: block !important;
    background-color: var(--px-color-1);
    top: 0;
    left: -130%;
    width: 150%;
    height: 100%;
    transform: skewX(-15deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_header_social_v3 li.et_pb_social_icon a:hover::after {
    left: -10px;
    opacity: 1;
}

/*---Header v1  CSS---*/
.px_header_top_v1,
.et-db #et-boc .et-l .px_header_top_v1 {
    background-color: var(--px-color-1);
}

.px_header_top_v1 .px_header_top_row .px_header_top_btn_column {
    display: flex;
    align-items: center;
    justify-content: left;
}

.px_header_top_v1 .px_header_top_row .px_header_top_btn_column .px_h_top_btn_info {
    color: #fff;
}

.px_header_top_v1 .px_header_top_row .px_header_top_btn_column .px_h_top_btn_info:hover {
    color: var(--px-color-2);
}

.px_header_top_v1 .px_header_top_row .px_header_top_btn_column .px_h_top_btn_info::before {
    color: #fff !important;
}

.px_header_bottom_v1::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #f7f7f7;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s;
    z-index: -1;
}

.px_header_bottom_v1 .px_header_menu_row.et_pb_sticky_module.et_pb_sticky {
    margin-bottom: 0 !important;
}

.px_header_bottom_v1 .px_header_bottom_row .px_h_bottom_btn_colunm .px_btn,
.et-db #et-boc .et-l .px_header_bottom_v1 .px_header_bottom_row .px_h_bottom_btn_colunm .px_btn {
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: 0;
}

@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_bottom_v1 .px_header_bottom_row .et_pb_column,
    .et-db #et-boc .et-l .px_header_bottom_v1 .px_header_bottom_row .et_pb_column {
        margin-top: auto;
        margin-bottom: auto;
    }

    .px_header_bottom_v1 .px_header_menu_row,
    .et-db #et-boc .et-l .px_header_bottom_v1 .px_header_menu_row {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
    }
}

/*---Header v3  CSS---*/
.px_header_bottom_v3::before {
    display: none !important;
}

/* -----------------------------------
    03. Footer Section CSS
-------------------------------------*/
/*---Footer Common Info Css---*/
.px_footer_title::before,
.et-db #et-boc .et-l .px_footer_title::before {
    content: "";
    position: absolute;
    display: block !important;
    height: 30px;
    width: 30px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border: 5px solid #181818;
    opacity: 0.1;
    transition: all 0.4s;
    z-index: -1;
}

.px_footer_title:hover::before,
.et-db #et-boc .et-l .px_footer_title:hover::before {
    animation: rotation 12.8s steps(60) 0s infinite;
}

.px_footer_title::after,
.et-db #et-boc .et-l .px_footer_title::after {
    display: none !important;
}

.px_footer_blurb_info .et_pb_image_wrap {
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 5px;
    border: 2px dashed var(--px-color-1)
}

.px_footer_blurb_info .et_pb_image_wrap .et-pb-icon {
    line-height: 2;
    color: var(--px-color-1);
}

.px_footer_blurb_info .et_pb_module_header {
    padding-bottom: 5px;
}

.px_footer_links {
    color: #666666;
}

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

.px_footer_links::before {
    color: var(--px-color-1) !important;
}

.px_footer_social li.et_pb_social_icon a.icon {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.px_footer_social li.et_pb_social_icon a.icon::after {
    content: "";
    position: absolute;
    display: block !important;
    background-color: var(--px-color-1);
    top: 0;
    left: -130%;
    width: 150%;
    height: 100%;
    transform: skewX(-15deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_footer_social li.et_pb_social_icon a.icon:hover::after {
    left: -10px;
    opacity: 1;
}

/*---Footer v1  CSS---*/
@media only screen and (min-width: 981px) {
    .px_footer_v1 .px_f_copyright_row .et_pb_column {
        margin-top: auto;
        margin-bottom: auto;
    }
}

.px_footer_v1 .px_f_newsletter .et_pb_newsletter_form .et_pb_newsletter_fields .et_pb_button {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    z-index: 1;
}

.px_footer_v1 .px_f_newsletter .et_pb_newsletter_form .et_pb_newsletter_fields .et_pb_button::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_footer_v1 .px_f_newsletter .et_pb_newsletter_form .et_pb_newsletter_fields .et_pb_button:hover:before {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

.px_footer_v1 .px_f_newsletter .et_pb_newsletter_form .et_pb_newsletter_fields .et_pb_button::after {
    display: none !important;
}

/*---Footer v2  CSS---*/
.px_footer_v2 {
    background-color: var(--px-color-2);
}

.px_footer_v2 .et_pb_background_pattern {
    transition: all 0.4s;
}

.px_footer_v2:hover .et_pb_background_pattern {
    background-position: 100px center !important;
}

.px_footer_v2 .px_footer_title::before,
.et-db #et-boc .et-l .px_footer_v2 .px_footer_title::before {
    border-color: #fff;
}

.px_footer_v2 .px_footer_links {
    color: #e0e0e0;
}

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

.px_footer_v2 .px_f_newsletter .et_pb_newsletter_form .et_pb_newsletter_fields .et_pb_button {
    color: #fff;
    transition: all 0.4s;
}

.px_footer_v2 .px_f_newsletter .et_pb_newsletter_form .et_pb_newsletter_fields .et_pb_button:hover {
    color: var(--px-color-2);
}

.px_footer_v2 .px_f_newsletter .et_pb_newsletter_form .et_pb_newsletter_fields .et_pb_button:hover:before {
    background-color: #fff;
}

/*---Footer v3  CSS---*/
.px_footer_v3 .px_f_newsletter .et_pb_newsletter_form {
    padding-top: 10px !important;
}

.px_footer_v3 .px_f_newsletter .et_pb_newsletter_form .et_pb_newsletter_fields {
    position: relative;
}

.px_footer_v3 .px_f_newsletter .et_pb_newsletter_form .et_pb_newsletter_fields .et_pb_newsletter_field {
    padding-bottom: 0px;
}

.px_footer_v3 .px_f_newsletter .et_pb_newsletter_form .et_pb_newsletter_fields .et_pb_button {
    position: absolute;
    height: 100%;
    width: fit-content;
    top: 0;
    right: 0;
}

.px_footer_v3 .px_f_newsletter .et_pb_newsletter_form .et_pb_newsletter_fields .et_pb_button:hover:before {
    background-color: var(--px-color-2);
}

/*-----------------------------------
       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;
    padding: 10px 20px 10px 0px;
    margin-bottom: 10px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px;
    color: var(--px-color-1);
}

.px_sidebar .widgettitle::before,
.et-db #et-boc .et-l .px_sidebar .widgettitle::before {
    content: "";
    position: absolute;
    height: 30px;
    width: 30px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius: 5px;
    border: 5px solid var(--px-color-1);
    opacity: 0.2;
    transition: all 0.4s;
}

.px_sidebar .et_pb_widget:hover .widgettitle::before,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget:hover .widgettitle::before {
    animation: rotation 12.8s steps(60) 0s infinite;
}

.px_sidebar .widgettitle::after,
.et-db #et-boc .et-l .px_sidebar .widgettitle::after {
    content: "\e035";
    position: absolute;
    font-family: ETmodules !important;
    font-weight: 400 !important;
    right: 0;
    margin: auto;
}

.px_sidebar .et_pb_widget,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget {
    padding: 15px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}

.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 {
    border-color: #e7e7e7;
    border-radius: 5px;
    padding: 12px 10px;
    height: auto !important;
}

.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 {
    border: none;
    border-radius: 5px;
    color: #fff;
    background-color: var(--px-color-1);
    right: 5px;
    top: 5px;
    width: fit-content;
    padding: 5px 10px;
    height: calc(100% - 10px) !important;
    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-color: var(--px-color-2);
}

.px_sidebar .widget_categories ul .cat-item,
.et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item {
    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 {
    display: block;
    padding: 10px 0px;
    color: #181818;
    border-bottom: 1px solid #e7e7e7;
    transition: all 0.4s;
}

.px_sidebar .widget_categories ul .cat-item:first-child a,
.et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item:first-child a {
    padding-top: 0px;
}

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

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

.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;
    overflow: hidden;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e7e7e7;
    padding: 8px 10px;
    font-size: 14px !important;
    color: #181818;
    transition: all 0.4s;
    z-index: 1;
}

.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 {
    border-color: var(--px-color-1);
    color: #fff;
}

.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 {
    content: "";
    position: absolute;
    background-color: var(--px-color-1);
    top: 0;
    left: calc(-150% + 25px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.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 {
    opacity: 1;
    left: -25px;
}

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

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

.px_sidebar .widget_recent_entries ul li a,
.et-db #et-boc .et-l .px_sidebar .widget_recent_entries ul li a {
    line-height: 1.4;
    display: block;
    padding-bottom: 5px;
    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 {
    position: relative;
    color: #181818;
    padding-left: 20px;
}

.px_sidebar .widget_recent_entries ul li .post-date::before,
.et-db #et-boc .et-l .px_sidebar .widget_recent_entries ul li .post-date::before {
    content: "\e025";
    position: absolute;
    font-family: ETmodules;
    left: 0;
    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 {
    margin: 0;
}

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

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

/* Blog Sidebar CSS End */
/* Shop Sidebar CSS Start */
.px_shop_sidebar .woocommerce-product-search button{
	color: #fff;
    background: var(--px-color-1);
    border: 0;
    padding: 14px;
    font-size: 0;
	    position: absolute;
    right: 0;
    border-radius: 0 5px 5px 0px;
}

.px_shop_sidebar .woocommerce-product-search button::after{
		opacity: 1;
		margin: 0;
		color: #fff;
		font-size: 18px;
		content: "\55";
    font-family: 'ETmodules';
}

.px_shop_sidebar .et_pb_widget,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget {
    padding: 15px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}

.px_shop_sidebar .et_pb_widget .button,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .button {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    width: 100%;
    margin: 0;
    text-align: center;
    border-radius: 5px;
    border: none !important;
    padding: 10px 15px !important;
    font-size: 14px;
    color: #fff;
    z-index: 1;
}

.px_shop_sidebar .et_pb_widget .button::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .button::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_shop_sidebar .et_pb_widget .button:hover::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .button:hover::before {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

.px_shop_sidebar .et_pb_widget .button::after,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .button::after {
    display: none !important;
}

.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;
    padding: 10px 20px 10px 0px;
    margin-bottom: 15px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px;
    color: var(--px-color-1);
}

.px_shop_sidebar .et_pb_widget .widgettitle::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .widgettitle::before {
    content: "";
    position: absolute;
    height: 30px;
    width: 30px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius: 5px;
    border: 5px solid var(--px-color-1);
    transition: all 0.4s;
    opacity: 0.2;
}

.px_shop_sidebar .et_pb_widget:hover .widgettitle::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget:hover .widgettitle::before {
    animation: rotation 12.8s steps(60) 0s infinite;
}

.px_shop_sidebar .widgettitle::after,
.et-db #et-boc .et-l .px_shop_sidebar .widgettitle::after {
    content: "\e035";
    position: absolute;
    font-family: ETmodules !important;
    font-weight: 400 !important;
    right: 0;
    margin: auto;
}

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

.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 {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-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: transparent !important;
    background: transparent !important
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .remove::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .remove::before {
    content: "\e07d";
    font-family: 'ETmodules';
    color: var(--px-color-1);
    position: absolute;
    font-size: 16px;
    font-weight: 100;
    top: 7px;
    left: 0;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .remove:hover::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .remove:hover::before {
    color: #181818;
}

.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 {
    display: block;
    color: #181818;
    font-weight: 500;
    line-height: 1.2;
    padding-bottom: 5px;
    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 {
    height: 50px;
    width: 50px;
    object-fit: cover;
    border-radius: 5px;
    border: 1px solid #e7e7e7;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li span.quantity,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li span.quantity {
    font-size: 16px;
    color: #000000;
}

.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: 17px;
    color: #181818;
}

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

.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 {
    border: 1px solid #e7e7e7;
    padding: 12px;
    width: 100%;
    border-radius: 5px;
    color: #181818;
}

.px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button {
    position: absolute;
    right: 5px;
    top: 5px;
    width: fit-content;
    padding: 5px 10px;
    border-radius: 5px;
    height: calc(100% - 10px);
    background-color: var(--px-color-1);
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button:hover {
    background-color: var(--px-color-2);
}

/* 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-color: #e7e7e7;
    border-radius: 3px;
}

.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-color: var(--px-color-1);
    border-radius: 3px;
}

.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-image: radial-gradient(ellipse at center, var(--px-color-1) 0%, #fff 100%);
    border-radius: 3px;
}

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

/* 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 {
    margin-bottom: 0;
}

.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;
    display: block;
    font-size: 15px;
    padding: 10px 0px;
    border-bottom: 1px solid #e5e5e5;
    color: #181818;
    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,
.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 {
    color: var(--px-color-1);
}

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories>li.cat-item:first-child>a,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories>li.cat-item:first-child>a {
    padding-top: 0px;
}

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories>li.cat-item:last-child>a,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories>li.cat-item:last-child>a {
    border: none;
    padding-bottom: 0px;
}

/* 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 {
    padding-top: 0px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e7e7e7;
}

.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 {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0px;
}

.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li a,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li a {
    line-height: 1.2;
}

.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 {
    height: 50px;
    width: 50px;
    object-fit: cover;
    border-radius: 5px;
    border: 1px solid #e7e7e7;
}

.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 {
    display: block;
    color: #181818;
    font-weight: 500;
    padding-bottom: 5px;
    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: #ffb12b;
}

.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .woocommerce-Price-amount,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .woocommerce-Price-amount {
    font-size: 16px;
    color: #000000;
}

/* 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;
    overflow: hidden;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e7e7e7;
    padding: 10px;
    font-size: 14px !important;
    color: #181818;
    transition: all 0.4s;
    z-index: 1;
}

.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 {
    border-color: var(--px-color-1);
    color: #fff;
}

.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 {
    content: "";
    position: absolute;
    background-color: var(--px-color-1);
    top: 0;
    left: calc(-150% + 25px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.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 {
    opacity: 1;
    left: -25px;
}

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

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

/* 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 {
    padding-top: 0px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e7e7e7;
}

.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 {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0px;
}

.px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a {
    line-height: 1.2;
}

.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 {
    height: 50px;
    width: 50px;
    border-radius: 5px;
    object-fit: cover;
    border: 1px solid #e7e7e7;
}

.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 {
    display: block;
    color: #181818;
    font-weight: 500;
    padding-bottom: 5px;
    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);
}

.px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li .woocommerce-Price-amount,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li .woocommerce-Price-amount {
    font-size: 16px;
    color: #000000;
}

/* 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;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e7e7e7;
}

.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 {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-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 {
    float: left;
    font-size: 15px;
    color: #181818;
    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 {
    color: var(--px-color-1);
}

.px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li .count,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li .count {
    color: #181818;
    font-size: 15px;
}

/* Shop Sidebar CSS End */
/* -----------------------------------
       04. Sidebar CSS End Here
  -------------------------------------*/
/* -----------------------------------
     05. Blog CSS
-------------------------------------*/
/*---Blog Grid CSS & 3 Columns CSS ---*/
.px_blog_v1 .et_pb_post {
    padding: 0px 20px 20px 20px;
    position: relative;
    z-index: 1;
}

.px_blog_v1 .et_pb_post::before {
    content: "";
    position: absolute;
    height: calc(100% - 165px);
    width: 100%;
    left: 0;
    bottom: 0;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
    z-index: -1;
}

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

.px_blog_v1 .et_pb_post .entry-featured-image-url {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: 0;
    z-index: 1;
}

.px_blog_v1 .et_pb_post .entry-featured-image-url::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: -130%;
    width: 150%;
    height: 100%;
    transform: skewX(-15deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: 1;
}

.px_blog_v1 .et_pb_post .entry-featured-image-url::after {
    content: "";
    position: absolute;
    height: 10px;
    width: 70px;
    left: -25px;
    top: 20px;
    background: transparent;
    border-top: 10px solid var(--px-color-1);
    border-bottom: 10px solid var(--px-color-2);
    transform: skewX(-25deg);
    transition: all 0.4s;
    z-index: 1;
}

.px_blog_v1 .et_pb_post:hover .entry-featured-image-url::after {
    transform: skewX(25deg);
}

.px_blog_v1 .et_pb_post:hover .entry-featured-image-url::before {
    left: -70px;
    opacity: 0;
}

.px_blog_v1 .et_pb_post .entry-featured-image-url img {
    transition: all 0.4s;
}

.px_blog_v1 .et_pb_post:hover .entry-featured-image-url img {
    transform: scale(1.05) rotate(2deg);
}

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

/*---Title  CSS---*/
.px_blog_v1 .et_pb_post .entry-title {
    order: 1;
    height: 55px;
    overflow: hidden;
    color: var(--px-color-2);
    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;
}

.px_blog_v1 .et_pb_post .post-meta .published {
    position: absolute;
    top: -45px;
    left: 10px;
    width: 60px;
    height: 60px;
    border-radius: 10px;
    text-align: center;
    line-height: 1.5;
    background-color: var(--px-color-1);
    color: #fff;
    display: flex;
    border: 3px solid #fff;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.px_blog_v1 .et_pb_post .post-meta a[rel="tag"] {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    margin-right: 5px;
    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: "\e035";
    position: absolute;
    font-family: ETmodules !important;
    font-weight: 400 !important;
    color: var(--px-color-1);
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

/*---Blog Desc CSS---*/
.px_blog_v1 .et_pb_post .post-content .post-content-inner {
    padding-bottom: 10px;
}

/*---Read More Button CSS---*/
.px_blog_v1 .et_pb_post .post-content .more-link {
    position: relative;
    overflow: hidden;
    background-color: #f7f7f7;
    border-radius: 5px;
    color: var(--px-color-2) !important;
    padding: 8px 42px 8px 8px;
    display: inline-block;
    z-index: 1;
    transition: all 0.4s;
}

.px_blog_v1 .et_pb_post .post-content .more-link:hover {
    color: #fff !important;
}

.px_blog_v1 .et_pb_post .post-content .more-link::before {
    content: "\4c";
    font-family: ETmodules;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border-radius: 5px;
    position: absolute;
    width: 30px;
    top: 5px;
    bottom: 5px;
    right: 5px;
    background-color: var(--px-color-2);
    z-index: 1;
    transition: all 0.4s;
}

.px_blog_v1 .et_pb_post .post-content .more-link::after {
    content: "";
    position: absolute;
    display: block !important;
    background-color: var(--px-color-2);
    top: 0;
    left: calc(-150% + 25px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_blog_v1 .et_pb_post .post-content .more-link:hover::after {
    opacity: 1;
    left: -25px;
    background-color: var(--px-color-1);
}

/*---Pagination Button CSS---*/
.px_blog_v1 .pagination .alignleft a,
.px_blog_v1 .pagination .alignright a {
    position: relative;
    overflow: hidden;
    display: block;
    background-color: var(--px-color-1) !important;
    padding: 12px 20px !important;
    font-size: 15px;
    color: #fff;
    z-index: 1;
}

.px_blog_v1 .pagination .alignleft a::before,
.px_blog_v1 .pagination .alignright a::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: -130%;
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_blog_v1 .pagination .alignleft a:hover:before,
.px_blog_v1 .pagination .alignright a:hover:before {
    opacity: 1;
    left: -40px;
    background-color: var(--px-color-2);
}

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


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

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

    .px_blog_list .et_pb_post::before {
        height: 100%;
    }

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

    .px_blog_list .et_pb_post .entry-featured-image-url img {
        transition: all 0.4s;
        height: 250px;
        object-fit: cover;
    }

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

    .px_blog_list .et_pb_post .px_blog_v1_info .entry-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        height: auto;
    }

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

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

.px_blog_single .px_single_post_title .et_pb_title_container {
    position: relative;
    padding-top: 30px;
}

.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 {
    transition: all 0.4s;
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a:hover {
    color: var(--px-color-1);
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .published {
    position: absolute;
    top: -45px;
    left: 10px;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 1.5;
    border-radius: 10px;
    background-color: var(--px-color-1);
    color: #fff;
    display: flex;
    border: 3px solid #fff;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .author,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a[rel="category tag"],
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number {
    position: relative;
    padding: 0px 10px 0px 20px;
    display: inline-block;
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .author::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 .comments-number::before {
    content: "";
    position: absolute;
    font-family: ETmodules;
    color: var(--px-color-1);
    left: 0;
    font-size: 16px;
    font-weight: 100;
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .author::before {
    content: "\e08a";
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a[rel="category tag"]::before {
    content: "\e07c";
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number::before {
    content: "\e066";
}

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

.px_blog_single .px_single_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    color: var(--px-color-1);
}

.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-bottom: 0px;
    padding-right: 15px;
}

.px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-right: 5px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e7e7e7;
    padding: 8px 10px;
    font-size: 14px !important;
    color: #181818;
    transition: all 0.4s;
    z-index: 1;
}

.px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a:hover {
    border-color: var(--px-color-1);
    color: #fff;
}

.px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a::before {
    content: "";
    position: absolute;
    background-color: var(--px-color-1);
    top: 0;
    left: calc(-150% + 25px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a:hover::before {
    opacity: 1;
    left: -25px;
}

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

.px_blog_single .px_single_social_media li.et_pb_social_icon a.icon {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.4s !important;
}

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

.px_blog_single .px_single_social_media li.et_pb_social_icon a.icon::after {
    content: "";
    position: absolute;
    background-color: var(--px-color-1);
    top: 0;
    left: calc(-100% - 5px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_blog_single .px_single_social_media li.et_pb_social_icon a.icon:hover::after {
    opacity: 1;
    left: -8px;
}

.px_blog_single .px_single_navigation .nav-previous a,
.px_blog_single .px_single_navigation .nav-next a {
    position: relative;
    overflow: hidden;
    color: #181818;
    transition: all 0.4s;
    z-index: 1;
}

.px_blog_single .px_single_navigation .nav-previous a:hover,
.px_blog_single .px_single_navigation .nav-next a:hover {
    border-color: var(--px-color-1);
    color: #fff;
}

.px_blog_single .px_single_navigation .nav-previous a::before,
.px_blog_single .px_single_navigation .nav-next a::before {
    content: "";
    position: absolute;
    background-color: var(--px-color-1);
    top: 0;
    left: calc(-150% + 25px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_blog_single .px_single_navigation .nav-previous a:hover::before,
.px_blog_single .px_single_navigation .nav-next a:hover::before {
    opacity: 1;
    left: -30px;
}

.px_blog_single .px_blog_single_comments .commentlist .comment-body {
    padding: 0px 50px 50px 100px;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #e7e7e7;
}

.px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_avatar img {
    height: 80px;
    width: 80px !important;
    object-fit: cover;
}

.px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_postinfo .comment-edit-link {
    color: var(--px-color-2);
    text-decoration: underline;
}

.px_blog_single.et_pb_section .px_blog_single_comments .reply-container .comment-reply-link,
body #page-container .px_blog_single.et_pb_section .px_blog_single_comments .reply-container .comment-reply-link {
    position: absolute !important;
    top: 0 !important;
    font-size: 0;
    padding: 0 !important;
    height: 40px;
    width: 40px;
}

.px_blog_single.et_pb_section .px_blog_single_comments .reply-container .comment-reply-link::before,
body #page-container .px_blog_single.et_pb_section .px_blog_single_comments .reply-container .comment-reply-link::before {
    left: calc(-100% + 30px);
}

.px_blog_single.et_pb_section .px_blog_single_comments .reply-container .comment-reply-link:hover::before,
body #page-container .px_blog_single.et_pb_section .px_blog_single_comments .reply-container .comment-reply-link:hover::before {
    left: 22px;
}

.px_blog_single.et_pb_section .px_blog_single_comments .reply-container .comment-reply-link::after,
body #page-container .px_blog_single.et_pb_section .px_blog_single_comments .reply-container .comment-reply-link::after {
    content: "\4a" !important;
    font-family: ETmodules !important;
    margin: 0 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    text-align: center;
    height: inherit;
    width: inherit;
    line-height: 1.8;
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form#commentform {
    padding-bottom: 0px;
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .logged-in-as a {
    color: var(--px-color-2);
    text-decoration: underline;
}

.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 {
    box-shadow: none !important;
    border-color: #e7e7e7 !important;
}

.px_blog_single .px_blog_single_comments .et_pb_button {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    z-index: 1;
}

.px_blog_single .px_blog_single_comments .et_pb_button::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: -120%;
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_blog_single .px_blog_single_comments .et_pb_button:hover:before {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

/* Blog Single Page CSS End */
/* -----------------------------------
     06. Portfolio CSS
-------------------------------------*/
/* -----------------------------------
    07. Services CSS
-------------------------------------*/
/* -----------------------------------
    08. Contact Us CSS
-------------------------------------*/
/*---Contact Us v1  CSS---*/
.px_contact_v1 {
    border-radius: 15px;
    border: 10px solid #fff;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}

.px_contact_v1 .et_pb_contact_main_title {
    padding-bottom: 10px;
}

/*---Button CSS---*/
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    border-radius: 0px;
    border: none !important;
    padding: 12px 20px !important;
    font-size: 15px;
    color: #fff;
    z-index: 1;
}

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover::before {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit::after {
    display: none !important;
}

/* -----------------------------------
    09. Team Section CSS
-------------------------------------*/
/*---Team v1 CSS Start---*/
/* Image Css */
.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 {
    position: relative;
    overflow: hidden;
}

.px_team_v1 .et_pb_team_member_image::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: -130%;
    width: 150%;
    height: 100%;
    transform: skewX(-15deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: 1;
}

.px_team_v1:hover .et_pb_team_member_image::before {
    left: -70px;
    opacity: 0;
}

.px_team_v1 .et_pb_team_member_image::after {
    content: "";
    position: absolute;
    height: 10px;
    width: 70px;
    left: -25px;
    top: 20px;
    background: transparent;
    border-top: 10px solid var(--px-color-1);
    border-bottom: 10px solid var(--px-color-2);
    transform: skewX(-25deg);
    transition: all 0.4s;
    z-index: 1;
}

.px_team_v1:hover .et_pb_team_member_image::after {
    transform: skewX(25deg);
}

.px_team_v1 .et_pb_team_member_image img {
    transition: all 0.4s;
}

.px_team_v1:hover .et_pb_team_member_image img {
    transform: scale(1.05) rotate(2deg);
}

/* Description Css*/
.px_team_v1 .et_pb_team_member_description {
    position: relative;
    padding: 5px 0px;
}

.px_team_v1 .et_pb_team_member_description::before {
    content: "\4c";
    font-family: ETmodules;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    height: 50px;
    width: 50px;
    right: 20px;
    top: -80px;
    border-radius: 5px;
    background-color: var(--px-color-2);
    box-shadow: 5px 5px rgb(0 0 0 / 30%);
    z-index: 2;
}

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

/* Social Links Css*/
.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links {
    position: absolute;
    right: 65px;
    top: -75px;
    margin: 0;
    display: grid;
    z-index: 1;
    text-align: center;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li {
    position: absolute;
    margin: 0;
    display: block;
    transition: all 300ms ease;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform: translate3d(0, 0, 0) scale(0);
}

.px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(1) {
    transform: translate3d(0px, -90px, 0) scale(1);
    z-index: 1;
}

.px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(2) {
    transform: translate3d(-65px, -65px, 0) scale(1);
    z-index: 1;
}

.px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(3) {
    transform: translate3d(-90px, 0px, 0) scale(1);
    z-index: 1;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a {
    overflow: hidden;
    height: 35px;
    width: 35px;
    background-color: var(--px-color-2);
    color: #fff;
    border-radius: 5px;
    line-height: 2.7;
    font-size: 14px;
    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: var(--px-color-1);
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a::after {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: -130%;
    width: 150%;
    height: 100%;
    transform: skewX(-15deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover::after {
    left: -10px;
    background-color: var(--px-color-1);
    opacity: 1;
}

/*---Team v1 CSS End---*/
/* -----------------------------------
    10 Slider Section CSS
-------------------------------------*/
/*---Slider v1  CSS---*/
/*---Title CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title {
    color: var(--px-color-1) !important;
}

/*---Description CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h1 {
    font-size: 60px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.1;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content blockquote {
    border-color: var(--px-color-1);
    margin: 20px 0 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-color: var(--px-color-1) !important;
    z-index: 1;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover:before {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::after {
    display: none !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-color: var(--px-color-1);
    font-size: 35px;
    padding: 6px;
    border-radius: 5px;
    opacity: 0;
    transition: all 0.4s;
}

.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-color: var(--px-color-2);
}

.px_slider_v1:hover .et-pb-slider-arrows .et-pb-arrow-prev,
.px_slider_v1:hover .et-pb-slider-arrows .et-pb-arrow-next {
    opacity: 1;
}

/*---Dots Navigation CSS---*/
.px_slider_v1 .et-pb-controllers a {
    padding: 6px;
    border-radius: 3px;
    transition: all 0.4s;
}

.px_slider_v1 .et-pb-controllers a:hover,
.px_slider_v1 .et-pb-controllers a.et-pb-active-control {
    opacity: 1;
    background-color: var(--px-color-1);
}

@media only screen and (max-width: 980px) {
    .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h1 {
        font-size: 45px;
    }
}

@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_content blockquote {
        border: none;
        padding-left: 0px;
        margin: 20px 0 10px;
    }

}

@media only screen and (max-width: 600px) {
    .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h1 {
        font-size: 40px;
    }
}

/* -----------------------------------
  	11 Faqs CSS
-------------------------------------*/
/*---Faqs v1  CSS---*/
.px_faqs_v1 .et_pb_toggle {
    box-shadow: 0px 5px 22px 0px rgb(0 0 0 / 10%);
    transition: all 0.4s;
}

/*---Title CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {
    position: relative;
    padding: 20px 50px 20px 20px;
    color: var(--px-color-2);
    transition: all 0.4s;
}

/*---Title Icon CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before {
    display: block !important;
    right: 12px;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
    transition: all 0.4s;
    border-radius: 5px;
    background: #fff;
    color: var(--px-color-2);
    top: 0;
    bottom: 0;
    margin: auto;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 1.7;
}

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

/* ---Open Title Icon CSS--- */
.px_faqs_v1 .et_pb_toggle:hover .et_pb_toggle_title::before,
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {
    content: "\4b";
    color: #fff;
    background-color: var(--px-color-1);
}

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

/* -----------------------------------
  	12 Timeline CSS
-------------------------------------*/
/* -----------------------------------
  	13 Pricing Table CSS
-------------------------------------*/
/* -----------------------------------
  	14 Testimonial Section CSS
-------------------------------------*/
/*---Testimonial v1 CSS Start---*/
.px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-list .slick-track .slick-slide {
    margin: 0px 10px 30px 10px !important;
}

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

.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;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    background-color: 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 {
    background-color: var(--px-color-1);
}

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

/* Testimonial CSS */

.px_testimonial_v1.et_pb_testimonial:before {
    left: auto;
    top: 25px;
    right: 25px;
    border-radius: 10px;
    padding: 2px;
    border: 3px solid #fff;
    box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.08);
    background-color: var(--px-color-1);
}

/* Img CSS */
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_portrait {
    float: none;
    margin-bottom: 20px;
    margin-left: 0;
    box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.08);
}

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

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

.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .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 {
    color: var(--px-color-2);
    margin-top: 0px;
    top: 25px;
}

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

.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta,
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {
    margin-left: 110px;
    position: absolute;
}

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

    .px_testimonial_v1.et_pb_testimonial:before {
        top: -12px;
        right: auto;
        left: 50%;
        margin-left: -20px;
    }

    .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_portrait {
        margin-left: auto;
        margin-right: auto;
    }

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

    .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta,
    .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {
        margin-left: 0;
        position: relative;
        top: 0;
    }
	.px_testimonial_v1{
		overflow: inherit !important;
	}
}

/*---Testimonial v1 CSS End---*/
/*---Testimonial v2 CSS Start---*/
.px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-list .slick-track .slick-slide {
    margin: 0px 20px 30px 0px !important;
}

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

.px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-dots li {
    width: auto;
    height: auto;
    margin: 0px 8px 0px 0px;
}

.px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-dots li button {
    position: relative;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    background-color: 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 {
    background-color: var(--px-color-1);
}

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

/* Testimonial CSS */
.px_testimonial_v2.et_pb_testimonial:before {
    border: 4px solid #fff;
    left: 80px;
    top: 0px;
    background-color: var(--px-color-1);
}

/* Img CSS */
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_portrait {
    float: none;
    margin-bottom: 25px;
}

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

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

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

/*---Meta CSS---*/
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_meta {
    color: var(--px-color-1);
}

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

@media only screen and (max-width: 980px) {
    .px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_portrait {
        margin: 0px auto 35px auto;
    }

    .px_testimonial_v2.et_pb_testimonial:before {
        left: 0;
        right: 0;
        top: 80px;
        margin: auto;
        width: fit-content;
        background-color: var(--px-color-1);
    }

    .px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-dots {
        text-align: center;
    }

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

/*---Testimonial v2 CSS End---*/
/*---Testimonial v3 CSS Start---*/
.px_testimonial_sec_v3 .px_testimonial_carousel_v3 .slick-list .slick-track .slick-slide {
    margin: 0px 10px 30px 10px !important;
}

.px_testimonial_sec_v3 .px_testimonial_carousel_v3 .slick-dots {
    padding: 0px;
    text-align: center;
}

.px_testimonial_sec_v3 .px_testimonial_carousel_v3 .slick-dots li {
    width: auto;
    height: auto;
}

.px_testimonial_sec_v3 .px_testimonial_carousel_v3 .slick-dots li button {
    position: relative;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.5);
    margin: auto;
    box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 20%);
    transition: all 0.4s;
}

.px_testimonial_sec_v3 .px_testimonial_carousel_v3 .slick-dots li button:hover,
.px_testimonial_sec_v3 .px_testimonial_carousel_v3 .slick-dots li.slick-active button {
    background-color: var(--px-color-1);
}

.px_testimonial_sec_v3 .px_testimonial_carousel_v3 .slick-dots li button::before {
    display: none;
}

.px_testimonial_sec_v3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(0, 0, 0, 0.6);
    z-index: 1;
}

.px_testimonial_v3.et_pb_testimonial::before {
    top: 10px;
    border-radius: 5px;
    transform: scale(1.3);
    color: var(--px-color-1);
}

.px_testimonial_v3.et_pb_testimonial .et_pb_testimonial_portrait {
    float: none;
    margin: 45px auto 25px auto;
}

.px_testimonial_v3.et_pb_testimonial .et_pb_testimonial_description {
    margin-left: 0px !important;
}

.px_testimonial_v3.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {
    margin-top: 0px;
}

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

/*---Testimonial v3 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"
}


/* -----------------------------------
  	15 About Us Section CSS
-------------------------------------*/
/*---About Us v1 CSS---*/
.px_aboutus_v1 .px_counter {
    display: flex;
    align-items: center;
}

.px_aboutus_v1 .px_counter .percent {
    height: auto;
    margin-bottom: 0px;
    margin-right: 20px;
}

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

.px_aboutus_v1 .px_counter .title {
    padding-bottom: 0px;
    color: var(--px-color-2);
}

.px_aboutus_v1 .px_blurb_info .et_pb_image_wrap {
    text-align: center;
    height: 60px;
    width: 60px;
    background-color: #fff;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
}

.px_aboutus_v1 .px_blurb_info .et_pb_image_wrap .et-pb-icon {
    color: var(--px-color-1);
    line-height: 2.4;
}

.px_aboutus_v1 .px_blurb_info .et_pb_module_header {
    color: var(--px-color-2);
    padding-bottom: 5px;
    transition: all 0.4s;
}

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

/* -----------------------------------
  	16 Choose Us Section CSS
-------------------------------------*/
/*---Choose Us v1 CSS Start ---*/
.px_choose_v1 .px_choose_blurb::before {
    content: "";
    position: absolute;
    height: 10px;
    width: 50px;
    left: -10px;
    top: 20px;
    background: transparent;
    border-top: 10px solid var(--px-color-1);
    border-bottom: 10px solid var(--px-color-2);
    transform: skewX(-25deg);
    transition: all 0.4s;
    z-index: 1;
}

.px_choose_v1 .px_choose_blurb:hover::before {
    transform: skewX(25deg);
}

.px_choose_v1 .px_choose_blurb .et_pb_main_blurb_image {
    margin-bottom: 15px;
}

.px_choose_v1 .px_choose_blurb .et_pb_image_wrap .et-pb-icon {
    color: var(--px-color-1);
}

/*---Choose Us v1 CSS End ---*/
/*---Choose Us v2 CSS Start ---*/
.px_choose_v2 {
    background-color: var(--px-color-1);
}

.px_choose_v2 .et_pb_background_pattern {
    transition: all 0.4s;
}

.px_choose_v2:hover .et_pb_background_pattern {
    background-position: right center !important;
}

.px_choose_v2 .px_choose_blurb .et_pb_main_blurb_image {
    margin-bottom: 15px;
}

/*---Choose Us v2 CSS End ---*/
/*---Choose Us v3 CSS Start ---*/
.px_choose_v3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(0, 0, 0, 0.6);
    z-index: 1;
}

.px_choose_v3 .px_choose_blurb {
    backdrop-filter: blur(3px);
}

.px_choose_v3 .px_choose_blurb .et_pb_main_blurb_image {
    margin-bottom: 15px;
}

.px_choose_v3 .px_choose_blurb .et_pb_image_wrap .et-pb-icon {
    color: var(--px-color-1);
}

.px_choose_v3 .px_choose_blurb .et_pb_module_header {
    padding-bottom: 5px;
}

/*---Choose Us v3 CSS End ---*/
/* -----------------------------------
  	17 Process Section CSS Start Here
-------------------------------------*/
/*---WC Process Us v1 CSS Start---*/
.px_wc_process_v1 .px_wc_process_divider::before {
    border-top-color: var(--px-color-1);
}

.px_wc_process_v1 .px_wc_process_blurb {
    transition: all 0.4s;
    width: 125px !important;
}

.px_wc_process_v1 .px_wc_process_blurb .et_pb_main_blurb_image {
    margin-bottom: 15px;
}

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

.px_wc_process_v1 .px_wc_process_blurb .et_pb_module_header {
    padding-bottom: 0px;
}


.px_wc_process_v1 .px_wc_process_blurb:hover,
.px_wc_process_v1 .px_wc_process_blurb_active {
    background-color: var(--px-color-1) !important;
}

.px_wc_process_v1 .px_wc_process_blurb:hover .et-pb-icon,
.px_wc_process_v1 .px_wc_process_blurb_active .et-pb-icon {
    color: #fff;
}

@media only screen and (max-width: 550px) {
    .px_wc_process_v1 .px_wc_process_blurb {
        width: 95px !important;
    }

    .px_wc_process_v1 .px_wc_process_blurb .et_pb_module_header {
        font-size: 13px !important;
    }
}

/*---WC Process Us v1 CSS End---*/
/* -----------------------------------
  	17 Process Section CSS End Here
-------------------------------------*/
/* -----------------------------------
  	18 Partner Section CSS
-------------------------------------*/
/* -----------------------------------
  	19 Video Section CSS
-------------------------------------*/
/*---Video v1 CSS---*/
.px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover .et_pb_video_play {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 60px;
    width: 60px;
    border-radius: 10px;
    text-align: center;
    line-height: 3.5;
    background-color: var(--px-color-1);
    z-index: 1;
}

.px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover .et_pb_video_play::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: inherit;
    background-color: var(--px-color-1);
    animation: 2s growAndFade infinite;
    z-index: -1;
}

/* -----------------------------------
  	20 Skill-bar Section CSS
-------------------------------------*/
/* -----------------------------------
  	21 Counter Section CSS
-------------------------------------*/
/*---Counter v1 CSS Start---*/
.px_counter_v1 .px_counter_column::before {
    content: "";
    position: absolute;
    height: 10px;
    width: 50px;
    left: -10px;
    top: 20px;
    background: transparent;
    border-top: 10px solid var(--px-color-1);
    border-bottom: 10px solid var(--px-color-2);
    transform: skewX(-25deg);
    transition: all 0.4s;
    z-index: 1;
}

.px_counter_v1 .px_counter_column:hover::before {
    transform: skewX(25deg);
}

.px_counter_v1 .px_counter_column .px_counter_icon .et_pb_icon_wrap .et-pb-icon {
    color: var(--px-color-1);
}

.px_counter_v1 .px_counter_column .px_counter_number {
    display: flex;
    flex-direction: column-reverse;
}

.px_counter_v1 .px_counter_column .px_counter_number .percent {
    height: auto;
    margin-bottom: 0px;
}

/*---Counter v1 CSS End---*/
/*---Counter v2 CSS Start---*/
.px_counter_v2 {
    background-color: var(--px-color-1);
}

.px_counter_v2 .et_pb_background_pattern {
    transition: all 0.4s;
}

.px_counter_v2:hover .et_pb_background_pattern {
    background-position: right center !important;
}

.px_counter_v2 .px_counter_number .percent {
    height: auto;
    margin-bottom: 15px;
}

.px_counter_v2 .px_counter_number .title {
    padding-bottom: 0px;
}

/*---Counter v2 CSS End---*/
/*---Counter v3 CSS Start---*/
.px_counter_v3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(0, 0, 0, 0.6);
    z-index: 1;
}

.px_counter_v3 .px_counter_number {
    backdrop-filter: blur(2px);
}

.px_counter_v3 .px_counter_number .percent {
    margin-bottom: 10px;
    height: auto;
}

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

/*---Counter v3 CSS End---*/
/* -----------------------------------
  	22 Newsletter Section CSS
-------------------------------------*/
/* -----------------------------------
  	23 CTA Section CSS
-------------------------------------*/
/*---CTA v1 CSS---*/

.px_CTA_v1 .et_pb_promo_description {
    padding: 15px 0px;
    transition: transform 0.4s ease;
}

.px_CTA_v1:hover .et_pb_promo_description {
    transform: translateY(calc(((40px + 15px) * -1) / 2));
}

.px_CTA_v1 .et_pb_promo_description .et_pb_module_header {
    position: relative;
    width: fit-content;
    margin: auto;
    padding: 0px 20px;
    margin-bottom: 10px;
}

.px_CTA_v1 .et_pb_promo_description .et_pb_module_header::before,
.px_CTA_v1 .et_pb_promo_description .et_pb_module_header::after {
    content: "\e035";
    position: absolute;
    font-family: ETmodules !important;
    font-weight: 400 !important;
    top: 0;
    bottom: 0;
    margin: auto;
}

.px_CTA_v1 .et_pb_promo_description .et_pb_module_header::before {
    left: 0;
}

.px_CTA_v1 .et_pb_promo_description .et_pb_module_header::after {
    right: 0;
}

.px_CTA_v1 .et_pb_button_wrapper .et_pb_button {
    position: absolute;
    bottom: 30px;
    right: 0;
    left: 0;
    width: fit-content;
    margin: auto;
    overflow: hidden;
    background-color: var(--px-color-1);
    opacity: 0;
    transition: opacity .25s ease, transform .25s ease;
    transform: translateY(20px);
    z-index: 1;
}

.px_CTA_v1:hover .et_pb_button_wrapper .et_pb_button {
    opacity: 1;
    transition: opacity .4s ease, transform .4s ease;
    transform: translateY(0);
}

.px_CTA_v1 .et_pb_button_wrapper .et_pb_button::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_CTA_v1 .et_pb_button_wrapper .et_pb_button:hover:before {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

.px_CTA_v1 .et_pb_button_wrapper .et_pb_button::after {
    display: none !important;
}

/*---CTA v2 CSS---*/
.px_CTA_v2 {
    background-color: var(--px-color-2);
}

.px_CTA_v2 .et_pb_background_pattern {
    transition: all 0.4s;
}

.px_CTA_v2:hover .et_pb_background_pattern {
    background-position: right center !important;
}

.px_CTA_v2 .et_pb_promo_description .et_pb_module_header {
    position: relative;
    width: fit-content;
    padding: 0px 20px 0px 0px;
    margin-bottom: 10px;
}

.px_CTA_v2 .et_pb_promo_description .et_pb_module_header::before {
    content: "\e035";
    position: absolute;
    font-family: ETmodules !important;
    font-weight: 400 !important;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.px_CTA_v2 .et_pb_promo_description .et_pb_module_header::before {
    right: 0;
}

.px_CTA_v2 .et_pb_button_wrapper .et_pb_button {
    position: relative;
    width: fit-content;
    color: #fff;
    overflow: hidden;
    background-color: var(--px-color-1);
    transition: all 0.4s;
    z-index: 1;
}

.px_CTA_v2 .et_pb_button_wrapper .et_pb_button:hover {
    color: var(--px-color-2);
}

.px_CTA_v2 .et_pb_button_wrapper .et_pb_button::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_CTA_v2 .et_pb_button_wrapper .et_pb_button:hover:before {
    left: 0;
    opacity: 1;
}

.px_CTA_v2 .et_pb_button_wrapper .et_pb_button::after {
    display: none !important;
}

/*---CTA v3 CSS---*/
.px_CTA_v3 {
    background-color: var(--px-color-1);
}

.px_CTA_v3 .et_pb_button_wrapper .et_pb_button {
    color: #fff !important;
}

.px_CTA_v3 .et_pb_button_wrapper .et_pb_button::before {
    opacity: 0.2 !important;

}

/*---CTA v4 CSS---*/
.px_CTA_v4 .et_pb_promo_description .et_pb_module_header {
    position: relative;
    width: fit-content;
    margin: auto;
    padding: 0px 25px;
    margin-bottom: 10px;
}

.px_CTA_v4 .et_pb_promo_description .et_pb_module_header::before,
.px_CTA_v4 .et_pb_promo_description .et_pb_module_header::after {
    content: "\e035";
    position: absolute;
    font-family: ETmodules !important;
    font-weight: 400 !important;
    top: 0;
    bottom: 0;
    margin: auto;
}

.px_CTA_v4 .et_pb_promo_description .et_pb_module_header::before {
    left: 0;
}

.px_CTA_v4 .et_pb_promo_description .et_pb_module_header::after {
    right: 0;
}

.px_CTA_v4 .et_pb_promo_description h4 {
    font-size: 30px;
    font-weight: 600;
}

.px_CTA_v4 .et_pb_button_wrapper .et_pb_button {
    position: relative;
    width: fit-content;
    overflow: hidden;
    transition: all 0.4s;
    background-color: var(--px-color-1);
    z-index: 1;
}

.px_CTA_v4 .et_pb_button_wrapper .et_pb_button::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_CTA_v4 .et_pb_button_wrapper .et_pb_button:hover:before {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

.px_CTA_v4 .et_pb_button_wrapper .et_pb_button::after {
    display: none !important;
}

/* -----------------------------------
  	24 Countdown Timer Section CSS Start Here
-------------------------------------*/
/* Countdown Timer V1 Start */
.px_countdown_timer_v1 .et_pb_countdown_timer_container .sep {
    display: none !important;
}

.px_countdown_timer_v1 .et_pb_countdown_timer_container .section {
    display: inline-block;
    background-color: #f7f7f7;
    height: 90px;
    width: 90px;
    margin: 0px 10px 10px 0px;
    border-radius: 10px;
    border: 5px solid #fff;
    box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.06);
    padding: 15px 5px;
}

.px_countdown_timer_v1 .et_pb_countdown_timer_container .section .value {
    line-height: 1 !important;
}

/* Countdown Timer V1 End */
/* Countdown Timer V2 Start */
.px_countdown_timer_v2 .et_pb_countdown_timer_container .sep {
    display: none !important;
}

.px_countdown_timer_v2 .et_pb_countdown_timer_container .section {
    display: inline-block;
    background-color: var(--px-color-2);
    height: 90px;
    width: 90px;
    border-radius: 10px;
    margin: 0px 10px 10px 0px;
    padding: 15px 5px;
    border: 5px solid #fff;
    box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.06);
}

.px_countdown_timer_v2 .et_pb_countdown_timer_container .section .value {
    line-height: 1 !important;
}

/* Countdown Timer V2 End */
/* Countdown Timer V3 Start */
.px_countdown_timer_v3 .et_pb_countdown_timer_container .title {
    margin-bottom: 15px;
}

.px_countdown_timer_v3 .et_pb_countdown_timer_container .sep {
    display: none !important;
}

.px_countdown_timer_v3 .et_pb_countdown_timer_container .section {
    display: inline-block;
    background-color: #fff;
    height: 90px;
    width: 90px;
    border-radius: 10px;
    margin: 0px 10px 10px 0px;
    padding: 20px 8px;
    box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.06);
}

.px_countdown_timer_v3 .et_pb_countdown_timer_container .section .value {
    line-height: 1 !important;
}

/* Countdown Timer V3 End */
/* -----------------------------------
  	24 Countdown Timer Section CSS End Here
-------------------------------------*/
/* -----------------------------------
  	25 404 Page CSS
-------------------------------------*/
/* -----------------------------------
  	26 Search Page CSS
-------------------------------------*/
.px_search_v1 .et_pb_searchform .et_pb_searchsubmit {
    border-radius: 5px;
    background-color: var(--px-color-1);
    position: absolute;
    right: 5px;
    top: 5px;
    bottom: 5px;
    width: fit-content;
    padding: 0px 10px;
    min-height: unset !important;
    transition: all 0.4s;
}

.px_search_v1 .et_pb_searchform .et_pb_searchsubmit:hover {
    background-color: var(--px-color-2);
}

/* -----------------------------------
  	27 Hero Section CSS Start Here
-------------------------------------*/
.px_hero_v1::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(0, 0, 0, 0.6);
    z-index: 1;
}

/* -----------------------------------
  	27 Hero Section CSS End Here
-------------------------------------*/
/* -----------------------------------
  	28 Tab Control CSS
-------------------------------------*/
/*-------------------------------------------
  -- 29 Categories Section CSS Start Here
-------------------------------------------*/
/* Categories V1 Start */
.px_categories_v1 .et_pb_main_blurb_image {
    margin-bottom: 15px;
    display: block;
}

.px_categories_v1 .et_pb_blurb_container .et_pb_module_header {
    padding-bottom: 0px;
    color: #181818;
    transition: all 0.4s;
}

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

/* Categories V1 End */
/*-------------------------------------------
  -- 30 Categories Section CSS End Here
-------------------------------------------*/
/*-------------------------------------------
  -- 29. Color Picker CSS
-------------------------------------------*/
.tm-font-selector div,
.tm-color-selector div,
.pickr .pcr-button::before,
.pickr .pcr-button::after {
    border-radius: 50%;
}

/*Front Color Picker Css */
.px-color-switcher {
    position: fixed;
    left: 8px;
    top: 50%;
    z-index: 1000;
    display: block;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    border-radius: 64px;
    padding: 15px 10px 15px 10px;
    background-color: #fff;
    font-size: 12px;
    width: 65px;
    line-height: 1.3;
    background: linear-gradient(145deg, #e2e8ec, #fff);
    box-shadow: 5px 5px 15px #d1d9e6, -5px -5px 15px #fff;
    transition: all 200ms ease-in-out;
}

.px-color-switcher .close {
    font-size: 14px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    color: #fff;
    z-index: 20;
    text-align: center;
    line-height: 24px;
    width: 20px;
    height: 20px;
    display: block;
    opacity: 1;
    background-color: #333;
    transition: all 0.5s ease;
    cursor: pointer;
    box-shadow: 5px 5px 15px #d1d9e6, -5px -5px 15px #fff;
}

.px-color-switcher .close:hover {
    background: #fff;
    color: #333 !important;
}

.px-color-switcher.closed {
    padding: 10px 8px 6px 10px;
    left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    transition: all 0.25s ease;
}

.px-color-switcher.closed:hover {
    padding-right: 14px;
}

.tm-font-selector:hover {
    cursor: pointer;
}

.px-color-switcher.closed img:hover {
    cursor: pointer;
}

.px-color-switcher.closed .close {
    display: none;
}

.px-color-switcher.closed div {
    display: none;
}

.px-color-switcher.closed .img {
    display: block;
    overflow: hidden;
    height: 42px;
    width: 45px;
    text-align: center;
    animation: rotation 8s infinite linear;

}

.px-color-switcher.closed .img img {
    margin: 0;
}

.px-color-switcher .close:hover {
    opacity: 1;
    color: #000;
}

@media (max-width: 991px) {
    .px-color-switcher {
        display: none !important;
    }
}

.px-font-selector div,
.px-color-selector div {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    border: 4px solid #fff;
    display: block;
    margin: 4px auto 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.5s ease;
}

.px-font-selector div:hover,
.px-color-selector div:hover {
    background: linear-gradient(145deg, rgba(0, 0, 0, 0.5), #fff);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5), -5px -5px 15px #fff;
}

.px-custom-field {
    padding: 0;
    border: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-bottom: 14px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    display: block;
}

/*Color Picker Tooltip Css */
.px-color-selector {
    position: relative;
    ;
}

.px-color-switcher .px_tooltip {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    position: absolute;
    background-color: #fff;
    font-size: 13px;
    margin: 0;
    padding: 0px 20px;
    font-family: inherit;
    width: auto;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: .1px;
    left: 5px;
    top: 0px;
    border-radius: 3px;
    white-space: nowrap;
    -webkit-box-shadow: 0 5px 40px rgb(0 0 0 / 7%), 0 0 3px -1px rgb(83 45 245 / 15%);
    -moz-box-shadow: 0 5px 40px rgb(0 0 0 / 7%), 0 0 3px -1px rgb(83 45 245 / 15%);
    box-shadow: 0 5px 40px rgb(0 0 0 / 7%), 0 0 3px -1px rgb(83 45 245 / 15%);
    -moz-transition: all .3s cubic-bezier(0.64, -0.09, 0.13, 1.15);
    -o-transition: all .3s cubic-bezier(0.64, -0.09, 0.13, 1.15);
    transition: all .3s cubic-bezier(0.64, -0.09, 0.13, 1.15);
    color: #333;
}

.px-color-switcher .px_tooltip span {
    display: block;
    position: absolute;
    left: -5px;
    top: 12px;
    width: 0;
    height: 0;
    border-right: 5px solid #fff;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent
}

.px-color-switcher .px-color-selector:hover .px_tooltip {
    opacity: 1;
    left: 45px;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

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

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

/* Heading & Underline Sub Title Animation */
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(90deg);
    }

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

    75% {
        transform: rotate(270deg);
    }

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

/* Videro Icon Animation */
@keyframes growAndFade {
    0% {
        opacity: 0.25;
        transform: scale(0);
    }

    50% {
        opacity: 0.5;
        transform: scale(1.3);
    }

    100% {
        opacity: 0;
        transform: scale(1.8);
    }
}

/* -----------------------------------
    28. Animation Part CSS End Here
-------------------------------------*/
/* -----------------------------------
      00. Page Title CSS Start Here
  -------------------------------------*/
/* Simple & Product Page Title CSS Start */
.px_page_title,
.et-db #et-boc .et-l .px_page_title,
.px_product_title,
.et-db #et-boc .et-l .px_product_title {
    position: relative;
    overflow: hidden;
    padding: 100px 0px 70px 0px !important;
    z-index: 1;
}

.px_page_title::after,
.et-db #et-boc .et-l .px_page_title::after,
.px_product_title::after,
.et-db #et-boc .et-l .px_product_title::after {
    left: 100px;
    width: 15px;
}

.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,
.px_product_title .px_product_title_name h1,
.et-db #et-boc .et-l .px_product_title .px_product_title_name h1 {
    text-align: left;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 600;
    color: var(--px-color-2);
}

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

.px_page_title .px_page_btn_row .px_page_btn_column,
.et-db #et-boc .et-l .px_page_title .px_page_btn_row .px_page_btn_column,
.px_product_title .px_page_btn_row .px_page_btn_column,
.et-db #et-boc .et-l .px_product_title .px_page_btn_row .px_page_btn_column {
    width: fit-content !important;
    padding: 15px;
    background-color: #ffffff;
    box-shadow: 0px 15px 30px 0px rgb(0 0 0 / 5%);
    border-radius: 5PX;
}


.px_product_title .px_product_breadcrumbs,
.et-db #et-boc .et-l .px_product_title .px_product_breadcrumbs {
    width: fit-content !important;
}

.px_page_title .px_page_btn_row .px_page_btn_column .px_page_title_btn,
.et-db #et-boc .et-l .px_page_title .px_page_btn_row .px_page_btn_column .px_page_title_btn,
.px_product_title .px_product_breadcrumbs .woocommerce-breadcrumb,
.et-db #et-boc .et-l .px_product_title .px_product_breadcrumbs .woocommerce-breadcrumb,
.px_product_title .px_product_breadcrumbs .woocommerce-breadcrumb a,
.et-db #et-boc .et-l .px_product_title .px_product_breadcrumbs .woocommerce-breadcrumb a {
    color: var(--px-color-2);
    transition: all 0.4s;
}

.px_page_title .px_page_btn_row .px_page_btn_column .px_page_title_btn:hover,
.et-db #et-boc .et-l .px_page_title .px_page_btn_row .px_page_btn_column .px_page_title_btn:hover,
.px_product_title .px_product_breadcrumbs .woocommerce-breadcrumb a:hover,
.et-db #et-boc .et-l .px_product_title .px_product_breadcrumbs .woocommerce-breadcrumb a:hover {
    color: var(--px-color-1);
}

.px_page_title .px_page_btn_row .px_page_btn_column .px_page_title_btn::before,
.et-db #et-boc .et-l .px_page_title .px_page_btn_row .px_page_btn_column .px_page_title_btn::before {
    color: var(--px-color-2) !important;
}

/* Simple & 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-result-count,
.et-db #et-boc .et-l .px_wc_product .woocommerce-result-count {
    color: #181818;
    font-size: 20px;
    font-weight: 600;
}

.px_wc_product .woocommerce-ordering .orderby,
.et-db #et-boc .et-l .px_wc_product .woocommerce-ordering .orderby {
    border-radius: 5px;
    padding: 10px;
    background-color: var(--px-color-1);
    color: #fff !important;
}

.px_wc_product .woocommerce-ordering .orderby option,
.et-db #et-boc .et-l .px_wc_product .woocommerce-ordering .orderby option {
    background-color: var(--px-color-2);
}

.px_wc_product .woocommerce-ordering .orderby option[selected="selected"],
.et-db #et-boc .et-l .px_wc_product .woocommerce-ordering .orderby option[selected="selected"] {
    background-color: var(--px-color-1);
}

.px_wc_product .woocommerce-pagination ul {
    border: none !important;
}

.px_wc_product .woocommerce-pagination .page-numbers li {
    border: none;
    padding: 0px 5px;
}

.px_wc_product .woocommerce-pagination .page-numbers li .page-numbers {
    position: relative;
    overflow: hidden;
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 2.5;
    color: #181818;
    font-size: 16px;
    border-radius: 5PX;
    background: linear-gradient(var(--px-color-2), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: #f7f7f7;
    text-align: center;
    transition: all 0.4s;
    padding: 0;
    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 {
    color: #fff;
}

.px_wc_product .woocommerce-pagination .page-numbers li .page-numbers::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: var(--px-color-1);
    top: 0;
    left: -130%;
    width: 150%;
    height: 100%;
    transform: skewX(-15deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_wc_product .woocommerce-pagination .page-numbers li .page-numbers.current::before,
.px_wc_product .woocommerce-pagination .page-numbers li .page-numbers:hover::before {
    left: -10px;
    opacity: 1;
}

.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 {
    left: 0px !important;
    border-radius: 5px 0px 0px 0px !important;
    font-size: 14px;
    padding: 0px 10px !important;
    background-color: var(--px-color-1) !important;
    z-index: 5;
}

.px_wc_product ul.products li.product .woocommerce-LoopProduct-link .onsale::before,
.px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .onsale::before,
.px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::before,
.px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::before,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .onsale::before,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .onsale::before,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::before,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::before {
    content: "";
    position: absolute;
    background: var(--px-color-1);
    width: 10px;
    height: 100%;
    top: 0;
    right: -9px;
    clip-path: polygon(0 0, 100% 0, 1% 50%, 100% 100%, 0 100%);
}

.px_wc_product ul.products li.product .woocommerce-LoopProduct-link .onsale::after,
.px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .onsale::after,
.px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::after,
.px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::after,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .onsale::after,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .onsale::after,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::after,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::after {
    content: "";
    position: absolute;
    left: 0;
    background: linear-gradient(to top right, transparent 49%, var(--px-color-1) 50%);
    width: 10px;
    height: 10px;
    bottom: -10px;
    filter: brightness(0.7);
}

.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;
    margin: 0px 10px -40px 10px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #f7f7f7;
}

.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.05) rotate(2deg);
}

.px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .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 .woocommerce-LoopProduct-link .et_shop_image .et_overlay {
    display: none;
}

.px_wc_product ul.products li.product .woocommerce-LoopProduct-link .px_wc_product_info,
.px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .px_wc_related_product_info,
.px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .px_wc_upsell_product_info,
.px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .px_wc_cross_sell_product_info,
.et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .px_wc_product_info,
.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .px_wc_related_product_info,
.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .px_wc_upsell_product_info,
.et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .px_wc_cross_sell_product_info {
    padding: 50px 10px 10px 10px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}

.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 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--px-color-2);
    font-size: 16px !important;
    font-weight: 600;
    line-height: 1.3;
    padding: 0;
    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 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: #ffb12b;
}

.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 {
    font-size: 16px;
    font-weight: 500;
    padding-top: 5px;
    color: #181818 !important;
}

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

.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;
    left: 10px;
    right: 10px;
    bottom: -50px;
    margin: auto;
    height: fit-content;
    background-color: var(--px-color-1) !important;
    border-radius: 5px;
    border: none !important;
    padding: 10px 20px !important;
    font-size: 15px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
    transition: all 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 {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.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 {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

.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 {
    display: none !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 {
    opacity: 1;
    visibility: visible;
    bottom: 10px;
}

.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;
    top: 10px;
    right: 10px;
    font-size: 10px;
    border-radius: 3px;
    padding: 0px 5px;
    color: #fff;
    background-color: var(--px-color-1);
    transition: all 0.4s;
}

.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 {
    background-color: var(--px-color-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;
    }
}

/* 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-pagination ul {
    border: none !important;
}

.px_wc_product_v2 .woocommerce-pagination .page-numbers li {
    border: none;
    padding: 0px 5px;
}

.px_wc_product_v2 .woocommerce-pagination .page-numbers li .page-numbers {
    position: relative;
    overflow: hidden;
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 2.5;
    color: #181818;
    font-size: 16px;
    background: linear-gradient(var(--px-color-2), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: #f7f7f7;
    text-align: center;
    transition: all 0.4s;
    padding: 0;
    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 {
    color: #fff;
}

.px_wc_product_v2 .woocommerce-pagination .page-numbers li .page-numbers::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: var(--px-color-1);
    top: 0;
    left: -130%;
    width: 150%;
    height: 100%;
    transform: skewX(-15deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.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::before {
    left: -10px;
    opacity: 1;
}

.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 {
    box-shadow: 0px 10px 25px 0px rgb(0, 0, 0, 0.05);
    border-radius: 10px;
    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 {
    box-shadow: none;
}

.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 {
    left: -10px !important;
    border-radius: 5px 0px 0px 0px !important;
    font-size: 14px;
    padding: 0px 10px !important;
    background-color: var(--px-color-1) !important;
    z-index: 5;
}

.px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .onsale::before,
.px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .onsale::before,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::before,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::before,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .onsale::before,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .onsale::before,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::before,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::before {
    content: "";
    position: absolute;
    background: var(--px-color-1);
    width: 10px;
    height: 100%;
    top: 0;
    right: -9px;
    clip-path: polygon(0 0, 100% 0, 1% 50%, 100% 100%, 0 100%);
}

.px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .onsale::after,
.px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .onsale::after,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::after,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::after,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .onsale::after,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .onsale::after,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::after,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::after {
    content: "";
    position: absolute;
    left: 0;
    background: linear-gradient(to top right, transparent 49%, var(--px-color-1) 50%);
    width: 10px;
    height: 10px;
    bottom: -10px;
    filter: brightness(0.7);
}

.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 {
    position: relative;
    overflow: hidden;
}

.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.05) rotate(2deg);
}

.px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .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 .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 .woocommerce-LoopProduct-link .et_shop_image .et_overlay {
    display: none;
}

.px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .px_wc_product_v2_info,
.px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .px_wc_related_product_v2_info,
.px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .px_wc_upsell_product_v2_info,
.px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .px_wc_cross_sell_product_v2_info,
.et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product .woocommerce-LoopProduct-link .px_wc_product_v2_info,
.et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product .woocommerce-LoopProduct-link .px_wc_related_product_v2_info,
.et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product .woocommerce-LoopProduct-link .px_wc_upsell_product_v2_info,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .px_wc_cross_sell_product_v2_info {
    padding: 50px 10px 10px 10px;
    background-color: #fff;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}

.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 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px 10px 0px 10px;
    color: var(--px-color-2);
    font-size: 16px !important;
    font-weight: 600;
    line-height: 1.3;
    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 {
    width: auto;
    margin-bottom: 0px !important;
}

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

.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 {
    left: 10px;
    color: #ffb12b;
}

.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 {
    font-size: 16px;
    font-weight: 500;
    padding: 5px 10px 10px 10px;
    color: #181818 !important;
}

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

.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;
    left: 10px;
    right: 10px;
    bottom: -50px;
    margin: auto;
    height: fit-content;
    background-color: var(--px-color-1) !important;
    border-radius: 5px;
    border: none !important;
    padding: 10px 20px !important;
    font-size: 15px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
    transition: all 0.4s;
}

.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 {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.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 {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

.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 {
    display: none !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 {
    opacity: 1;
    visibility: visible;
    bottom: 10px;
}

.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;
    top: 10px;
    right: 10px;
    font-size: 10px;
    border-radius: 3px;
    padding: 0px 5px;
    color: #fff;
    background-color: var(--px-color-1);
    transition: all 0.4s;
}

.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 {
    background-color: var(--px-color-2);
}

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

    .px_wc_product_v2 ul.products li.product:nth-child(n),
    .px_wc_related_product_v2 .related ul.products li.product:nth-child(n),
    .px_wc_upsell_product_v2 .up-sells ul.products li.product:nth-child(n),
    .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product:nth-child(n),
    .et-db #et-boc .et-l .px_wc_product_v2 ul.products li.product:nth-child(n),
    .et-db #et-boc .et-l .px_wc_related_product_v2 .related ul.products li.product:nth-child(n),
    .et-db #et-boc .et-l .px_wc_upsell_product_v2 .up-sells ul.products li.product:nth-child(n),
    .et-db #et-boc .et-l .px_wc_cross_sell_product_v2 .cross-sells ul.products li.product:nth-child(n) {
        margin-bottom: 4% !important;
    }
}

/* Shop & Related & Up Sell & Cross Sell Product V2 CSS End */
/* Shop & Related & Up Sell & Cross Sell Product V3 CSS Start */
.px_wc_product_v3 .woocommerce-pagination ul {
    border: none !important;
}

.px_wc_product_v3 .woocommerce-pagination .page-numbers li {
    border: none;
    padding: 0px 5px;
}

.px_wc_product_v3 .woocommerce-pagination .page-numbers li .page-numbers {
    position: relative;
    overflow: hidden;
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 2.5;
    color: #181818;
    font-size: 16px;
    background: linear-gradient(var(--px-color-2), var(--px-color-2));
    background-blend-mode: overlay;
    background-color: #f7f7f7;
    text-align: center;
    transition: all 0.4s;
    padding: 0;
    z-index: 1;
}

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

.px_wc_product_v3 .woocommerce-pagination .page-numbers li .page-numbers::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: var(--px-color-1);
    top: 0;
    left: -130%;
    width: 150%;
    height: 100%;
    transform: skewX(-15deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_wc_product_v3 .woocommerce-pagination .page-numbers li .page-numbers.current::before,
.px_wc_product_v3 .woocommerce-pagination .page-numbers li .page-numbers:hover::before {
    left: -10px;
    opacity: 1;
}

.px_wc_product_v3 ul.products li.product,
.px_wc_related_product_v3 .related ul.products li.product,
.px_wc_upsell_product_v3 .up-sells ul.products li.product,
.px_wc_cross_sell_product_v3 .cross-sells ul.products li.product,
.et-db #et-boc .et-l .px_wc_product_v3 ul.products li.product,
.et-db #et-boc .et-l .px_wc_related_product_v3 .related ul.products li.product,
.et-db #et-boc .et-l .px_wc_upsell_product_v3 .up-sells ul.products li.product,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v3 .cross-sells ul.products li.product {
    border-radius: 10px;
    padding: 10px 10px 5px 10px;
    border: 1px solid #eaeaea;
    transition: all 0.4s;
}

.px_wc_product_v3 ul.products li.product:hover,
.px_wc_related_product_v3 .related ul.products li.product:hover,
.px_wc_upsell_product_v3 .up-sells ul.products li.product:hover,
.px_wc_cross_sell_product_v3 .cross-sells ul.products li.product:hover,
.et-db #et-boc .et-l .px_wc_product_v3 ul.products li.product:hover,
.et-db #et-boc .et-l .px_wc_related_product_v3 .related ul.products li.product:hover,
.et-db #et-boc .et-l .px_wc_upsell_product_v3 .up-sells ul.products li.product:hover,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v3 .cross-sells ul.products li.product:hover {
    border-color: transparent;
    box-shadow: 0px 10px 25px 0px rgb(0, 0, 0, 0.05);
}

.px_wc_product_v3 ul.products li.product .woocommerce-LoopProduct-link .onsale,
.px_wc_related_product_v3 .related ul.products li.product .woocommerce-LoopProduct-link .onsale,
.px_wc_upsell_product_v3 .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale,
.px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale,
.et-db #et-boc .et-l .px_wc_product_v3 ul.products li.product .woocommerce-LoopProduct-link .onsale,
.et-db #et-boc .et-l .px_wc_related_product_v3 .related ul.products li.product .woocommerce-LoopProduct-link .onsale,
.et-db #et-boc .et-l .px_wc_upsell_product_v3 .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale {
    left: -10px !important;
    border-radius: 5px 0px 0px 0px !important;
    font-size: 14px;
    padding: 0px 10px !important;
    background-color: var(--px-color-1) !important;
    z-index: 5;
}

.px_wc_product_v3 ul.products li.product .woocommerce-LoopProduct-link .onsale::before,
.px_wc_related_product_v3 .related ul.products li.product .woocommerce-LoopProduct-link .onsale::before,
.px_wc_upsell_product_v3 .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::before,
.px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::before,
.et-db #et-boc .et-l .px_wc_product_v3 ul.products li.product .woocommerce-LoopProduct-link .onsale::before,
.et-db #et-boc .et-l .px_wc_related_product_v3 .related ul.products li.product .woocommerce-LoopProduct-link .onsale::before,
.et-db #et-boc .et-l .px_wc_upsell_product_v3 .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::before,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::before {
    content: "";
    position: absolute;
    background: var(--px-color-1);
    width: 10px;
    height: 100%;
    top: 0;
    right: -9px;
    clip-path: polygon(0 0, 100% 0, 1% 50%, 100% 100%, 0 100%);
}

.px_wc_product_v3 ul.products li.product .woocommerce-LoopProduct-link .onsale::after,
.px_wc_related_product_v3 .related ul.products li.product .woocommerce-LoopProduct-link .onsale::after,
.px_wc_upsell_product_v3 .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::after,
.px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::after,
.et-db #et-boc .et-l .px_wc_product_v3 ul.products li.product .woocommerce-LoopProduct-link .onsale::after,
.et-db #et-boc .et-l .px_wc_related_product_v3 .related ul.products li.product .woocommerce-LoopProduct-link .onsale::after,
.et-db #et-boc .et-l .px_wc_upsell_product_v3 .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::after,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::after {
    content: "";
    position: absolute;
    left: 0;
    background: linear-gradient(to top right, transparent 49%, var(--px-color-1) 50%);
    width: 10px;
    height: 10px;
    bottom: -10px;
    filter: brightness(0.7);
}

.px_wc_product_v3 ul.products li.product .woocommerce-LoopProduct-link .et_shop_image,
.px_wc_related_product_v3 .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image,
.px_wc_upsell_product_v3 .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image,
.px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image,
.et-db #et-boc .et-l .px_wc_product_v3 ul.products li.product .woocommerce-LoopProduct-link .et_shop_image,
.et-db #et-boc .et-l .px_wc_related_product_v3 .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image,
.et-db #et-boc .et-l .px_wc_upsell_product_v3 .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image {
    position: relative;
    overflow: hidden;
}

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

.px_wc_product_v3 ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img,
.px_wc_related_product_v3 .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img,
.px_wc_upsell_product_v3 .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img,
.px_wc_cross_sell_product_v3 .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img,
.et-db #et-boc .et-l .px_wc_product_v3 ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img,
.et-db #et-boc .et-l .px_wc_related_product_v3 .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img,
.et-db #et-boc .et-l .px_wc_upsell_product_v3 .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_v3 .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img {
    transform: scale(1.05) rotate(2deg);
}

.px_wc_product_v3 ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.px_wc_related_product_v3 .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.px_wc_upsell_product_v3 .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.et-db #et-boc .et-l .px_wc_product_v3 ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.et-db #et-boc .et-l .px_wc_related_product_v3 .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.et-db #et-boc .et-l .px_wc_upsell_product_v3 .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay {
    display: none;
}

.px_wc_product_v3 ul.products li.product .woocommerce-LoopProduct-link .px_wc_product_v3_info,
.px_wc_related_product_v3 .related ul.products li.product .woocommerce-LoopProduct-link .px_wc_related_product_v3_info,
.px_wc_upsell_product_v3 .up-sells ul.products li.product .woocommerce-LoopProduct-link .px_wc_upsell_product_v3_info,
.px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .px_wc_cross_sell_product_v3_info,
.et-db #et-boc .et-l .px_wc_product_v3 ul.products li.product .woocommerce-LoopProduct-link .px_wc_product_v3_info,
.et-db #et-boc .et-l .px_wc_related_product_v3 .related ul.products li.product .woocommerce-LoopProduct-link .px_wc_related_product_v3_info,
.et-db #et-boc .et-l .px_wc_upsell_product_v3 .up-sells ul.products li.product .woocommerce-LoopProduct-link .px_wc_upsell_product_v3_info,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .px_wc_cross_sell_product_v3_info {
    padding: 50px 10px 10px 10px;
    background-color: #fff;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}

.px_wc_product_v3 ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.px_wc_related_product_v3 .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.px_wc_upsell_product_v3 .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.et-db #et-boc .et-l .px_wc_product_v3 ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.et-db #et-boc .et-l .px_wc_related_product_v3 .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.et-db #et-boc .et-l .px_wc_upsell_product_v3 .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px 0px 0px 0px;
    color: var(--px-color-2);
    font-size: 16px !important;
    font-weight: 600;
    line-height: 1.3;
    transition: all 0.4s;
}

.px_wc_product_v3 ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover,
.px_wc_related_product_v3 .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover,
.px_wc_upsell_product_v3 .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover,
.px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover,
.et-db #et-boc .et-l .px_wc_product_v3 ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover,
.et-db #et-boc .et-l .px_wc_related_product_v3 .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover,
.et-db #et-boc .et-l .px_wc_upsell_product_v3 .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_v3 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover {
    color: var(--px-color-1);
}

.px_wc_product_v3 ul.products li.product .woocommerce-LoopProduct-link .star-rating,
.px_wc_related_product_v3 .related ul.products li.product .woocommerce-LoopProduct-link .star-rating,
.px_wc_upsell_product_v3 .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating,
.px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating,
.et-db #et-boc .et-l .px_wc_product_v3 ul.products li.product .woocommerce-LoopProduct-link .star-rating,
.et-db #et-boc .et-l .px_wc_related_product_v3 .related ul.products li.product .woocommerce-LoopProduct-link .star-rating,
.et-db #et-boc .et-l .px_wc_upsell_product_v3 .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating {
    width: auto;
    margin-bottom: 0px !important;
}

.px_wc_product_v3 ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before,
.px_wc_related_product_v3 .related ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before,
.px_wc_upsell_product_v3 .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before,
.px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before,
.et-db #et-boc .et-l .px_wc_product_v3 ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before,
.et-db #et-boc .et-l .px_wc_related_product_v3 .related ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before,
.et-db #et-boc .et-l .px_wc_upsell_product_v3 .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before {
    color: #ffb12b;
}

.px_wc_product_v3 ul.products li.product .woocommerce-LoopProduct-link .price,
.px_wc_related_product_v3 .related ul.products li.product .woocommerce-LoopProduct-link .price,
.px_wc_upsell_product_v3 .up-sells ul.products li.product .woocommerce-LoopProduct-link .price,
.px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price,
.et-db #et-boc .et-l .px_wc_product_v3 ul.products li.product .woocommerce-LoopProduct-link .price,
.et-db #et-boc .et-l .px_wc_related_product_v3 .related ul.products li.product .woocommerce-LoopProduct-link .price,
.et-db #et-boc .et-l .px_wc_upsell_product_v3 .up-sells ul.products li.product .woocommerce-LoopProduct-link .price,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price {
    font-size: 16px;
    font-weight: 500;
    padding: 5px 0px 10px 0px;
    color: #181818 !important;
}

.px_wc_product_v3 ul.products li.product .woocommerce-LoopProduct-link .price ins,
.px_wc_related_product_v3 .related ul.products li.product .woocommerce-LoopProduct-link .price ins,
.px_wc_upsell_product_v3 .up-sells ul.products li.product .woocommerce-LoopProduct-link .price ins,
.px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price ins,
.et-db #et-boc .et-l .px_wc_product_v3 ul.products li.product .woocommerce-LoopProduct-link .price ins,
.et-db #et-boc .et-l .px_wc_related_product_v3 .related ul.products li.product .woocommerce-LoopProduct-link .price ins,
.et-db #et-boc .et-l .px_wc_upsell_product_v3 .up-sells ul.products li.product .woocommerce-LoopProduct-link .price ins,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price ins {
    color: var(--px-color-1);
    font-weight: 500;
}

.px_wc_product_v3 ul.products li.product .button,
.px_wc_related_product_v3 .related ul.products li.product .button,
.px_wc_upsell_product_v3 .up-sells ul.products li.product .button,
.px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .button,
.et-db #et-boc .et-l .px_wc_product_v3 ul.products li.product .button,
.et-db #et-boc .et-l .px_wc_related_product_v3 .related ul.products li.product .button,
.et-db #et-boc .et-l .px_wc_upsell_product_v3 .up-sells ul.products li.product .button,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .button {
    background-color: var(--px-color-1) !important;
    border-radius: 5px;
    margin: 0;
    border: none !important;
    width: 100%;
    padding: 10px 20px !important;
    font-size: 15px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 1;
    transition: all 0.4s;
}

.px_wc_product_v3 ul.products li.product .button::before,
.px_wc_related_product_v3 .related ul.products li.product .button::before,
.px_wc_upsell_product_v3 .up-sells ul.products li.product .button::before,
.px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .button::before,
.et-db #et-boc .et-l .px_wc_product_v3 ul.products li.product .button::before,
.et-db #et-boc .et-l .px_wc_related_product_v3 .related ul.products li.product .button::before,
.et-db #et-boc .et-l .px_wc_upsell_product_v3 .up-sells ul.products li.product .button::before,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .button::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_wc_product_v3 ul.products li.product .button:hover::before,
.px_wc_related_product_v3 .related ul.products li.product .button:hover::before,
.px_wc_upsell_product_v3 .up-sells ul.products li.product .button:hover::before,
.px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .button:hover::before,
.et-db #et-boc .et-l .px_wc_product_v3 ul.products li.product .button:hover::before,
.et-db #et-boc .et-l .px_wc_related_product_v3 .related ul.products li.product .button:hover::before,
.et-db #et-boc .et-l .px_wc_upsell_product_v3 .up-sells ul.products li.product .button:hover::before,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .button:hover::before {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

.px_wc_product_v3 ul.products li.product .button::after,
.px_wc_related_product_v3 .related ul.products li.product .button::after,
.px_wc_upsell_product_v3 .up-sells ul.products li.product .button::after,
.px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .button::after,
.et-db #et-boc .et-l .px_wc_product_v3 ul.products li.product .button::after,
.et-db #et-boc .et-l .px_wc_related_product_v3 .related ul.products li.product .button::after,
.et-db #et-boc .et-l .px_wc_upsell_product_v3 .up-sells ul.products li.product .button::after,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .button::after {
    display: none !important;
}

.px_wc_product_v3 ul.products li.product .added_to_cart,
.px_wc_related_product_v3 .related ul.products li.product .added_to_cart,
.px_wc_upsell_product_v3 .up-sells ul.products li.product .added_to_cart,
.px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .added_to_cart,
.et-db #et-boc .et-l .px_wc_product_v3 ul.products li.product .added_to_cart,
.et-db #et-boc .et-l .px_wc_related_product_v3 .related ul.products li.product .added_to_cart,
.et-db #et-boc .et-l .px_wc_upsell_product_v3 .up-sells ul.products li.product .added_to_cart,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .added_to_cart {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 10px;
    border-radius: 3px;
    padding: 0px 5px;
    color: #fff;
    background-color: var(--px-color-1);
    transition: all 0.4s;
}

.px_wc_product_v3 ul.products li.product .added_to_cart:hover,
.px_wc_related_product_v3 .related ul.products li.product .added_to_cart:hover,
.px_wc_upsell_product_v3 .up-sells ul.products li.product .added_to_cart:hover,
.px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .added_to_cart:hover,
.et-db #et-boc .et-l .px_wc_product_v3 ul.products li.product .added_to_cart:hover,
.et-db #et-boc .et-l .px_wc_related_product_v3 .related ul.products li.product .added_to_cart:hover,
.et-db #et-boc .et-l .px_wc_upsell_product_v3 .up-sells ul.products li.product .added_to_cart:hover,
.et-db #et-boc .et-l .px_wc_cross_sell_product_v3 .cross-sells ul.products li.product .added_to_cart:hover {
    background-color: var(--px-color-2);
}

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

    .px_wc_product_v3 ul.products li.product:nth-child(n),
    .px_wc_related_product_v3 .related ul.products li.product:nth-child(n),
    .px_wc_upsell_product_v3 .up-sells ul.products li.product:nth-child(n),
    .px_wc_cross_sell_product_v3 .cross-sells ul.products li.product:nth-child(n),
    .et-db #et-boc .et-l .px_wc_product_v3 ul.products li.product:nth-child(n),
    .et-db #et-boc .et-l .px_wc_related_product_v3 .related ul.products li.product:nth-child(n),
    .et-db #et-boc .et-l .px_wc_upsell_product_v3 .up-sells ul.products li.product:nth-child(n),
    .et-db #et-boc .et-l .px_wc_cross_sell_product_v3 .cross-sells ul.products li.product:nth-child(n) {
        margin-bottom: 4% !important;
    }
}

/* Shop & Related & Up Sell & Cross Sell Product V3 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 {
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 10px 25px 0px rgb(0, 0, 0, 0.05);
}

.px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .onsale,
.px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .onsale,
.px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale,
.px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale {
    left: -10px !important;
    border-radius: 5px 0px 0px 0px !important;
    font-size: 12px;
    padding: 0px 6px !important;
    background-color: var(--px-color-1) !important;
    z-index: 5;
}

.px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .onsale::before,
.px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .onsale::before,
.px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::before,
.px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::before {
    content: "";
    position: absolute;
    background: var(--px-color-1);
    width: 10px;
    height: 100%;
    top: 0;
    right: -9px;
    clip-path: polygon(0 0, 100% 0, 1% 50%, 100% 100%, 0 100%);
}

.px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .onsale::after,
.px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .onsale::after,
.px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::after,
.px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::after {
    content: "";
    position: absolute;
    left: 0;
    background: linear-gradient(to top right, transparent 49%, var(--px-color-1) 50%);
    width: 10px;
    height: 10px;
    bottom: -10px;
    filter: brightness(0.7);
}

.px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .et_shop_image,
.px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image,
.px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image,
.px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image {
    float: left;
    height: 120px;
    width: 120px;
    margin-right: 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 {
    border-radius: 5px;
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 8%) !important;
    margin-bottom: 0 !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 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--px-color-2);
    line-height: 1.3;
    padding: 0px 0px 5px 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);
}

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

.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 {
    font-size: 16px;
    font-weight: 500;
    color: #181818 !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);
    font-weight: 500;
}

.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 {
    position: relative;
    overflow: hidden;
    font-size: 0;
    border: none;
    background-color: var(--px-color-1);
    border-radius: 5px;
    height: 40px;
    width: 40px;
    z-index: 1;
    transition: all 0.4s;
}

.px_wc_product_mini ul.products li.product .button::before,
.px_wc_related_product_mini .related ul.products li.product .button::before,
.px_wc_upsell_product_mini .up-sells ul.products li.product .button::before,
.px_wc_cross_sell_product_mini .cross-sells ul.products li.product .button::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    left: calc(-100% + 25px);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_wc_product_mini ul.products li.product .button:hover::before,
.px_wc_related_product_mini .related ul.products li.product .button:hover::before,
.px_wc_upsell_product_mini .up-sells ul.products li.product .button:hover::before,
.px_wc_cross_sell_product_mini .cross-sells ul.products li.product .button:hover::before {
    left: 20px;
    opacity: 1;
    background-color: var(--px-color-2);
}

.px_wc_product_mini ul.products li.product .button::after,
.px_wc_related_product_mini .related ul.products li.product .button::after,
.px_wc_upsell_product_mini .up-sells ul.products li.product .button::after,
.px_wc_cross_sell_product_mini .cross-sells ul.products li.product .button::after {
    content: "\e015";
    opacity: 1;
    margin: 0;
    color: #fff;
    font-size: 18px;
    text-align: center;
    height: inherit;
    width: inherit;
    line-height: 2.2;
}

.px_wc_product_mini ul.products li.product .button.loading::after,
.px_wc_related_product_mini .related ul.products li.product .button.loading::after,
.px_wc_upsell_product_mini .up-sells ul.products li.product .button.loading::after,
.px_wc_cross_sell_product_mini .cross-sells ul.products li.product .button.loading::after {
    left: 0;
    content: "\e02d";
    height: 0;
    width: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    position: absolute;
    bottom: 10px;
    right: 0;
}

.px_wc_product_mini ul.products li.product .added_to_cart{
	position: absolute;
    right: 60px;
	color: var(--px-color-1);
	
}

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

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

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

    .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 {
        width: 100%;
        padding-top: 10px;
    }
}

/* 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,
.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: 5px;
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1);
    z-index: 1;
}

.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error::before,
.px_wc_cart_notice .cart-empty::before,
.et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error::before,
.et-db #et-boc .et-l .px_wc_cart_notice .cart-empty::before,
.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message::before,
.et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: -20px;
    width: 70px;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

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

.px_wc_cart_notice .return-to-shop .button,
.et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    border: none !important;
    padding: 12px 20px !important;
    font-size: 15px;
    color: #fff;
    z-index: 1;
}

.px_wc_cart_notice .return-to-shop .button::before,
.et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_wc_cart_notice .return-to-shop .button:hover:before,
.et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button:hover:before {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

.px_wc_cart_notice .return-to-shop .button::after,
.et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button::after {
    display: none !important;
}

.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button,
.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .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 {
    order: 1;
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    border-radius: 5px;
    border: none !important;
    padding: 12px 20px !important;
    font-size: 15px;
    color: #fff;
    z-index: 1;
}

.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button::before,
.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .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 {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.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,
.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 {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button::after,
.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .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 {
    display: none !important;
}

.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-info,
.et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-info {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    background-color: var(--px-color-1);
    z-index: 1;
}

.px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-info::before,
.et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-info::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: -20px;
    width: 70px;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

/* 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 {
    overflow: visible;
    left: -10px !important;
    border-radius: 0px !important;
    font-size: 14px;
    padding: 0px 10px !important;
    background-color: var(--px-color-1) !important;
    z-index: 5;
}

.px_wc_product_img .et_pb_module_inner .onsale::before,
.et-db #et-boc .et-l .px_wc_product_img .et_pb_module_inner .onsale::before {
    content: "";
    position: absolute;
    background: var(--px-color-1);
    width: 10px;
    height: 100%;
    top: 0;
    right: -9px;
    clip-path: polygon(0 0, 100% 0, 1% 50%, 100% 100%, 0 100%);
}

.px_wc_product_img .et_pb_module_inner .onsale::after,
.et-db #et-boc .et-l .px_wc_product_img .et_pb_module_inner .onsale::after {
    content: "";
    position: absolute;
    left: 0;
    background: linear-gradient(to top right, transparent 49%, var(--px-color-1) 50%);
    width: 10px;
    height: 10px;
    bottom: -10px;
    filter: brightness(0.7);
}

.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: 5px;
    background-color: #fff;
    transition: all 0.4s;
}

.px_wc_product_img .flex-control-nav li img:hover,
.et-db #et-boc .et-l .px_wc_product_img .flex-control-nav li img:hover,
.px_wc_product_img .flex-control-nav li img.flex-active,
.et-db #et-boc .et-l .px_wc_product_img .flex-control-nav li img.flex-active {
    box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.07) !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: var(--px-color-2);
}

/* px_wc_product_title CSS End */
/* px_wc_product_rating CSS Start */
.px_wc_product_rating .woocommerce-product-rating,
.et-db #et-boc .et-l .px_wc_product_rating .woocommerce-product-rating {
    display: flex;
    align-items: baseline;
}

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

.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;
    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: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 select,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .variations_form .variations tbody tr td select {
    padding: 10px;
    border-radius: 5px;
}

.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 {
    font-size: 15px;
    color: var(--px-color-1);
    text-decoration: underline;
}

.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;
    background-color: var(--px-color-1) !important;
    z-index: 1;
}

.px_wc_add_to_cart_info .cart .button::before,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .button::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.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 {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

.px_wc_add_to_cart_info .cart .button::after,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .button::after {
    display: none !important;
}

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

.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: 14px;
    color: #181818;
    font-weight: 500;
    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;
    color: #181818;
    font-weight: 600;
}

.px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td del[aria-hidden="true"] .woocommerce-Price-amount,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td del[aria-hidden="true"] .woocommerce-Price-amount {
    font-size: 16px;
    color: #999999;
}

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

/* px_wc_add_to_cart_info CSS End */
/* px_wc_additional_info CSS Start */
/* px_wc_product_meta CSS Srart */
.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"] {
    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) !important;
}

/* 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: 20px;
    background-color: #fff;
}

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

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

.px_wc_product_tabs ul li a,
.et-db #et-boc .et-l .px_wc_product_tabs ul li a {
    position: relative;
    overflow: hidden;
    padding: 10px 15px;
    background-color: #fff;
    color: #181818 !important;
    border-radius: 5px;
    box-shadow: 0px 5px 18px 0px rgb(0, 0, 0, 0.08);
    transition: all 0.4s;
    z-index: 1;
}

.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 {
    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 {
    content: "";
    position: absolute;
    background-color: var(--px-color-1);
    top: 0;
    left: -135%;
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_wc_product_tabs ul li a:hover::before,
.px_wc_product_tabs ul li.et_pb_tab_active a::before,
.et-db #et-boc .et-l .px_wc_product_tabs ul li a:hover::before,
.et-db #et-boc .et-l .px_wc_product_tabs ul li.et_pb_tab_active a::before {
    opacity: 1;
    left: -40px;
}

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

/* 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-weight: 600;
    font-size: 18px;
    color: #181818;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody tr,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody tr {
    text-align: left;
    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 {
    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 {
    background-color: transparent;
    font-style: normal;
}

/* Tabs Reviews */
.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .woocommerce-Reviews-title,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .woocommerce-Reviews-title {
    margin-bottom: 15px !important;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container,
.et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container {
    position: relative;
    overflow: hidden;
    padding: 45px 20px 20px 15px;
    background-color: #f6f6f6;
    z-index: 1;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container::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::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 115px;
    background-color: #fff;
    clip-path: polygon(0px 0px, 100% 30px, 100% 100%, 0px 100%);
    z-index: -1;
}

.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 {
    position: relative;
    height: 80px;
    width: 80px !important;
    object-fit: cover;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text,
.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 {
    margin-left: 120px !important;
}

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

.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 {
    color: #181818;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .description p,
.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 p {
    margin-bottom: 0px;
}

.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-weight: 600;
    font-size: 18px;
    color: #181818;
    padding-bottom: 10px;
    display: block;
}

.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 {
    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 {
    font-size: 20px;
    color: #ffb12b;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment,
.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 {
    padding-bottom: 0px;
}

.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 {
    width: 100% !important;
    border-width: 1px;
    border-color: #e7e7e7;
    background-color: #FFFFFF;
    color: #181818;
    font-size: 15px;
}

.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 {
    font-size: 15px;
    padding: 12px 20px;
    color: #fff;
    border: none;
    border-radius: 5px;
    background-color: var(--px-color-1);
    transition: all 0.4s;
}

.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-color: var(--px-color-2);
}

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

    .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container,
    .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container {
        padding: 15px;
    }

    .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container::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::before {
        display: none;
    }

    .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 {
        float: none;
    }

    .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text,
    .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 {
        display: block;
        margin: 10px 0px 0px 0px !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 {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    color: transparent !important;
    background-color: transparent !important;
}

.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-remove a::before {
    content: "\e07d";
    font-family: 'ETmodules';
    color: var(--px-color-1);
    position: absolute;
    font-size: 16px;
    font-weight: 100;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: all 0.4s;
}

.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-remove a:hover::before {
    color: #181818;
}

.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-thumbnail a img {
    border-radius: 5px;
    width: 50px;
}

.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-name a {
    font-size: 14px;
    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;
}

/* coupon */
.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .wp-element-button,
.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .wp-element-button {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    z-index: 1;
    transition: all 0.4s;
}

.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .wp-element-button::before,
.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .wp-element-button::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .wp-element-button:hover:before,
.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .wp-element-button:hover:before {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .wp-element-button::after,
.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .wp-element-button::after {
    display: none !important;
}

/*  Cart totals css */
.px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator a {
    color: var(--px-color-1) !important;
}

.px_cart_totols .cart_totals .wc-proceed-to-checkout {
    padding-bottom: 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 .wp-element-button {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    z-index: 1;
    transition: all 0.4s;
}

.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 .wp-element-button::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-100% - 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.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 .wp-element-button:hover::before {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

.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 .wp-element-button::after {
    display: none !important;
}

/* -----------------------------------
      00. Cart Page CSS End Here
  -------------------------------------*/
/* -----------------------------------
      00. Checkout Page CSS Start Here
  -------------------------------------*/
/*------ Checkout Login ------*/
/* login */
.px_checkout_login .woocommerce-info {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1);
    z-index: 1;
}

.px_checkout_login .woocommerce-info::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: -20px;
    width: 70px;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_checkout_login .woocommerce-info .showlogin {
    text-decoration: underline;
}

/* button */
.px_checkout_login .login .form-row .button {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    z-index: 1;
    transition: all 0.4s;
}

.px_checkout_login .login .form-row .button::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_checkout_login .login .form-row .button:hover::before {
    opacity: 1;
    left: 15px;
    background-color: var(--px-color-2);
}

.px_checkout_login .login .form-row .button::after {
    display: none !important;
}

/* lost Pass */
.px_checkout_login .login .lost_password a {
    color: var(--px-color-1);
}

/* Toggle */
.px_checkout_login .woocommerce-form-coupon-toggle .woocommerce-info {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1);
    z-index: 1;
}

.px_checkout_login .woocommerce-form-coupon-toggle .woocommerce-info::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: -20px;
    width: 70px;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_checkout_login .woocommerce-form-coupon-toggle .woocommerce-info .showcoupon {
    text-decoration: underline;
}

.px_checkout_login .woocommerce-error {
    background-color: var(--px-color-1);
}

/* button */
.px_checkout_login .checkout_coupon .form-row .button {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    z-index: 1;
    transition: all 0.4s;
}

.px_checkout_login .checkout_coupon .form-row .button::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_checkout_login .checkout_coupon .form-row .button:hover::before {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

.px_checkout_login .checkout_coupon .form-row .button::after {
    display: none !important;
}

/* Payment Methods */
.px_checkout_payment .checkout .woocommerce-NoticeGroup .woocommerce-error {
    background-color: var(--px-color-1);
    border-radius: 5px;
}

.px_checkout_payment .checkout .woocommerce-NoticeGroup .woocommerce-error li {
    font-size: 15px !important;
}

.px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button {
    border: none;
    font-size: 14px;
    background-color: var(--px-color-1);
    color: #fff;
    padding: 12px 25px;
    transition: all 0.4s;
}

.px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button:hover {
    background-color: var(--px-color-2);
}

/* Order details Main */
.px_checkout_payment .woocommerce-order .woocommerce-notice {
    position: relative;
    width: fit-content;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #181818 !important;
    line-height: 1.2;
    margin: auto auto 30px auto;
    padding: 10px 0px;
    z-index: 1;
}

.px_checkout_payment .woocommerce-order .woocommerce-notice::before,
.px_checkout_payment .woocommerce-order .woocommerce-notice::after {
    content: "";
    position: absolute;
    height: 30px;
    width: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 5px solid var(--px-color-1);
    animation: rotation 12s steps(60) 0s infinite;
    opacity: 0.2;
    z-index: -1;
}

.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 {
    padding: 0;
    width: fit-content;
    margin: auto auto 20px auto;
    text-align: center;
    color: #181818;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-downloads .woocommerce-order-downloads__title {
    font-size: 22px;
    color: #181818;
    font-weight: 600;
}

.px_checkout_payment .woocommerce-order table {
    border: none;
    border-radius: 0px;
}

.px_checkout_payment .woocommerce-order table tr th {
    font-size: 16px;
    color: #181818;
    font-weight: 600;
    padding-left: 0px;
    border-color: #e7e7e7;
}

.px_checkout_payment .woocommerce-order table tr td {
    color: #181818;
    padding-left: 0px;
    border-color: #e7e7e7;
}

.px_checkout_payment .woocommerce-order table tr td a {
    color: #181818;
    transition: all 0.4s;
}

.px_checkout_payment .woocommerce-order table tr td 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;
    background-color: var(--px-color-1) !important;
    border-radius: 5px;
    border: none !important;
    padding: 12px 20px !important;
    font-size: 15px;
    color: #fff;
    z-index: 1;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-downloads table tbody tr td.download-file a::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-downloads table tbody tr td.download-file a:hover:before {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

.px_checkout_payment .woocommerce-order .woocommerce-order-downloads table tbody tr td.download-file a::after {
    display: none !important;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details .order-again .button {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    border-radius: 5px;
    border: none !important;
    padding: 12px 20px !important;
    font-size: 15px;
    color: #fff;
    z-index: 1;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details .order-again .button::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details .order-again .button:hover:before {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details .order-again .button::after {
    display: none !important;
}

.px_checkout_payment .woocommerce-order .woocommerce-customer-details {
    margin-bottom: 0px;
}

.px_checkout_payment .woocommerce-order .woocommerce-customer-details address {
    color: #181818;
    border: 1px solid #e7e7e7;
    border-radius: 0px;
}

.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 {
    margin-top: 15px;
}

.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 #payment .form-row .button {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    z-index: 1;
}

.px_checkout_payment #payment .form-row .button::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_checkout_payment #payment .form-row .button:hover:before {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

.px_checkout_payment #payment .form-row .button::after {
    display: none !important;
}

/* -----------------------------------
      00. Checkout Page CSS End Here
  -------------------------------------*/
/* -----------------------------------
      00. My Account Page CSS Start Here
  -------------------------------------*/
.px_my_account .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message{
	background-color:  var(--px-color-1);
}
.px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error {
    background-color: var(--px-color-1);
}

.px_my_account .wc-forward{
	    background-color: #fff !important;
		border: 0 !important;
		color: var(--px-color-1) !important;
		font-size: 16px !important;
}

.px_my_account .wc-forward:hover{
	    background-color: var(--px-color-2) !important;
}

.px_my_account .wc-forward:after{
		font-size: 25px !important;
}


/* Register Form CSS */
.px_my_account .woocommerce .woocommerce-form-register {
    margin: 0;
    border: none;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}

.px_my_account .woocommerce .woocommerce-form-register .form-row label {
    color: #181818;
    font-size: 15px;
}

.px_my_account .woocommerce .woocommerce-form-register .form-row input.input-text {
    border: 1px solid #e7e7e7;
    background-color: #ffffff;
    color: #181818;
    padding: 10px;
    border-radius: 5px;
}

.px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    border-radius: 5px;
    border: none !important;
    padding: 12px 20px !important;
    font-size: 15px;
    color: #fff;
    z-index: 1;
}

.px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit:hover:before {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

.px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit::after {
    display: none !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 h2 {
    color: #181818 !important;
    font-weight: 600;
}

.px_my_account .woocommerce .woocommerce-form-login {
    margin: 0;
    border: none;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}

/* Label CSS */
.px_my_account .woocommerce .woocommerce-form-login .form-row label {
    color: #181818;
    font-size: 15px;
}

/* Input Field CSS */
.px_my_account .woocommerce .woocommerce-form-login .form-row input.input-text {
    border: 1px solid #e7e7e7;
    background-color: #ffffff;
    color: #181818;
    border-radius: 5px;
    padding: 10px;
}

/* Button CSS */
.px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    border-radius: 5px;
    border: none !important;
    padding: 12px 20px !important;
    font-size: 15px;
    color: #fff;
    z-index: 1;
}

.px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit:hover:before {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

.px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit::after {
    display: none !important;
}

/* Lost Password CSS */
.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;
}

.px_my_account .woocommerce .woocommerce-ResetPassword .form-row label {
    font-size: 15px;
    color: #181818;
}

.px_my_account .woocommerce .woocommerce-ResetPassword .form-row input.input-text {
    border: 1px solid #e7e7e7;
    background-color: #ffffff;
    color: #181818;
    padding: 10px;
    border-radius: 5px;
}

.px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    border-radius: 5px;
    border: none !important;
    padding: 12px 20px !important;
    font-size: 15px;
    color: #fff;
    z-index: 1;
}

.px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button:hover:before {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

.px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button::after {
    display: none !important;
}

/* Reset Password Error Box CSS */
.px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    background-color: var(--px-color-1);
    z-index: 1;
}

.px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: -20px;
    width: 70px;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error li {
    font-size: 16px;
}

.px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error li a {
    color: #fff;
    text-decoration: underline;
}

/* Navigation CSS */
.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul {
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
    list-style: none;
}

.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li {
    margin-bottom: 10px;
}

.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:last-child {
    margin-bottom: 0px;
}

.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li a {
    position: relative;
    overflow: hidden;
    display: block;
    background-color: white;
    border-radius: 5px;
    border: 1px solid var(--px-color-1);
    padding: 8px 10px;
    font-size: 14px !important;
    color: var(--px-color-1);
    transition: all 0.4s;
    z-index: 1;
}

.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a,
.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li a:hover {
    border-color: var(--px-color-1);
    color: #fff;
}

.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li a::before {
    content: "";
    position: absolute;
    background-color: var(--px-color-1);
    top: 0;
    left: -140%;
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.1;
    transition: all 0.4s;
    z-index: -1;
}

.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a::before,
.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li a:hover::before {
    opacity: 1;
    left: -15px;
}

/* Content CSS */
.px_my_account .woocommerce .woocommerce-MyAccount-content {
    color: #181818;
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-downloads {
    margin-bottom: 0px;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content mark {
    background-color: var(--px-color-1);
    color: #fff;
    padding: 0px 3px;
}

.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: var(--px-color-2);
    text-decoration: underline;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .order-again .button {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    border-radius: 0px;
    border: none !important;
    padding: 12px 20px !important;
    text-decoration: none !important;
    font-size: 15px;
    color: #fff;
    z-index: 1;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .order-again .button::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .order-again .button:hover:before {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .order-again .button::after {
    display: none !important;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details {
    margin-bottom: 0px;
}

/* Download CSS*/
.px_my_account .woocommerce .woocommerce-Message {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1);
    z-index: 1;
    border-radius: 5px;
    margin-bottom: 0px;
}

.px_my_account .woocommerce .woocommerce-Message::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: -20px;
    width: 70px;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_my_account .woocommerce .woocommerce-Message a.button {
    order: 1;
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    border-radius: 5px;
    border: none !important;
    padding: 10px 15px !important;
    font-size: 15px;
    color: #fff;
    z-index: 1;
}

.px_my_account .woocommerce .woocommerce-Message a.button::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_my_account .woocommerce .woocommerce-Message a.button:hover::before {
    opacity: 1;
    left: 0;
    background-color: var(--px-color-2);
}

.px_my_account .woocommerce .woocommerce-Message a.button::after {
    display: none !important;
}

/* Address CSS*/
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h3 {
    font-size: 22px;
    font-weight: 600;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title a {
    color: var(--px-color-1);
    transition: all 0.4s;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title a:hover {
    color: var(--px-color-2);
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address address {
    font-style: normal;
    margin-bottom: 0px;
}

/* Account Details CSS*/
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label {
    font-size: 15px;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input.input-text {
    border: 1px solid #e7e7e7;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 5px;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields label {
    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 #e7e7e7;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 5px;
}

.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: 0px;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content form .button {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    border-radius: 5px;
    border: none !important;
    vertical-align: middle;
    padding: 12px 20px !important;
    font-size: 15px;
    color: #fff !important;
    z-index: 1;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content form .button::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content form .button:hover:before {
    opacity: 1;
    left: 15px;
    background-color: var(--px-color-2);
}

.px_my_account .woocommerce .woocommerce-MyAccount-content form .button::after {
    display: none !important;
}

/* Order Details */
.px_my_account .woocommerce table {
    border: none;
    border-radius: 0px;
    margin-bottom: 0px !important;
}

.px_my_account .woocommerce table thead tr th {
    font-size: 16px;
    color: #181818;
    font-weight: 600;
    padding-left: 0px;
    border-color: #e7e7e7;
}

.px_my_account .woocommerce table tbody tr td {
    color: #181818;
    padding-left: 0px;
    border-color: #e7e7e7;
}

.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 .woocommerce-customer-details address {
    color: #181818;
    border: 1px solid #e7e7e7;
    border-radius: 0px;
}

.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;
    background-color: var(--px-color-1) !important;
    border-radius: 5px;
    border: none !important;
    vertical-align: middle;
    padding: 10px 20px !important;
    font-size: 15px;
    color: #fff !important;
    z-index: 1;
}

.px_my_account .woocommerce table tbody tr td .button::before {
    content: "";
    position: absolute;
    display: block !important;
    background-color: #fff;
    top: 0;
    left: calc(-150% + 55px);
    width: 150%;
    height: 100%;
    transform: skewX(-25deg);
    opacity: 0.2;
    transition: all 0.4s;
    z-index: -1;
}

.px_my_account .woocommerce table tbody tr td .button:hover:before {
    opacity: 1;
    left: 15px;
    background-color: var(--px-color-2);
}

.px_my_account .woocommerce table tbody tr td .button::after {
    display: none !important;
}

/* ----------------------------------- 
      00. My Account Page CSS End Here
  -------------------------------------*/