/*
Theme Name:  Divi Pet Shop and Pet Care Child Theme
Theme URI:   https://divi-professional.com/
Description: Divi Pet Shop and Pet Care Theme for pet hotel & resort, pet boarding, dog & puppy daycare or pet sitting, also for pet shop, pet store, pet salon and grooming.You can easily build beautiful woocommerce pet shop website and its related pet care services such as grooming, pet training, pet stylish, pet adoptions, pet store, etc.
Version:     1.0
Author:      Divi Professional
Author URI:  https://divi-professional.com/
Template:    Divi
Text Domain: dpprofe
*/

/* -----------------------------------
    01. General Class CSS
-------------------------------------*/
body {
    font-family: 'Nunito', Helvetica, Arial, Lucida, sans-serif;
	overflow-x:hidden;
}

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

.px_subtitle .et_pb_text_inner {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--px-color-2);
    z-index: 1;
}

.px_subtitle .et_pb_text_inner span {
    position: relative;
}

.px_subtitle .et_pb_text_inner span:before {
    content: "\f5d7";
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
    right: 0;
    top: -3px;
    text-align: center;
    font-size: 45px;
    opacity: 0.2;
    z-index: -1;
}

.px_title .et_pb_text_inner h2 {
    font-size: 35px;
    font-weight: 700;
    color: #202020;
    line-height: 1.1;
    padding-bottom: 0px;
}

.px_title .et_pb_text_inner h2 span {
    position: relative;
    padding: 0px 45px;
	display: inline-block;
}

.px_title .et_pb_text_inner h2 span:before,
.px_title .et_pb_text_inner h2 span:after {
    content: "\f1b0";
    font-family: "FontAwesome";
    color: var(--px-color-2);
    position: absolute;
    bottom: 5px;
    margin: auto;
}

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

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


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

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

@media only screen and (max-width: 767px) {
	.px_title .et_pb_text_inner h2 span {
		padding: 0px;
	}
	
	.px_title .et_pb_text_inner h2 span:before,
	.px_title .et_pb_text_inner h2 span:after {
		display: none;
	}
}

.px_desc {
    font-size: 15px;
    line-height: 1.1;
    color: #0b0b0c;
}

/*---Button CSS---*/
.px_btn {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    padding: 12px 45px 12px 20px !important;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    font-family: 'Nunito', sans-serif;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    color: #fff;
    border-radius: 50px;
    border: 0 !important;

}

.px_btn:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_btn:hover:before {
    top: -40%;
}


.px_btn_title:after {
    color: var(--px-color-2) !important;
}

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

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

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

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

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

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

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

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

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

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

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



/* -----------------------------------
      02. Header Section CSS
  -------------------------------------*/
/*---Menu + Sub Menu CSS---*/
/*---Main Menu CSS---*/
/*---Sub Menu CSS---*/


/*---Header v1 Menu CSS---*/
.px_header_menu.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav ul.et_mobile_menu,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav ul.et_mobile_menu {
	    border-color: var(--px-color-1);
}

.px_header_menu.et_pb_menu .et-menu .menu-item-has-children>a:first-child:after,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu .menu-item-has-children>a:first-child:after {
    font-family: ETmodules;
    content: "\33";
    color: inherit;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: unset;
    font-weight: 800;
    transition: all 0.4s;
}

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

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

.px_header_menu.et_pb_menu .et_pb_menu__menu ul li ul,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu ul li ul {
    position: absolute;
    left: 0px;
    top: 100%;
    border-radius: 10px;
    padding: 15px;
    transform: translateY(10px);
    z-index: 100;
    background: #ffffff;
    border-top: 2px dashed var(--px-color-1);
    transition: all 300ms ease;
    box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.08);
}

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

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

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

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

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

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

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

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

.px_label,
.et-db #et-boc .et-l .px_label {
    display: unset;
    font-size: 11px;
    font-weight: 400;
    margin: 0px 0px 0px 5px;
    position: relative;
    top: -10px;
    color: #ffffff;
    border-radius: 50px;
    background-color: var(--px-color-2);
    padding: 3px 5px;
}

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

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

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

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

.px_header_menu.et_pb_menu .et_pb_menu__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: 1px solid 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.et_pb_menu .et_pb_menu__wrap .et_pb_menu__cart-button,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__cart-button {
    height: fit-content;
    margin-bottom: auto;
    margin-top: auto;
    position: relative;
    color: var(--px-color-1);
    transition: all 0.4s;
    z-index: 1;
}

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

.px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__cart-button .et_pb_menu__cart-count,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__cart-button .et_pb_menu__cart-count {
    position: absolute;
    top: -15px;
    right: -8px;
    background-color: var(--px-color-2);
    color: #fff;
    height: 25px;
    width: 25px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 2.2;
    border-radius: 50%;
    padding: 0px;
    overflow: hidden;
    z-index: -1;
    transition: all 0.4s;
}

.px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__cart-button:hover .et_pb_menu__cart-count,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__cart-button:hover .et_pb_menu__cart-count {
    background-color: var(--px-color-1);
}

.px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__search-button,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__search-button {
    color: var(--px-color-2);
    font-size: 16px;
    font-weight: 700;
    transition: all 0.4s;
}

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

@media only screen and (min-width: 981px) and (max-width: 1270px) {
	.px_header_menu.et_pb_menu .et_pb_menu__menu ul.et-menu>li>a>.px_label,
	.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu ul.et-menu>li>a>.px_label {
		position: absolute;
		top: 0px;
		right: 5px;
  }
}

@media only screen and (min-width: 981px) and (max-width: 1130px) {
	.px_header_menu.et_pb_menu .et_pb_menu__menu ul.et-menu>li,
	.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu ul.et-menu>li {
		padding-left: 7px;
		padding-right: 7px;
	}
}

@media only screen and (max-width: 1130px) {
	.px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__cart-button,
	.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__cart-button,
	.px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__search-container,
	.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__search-container {
		display: none !important;
	}
}


/*  */
.px_product_cat,
.et-db #et-boc .et-l .px_product_cat {
    height: 100%;
}

.px_product_cat .et_pb_menu_inner_container,
.et-db #et-boc .et-l .px_product_cat .et_pb_menu_inner_container,
.px_product_cat .et_pb_menu__wrap,
.et-db #et-boc .et-l .px_product_cat .et_pb_menu__wrap,
.px_product_cat .et_pb_menu__wrap .et_pb_menu__menu,
.et-db #et-boc .et-l .px_product_cat .et_pb_menu__wrap .et_pb_menu__menu,
.px_product_cat .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav,
.et-db #et-boc .et-l .px_product_cat .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav,
.px_product_cat .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav .et-menu,
.et-db #et-boc .et-l .px_product_cat .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav .et-menu,
.px_product_cat .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav .et-menu>li,
.et-db #et-boc .et-l .px_product_cat .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav .et-menu>li {
    display: block;
    height: 100%;
}

.px_product_cat .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav .et-menu,
.et-db #et-boc .et-l .px_product_cat .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav .et-menu {
    margin-left: 0px;
    margin-right: 0px;
}

.px_product_cat .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav .et-menu>li,
.et-db #et-boc .et-l .px_product_cat .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav .et-menu>li {
    padding-left: 0px;
    padding-right: 0px;
}

.px_product_cat .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav .et-menu>li>a,
.et-db #et-boc .et-l .px_product_cat .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav .et-menu>li>a {
    padding: 23px 20px 23px 45px !important;
    color: #fff !important;
    background-color: var(--px-color-1);
}

.px_product_cat .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav .et-menu>li>a:after,
.et-db #et-boc .et-l .px_product_cat .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav .et-menu>li>a:after {
    color: #fff !important;
    right: 20px;
}

.px_product_cat .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav .et-menu>li>a:before,
.et-db #et-boc .et-l .px_product_cat .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav .et-menu>li>a:before {
    content: "\64";
    font-family: ETmodules;
    position: absolute;
    left: 20px;
}

.px_product_cat .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav .et-menu>li>ul,
.et-db #et-boc .et-l .px_product_cat .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav .et-menu>li>ul {
    left: 0px;
    right: 0px;
    width: auto;
    border-radius: 0px 0px 10px 10px;
}

.px_product_cat .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav .et-menu>li>ul li,
.et-db #et-boc .et-l .px_product_cat .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav .et-menu>li>ul li {
    display: block;
}

.px_product_cat .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav .et-menu>li>ul li a,
.et-db #et-boc .et-l .px_product_cat .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav .et-menu>li>ul li a {
    width: auto;
    display: block;
}

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

.px_header_top_v1 .px_h_slider_content .et_pb_slide .et_pb_container .et_pb_slide_description,
.et-db #et-boc .et-l .px_header_top_v1 .px_h_slider_content .et_pb_slide .et_pb_container .et_pb_slide_description {
    text-shadow: none;
}

.px_header_top_v1 .px_h_slider_content .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_slide_content span,
.et-db #et-boc .et-l .px_header_top_v1 .px_h_slider_content .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_slide_content span {
    background-color: var(--px-color-2);
    padding: 2px 8px;
    border-radius: 50px;
    margin: 0px 5px 0px 0px;
}

.px_header_middle_v1 .px_header_info .et_pb_image_wrap,
.et-db #et-boc .et-l .px_header_middle_v1 .px_header_info .et_pb_image_wrap {
    height: 40px;
    width: 40px;
    border: 2px dashed var(--px-color-2);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}

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

.px_header_middle_v1 .px_header_search .et_pb_searchform .et_pb_searchsubmit,
.et-db #et-boc .et-l .px_header_middle_v1 .px_header_search .et_pb_searchform .et_pb_searchsubmit {
    background-color: var(--px-color-2);
    margin: 4px;
    padding: 8px 15px;
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.4s;
}

.px_header_middle_v1 .px_header_search .et_pb_searchform .et_pb_searchsubmit:hover,
.et-db #et-boc .et-l .px_header_middle_v1 .px_header_search .et_pb_searchform .et_pb_searchsubmit:hover {
    background-color: var(--px-color-1);
}

.px_header_middle_v1 ul.px_header_social li.et_pb_social_icon,
.et-db #et-boc .et-l .px_header_middle_v1 ul.px_header_social li.et_pb_social_icon {
    margin: 5px 0px !important;
}

.px_header_middle_v1 ul.px_header_social li.et_pb_social_icon a.icon,
.et-db #et-boc .et-l .px_header_middle_v1 ul.px_header_social li.et_pb_social_icon a.icon {
    background-color: #fff !important;
    border-color: var(--px-color-2);
    transition: all 0.4s;
}

.px_header_middle_v1 ul.px_header_social li.et_pb_social_icon a.icon:hover,
.et-db #et-boc .et-l .px_header_middle_v1 ul.px_header_social li.et_pb_social_icon a.icon:hover {
    background-color: var(--px-color-2) !important;
}

.px_header_middle_v1 ul.px_header_social li.et_pb_social_icon a.icon:before,
.et-db #et-boc .et-l .px_header_middle_v1 ul.px_header_social li.et_pb_social_icon a.icon:before {
    color: var(--px-color-1);
    transition: all 0.4s;
}

.px_header_middle_v1 ul.px_header_social li.et_pb_social_icon a.icon:hover:before,
.et-db #et-boc .et-l .px_header_middle_v1 ul.px_header_social li.et_pb_social_icon a.icon:hover:before {
    color: #fff;
}

/* RESPONSIVE CSS FOR HEADER V1 */
@media only screen and (min-width:981px) and (max-width:1024px) {
    .px_header_menu .et_pb_menu .et_pb_menu__wrap .et_pb_menu__cart-button,
	.et-db #et-boc .et-l .et-db #et-boc .et-l .px_header_menu .et_pb_menu .et_pb_menu__wrap .et_pb_menu__cart-button {
        display: none;
    }

    .px_header_menu .et_pb_menu .et_pb_menu__wrap .et_pb_menu__search-button,
	.et-db #et-boc .et-l .px_header_menu .et_pb_menu .et_pb_menu__wrap .et_pb_menu__search-button {
        margin-left: 8px;
        margin: 0px;
    }
}

@media only screen and (min-width:768px) and (max-width:980px) {
    .px_header_menu .et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu,
	.et-db #et-boc .et-l .px_header_menu .et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu {
        border-top: 3px solid var(--px-color-2);
    }

    .px_header_menu .et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu a,
	.et-db #et-boc .et-l .px_header_menu .et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu a {
        color: #000;
    }
}

@media only screen and (max-width: 980px) {
    .px_header_menu .et_pb_menu .et_pb_menu__wrap .et_pb_menu__cart-button,
	.et-db #et-boc .et-l .px_header_menu .et_pb_menu .et_pb_menu__wrap .et_pb_menu__cart-button {
        display: none;
    }

    .px_header_menu .et_pb_menu .et_pb_menu__wrap .et_pb_menu__search-button,
	.et-db #et-boc .et-l .px_header_menu .et_pb_menu .et_pb_menu__wrap .et_pb_menu__search-button {
        display: none;
    }

    .px_header_menu .et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu a,
	.et-db #et-boc .et-l .px_header_menu .et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu a {
        color: #000;
    }
}

/*---Header v2  CSS---*/
.px_header_middle_v2 .px_header_icon .et_pb_icon_wrap,
.et-db #et-boc .et-l .px_header_middle_v2 .px_header_icon .et_pb_icon_wrap {
    height: 40px;
    width: 40px;
    border: 2px dashed var(--px-color-2);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    transition: all 0.4s;
}

.px_header_middle_v2 .px_header_icon .et_pb_icon_wrap .et-pb-icon,
.et-db #et-boc .et-l .px_header_middle_v2 .px_header_icon .et_pb_icon_wrap .et-pb-icon {
    color: var(--px-color-1);
    transition: all 0.4s;
}

.px_header_middle_v2 .px_header_icon:hover .et_pb_icon_wrap,
.et-db #et-boc .et-l .px_header_middle_v2 .px_header_icon:hover .et_pb_icon_wrap {
    background-color: var(--px-color-2);
}

.px_header_middle_v2 .px_header_icon:hover .et_pb_icon_wrap .et-pb-icon,
.et-db #et-boc .et-l .px_header_middle_v2 .px_header_icon:hover .et_pb_icon_wrap .et-pb-icon {
    color: #fff;
}


.px_header_bottom_v2 .px_header_menu .et_pb_menu__wrap .et_pb_menu__menu .et-menu>li>a,
.et-db #et-boc .et-l .px_header_bottom_v2 .px_header_menu .et_pb_menu__wrap .et_pb_menu__menu .et-menu>li>a {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* -----------------------------------
      03. Footer Section CSS
  -------------------------------------*/
/*---Footer Common Info Css---*/
.px_footer_title:after,
.et-db #et-boc .et-l .px_footer_title:after,
body #page-container .et_pb_section .et_pb_button.px_footer_title:after {
    color: var(--px-color-1) !important;
}

.px_footer_links,
.et-db #et-boc .et-l .px_footer_links {
    color: #9491a1;
}

.px_footer_links:hover,
.et-db #et-boc .et-l .px_footer_links:hover {
    color: var(--px-color-1) !important;
    transition: 0.1s;
}

.px_footer_links:before,
.et-db #et-boc .et-l .px_footer_links:before,
body #page-container .et_pb_section .et_pb_button.px_footer_links:after {
    color: var(--px-color-1) !important;
}


/*---Footer v1  CSS---*/
.px_footer_v1_top .px_footer_info .et_pb_image_wrap,
.et-db #et-boc .et-l .px_footer_v1_top .px_footer_info .et_pb_image_wrap {
    height: 40px;
    width: 40px;
    border: 2px dashed var(--px-color-2);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}

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

.px_footer_v1_top ul.px_footer_social li.et_pb_social_icon a.icon,
.et-db #et-boc .et-l .px_footer_v1_top ul.px_footer_social li.et_pb_social_icon a.icon {
    background-color: #fff !important;
    border-color: var(--px-color-2);
    transition: all 0.4s;
}

.px_footer_v1_top ul.px_footer_social li.et_pb_social_icon a.icon:hover,
.et-db #et-boc .et-l .px_footer_v1_top ul.px_footer_social li.et_pb_social_icon a.icon:hover {
    background-color: var(--px-color-2) !important;
}

.px_footer_v1_top ul.px_footer_social li.et_pb_social_icon a.icon:before,
.et-db #et-boc .et-l .px_footer_v1_top ul.px_footer_social li.et_pb_social_icon a.icon:before {
    color: var(--px-color-1);
    transition: all 0.4s;
}

.px_footer_v1_top ul.px_footer_social li.et_pb_social_icon a.icon:hover:before,
.et-db #et-boc .et-l .px_footer_v1_top ul.px_footer_social li.et_pb_social_icon a.icon:hover:before {
    color: #fff;
}

.px_footer_v1_top .px_footer_email .et_pb_newsletter_form,
.et-db #et-boc .et-l .px_footer_v1_top .px_footer_email .et_pb_newsletter_form {
    position: relative;
}

.px_footer_v1_top .px_footer_email .et_pb_newsletter_form .et_pb_newsletter_field input,
.et-db #et-boc .et-l .px_footer_v1_top .px_footer_email .et_pb_newsletter_form .et_pb_newsletter_field input {
    background-color: #fff;
    border: 2px dashed #fff !important;
    border-radius: 50px;
    color: var(--px-color-1) !important;
    font-size: 14px !important;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    transition: all 0.4s;
}

.px_footer_v1_top .px_footer_email .et_pb_newsletter_form .et_pb_newsletter_field input:focus,
.et-db #et-boc .et-l .px_footer_v1_top .px_footer_email .et_pb_newsletter_form .et_pb_newsletter_field input:focus {
    border: 2px dashed var(--px-color-1) !important;
}

.px_footer_v1_top .px_footer_email .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_button,
.et-db #et-boc .et-l .px_footer_v1_top .px_footer_email .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_button {
	position: relative;
	overflow: hidden;
	z-index: 1;
    background-color: var(--px-color-1);
}

.px_footer_v1_top .px_footer_email .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_button:before,
.et-db #et-boc .et-l .px_footer_v1_top .px_footer_email .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_button:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_footer_v1_top .px_footer_email .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_button:hover:before,
.et-db #et-boc .et-l .px_footer_v1_top .px_footer_email .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_button:hover:before {
    top: -40%;
}

/* Responsive css for footer v1 */
@media only screen and (min-width:981px) and (max-width:1024px) {
    .px_footer_social .et_pb_social_icon .icon:before,
	.et-db #et-boc .et-l .px_footer_social .et_pb_social_icon .icon:before {
        width: 35px !important;
        height: 35px !important;
    }

    .px_footer_social .et_pb_social_icon .icon,
	.et-db #et-boc .et-l .px_footer_social .et_pb_social_icon .icon {
        margin-right: 0px;
        padding-top: 5px;
        padding-left: 3px;
    }
}


.px_footer_v3 .px_footer_email .et_pb_newsletter_form form,
.et-db #et-boc .et-l .px_footer_v3 .px_footer_email .et_pb_newsletter_form form {
	position: relative;
}

.px_footer_v3 .px_footer_email .et_pb_newsletter_form .et_pb_newsletter_field,
.et-db #et-boc .et-l .px_footer_v3 .px_footer_email .et_pb_newsletter_form .et_pb_newsletter_field {
	padding-bottom: 0px;
}

.px_footer_v3 .px_footer_email .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_button,
.et-db #et-boc .et-l .px_footer_v3 .px_footer_email .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_button {
	position: absolute;
    top: 5px;
    bottom: 5px;
    right: 5px;
    line-height: 2.5 !important;
	padding: 0px 35px 0px 15px !important;
    width: fit-content;
}

/* -----------------------------------
       04. Sidebar CSS
  -------------------------------------*/
/* Blog Sidebar CSS Start */
.px_sidebar {
	padding-right: 0px;
	border: none;
}

.px_sidebar .widgettitle {
    position: relative;
    width: fit-content;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--px-color-2);
    margin: 15px 0px;
    z-index: 1;
}

.px_sidebar .widgettitle:before {
	content: "\f5d7";
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
    right: 0;
    top: -3px;
    text-align: center;
    font-size: 45px;
    opacity: 0.2;
    z-index: -1;
}

.px_sidebar .et_pb_widget {
    border: 2px dashed #eeeeee;
    border-radius: 10px;
    padding: 15px;
}

/* Search */
.px_sidebar .et_pb_widget.widget_search .searchform input#s {
    border-radius: 50px;
    border: 2px dashed #eee;
}

.px_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit {
    border-radius: 0px 50px 50px 0px;
    color: #fff;
    background-color: var(--px-color-1);
    border: none;
    transition: all 0.4s;
}

.px_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit:hover {
    background-color: var(--px-color-2);
}

/* Category */
.px_sidebar .et_pb_widget.widget_categories ul li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #eee;
    color: #202020;
    text-align: right;
}

.px_sidebar .et_pb_widget.widget_categories ul li:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: 0px;
}

.px_sidebar .et_pb_widget.widget_categories ul li a {
    float: left;
    color: #202020;
    font-size: 16px;
    transition: all 0.4s;
}

.px_sidebar .et_pb_widget.widget_categories ul li a:hover {
	color: var(--px-color-1);
}

/* Recent post */
.px_sidebar .et_pb_widget.widget_recent_entries ul li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #eee;
}

.px_sidebar .et_pb_widget.widget_recent_entries ul li:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: 0px;
}

.px_sidebar .et_pb_widget.widget_recent_entries ul li a {
    display: block;
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 5px;
    color: #202020;
    transition: all 0.4s;
}

.px_sidebar .et_pb_widget.widget_recent_entries ul li a:hover {
	color: var(--px-color-1);
}

.px_sidebar .et_pb_widget.widget_recent_entries ul li .post-date {
    color: #515151;
}

/* Tags */
.px_sidebar .et_pb_widget.widget_tag_cloud .tagcloud a {
    background-color: transparent;
    border: 1px dashed #eee;
    font-size: 15px !important;
    padding: 5px 10px;
    border-radius: 50px;
    color: #515151;
    transition: all 0.4s;
}

.px_sidebar .et_pb_widget.widget_tag_cloud .tagcloud a:hover {
	color: var(--px-color-1);
	border-color: var(--px-color-2);
}

/* Gallery */
.px_sidebar .et_pb_widget.widget_media_gallery .gallery .gallery-item {
	margin: 0px;
}

.px_sidebar .et_pb_widget.widget_media_gallery .gallery .gallery-item .gallery-icon img {
	border: none !important;
    border-radius: 5px;
    object-fit: cover;
    height: 60px;
    width: 60px;
}

.px_sidebar .et_pb_widget.widget_media_gallery .et_post_gallery .et_gallery_item {
	margin: 0px 10px 0px 0px;
}

.px_sidebar .et_pb_widget.widget_media_gallery .et_post_gallery .et_gallery_item .et_portfolio_image img {
	border: none !important;
    border-radius: 5px;
    object-fit: cover;
    height: 60px;
    width: 60px;
}


.px_sidebar .et_pb_widget.widget_media_gallery .et_post_gallery .et_gallery_item .et_portfolio_image .et_overlay {
	display: none !important;
}


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

.px_shop_sidebar .et_pb_widget,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget {
    border: 2px dashed #eeeeee;
    border-radius: 10px;
    padding: 15px;
}

.single-product .px_shop_sidebar .et_pb_widget.widget_text,
.single-product .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_text {
	display: none !important;
}

.px_shop_sidebar .et_pb_widget .widgettitle,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .widgettitle {
    position: relative;
    width: fit-content;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--px-color-2);
    margin: 15px 0px;
    z-index: 1;
}

.px_shop_sidebar .et_pb_widget .widgettitle::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .widgettitle::before {
    content: "\f5d7";
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
    right: 0;
    top: -3px;
    text-align: center;
    font-size: 45px;
    opacity: 0.2;
    z-index: -1;
}

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

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

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

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .remove::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .remove::before {
    content: "\e07d";
    font-family: 'ETmodules';
    color: var(--px-color-1);
    position: absolute;
    font-size: 16px;
    font-weight: 100;
    width: 100%;
    margin: 0 auto;
    top: 25px;
    bottom: auto;
    right: auto;
    transform: translateX(-50%) translateY(-50%);
    transition: all 0.4s;
}

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

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

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

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a img,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a img {
	border: 1px dashed #eee;
	border-radius: 5px;
    width: 50px;
    transition: all 0.4s;
}

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

.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 {
    color: #1b1b1b;
    font-size: 18px;
    padding-bottom: 15px;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button {
    position: relative;
    font-size: 16px;
    border-radius: 50px;
    padding: 10px !important;
    margin: 0 !important;
    width: 100%;
    text-align: center;
    border: none !important;
    color: #fff;
    background-color: var(--px-color-1) !important;
    transition: all 0.5s;
    overflow: hidden;
    z-index: 1;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button::before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover::before {
    top: -40%;
}

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

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

.px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .search-field,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .search-field {
    border: 2px dashed #eaeaea;
    width: 100%;
    padding: 15px 10px;
    border-radius: 50px;
}

.px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button {
    position: absolute;
    right: 0;
    height: 100%;
    font-size: 0px;
    overflow: hidden;
    z-index: 1;
    border: none;
	border-radius: 0px 50px 50px 0px;
    background-color: var(--px-color-1);
    width: 50px;
}

.px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button::before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button:hover:before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button:hover:before {
    top: -40%;
}

.px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button::after,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button::after {
    content: "\55";
    position: absolute;
    font-family: ETmodules;
    left: -4px;
    top: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    height: inherit;
    width: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 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 {
    border-radius: 0px;
    background-color: #dcdcdc;
}

.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 {
    border-radius: 0px;
    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 {
    border-radius: 0px;
    background-color: #fff;
    border: 3px double 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 {
    position: relative;
    font-size: 16px;
    border-radius: 0px;
    padding: 12px 25px !important;
    margin: 0 !important;
    text-align: center;
    border: none !important;
    color: #fff;
    background-color: var(--px-color-1) !important;
    transition: all 0.5s;
    overflow: hidden;
    z-index: 1;
}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button::before {
    content: "";
    position: absolute;
    display: block !important;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: var(--px-color-2);
    transform: rotateX(90deg);
    z-index: -1;
    opacity: 1;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover:before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover:before {
    transform: rotateX(0deg);
}

.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 {
    display: none !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 {
    color: #1b1b1b;
    font-size: 14px;
}

/* Product categories */
.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item {
    margin-bottom: 0;
	position: relative;
}

.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 {
    color: #1f1f1f;
    font-size: 15px;
    transition: all 0.4s;
    margin-bottom: 10px;
    padding-bottom: 10px;
	padding-right: 20px;
    border-bottom: 1px dashed #eee;
    display: block;
}

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

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item .count,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item .count {
    position: absolute;
    top: 0;
    right: 0;
}

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

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

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

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

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

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

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

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

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

/* 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 {
    background-color: transparent;
    border: 1px dashed #eee;
    font-size: 15px !important;
    padding: 5px 10px;
    border-radius: 50px;
    color: #515151;
    transition: all 0.4s;
}

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

/* Average rating */
.px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a {
    color: #1e1e1e;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a:hover {
    color: var(--px-color-1);
}

.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.star-rating::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a span.star-rating::before {
    color: #d9d9d9 !important;
}

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

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

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

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

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

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

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

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

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

.px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a {
    font-size: 15px;
    color: #1b1b1b;
    transition: all 0.4s;
}

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

.px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li .count,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li .count {
    color: #1b1b1b;
}

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

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

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

.px_shop_sidebar .widget_text .textwidget .wpf_form .wpf_items_wrapper .wpf_item .wpf_item_name {
    position: relative;
    width: fit-content;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--px-color-2);
    margin: 15px 0px;
    padding-bottom: 0;
    border: none;
    z-index: 1;
}

.px_shop_sidebar .widget_text .textwidget .wpf_form .wpf_items_wrapper .wpf_item .wpf_item_name:before {
    content: "\f5d7";
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
    right: 0;
    top: -15px;
    text-align: center;
    font-size: 45px;
    opacity: 0.2;
    z-index: -1;
}

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

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

.px_shop_sidebar .widget_text .textwidget .wpf_form .wpf_items_wrapper .wpf_item_price .wpf_slider .ui-slider-handle {
    border: 1px solid var(--px-color-1);
    border-radius: 0px;
}

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

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

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

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

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

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

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

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

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

.px_shop_sidebar .widget_text .textwidget .wpf_form .wpf_items_wrapper .wpf_item ul.wpf_column_horizontal li .wpf_item_count {
    float: right;
    color: #000000;
    font-size: 10px;
    border-radius: 0px;
    padding: 4px 7px;
    background: #eeeeee;
    border-radius: 50px;
}

/* Shop Sidebar CSS End */
/* -----------------------------------
       04. Sidebar CSS End Here
 
/* Shop Sidebar CSS End */
/* -----------------------------------
       05. Blog CSS
  -------------------------------------*/
/*---Blog Grid CSS & 3 Columns CSS ---*/
.px_blog_v1 .et_pb_post {
    border: 0px;
    position: relative;
    overflow: hidden;
    padding: 0px;
    background-color: transparent;
}

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

.px_blog_v1 .et_pb_post .entry-featured-image-url {
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
    outline: 2px dashed #ffffff;
    outline-offset: -10px;
    border-radius: 20px;
}

.px_blog_v1 .et_pb_post .entry-featured-image-url img {
    z-index: -1;
    height: 100%;
    object-fit: cover;
    position: relative;
    transition: all .3s ease;
}

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

/* Info Class CSS */

.px_blog_v1 .et_pb_post .px_blog_v1_info {
    display: flex;
    flex-direction: column-reverse;
}

/*---Title  CSS---*/
.px_blog_v1 .et_pb_post .entry-title {
    font-weight: 700;
    font-size: 23px;
    line-height: 1.3;
    order: 1;
    transition: all 0.4s;
}

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

/*---Post Meta  CSS---*/
.px_blog_v1 .et_pb_post .post-meta {
    order: 1;
	font-size: 13px !important;
}

.px_blog_v1 .et_pb_post .post-meta a {
	font-size: 15px !important;
}

.px_blog_v1 .et_pb_post .post-meta .author {
    font-size: 16px;
    line-height: 1.6;
    color: #171717;
    font-weight: 500;
    text-transform: capitalize;
    padding-left: 20px;
    margin-right: 15px;
    position: relative;
}

.px_blog_v1 .et_pb_post .post-meta .author:before {
    position: absolute;
    content: '\e08a' !important;
    font-family: ETmodules;
    left: 0;
    top: 0;
    color: var(--px-color-2);
}

.px_blog_v1 .et_pb_post .post-meta .published {
    padding-left: 20px;
    position: relative;
}

.px_blog_v1 .et_pb_post .post-meta .published:before {
    position: absolute;
    content: '\e025' !important;
    font-family: ETmodules;
    left: 0px;
    color: var(--px-color-2);
}

.px_blog_v1 .et_pb_post .post-meta .px_cat_v1_info {
    position: absolute;
    left: 20px;
    top: 20px;
}

.px_blog_v1 .et_pb_post .post-meta a[rel="tag"] {
    background-color: var(--px-color-1);
    display: inline-block;
    border-radius: 50px;
    color: #fff;
    margin-right: 5px;
    padding: 3px 10px;
    transition: 0.3s;
    font-weight: 600;
}

.px_blog_v1 .et_pb_post .post-meta a[rel="tag"]:hover {
    background-color: var(--px-color-2);
    transition: 0.3s;
}

/*---Blog Desc CSS---*/

.px_blog_v1 .et_pb_post .post-content .post-content-inner p {
    max-height: 69px;
    overflow: hidden;
}

.px_blog_v1 .et_pb_post .post-content .more-link {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    padding: 10px 15px 10px 15px !important;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    color: #fff;
    border-radius: 50px;
    margin-top: 15px;
    display: inline-block;
}

.px_blog_v1 .et_pb_post .post-content .more-link:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_blog_v1 .et_pb_post .post-content .more-link:hover:before {
    top: -40%;
}


.px_blog_v1 .pagination .alignleft a,
.px_blog_v1 .pagination .alignright a {
	font-size: 15px;
    font-weight: 600;
    padding: 13px 20px 13px 20px !important;
    transition: all 0.3s ease 0s;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    color: #fff;
    border-radius: 50px;
    display: inline-block;
}

.px_blog_v1 .pagination .alignleft a:before,
.px_blog_v1 .pagination .alignright a:before {
	content: "";
    position: absolute;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_blog_v1 .pagination .alignleft a:hover:before,
.px_blog_v1 .pagination .alignright a:hover:before {
	top: -40%;
}

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

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


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

/*-------------------------------------------------------
   ---------Blog Grid 2_col Columns +  Side bar CSS-------
   -----------------------------------------------------*/

/*-------RESPONSIVE CSS FOR bLOG GRID 2 COL + SIDE BAR ---*/

/*---Blog Grid 4 Columns CSS---*/
.px_blog_grid_4_col .et_pb_ajax_pagination_container {
    display: grid;
    grid-gap: 25px;
    grid-template-columns: repeat(4, 1fr);
}

/* Responsive css  for Blog  grid col 4 css  */
.px_blog_v1.px_blog_grid_4_col .et_pb_post {
	margin-bottom: 0px !important;
}

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

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

/* Blog Listing CSS */
@media only screen and (min-width: 800px) {
	.px_blog_v1.px_blog_list .et_pb_post {
		display: flex;
		margin-bottom: 30px !important;
	}
	.px_blog_v1.px_blog_list .px_blog_v1_info {
    	justify-content: start;
    	padding-left: 25px;
	}
}


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


.px_blog_single .px_post_title .et_pb_title_featured_container .et_pb_image_wrap {
	border-radius: 15px;
	overflow: hidden;
}

.px_blog_single .px_post_title .et_pb_title_meta_container {
     margin-top: 25px;
}

.px_blog_single .px_post_title .et_pb_title_meta_container .author a,
.px_blog_single .px_post_title .et_pb_title_meta_container .published,
.px_blog_single .px_post_title .et_pb_title_meta_container a[rel="category tag"],
.px_blog_single .px_post_title .et_pb_title_meta_container .comments-number a {
    display: inline;
    position: relative;
    padding: 0px 10px 0px 20px;
    font-size: 16px;
    color: #202020;
    transition: all 0.4s;
}

.px_blog_single .px_post_title .et_pb_title_meta_container .author a:hover,
.px_blog_single .px_post_title .et_pb_title_meta_container a[rel="category tag"]:hover,
.px_blog_single .px_post_title .et_pb_title_meta_container .comments-number a:hover {
	color: var(--px-color-2);
}

.px_blog_single .px_post_title .et_pb_title_meta_container .author a:before,
.px_blog_single .px_post_title .et_pb_title_meta_container .published:before,
.px_blog_single .px_post_title .et_pb_title_meta_container a[rel="category tag"]:before,
.px_blog_single .px_post_title .et_pb_title_meta_container .comments-number a:before {
	content: "";
	position: absolute;
	font-family: ETmodules;
	left: 0;
	color: var(--px-color-2);
}

.px_blog_single .px_post_title .et_pb_title_meta_container .author a:before {
	content: "\e08a";
}
.px_blog_single .px_post_title .et_pb_title_meta_container .published:before {
	content: "\e025";
}
.px_blog_single .px_post_title .et_pb_title_meta_container a[rel="category tag"]:before {
	content: "\e07c";
}
.px_blog_single .px_post_title .et_pb_title_meta_container .comments-number a:before {
	content: "\e066";
}

.px_blog_single .px_blog_single_testimonial:before {
    content: '\7b' !important;
    font-family: ETmodules !important;
    color: var(--px-color-2);
    background: transparent;
    font-size: 60px;
    left: 0;
}

.px_blog_single .px_blog_single_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {
    margin-top: 0px;
    position: relative;
    padding-left: 55px;
}

.px_blog_single .px_blog_single_testimonial .et_pb_testimonial_description .et_pb_testimonial_author:before {
    position: absolute;
    content: '';
    width: 40px;
    height: 2px;
    left: 0;
    top: 50%;
    background-color: #000;
}

.px_single_tags .et_pb_blurb_content .et_pb_blurb_description a {
    display: inline-block;
    color: #202020;
    padding: 5px 10px;
    font-weight: 600;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px dashed #dedede;
    border-radius: 50px;
    transition: 0.4s;
}

.px_single_tags .et_pb_blurb_content .et_pb_blurb_description a:hover {
	color: #ffffff;
    background-color: var(--px-color-2);
	border-color: var(--px-color-2);
}

.px_post_single_social {
    position: relative;
}

.px_post_single_social li.et_pb_social_icon a.icon {
    color: #202020;
    background-color: #ffffff !important;
    border: 1px dashed #dedede;
    transition: 0.4s;
}

.px_post_single_social li.et_pb_social_icon a.icon:hover {
    background-color: var(--px-color-2) !important;
    border-color: var(--px-color-2);
}

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

.px_post_single_social li.et_pb_social_icon a.icon:hover:before {
	color: #ffffff;
}

.px_single_author {
    background-color: var(--px-color-1);
    padding: 20px 20px 20px 0px;
    color: #FFF;
    position: relative;
    border-radius: 15px;
    margin-left: 50px;
}

.px_single_author .et_pb_member_social_links {
    position: absolute;
    content: '';
    right: 15px;
    top: 25px;
}

.px_single_author .et_pb_member_social_links li a {
    color: #fff;
    font-size: 14px;
}

.px_single_author .et_pb_member_social_links li a:hover {
    color: var(--px-color-2);
    transition: 0.3s;
}

.px_single_author .et_pb_team_member_image {
    float: left;
    margin-left: -50px;
    height: 110px;
    width: 110px;
    object-fit: cover;
    border-radius: 50%;
    border: 5px solid #fff;
    overflow: hidden;
}

/* Responsive css for blog single page */
@media only screen and (min-width:768px) and (max-width:980px) {
    .px_post_single_social {
        margin-right: auto !important;
        margin-left: 0px !important;
    }
}

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

    .px_post_title h1.entry-title {
        font-size: 1.6rem;
        padding-bottom: 15px !important;
    }

    .px_post_single_social {
        margin-right: auto !important;
        margin-left: 0px !important;
    }

    .px_single_author {
		margin-left: auto !important;
		margin-right: auto !important;
        padding: 20px;
        text-align: center;
    }

    .px_single_author .et_pb_team_member_image {
    position: relative;
    margin: auto;
    margin-bottom: 20px;
    float: none;
    }

    .px_single_author .et_pb_member_social_links {
        position: unset;
        padding: 10px 0px !important;
    }
}


/* Comment portfolio css */
.px_post_comment .page_title {
    padding-bottom: 20px;
    border-bottom: 1px solid #e4e5e7;
    margin-bottom: 30px;
}

.px_post_comment .commentlist .comment-body .comment_avatar {
	border-radius: 50%;
    overflow: hidden;
}


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

.px_post_comment .commentlist .comment-body .comment_postinfo .fn a {
    text-transform: capitalize;
}

.px_post_comment .commentlist .comment-body .comment_postinfo .comment_date {
    font-size: 15px;
    color: #373737;
}

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

.px_post_comment .commentlist .comment-body .comment_area a {
     color: var(--px-color-2);
    text-decoration: underline;
}

.px_post_comment .commentlist .comment-body .comment_area .comment-reply-link,
body #page-container .et_pb_section .px_post_comment .commentlist .comment-body .comment_area .comment-reply-link {
    overflow: hidden;
    background-color: var(--px-color-1);
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    padding: 5px 30px 5px 10px !important;
    border: none;
    z-index: 1;
}

.px_post_comment .commentlist .comment-body .comment_area .comment-reply-link:before {
   content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_post_comment .commentlist .comment-body .comment_area .comment-reply-link:hover:before {
  	top: -40%;
}

/* Comment Respond */


.px_post_comment .comment-respond .comment-form .form-submit {
    order: 7;
}

.px_post_comment .comment-respond .comment-form input[type="email"],
.px_post_comment .comment-respond .comment-form input[type="text"],
.px_post_comment .comment-respond .comment-form input[type="url"],
.px_post_comment .comment-respond .comment-form textarea#comment {
	border: 1px dashed #ddd !important;
    border-radius: 10px;
    width: 100% !important;
	box-shadow: none !important;
	background-color: #fff !important;
	transition: all 0.4s;
}

.px_post_comment .comment-respond .comment-form input[type="email"]:focus,
.px_post_comment .comment-respond .comment-form input[type="text"]:focus,
.px_post_comment .comment-respond .comment-form input[type="url"]:focus,
.px_post_comment .comment-respond .comment-form textarea#comment:focus {
	border-color: var(--px-color-1) !important;
}

.px_post_comment .comment-respond .comment-form input[type="email"],
.px_post_comment .comment-respond .comment-form input[type="text"],
.px_post_comment .comment-respond .comment-form input[type="url"] {
	border-radius: 50px;
}

.px_post_comment .comment-respond .comment-form .comment-form-cookies-consent input[type=checkbox] {
    accent-color: var(--px-color-2);
}

.px_post_comment .comment-respond .comment-form .form-submit .submit {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    padding: 12px 45px 12px 20px !important;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    font-family: 'Nunito', sans-serif;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    color: #fff;
    border: 0px;
}

.px_post_comment .comment-respond .comment-form .form-submit .submit:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_post_comment .comment-respond .comment-form .form-submit .submit:hover:before {
    top: -40%;
}

.px_post_comment .logged-in-as {
    color: #000;
}

.px_post_comment .logged-in-as a {
    color: var(--px-color-2);
	text-decoration: underline;
    font-weight: 600;
}


/* -----------------------------------
       06. Portfolio CSS
  -------------------------------------*/
/* -----------------------------------
      07. Services CSS
  -------------------------------------*/
/*---Services v1 CSS---*/
.px_services_v1 {
	border-color: #eee;
	transition: all 0.4s;
}

.px_services_v1:hover {
	border-color: var(--px-color-2);
}

/*Img Css */
.px_services_v1 .px_service_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image {
	margin-bottom: 20px;
}

.px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    background-color: var(--px-color-1);
    display: flex;
    justify-content: center;
    align-items: center;
    outline: 2px dashed #eee;
    outline-offset: 5px;
	transition: all 0.4s;
}


.px_services_v1:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
	outline-color: var(--px-color-2);
}

.px_services_v1 .px_service_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
	color: #fff;
}


/* button */
.px_services_v1 .px_service_btn {
	color: #202020;
	transition: all 0.4s;
}

.px_services_v1 .px_service_btn:hover {
	color: var(--px-color-2);
}


/*---Services Single Page CSS---*/
.px_services_single .px_services_single_btn {
	border-style: dashed !important;
    border-color: var(--px-color-2) !important;
	background-color: #fff;
    width: 100%;
    color: var(--px-color-1);
    transition: all 0.4s;
}

.px_services_single .px_services_single_btn:hover,
.px_services_single .px_services_single_btn_active {
    background-color: var(--px-color-2) !important;
	color: #fff;
}

.px_services_single .px_services_single_btn:after {
	right: 20px;
	color: var(--px-color-1);
    transition: all 0.4s;
}

.px_services_single .px_services_single_btn:hover:after,
.px_services_single .px_services_single_btn_active:after {
	color: #fff;
}

/* -----------------------------------
      08. Contact Us CSS
  -------------------------------------*/
/*---Contact Us v1  CSS---*/
.px_contact_v1 .px_contact_blurb .et_pb_blurb_content {
    display: flex;
    align-items: center;
}

.px_contact_v1 .px_contact_blurb {
    position: relative;
    padding: 40px 35px 40px;
    border-radius: 10px;
    border: 1px solid #eee;
    max-width: 420px;
    width: 100%;
}

.px_contact_v1 .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
	color: var(--px-color-1);
	border: 2px dashed var(--px-color-2);
    margin-right: 25px;
}

.px_contact_v1 .et_pb_main_blurb_image {
    width: 35%;
}

.px_contact_blurb .et_pb_blurb_container {
    padding-left: 0px !important;
}

.px_contact_blurb .et_pb_blurb_container .et_pb_module_header {
    position: absolute;
    content: '';
    top: -52px;
    text-align: center;
    width: fit-content;
    left: 0;
    font-size: 25px;
    font-weight: 900;
    display: inline-block;
    background-color: #ffff;
    padding: 0px 15px;
}

.px_contact_blurb .et_pb_blurb_container .et_pb_blurb_description p {
    font-weight: 500;
    line-height: 2;
    font-size: 17px;
    color: #000;
}

.px_contact_blurb .et_pb_blurb_container .et_pb_blurb_description p:hover {
    color: var(--px-color-2);
    transition: 0.3s;
}



.px_contact_v1 .px_contact_form_v1 .et_pb_contact_main_title {
    font-size: 2.813rem;
    font-weight: 700;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 15px;
}

/*---Contact Message CSS---*/

/*---Input CSS---*/
.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 select,
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea {
    font-weight: 400;
    color: #868686;
    padding: 15px;
    background: #fff;
    border: 1px dashed #cecece;
    border-radius: 50px;
	transition: all 0.4s;
}

.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 select:focus,
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea:focus {
	border-color: var(--px-color-1);
}

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea {
	border-radius: 10px;
	width: 100% !important;
}

/*---Button CSS---*/
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container {
    float: left !important;
    margin-top: 15px;
}

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    padding: 10px 45px 10px 15px !important;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    font-family: 'Nunito', sans-serif;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    color: #fff;
    border-radius: 50px;
    border: 0px !important;
}

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover:before {
    top: -40%;
}


/* responsive css for contact v1 */
@media only screen and (min-width:1025px) and (max-width:1140px) {
    .px_contact_blurb .et_pb_blurb_container .et_pb_blurb_description p {
        font-size: 16px;
    }
}

@media only screen and (min-width:981px) and (max-width:1024px) {
    .px_contact_blurb .et_pb_blurb_container .et_pb_blurb_description p {
        font-size: 15px;
    }
}

@media only screen and (min-width:0px) and (max-width:767px) {
    .px_contact_v1 .px_contact_form_v1 .et_pb_contact_main_title {
        font-size: 2rem;
    }

    .px_contact_blurb .et_pb_blurb_container .et_pb_module_header {
        font-size: 22px;
    }

    .px_contact_v1 .px_contact_blurb {
        padding: 40px 15px 40px;
    }
}

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

.px_team_v1 {
    position: relative;
    overflow: hidden;
    transition: all .5s ease 0s;
}

.px_team_v1 .et_pb_team_member_image {
	border: 2px dashed #eee;
    position: relative;
    overflow: hidden;
	border-radius: 50%;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
    transition: all 0.4s;
}

.px_team_v1:hover .et_pb_team_member_image {
	border-color: var(--px-color-2);
}

.px_team_v1 .et_pb_team_member_image img {
	border-radius: 50%;
}

.px_team_v1 .et_pb_team_member_description {
    position: relative;
    padding: 0px 10px 15px 10px;
}

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

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links {
    margin: 0;
    position: absolute;
    top: -145px;
    left: 0;
    right: 0;
    z-index: 9;
    transform: translateY(-15px);
    opacity: 0;
    visibility: hidden;
    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 4px;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a {
    height: 35px;
    width: 35px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    color: var(--px-color-1);
	border: 2px dashed var(--px-color-2);
    transition: all 0.4s;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover {
    background-color: var(--px-color-1);
	border-color: var(--px-color-1);
    color: #fff;
}

/* Main CSS Class Hover Css Here */

/*---Team v2  CSS---*/
.px_team_v2 {
    position: relative;
}

.px_team_v2 .et_pb_team_member_image {
    position: relative;
    display: block;
    padding: 10px;
    background-color: #ffffff;
    margin: 0 auto;
    border-radius: 50%;
}

.px_team_v2 .et_pb_team_member_image:before,
.px_team_v2 .et_pb_team_member_image:after {
    position: absolute;
    content: '';
    background-color: #ffffff;
    border-radius: 50%;
    transition: all 0.4s linear;
    z-index: -1;
}

.px_team_v2 .et_pb_team_member_image:before {
    top: -15px;
    left: 80px;
    width: 45px;
    height: 45px;
}

.px_team_v2 .et_pb_team_member_image:after {
    bottom: 20px;
    right: -5px;
    width: 70px;
    height: 70px;
}

.px_team_v2:hover .et_pb_team_member_image:before {
	background-color: var(--px-color-2);
}

.px_team_v2:hover .et_pb_team_member_image:after {
	background-color: var(--px-color-1);
}

.px_team_v2 .et_pb_team_member_image img {
    border-radius: 50%;
    transition: all 0.4s linear;
}

.px_team_v2:hover .et_pb_team_member_image img {
    filter: brightness(0.8);
}

.px_team_v2 .et_pb_team_member_description {
    margin-top: 25px;
}

.px_team_v2 .et_pb_team_member_description .et_pb_module_header {
    padding-bottom: 0px;
}

.px_team_v2 .et_pb_team_member_description .et_pb_member_position {
    color: var(--px-color-2);
}

.px_team_v2 .et_pb_team_member_description .et_pb_member_social_links {
	margin-top: 10px;
}

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

.px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    height: 35px;
    width: 35px;
    color: var(--px-color-1);
    font-size: 14px;
    border: 2px dashed var(--px-color-2);
    line-height: 40px;
    border-radius: 50px;
    transition: all 0.4s linear;
}

.px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a:hover {
    background-color: var(--px-color-1);
	border-color: var(--px-color-1);
    color: #fff;
}

/*---Team Single Page CSS---*/

.px_team_single .px_team_single_img .et_pb_image_wrap {
    border-radius: 50%;
    padding: 10px;
    border: 2px dashed var(--px-color-1);
}

.px_team_single .px_team_single_img .et_pb_image_wrap img {
	border-radius: 50%;
}

.px_team_single .px_team_single_info .et_pb_main_blurb_image .et_pb_image_wrap {
	height: 50px;
    width: 50px;
    border: 2px dashed var(--px-color-2);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}

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

.px_team_single .px_team_single_info .et_pb_blurb_container .et_pb_module_header {
	color: var(--px-color-2);
	padding-bottom: 5px;
}

.px_team_single ul.px_team_single_social li.et_pb_social_icon a.icon {
    background-color: #fff !important;
	border-radius: 50%;
    border: 2px dashed var(--px-color-2);
    transition: all 0.4s;
}

.px_team_single ul.px_team_single_social li.et_pb_social_icon a.icon:hover {
    background-color: var(--px-color-2) !important;
}

.px_team_single ul.px_team_single_social li.et_pb_social_icon a.icon:before {
    color: var(--px-color-1);
    transition: all 0.4s;
}
	
.px_team_single ul.px_team_single_social li.et_pb_social_icon a.icon:hover:before {
    color: #fff;
}

/* -----------------------------------
      10 Slider Section CSS
  -------------------------------------*/
/*---Slider v1  CSS---*/

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

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image img {
   /* max-width: 500px;
    max-height: 500px !important; */
    border-radius: 50%;
    padding: 25px;
    box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 20%);
    outline: 3px dashed var(--px-color-1);
    outline-offset: -50px;
    filter: drop-shadow(0px 0px 10px rgb(0 0 0 / 20%));
    background-color: rgb(255 255 255 / 20%);
}

/*----Descriptions css---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description {
    float: left;
}

/*---Title CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title {
    color: var(--px-color-2);
}

/*---Description CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h2 {
    font-size: 60px;
    font-weight: 700;
    line-height: 1.1;
    color: #202020;
}

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

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover:before {
    top: -40%;
}

/*---Arrow CSS---*/
.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev:before,
.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next:before {
    width: 60px;
    height: 60px;
    line-height: 57px;
    border-radius: 50%;
    background-color: #fff;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    transition: all .3s ease;
    border: 3px dashed var(--px-color-1);
}

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

/*---Dots Navigation CSS---*/

.px_slider_v1 .et-pb-controllers a {
    width: 12px;
    height: 12px;
    margin-right: 6px;
    border-radius: 0px;
    border-radius: 50px;
    transition: all 0.4s;
}

.px_slider_v1 .et-pb-controllers a.et-pb-active-control {
    width: 20px;
    transition: 0.5s;
}

/*RESPONSIVE CSS */
@media only screen and (max-width: 980px) {
	
	.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h2 {
    	font-size: 45px;
	}
	.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev {
		left: 22px;
    	opacity: 1;
	}

	.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next {
   		right: 22px;
    	opacity: 1;
	}
	.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev:before,
	.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next:before {
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 35px;
	}
}

@media only screen and (max-width: 500px) {
	
	.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h2 {
    	font-size: 35px;
	}
}

@media only screen and (min-width:0px) and (max-width:767px) {
    .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description {
        padding-left: 0px !important;
    }
}

/*---Slider v2 CSS---*/
.px_slider_v2 .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_image {
    z-index: 1;
}

.px_slider_v2 .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_image:before {
    content: "";
    position: absolute;
    height: 500px;
    width: 500px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    border-radius: 50%;
    background-color: var(--px-color-2);
    z-index: -1;
    opacity: 0.1;
}

.px_slider_v2 .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button {
	position: relative;
	overflow: hidden;
    background-color: var(--px-color-1);
	z-index: 1;
}

.px_slider_v2 .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button:after,
body #page-container .et_pb_section .px_slider_v2 .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button:after {
	content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
	margin: 0px;
    opacity: 1;
}

.px_slider_v2 .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button:hover:after,
body #page-container .et_pb_section .px_slider_v2 .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button:hover:after {
	top: -40%;
}

.px_slider_v2 .et-pb-slider-arrows {
    visibility: hidden;
    opacity: 0;
}

.px_slider_v2 .et-pb-controllers {
    position: absolute;
    left: auto;
    right: 35px;
    top: 0;
    bottom: 0;
    height: fit-content;
    width: fit-content;
    margin: auto;
    display: grid;
}

.px_slider_v2 .et-pb-controllers a {
    padding: 5px;
    outline: 2px dashed transparent;
    outline-offset: 10px;
    margin: 15px 0px 15px 0px;
    transition: all 0.4s;
}

.px_slider_v2 .et-pb-controllers a.et-pb-active-control {
    outline-color: #333;
}

/*---Slider v2 CSS---*/
.px_slider_v3 .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title {
    position: relative;
	color: var(--px-color-2);
    width: fit-content;
    margin: auto;
    padding: 10px;
	margin-bottom: 15px;
    z-index: 1;
}

.px_slider_v3 .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--px-color-2);
    opacity: 0.1;
    border-radius: 5px;
    z-index: -1;
}

.px_slider_v3 .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h2 {
	color: #202020;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
}

.px_slider_v3 .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button {
	position: relative;
	overflow: hidden;
    background-color: var(--px-color-1);
	z-index: 1;
}

.px_slider_v3 .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button:hover:after,
body #page-container .et_pb_section .px_slider_v3 .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button:after {
		content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
	margin: 0px;
    opacity: 1;
}

.px_slider_v3 .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button:hover:after,
body #page-container .et_pb_section .px_slider_v3 .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button:hover:after {
	top: -40%;
}

.px_slider_v3 .et-pb-slider-arrows {
	display: none !important;
}

.px_slider_v3 .et-pb-controllers a,
.px_slider_v3 .et-pb-controllers a.et-pb-active-control {
	background-color: var(--px-color-2);
    border-radius: 10px;
    width: 10px;
    height: 10px;
}

/* -----------------------------------
        11 faq CSS
  -------------------------------------*/
/*---Faqs v1  CSS---*/
.px_faqs_v1 .et_pb_toggle {
	transition: all 0.4s;
}

.px_faqs_v1 .et_pb_toggle:hover,
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open {
	border-color: var(--px-color-2);
}

.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {
	color: #202020;
	transition: all 0.4s;
}

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

/* -----------------------------------
        12 Timeline CSS
  -------------------------------------*/
/*---Timeline v1  CSS---*/
@media only screen and (min-width: 981px) {
.px_timeline_v1 .px_timeline_row .px_timeline_blurb_col:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 10px;
    border-width: 0px 2px 0px 2px;
    border-style: dashed;
    border-color: var(--px-color-2);
}

.px_timeline_v1 .px_timeline_row:first-child .px_timeline_blurb_col:before {
    border-width: 2px 2px 0px 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.px_timeline_v1 .px_timeline_row:last-child .px_timeline_blurb_col:before {
    border-width: 0px 2px 2px 2px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.px_timeline_v1 .px_timeline_row .px_timeline_blurb_col:after {
    content: "";
    position: absolute;
    top: 50px;
    left: 13px;
    height: 10px;
    width: 170px;
    border-width: 2px 0px 2px 0px;
    border-style: dashed;
    border-color: var(--px-color-2);
}

.px_timeline_v1 .px_timeline_row .px_timeline_blurb .et_pb_blurb_content {
    width: fit-content;
    margin: 0px 0px 0px auto;
}
}

.px_timeline_v1 .px_timeline_row .px_timeline_blurb .et_pb_main_blurb_image {
	margin-bottom: 20px;
}

.px_timeline_v1 .px_timeline_row .px_timeline_blurb .et_pb_main_blurb_image .et_pb_image_wrap {
	height: 65px;
    width: 65px;
    border: 2px dashed var(--px-color-2);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}

.px_timeline_v1 .px_timeline_row .px_timeline_blurb .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
	color: var(--px-color-1);
}


/* -----------------------------------
        13 Pricing Table CSS
  -------------------------------------*/
/*---Pricing Default CSS---*/

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table {
    position: relative;
    border: 0;
    padding: 45px 0px 20px;
    box-shadow: 0 0 30px rgb(0 0 0 / 4%);
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--px-color-2);
    opacity: 0.1;
    transition: 0.3s;
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table:hover:before {
    background-color: var(--px-color-1);
    transition: 0.3s;
    opacity: 1;
}

/* Heading Css */
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading {
    padding: 0px;
    padding-bottom: 10px;
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table:hover .et_pb_pricing_heading .et_pb_pricing_title {
    color: #fff !important;
    transition: 0.3s;
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title {
    color: #6e6e6e;
    padding: 0px 40px 10px 40px;
    transition: 0.3s;
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_best_value {
    position: absolute;
    content: ' ';
    left: 10px;
    background-color: var(--px-color-2);
    top: -35px;
    outline: 2px dashed var(--px-color-2);
    outline-offset: 3px;
    padding: 9px 0px;
    font-weight: 700;
    width: 14%;
	border-radius: 5px 5px 30px 30px;
}

/* Top Content Css */
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top {
    padding-top: 5px;
    padding-bottom: 0px;
    position: relative;
    border-bottom: 0px #bebebe;
}


.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign {
    color: #000;
    font-weight: 800;
    transition: 0.3s;
    margin-left: -10px !important;
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table:hover .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign {
    color: #fff;
    transition: 0.3s;
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum {
    color: #000;
    transition: 0.3s;
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table:hover .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum {
    color: #fff;
    transition: 0.3s;
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency {
    color: var(--px-color-2);
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency .et_pb_frequency_slash {
    display: none;
}

/* Bottom Content Css */
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content {
    padding-top: 15px;
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content .et_pb_pricing li {
    position: relative;
    color: #001d2399;
    border-bottom: 1px solid;
    border-color: rgba(0, 29, 35, .05);
    padding: 15px 0;
    transition: 0.3s;
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table:hover .et_pb_pricing_content .et_pb_pricing li {
    color: #fff;
    transition: 0.3s;
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content .et_pb_pricing li:after {
    position: absolute;
    content: '\4e' !important;
    font-family: ETmodules !important;
    right: 0;
    /* 	top:0; */
    font-size: 24px;
    font-weight: 900;
    color: green;
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content .et_pb_pricing li.et_pb_not_available:after {
    position: absolute;
    content: '\4d' !important;
    font-family: ETmodules !important;
    right: 0;
    /* 	top:0; */
    font-size: 24px;
    font-weight: 900;
    color: var(--px-color-2) !important;
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content .et_pb_pricing li.et_pb_not_available {
    color: #001d2399;
    transition: 0.3s;
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table:hover .et_pb_pricing_content .et_pb_pricing li.et_pb_not_available {
    color: #fff;
    transition: 0.3s;
}

/* Button Css */

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    padding: 12px 45px 12px 20px !important;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    font-family: 'Nunito', sans-serif;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: transparent !important;
    color: #000;
    border: 1px solid var(--px-color-2);
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table:hover .et_pb_button_wrapper .et_pb_button:before {
    top: -40%;
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table:hover .et_pb_button_wrapper .et_pb_button {
    color: #fff;
}

/*click to swith */
.px_btn1 {
    padding: 12px 45px 12px 20px !important;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: #000 !important;
    color: #fff;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    outline: 1px solid red;
    outline-offset: 2px;
}

.px_btn2 {
    padding: 12px 45px 12px 20px !important;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: #000 !important;
    color: #fff;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    outline: 1px solid red;
    outline-offset: 2px;
}

/* Pricing Row Settings */
[class*="px_pricing_tab_content_"] {
    opacity: 0;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;
    -o-transition: opacity .4s ease, transform .4s ease;
    transition: opacity .4s ease, transform .4s ease;
    visibility: hidden;
    display: none !important;
}

[class*="px_pricing_tab_content_"].px_active {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    -o-transition: opacity 1s ease, transform 1s ease;
    transition: opacity 1s ease, transform 1s ease;
    visibility: visible;
    display: block !important;
}

[class*="px_pricing_tab_content_"].animated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

@Keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

[id*="px_pricing_tab_"].px_active {
    background-color: var(--px-color-2) !important;
}

/* RESPONSIVE CSS FOR PRICING V1 */
@media only screen and (min-width:768px) and (max-width:980px) {
    .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_best_value {
        width: 8%;
    }
}


/* -----------------------------------
        14 Testimonial Section CSS
  -------------------------------------*/
/*---Testimonial v1  CSS---*/

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

.px_testimonial_v1 ul.px_review,
.px_testimonial_v2 ul.px_review {
    position: relative;
    list-style: none;
    margin: 0px 0px 10px 0px;
    padding: 0;
    text-align: left
}

.px_testimonial_v1 ul.px_review li,
.px_testimonial_v2 ul.px_review li {
    display: inline-block;
    float: none;
    margin: 0 3px;
    color: var(--px-color-2);
    font-size: 14px;
}

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

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

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

/* slider */
.px_testimonial_v1_slider .slick-dots {
	padding: 0px;
}


.px_testimonial_v1_slider .slick-dots li button {
	opacity: 0.4;
}

.px_testimonial_v1_slider .slick-dots li.slick-active button {
	opacity: 1;
}

.px_testimonial_v1_slider .slick-dots li button:before {
    font-size: 10px;
    color: var(--px-color-1);
	opacity: 1;
}

/*---Testimonial v2  CSS---*/

.px_testimonial_v2_slider .slick-prev {
    left: 0px;
}

.px_testimonial_v2_slider .slick-next {
    right: 0px;
}

.px_testimonial_v2_slider .slick-prev:before {
    content: '\34' !important;
    font-family: ETmodules !important;
    color: #000;
    opacity: 1;
    font-size: 23px;
    line-height: 0 !important;
    transition: all .3s ease;
}

.px_testimonial_v2_slider .slick-next:before {
    content: '\35' !important;
    font-family: ETmodules !important;
    color: #000;
    opacity: 1;
    font-size: 23px;
    line-height: 0 !important;
    transition: all .3s ease;
}

.px_testimonial_v2_slider .slick-arrow {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #fff;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    font-size: 0;
    transition: all .3s ease;
    border: 2px dashed var(--px-color-2);
}

.px_testimonial_v2_slider .slick-arrow:hover {
    background-color: var(--px-color-2) !important;
}

.px_testimonial_v2_slider .slick-prev:hover:before {
    color: #fff;
}

.px_testimonial_v2_slider .slick-next:hover:before {
    color: #fff;
}

@media only screen and (max-width: 767px) {
.px_testimonial_v2 ul.px_review {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
}
/* -----------------------------------
        15 About Us Section CSS
  -------------------------------------*/
/*---About Us v5 CSS---*/
.px_aboutus_v5 .px_about_blurb .et_pb_main_blurb_image {
	margin-bottom: 20px;
}

.px_aboutus_v5 .px_about_blurb .et_pb_main_blurb_image .et_pb_image_wrap {
	height: 55px;
    width: 55px;
    border: 2px dashed var(--px-color-2);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}

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

@media only screen and (max-width: 980px) {
	.px_aboutus_v5 .px_subtitle .et_pb_text_inner,
	.px_aboutus_v5 .px_title_left .et_pb_text_inner {
		text-align: center;
  }
	.px_aboutus_v5 .px_title_left .et_pb_text_inner span {
		padding: 0;
	}
	
	.px_aboutus_v5 .px_title_left .et_pb_text_inner span:after {
		display: none;
	}
}

/*---About Us v2 CSS---*/
.px_aboutus_v2 .px_aboutus_blurb .et_pb_blurb_content .et_pb_blurb_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.px_aboutus_v2 .px_aboutus_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
	padding-bottom: 0px;
}


/* -----------------------------------
        16 Choose Us Section CSS
  -------------------------------------*/
/*---Choose Us v1 CSS---*/
.px_choose_v1 .et_pb_blurb {
    background-color: #f8f8f8;
    border-top: 3px dashed var(--px-color-2);
}


.px_choose_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
    position: absolute;
    top: 0;
    bottom: 0;
}

.px_choose_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img {
	height: 100%;
    object-fit: cover;
}

.px_choose_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container {
    padding: 20px 10px 20px 115px !important;
}

.px_choose_v1 .px_video,
.px_choose_v1 .px_video .et_pb_video_box,
.px_choose_v1 .px_video .et_pb_video_box .fluid-width-video-wrapper {
	height: 100%;
}

.px_choose_v1 .px_video .et_pb_video_overlay .et_pb_video_overlay_hover .et_pb_video_play {
    height: 65px;
    width: 65px;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #fff;
    outline: 2px dashed var(--px-color-2);
    outline-offset: -6px;
    transition: all 0.4s;
}

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

/*---Choose Us v2 CSS---*/
.px_choose_v2 .px_choose_blurb .et_pb_blurb_content {
	max-width: 100%;	
}

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

.px_choose_v2 .px_choose_blurb .et_pb_main_blurb_image .et_pb_image_wrap {
    height: 65px;
    width: 65px;
    border: 2px dashed var(--px-color-2);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}

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

/* -----------------------------------
        17 Process Section CSS
  -------------------------------------*/
/*--- Shop Process v1 CSS Start ---*/
.px_shop_process_v1 .px_shop_process_blurb {
	width: fit-content !important;
}

.px_shop_process_v1 .px_shop_process_blurb .et_pb_main_blurb_image {
    margin-bottom: 20px;
}

.px_shop_process_v1 .px_shop_process_blurb .et_pb_main_blurb_image .et_pb_image_wrap {
	position: relative;
    height: 60px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 2px dashed var(--px-color-2);
    border-radius: 50%;
    transition: all 0.4s;
}

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

.px_shop_process_v1 .px_shop_process_blurb:hover .et_pb_main_blurb_image .et_pb_image_wrap,
.px_shop_process_v1 .px_shop_process_blurb_active .et_pb_main_blurb_image .et_pb_image_wrap {
	background-color: var(--px-color-2);
}

.px_shop_process_v1 .px_shop_process_blurb:hover .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon,
.px_shop_process_v1 .px_shop_process_blurb_active .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
	color: #fff;
}

.woocommerce-order-received .px_shop_process_v1 {
	display: none !important;
}

/*--- Shop Process v1 CSS End ---*/

/* -----------------------------------
        20 Skill-bar Section CSS
  -------------------------------------*/

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

.px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container {
    display: inline-block;
    width: 100%;
    border-radius: 10px;
    overflow: visible;
}

/*---Percentage CSS---*/
.px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount {
    font-size: 0px;
    padding: 0px;
    margin: 4px;
    background-color: #000;
    border-radius: 10px;
    min-height: 3px;
    height: 3px;
}

.px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount:before {
    position: absolute;
    content: '';
    width: 13px;
    height: 13px;
    line-height: 13px;
    border-radius: 50px;
    background-color: var(--px-color-1);
    right: -5px;
    top: -9px;
    border: 3px solid #fff;
}

/*---Percentage CSS---*/
.px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number {
    font-size: 16px;
    transform: translateY(-20px);
    color: var(--px-color-1);
}


/* Number Counter */
/* icon */
.px_counter_v1_icon {
    margin-bottom: 20px !important;
}

.px_counter_v1_icon .et_pb_icon_wrap .et-pb-icon {
    border: 2px dashed var(--px-color-2);
    width: 75px;
    height: 75px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	color: var(--px-color-1) !important;
}

/* -----------------------------------
        21 Counter Section CSS
  -------------------------------------*/
/*---Counter v1 CSS---*/
.px_counter_v1 .et_pb_countdown_timer_container .section {
    width: 110px;
    max-width: 110px;
    height: 110px;
    margin: 5px;
    display: inline-flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 3px dashed var(--px-color-1);
    border-radius: 50%;
}

.px_counter_v1 .et_pb_countdown_timer_container .section .value {
    order: 1;
}

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

/* -----------------------------------
        22 Newsletter Section CSS
  -------------------------------------*/

/*Form Css*/
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_form {
    position: relative;
}

/*Input Css*/
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field {
	padding-bottom: 0px;
}

.px_newsletter_v1.et_pb_newsletter_form .input {
    background-color: grey;
    border-radius: 50px;
}


/*Button Css*/
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap {
    position: absolute;
    content: '';
    right: 6px;
    top: 0;
    bottom: 0;
    height: fit-content;
    margin: auto;

}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {
    color: red;
    margin: 3px 0px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    padding: 8px 45px 8px 20px !important;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    font-family: 'Nunito', sans-serif;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    color: #fff;
    border: 0px;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover:before {
    top: -40%;
}

/* RESPONSIVE CSS FOR NEWS LETTER V1 */
@media only screen and (min-width:0px) and (max-width:767px) {
    .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap {
        position: unset;

    }
}


/* -----------------------------------
        23 CTA Section CSS
  -------------------------------------*/
/*---CTA v1 CSS---*/
.px_CTA_v1 {
	border-color: var(--px-color-2);
}

.px_CTA_v1 .et_pb_promo_description .et_pb_module_header {
	color: var(--px-color-1);
}

.px_CTA_v1 .et_pb_promo_description div h4 {
	font-size: 50px;
    font-weight: 800;
    color: #202020;
}

.px_CTA_v1 .et_pb_button_wrapper .et_pb_button {
	position: relative;
	z-index: 1;
	overflow: hidden;
	background-color: var(--px-color-1);
}

.px_CTA_v1 .et_pb_button_wrapper .et_pb_button:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_CTA_v1 .et_pb_button_wrapper .et_pb_button:hover:before {
    top: -40%;
}


/* -----------------------------------
        24 Gallery Page CSS
  -------------------------------------*/
.px_gallery_v1 .et_pb_gallery_items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}

.px_gallery_v1 .et_pb_gallery_items .et_pb_gallery_item {
	width: 100% !important;
}

.px_gallery_v1 .et_pb_gallery_items > .et_pb_gallery_item:nth-child(6n+1),
.px_gallery_v1 .et_pb_gallery_items > .et_pb_gallery_item:nth-child(6n+5){
    grid-column-end: span 2;
	grid-row: span 2;
}

.px_gallery_v1 .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image {
	height: 100%;
}

.px_gallery_v1 .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}


@media only screen and (max-width: 480px) {
	
.px_gallery_v1 .et_pb_gallery_items {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
}
.px_gallery_v1 .et_pb_gallery_items > .et_pb_gallery_item:nth-child(6n+1),
.px_gallery_v1 .et_pb_gallery_items > .et_pb_gallery_item:nth-child(6n+5){
    grid-column-end: unset;
    grid-row: unset;
}
	
.px_gallery_v1 .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image .et_overlay:before {
	border-radius: 15px;
	font-size: 18px;
}
}

/* -----------------------------------
		25 Coming Soon Page CSS
  -------------------------------------*/
.px_coming_soon_v1 .et_pb_countdown_timer_container .section .value {
	min-width: unset;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border: 2px dashed var(--px-color-2);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
	font-size: 30px !important;
    margin: auto auto 15px auto;
}

@media only screen and (max-width: 700px) {
	.px_coming_soon_v1 .et_pb_countdown_timer_container .section.values {
		width: auto;
		max-width: unset;
	}
}


@media only screen and (max-width: 480px) {
	.px_coming_soon_v1 .et_pb_countdown_timer_container .section .value {
   		height: 65px;
    	width: 65px;
		font-size: 22px !important;
	}
}

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

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

@keyframes rotateme {
    0% {
        transform: rotate(0deg);
        opacity: 1;
    }

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

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

@keyframes float_up_down {
    0% {
        transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }

    50% {
        transform: translateY(30px);
        transform: translateY(30px);
        opacity: 1;
    }

    100% {
        transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }
}


/* px_product_title_v1 CSS End */

/* -----------------------------------
      29. sell CSS
  -------------------------------------*/
.px_sell_title h3 {
    background-color: var(--px-color-2) !important;
    display: inline-block;
    padding: 6px 20px;
    clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
    border-radius: 5px;
}

/* Simple, Related, Upsell & Crosssells Products CSS Start */

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

    .px_wc_product_2col_side_img .woocommerce .products,
    .et-db #et-boc .et-l .px_wc_product_2col_side_img .woocommerce .products,
    .px_wc_product_2col_side_img .woocommerce .products .product:last-child,
    .et-db #et-boc .et-l .px_wc_product_2col_side_img .woocommerce .products .product:last-child,
    .px_wc_product_2col_side_img .woocommerce .products .product:nth-last-child(2),
    .et-db #et-boc .et-l .px_wc_product_2col_side_img .woocommerce .products .product:nth-last-child(2) {
        margin-bottom: 0px;
    }
}

.px_shop_v1 ul.products li.product,
.px_wc_related_product .related ul.products li.product,
.px_wc_upsell_product .up-sells ul.products li.product,
.px_wc_crosssells_product .cross-sells ul.products li.product {
    position: relative;
	text-align: center;
}

.px_shop_v1 ul.products li.product a span.onsale,
.px_wc_related_product .related ul.products li.product .onsale,
.px_wc_upsell_product .up-sells ul.products li.product .onsale,
.px_wc_crosssells_product .cross-sells ul.products li.product .onsale {
    left: auto !important;
    right: 13px !important;
    background-color: var(--px-color-1) !important;
    font-style: italic;
    padding: 0px 10px !important;
    border-radius: 50px !important;
}

.px_shop_v1 ul.products li.product .et_shop_image,
.px_wc_related_product .related ul.products li.product .et_shop_image,
.px_wc_upsell_product .up-sells ul.products li.product .et_shop_image,
.px_wc_crosssells_product .cross-sells ul.products li.product .et_shop_image {
    border: 2px dashed #eee;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.4s;
}

.px_shop_v1 ul.products li.product:hover .et_shop_image,
.px_wc_related_product .related ul.products li.product:hover .et_shop_image,
.px_wc_upsell_product .up-sells ul.products li.product:hover .et_shop_image,
.px_wc_crosssells_product .cross-sells ul.products li.product:hover .et_shop_image {
    border-color: var(--px-color-2);
}

.px_shop_v1 ul.products li.product .et_shop_image img,
.px_wc_related_product .related ul.products li.product .et_shop_image img,
.px_wc_upsell_product .up-sells ul.products li.product .et_shop_image img,
.px_wc_crosssells_product .cross-sells ul.products li.product .et_shop_image img {
    border-radius: 0px;
    transition: 1.3s;
    margin-bottom: 0px !important;
}

.px_shop_v1 ul.products li.product:hover .et_shop_image img,
.px_wc_related_product .related ul.products li.product:hover .et_shop_image img,
.px_wc_upsell_product .up-sells ul.products li.product:hover .et_shop_image img,
.px_wc_crosssells_product .cross-sells ul.products li.product:hover .et_shop_image img {
    transform: scale(1.1);
    transition: 1.3s;
}


.px_shop_v1 ul.products li.product .et_shop_image:hover .et_overlay,
.px_wc_related_product .related ul.products li.product:hover .et_shop_image .et_overlay,
.px_wc_upsell_product .up-sells ul.products li.product:hover .et_shop_image .et_overlay,
.px_wc_crosssells_product .cross-sells ul.products li.product:hover .et_shop_image .et_overlay {
    display: none !important;
}

.px_shop_v1 ul.products li.product .woocommerce-loop-product__title,
.px_wc_related_product .related ul.products li.product .woocommerce-loop-product__title,
.px_wc_upsell_product .up-sells ul.products li.product .woocommerce-loop-product__title,
.px_wc_crosssells_product .cross-sells ul.products li.product .woocommerce-loop-product__title {
/*     margin: 0 0 7px !important; */
    font-size: 18px !important;
    line-height: 1.2;
    font-weight: 700;
    color: #242424;
    transition: all 0.3s;
}

.px_shop_v1 ul.products li.product .woocommerce-loop-product__title:hover,
.px_wc_related_product .related ul.products li.product .woocommerce-loop-product__title:hover,
.px_wc_upsell_product .up-sells ul.products li.product .woocommerce-loop-product__title:hover,
.px_wc_crosssells_product .cross-sells ul.products li.product .woocommerce-loop-product__title:hover {
    color: var(--px-color-1);
    transition: all 0.3s;
}

.px_shop_v1 ul.products li.product .star-rating,
.px_wc_related_product .related ul.products li.product .star-rating,
.px_wc_upsell_product .up-sells ul.products li.product .star-rating,
.px_wc_crosssells_product .cross-sells ul.products li.product .star-rating {
    margin-left: auto !important;
    margin-right: auto !important;
}

.px_shop_v1 ul.products li.product .star-rating span:before,
.px_wc_related_product .related ul.products li.product .star-rating span::before,
.px_wc_upsell_product .up-sells ul.products li.product .star-rating span::before,
.px_wc_crosssells_product .cross-sells ul.products li.product .star-rating span::before {
    color: var(--px-color-2);

}

.px_shop_v1 ul.products li.product .price,
.px_wc_related_product .related ul.products li.product .price,
.px_wc_upsell_product .up-sells ul.products li.product .price,
.px_wc_crosssells_product .cross-sells ul.products li.product .price {
    font-family: Nunito, sans-serif;
    font-size: 14px;
    line-height: 1;
    color: var(--px-color-1) !important;
    font-weight: 700;
    padding-top: 1px;
}

.px_shop_v1 ul.products li.product .price .woocommerce-Price-amount,
.px_wc_related_product .related ul.products li.product .price .woocommerce-Price-amount,
.px_wc_upsell_product .up-sells ul.products li.product .price .woocommerce-Price-amount,
.px_wc_crosssells_product .cross-sells ul.products li.product .price .woocommerce-Price-amount {
    color: var(--px-color-1) !important;
    font-weight: 700;
}

.px_shop_v1 ul.products li.product .price del .woocommerce-Price-amount,
.px_wc_related_product .related ul.products li.product .price del .woocommerce-Price-amount,
.px_wc_upsell_product .up-sells ul.products li.product .price del .woocommerce-Price-amount,
.px_wc_crosssells_product .cross-sells ul.products li.product .price del .woocommerce-Price-amount {
    font-size: 18px;
    line-height: 1;
}

.px_shop_v1 ul.products li.product .price del,
.px_wc_related_product .related ul.products li.product .price del,
.px_wc_upsell_product .up-sells ul.products li.product .price del,
.px_wc_crosssells_product .cross-sells ul.products li.product .price del {
    font-size: 18px;
    line-height: 1;
    color: var(--px-color-1) !important;
}

.px_shop_v1 ul.products li.product a.button,
.px_wc_related_product .related ul.products li.product a.button,
.px_wc_upsell_product .up-sells ul.products li.product a.button,
.px_wc_crosssells_product .cross-sells ul.products li.product a.button {
    position: absolute;
    content: '';
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    height: fit-content;
    margin: auto !important;
    font-size: 15px;
    border-radius: 50px;
    padding: 10px;
    color: #fff;
    background-color: var(--px-color-1);
    transform: translateY(30px);
    border: 0px solid transparent;
    transition: all 0.4s;
    opacity: 0;
    text-align: center;
    z-index: 5;
    overflow: hidden;
}

.px_shop_v1 ul.products li.product a.button.loading,
.px_wc_related_product .related ul.products li.product a.button.loading,
.px_wc_upsell_product .up-sells ul.products li.product a.button.loading,
.px_wc_crosssells_product .cross-sells ul.products li.product a.button.loading {
    color: transparent;
}

.px_shop_v1 ul.products li.product:hover a.button,
.px_wc_related_product .related ul.products li.product:hover a.button,
.px_wc_upsell_product .up-sells ul.products li.product:hover a.button,
.px_wc_crosssells_product .cross-sells ul.products li.product:hover a.button,
.px_shop_v1 ul.products li.product a.button.loading,
.px_wc_related_product .related ul.products li.product a.button.loading,
.px_wc_upsell_product .up-sells ul.products li.product a.button.loading,
.px_wc_crosssells_product .cross-sells ul.products li.product a.button.loading {
    opacity: 1;
    transform: translateY(0px);
}

.px_shop_v1 ul.products li.product a.button:before,
.px_wc_related_product .related ul.products li.product a.button:before,
.px_wc_upsell_product .up-sells ul.products li.product a.button:before,
.px_wc_crosssells_product .cross-sells ul.products li.product a.button:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_shop_v1 ul.products li.product a.button:hover:before,
.px_wc_related_product .related ul.products li.product a.button:hover:before,
.px_wc_upsell_product .up-sells ul.products li.product a.button:hover:before,
.px_wc_crosssells_product .cross-sells ul.products li.product a.button:hover:before,
.px_shop_v1 ul.products li.product a.button.loading:before,
.px_wc_related_product .related ul.products li.product a.button.loading:before,
.px_wc_upsell_product .up-sells ul.products li.product a.button.loading:before,
.px_wc_crosssells_product .cross-sells ul.products li.product a.button.loading:before {
    top: -40%;
}

.px_shop_v1 ul.products li.product a.button:after,
.px_wc_related_product .related ul.products li.product a.button:after,
.px_wc_upsell_product .up-sells ul.products li.product a.button:after,
.px_wc_crosssells_product .cross-sells ul.products li.product a.button:after {
    content: "";
    opacity: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: fit-content;
    height: fit-content;
    font-size: 30px;
    margin: auto;
    transition: all 0.4s;
}

.px_shop_v1 ul.products li.product a.button.loading:after,
.px_wc_related_product .related ul.products li.product a.button.loading:after,
.px_wc_upsell_product .up-sells ul.products li.product a.button.loading:after,
.px_wc_crosssells_product .cross-sells ul.products li.product a.button.loading:after {
    content: "\e02d";
    color: #fff !important;
	font-family: "ETmodules";
}

.px_shop_v1 ul.products li.product a.added_to_cart,
.px_wc_related_product .related ul.products li.product .added_to_cart,
.px_wc_upsell_product .up-sells ul.products li.product .added_to_cart,
.px_wc_crosssells_product .cross-sells ul.products li.product .added_to_cart {
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 0;
    width: fit-content;
    margin: auto !important;
    font-size: 14px;
    line-height: 1.1;
    border-radius: 50px;
    padding: 8px 15px;
    color: #fff;
    background-color: var(--px-color-2);
    transition: all 800ms;
    z-index: 3;
}

.px_shop_v1 ul.products li.product a.added_to_cart:hover,
.px_wc_related_product .related ul.products li.product a.button .added_to_cart:hover,
.px_wc_upsell_product .up-sells ul.products li.product a.button .added_to_cart:hover,
.px_wc_crosssells_product .cross-sells ul.products li.product a.button .added_to_cart:hover {
    background-color: var(--px-color-1);
}

/* Simple, Related, Upsell & Crosssells Products CSS End */
/* Notice CSS */
.px_shop_v1 .woocommerce-notices-wrapper .woocommerce-message {
    background-color: var(--px-color-2);
    border-radius: 50px;
    border-left: 0.6180469716em solid rgba(0, 0, 0, .15) !important;
}

.px_shop_v1 .woocommerce-notices-wrapper .woocommerce-message a.button {
    position: relative;
    overflow: hidden;
    border-radius: 50px;
    font-size: 18px;
    color: #fff;
    padding: 8px 25px;
    background-color: var(--px-color-1);
    transition: all 0.4s;
    z-index: 1;
}

.px_shop_v1 .woocommerce-notices-wrapper .woocommerce-message a.button:hover {
    color: #202020;
}

.px_shop_v1 .woocommerce-notices-wrapper .woocommerce-message a.button:before {
    content: "";
    position: absolute;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: #fff !important;
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_shop_v1 .woocommerce-notices-wrapper .woocommerce-message a.button:hover:before {
    top: -40%;
}

.px_shop_v1 .woocommerce-notices-wrapper .woocommerce-message a.button:after {
    display: none !important;
}

/* Pagination */
.px_shop_v1 .woocommerce .woocommerce-pagination {
    text-align: center;
}

.px_shop_v1 .woocommerce .woocommerce-pagination ul.page-numbers,
.px_shop_v1 .woocommerce .woocommerce-pagination ul.page-numbers li {
	border: none !important;
}

.px_shop_v1 .woocommerce .woocommerce-pagination ul.page-numbers li {
	margin: 0px 2px;
}

.px_shop_v1 .woocommerce .woocommerce-pagination ul.page-numbers li .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 2px dashed var(--px-color-2);
    background-color: #fff;
    font-size: 16px;
    padding: 0px;
    color: #000;
    transition: all 0.4s;
}

.px_shop_v1 .woocommerce .woocommerce-pagination ul.page-numbers li .page-numbers:hover,
.px_shop_v1 .woocommerce .woocommerce-pagination ul.page-numbers li .page-numbers.current {
    background-color: var(--px-color-1) !important;
    color: #fff;
	border-color: var(--px-color-1);
}

.px_shop_v1 .woocommerce .woocommerce-pagination ul.page-numbers li .page-numbers.current:hover {
    color: #fff !important;
}

/* Result count */
.px_shop_v1 .woocommerce p.woocommerce-result-count {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    margin: 0 0 30px;
}

/* shorting order */
.px_shop_v1 .woocommerce .woocommerce-ordering .orderby {
    background-color: #f7f7f5;
    padding: 12px 5px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    color: #424242 !important;
    border: 1px solid transparent;
    border-radius: 4px;
    margin: 0 0 30px;
}

@media only screen and (max-width: 480px) {
	.px_shop_v1 ul.products li.product,
	.px_wc_related_product .related ul.products li.product,
	.px_wc_upsell_product .up-sells ul.products li.product,
	.px_wc_crosssells_product .cross-sells ul.products li.product,
	.et-db #et-boc .et-l .px_shop_v1 ul.products li.product,
	.et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product,
	.et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product,
	.et-db #et-boc .et-l .px_wc_crosssells_product .cross-sells ul.products li.product{
		width: 100% !important;
}
}


/*------ Px Shop List View CSS Start --------*/

/* products  */

.px_shop_list ul.products li.product {
	padding: 10px;
	border-radius: 10px;
	border: 2px dashed #eee;
	transition: all 0.4s;
}

.px_shop_list ul.products li.product:hover {
	border: 2px dashed var(--px-color-2);
}


.px_shop_list ul.products li.product a .onsale {
    background-color: var(--px-color-1) !important;
    font-style: italic;
    top: 15px !important;
    left: 15px !important;
    padding: 0px 10px !important;
    border-radius: 50px !important;
}

.px_shop_list ul.products li.product a .et_shop_image {
	float: left;
    height: 100px;
    width: 100px;
	border-radius: 10px;
	margin-right: 15px !important;
	border: 2px dashed #eee;
	overflow: hidden;
	transition: all 0.4s;
}

.px_shop_list ul.products li.product:hover a .et_shop_image {
	border: 2px dashed var(--px-color-2);
}

.px_shop_list ul.products li.product a .et_shop_image img {
	margin-bottom: 0px !important;
}


.px_shop_list ul.products li.product a .et_shop_image .et_overlay {
	display: none !important;
}

.px_shop_list ul.products li.product a h2.woocommerce-loop-product__title {
	font-size: 16px;
    font-weight: 700;
    color: #202020;
    transition: all 0.4s;
}

.px_shop_list ul.products li.product a h2.woocommerce-loop-product__title:hover {
    color: var(--px-color-2);
}

.px_shop_list ul.products li.product a .price {
	font-size: 16px;
    color: var(--px-color-1) !important;
}

.px_shop_list ul.products li.product a .price del[aria-hidden="true"] {
    color: #333 !important;
}


.px_shop_list ul.products li.product a .star-rating span:before {
    color: var(--px-color-2);
}

.px_shop_list ul.products li.product a.button {
	margin: 0px;
    padding: 0px;
    font-size: 0px;
    height: 35px;
    width: 35px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    border: none;
    border-radius: 5px;
    background-color: var(--px-color-1);
    overflow: hidden;
    z-index: 1;
    opacity: 1;
}

.px_shop_list ul.products li.product a.button:before {
    content: "";
    position: absolute;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    right: -50%;
    background: var(--px-color-2) !important;
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_shop_list ul.products li.product a.button:hover:before,
.px_shop_list ul.products li.product a.button.loading:before {
	top: -40%;
}

.px_shop_list ul.products li.product a.button:after {
    content: "\e015";
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    opacity: 1;
    margin: 0 !important;
    color: #fff;
}

.px_shop_list ul.products li.product a.button.loading:after {
    content: "\e02d";
	font-family: "ETmodules";
}


.px_shop_list ul.products li.product a.added_to_cart {
    padding: 0px;
    color: #202020;
    text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .px_shop_list ul.products li.product,
  .et-db #et-boc .et-l .px_shop_list ul.products li.product {
	width: 100% !important;
  }
}

/*------ Px Shop List View CSS End --------*/
/*------ Px Shop Slider View CSS Start --------*/
.px_shop_slider_v1 .woocommerce ul.products li.product {
	margin: auto !important;
}

.px_shop_slider_v1 .woocommerce ul.products li.product .onsale {
    background-color: var(--px-color-1) !important;
    font-style: italic;
    padding: 0px 10px !important;
    border-radius: 50px !important;
    left: 0 !important;
    right: 0 !important;
    width: fit-content;
    margin: auto !important;
}


.px_shop_slider_v1 .woocommerce ul.products li.product .woocommerce-loop-product__title {
	transition: all 0.4s;
}

.px_shop_slider_v1 .woocommerce ul.products li.product .woocommerce-loop-product__title:hover {
	color: var(--px-color-1);
}

.px_shop_slider_v1 .woocommerce ul.products li.product .star-rating span:before {
	color: var(--px-color-2);
}

.px_shop_slider_v1 .woocommerce ul.products li.product .price {
	color: var(--px-color-1) !important;
}

.px_shop_slider_v1 .woocommerce ul.products li.product .button {
	color: #202020;
    border: none;
    text-decoration: underline;
	background-color: transparent;
    font-size: 17px;
    padding: 0;
	opacity: 1;
	transition: all 0.4s;
}

.px_shop_slider_v1 .woocommerce ul.products li.product .button:hover {
	color: var(--px-color-1);
}

.px_shop_slider_v1 .woocommerce ul.products li.product .button.loading {
	color: transparent;
}

.px_shop_slider_v1 .woocommerce ul.products li.product .button:after {
	content: "\e02d";
	left: 0 !important;
    right: 0;
	top: 0 !important;
	bottom: 0;
	height: fit-content;
    width: fit-content;
    margin: auto;
    opacity: 0;
    visibility: hidden;
	color: var(--px-color-1);
    transition: all 0.4s;
	font-family: "ETmodules";
}

.px_shop_slider_v1 .woocommerce ul.products li.product .button.loading:after {
	opacity: 1;
	visibility: visible;
}


.px_shop_slider_v1 .woocommerce ul.products li.product .added_to_cart {
	display: block;
    color: var(--px-color-2);
    text-decoration: underline;
}

.px_shop_slider_v1 .slick-arrow {
	height: 40px;
    width: 40px;
    border: 2px dashed #303030;
	background-color: #fff;
    border-radius: 50%;
    z-index: 99;
	transition: all 0.4s;
}

.px_shop_slider_v1 .slick-arrow:hover {
	border: 2px dashed var(--px-color-2);
}

.px_shop_slider_v1 .slick-arrow:before {
    font-family: "ETmodules";
    font-size: 22px;
    font-weight: 600;
    color: #202020;
	transition: all 0.4s;
}

.px_shop_slider_v1 .slick-arrow:hover:before {
	color: var(--px-color-1);
}

.px_shop_slider_v1 .slick-arrow.slick-prev:before {
	content: "\23";
}

.px_shop_slider_v1 .slick-arrow.slick-next:before {
	content: "\24";
}

@media only screen and (max-width: 980px) {
.px_shop_slider_v1 ul.products .slick-list .slick-track {
	display: flex;
}
}

/*------ Px Shop Slider View CSS End --------*/
/*------ px_shop_banner CSS  start --------*/

/*------ px_shop_Categories CSS start --------*/
.px_shop_categories .px_shop_cate_blurb .et_pb_main_blurb_image .et_pb_image_wrap {
    position: relative;
    border-radius: 50%;
    padding: 10px;
    border: 2px dashed #eeeeee;
    transition: all 0.4s;
    overflow: hidden;
    z-index: 1;
}

.px_shop_categories .px_shop_cate_blurb:hover .et_pb_main_blurb_image .et_pb_image_wrap {
    border-color: var(--px-color-2);
}

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

.px_shop_categories .px_shop_cate_blurb:hover .et_pb_main_blurb_image .et_pb_image_wrap img {
    transform: scale(1.1);
}

.px_shop_categories .px_shop_cate_blurb:hover .et_pb_blurb_container .et_pb_module_header {
    color: var(--px-color-2) !important;
    transition: 0.3s;
}

/*--------- px_shop_Categories CSS End ---------*/
/*--------- px_shop_Categories  V2 CSS Start ---------*/
.px_shop_categories_v2,
.px_shop_categories_v2 .et_pb_main_blurb_image .et_pb_image_wrap {
	border-color: transparent;
	transition: all 0.4s;
}

.px_shop_categories_v2:hover,
.px_shop_categories_v2:hover .et_pb_main_blurb_image .et_pb_image_wrap {
	border-color: var(--px-color-1);
}

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

.px_shop_categories_v2:hover .et_pb_main_blurb_image .et_pb_image_wrap img {
	transform: scale(1.1);
}

/*--------- px_shop_Categories  V2 CSS End ---------*/
/*--------------------------------------
   ------- 00. Single Product Page CSS----
   -------------------------------------*/
/* px_product_title_v1 CSS Start */


.px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb a {
    padding: 5px 12px;
    border-radius: 20px;
    color: #ffffff !important;
    background-color: var(--px-color-2);
    transition: all .45s;
    white-space: nowrap;
    margin-bottom: 1rem;
}

.px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb a:hover {
    background-color: #000;
    transition: all .45s;
}

/* px_product_title_v1 CSS End */


/* px_wc_product_details CSS Start ----same as cart notice----*/

.px_wc_notice .woocommerce-message a.button {
    letter-spacing: 0;
    line-height: 1;
    padding: 8px 35px 8px 20px !important;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    font-family: 'Nunito', sans-serif;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    color: #fff;
    border-radius: 50px !important;
}

.px_wc_notice form .form-row .button {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
}

.px_wc_notice form .form-row .button:before,
.px_wc_notice .woocommerce-message a.button:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: #fff !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_wc_notice form .form-row .button:before {
    background: var(--px-color-2) !important;
}

.px_wc_notice form .form-row .button:hover:before,
.px_wc_notice .woocommerce-message a.button:hover:before {
    top: -40%;
}

.px_wc_notice .woocommerce-message a.button:hover {
    color: var(--px-color-2) !important;
}

.px_wc_notice form .lost_password a {
    color: var(--px-color-2) !important;
    text-decoration: underline;
}

/* Responsive css for px_wc_notice */
@media only screen and (min-width:0px) and (max-width:767px) {
    .px_wc_notice .woocommerce-notices-wrapper .woocommerce-message a {
        float: unset !important;
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }
}


/* px_wc_product_details CSS End */


/* px_wc_product_img CSS Start */


.px_wc_product_img .et_pb_module_inner .onsale {
    background-color: var(--px-color-1) !important;
    border-radius: 50px !important;
}

@media only screen and (max-width: 980px) {
	.px_wc_product_img .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image .zoomImg {
		display: none !important;
	}
}

/* px_wc_product_img CSS End */




/* px_wc_product_price CSS Start */

.px_wc_product_price .price {
    font-weight: 800;
    font-size: 30px !important;
    line-height: 41px;
    letter-spacing: 1px;
    color: #000 !important;
}

.px_wc_product_price .price .woocommerce-Price-amount {
    color: #000;
}

.px_wc_product_price .price del {
    color: #000;
}

/* px_wc_product_price CSS End */

/* px_wc_short_desc CSS End */
/* px_wc_rating css start */


.px_wc_rating .woocommerce-product-rating .star-rating span:before {
    color: var(--px-color-2);
}

.px_wc_rating .woocommerce-product-rating .woocommerce-review-link {
    color: var(--px-color-2);
}

/* px_wc_rating css end */

/* px_wc_meta CSS Start */

.px_wc_meta .product_meta {
    padding-top: 20px;
    border-top: 2px dashed var(--px-color-2);
}


.px_wc_meta .product_meta .sku_wrapper,
.px_wc_meta .product_meta .posted_in,
.px_wc_meta .product_meta .tagged_as {
    position: relative;
    padding-left: 22px;
    color: #000;
    margin-bottom: 15px;
    display: block;
    letter-spacing: 0.5px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.px_wc_meta .product_meta .sku_wrapper:before,
.px_wc_meta .product_meta .posted_in:before,
.px_wc_meta .product_meta .tagged_as:before {
    position: absolute;
    content: '\e0a5' !important;
    font-family: ETmodules !important;
    color: var(--px-color-2);
    left: 0;

}

.px_wc_meta .product_meta .posted_in a,
.px_wc_meta .product_meta .tagged_as a {
    display: inline-block;
    font-size: 14px !important;
    transition: all 0.4s;
    color: #202020;
	text-decoration: underline;
}

.px_wc_meta .product_meta .posted_in a:hover,
.px_wc_meta .product_meta .tagged_as a:hover {
	color: var(--px-color-2);
}

/* px_wc_meta CSS End */

/*----- px_wc_add_to_cart_info CSS Start -----*/

/* Simple product */

.px_wc_add_to_cart_info .cart .quantity .input-text {
    border-radius: 90px;
    line-height: 1.23536;
    font-weight: 400;
    text-overflow: ellipsis;
    border: 1px dashed #e4e5e7 !important;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    background-color: #fff;
	transition: all 0.4s;
}

.px_wc_add_to_cart_info .cart .quantity .input-text:hover,
.px_wc_add_to_cart_info .cart .quantity .input-text:focus {
    border-color: var(--px-color-2) !important;
}

.px_wc_add_to_cart_info .cart .single_add_to_cart_button {
    letter-spacing: 0;
    line-height: 1;
    padding: 12px 20px !important;
    text-transform: capitalize;
    transition: all 0.3s ease 0s !important;
    font-family: 'Nunito', sans-serif;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    color: #fff !important;
    border-radius: 50px !important;
}

.px_wc_add_to_cart_info .cart .single_add_to_cart_button:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_wc_add_to_cart_info .cart .single_add_to_cart_button:hover:before {
    top: -40%;
}

.px_wc_add_to_cart_info .cart .single_add_to_cart_button:hover {
    color: #fff;
}

/* Variable product */

.px_wc_add_to_cart_info .variations_form .variations tbody {
    border-bottom: 2px dashed var(--px-color-2);
}


.px_wc_add_to_cart_info .variations_form .variations tbody tr:last-child th,
.px_wc_add_to_cart_info .variations_form .variations tbody tr:last-child td {
	padding-bottom: 0px;
}

.px_wc_add_to_cart_info .variations_form .variations tbody tr th {
    position: relative;
    padding-left: 22px;
    color: #000;
    margin-bottom: 10px;
    display: block;
    letter-spacing: 0.5px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.px_wc_add_to_cart_info .variations_form .variations tbody tr th:before {
    position: absolute;
    content: '\e0a5' !important;
    font-family: ETmodules !important;
    color: var(--px-color-2);
    left: 0;
}

.px_wc_add_to_cart_info .variations_form .variations tbody tr td {
    padding: 0.5rem;
}

.px_wc_add_to_cart_info .variations_form .variations tbody tr td select,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .variations_form .variations tbody tr td select {
    border-radius: 90px !important;
    font-weight: 600 !important;
    border: 1px dashed #e4e5e7 !important;
    padding: 10px 16px !important;
    background-color: #ffffff !important;
    transition: all 0.4s;
    font-size: 15px !important;
}

.px_wc_add_to_cart_info .variations_form .variations tbody tr td select:hover,
.px_wc_add_to_cart_info .variations_form .variations tbody tr td select:focus,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .variations_form .variations tbody tr td select:hover,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .variations_form .variations tbody tr td select:focus {
	border-color: var(--px-color-2) !important;
}

.px_wc_add_to_cart_info .variations_form .variations tbody tr td span:after {
    margin-top: -4px !important;
}

.px_wc_add_to_cart_info .variations_form .variations tbody tr td .reset_variations {
    margin-bottom: 1rem;
    display: block !important;
    float: left !important;
    margin-top: 1rem;
	margin-bottom: 0px !important;
    text-align: center;
    font-weight: 600;
    visibility: visible;
    width: 100px;
    border-radius: 90px;
    padding: 5px 15px;
    line-height: 22px;
    letter-spacing: 1px;
    font-size: 0.875rem;
    transition: all .45s;
    border: 1px solid var(--px-color-2);
    color: var(--px-color-2);
    background: transparent;
    box-shadow: none;
}

.px_wc_add_to_cart_info .variations_form .variations tbody tr td .reset_variations:hover {
    color: #fff;
    background: var(--px-color-2) !important;
}

.px_wc_add_to_cart_info .single_variation_wrap {
    padding: 15px 0px;
}


.px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price {
    font-weight: 800;
    font-size: 30px;
    line-height: 41px;
    letter-spacing: 1px;
    padding: 1rem;
    margin-bottom: 1rem;
    display: inline-block;
    color: var(--px-color-2) !important;
    position: relative;
}

.px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 8px;
    left: 0;
    background-color: var(--px-color-2);
    opacity: 0.05;
}

.px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-add-to-cart .quantity .input-text,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-add-to-cart .quantity .input-text {
	border-radius: 90px;
    line-height: 1.23536;
    font-weight: 400;
    text-overflow: ellipsis;
    border: 1px dashed #e4e5e7 !important;
}

.px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-add-to-cart .quantity .input-text:hover,
.px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-add-to-cart .quantity .input-text:focus,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-add-to-cart .quantity .input-text:hover,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-add-to-cart .quantity .input-text:focus  {
	    border-color: var(--px-color-2) !important;
}


/* External/Affiliate product */


/* Grouped product */

.px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list {
    margin-bottom: 20px;
}
.px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td {
    color: var(--px-color-2);
    font-weight: 600;
    vertical-align: middle !important;
}


.px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td .quantity .input-text,
.et-db #et-boc .et-l .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td .quantity .input-text {
	border: 1px dashed #e4e5e7 !important;
	border-radius: 50px;
	transition: all 0.4s;
}


.px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td label a {
    color: #000;
    font-size: 15px;
    font-weight: 600;
}

/* RESPONSIVE CSS FOR ADD TO CART INFO CSS */

/*----- px_wc_add_to_cart_info CSS End ------*/

/* px_wc_product_tabs CSS Start */
.px_wc_product_tabs {
    border: 0px !important;
}

.px_wc_product_tabs .et_pb_tabs_controls {
    background-color: transparent !important;
    margin-bottom: 20px;
}

.px_wc_product_tabs .et_pb_tabs_controls:after {
    border: 0px !important;
}

.px_wc_product_tabs li {
    border: 0px !important;
}

.px_wc_product_tabs li a {
    display: inline-block !important;
    font-weight: 600;
    color: #202020;
    text-decoration: none;
    font-size: 20px;
    padding: 5px 10px 5px 10px !important;
    margin-right: 10px;
    border: 1px dashed;
    border-radius: 50px;
    transition: all 0.4s;
}

.px_wc_product_tabs li.et_pb_tab_active a,
.et-db #et-boc .et-l .px_wc_product_tabs li.et_pb_tab_active a {
    position: relative;
    padding-left: 40px !important;
    color: var(--px-color-2) !important;
    height: auto;
}

.px_wc_product_tabs li.et_pb_tab_active a:before {
    position: absolute;
    content: '\e0a5' !important;
    font-family: ETmodules !important;
    left: 10px;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab {
    padding: 0 !important;
    border: none;
    position: relative;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab.et_pb_active_content {
    font-size: 15px;
    line-height: 30px;
    color: #0b0b0c;
}


.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.5;
    margin: 2rem 0 1.5rem;
}


.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody tr th {
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    width: 150px;
    border-bottom: 1px dotted rgba(0, 0, 0, .1);
    color: #000;
    font-size: 16px;
}


.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .woocommerce-Reviews-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.5;
    margin: 2rem 0 1.5rem;
    padding: 0;
}


.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .woocommerce-noreviews {
    color: #000;
    padding: 7px 0px;
    font-size: 18px;
}


.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab #reviews #comments ol.commentlist li img.avatar,
.woocommerce-page #reviews #comments ol.commentlist li img.avatar {
    border-radius: 50px;
}


.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .star-rating span::before {
    color: var(--px-color-2);
}


.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta .woocommerce-review__author {
    color: #202020;
    text-transform: capitalize;
    font-size: 17px;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta .woocommerce-review__dash {
    color: #666;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta .woocommerce-review__published-date {
    color: #666;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .description p {
    color: #000;
}


.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-reply-title {
    color: #000;
    font-size: 25px;
    font-weight: 600;
}


.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars {
    margin-top: 15px;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars span a {
    color: var(--px-color-2);
}


.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment textarea {
    border: 1px dashed #e4e4e4;
    padding: 1rem;
    background: transparent;
    border-radius: 10px;
	width: 100% !important;
	transition: all 0.4s;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment textarea:hover,
.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment textarea:focus {
    border-color: var(--px-color-2);
}


.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit input.submit {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    padding: 12px 20px 12px 20px !important;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--px-color-1);
    color: #fff;
    border: 0;
	border-radius: 50px;
}

.px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit input.submit:hover {
    background-color: var(--px-color-2) !important;
}

/* Responsive css for products tabs */
@media only screen and (min-width:0px) and (max-width:767px) {
    .px_wc_product_tabs li {
        border: 1px solid #e5e5e5;
        padding: 1rem !important;
        margin-bottom: 0.25rem;
        height: auto !important;
    }

    .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .woocommerce-Reviews-title {
        font-size: 20px;
    }

    .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab #reviews #comments ol.commentlist li img.avatar,
    .woocommerce-page #reviews #comments ol.commentlist li img.avatar {
        width: 50% !important;
        float: unset;
        position: unset;
    }

    .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab #reviews #comments ol.commentlist li .comment-text,
    .woocommerce-page #reviews #comments ol.commentlist li .comment-text {
        margin: 0 0 0 0px !important;
        padding: 1rem !important;
    }

    .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab {
        padding: 1rem 1.5rem 2rem 1.5rem;
    }
}

/* px_wc_product_tabs CSS End */



/*--------------------------------------
   ------- 00. Cart Page CSS-------------
   -------------------------------------*/

/* notify us for empty msg  */
.px_wc_notice .woocommerce-info {
    margin: 0 0 30px !important;
    padding: 1em 1.618em;
    background-color: var(--px-color-2);
    border-radius: 2px;
    color: #fff;
    clear: both;
    border-left: 0.6180469716em solid rgba(0, 0, 0, .15) !important;
}

.px_wc_notice .woocommerce-info a {
    text-decoration: underline;
}

/* updated Message */
.px_wc_notice .woocommerce-notices-wrapper .woocommerce-message {
    margin: 0 0 30px !important;
    padding: 1em 1.618em;
    background-color: var(--px-color-2);
    border-radius: 50px;
    color: #fff;
    clear: both;
    border-left: 0.6180469716em solid rgba(0, 0, 0, .15) !important;
}


/* error message should be red */
.px_wc_notice .woocommerce-notices-wrapper .woocommerce-error {
    margin: 0 0 30px !important;
    padding: 1em 1.618em;
    background-color: var(--px-color-2);
    border-radius: 50px;
    color: #fff;
    clear: both;
    border-left: 0.6180469716em solid rgba(0, 0, 0, .15) !important;
}

/* Return to shop button */
.px_wc_notice .return-to-shop {
    text-align: center;
}

.px_wc_notice .return-to-shop a {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    padding: 12px 45px 12px 20px !important;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    font-family: 'Nunito', sans-serif;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    color: #fff;
}

.px_wc_notice .return-to-shop a:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_wc_notice .return-to-shop a:hover:before {
    top: -40%;
}

.px_wc_notice .return-to-shop a:hover {
    color: #fff !important;
}


/* -------- Cart product css -------------- */


.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-quantity .quantity input.qty {
    transition: all 0.4s;
}

.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-quantity .quantity input.qty:hover,
.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-quantity .quantity input.qty:focus {
    border-color: var(--px-color-1) !important;
}

/* coupon */
.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .input-text {
    transition: all 0.4s;
}

.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .input-text:hover,
.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .input-text:focus {
    border-color: var(--px-color-1) !important;
}

.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .button {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
}

.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .button:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}


.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .button:hover:before {
    top: -40%;
}

/* upgrade button*/
.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .button {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
}

.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .button:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .button:hover:before {
    top: -40%;
}

/* -------- Cart totals css -------------- */

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

.px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
}

.px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button:hover:before {
    top: -40%;
}

.px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--px-color-1) !important;

}

.px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:hover:before {
    top: -40%;
}

/*--------------------------------------
   ------- 00. Checkout Page CSS---------
   -------------------------------------*/


/* woo notice */

.px_wc_notice .woocommerce-form-coupon-toggle .woocommerce-info a {
    text-decoration: underline;
}

.px_wc_notice .woocommerce-error {
	margin: 0 0 30px !important;
    padding: 1em 1.618em;
    background-color: var(--px-color-2);
    border-radius: 50px;
    color: #fff;
    clear: both;
    border-left: 0.6180469716em solid rgba(0, 0, 0, .15) !important;
}


/*------ Checkout Details ------*/

.px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper input,
.px_checkout_details form .woocommerce-billing-fields__field-wrapper .select2 .select2-selection {
    transition: all 0.4s;
}

.px_checkout_details form .woocommerce-billing-fields__field-wrapper .select2 .select2-selection:hover,
.px_checkout_details form .woocommerce-billing-fields__field-wrapper .select2 .select2-selection:focus,
.px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper input:hover,
.px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper input:focus {
    border-color: var(--px-color-1) !important;
}

.px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper input,
.px_checkout_address form .woocommerce-shipping-fields__field-wrapper .select2 .select2-selection {
    transition: all 0.4s;
}

.px_checkout_address form .woocommerce-shipping-fields__field-wrapper .select2 .select2-selection:hover,
.px_checkout_address form .woocommerce-shipping-fields__field-wrapper .select2 .select2-selection:focus,
.px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper input:hover,
.px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper input:focus {
    border-color: var(--px-color-1) !important;
}

/* Addition Information */

.px_checkout_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes .woocommerce-input-wrapper textarea {
    transition: all 0.4s;
}

.px_checkout_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes .woocommerce-input-wrapper textarea:hover,
.px_checkout_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes .woocommerce-input-wrapper textarea:focus {
    border-color: var(--px-color-1) !important;
}

/*------ Checkout Order ------*/


/* error msg css */
.px_checkout_payment .checkout .woocommerce-error {
    background-color: var(--px-color-1);
    border-radius: 10px;
}

/* Payment Methods */

.px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box {
    border-radius: 5px !important;
}

/* Place Order */
.px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order {
    margin-top: 5px;
}


.px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .woocommerce-privacy-policy-text p {
    font-size: 16px;
    color: #353535;
}

.px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .woocommerce-privacy-policy-text p a {
    color: var(--px-color-2) !important;
    text-decoration: underline;
}

.px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button {
    float: left !important;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
}

.px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button:hover:before {
    top: -40%;
}

/* final order & Downloads css */
.px_checkout_payment .checkout .woocommerce-checkout-payment .wc_payment_methods li .woocommerce-info {
    background-color: var(--px-color-2);
    border-radius: 10px;
    margin-bottom: 10px !important;
}

.px_checkout_payment .woocommerce-order p {
    color: #000;
    margin: 25px 0px;
    font-size: 20px;
    font-weight: 600;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details h2.woocommerce-order-details__title,
.px_checkout_payment .woocommerce-order .woocommerce-order-downloads h2.woocommerce-order-downloads__title {
    font-weight: 700;
    margin-bottom: 15px;
    color: #000;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-table,
.px_checkout_payment .woocommerce-order .woocommerce-order-downloads .woocommerce-table {
    border: 0px;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-table tr th,
.px_checkout_payment .woocommerce-order .woocommerce-order-downloads .woocommerce-table tr th {
    color: #000;
    font-size: 18px;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-table td,
.px_checkout_payment .woocommerce-order .woocommerce-order-downloads .woocommerce-table td {
    color: #000;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-table td a,
.px_checkout_payment .woocommerce-order .woocommerce-order-downloads .woocommerce-table td a {
    color: #000;
    transition: all 0.4s;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-table td a:hover,
.px_checkout_payment .woocommerce-order .woocommerce-order-downloads .woocommerce-table td a:hover {
    color: var(--px-color-2);

}

.px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-table td .product-quantity,
.px_checkout_payment .woocommerce-order .woocommerce-order-downloads .woocommerce-table td .product-quantity {
    color: #000;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details .order-again a.button,
.px_checkout_payment .woocommerce-order .woocommerce-order-downloads .woocommerce-table tr td a.button {
    position: relative;
    font-size: 16px;
    color: #fff;
    border: none;
    border-radius: 50px;
    background-color: var(--px-color-1);
    padding: 12px 25px !important;
    overflow: hidden;
    z-index: 1;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details .order-again a.button:before,
.px_checkout_payment .woocommerce-order .woocommerce-order-downloads .woocommerce-table tr td a.button:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details .order-again a.button:hover:before,
.px_checkout_payment .woocommerce-order .woocommerce-order-downloads .woocommerce-table tr td a.button:hover:before {
    top: -40%;
}

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

.px_checkout_payment .woocommerce-customer-details .woocommerce-column h2.woocommerce-column__title {
    font-weight: 700;
    margin-bottom: 15px;
    color: #000;
}

.px_checkout_payment .woocommerce-customer-details .woocommerce-column address {
    color: #000;
    border: 1px solid #eee !important;
    border-radius: 10px;
}

.px_checkout_payment .woocommerce-customer-details .woocommerce-column address .woocommerce-customer-details--phone {
    font-size: 16px;
    margin-top: 10px;
    padding-bottom: 0px;
}

.px_checkout_payment .woocommerce-customer-details .woocommerce-column address .woocommerce-customer-details--email {
    font-size: 16px;
    margin-top: 10px;
    padding-bottom: 10px;
}

/* Checkout Login Form CSS */
.px_checkout_payment .woocommerce-info {
    background-color: var(--px-color-2);
    border-radius: 50px;
    clear: both;
    border-left: 0.6180469716em solid rgba(0, 0, 0, .15) !important;
}

.px_checkout_payment .woocommerce-form {
    border-color: #eee !important;
    border-radius: 10px !important;
}

.px_checkout_payment .woocommerce-form .form-row {
    margin: 0 !important;
}

.px_checkout_payment .woocommerce-form .form-row label {
    color: #000;
}

.px_checkout_payment .woocommerce-form .form-row input {
    background: #fff !important;
    border: 1px solid #eee !important;
    border-radius: 50px !important;
    padding: 14px !important;
}

.px_checkout_payment .woocommerce-form .form-row .button {
    position: relative;
    font-size: 16px;
    color: #fff;
    border: none;
    border-radius: 50px;
    background-color: var(--px-color-1);
    padding: 12px 25px !important;
    overflow: hidden;
    z-index: 1;
}

.px_checkout_payment .woocommerce-form .form-row .button:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_checkout_payment .woocommerce-form .form-row .button:hover:before {
    top: -40%;
}

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

.px_checkout_payment .woocommerce-form .lost_password a {
    color: var(--px-color-2);
    text-decoration: underline;
}

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

/*-------------------------------------------
    My Account Page CSS
  -------------------------------------------*/

.px_my_account .woocommerce .u-columns .u-column1 {
    width: 100%;
}

.px_my_account .woocommerce .u-columns .u-column1 .woocommerce-form {
    border: 0px;
}

.px_my_account .woocommerce .u-columns .u-column2 {
    width: 100%;
    margin-top: 30px;
}

.px_my_account .woocommerce .u-columns .u-column2 .woocommerce-form {
    border: 0px;
}

.px_my_account .woocommerce .woocommerce-notices-wrapper .woocommerce-error {
    background-color: var(--px-color-2);
    border-radius: 2px;
    color: #fff;
    clear: both;
    border-left: 0.6180469716em solid rgba(0, 0, 0, .15) !important;
    padding-top: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 15px !important;
    margin-top: 0em !important;
    margin-right: 0em !important;
    margin-bottom: 2em !important;
    margin-left: 0em !important;
}

/* Register Form CSS */

.px_my_account .woocommerce .woocommerce-form-register p {
    color: #000;
}


.px_my_account .woocommerce .woocommerce-form-register .form-row label {
    color: #282344;
    display: block;
    margin-bottom: 0.5em;
    font-weight: 600;
    font-size: 14px;
}

.px_my_account .woocommerce .woocommerce-form-register .form-row label .required {
    border-bottom: 1px dotted #e2401c !important;
}

.px_my_account .woocommerce .woocommerce-form-register .form-row input.input-text {
    padding: 14px 30px;
    color: #605c78;
    border: 1px solid #e5e5e5;
    -webkit-appearance: none;
    border-radius: 30px;
    box-sizing: border-box;
    outline: 0;
    transition: all ease-in-out .3s;
    font-size: 14px;
    line-height: 24px;
    background-color: transparent;
}

.px_my_account .woocommerce .woocommerce-form-register .form-row input.input-text:focus {
    border-color: var(--px-color-1) !important;
}

.px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    padding: 7px 20px 7px 20px !important;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    font-family: 'Nunito', sans-serif;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    color: #fff;
    border: 0px;
    border-radius: 50px;
    margin-top: 20px;
}

.px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit:hover:before {
    top: -40%;
}

.px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit:after {
    opacity: 0;
}

.px_my_account .woocommerce .woocommerce-form-register .woocommerce-privacy-policy-text p {
    color: #000;
}

.px_my_account .woocommerce .woocommerce-form-register .woocommerce-privacy-policy-text p a {
    color: var(--px-color-2);
    font-weight: 800;
}

/* Login Form CSS */
.px_my_account .woocommerce h2 {
    font-size: 22px;
    line-height: 1;
    margin-bottom: 30px;
    margin: 0 0 0em;
    color: #282344;
    font-weight: 700;
    padding-bottom: 0px;
}

/* Label CSS */
.px_my_account .woocommerce .woocommerce-form-login .form-row label {
    color: #282344;
    display: block;
    margin-bottom: 0.5em;
    font-weight: 600;
    font-size: 14px;
}

.px_my_account .woocommerce .woocommerce-form-login .form-row label .required {
    border-bottom: 1px dotted #e2401c !important;
}

/* Input Field CSS */
.px_my_account .woocommerce .woocommerce-form-login .form-row input.input-text {
    padding: 14px 30px;
    color: #605c78;
    border: 1px solid #e5e5e5;
    -webkit-appearance: none;
    border-radius: 30px;
    box-sizing: border-box;
    outline: 0;
    transition: all ease-in-out .3s;
    font-size: 14px;
    line-height: 24px;
    background-color: transparent;
}

.px_my_account .woocommerce .woocommerce-form-login .form-row input.input-text:focus {
    border-color: var(--px-color-1) !important;
}

/* Remember me checkbox password */

.px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form__label input[type=checkbox] {
    accent-color: var(--px-color-1);
}

/* Button CSS */
.px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    padding: 7px 20px 7px 20px !important;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    font-family: 'Nunito', sans-serif;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    color: #fff;
    border: 0px;
    border-radius: 50px;
}

.px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit:hover:before {
    top: -40%;
}

.px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit::after {
    opacity: 0 !important;
}

/* Lost Password CSS */

.px_my_account .woocommerce .woocommerce-form-login .woocommerce-LostPassword a {
    color: var(--px-color-2);
    font-weight: 700;
    border-bottom: 3px dotted var(--px-color-2);
}

/* Reset Password CSS */

.px_my_account .woocommerce .woocommerce-ResetPassword p {
    color: #000;
}


.px_my_account .woocommerce .woocommerce-ResetPassword .form-row label {
    color: #282344;
    display: block;
    margin-bottom: 0.5em;
    font-weight: 600;
    font-size: 14px;
}

.px_my_account .woocommerce .woocommerce-ResetPassword .form-row input.input-text {
    padding: 14px 30px;
    color: #605c78;
    border: 1px solid #e5e5e5;
    -webkit-appearance: none;
    border-radius: 30px;
    box-sizing: border-box;
    outline: 0;
    transition: all ease-in-out .3s;
    font-size: 14px;
    line-height: 24px;
    background-color: transparent;
}

.px_my_account .woocommerce .woocommerce-ResetPassword .form-row input.input-text:focus {
    border-color: var(--px-color-1) !important;
}

.px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    padding: 7px 20px 7px 20px !important;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    font-family: 'Nunito', sans-serif;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    color: #fff;
    border: 0px;
    border-radius: 50px;
    margin-top: 10px;
}

.px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button:hover:before {
    top: -40%;
}

.px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button::after {
    opacity: 0 !important;
}



/* MyAccount page dashboard css*/

/* Navigation CSS */
.px_my_account .woocommerce .woocommerce-MyAccount-navigation {
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    box-shadow: 0px 14px 48px 0px rgba(0, 0, 0, 0.13);
    padding-top: 30px !important;
    padding-right: 0px !important;
    padding-bottom: 30px !important;
    padding-left: 0px !important;
    background-color: var(--px-color-2);
}

.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul {
    list-style-type: circle;
    list-style-position: inside;
    padding: 0;
}

.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li {
    background-color: RGBA(0, 0, 0, 0);
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 60px !important;
    margin-bottom: 6px !important;
    transition: background-color 300ms ease 0ms, background-image 300ms ease 0ms;
    position: relative;
}

.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:after {
    position: absolute;
    content: '';
    width: 7px;
    height: 100%;
    left: -10px;
    top: 0;
    background-color: #fff;
    transition: 0.3s;
}

.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:hover:after,
.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active:after {
    left: 0;
    transition: 0.3s;
}

.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:before {
    position: absolute;
    content: '';
    width: 0%;
    height: 100%;
    left: 0px;
    top: 0;
    background-color: rgba(255, 255, 255, 0.3);
    transition: 0.3s;
}

.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:hover:before,
.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active:before {
    width: 100%;
    transition: 0.3s;
    transform-origin: left;
}

/* .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:hover{
      background-color: rgba(255,255,255,0.5);
  } */
.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li a {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    z-index: 1;
    position: relative;
    transition: all 0.4s;
}

.px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li::marker {
    color: #fff;
    transition: all 0.4s;
}

/* Content CSS */
.px_my_account .woocommerce .woocommerce-MyAccount-content {
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    border: 1px solid #eee;
    padding: 20px !important;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content p {
    font-size: 14px;
    line-height: 1.7em;
    color: #000;
}


.px_my_account .woocommerce .woocommerce-MyAccount-content p a {
    color: var(--px-color-2);
}

/* Order CSS*/
.px_my_account .woocommerce .woocommerce-message {
    background-color: transparent;
    color: #000 !important;
}

.px_my_account .woocommerce .woocommerce-message a.button {
    color: #fff !important;
    padding: 8px 20px !important;
    border-radius: 5px !important;
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 20%) !important;
    transition: .2s ease !important;
    font-size: 13px !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    background-color: var(--px-color-2);
    border: 0px;
    margin-top: 15px;
}

.px_my_account .woocommerce .woocommerce-message a.button::after {
    opacity: 0;
}

.px_my_account .woocommerce .woocommerce-message a.button:hover {
    transform: translate(0%, -5%);
}


.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details h2,
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-downloads h2 {
    font-weight: 700;
    margin-bottom: 15px;
    color: #000;
}

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

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details table,
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-downloads table {
    border: none;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details table tr th,
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-downloads table tr th {
    color: #000;
    font-size: 18px;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details table tr td,
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-downloads table tr td {
    color: #000;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details table tr td a,
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-downloads table tr td a {
    color: #000;
    transition: all 0.4s;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details table tr td a:hover,
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-downloads table tr td a:hover {
    color: var(--px-color-2);
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details table tr td .product-quantity {
    color: #000;
}


.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details .order-again a.button,
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-downloads table tr td a.button {
    position: relative;
    font-size: 16px;
    color: #fff;
    border: none;
    border-radius: 50px;
    background-color: var(--px-color-1);
    padding: 12px 25px !important;
    overflow: hidden;
    z-index: 1;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details .order-again a.button:before,
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-downloads table tr td a.button:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details .order-again a.button:hover:before,
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-downloads table tr td a.button:hover:before {
    top: -40%;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details .order-again a.button:after,
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-downloads table tr td a.button:after {
    display: none !important;
}


.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-columns h2.woocommerce-column__title {
    color: #000;
    font-size: 20px;
    padding-bottom: 20px;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-columns address {
    font-size: 15px;
    color: #000;
    border: 1px solid #eee !important;
    border-radius: 10px;
}

/* Download CSS*/
.px_my_account .woocommerce .woocommerce-info {
    background-color: transparent;
    color: #000 !important;
}

.px_my_account .woocommerce .woocommerce-info a.button {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    padding: 8px 20px 8px 20px !important;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    font-family: 'Nunito', sans-serif;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    color: #fff;
    border: 0px;
    border-radius: 50px;
}

.px_my_account .woocommerce .woocommerce-info a.button:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_my_account .woocommerce .woocommerce-info a.button:hover:before {
    top: -40%;
}

.px_my_account .woocommerce .woocommerce-info a.button::after {
    opacity: 0;
}

.px_my_account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders {
    border: 0 !important;
    margin-bottom: 0px !important;
}

.px_my_account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders th {
    color: #000 !important;
    font-size: 16px;
    font-weight: 700;
}

.px_my_account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tr td {
    padding: 16px 10px !important;
    border-top: 1px solid #eeeeee !important;
    font-size: 14px;
    font-weight: 500;
    color: #353535;
}

.px_my_account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tr td.woocommerce-orders-table__cell-order-number a {
    color: var(--px-color-2);
    text-decoration: underline;
}

.px_my_account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tr td.woocommerce-orders-table__cell-order-actions a {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    padding: 4px 25px 4px 25px !important;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    font-family: 'Nunito', sans-serif;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    color: #fff;
    border: 0px;
    border-radius: 50px;
}

.px_my_account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tr td.woocommerce-orders-table__cell-order-actions a:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_my_account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tr td.woocommerce-orders-table__cell-order-actions a:hover:before {
    top: -40%;
}

.px_my_account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tr td.woocommerce-orders-table__cell-order-actions a:after {
    opacity: 0;
}

/* Address CSS*/

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h3 {
    font-weight: 700;
    font-size: 22px;
    color: #333;
}

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

}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address address {
    font-size: 14px;
    color: #000;
}

/* Account Details CSS*/

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label {
    color: #282344;
    display: block;
    margin-bottom: 0.5em;
    font-weight: 600;
    font-size: 14px;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label .required {
    border-bottom: 1px dotted #e2401c !important;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input.input-text {
    padding: 14px 30px;
    color: #605c78;
    border: 1px solid #e5e5e5;
    -webkit-appearance: none;
    border-radius: 30px;
    box-sizing: border-box;
    outline: 0;
    transition: all ease-in-out .3s;
    font-size: 14px;
    line-height: 24px;
    background-color: transparent;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input.input-text:focus {
    border-color: var(--px-color-1) !important;
}


.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.button {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    border: none;
    border-radius: 50px;
    line-height: 1;
    padding: 12px 20px !important;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    color: #fff;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.button:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.button:hover:before {
    top: -40%;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.button:after {
    opacity: 0;
}

/* Account Details CSS edit */
.px_my_account .woocommerce .woocommerce-MyAccount-content h3 {
    font-weight: 700;
    font-size: 22px;
    color: #333;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p label {
    color: #282344;
    display: block;
    margin-bottom: 0.5em;
    font-weight: 600;
    font-size: 14px;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p label .required {
    border-bottom: 1px dotted #e2401c !important;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p input.input-text {
    padding: 14px 30px;
    color: #605c78;
    border: 1px solid #eeeeee;
    -webkit-appearance: none;
    border-radius: 30px;
    box-sizing: border-box;
    outline: 0;
    transition: all 0.4s;
    font-size: 14px;
    line-height: 24px;
    background-color: transparent;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p input.input-text:hover,
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p input.input-text:focus {
    border-color: var(--px-color-1) !important;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.address-field .woocommerce-input-wrapper .select2 .select2-selection {
    padding: 14px 30px;
    color: #605c78;
    border: 1px solid #eeeeee;
    -webkit-appearance: none;
    border-radius: 30px;
    box-sizing: border-box;
    outline: 0;
    transition: all ease-in-out .3s;
    font-size: 14px;
    line-height: 24px;
    background-color: transparent;
    height: auto;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.address-field .woocommerce-input-wrapper .select2 .select2-selection:focus,
.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.address-field .woocommerce-input-wrapper .select2 .select2-selection:hover {
    border-color: var(--px-color-1) !important;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.address-field .woocommerce-input-wrapper .select2 .select2-selection .select2-selection__arrow {
    height: auto;
    top: 50%;
    right: 20px;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.address-field .woocommerce-input-wrapper .select2 .select2-selection .select2-selection__rendered {
    color: #999 !important;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content p .button {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    padding: 12px 20px !important;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    font-family: 'Nunito', sans-serif;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    color: #fff;
    border: 0px;
    border-radius: 50px;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content p .button:before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--px-color-2) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content p .button:hover:before {
    top: -40%;
}

.px_my_account .woocommerce .woocommerce-MyAccount-content p .button:after {
    opacity: 0;
}


.px_checkout_payment .woocommerce-order .woocommerce-notice {
    color: #000;
    margin: 0px;
    text-align: center;
    font-weight: 700;
}

.px_checkout_payment .woocommerce-order ul.woocommerce-order-overview {
    padding-left: 0px !important;
    text-align: center;
    width: fit-content;
    margin: auto;
}

.px_checkout_payment .woocommerce-order ul.woocommerce-order-overview li {
    color: #000;
    line-height: 2 !important;
}


.px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-order-details__title {
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 20px;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details table {
    border: 0px !important
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details table thead th {
    color: #000;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details table tbody td {
    color: #000;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details table tbody td a {
    color: var(--px-color-2);
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details table tfoot {
    color: #000;
}

.px_checkout_payment .woocommerce-order .woocommerce-order-details table tfoot th {
    color: #000;
}

.px_checkout_payment .woocommerce-order .woocommerce-customer-details .woocommerce-column .woocommerce-column__title {
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 0px;
}

.px_checkout_payment .woocommerce-order .woocommerce-customer-details .woocommerce-column address {
    color: #000;
    font-size: 16px;
}

/*--------------------------------------
   ------- 00. px_inner_header page CSS---
   -------------------------------------*/
.px_inner_title_v1 .px_btn_inner1 {
    color: #fff !important;
    background-color: var(--px-color-2) !important;
    border-radius: 30px;
}

.px_inner_title_v1 .px_btn_inner2 {
    color: #000;
}

.px_inner_title_v1 .px_btn_inner2:hover {
    color: var(--px-color-2);
}

/*--------------------------------------
   ------- 00. px_image_gallary  -------
   -------------------------------------*/
.px_image_sliderv1 .et_pb_image {
    position: relative;
    margin: 5px !important;
}

.px_image_sliderv1 .et_pb_image:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--px-color-2);
    opacity: 0;
    transition: 0.3s;
    z-index: 1;
    border-radius: 10px;

}

.px_image_sliderv1 .et_pb_image:hover:before {
    opacity: 0.8;
    transition: 0.3s;
}

.px_image_sliderv1 .et_pb_image:after {
    position: absolute;
    content: '\4c' !important;
    font-family: ETmodules !important;
    top: 50%;
    left: 50%;
    color: #fff;
    transform: scale(0);
    transition: all 300ms ease;
    font-size: 40px;
    z-index: 1;
}

.px_image_sliderv1 .et_pb_image:hover:after {
    transform: scale(1);
    transition: all 300ms ease;
}

/* hamburger menu */
.et_divi_100_custom_hamburger_menu__icon {
    position: relative;
    display: block;
    width: 1.875rem;
    /*height: 1.875rem;*/
    box-sizing: border-box;
    cursor: pointer;
    padding: 0.25rem;
    clear: both;
    z-index: 9999;
}

.et_divi_100_custom_hamburger_menu__icon div {
    background: var(--white);
    width: 100%;
    height: .125rem;
    margin: .25rem auto;
    border-radius: 10px;
    -webkit-transition: 0.3s cubic-bezier(.28, .55, .385, 1.65);
    transition: 0.3s cubic-bezier(.28, .55, .385, 1.65);
    -webkit-transition-timing-function: cubic-bezier(.28, .55, .385, 1.65);
    transition-timing-function: cubic-bezier(.28, .55, .385, 1.65);
    -webkit-transform: 0;
    transform: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
}

.et_divi_100_custom_hamburger_menu__icon div:before,
.et_divi_100_custom_hamburger_menu__icon div:after {
    -webkit-transition: 0.3s cubic-bezier(.28, .55, .385, 1.65);
    transition: 0.3s cubic-bezier(.28, .55, .385, 1.65);
    -webkit-transition-timing-function: cubic-bezier(.28, .55, .385, 1.65);
    transition-timing-function: cubic-bezier(.28, .55, .385, 1.65);
}

/* Type 1 */
.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
    width: 0;
    margin-left: 0;
    opacity: 1;
}

.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
    -webkit-animation-name: T1S3DF;
    animation-name: T1S3DF;
}

@-webkit-keyframes T1S3DF {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    40% {
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    80% {
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }
}

@keyframes T1S3DF {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    40% {
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    80% {
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
    -webkit-animation-name: T1S3L;
    animation-name: T1S3L;
}

@-webkit-keyframes T1S3L {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    40% {
        -webkit-transform: translateY(-0.375rem);
        transform: translateY(-0.375rem);
    }

    80% {
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }
}

@keyframes T1S3L {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    40% {
        -webkit-transform: translateY(-0.375rem);
        transform: translateY(-0.375rem);
    }

    80% {
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
    -webkit-animation-name: T1S4DF;
    animation-name: T1S4DF;
}

@-webkit-keyframes T1S4DF {
    0% {
        margin-right: 0;
        -webkit-transform: none;
        transform: none;
    }

    20% {
        width: 100%;
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    40% {
        width: 0;
        margin-right: 0;
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    80% {
        width: 0;
        margin-right: auto;
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }

    90% {
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }
}

@keyframes T1S4DF {
    0% {
        margin-right: 0;
        -webkit-transform: none;
        transform: none;
    }

    20% {
        width: 100%;
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    40% {
        width: 0;
        margin-right: 0;
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    80% {
        width: 0;
        margin-right: auto;
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }

    90% {
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
    -webkit-animation-name: T1S4L;
    animation-name: T1S4L;
}

@-webkit-keyframes T1S4L {
    0% {
        margin-left: 0;
        -webkit-transform: none;
        transform: none;
    }

    20% {
        width: 100%;
        -webkit-transform: translateY(-0.375rem);
        transform: translateY(-0.375rem);
    }

    40% {
        width: 0;
        margin-left: 0;
        -webkit-transform: translateY(-0.375rem);
        transform: translateY(-0.375rem);
    }

    80% {
        width: 0;
        margin-left: auto;
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }

    90% {
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }
}

@keyframes T1S4L {
    0% {
        margin-left: 0;
        -webkit-transform: none;
        transform: none;
    }

    20% {
        width: 100%;
        -webkit-transform: translateY(-0.375rem);
        transform: translateY(-0.375rem);
    }

    40% {
        width: 0;
        margin-left: 0;
        -webkit-transform: translateY(-0.375rem);
        transform: translateY(-0.375rem);
    }

    80% {
        width: 0;
        margin-left: auto;
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }

    90% {
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
    -webkit-animation-name: T1S5DF;
    animation-name: T1S5DF;
}

@-webkit-keyframes T1S5DF {
    0% {
        margin-right: 0;
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: top right;
        transform-origin: top right;
    }

    25% {
        width: 100%;
        -webkit-transform: translateY(0.375rem) rotate(10deg);
        transform: translateY(0.375rem) rotate(10deg);
    }

    30% {
        width: 100%;
        -webkit-transform: translateY(0.375rem) rotate(10deg);
        transform: translateY(0.375rem) rotate(10deg);
    }

    40% {
        width: 0%;
        -webkit-transform: translateY(0.375rem) rotate(10deg);
        transform: translateY(0.375rem) rotate(10deg);
    }

    50% {
        width: 0%;
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }

    90% {
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }
}

@keyframes T1S5DF {
    0% {
        margin-right: 0;
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: top right;
        transform-origin: top right;
    }

    25% {
        width: 100%;
        -webkit-transform: translateY(0.375rem) rotate(10deg);
        transform: translateY(0.375rem) rotate(10deg);
    }

    30% {
        width: 100%;
        -webkit-transform: translateY(0.375rem) rotate(10deg);
        transform: translateY(0.375rem) rotate(10deg);
    }

    40% {
        width: 0%;
        -webkit-transform: translateY(0.375rem) rotate(10deg);
        transform: translateY(0.375rem) rotate(10deg);
    }

    50% {
        width: 0%;
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }

    90% {
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
    -webkit-animation-name: T1S5DM;
    animation-name: T1S5DM;
    width: 0%;
}

@-webkit-keyframes T1S5DM {
    0% {
        width: 100%;
        opacity: 1;
    }

    40% {
        width: 100%;
    }

    50% {
        width: 0%;
        opacity: 1;
    }
}

@keyframes T1S5DM {
    0% {
        width: 100%;
        opacity: 1;
    }

    40% {
        width: 100%;
    }

    50% {
        width: 0%;
        opacity: 1;
    }
}

.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
    -webkit-animation-name: T1S5L;
    animation-name: T1S5L;
}

@-webkit-keyframes T1S5L {
    0% {
        margin-left: 0;
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
    }

    25% {
        width: 100%;
        -webkit-transform: translateY(-0.375rem) rotate(10deg);
        transform: translateY(-0.375rem) rotate(10deg);
    }

    30% {
        width: 100%;
        -webkit-transform: translateY(-0.375rem) rotate(10deg);
        transform: translateY(-0.375rem) rotate(10deg);
    }

    40% {
        width: 0%;
        -webkit-transform: translateY(-0.375rem) rotate(10deg);
        transform: translateY(-0.375rem) rotate(10deg);
    }

    50% {
        width: 0%;
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }

    90% {
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }
}

@keyframes T1S5L {
    0% {
        margin-left: 0;
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
    }

    25% {
        width: 100%;
        -webkit-transform: translateY(-0.375rem) rotate(10deg);
        transform: translateY(-0.375rem) rotate(10deg);
    }

    30% {
        width: 100%;
        -webkit-transform: translateY(-0.375rem) rotate(10deg);
        transform: translateY(-0.375rem) rotate(10deg);
    }

    40% {
        width: 0%;
        -webkit-transform: translateY(-0.375rem) rotate(10deg);
        transform: translateY(-0.375rem) rotate(10deg);
    }

    50% {
        width: 0%;
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }

    90% {
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }
}

/* Type 2 */
.et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu__icon div,
.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background: 0;
}

.et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu__icon div:before,
.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:before,
.et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu__icon div:after,
.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:after {
    content: '';
    display: block;
    background: var(--white);
    width: 2px;
    min-width: 2px;
    height: 2px;
    border-radius: 10px;
    margin: 0 2px 0 0;
}

.et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu__icon div:after,
.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:after {
    width: 100%;
    margin: 0;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child),
.et_divi_100_custom_hamburger_menu--style-2.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
    opacity: 1;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before,
.et_divi_100_custom_hamburger_menu--style-2.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before,
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after,
.et_divi_100_custom_hamburger_menu--style-2.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {
    width: 0;
    min-width: 0;
    margin-left: 0;
    opacity: 1;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child,
.et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
    -webkit-animation-name: T2S3DF;
    animation-name: T2S3DF;
}

@-webkit-keyframes T2S3DF {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    20% {
        -webkit-transform: none;
        transform: none;
    }

    40% {
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    80% {
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }
}

@keyframes T2S3DF {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    20% {
        -webkit-transform: none;
        transform: none;
    }

    40% {
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    80% {
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before,
.et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before {
    -webkit-animation-name: T2S3DFB;
    animation-name: T2S3DFB;
}

@-webkit-keyframes T2S3DFB {
    0% {
        width: 100%;
        -webkit-transform: none;
        transform: none;
    }

    20% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes T2S3DFB {
    0% {
        width: 100%;
        -webkit-transform: none;
        transform: none;
    }

    20% {
        -webkit-transform: none;
        transform: none;
    }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after,
.et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after {
    -webkit-animation-name: T2S3DMA;
    animation-name: T2S3DMA;
}

@-webkit-keyframes T2S3DMA {
    0% {
        width: 100%;
        -webkit-transform: none;
        transform: none;
    }

    20% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes T2S3DMA {
    0% {
        width: 100%;
        -webkit-transform: none;
        transform: none;
    }

    20% {
        -webkit-transform: none;
        transform: none;
    }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child,
.et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
    -webkit-animation-name: T2S3DL;
    animation-name: T2S3DL;
}

@-webkit-keyframes T2S3DL {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    20% {
        -webkit-transform: none;
        transform: none;
    }

    40% {
        -webkit-transform: translateY(-0.25rem);
        transform: translateY(-0.25rem);
    }

    80% {
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }
}

@keyframes T2S3DL {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    20% {
        -webkit-transform: none;
        transform: none;
    }

    40% {
        -webkit-transform: translateY(-0.25rem);
        transform: translateY(-0.25rem);
    }

    80% {
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before,
.et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before {
    -webkit-animation-name: T2S3DFB;
    animation-name: T2S3DFB;
}

@keyframes T2S3DFB {
    0% {
        width: 100%;
        -webkit-transform: none;
        transform: none;
    }

    20% {
        -webkit-transform: none;
        transform: none;
    }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after,
.et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after {
    -webkit-animation-name: T2S3DMA;
    animation-name: T2S3DMA;
}

@keyframes T2S3DMA {
    0% {
        width: 100%;
        -webkit-transform: none;
        transform: none;
    }

    20% {
        -webkit-transform: none;
        transform: none;
    }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div,
.et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
    -webkit-transform: none;
    transform: none;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before,
.et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before,
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after,
.et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after {
    width: 0%;
    min-width: 0;
    margin: 0 auto;
    opacity: 0;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child),
.et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
    position: relative;
    opacity: 1;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before,
.et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before,
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after,
.et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {
    position: absolute;
    width: 100%;
    -webkit-transition: all 0.3s linear transform 0.3s 0.3s linear;
    transition: all 0.3s linear transform 0.3s 0.3s linear;
    -webkit-transform-origin: center;
    transform-origin: center;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before,
.et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after,
.et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before,
.et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before,
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after,
.et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after {
    width: 100%;
    min-width: 0;
    opacity: 0;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
    -webkit-transform: none;
    transform: none;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
    position: relative;
    -webkit-animation-name: T2S5DF;
    animation-name: T2S5DF;
    -webkit-transform: translateY(0.375rem) rotate(45deg);
    transform: translateY(0.375rem) rotate(45deg);
}

@-webkit-keyframes T2S5DF {
    20% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes T2S5DF {
    20% {
        -webkit-transform: none;
        transform: none;
    }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before,
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after {
    position: absolute;
    width: 0;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before {
    left: 0;
    -webkit-animation-name: T2S5DFB;
    animation-name: T2S5DFB;
}

@-webkit-keyframes T2S5DFB {
    20% {
        width: 0%;
    }
}

@keyframes T2S5DFB {
    20% {
        width: 0%;
    }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after {
    right: 0;
    -webkit-animation-name: T2S5DFA;
    animation-name: T2S5DFA;
}

@-webkit-keyframes T2S5DFA {
    20% {
        width: 0%;
    }
}

@keyframes T2S5DFA {
    20% {
        width: 0%;
    }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child),
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
    position: relative;
    opacity: 1;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before,
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {
    margin: 0 auto;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before {
    display: none;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {
    -webkit-animation-name: T2S5DL;
    animation-name: T2S5DL;
    width: 2px;
}

@-webkit-keyframes T2S5DL {
    20% {
        -webkit-transform: 100%;
        transform: 100%;
    }
}

@keyframes T2S5DL {
    20% {
        -webkit-transform: 100%;
        transform: 100%;
    }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
    position: relative;
    -webkit-animation-name: T2S5DL;
    animation-name: T2S5DL;
    -webkit-transform: translateY(-0.375rem) rotate(-45deg);
    transform: translateY(-0.375rem) rotate(-45deg);
}

@keyframes T2S5DL {
    20% {
        -webkit-transform: none;
        transform: none;
    }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before,
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after {
    position: absolute;
    width: 0;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before {
    left: 0;
    -webkit-animation-name: T2S5DFB;
    animation-name: T2S5DFB;
}

@keyframes T2S5DFB {
    20% {
        width: 0%;
    }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after {
    right: 0;
    -webkit-animation-name: T2S5DMA;
    animation-name: T2S5DMA;
}

@-webkit-keyframes T2S5DMA {
    20% {
        width: 0%;
    }
}

@keyframes T2S5DMA {
    20% {
        width: 0%;
    }
}

/* Type 3 */
.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:before {
    width: 100%;
    margin: 0 2px 0 0;
}

.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:after {
    width: 2px;
    margin: 0;
}

/* Type 4 */
.et_divi_100_custom_hamburger_menu--type-4 .et_divi_100_custom_hamburger_menu__icon div {
    width: 2px;
    margin-right: auto;
    margin-left: auto;
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
    -webkit-animation-name: T4S2DF;
    animation-name: T4S2DF;
}

@-webkit-keyframes T4S2DF {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    20% {
        width: 2px;
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    40% {
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    80% {
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }
}

@keyframes T4S2DF {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    20% {
        width: 2px;
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    40% {
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    80% {
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
    -webkit-animation-name: T4S2L;
    animation-name: T4S2L;
}

@-webkit-keyframes T4S2L {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    20% {
        width: 2px;
        -webkit-transform: translateY(-0.375rem);
        transform: translateY(-0.375rem);
    }

    40% {
        -webkit-transform: translateY(-0.375rem);
        transform: translateY(-0.375rem);
    }

    80% {
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }
}

@keyframes T4S2L {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    20% {
        width: 2px;
        -webkit-transform: translateY(-0.375rem);
        transform: translateY(-0.375rem);
    }

    40% {
        -webkit-transform: translateY(-0.375rem);
        transform: translateY(-0.375rem);
    }

    80% {
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled {
    -webkit-animation: T4S30.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);
    animation: T4S30.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);
}

@-webkit-keyframes T4S3 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes T4S3 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
    -webkit-animation-name: T4S3DF;
    animation-name: T4S3DF;
}

@-webkit-keyframes T4S3DF {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    40% {
        width: 2px;
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    80% {
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }
}

@keyframes T4S3DF {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    40% {
        width: 2px;
        -webkit-transform: translateY(0.375rem);
        transform: translateY(0.375rem);
    }

    80% {
        -webkit-transform: translateY(0.375rem) rotate(45deg);
        transform: translateY(0.375rem) rotate(45deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
    -webkit-animation-name: T4S3L;
    animation-name: T4S3L;
}

@-webkit-keyframes T4S3L {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    40% {
        width: 2px;
        -webkit-transform: translateY(-0.375rem);
        transform: translateY(-0.375rem);
    }

    80% {
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }
}

@keyframes T4S3L {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    40% {
        width: 2px;
        -webkit-transform: translateY(-0.375rem);
        transform: translateY(-0.375rem);
    }

    80% {
        -webkit-transform: translateY(-0.375rem) rotate(-45deg);
        transform: translateY(-0.375rem) rotate(-45deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled {
    -webkit-animation: T4S40.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);
    animation: T4S40.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);
}

@-webkit-keyframes T4S4 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes T4S4 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
    -webkit-animation-name: T4S4DF;
    animation-name: T4S4DF;
}

@-webkit-keyframes T4S4DF {}

@keyframes T4S4DF {}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 0.3s cubic-bezier(.28, .55, .385, 1.65);
    transition: 0.3s cubic-bezier(.28, .55, .385, 1.65);
    -webkit-transition-timing-function: cubic-bezier(.28, .55, .385, 1.65);
    transition-timing-function: cubic-bezier(.28, .55, .385, 1.65);
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
    width: 2px;
    -webkit-transform: none;
    transform: none;
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
    width: 100%;
    opacity: 1;
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}

/* Toggled */
.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
    width: 100%;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
    animation-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
}

.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:after,
.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:before {
    width: 100%;
}

.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
    -webkit-transform: translateY(0.375rem) rotate(45deg);
    transform: translateY(0.375rem) rotate(45deg);
}

.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
    opacity: 0;
}

.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
    -webkit-transform: translateY(-0.375rem) rotate(-45deg);
    transform: translateY(-0.375rem) rotate(-45deg);
}

.et_divi_100_custom_hamburger_menu .mobile_menu_bar:before,
.et_divi_100_custom_hamburger_menu .mobile_menu_bar:after {
    display: none;
}




/*Back To Top Style*/
.et_divi_100_custom_back_to_top .et_pb_scroll_top {
    z-index: 9999999;
    position: fixed;
    right: 20px;
    bottom: 20px;
    background: #236e9c;
    width: 40px;
    height: 40px;
    box-shadow: 0 2px 4px rgba(108, 46, 185, 0.2);
    -webkit-transition: all 0.2s ease, -webkit-transform 0.6s ease;
    transition: all 0.2s ease, -webkit-transform 0.6s ease;
    transition: all 0.2s ease, transform 0.6s ease;
    transition: all 0.2s ease, transform 0.6s ease, -webkit-transform 0.6s ease;
    cursor: pointer;
}

.et_divi_100_custom_back_to_top .et_pb_scroll_top:before {
    display: none;
}

.et_divi_100_custom_back_to_top .et_pb_scroll_top,
.et_divi_100_custom_back_to_top .et_pb_scroll_top.et-visible,
.et_divi_100_custom_back_to_top .et_pb_scroll_top.et-hidden {
    -webkit-animation: none !important;
    animation: none !important;
}

.et_divi_100_custom_back_to_top .et_pb_scroll_top,
.et_divi_100_custom_back_to_top .et_pb_scroll_top.et-hidden {
    -webkit-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg);
}

.et_divi_100_custom_back_to_top .et_pb_scroll_top.et-visible {
    -webkit-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg);
}

.et_divi_100_custom_back_to_top .et_pb_scroll_top .et-icon-arrow-up {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.et_divi_100_custom_back_to_top--style-1 .et_pb_scroll_top {
    border-radius: 100%;
}

.et_divi_100_custom_back_to_top--style-2 .et_pb_scroll_top {
    border-radius: 4px;
}

.et_divi_100_custom_back_to_top--style-3 .et_pb_scroll_top {
    border-radius: 4px;
}

.et_divi_100_custom_back_to_top--style-3 .et_pb_scroll_top.et-visible {
    -webkit-transform: scale(1) rotate(405deg);
    transform: scale(1) rotate(405deg);
}

.et_divi_100_custom_back_to_top--style-3 .et_pb_scroll_top .et-icon-arrow-up {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.et_divi_100_custom_back_to_top--style-4 .et_pb_scroll_top {
    right: 0;
    border-radius: 4px 0 0 4px;
}

.et_divi_100_custom_back_to_top--style-4 .et_pb_scroll_top,
.et_divi_100_custom_back_to_top--style-4 .et_pb_scroll_top.et-hidden {
    -webkit-transform: scale(1) translate(100%, 0);
    transform: scale(1) translate(100%, 0);
}

.et_divi_100_custom_back_to_top--style-4 .et_pb_scroll_top.et-visible {
    -webkit-transform: none;
    transform: none;
}

.et_divi_100_custom_back_to_top--style-5 .et_pb_scroll_top {
    right: 0;
    width: auto;
    border-radius: 4px 0 0 4px;
    padding: 0 20px;
    line-height: 40px;
}

.et_divi_100_custom_back_to_top--style-5 .et_pb_scroll_top:before {
    content: 'Back To Top';
    display: inline-block;
    color: var(--white);
    font-weight: 700;
}

.et_divi_100_custom_back_to_top--style-5 .et_pb_scroll_top,
.et_divi_100_custom_back_to_top--style-5 .et_pb_scroll_top.et-hidden {
    -webkit-transform: scale(1) translate(100%, 0);
    transform: scale(1) translate(100%, 0);
}

.et_divi_100_custom_back_to_top--style-5 .et_pb_scroll_top.et-visible {
    -webkit-transform: none;
    transform: none;
}

.et_divi_100_custom_back_to_top--style-5 .et_pb_scroll_top .et-icon-arrow-up {
    display: none;
}

.et_divi_100_custom_back_to_top--style-6 .et_pb_scroll_top {
    right: 0;
    width: auto;
    border-radius: 4px 4px 0 0;
    padding: 0 20px;
    line-height: 40px;
}

.et_divi_100_custom_back_to_top--style-6 .et_pb_scroll_top:before {
    content: 'Back To Top';
    display: inline-block;
    color: var(--white);
    font-weight: 700;
}

.et_divi_100_custom_back_to_top--style-6 .et_pb_scroll_top,
.et_divi_100_custom_back_to_top--style-6 .et_pb_scroll_top.et-hidden {
    right: 40px;
    bottom: 100px;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(1) translate(100%, 0) rotate(-90deg);
    transform: scale(1) translate(100%, 0) rotate(-90deg);
}

.et_divi_100_custom_back_to_top--style-6 .et_pb_scroll_top.et-visible {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.et_divi_100_custom_back_to_top--style-6 .et_pb_scroll_top .et-icon-arrow-up {
    display: none;
}

.et_divi_100_custom_back_to_top--style-7 .et_pb_scroll_top {
    right: 0;
    left: 0;
    bottom: 0;
    width: auto;
    padding: 0 20px;
    line-height: 40px;
}

.et_divi_100_custom_back_to_top--style-7 .et_pb_scroll_top:before {
    content: 'Back To Top';
    display: block;
    color: var(--white);
    font-weight: 700;
    text-align: center;
}

.et_divi_100_custom_back_to_top--style-7 .et_pb_scroll_top,
.et_divi_100_custom_back_to_top--style-7 .et_pb_scroll_top.et-hidden {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.et_divi_100_custom_back_to_top--style-7 .et_pb_scroll_top.et-visible {
    -webkit-transform: none;
    transform: none;
}

.et_divi_100_custom_back_to_top--style-7 .et_pb_scroll_top .et-icon-arrow-up {
    display: none;
}


/********** Mobile Menu Style1************/
.et_divi_100_mm_m_style1 .et_pb_menu ul.et_mobile_menu {
    max-height: 80vh;
    overflow-y: auto;
}

/*change hamburger icon to x when mobile menu is open*/

.et_divi_100_mm_m_style1 #et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_divi_100_mm_m_style1 .et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
    content: '\4d';
}


/*adjust the new toggle element which is added via jQuery*/

.et_divi_100_mm_m_style1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et_divi_100_mm_m_style1 ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db.et_divi_100_mm_m_style1 #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db.et_divi_100_mm_m_style1 #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
    width: 44px;
    height: 100%;
    padding: 0px !important;
    max-height: 44px;
    border: none;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
    background-color: transparent;
}


/*some code to keep everyting positioned properly*/

.et_divi_100_mm_m_style1 ul.et_mobile_menu>li.menu-item-has-children,
.et_divi_100_mm_m_style1 ul.et_mobile_menu>li.page_item_has_children,
.et_divi_100_mm_m_style1 ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
    position: relative;
}


/*remove default background color from menu items that have children*/

.et_divi_100_mm_m_style1 .et_mobile_menu .menu-item-has-children>a,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
    background-color: transparent;
}


/*hide the submenu by default*/

.et_divi_100_mm_m_style1 ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et_divi_100_mm_m_style1 #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et_divi_100_mm_m_style1.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
    display: none !important;
    visibility: hidden !important;
}


/*show the submenu when toggled open*/

.et_divi_100_mm_m_style1 ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et_divi_100_mm_m_style1 #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et_divi_100_mm_m_style1.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
    display: block !important;
    visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

.et_divi_100_mm_m_style1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
    text-align: center;
    opacity: 1;
}


/*submenu toggle icon when closed*/

.et_divi_100_mm_m_style1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
    top: 10px;
    position: relative;
    font-family: "ETModules";
    content: '\33';
    color: var(--black);
    background: var(--white);
    border-radius: 50%;
    padding: 3px;
}


/*submenu toggle icon when open*/

.et_divi_100_mm_m_style1 ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
    content: '\4d';
}


/*adjust the position of the hamburger menu*/

.et_divi_100_mm_m_style1 .mobile_menu_bar {
    position: relative;
    display: block;
    bottom: 5px;
    line-height: 0;
}


/*force the background color and add a rounded border*/

.et_divi_100_mm_m_style1 .et_pb_menu .et_mobile_menu,
.et_divi_100_mm_m_style1 .et_pb_menu .et_mobile_menu ul {
    background-color: var(--white) !important;
    border-radius: 10px;
}

/********** Mobile Menu Style2************/
.et_divi_100_mm_m_style2 {
    overflow-x: hidden;
}

.et_divi_100_mm_m_style2 .et_pb_menu ul.et_mobile_menu {
    max-height: 80vh;
    overflow-y: auto;
}

/*edit the Divi submenu*/
.et_divi_100_mm_m_style2 .et_pb_menu .nav li ul {
    margin-top: 20px !important;
}

/*Mobile Menu*/
.et_divi_100_mm_m_style2 .et_mobile_menu {
    Border-top: none;
    display: block !important;
    padding-top: 100px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    z-index: 9998;
    min-width: 100vw;
    min-height: 100vh;
    top: -15px !important;
    left: -10vw !important;
    position: absolute !important;
}

.et_divi_100_mm_m_style2 .mobile_nav.closed #mobile_menu,
.et_divi_100_mm_m_style2 .mobile_nav.closed .et_mobile_menu,
.et_divi_100_mm_m_style2.et-db #et-boc .et-l .mobile_nav.closed .et_mobile_menu {
    transform: translateY(-110%);
    -webkit-transform: translateY(-110%);
    transform-origin: top;
    -webkit-transform-origin: top;
    transition: .8s ease-in-out !important;
    visibility: hidden;
}

.et_divi_100_mm_m_style2 .mobile_nav.opened #mobile_menu,
.et_divi_100_mm_m_style2 .mobile_nav.opened .et_mobile_menu,
.et_divi_100_mm_m_style2.et-db #et-boc .et-l .mobile_nav.opened .et_mobile_menu {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform-origin: top;
    -webkit-transform-origin: top;
    transition: .8s ease-in-out;
    visibility: visible;
}

.et_divi_100_mm_m_style2 .et_mobile_menu li a {
    text-align: center;
    padding-left: 0px !important;
    background: transparent !important;
}


.et_divi_100_mm_m_style2 .et_mobile_menu li:not(:last-child) a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10) !important;
}

.et_divi_100_mm_m_style2 .mobile_nav .menu-item-has-children>a {
    background: transparent !important;
    color: var(--black) !important;
    font-weight: inherit;
}

/*Mobile Menu Bar*/
.et_divi_100_mm_m_style2 .mobile_menu_bar {
    /*top: 5px;
  /*padding:0;
  right:-10px;
  position:absolute;*/
    right: -10px;
    z-index: 10001;
}

/*change Divi hamburger menu to X*/
.et_divi_100_mm_m_style2 .mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
    color: var(--black);
}

@media all and (min-width: 768px) and (max-width: 980px) {
    .et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children>a+span {
        right: 15px;
    }


}

/**** Divi Mobile Menu Collapse Effect ****/
/**** This hides the sub menu items on mobile ****/
.et_divi_100_mm_m_style2.et-db #page-container .mobile_nav li ul.hide {
    display: none !important;
}

/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
.et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children {
    position: relative;
}

.et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children>a {
    background: transparent;
}

/**** This styles the icon and moves it to the right ****/
.et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children>a+span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}

/**** Here you can swap out the actual icons ****/
.et_divi_100_mm_m_style2 #page-container span.menu-closed:before {
    content: "\4c";
    display: block;
    color: var(--black);
    font-size: 16px;
    font-family: ETmodules;
}

.et_divi_100_mm_m_style2 #page-container span.menu-closed.menu-open:before {
    content: "\4d";
}

/********** Mobile Menu Style3************/
.et_divi_100_mm_m_style3 {
    overflow-x: hidden;
}

.et_divi_100_mm_m_style3 .et_pb_menu ul.et_mobile_menu {
    max-height: 80vh;
    overflow-y: auto;
}


/*Mobile Menu*/
.et_divi_100_mm_m_style3 .et_mobile_menu {
    Border-top: none;
    display: block !important;
    min-height: 100vh;
    padding-top: 60px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    z-index: 9998 !important;
    width: 100% !important;
    /* 80% to 100% */
    min-width: 200px;
    left: auto !important;
    max-width: 350px;
    right: -10vw;
    top: -15px !important;
    position: absolute !important;
    box-shadow: 2px 5px 28px -1px rgba(0, 0, 0, 0.75) !important;
    -webkit-box-shadow: 2px 5px 28px -1px rgba(0, 0, 0, 0.75) !important;
    -moz-box-shadow: 2px 5px 28px -1px rgba(0, 0, 0, 0.75) !important;
}

.et_divi_100_mm_m_style3 .mobile_nav.closed #mobile_menu,
.et_divi_100_mm_m_style3 .mobile_nav.closed .et_mobile_menu,
.et_divi_100_mm_m_style3.et-db #et-boc .et-l .mobile_nav.closed .et_mobile_menu {
    transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform-origin: right;
    -webkit-transform-origin: right;
    transition: .8s ease-in-out !important
}

.et_divi_100_mm_m_style3 .mobile_nav.opened #mobile_menu,
.et_divi_100_mm_m_style3 .mobile_nav.opened .et_mobile_menu,
.et_divi_100_mm_m_style3.et-db #et-boc .et-l .mobile_nav.opened .et_mobile_menu {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform-origin: right;
    -webkit-transform-origin: right;
    transition: .8s ease-in-out;
}

.et_divi_100_mm_m_style3 .et_mobile_menu li a {
    text-align: left;
    padding-left: 20px !important;
    background: transparent !important;
}

.et_divi_100_mm_m_style3 .et_mobile_menu li:not(:last-child) a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10) !important;
}

.et_divi_100_mm_m_style3 .mobile_nav .menu-item-has-children>a {
    background: transparent !important;
    color: var(--black) !important;
    font-weight: inherit;
}

/*Mobile Menu Bar*/
.et_divi_100_mm_m_style3 .mobile_menu_bar {
    /*top: 15px;
  padding:0;
  position: absolute;*/
    right: -10px;
    z-index: 10001;
}

/*change Divi hamburger menu to X*/
.et_divi_100_mm_m_style3 .mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
    color: var(--black);
}

@media all and (min-width: 768px) and (max-width: 980px) {
    .et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children>a+span {
        right: 15px;
    }
}



/**** Divi Mobile Menu Collapse Effect ****/
/**** This hides the sub menu items on mobile ****/
.et_divi_100_mm_m_style3.et-db #page-container .mobile_nav li ul.hide {
    display: none !important;
}

/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
.et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children {
    position: relative;
}

.et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children>a {
    background: transparent;
}

/**** This styles the icon and moves it to the right ****/
.et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children>a+span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}

/**** Here you can swap out the actual icons ****/
.et_divi_100_mm_m_style3 #page-container span.menu-closed:before {
    content: "\4c";
    display: block;
    color: var(--black);
    font-size: 16px;
    font-family: ETmodules;
}

.et_divi_100_mm_m_style3 #page-container span.menu-closed.menu-open:before {
    content: "\4d";
}

/********** Mobile Menu Style4************/
.et_divi_100_mm_m_style4 {
    overflow-x: hidden;
}

.et_divi_100_mm_m_style4 .et_pb_menu ul.et_mobile_menu {
    max-height: 80vh;
    overflow-y: auto;
}


/*Divi Mobile Menu*/
.et_divi_100_mm_m_style4 .et_mobile_menu {
    Border-top: none;
    display: block !important;
    min-height: 100vh;
    padding-top: 60px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    z-index: 9998 !important;
    width: 100% !important;
    /* 80% to 100% */
    min-width: 200px;
    right: auto !important;
    max-width: 350px;
    left: -10vw !important;
    top: -15px !important;
    position: absolute !important;
    box-shadow: 2px 5px 28px -1px rgba(0, 0, 0, 0.75) !important;
    -webkit-box-shadow: 2px 5px 28px -1px rgba(0, 0, 0, 0.75) !important;
    -moz-box-shadow: 2px 5px 28px -1px rgba(0, 0, 0, 0.75) !important;
}

.et_divi_100_mm_m_style4 .mobile_nav.closed #mobile_menu,
.et_divi_100_mm_m_style4 .mobile_nav.closed .et_mobile_menu,
.et_divi_100_mm_m_style4.et-db #et-boc .et-l .mobile_nav.closed .et_mobile_menu {
    transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform-origin: left;
    -webkit-transform-origin: left;
    transition: .8s ease-in-out !important
}

.et_divi_100_mm_m_style4 .mobile_nav.opened #mobile_menu,
.et_divi_100_mm_m_style4 .mobile_nav.opened .et_mobile_menu,
.et_divi_100_mm_m_style4.et-db #et-boc .et-l .mobile_nav.opened .et_mobile_menu {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform-origin: left;
    -webkit-transform-origin: left;
    transition: .8s ease-in-out;
}

.et_divi_100_mm_m_style4 .et_mobile_menu li a {
    text-align: left;
    padding-left: 20px !important;
    background: transparent !important;
}


.et_divi_100_mm_m_style4 .et_mobile_menu li:not(:last-child) a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10) !important;
}

.et_divi_100_mm_m_style4 .mobile_nav .menu-item-has-children>a {
    background: transparent !important;
    color: var(--black) !important;
}

/*Mobile Menu Bar*/
.et_divi_100_mm_m_style4 .mobile_menu_bar {
    /*top: 15px;
  padding:0;
  right:-10px;
  position:absolute;*/
    right: -10px;
    z-index: 10001;
}

/*change Divi hamburger menu to X*/
.et_divi_100_mm_m_style4 .mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

@media all and (min-width: 768px) and (max-width: 980px) {
    .et_divi_100_mm_m_style4 #page-container .mobile_nav .menu-item-has-children>a+span {
        right: 15px;
    }
}



/**** Divi Mobile Menu Collapse Effect ****/
/**** This hides the sub menu items on mobile ****/
.et_divi_100_mm_m_style4.et-db #page-container .mobile_nav li ul.hide {
    display: none !important;
}

/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
.et_divi_100_mm_m_style4 #page-container .mobile_nav .menu-item-has-children {
    position: relative;
}

.et_divi_100_mm_m_style4 #page-container .mobile_nav .menu-item-has-children>a {
    background: transparent;
}

/**** This styles the icon and moves it to the right ****/
.et_divi_100_mm_m_style4 #page-container .mobile_nav .menu-item-has-children>a+span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}

/**** Here you can swap out the actual icons ****/
.et_divi_100_mm_m_style4 #page-container span.menu-closed:before {
    content: "\4c";
    display: block;
    color: var(--black);
    font-size: 16px;
    font-family: ETmodules;
}

.et_divi_100_mm_m_style4 #page-container span.menu-closed.menu-open:before {
    content: "\4d";
}

/* breadcrumbs */
#dpprof_breadcrumbs .separator {
    font-size: 20px;
    color: var(--black);
    font-weight: 100;
}

#dpprof_breadcrumbs {
    overflow: hidden;
    text-align: center;
    list-style: none;
    margin: 11px 0;
    padding: 0;
}

#dpprof_breadcrumbs li {
    margin-right: 14px;
    display: inline-block;
    vertical-align: middle;
}

#dpprof_breadcrumbs a {
    color: var(--px-color-2);
    font-size: 18px;
}

#dpprof_breadcrumbs .bread-home:before {
    content: '\e009';
    font-family: ETmodules;
    font-size: 18px;
    margin-right: 8px;
}

#dpprof_breadcrumbs .item-current {
    color: var(--black);
    font-size: 18px;
}


/* -----------------------------------
	14. Product Tab CSS Start Here
-------------------------------------*/
/*---product Toggle CSS Start ---*/
[class*="px_product_tab_content_"].px_active {
    opacity: 1;
    /*     -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9); */
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    -o-transition: opacity 1s ease, transform 1s ease;
    transition: opacity 1s ease, transform 1s ease;
    visibility: visible;
    display: block !important;
}

[class*="px_product_tab_content_"].px_active {
    opacity: 1;
    /*     -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9); */
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    -o-transition: opacity 1s ease, transform 1s ease;
    transition: opacity 1s ease, transform 1s ease;
    visibility: visible;
    display: block !important;
}

[class*="px_product_tab_content_"] {
    opacity: 0;
    /*     -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7); */
    -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;
    -o-transition: opacity .4s ease, transform .4s ease;
    transition: opacity .4s ease, transform .4s ease;
    visibility: hidden;
    display: none !important;
}


[class*="px_product_tab_content_"].animated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation: fadeInUp 1.5s;
    animation: fadeInUp 1.5s;
}

[id*="px_product_tab_"].px_active:before {
    top: -40%;
}

/*---product Toggle CSS End ---*/
/* -----------------------------------
	14. Product Tab CSS End Here
-------------------------------------*/