/*---------------------------------------------------------------------------------
 Theme Name:   Wedding Shop
 Theme URI:    https://weddingshop.diviwoocommercethemes.com
 Description:  Wedding Shop Divi WooCommerce Theme ideal for every bridal store, boutique, wedding shop or any other type of bridal divi website! 
 Author:       Divi-Childthemes.com
 Author URI:   https://www.divi-childthemes.com/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
------------------------------ ADDITIONAL CSS HERE ------------------------------*/
/* -----------------------------------------------------------------------------   
    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. Contact Us CSS
	07. Team Section CSS
		Team Single CSS
    08 Slider Section CSS
	09 Faqs CSS
	10 Testimonial Section CSS
	11 Services Section CSS
    12 Partner Section CSS
    13 Counter Section CSS
    14 Newsletter Section CSS
    15 CTA Section CSS
    16 Category CSS 
    17 Accordian Css
    18 Discount Sections Css
    19 Coming Soon Page CSS
    20 Privacy & policy Css
    21 Scroll Top Css
    22 Mobile Menu CSS
	23 Search Page CSS
	24 Hero Section CSS
	25 Why choose us CSS
	26 Color Picker CSS
    27 Animation Part CSS
    
--------------------------------------------------------*/
body {
    overflow-x: hidden;
}

html #wpadminbar {
    z-index: 9999999;
    position: fixed
}

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

    /*for login user make adminbar fix*/
    #wpadminbar {
        position: fixed;
    }

    body {
        overflow-x: hidden;
    }
}

/* -----------------------------------
    01. General Class CSS
-------------------------------------*/
/*---Title CSS---*/
/* ------------------------------------- */
/* Input & Checkbox CSS */
input[type=radio],
input[type=checkbox] {
    accent-color: var(--px-color-2) !important;
}

/* Divider Section CSS */
.px_divider_section .et_pb_bottom_inside_divider {
    filter: drop-shadow(10px -5px 8px rgba(20, 20, 20, 0.3));
    /* filter: drop-shadow(2px 4px 8px rgba(20, 20, 20, 0.4)); */
}

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

.px_hover_img .et_pb_image_wrap img {
    transform: scale(1.05) translateX(-5px);
    transition: .5s ease-out;
}

.px_hover_img:hover .et_pb_image_wrap img {
    transform: scale(1.05) translateX(5px);
    filter: grayscale(0.5);
}

/*--- Background CSS ---*/
/* Background Color */
/* .px_background{background-image: linear-gradient(180deg,#efecea 0%,#f8f4f3 100%) !important;} */

/* Section Background Effect */
/* .px_background_effect {
    position: relative;
    overflow: hidden;
}

.px_background_effect::before {
    content: "";
    background: var(--px-color-1);
    opacity: 0.15;
    position: absolute;
    top: 20px;
    left: 50px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
}

.px_background_effect::after {
    content: "";
    background: var(--px-color-1);
    opacity: 0.15;
    position: absolute;
    bottom: 20px;
    right: 50px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    visibility: visible;
} */

/* Reverse Section Background Effect */
/* .px_reverse_background_effect {
    position: relative;
    overflow: hidden;
}

.px_reverse_background_effect::before {
    content: "";
    background: var(--px-color-1);
    opacity: 0.15;
    position: absolute;
    top: 20px;
    right: 50px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
}

.px_reverse_background_effect::after {
    content: "";
    background: var(--px-color-1);
    opacity: 0.15;
    position: absolute;
    bottom: 20px;
    left: 50px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    visibility: visible;
}
 */
/* Top Left Row Background Effect */
/* .px_row_top_left_background_effect {
    position: relative;
}

.px_row_top_left_background_effect::before {
    content: "";
    background: var(--px-color-1);
    opacity: 0.15;
    position: absolute;
    top: 100px;
    left: 20px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

.px_row_top_left_background_effect::after {
    content: "";
    background: var(--px-color-1);
    opacity: 0.15;
    position: absolute;
    top: 130px;
    left: 150px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    visibility: visible;
} */

/* Bottom Right Row Background Effect */
/* .px_row_bottom_right_background_effect {
    position: relative;
}

.px_row_bottom_right_background_effect::before {
    content: "";
    background: var(--px-color-1);
    opacity: 0.15;
    position: absolute;
    bottom: 100px;
    right: 20px;
    width: 150px !important;
    height: 150px !important;
    border-radius: 50%;
}

.px_row_bottom_right_background_effect::after {
    content: "";
    background: var(--px-color-1);
    opacity: 0.15;
    position: absolute;
    bottom: 130px;
    right: 150px;
    width: 100px !important;
    height: 100px !important;
    border-radius: 50%;
    visibility: visible !important;
}
 */
/* Top Right Row Background Effect */
/* .px_row_top_right_background_effect {
    position: relative;
}

.px_row_top_right_background_effect::before {
    content: "";
    background: var(--px-color-1);
    opacity: 0.15;
    position: absolute;
    top: 100px;
    right: 20px;
    width: 150px !important;
    height: 150px !important;
    border-radius: 50%;
}

.px_row_top_right_background_effect::after {
    content: "";
    background: var(--px-color-1);
    opacity: 0.15;
    position: absolute;
    top: 130px;
    right: 150px;
    width: 100px !important;
    height: 100px !important;
    border-radius: 50%;
    visibility: visible !important;
}
 */
/* Bottom Left Row Background Effect */
/* .px_row_bottom_left_background_effect {
    position: relative;
}

.px_row_bottom_left_background_effect::before {
    content: "";
    background: var(--px-color-1);
    opacity: 0.15;
    position: absolute;
    bottom: 100px;
    left: 20px;
    width: 150px !important;
    height: 150px !important;
    border-radius: 50%;
}

.px_row_bottom_left_background_effect::after {
    content: "";
    background: var(--px-color-1);
    opacity: 0.15;
    position: absolute;
    bottom: 130px;
    left: 150px;
    width: 100px !important;
    height: 100px !important;
    border-radius: 50%;
    visibility: visible !important;
}
 */
/*---Section Divider CSS---*/
.px_divider .et_pb_bottom_inside_divider {
    z-index: 1 !important;
}



/*---Slick Js CSSS---*/
.slick-slide {
    margin: 10px 10px 40px 10px !important;
}

.slick-dots {
    padding-bottom: 0 !important;
}

.slick-dots li button::before {
    content: "";
    width: 12px;
    height: 12px;
    background: var(--px-color-2);
    border-radius: 0;
    margin-right: 10px;
    transform: scale(1.2);
    opacity: 1;
    transition: all 0.3s ease 0s;
}

.slick-dots li.slick-active button::before {
    opacity: 1;
    outline: 2px solid var(--px-color-2);
    outline-offset: 3px;
    background: var(--px-color-1);
    transform: scale(0.8);
}

.px_client_slide .slick-slide {
    margin: 20px 10px !important;
    padding: 10px;
    border: 1px solid #e6e6e6;
}
.px_client_slide .slick-slide:hover {
    border: 1px solid var(--px-color-1);
}
@media only screen and (min-width:577px) and (max-width:980px) {

    /* Max Width Col */
    .px_max_width.et_pb_column:last-child,
    .px_max_width {
        max-width: 400px;
        margin: auto !important;
        float: none !important;
        margin-bottom: 30px !important;
    }

    /* Reverse Col */
    .px_reverse_row .et_pb_row,
    .px_reverse_row {
        display: flex;
        flex-direction: column-reverse;
    }

    .px_reverse_row .px_reverse_col {
        order: 1;
        margin-bottom: 30px !important;
    }

    /* Title CSS */
    .px_title h2 {
        font-size: 55px;
        line-height: 65px;
    }

    .px_subtitle h3 {
        font-size: 20px;
    }
}
.px_slider_btn {
  color: var(--px-color-1) !important;
}
@media only screen and (max-width:576px) {

    /* Max Width Col */
    .px_max_width.et_pb_column:last-child,
    .px_max_width {
        max-width: 400px;
        margin: auto !important;
        float: none !important;
        margin-bottom: 30px !important;
        clear: both;
    }

    /* Reverse Col */
    .px_reverse_row .et_pb_row,
    .px_reverse_row {
        display: flex;
        flex-direction: column-reverse;
    }

    .px_reverse_row .px_reverse_col {
        order: 1;
        margin-bottom: 30px !important;
    }
}

/*---Button CSS---*/
.px_btn {
    color: #fff;
    background: var(--px-color-1);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 1px;
    border: none !important;
    border-radius: 0px !important;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 15px 30px !important;
    transition: all 1s ease 0s !important;
}

.px_btn:after {
    content: "";
    background: var(--px-color-2);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: -50%;
    z-index: -1;
    opacity: 1 !important;
    margin: 0 !important;
    transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important;
}

.px_btn:hover {
    color: #fff;
    background: var(--px-color-1) !important;
    transition: all 1s ease 0s !important;
}

.px_btn:hover:after {
    width: 500px;
    height: 500px;
    top: 50%;
    transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important;
}

.px_btn.dark {
    background: var(--px-color-2);
}

.px_btn.dark:after {
    background: var(--px-color-1);
}

.px_btn.dark:hover {
    background: var(--px-color-2) !important;
}

/* -----------------------------------
      00. Page Title CSS Start Here
  -------------------------------------*/
/*---Title CSS---*/
.px_title {
    margin-bottom: 20px !important;
    position: relative;
}

.px_title h2 {
    color: var(--px-color-2);
    font-size: 50px;
    text-transform: capitalize;
    line-height: 80px;
	padding-bottom: 0px;
	padding-top: 10px;
}
.px_title span{color: var(--px-color-1);}
/*
.px_title::before {
    content: "";
    display: block;
    position: absolute;
    height: 5px;
    border-bottom: 4px solid var(--px-color-1);
    border-top: 1px solid var(--px-color-1);
    bottom: -10px;
    width: 150px;
    z-index: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 0;
}

.px_title.left::before {
    margin: unset;
}
*/
.px_subtitle {
    width: fit-content;
    margin-bottom: 0 !important;
}

.px_subtitle.center {
    margin: 0 auto;
}

.px_subtitle.right {
    margin-left: auto;
}

.px_subtitle h3 {
    color: var(--px-color-1);
	font-size: 16px;
	padding-bottom: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.px_subtitle .et_pb_text_inner {
    padding: 0px 30px;
}

.px_subtitle .et_pb_text_inner::before {
    content: "\e0a6";
    font-family: ETmodules;
    color: var(--px-color-1);
    position: absolute;
    left: 0px;
    top: -5px;
    font-size: 20px;
}

.px_subtitle .et_pb_text_inner::after {
    content: "\e0a6";
    font-family: ETmodules;
    color: var(--px-color-1);
    position: absolute;
    right: 0px;
    top: -5px;
    font-size: 20px;
}

.px_desc {
    color: #666;
    font-size: 16px;
    line-height: 2em;
    font-weight: 500;
}

.px_desc u,
.px_desc strong {
    color: #000;
    font-size: 18px;
    transition: 0.5s;
}

.px_desc u:hover,
.px_desc strong:hover {
    color: var(--px-color-1);
    transition: 0.5s;
}

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

    /* Title CSS */
    .px_title h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .px_subtitle h3 {
        font-size: 14px;
    }

    .px_subtitle .et_pb_text_inner {
        padding: 0px 25px;
    }

    .px_subtitle .et_pb_text_inner::before,
    .px_subtitle .et_pb_text_inner::after {
        font-size: 18px;
    }

    .px_desc {
        font-size: 14px;
        line-height: 1.8em;
    }

    /* Button CSS */
    .px_btn {
        padding: 10px 20px !important;
        font-size: 14px;
    }
}

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

/*****Woo Preloader******/
.woocommerce .loader::before {
    display: none;
}

/* -----------------------------------
    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: 13px;
    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;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    background: #ffffff;
    border-top: none !important;
    transition: all 300ms ease;
    box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 5%), -2px 0px 5px 1px rgb(0 0 0 / 5%);
}

.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;
    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:hover>ul,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li:hover>ul {
    visibility: visible;
    opacity: 1;
    display: block;
}

.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: 112%;
    margin-top: -53px;
}

.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;
    padding-top: 15px;
    padding-bottom: 15px;
    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) !important;
}

.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) !important; 
    opacity: 1;
}

.px_label,
.et-db #et-boc .et-l .px_label {
	background-color:  var(--px-color-1);
	color: #fff !important;
	padding: 2px 5px;
	position: absolute;
	font-size: 10px;
	top: -5px;
	right: 0px;
	line-height: 15px;
}
.px_label::before,
.et-db #et-boc .et-l .px_label::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  display: inline-block;
  top: 100%;
  left: 10px;
  border-right: 4px solid transparent;
  border-top: 4px solid  var(--px-color-1);
}


.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.mega-menu > ul.sub-menu {min-width:1170px;box-shadow:none;}
.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 {
    padding-left: 0;
    position: relative;
    padding: 5px 0px 5px 0px;
    font-weight: 500;
    border: none;
    font-size: 15px;
    text-transform: capitalize;
    color: #202020;
    transition: all 0.4s;
}

.px_header_menu.et_pb_menu 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 15px 0px 25px;
}

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

.px_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search {
    padding: 10px;
    border-radius: 50px;
    border-width: 1px;
    border-style: solid;
    border-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;
}


/*---Sub Menu CSS---*/
/*---Header Common Info Css---*/
.px_small_info {}

/* .px_small_blurb_info {
    width: fit-content;
    margin-left: auto;
} */

.px_small_blurb_info .et_pb_blurb_content {}

.px_small_blurb_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap::before {
    content: "";
    background: #fff;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    transition: 0.5s;
}

.px_small_blurb_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
    position: relative;
    padding: 10px 12px;
    overflow: hidden;
}

.px_small_blurb_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    color: var(--px-color-1) !important;
    transition: 0.5s;
}

.px_small_blurb_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
    padding-top: 5px;
    padding-bottom: 0px;
    transition: 0.5s;
}

.px_small_blurb_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
    
}

.px_small_blurb_info:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap::before {
    background: var(--px-color-1);
    transition: 0.5s;
}

.px_small_blurb_info:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    color: #fff !important;
    transition: 0.5s;
}

.px_small_blurb_info:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
    color: var(--px-color-1);
    transition: 0.5s;
}

/* Search Bar CSS */
.px_header_search {
    height: fit-content;
    border: 0;
}

.px_header_search .et_pb_searchform {}

.px_header_search .et_pb_searchform .et_pb_s {
    background: #fff;
    padding: 15px !important;
}

.px_header_search .et_pb_searchform .et_pb_searchsubmit {
    background: var(--px-color-1);
    padding: 15px 25px !important;
    color: #fff;
    transition: 0.5s;
}

.px_header_contact_info {}

.px_header_social {}

/*---Header v1  CSS---*/
.px_header_v1 {}

/*---Header v2  CSS---*/
.px_header_v2 {}

/*---Header v3  CSS---*/
.px_header_v3 {}


/* -----------------------------------
      03. Footer Section CSS
  -------------------------------------*/
/*---Footer Common Info Css---*/
.px_footer_title {
color: var(--px-color-1);
}

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

.px_footer_links {}

.px_footer_social {}

/*---Footer v1  CSS---*/
.px_footer_v1 {}

/*---Footer v2  CSS---*/
.px_footer_v2 {}

/*---Footer v3  CSS---*/
.px_footer_v3 {}



/*-----------------------------------
       00. Product Gallery CSS Start Here
  -------------------------------------*/
.px_product_gallery_img{position: relative; transition: 0.5s;}

.px_product_gallery_img::before{
position: absolute;
top: 0;
left: 0;
content: '';
background:#fff;
height: 100%;
width:100%;
opacity: 0;
z-index: 1;
transform: scale(0);
transition: 0.5s;
}

.px_product_gallery_img:hover::before{
opacity: 0.3;
transform: scale(1);
transition: 0.5s;
}

.px_product_gallery_img .et_pb_image_wrap{overflow: hidden; transition: 0.5s;}

.px_product_gallery_img .et_pb_image_wrap img{transition: 0.5s;}

.px_product_gallery_img .et_pb_image_wrap:hover img{transform: scale(1.1); transition: 0.5s;}

.px_product_gallery_img .et_pb_image_wrap::before{
position: absolute;
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
content: '';
opacity: 1;
z-index: 1;
transition: opacity 0.5s, transform 0.5s;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: scale(0, 1);
}

.px_product_gallery_img .et_pb_image_wrap::after{
position: absolute;
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
content: '';
opacity: 1;
z-index: 1;
transition: opacity 0.5s, transform 0.5s;
border-right: 2px solid #fff;
border-left: 2px solid #fff;
transform: scale(1, 0);
}

.px_product_gallery_img:hover .et_pb_image_wrap::before,
.px_product_gallery_img:hover .et_pb_image_wrap::after{
opacity: 0.75;
transform: scale(1);
}




/*-----------------------------------
       04. Sidebar CSS Start Here
  -------------------------------------*/
/* Blog Sidebar CSS Start */
.px_sidebar,
.et-db #et-boc .et-l .px_sidebar {}

.px_sidebar_title {
    position: relative;
}

.px_sidebar_title::before {
    content: "";
    display: block;
    position: absolute;
    height: 4px;
    border-bottom: 3px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    top: 20px;
    margin-top: -3.5px;
    width: 100%;
    z-index: 0;
}

.px_sidebar_title h4 {
    position: relative;
    width: fit-content;
    margin: 0px auto 10px 0px;
    background: #fff;
    padding: 10px 20px 10px 0px;
    color: var(--px-color-2);
    font-weight: 700;
}

.px_sidebar .et_pb_widget,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget {
    position: relative;
	margin-bottom: 25px;
}

.px_sidebar .et_pb_widget::before,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget::before {
    content: "";
    display: block;
    position: absolute;
    height: 4px;
    border-bottom: 3px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    top: 20px;
    margin-top: -3.5px;
    width: 100%;
    z-index: 0;
}

.px_sidebar .widgettitle,
.et-db #et-boc .et-l .px_sidebar .widgettitle {
    position: relative;
    width: fit-content;
    margin: 0px auto 10px 0px;
    background: #fff;
    padding: 10px 20px 10px 0px;
    color: var(--px-color-2);
    font-weight: 700;
}

.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 {
    height: 50px !important;
    transition: 0.5s;
}

.px_sidebar .et_pb_widget.widget_search .searchform:hover input#s,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_search .searchform:hover input#s,
.px_sidebar .et_pb_widget.widget_search .searchform input#s:hover,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_search .searchform input#s:hover,
.px_sidebar .et_pb_widget.widget_search .searchform input#s:focus,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_search .searchform input#s:focus {
    border-color: var(--px-color-2);
    transition: 0.5s;
}

.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 {
    margin: 5px;
    padding: 10px 15px;
    background: var(--px-color-1);
    color: #fff;
    transition: 0.5s;
}

.px_sidebar .et_pb_widget.widget_search .searchform:hover input#searchsubmit,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_search .searchform:hover input#searchsubmit,
.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: var(--px-color-2);
    transition: 0.5s;
}

.px_sidebar .widget_categories ul .cat-item,
.et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 15px;
    position: relative;
    transition: 0.5s;
}

.px_sidebar .widget_categories ul .cat-item::after,
.et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item::after {
    content: "\39";
    font-family: ETmodules;
    color: var(--px-color-2);
    position: absolute;
    right: 20px;
    transition: 0.5s;
}

.px_sidebar .widget_categories ul .cat-item a,
.et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item a {
    font-size: 15px;
    font-weight: 600;
    margin-left: 10px;
    transition: 0.5s;
}

.px_sidebar .widget_categories ul .cat-item:hover::after,
.et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item:hover::after {
    color: var(--px-color-1);
    right: 10px;
    transition: 0.5s;
}

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

.px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link,
.et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link {
    color: #fff;
    background: var(--px-color-1);
    border: none !important;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 8px 18px;
    font-size: 14px !important;
    margin: 5px;
    transition: all 1s ease 0s !important;
}

.px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link:hover,
.et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link:hover {
    color: #fff;
    background: var(--px-color-1) !important;
    transition: all 1s ease 0s !important;
}

.px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link::after,
.et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link::after {
    content: "";
    background: var(--px-color-2);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: -50%;
    z-index: -1;
    opacity: 1 !important;
    margin: 0 !important;
    transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important;
}

.px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link:hover::after,
.et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link:hover::after {
    width: 100px;
    height: 100px;
    top: 50%;
    transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important;
}

.px_sidebar .widget_media_gallery .gallery .gallery-item,
.et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item {
    margin-bottom: 0;
}

.px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a,
.et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a {
    height: 100px;
    overflow: hidden;
    position: relative;
    transition: 0.5s;
}

.px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a::before,
.et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a::before {
    content: "";
    background: #000;
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transition: 0.5s;
}

.px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a:hover::before,
.et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a:hover::before {
    opacity: 0.5;
    transition: 0.5s;
}

.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 {
    height: 100%;
    object-fit: cover;
    border: 0;
}

.px_recent_post_sidebar {}

.px_recent_post_sidebar .et_pb_post {
    display: flex;
    padding-bottom: 0;
    margin-bottom: 20px;
    align-items: center;
    transition: 0.5s;
}

.px_recent_post_sidebar .et_pb_post .entry-featured-image-url {
    width: 30%;
    height: 100px;
    margin: 0;
    overflow: hidden;
    transition: 0.5s;
}

.px_recent_post_sidebar .et_pb_post .entry-featured-image-url::before {
    content: "";
    background: #000;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: 0.5s;
}

.px_recent_post_sidebar .et_pb_post .entry-featured-image-url img {
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}

.px_recent_post_sidebar .et_pb_post:hover .entry-featured-image-url::before {
    opacity: 0.5;
    transition: 0.5s;
}

.px_recent_post_sidebar .et_pb_post:hover .entry-featured-image-url img {
    transform: scale(1.1);
    transition: 0.5s;
}

.px_recent_post_sidebar .et_pb_post .px_recent_post_sidebar_info {
    width: 70%;
    padding: 10px;
}

.px_recent_post_sidebar .et_pb_post .px_recent_post_sidebar_info .entry-title {
    color: var(--px-color-2);
    padding-bottom: 3px;
    transition: 0.5s;
}

.px_recent_post_sidebar .et_pb_post .px_recent_post_sidebar_info .entry-title:hover {
    color: var(--px-color-1);
    transition: 0.5s;
}

.px_recent_post_sidebar .et_pb_post .post-meta .published::before {
    content: "\e023";
    font-family: ETmodules;
    margin-right: 8px;
    color: var(--px-color-2);
    transition: 0.5s;
}

.px_recent_post_sidebar .et_pb_post .post-meta .published {
    display: block;
    color: var(--px-color-2);
    margin: 5px 0;
    transition: 0.5s;
}

.px_recent_post_sidebar .et_pb_post .post-meta .published:hover::before,
.px_recent_post_sidebar .et_pb_post .post-meta .published:hover {
    color: var(--px-color-1);
    transition: 0.5s;
}

/* Blog Sidebar CSS End */
/* Shop Sidebar CSS Start */

.px_shop_sidebar,
.et-db #et-boc .et-l .px_shop_sidebar {}

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

.px_shop_sidebar .et_pb_widget::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget::before {
    content: "";
    display: block;
    position: absolute;
    height: 4px;
    border-bottom: 3px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    top: 20px;
    margin-top: -3.5px;
    width: 100%;
    z-index: 0;
}

.px_shop_sidebar .et_pb_widget .widgettitle,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .widgettitle {
    position: relative;
    width: fit-content;
    margin: 0 auto 20px auto;
    background: #fff;
    padding: 10px 20px;
    color: var(--px-color-2);
    font-weight: 700;
}

/* Cart CSS */
.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 {
    top: 10px;
}

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

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

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

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

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total .woocommerce-Price-amount,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total .woocommerce-Price-amount {
    font-size: 16px;
    color: var(--px-color-1);
    font-weight: 800;
    margin-left: 6px;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button {
    font-size: 14px;
    padding: 12px 25px;
    color: #fff;
    background: var(--px-color-1);
    border: none !important;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 1s ease 0s !important;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover {
    color: #fff;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button::after,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button::after {
    content: "";
    background: var(--px-color-2);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: -50%;
    z-index: -1;
    opacity: 1 !important;
    margin: 0 !important;
    transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover::after,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover::after {
    width: 200px;
    height: 200px;
    top: 50%;
    transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important;
}

/* Search Product */
.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 {
    height: 50px;
    border: 1px solid #ddd;
    padding: 8px;
    transition: 0.5s;
}

.px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .search-field:focus,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .search-field:focus {
    border: 1px solid var(--px-color-2);
    transition: 0.5s;
}

.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 {
    color: #fff;
    background: var(--px-color-1);
    border: none !important;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    font-size: 14px !important;
    transition: all 1s ease 0s !important;
    height: 50px;
}

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

.px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button:after,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button:after {
    content: "";
    background: var(--px-color-2);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: -50%;
    z-index: -1;
    opacity: 1 !important;
    margin: 0 !important;
    transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important;
}

.px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button:hover:after,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button:hover:after {
    width: 100px;
    height: 100px;
    top: 50%;
    transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important;
}

/* SFilter by price */

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider {
    background-color: #e3e3e3;
}

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

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

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button {
    font-size: 14px;
    padding: 12px 25px;
    color: #fff;
    background: var(--px-color-1);
    border: none !important;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 1s ease 0s !important;
}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover {
    color: #fff;
    background: var(--px-color-1) !important;
    transition: all 1s ease 0s !important;
}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button::after,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button::after {
    content: "";
    background: var(--px-color-2);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: -50%;
    z-index: -1;
    opacity: 1 !important;
    margin: 0 !important;
    transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important;
}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover::after,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover::after {
    width: 500px;
    height: 500px;
    top: 50%;
    transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important;
}

.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 {
    font-size: 15px;
    font-weight: 600;
    color: var(--px-color-2);
}

/* 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 {
    padding-bottom: 10px;
    margin-bottom: 15px;
    position: relative;
    transition: 0.5s;
}

.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 {
    font-size: 15px;
    font-weight: 600;
    margin-left: 10px;
    transition: 0.5s;
}

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a::before {
    content: "\39";
    font-family: ETmodules;
    color: var(--px-color-2);
    position: absolute;
    right: 20px;
    transition: 0.5s;
}

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a:hover::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a:hover::before {
    color: var(--px-color-1);
    right: 10px;
    transition: 0.5s;
}

.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 {
    color: var(--px-color-1);
    transition: 0.5s;
}


/* Products */
.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li a img,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li a img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

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

.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .star-rating,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .star-rating {
    margin: 5px 0px;
}

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

.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li del,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li del {
    opacity: 0.5;
}

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

/* 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 {
    color: #fff;
    background: var(--px-color-1);
    border: none !important;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 8px 18px;
    font-size: 14px !important;
    margin: 5px;
    transition: all 1s ease 0s !important;
}

.px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link::after,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link::after {
    content: "";
    background: var(--px-color-2);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: -50%;
    z-index: -1;
    opacity: 1 !important;
    margin: 0 !important;
    transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important;
}

.px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover {
    color: #fff;
    background: var(--px-color-1) !important;
    transition: all 1s ease 0s !important;
}

.px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover::after,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover::after {
    width: 200px;
    height: 200px;
    top: 50%;
    transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important;
}

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

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

/* Recently Viewed Products */
.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 {
    font-size: 16px;
    color: var(--px-color-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 {
    width: 60px;
    height: 60px;
    object-fit: cover;
}

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

/* 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 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 15px;
    position: relative;
    transition: 0.5s;
}

.px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li span,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li span,
.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 {
    font-size: 15px;
    font-weight: 600;
    margin-left: 10px;
    transition: 0.5s;
}

.px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a::after,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a::after {
    content: "\39";
    font-family: ETmodules;
    color: var(--px-color-2);
    position: absolute;
    right: 20px;
    transition: 0.5s;
}

.px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li:hover a::after,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li:hover a::after {
    color: var(--px-color-1);
    right: 10px;
    transition: 0.5s;
}

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

/* Shop Sidebar CSS End */
/* -----------------------------------
       04. Sidebar CSS End Here
  -------------------------------------*/


/* -----------------------------------
     00. Shop Banner CSS
-------------------------------------*/

/*---Button CSS---*/

.px_shop_banner .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {
    color: #fff;
    background: var(--px-color-1);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    border: none !important;
    border-radius: 0px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 10px 25px !important;
    transition: all 1s ease 0s !important;
}

.px_shop_banner .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:after {
    content: "";
    background: var(--px-color-2);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: -50%;
    z-index: -1;
    opacity: 1 !important;
    margin: 0 !important;
    transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important;
}

.px_shop_banner .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover {
    color: #fff;
    background: var(--px-color-1) !important;
    transition: all 1s ease 0s !important;
}

.px_shop_banner .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover:after {
    width: 500px;
    height: 500px;
    top: 50%;
    transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important;
}




/* -----------------------------------
     05. Blog CSS
-------------------------------------*/
/*---Blog Grid CSS & 3 Columns CSS ---*/
.px_blog_v1 .et_pb_post {
    padding: 0;
    border: 1px solid #e6e6e6;
    position: relative;
    transition: 0.5s;
}

.px_blog_v1 .et_pb_post:hover {
    box-shadow: 0px 15px 20px -5px rgba(0, 0, 0, 0.15);
    transition: 0.5s;
}

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

.px_blog_v1 .et_pb_post .entry-featured-image-url {
    margin: 0;
    position: relative;
    padding-top: 100%;
    overflow: hidden;
    transition: 0.5s;
}

.px_blog_v1 .et_pb_post .entry-featured-image-url::before,
.px_blog_v1 .et_pb_post .entry-featured-image-url::after {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    content: '';
    opacity: 0;
	z-index: 1;
    transition: opacity 0.5s, transform 0.5s;
}

.px_blog_v1 .et_pb_post .entry-featured-image-url::before {
	border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: scale(0,1);
}

.px_blog_v1 .et_pb_post .entry-featured-image-url::after {
	border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: scale(1,0);
}

.px_blog_v1 .et_pb_post:hover .entry-featured-image-url::before,
.px_blog_v1 .et_pb_post:hover .entry-featured-image-url::after {
	opacity: 0.75;
    transform: scale(1);
}


.px_blog_v1 .et_pb_post .entry-featured-image-url img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}

.px_blog_v1 .et_pb_post:hover .entry-featured-image-url img {
    transform: scale(1.1);
    transition: 0.5s;
}

/*---Info  CSS---*/
.px_blog_v1 .et_pb_post .px_blog_v1_info {
    padding: 20px 15px;
    background: rgba(255, 255, 255, 0.85);
    display: flex;
    flex-direction: column-reverse;
    transition: 0.5s;
}

/*---Title  CSS---*/
.px_blog_v1 .et_pb_post .entry-title {
    order: 1;
    color: var(--px-color-2);
    transition: 0.5s;
}

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

/*---Post Meta  CSS---*/
/* Date CSS */
.px_blog_v1 .et_pb_post .post-meta .published::before {
    content: "\e025";
    font-family: ETmodules;
    margin-right: 8px;
    color: var(--px-color-1);
    transition: 0.5s;
}

.px_blog_v1 .et_pb_post .post-meta .published {
   	display: block;
	color: var(--px-color-1);
	font-weight: 700;
	margin: 3px 0;
	transition: 0.5s;
	position: absolute;
	top: 12px;
	background: #fff;
	padding: 5px 10px;
}

.px_blog_v1 .et_pb_post .post-meta .published:hover::before,
.px_blog_v1 .et_pb_post .post-meta .published:hover {
    color: var(--px-color-2);
    transition: 0.5s;
}

/* Author CSS */
.px_blog_v1 .et_pb_post .post-meta .author a::before {
    content: "\e08a";
    font-family: ETmodules;
    margin-right: 8px;
    color: #666;
    transition: 0.5s;
}

.px_blog_v1 .et_pb_post .post-meta .author a {
    font-weight: 600;
    transition: 0.5s;
}

.px_blog_v1 .et_pb_post .post-meta .author a:hover::before {
    color: var(--px-color-2);
    transition: 0.5s;
}

.px_blog_v1 .et_pb_post .post-meta .author a:hover {
    color: var(--px-color-2);
    transition: 0.5s;
}

/* Category CSS */
.px_blog_v1 .et_pb_post .post-meta a::before {
    content: "\6e";
    font-family: ETmodules;
    color: var(--px-color-2);
    margin-right: 8px;
    transition: 0.5s;
}

.px_blog_v1 .et_pb_post .post-meta a {
    font-weight: 600;
    margin-right: 8px;
    color: var(--px-color-2);
    transition: 0.5s;
}

.px_blog_v1 .et_pb_post .post-meta a:hover::before {
    color: var(--px-color-1);
    transition: 0.5s;
}

.px_blog_v1 .et_pb_post .post-meta a:hover {
    color: var(--px-color-1);
    transition: 0.5s;
}

/*---Blog Desc CSS---*/
.px_blog_v1 .et_pb_post .post-meta {
    order: 2;
	margin-bottom: 15px;
}

/*---Read More Button CSS---*/
.px_blog_v1 .et_pb_post .post-content .more-link {
    color: #fff;
    background: var(--px-color-1);
    font-size: 12px;
    text-transform: capitalize;
    border: none !important;
    border-radius: 0;
    overflow: hidden;
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-bottom: 0px;
	margin-top: 15px;
    padding: 6px 15px !important;
    transition: all 1s ease 0s !important;
}

.px_blog_v1 .et_pb_post .post-content .more-link::after {
    content: "";
    background: var(--px-color-2);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: -50%;
    z-index: -1;
    opacity: 1 !important;
    margin: 0 !important;
    transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important;
}

.px_blog_v1 .et_pb_post .post-content .more-link:hover {
    color: #fff;
    background: var(--px-color-1) !important;
    transition: all 1s ease 0s !important;
}

.px_blog_v1 .et_pb_post .post-content .more-link:hover::after {
    width: 200px;
    height: 200px;
    top: 50%;
    transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important;
}


/*---Pagination Button CSS---*/
.px_blog_v1 .pagination .alignleft {}

.px_blog_list .pagination .alignright,
.px_blog_v1 .pagination .alignright {
    float: left;
    margin-left: 10px;
}

.px_blog_list .pagination .alignleft a,
.px_blog_list .pagination .alignright a,
.px_blog_v1 .pagination .alignleft a,
.px_blog_v1 .pagination .alignright a {
    color: #fff;
    background: var(--px-color-2);
    font-size: 12px;
    border: none !important;
    border-radius: 0;
    overflow: hidden;
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
    padding: 12px 20px !important;
    transition: all 1s ease 0s !important;
}

.px_blog_list .pagination .alignleft a::after,
.px_blog_list .pagination .alignright a::after,
.px_blog_v1 .pagination .alignleft a::after,
.px_blog_v1 .pagination .alignright a::after {
    content: "";
    background: var(--px-color-1);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: -50%;
    z-index: -1;
    opacity: 1 !important;
    margin: 0 !important;
    transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important;
}

.px_blog_list .pagination .alignleft a:hover,
.px_blog_list .pagination .alignright a:hover,
.px_blog_v1 .pagination .alignleft a:hover,
.px_blog_v1 .pagination .alignright a:hover {
    color: #fff;
    background: var(--px-color-2) !important;
    transition: all 1s ease 0s !important;
}

.px_blog_list .pagination .alignleft a:hover::after,
.px_blog_list .pagination .alignright a:hover::after,
.px_blog_v1 .pagination .alignleft a:hover::after,
.px_blog_v1 .pagination .alignright a:hover::after {
    width: 200px;
    height: 200px;
    top: 50%;
    transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important;
}

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

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

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

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

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

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

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

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

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

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

/*---Blog Grid 4 Columns CSS End ---*/
/* Blog Listing CSS Start */
.px_blog_list .et_pb_post {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    border: 1px solid #eee;
    overflow: hidden;
    transition: 0.5s;
}

.px_blog_list .et_pb_post:hover {
    border: 1px solid transparent;
    box-shadow: 0px 15px 20px -5px rgba(0, 0, 0, 0.15);
    transition: 0.5s;
}

.px_blog_list .et_pb_post .entry-featured-image-url {
    width: 50%;
    height: 300px;
    margin: 0;
    overflow: hidden;
}

.px_blog_list .et_pb_post .entry-featured-image-url img {
    height: 300px;
    margin: 0;
    object-fit: cover;
}

.px_blog_list .et_pb_post .px_blog_list_info {
    width: 50%;
    position: relative;
    padding: 0px 30px;
	display: flex;
flex-direction: column-reverse;
}

/* Title CSS */
.px_blog_list .et_pb_post .px_blog_list_info .entry-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--px-color-2);
	order: 2;
    transition: 0.5s;
}

.px_blog_list .et_pb_post .px_blog_list_info .entry-title:hover {
    color: var(--px-color-1);
    transition: 0.5s;
}

/* Date CSS */
.px_blog_list .et_pb_post .post-meta{
    order: 2;
	margin-bottom:12px;
} 

.px_blog_list .et_pb_post .post-meta .published::before {
    content: "\e025";
    font-family: ETmodules;
    margin: 0px 8px 0px 6px;
    color: var(--px-color-1);
    transition: 0.5s;
}

.px_blog_list .et_pb_post .post-meta .published {
    display: block;
    color: var(--px-color-1);
    font-weight: 700;
    margin: 5px 0;
    transition: 0.5s;
}

.px_blog_list .et_pb_post .post-meta .published:hover::before,
.px_blog_list .et_pb_post .post-meta .published:hover {
    color: var(--px-color-2);
    transition: 0.5s;
}

/* Author CSS */
.px_blog_list .et_pb_post .post-meta .author a::before {
    content: "\e08a";
    font-family: ETmodules;
    margin-right: 8px;
    color: #666;
    transition: 0.5s;
}

.px_blog_list .et_pb_post .post-meta .author a {
    font-weight: 600;
    transition: 0.5s;
}

.px_blog_list .et_pb_post .post-meta .author a:hover::before {
    color: var(--px-color-2);
    transition: 0.5s;
}

.px_blog_list .et_pb_post .post-meta .author a:hover {
    color: var(--px-color-2);
    transition: 0.5s;
}

/* Category CSS */
.px_blog_list .et_pb_post .post-meta a::before {
    content: "\6e";
    font-family: ETmodules;
    color: var(--px-color-2);
    margin-right: 8px;
    transition: 0.5s;
}

.px_blog_list .et_pb_post .post-meta a {
    font-weight: 600;
    margin: 0px 6px;
    color: var(--px-color-2);
    transition: 0.5s;
}

.px_blog_list .et_pb_post .post-meta a:hover::before {
    color: var(--px-color-1);
    transition: 0.5s;
}

.px_blog_list .et_pb_post .post-meta a:hover {
    color: var(--px-color-1);
    transition: 0.5s;
}


/*---Read More Button CSS---*/
.px_blog_list .et_pb_post .post-content .more-link {
    color: #fff;
    background: var(--px-color-1);
    font-size: 12px;
    text-transform: capitalize;
    border: none !important;
    border-radius: 0;
    overflow: hidden;
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-top: 15px;
    padding: 6px 15px !important;
    transition: all 1s ease 0s !important;
}

.px_blog_list .et_pb_post .post-content .more-link::after {
    content: "";
    background: var(--px-color-2);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: -50%;
    z-index: -1;
    opacity: 1 !important;
    margin: 0 !important;
    transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important;
}

.px_blog_list .et_pb_post .post-content .more-link:hover {
    color: #fff;
    background: var(--px-color-1) !important;
    transition: all 1s ease 0s !important;
}

.px_blog_list .et_pb_post .post-content .more-link:hover::after {
    width: 200px;
    height: 200px;
    top: 50%;
    transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important;
}



@media only screen and (max-width: 576px) {
    .px_blog_list .et_pb_post {
        display: block;
    }

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

    .px_blog_list .et_pb_post .px_blog_list_info {
        width: 100%;
        padding: 30px 20px;
    }
}




/* Blog Listing CSS End */

/* Blog Category CSS */
.px_blog_category {}

/* Blog Tags CSS */
.px_blog_tages {}

/* Blog Author CSS */
.px_blog_author {}

/* Blog Single Page CSS Start */
.px_blog_single .et_pb_column_single {}

.px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap {
    overflow: hidden;
    transition: 0.5s;
}

.px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap img {
    object-fit: cover;
    transition: 0.5s;
}

.px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap:hover img {
    transform: scale(1.1);
    transition: 0.5s;
}

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

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a,
.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 .published,
.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 a::before,
.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 .published::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 a::before{
    content: "\6e";	
}

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

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .published::before {
    content: "\e023";
}

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

/* Comment CSS */
.px_blog_single .px_blog_single_comments .page_title {
    color: var(--px-color-2);
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
}

.px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_postinfo a {
    color: var(--px-color-2);
    transition: 0.5s;
}

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

.px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_area .comment-content {
    font-size: 15px;
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .logged-in-as,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-notes {
    font-size: 15px;
    margin-bottom: 15px;
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .logged-in-as a {
    font-size: 16px;
    color: var(--px-color-1);
    font-weight: 700;
    transition: 0.5s;
}

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

.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 {
    height: 50px !important;
}

.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;
    background: #fff !important;
    border: 1px solid #d9d9d9;
    border-radius: 0px;
    font-size: 16px !important;
    color: #666 !important;
    position: relative;
    transition: all 0.3s ease 0s;
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-author input:focus,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-email input:focus,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-url input:focus,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-comment textarea#comment:focus {
    border: 1px solid var(--px-color-2) !important;
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-cookies-consent {
    color: var(--px-color-2);
    margin-top: 20px;
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-cookies-consent input[type="checkbox"] {
    accent-color: var(--px-color-1);
}

.px_blog_single .px_blog_single_comments .et_pb_button {
    color: #fff;
    background: var(--px-color-1);
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 1px;
    border: none !important;
    border-radius: 0;
    overflow: hidden;
    z-index: 1;
    transition: all 1s ease 0s !important;
}

.px_blog_single .px_blog_single_comments .form-submit .et_pb_button {
	position: relative;
	float: left;
	padding: 15px 30px !important;
}

.px_blog_single .px_blog_single_comments .reply-container .et_pb_button {
    font-size: 14px;
	padding: 5px 10px !important;
}

.px_blog_single .px_blog_single_comments .et_pb_button:after {
    content: "";
    background: var(--px-color-2);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: -50%;
    z-index: -1;
    opacity: 1 !important;
    margin: 0 !important;
    transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important;
}

.px_blog_single .px_blog_single_comments .et_pb_button:hover {
    color: #fff;
    background: var(--px-color-1) !important;
    transition: all 1s ease 0s !important;
}

.px_blog_single .px_blog_single_comments .et_pb_button:hover:after {
    width: 500px;
    height: 500px;
    top: 50%;
    transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important;
}

.px_blog_single .px_blog_single_comments .reply-container .et_pb_button:hover:after {
	width: 150px;
    height: 150px;
}

/* Image CSS */
.px_blog_single .px_single_img .et_pb_image_wrap {
    box-shadow: 0px 15px 20px -5px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    position: relative;
    transition: 0.5s;
}

.px_blog_single .px_single_img .et_pb_image_wrap img {
    object-fit: cover;
    transition: 0.5s;
}

.px_blog_single .px_single_img:hover .et_pb_image_wrap img {
    transform: scale(1.1);
    transition: 0.5s;
}

.px_blog_single .px_single_img .et_pb_image_wrap::before {
    content: "";
    background: #000;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    outline: 1px solid transparent;
    outline-offset: -15px;
    transition: 0.5s;
}

.px_blog_single .px_single_img:hover .et_pb_image_wrap::before {
    opacity: 0.5;
    outline: 1px solid #fff;
    transition: 0.5s;
}

.px_blog_single .px_single_img .et_pb_image_wrap::after {
    content: "\55";
    font-family: ETmodules;
    font-size: 25px;
    color: #fff;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: fit-content;
    height: fit-content;
    margin: auto;
    z-index: 2;
    transition: 0.5s;
}

.px_blog_single .px_single_img:hover .et_pb_image_wrap::after {
    opacity: 1;
    transition: 0.5s;
}

/* -----------------------------------
    06. Contact Us CSS
-------------------------------------*/
/*---Contact Us v1  CSS---*/
.px_contact_v1 {}

/*---Contact Message CSS---*/
.px_contact_v1 .et-pb-contact-message {}

/*---Input CSS---*/
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field {
    position: relative;
    padding: 5px;
}

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field input,
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea {
    height: 50px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    box-shadow: inset 5px 5px 15px -5px rgba(0, 0, 0, 0.4);
    padding: 28px;
    font-size: 16px;
    color: #666;
    position: relative;
    transition: all 0.3s ease 0s;
}

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea {
    height: 200px;
}

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field input:focus,
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea:focus {
    border: 1px solid var(--px-color-2);
    transition: all 0.3s ease 0s;
}

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field::before {
    content: "";
    width: 5px;
    height: 45px;
    background: #fff;
    background-image: none;
    background-image: repeating-linear-gradient(transparent, transparent 2px, #c9cbcc 2px, #c9cbcc 4px);
    border-radius: 5px;
    border: 2px solid #aaaeb1;
    position: absolute;
    bottom: -32px;
    left: 20px;
    z-index: 1;
}


.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field::after {
    content: "";
    width: 5px;
    height: 45px;
    background: #fff;
    background-image: none;
    background-image: repeating-linear-gradient(transparent, transparent 2px, #c9cbcc 2px, #c9cbcc 4px);
    border-radius: 5px;
    border: 2px solid #aaaeb1;
    position: absolute;
    bottom: -32px;
    left: auto;
    right: 20px;
    z-index: 1;
}

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field:last-child::before {
    display: none !important;
}

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field:last-child::after {
    display: none !important;
}

/*---Button CSS---*/
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container {
    width: 100%;
}

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit {
    color: #fff;
    background: var(--px-color-2);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 1px;
    border: none !important;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 15px 30px !important;
    width: 100%;
    margin: 10px;
    transition: all 1s ease 0s !important;
}

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit::after {
    content: "";
    background: var(--px-color-1);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: -50%;
    z-index: -1;
    opacity: 1 !important;
    margin: 0 !important;
    transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important;
}

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover::after {
    width: 600px;
    height: 600px;
    top: 50%;
    transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important;
}

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover {
    color: #fff;
    background: var(--px-color-2) !important;
    transition: all 1s ease 0s !important;
}


/* Blurb CSS */
.px_contact_v1_blurb {
    transition: 0.5s;
}

.px_contact_v1_blurb .et_pb_main_blurb_image .et_pb_image_wrap {
    padding: 25px 25px 22px 25px;
    background-color: #f2f2f2;
    border-style: solid;
    border-width: 10px 10px 10px 10px;
    border-color: #fff;
    border-radius: 100% 100% 100% 100%;
    box-shadow: -10px 0px 5px 0px rgba(0, 0, 0, 0.015);
    position: relative;
    z-index: 1;
    transition: 0.5s;
}

.px_contact_v1_blurb:hover .et_pb_main_blurb_image .et_pb_image_wrap {
    background-color: var(--px-color-1);
    transition: 0.5s;
}

.px_contact_v1_blurb .et_pb_blurb_container {
    padding: 10px 10px 10px 60px;
    background-color: transparent;
    background-image: linear-gradient(90deg, #e6e6e6 0%, #F2295B00 100%);
    left: -45px;
    position: relative;
    transition: 0.8s;
}

.px_contact_v1_blurb:hover .et_pb_blurb_container {
    background-image: linear-gradient(90deg, var(--px-color-1) 0%, #F2295B00 100%);
    transition: 0.8s;
}

.px_contact_v1_blurb .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    color: var(--px-color-2);
    transition: 0.5s;
}

.px_contact_v1_blurb:hover .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    color: #fff;
    transition: 0.5s;
}

.px_contact_v1_blurb .et_pb_blurb_container .et_pb_module_header {
    color: var(--px-color-2);
    transition: 0.5s;
}

.px_contact_v1_blurb:hover .et_pb_blurb_container .et_pb_module_header {
    color: #fff;
    transition: 0.5s;
}
.px_contact_v1_blurb:hover .et_pb_blurb_container .et_pb_blurb_description {
    color: #ffffffc4;
    transition: 0.5s;
}

/* -----------------------------------
    07. Team Section CSS
-------------------------------------*/
/*---Team v1  CSS---*/
.px_team_v1 {border:1px solid #e6e6e6;padding:5px;}
/* Image Css */
.px_team_v1 .et_pb_team_member_image::before,
.px_team_v1 .et_pb_team_member_image::after {
	position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    content: '';
    opacity: 0;
	z-index: 1;
    transition: opacity 0.5s, transform 0.5s;
}

.px_team_v1 .et_pb_team_member_image::before {
	border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: scale(0,1);
}

.px_team_v1 .et_pb_team_member_image::after {
	border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: scale(1,0);
}

.px_team_v1:hover .et_pb_team_member_image::after,
.px_team_v1:hover .et_pb_team_member_image::before {
	opacity: 0.75;
    transform: scale(1);
}

.px_team_v1 .et_pb_team_member_image{
margin: 0px !important;
max-width: 100%;
}


/* Description Css*/
.px_team_v1 .et_pb_team_member_description {
    position: relative;
    padding: 20px 15px;
}

.px_team_v1 .et_pb_team_member_description .et_pb_module_header {
 
}

.px_team_v1 .et_pb_team_member_description .et_pb_module_header:hover {
 
}

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

/* Social Links Css*/
.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links {
    margin: 0;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: -40px;
	opacity: 0;
	z-index: 9;
	visibility: hidden;
	transform: translateY(15px);
	transition: all 0.4s;
}

.px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}

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

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a {
	position: relative;
	height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
	overflow: hidden;
    background-color: var(--px-color-2);
    color: #fff;
	z-index: 1;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:after {
	content: "";
    background: var(--px-color-1);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: -50%;
    z-index: -1;
    opacity: 1 !important;
    margin: 0 !important;
    transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover:after {
	width: 80px;
    height: 80px;
    top: 50%;
    transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important;
}

/* -----------------------------------
    08 Slider Section CSS
-------------------------------------*/
/*---Slider v1  CSS---*/
.px_slider_v1 {}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description {
	text-shadow: none;
	text-transform:capitalize;
}
.px_slider_v1 .et_pb_slide_content h3{
	font-size: 70px;
	line-height: 75px;
	font-weight: 700;
	text-transform: capitalize;
	color: var(--px-color-2) !important; 
}
/*---Image CSS---*/
/*---Title CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title {
	position: relative;
    padding: 0px 25px;
	color: var(--px-color-1) !important;
    font-size: 18px !important;
	font-weight: 500;
	display: inline-block;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title:before,
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title:after {
	content: "\e0a6";
    font-family: ETmodules;
    position: absolute;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title:before {
    left: 0px;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title:after {
    right: 0px;
}

/*---Description CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content span {
    margin-top:10px;
	color: #565656 !important;
	font-size:20px !important;
	line-height: 25px;
	display: block;
	
}

/*---Button CSS---*/

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {
    color: #fff;
    background: var(--px-color-1);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    border: none !important;
    border-radius: 0px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 10px 25px !important;
    transition: all 1s ease 0s !important;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:after {
    content: "";
    background: var(--px-color-2);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: -50%;
    z-index: -1;
    opacity: 1 !important;
    margin: 0 !important;
    transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover {
    color: #fff;
    background: var(--px-color-1) !important;
    transition: all 1s ease 0s !important;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover:after {
    width: 500px;
    height: 500px;
    top: 50%;
    transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !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 {
    border: 2px solid var(--px-color-2);
    border-radius: 0%;
    font-size: 35px;
    padding: 6px;
    overflow: hidden;
	color: var(--px-color-2);
    transition: 0.5s;
}

.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev::after,
.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next::after {
    bottom: 0;
    content: "";
    width: 0;
    left: 0;
    position: absolute;
    height: 100%;
	width: 100%;
	transform: scale(0);
    z-index: -1;
    background: var(--px-color-1);
    transition: 0.5s;
}

.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev:hover::after,
.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next:hover::after {
	transform: scale(1);
    transition: 0.5s;
}

.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev:hover,
.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next:hover {
	color: #fff;
	border-color: var(--px-color-1);
}

/*---Dots Navigation CSS---*/
.px_slider_v1 .et-pb-controllers a {
    border-radius: 0;
    outline: 2px solid var(--px-color-2);
    outline-offset: 3px;
    height: 10px;
    width: 10px;
    margin: 0px 8px;
}

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



@media only screen and (min-width:577px) and (max-width:980px) {
	.px_slider_v1 .et_pb_slide_content h3 {
	  font-size:40px;
	  line-height: 45px;
	  padding-bottom: 0px !important;
	}
	
    .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev,
    .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next {
        font-size: 26px;
    }

    .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content span {
        padding: 10px 30px;
        font-size: 16px !important;
    }

    .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper {
        margin-top: 20px;
    }
}

@media only screen and (max-width:576px) {
	.px_slider_v1 .et_pb_slide_content h3 {
		  font-size: 30px;
		  line-height: 40px;
		  padding-bottom: 0px !important;
		}
	.px_slider_v1 .et_pb_slide_content p { display:none;}
    .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev,
    .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next {
        font-size: 22px;
        padding: 1px 3px;
    }

    .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content span {
        padding: 8px 20px;
        font-size: 14px !important;
        border-radius: 20px;
    }

    .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper {
        margin-top: 10px;
    }
}




/* -----------------------------------
  	09 Faqs CSS
-------------------------------------*/
/*---Faqs v1  CSS---*/
.px_faqs_v1 {}

.px_faqs_v1 .et_pb_toggle {
    padding: 0px;
    background: transparent;
    border: 0;
    position: relative;
    overflow: hidden;
}

.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open {
    border-radius:0px;
    position: relative;
}

.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open::before {
    content: "";
    background-color: var(--px-color-1);
    opacity: 0.1;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

/*---Title CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {
    padding: 25px 40px 25px 80px;
    background-color: #fff;
    border-radius:0px;
    color: var(--px-color-2);
	border: 1px solid #e6e6e6;
}

/*---Title Icon CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before {
    content: "\4c";
    left: 40px;
    right: auto;
    color: #fff;
    font-size: 22px;
    background: var(--px-color-1);
    padding: 5px;
    top: 35px;
}

/*---Open Title CSS---*/
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {
    border-radius: 0;
    background-color: var(--px-color-1);
    color: #fff;
}

/*---Open Title Icon CSS---*/
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {
    content: "\4b";
    font-family: ETmodules !important;
    display: block;
}

/*---Content CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_content {
    padding: 20px 40px 30px 40px;
    color: #666;
}


@media only screen and (max-width:576px) {
    .px_faqs_v1 .et_pb_toggle .et_pb_toggle_content {
        padding: 20px 30px 30px 30px;
        color: #666;
    }

    .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {
        padding: 25px 30px 25px 60px;
    }

    .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before {
        left: 22px;
        font-size: 18px;
    }
}

/* -----------------------------------
  	10 Testimonial Section CSS
-------------------------------------*/
/*---Testimonial v1  CSS---*/
.px_testimonial_v1 {}

.px_testimonial_v1.et_pb_testimonial {
	border: 1px solid #e6e6e6;
	padding: 10px;
}

/*---Image CSS---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_portrait {}

.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_portrait::before {}

.px_testimonial_v1.et_pb_testimonial:hover .et_pb_testimonial_portrait {}

/*---Description---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content{font-size: 14px;line-height: 22px;}

/*---Author CSS---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {
	margin-top: 10px;
	color: var(--px-color-1);
	position: absolute;
	background: #fff;
	border: 1px solid #e6e6e6;
	padding: 5px;
	right: 0;
	font-size: 16px;
	bottom: -40px;
	text-transform: uppercase;
}

/*---Meta CSS---*/

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

/* -----------------------------------
    11. About CSS
-------------------------------------*/
/*---About Us v1 CSS---*/
.px_aboutus_v1 {}

.px_about_us_img{
position: relative;
transition: 0.5s;
}

.px_about_us_img::before{
position: absolute;
top: 0;
left: 0;
content: '';
background: #fff;
height: 100%;
width: 100%;
opacity: 0;
z-index: 1;
transform: scale(0);
transition: 0.5s;
}

.px_about_us_img:hover::before{
opacity: 0.3;
transform: scale(1);
transition: 0.5s;
}

.px_about_us_img .et_pb_image_wrap img {
width: 100% !important;
object-fit: cover;
transition: 0.5s;
}

.px_about_us_img .et_pb_image_wrap:hover img {
transform: scale(1.1);
transition: 0.5s;
}

.px_about_us_img .et_pb_image_wrap {
width: 100%;
overflow: hidden;
transition: 0.5s;
}

.px_about_us_img .et_pb_image_wrap::before {
position: absolute;
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
content: '';
opacity: 1;
z-index: 1;
transition: opacity 0.5s, transform 0.5s;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: scale(0, 1);
}

.px_about_us_img .et_pb_image_wrap::after {
position: absolute;
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
content: '';
opacity: 1;
transition: opacity 0.5s, transform 0.5s;
border-right: 2px solid #fff;
border-left: 2px solid #fff;
transform: scale(1, 0);
}

.px_about_us_img:hover .et_pb_image_wrap::after,
.px_about_us_img:hover .et_pb_image_wrap::before{
opacity: 0.75;
transform: scale(1);
}



/* -----------------------------------
  	12 Process Section CSS
-------------------------------------*/
/*---Process Us v1 CSS---*/
.px_process_v1 {}

.px_process_v1_blurb::before {
    color: #f7f7f7;
    font-size: 100px;
    font-weight: 400;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    transition: 0.5s;
}

.px_process_v1_blurb {
    box-shadow: 0px 4px 15px -10px rgba(0, 0, 0, 0.4);
    position: relative;
    transition: 0.5s;
}

.px_process_v1_blurb .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    color: var(--px-color-1);
    transition: 0.5s;
}

.px_process_v1_blurb:hover .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    transform: scale(1.1) rotateY(360deg);
    transition: 0.5s;
}

.px_process_v1_blurb:hover::before {
    font-size: 80px;
    transition: 0.5s;
}

.px_process_v1_blurb:hover {
    box-shadow: 0px 15px 20px -5px rgba(0, 0, 0, 0.15);
    transition: 0.5s;
}

.px_process_v2_blurb:hover {
    transform: translateY(20px) !important;
}

/* -----------------------------------
  	12 Partner Section CSS
-------------------------------------*/
/*---Partner Us v1 CSS---*/
/*---Partner Us v1 CSS---*/
.px_partner_v1 img {
    transition: all 0.3s ease-in-out 0s;
    opacity: 0.6;
}

.px_partner_v1 img:hover {
    opacity: 1;
}

/* -----------------------------------
  	13 Newsletter Section CSS
-------------------------------------*/
/*---Newsletter v1 CSS---*/
.px_newsletter_v1 {}

/*Form Css*/
/*Input Css*/
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field {
    flex-basis: 70%;
}

.px_newsletter_v1 .et_pb_newsletter_form input[type="text"]::placeholder,
#dct_email_v5 .et_pb_newsletter_form input[type=text],
.px_newsletter_v1 .et_pb_newsletter_form p.et_pb_newsletter_field input[type="text"] {
    border-radius: 0;
    padding: 18px !important;
    background: rgba(255, 255, 255, 0.07);
    color: #fff;
    border: 1px solid #e6e6e6;
    border-right: 0;
    transition: 0.5s;
}

.px_newsletter_v1 .et_pb_newsletter_form input[type="text"]::placeholder,
#dct_email_v5 .et_pb_newsletter_form input[type=text]:hover,
.px_newsletter_v1 .et_pb_newsletter_form p.et_pb_newsletter_field input[type="text"]:hover,
.px_newsletter_v1 .et_pb_newsletter_form input[type="text"]::placeholder,
#dct_email_v5 .et_pb_newsletter_form input[type=text]:focus,
.px_newsletter_v1 .et_pb_newsletter_form p.et_pb_newsletter_field input[type="text"]:focus {
    border-right: 0;
    transition: 0.5s;
}

/*Button Css*/
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap {
    flex-basis: 30%;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {
    color: #fff;
    background: var(--px-color-1);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 1px;
    border: none !important;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 15px 30px !important;
    transition: all 1s ease 0s !important;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after {
    content: "";
    background: var(--px-color-2);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: -50%;
    z-index: -1;
    opacity: 1 !important;
    margin: 0 !important;
    transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover {
    color: #fff;
    background: var(--px-color-1) !important;
    transition: all 1s ease 0s !important;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover::after {
    width: 500px;
    height: 500px;
    top: 50%;
    transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important;
}

/*---Newsletter v2 CSS---*/
/*Form Css*/
/*Input Css*/
.px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_field {
    padding-bottom: 0;
    margin-bottom: 15px;
}

.px_newsletter_v2 .et_pb_newsletter_form p.et_pb_newsletter_field input[type="text"]{
border: 1px solid #e6e6e6;
border-radius: 0px;
}

.px_newsletter_v2 .et_pb_newsletter_form p.et_pb_newsletter_field input[type="text"]:hover,
.px_newsletter_v2 .et_pb_newsletter_form p.et_pb_newsletter_field input[type="text"]:focus{
border: 1px solid var(--px-color-1);
}

.px_newsletter_v2 .et_pb_newsletter_form input[type="text"]::placeholder,
#dct_email_v5 .et_pb_newsletter_form input[type=text],
.px_newsletter_v2 .et_pb_newsletter_form p.et_pb_newsletter_field input[type="text"] {
    padding: 15px !important;
    color: #fff;
    transition: 0.5s;
}

.px_newsletter_v2 .et_pb_newsletter_form input[type="text"]::placeholder,
#dct_email_v5 .et_pb_newsletter_form input[type=text]:hover,
.px_newsletter_v2 .et_pb_newsletter_form p.et_pb_newsletter_field input[type="text"]:hover,
.px_newsletter_v2 .et_pb_newsletter_form input[type="text"]::placeholder,
#dct_email_v5 .et_pb_newsletter_form input[type=text]:focus,
.px_newsletter_v2 .et_pb_newsletter_form p.et_pb_newsletter_field input[type="text"]:focus {
    transition: 0.5s;
}

/*Button Css*/
.et-db #et-boc .et-l .px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button,
.px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {
    color: #fff;
    background: var(--px-color-1);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 1px;
    border: none !important;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 13px 30px !important;
    transition: all 1s ease 0s !important;
}
.et-db #et-boc .et-l .px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after ,
.px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after {
    content: "";
    background: var(--px-color-2);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: -50%;
    z-index: -1;
    opacity: 1 !important;
    margin: 0 !important;
    transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important;
}
.et-db #et-boc .et-l .px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover,
.px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover {
    color: #fff;
    background: var(--px-color-1) !important;
    transition: all 1s ease 0s !important;
}
.et-db #et-boc .et-l .px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover::after ,
.px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover::after {
    width: 500px;
    height: 500px;
    top: 50%;
    transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important;
}

@media only screen and (max-width:576px) {
    .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field {
        flex-basis: 100%;
    }

    .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap {
        flex-basis: 100%;
    }

    .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {
        border-right: 1px solid transparent;
    }

    .px_newsletter_v1 .et_pb_newsletter_form input[type="text"]::placeholder,
    #dct_email_v5 .et_pb_newsletter_form input[type=text]:hover,
    .px_newsletter_v1 .et_pb_newsletter_form p.et_pb_newsletter_field input[type="text"]:hover,
    .px_newsletter_v1 .et_pb_newsletter_form input[type="text"]::placeholder,
    #dct_email_v5 .et_pb_newsletter_form input[type=text]:focus,
    .px_newsletter_v1 .et_pb_newsletter_form p.et_pb_newsletter_field input[type="text"]:focus {
        border-right: 1px solid #fff;
    }
}

/* -----------------------------------
  	14 CTA Section CSS
-------------------------------------*/

/* -----------------------------------
  	15 Countdown Timer Section CSS Start Here
-------------------------------------*/
/*---Counter v1 CSS---*/
/*---Counter v1 CSS---*/
.px_counter_v1 {}


/*---Counter v1 CSS---*/
.px_countdown_timer_v1 {}

.px_countdown_timer_v1 .et_pb_countdown_timer_container .section.values {
    width: 20%;
    max-width: 100%;
    border: 1px solid var(--px-color-1);
    border-radius: 15px;
    padding: 30px 10px;
    margin: 0px 10px;
}

.px_countdown_timer_v1 .et_pb_countdown_timer_container .section.sep {
    display: none;
}

.px_countdown_timer_v1 .et_pb_countdown_timer_container .section.values .label {
    color: #c1c1c1;
    margin-top: 10px;
}


@media only screen and (max-width:576px) {
    .px_countdown_timer_v1 .et_pb_countdown_timer_container .section.values {
        width: 22%;
        border-radius: 10px;
        padding: 12px 6px;
        margin: 0px 5px;
    }
}

/* -----------------------------------
  	15 Countdown Timer Section CSS End Here
-------------------------------------*/
/* -----------------------------------
      16 Category CSS 
-------------------------------------*/
.px_category_v2,
.px_category {
    transition: 0.5s;
	overflow: hidden;
}

.px_category_img {
    margin-bottom: 0 !important;
    transition: 0.5s;
}

.px_category_img {
	position: relative;
}

.px_category_img::before,
.px_category_img::after {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    content: '';
    opacity: 0;
	z-index: 1;
    transition: opacity 0.5s, transform 0.5s;
}

.px_category_img::before {
	border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: scale(0,1);
}
.px_category_img::after {
	border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: scale(1,0);
}

.px_category:hover .px_category_img::before,
.px_category:hover .px_category_img::after {
	opacity: 0.75;
    transform: scale(1);
}

.px_category_img .et_pb_image_wrap {
    overflow: hidden;
    width: 100%;
    position: relative;
    transition: 0.5s;
}

.px_category_img .et_pb_image_wrap::before {
    content: "";
    background: #fff;
    opacity: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform: scale(0);
    transition: 0.5s;
}

.px_category_img .et_pb_image_wrap img {
    width: 100% !important;
    max-width: 100%;
    height: 350px;
    object-fit: cover;
    transition: 0.5s;
}

.px_category:hover .px_category_img {
    box-shadow: 0px 15px 20px -5px rgba(0, 0, 0, 0.15);
    transition: 0.5s;
}

.px_category:hover .px_category_img .et_pb_image_wrap::before {
    opacity: 0.25;
    transform: scale(1);
    transition: 0.5s;
}

.px_category:hover .px_category_img .et_pb_image_wrap img {
    transform: scale(1.1);
    transition: 0.5s;
}

.px_category_text {
    z-index: 2;

	
}

.px_category_text .et_pb_text_inner {
  width: 70%;
	position: absolute;
	transform: translateY(50%);
	line-height: 1.3em;
	background: rgba(255,255,255,0.8);
	padding: 10px;
	transition: 0.5s;
	min-height: 80px;
}

.px_category_text .et_pb_text_inner p {
    padding-bottom: 3px !important;
    color: var(--px-color-2);
}

.px_category_text .et_pb_text_inner span {
    color: var(--px-color-1);
    font-size: 15px;
    font-style: italic;
    position: relative;
    transition: 0.5s;
}

.px_category_text .et_pb_text_inner span::before {
    content: "";
    top: 10px;
    left: -40px;
    width: 30px;
    height: 1px;
    background-color: var(--px-color-1);
    position: absolute;
    transition: .35s ease-out;
}

.px_category_text .et_pb_text_inner span::after {
    content: "";
    top: 10px;
    right: -40px;
    width: 30px;
    height: 1px;
    background-color: var(--px-color-1);
    position: absolute;
    transition: .35s ease-out;
}

.px_category:hover .px_category_text .et_pb_text_inner span::before {
    animation: toleftFromright .8s forwards;
}

.px_category:hover .px_category_text .et_pb_text_inner span::after {
    animation: torightFromleft .8s forwards;
}

.px_category_v2:hover .px_category_text .et_pb_text_inner {
    transform: translate(-50%, -50%) scale(1.2);
}

.px_category_v3 {
    transition: 0.5s;
}

.px_category_v3_img .et_pb_image_wrap {
    border: 15px solid #fff;
    height: 280px;
    overflow: hidden;
    width: 400px ;
    transition: 0.5s;
}

.px_category_v3_img .et_pb_image_wrap img {
    object-fit: cover;
  height: 280px;
width: 400px !important;
}

.px_category_v3_img .et_pb_image_wrap::before {
    content: "";
    background: var(--px-color-1);
    opacity: 0;
    transform: scale(0);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    transition: 0.3s;
}

.px_category_v3:hover .px_category_v3_img .et_pb_image_wrap::before {
    opacity: 0.4;
    transform: scale(1);
    transition: 0.3s;
}

.px_category_v3:hover .px_category_v3_img .et_pb_image_wrap {
    box-shadow: 0px 10px 10px rgb(0 0 0 / 10%);
    transition: 0.5s;
}


.px_category_v3_blurb .et_pb_module_header {
    color: var(--px-color-2);
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 20px;
    transition: 0.5s;
}

.px_category_v3_blurb .et_pb_module_header::before {
    content: "";
    background: var(--px-color-2);
    position: absolute;
    height: 1px;
    width: 50px;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0px;
    transition: 0.5s;
}

.px_category_v3:hover .px_category_v3_blurb .et_pb_module_header {
    color: var(--px-color-1);
    transition: 0.5s;
}

.px_category_v3:hover .px_category_v3_blurb .et_pb_module_header::before {
    background: var(--px-color-1);
    width: 70px;
    transition: 0.5s;
}

.px_category_blurb_info   {}
.px_category_blurb_info  .et_pb_main_blurb_image {background: var(--px-color-1);border-radius:50%;transition: background-color .8s ease;margin-bottom: 10px;}
.px_category_blurb_info  .et_pb_main_blurb_image:hover {background: var(--px-color-2);} 
.px_category_blurb_info  .et_pb_main_blurb_image   img {width: 128px;padding: 30px;filter: invert(100%);}
.px_category_blurb_info  .et_pb_module_header {font-size:15px;}

.px_category_blurb_info:hover  .et_pb_main_blurb_image {background: var(--px-color-2);} 
.px_category_blurb_info:hover  .et_pb_module_header {color:var(--px-color-1);}
/******************Feature Product ************************/
/* -----------------------------------
   17 Sale Section CSS
-------------------------------------*/
.px_sale_cta {
    position: relative;
    transition: 0.5s !important;
	background-color:transparent !important;
}

.px_sale_cta:hover {
	box-shadow: 0px 15px 20px -5px rgba(0, 0, 0, 0.15);
}

.px_sale_cta::before,
.px_sale_cta::after {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    content: '';
    opacity: 0;
	z-index: 1;
    transition: opacity 0.5s, transform 0.5s;
}

.px_sale_cta::before {
	border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: scale(0,1);
}
.px_sale_cta::after {
	border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: scale(1,0);
}

.px_sale_cta:hover::before,
.px_sale_cta:hover::after {
	opacity: 0.75;
    transform: scale(1);
}

.px_sale_cta .et_pb_promo_description {
	transition: 0.5s;
	background: rgba(255,255,255,0.7);
	color: var(--px-color-1);
	padding:20px 10px;
	text-align:center;
}

.px_sale_cta:hover .et_pb_promo_description {
	opacity: 0;
}

.px_sale_cta .et_pb_promo_description .et_pb_module_header {
    color: var(--px-color-2) !important;
	font-weight: 300 !important;

}
.px_sale_cta .et_pb_promo_description div span{
    text-transform: uppercase;
	font-size: 14px;
	color: #565656;
}
.px_sale_cta .et_pb_promo_description div h6{
    color: var(--px-color-1) !important;
	text-transform:capitalize;
		font-size: 25px;
	padding-top: 20px;
}

.px_sale_cta_v2 {
    transition: 0.5s;
}

.px_sale_cta_v2 .et_pb_promo_description {
	opacity: 1 !important;
    transform: scale(0);
    transition: 0.5s;
}

.px_sale_cta_v2:hover .et_pb_promo_description {
    transform: scale(1);
    transition: 0.5s;
}

.px_sale_cta_v2:hover {
    box-shadow: 0px 15px 20px -5px rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 480px) {.px_sale_cta .et_pb_promo_description div h6 {font-size: 15px;line-height: 30px;}}
/* -----------------------------------
      18 Discount Sections Css 
-------------------------------------*/

/* -----------------------------------
  	19 Coming Soon Page CSS
-------------------------------------*/
.px_coming_soon {}

.px_coming_soon_social {}

.px_coming_soon_social li,
.px_coming_soon_social.sidebar li {
    margin: 0px 10px 0px 0px;
}
.et-db #et-boc .et-l .px_coming_soon_social li a,
.et-db #et-boc .et-l .px_coming_soon_social.sidebar li a.icon ,
.px_coming_soon_social li a,
.px_coming_soon_social.sidebar li a.icon {
    margin: 0px;
    position: relative;
	overflow: hidden;
    padding: 5px !important;
	border-radius: 0px !important;
	z-index: 1;
}
.et-db #et-boc .et-l .px_coming_soon_social.sidebar li a.icon ,
.px_coming_soon_social.sidebar li a.icon {
	background-color: var(--px-color-2);
    padding: 0px !important;
}
.et-db #et-boc .et-l .px_coming_soon_social.footer li a.icon::before, 
.px_coming_soon_social.footer li a.icon::before {
	color:  var(--px-color-1);
}

.px_coming_soon_social li a.icon::before,
.px_coming_soon_social.sidebar li a.icon:before {
    margin: 0px;
    font-size: 20px;
	color: #ffffff;
  border: 1px solid #e6e6e6;
}

.px_coming_soon_social.footer li a.icon:hover::before,
.px_coming_soon_social li a.icon:hover::before,
.px_coming_soon_social.sidebar li a.icon:hover::before{
color: #ffffff !important;
}

.px_coming_soon_social.sidebar li a.icon:before {
	font-size: 16px;
}

.px_coming_soon_social li a.icon::after,
.px_coming_soon_social.sidebar li a.icon::after {
    content: "";
    background: var(--px-color-1);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: -50%;
    z-index: -1;
    opacity: 1 !important;
    margin: 0 !important;
    transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important;
}

.px_coming_soon_social li a.icon:hover::after,
.px_coming_soon_social.sidebar li a.icon:hover::after {
    width: 80px;
    height: 80px;
    top: 50%;
    transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important;
}

/* -----------------------------------
      20 Privacy & policy Css
-------------------------------------*/
/* Privacy & policy */
.px_policy_list_2 ul {
    padding: 0;
}

.px_policy_list_2 ul li {
    list-style-type: none;
    position: relative;
    padding-left: 25px;
    margin: 5px 0;
}

.px_policy_list_2 ul li:before {
    content: '\4e';
    position: absolute;
    font-family: 'ETmodules';
    color: var(--px-color-1);
    left: 0;
    top: 0;
}

/* -----------------------------------
    21 Scroll Top Css
-------------------------------------*/
.et_pb_scroll_top:before {
    content: "\21";
    /*select icon*/
}

.et_pb_scroll_top.et-pb-icon {
    right: 20px;
    bottom: 60px;
    border-radius:0px;
    background: var(--px-color-1);
    padding: 10px;
    font-size: 24px;
    transition: all .1s ease-in-out
}

.et_pb_scroll_top.et-pb-icon:hover {
    background: var(--px-color-2);
    transition: all .1s ease-in-out
}


/* -----------------------------------
    22 Mobile Menu CSS
-------------------------------------*/

/*Mobile Menu*/


.et-db #et-boc .et-l .mobile_menu_bar {
    top: 2px;
    z-index: 99999999999 !important;
}

.et-db #et-boc .et-l .mobile_menu_bar::before {
    color: var(--px-color-1) !important;
    top: -5px;
}

/*change Divi hamburger menu to X*/

.et-db #et-boc .et-l .mobile_nav.opened .mobile_menu_bar::before {
    content: '\4d';
    background: var(--px-color-1);
    color: #fff !important;
    border-radius: 5px;
}


/*remove the border from the top of the mobile menu*/
/*
.et-db #et-boc .et-l .et_mobile_menu {
    -webkit-transform: translateX(-125%);
    -moz-transform: translateX(-125%);
    -ms-transform: translateX(-125%);
    -o-transform: translateX(-125%);
    transform: translateX(-125%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .4s 0s;
    -moz-transition: -moz-transform .4s 0s;
    transition: transform .4s 0s;
    border-top: none;
    min-height: 100vh;
    height: 100%;
    display: block !important;
    padding-bottom: 10px;
    position: absolute;
    overflow: scroll;
    border-top: none;
    padding-right: 0;
    padding-top: 130px !important;
    min-width: 300px;
    top: -80px !important;
}

.et-db #et-boc .et-l .mobile_nav.opened .et_mobile_menu {
    z-index: 9999 !important;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-overflow-scrolling: touch;
    -webkit-transition: -webkit-transform .4s 0s;
    -moz-transition: -moz-transform .4s 0s;
    transition: transform .4s 0s;
}
*/
/*hide the submenu items on mobile*/
.et-db #et-boc .et-l .et_mobile_menu li ul.hide {
    display: none !important;
}

/*adjust the parent menu items on mobile*/
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children {
    position: relative;
}

/*adjust the parent menu items on mobile*/
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
    background: transparent;
}

/*position and style the submenu icons*/
.et-db #et-boc .et-l .px_header_menu.et_pb_menu ul.et_mobile_menu li ul {
    position: relative !important;
    left: unset;
    top: unset;
    padding: 10px 20px 5px !important;
    opacity: 1;
    visibility: visible;
    z-index: 100;
    background: #ffffff;
    border-top: none !important;
    transition: all 300ms ease;
    box-shadow: none;
}

.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a+span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-weight: bold;
    cursor: pointer;
}

/*icon for closed submenu*/
.et-db #et-boc .et-l span.menu-closed:before {
    content: "\33";
    display: block;
    color: var(--px-color-1);
    font-size: 18px;
    font-family: ETmodules;
}

/*icon for open submenu*/
.et-db #et-boc .et-l span.menu-closed.menu-open:before {
    content: "\4d";
    color: var(--px-color-1);
}

/*adjust border under mobile menu items*/
.et-db #et-boc .et-l .et_mobile_menu li:not(:last-child) a {
    border-bottom: 2px solid #f3f6fd;
}

/*remove border under last mobile menu item*/
.et-db #et-boc .et-l .et_mobile_menu li:last-child a {
    border-bottom: none;
}

/* -----------------------------------
  	23 Search Page CSS
-------------------------------------*/
.px_search_v1 .et_pb_searchform div .et_pb_searchsubmit {
    background-color: var(--px-color-1);
    color: #fff;
    padding: 10px 20px;
    transition: all 0.4s;
    margin: 4px;
    border-radius: 5px;
}

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

/* -----------------------------------
  	24 Hero Section CSS Start Here
-------------------------------------*/

/* -----------------------------------
  	24 Hero Section CSS End Here
-------------------------------------*/
/* -----------------------------------
  	25 Why choose us CSS Start Here
-------------------------------------*/


/* -----------------------------------
  	25 Why choose us CSS End Here
-------------------------------------*/
/*-------------------------------------------
  -- 26 Color Picker CSS
-------------------------------------------*/
.template-options .theme_option_bar:before {
    font-size: 22px;
    content: "\e037";
    cursor: pointer;
    color: #000;
    font-family: ETmodules !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
}

.template-options.opened .theme_option_bar:before {
    content: "\4d";
    font-size: 32px;
}

.template-options {
    position: fixed;
    top: 130px;
    right: -200px;
    width: 200px;
    background: #fff;
    -webkit-transition: right .4s;
    transition: right .4s;
    z-index: 9999999
}

.template-options.opened {
    right: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    z-index: 9999999
}

.option-section {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f1f1f1
}

.option-section:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}

.option-section h4 {
    color: #333;
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px
}

.option-section .checkbox {
    margin-bottom: 0
}

.options-inner {
    position: relative;
    padding: 20px
}

.cl-toggler {
    position: absolute;
    top: 0;
    left: -48px;
    display: inline-block;
    background: #fff;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 24px;
    color: #000;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

.cl-toggler i {
    font-size: 20px
}

.cl-toggler:hover {
    color: #000
}

.cl-bg-images,
.cl-presets {
    list-style: none;
    padding: 0;
    margin: -5px
}

.cl-bg-images li,
.cl-presets li {
    display: block;
    float: left;
    margin: 5px
}

.cl-bg-images li a,
.cl-presets li a {
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 2px;
    float: left
}

.cl-bg-images li a img {
    width: 100%
}

.cl-bg-images li.active a {
    border: 3px solid #22b8f0
}

.cl-presets li.active a {
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .2) inset;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .2) inset
}

.switcher-style-list {
    list-style: none;
    overflow: hidden;
}

.switcher-style-list li {
    float: left;
    margin: 2px;
}

.switcher-style-list li a {
    display: block;
    width: 16px;
    height: 15px;
    cursor: pointer;
    background-size: cover;
}

#switcher-theme-custom-color.switcher-style-list li a {
    width: 80px;
    height: 40px;
    border: 2px solid #444;
    position: relative;
}

#switcher-theme-custom-color.switcher-style-list li a .color {
    width: 50%;
    height: 100%;
    float: left;
    background-color: #eee;
}

#switcher-theme-custom-color.switcher-style-list li.active a:after {
    color: #ddd;
    content: "\e052";
    font-family: ETmodules !important;
    font-size: 16px;
    left: 40%;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: 15%;
}

.layout select {
    width: 100%;
    padding: 5px;
    border: none;
    margin: 0 0 0 -5px;
    color: #666;
    cursor: pointer;
}

@media (max-width: 980px) {
    .template-options {
        top: 22%;
        width: 100px;
        right: -100px;
    }

    .cl-bg-images li a,
    .cl-presets li a {
        width: 25px;
        height: 25px;
    }

    #switcher-theme-custom-color.switcher-style-list li a {
        width: 65px;
        height: 25px;
    }

    #switcher-theme-custom-color.switcher-style-list li.active a::after {
        top: 0px;
    }
}

@media only screen and (max-width: 768px) {
    .cl-toggler {
        left: -40px;
        width: 40px;
        height: 40px;
        line-height: 43px;
        font-size: 20px;
    }

    #switcher-menu-primary-color,
    #switcher-menu-secondary-color {
        display: none;
    }
}

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

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


/**Blink Animation*/
@keyframes blink {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0.3;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}


/**Slide Animation*/
@keyframes toleftFromright {
    49% {
        transform: translateX(-100%);
    }

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

    51% {
        opacity: 1;
    }
}

@keyframes torightFromleft {
    49% {
        transform: translateX(100%);
    }

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

    51% {
        opacity: 1;
    }
}

/*---Product Grid 4 Columns CSS---*/
.px_wc_product.no_space ul.products li.product, .px_wc_related_product.no_space .related ul.products li.product, .px_wc_upsell_product.no_space .up-sells ul.products li.product, .px_wc_cross_sell_product.no_space .cross-sells ul.products li.product, .et-db #et-boc .et-l .px_wc_product.no_space ul.products li.product, .et-db #et-boc .et-l .px_wc_related_product.no_space .related ul.products li.product, .et-db #et-boc .et-l .px_wc_upsell_product.no_space .up-sells ul.products li.product, .et-db #et-boc .et-l .px_wc_cross_sell_product.no_space .cross-sells ul.products li.product
{
	 width:25% !important;
	margin:0px !important; 	
} 
@media only screen and (min-width:577px) and (max-width: 980px) { 
	
	.px_wc_product.no_space ul.products li.product, .px_wc_related_product.no_space .related ul.products li.product, .px_wc_upsell_product.no_space .up-sells ul.products li.product, .px_wc_cross_sell_product.no_space .cross-sells ul.products li.product, .et-db #et-boc .et-l .px_wc_product.no_space ul.products li.product, .et-db #et-boc .et-l .px_wc_related_product.no_space .related ul.products li.product, .et-db #et-boc .et-l .px_wc_upsell_product.no_space .up-sells ul.products li.product, .et-db #et-boc .et-l .px_wc_cross_sell_product.no_space .cross-sells ul.products li.product
{
	 width:33.3% !important;
	margin:0px !important; 	
} 
}
@media only screen and (max-width:480px) { 
	
	.px_wc_product.no_space ul.products li.product, .px_wc_related_product.no_space .related ul.products li.product, .px_wc_upsell_product.no_space .up-sells ul.products li.product, .px_wc_cross_sell_product.no_space .cross-sells ul.products li.product, .et-db #et-boc .et-l .px_wc_product.no_space ul.products li.product, .et-db #et-boc .et-l .px_wc_related_product.no_space .related ul.products li.product, .et-db #et-boc .et-l .px_wc_upsell_product.no_space .up-sells ul.products li.product, .et-db #et-boc .et-l .px_wc_cross_sell_product.no_space .cross-sells ul.products li.product
{
	 width:100% !important;
	margin:0px !important; 	
} 
}
/*---Blog Grid 4 Columns CSS---*/