/*---------------------------------------------------------------------------------
 Theme Name:   Meat Shop 
 Theme URI:    https://meatshop.diviwoocommercethemes.com
 Description:  Meat Shop Divi WooCommerce Theme is specially designed for multipurpose like Meat Shop, Chicken Shop, Mutton Shop, Fish, Sea Food, Meat Food Store, Butcher Steak House, Raw Meat Shop, Meat Meal, vegetable Shop, and more other services.
 Author:       Divi-Childthemes.com
 Author URI:   https://www.divi-childthemes.com/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 
------------------------------ ADDITIONAL CSS HERE ------------------------------*/
/* -----------------------------------------------------------------------------   
    TABLE OF CONTENT
---------------------------------------------------------
    01. General Class CSS
		Title CSS		
		Button CSS
        Page Header Title Css
		Breadcrumbs CSS
	02. Header Section CSS
    	Header v1 CSS
		Header v2 CSS
		Header v3 CSS
	03. Footer Section CSS
		Footer v1 CSS
		Footer v2 CSS
		Footer v3 CSS
    04. Sidebar CSS
    05. Blog CSS
		Blog Grid CSS
			2 Columns CSS
            3 Columns CSS
			4 Columns CSS
        Blog Listing CSS 
		Blog Category Page CSS 
		Blog Tags Page CSS 
		Blog Author Page CSS 
		Blog Single Page CSS
	06. Contact Us CSS
	07. Team Section CSS
		Team Single CSS
    08 Slider Section CSS
	09 Faqs CSS
	10 Testimonial Section CSS
	11 Services Section CSS
    12 Partner Section CSS
    13 Counter Section CSS
    14 Newsletter Section CSS
    15 CTA Section CSS
    16 Category CSS 
    17 Accordian Css
    18 Discount Sections Css
    19 Coming Soon Page CSS
    20 Privacy & policy Css
    21 Scroll Top Css
    22 Mobile Menu CSS
	23 Search Page CSS
	24 Gallerry Section CSS
	25 Color Picker CSS
    26 Animation Part CSS
    
--------------------------------------------------------*/
body {
  overflow-x: hidden;
}

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

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

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

  body {
    overflow-x: hidden;
  }
}

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

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

/* Img Hover CSS */
.px_hover_img .et_pb_image_wrap {
  position: relative;
  overflow: hidden;
}

.px_hover_img .et_pb_image_wrap::before,
.px_hover_img .et_pb_image_wrap::after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  background-color: #fff;
  opacity: 0.1;
  z-index: 1;
  transition: all 0.4s;
}

.px_hover_img .et_pb_image_wrap::before {
  left: 0;
  top: 0;
}

.px_hover_img .et_pb_image_wrap::after {
  right: 0;
  bottom: 0;
}

.px_hover_img:hover .et_pb_image_wrap::before,
.px_hover_img:hover .et_pb_image_wrap::after,
.px_hover_img_column:hover .et_pb_image_wrap::before,
.px_hover_img_column:hover .et_pb_image_wrap::after {
  height: 100%;
  width: 100%;
}

/* Img Animation CSS */

.px_animationframesfive_img .et_pb_image_wrap img {
  animation: animationframesfive 12s infinite linear alternate;
}

.px_animationtramestwo_img .et_pb_image_wrap img {
  animation: animationtramestwo 12s infinite linear alternate;
}

.px_animationzoominout_img .et_pb_image_wrap img {
  animation: animationzoominout 12s infinite linear alternate;
}


/*---Button CSS---*/
.px_btn {
  border: none;
  font-size: 14px !important;
  background-color: var(--px-color-1) !important;
  color: #fff;
  position: relative;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 5px;
  padding: 15px 26px;
  text-align: center;
  z-index: 1;
}

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

.px_btn:hover {
  color: #fff;
}

.px_btn:before {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 0;
  background-color: var(--px-color-2);
  opacity: 0;
  content: "";
  border-radius: inherit;
  transform: scale(1.0) rotateX(45deg);
  transition: all 0.2s linear;
  border: 2px solid var(--px-color-1);
  z-index: -1;
  display: block;
  left: 0;
  margin-left: 0px !important;
}

.px_btn:hover::before {
  opacity: 1.0;
  width: 100%;
  transform: scale(1.0) rotateX(0deg);
  transition: all 0.4s linear;
}


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

/*---Title CSS---*/
.px_title .et_pb_text_inner {
  position: relative;
  text-align: center;
}
.px_title .et_pb_text_inner h3 {
	color: var(--px-color-1) !important;
}
.px_title .et_pb_text_inner h2 {
  font-size: 38px;
  margin: 0;
  text-align: center;
  font-weight: 600;
  color: #000;
  ;
}

.px_title .et_pb_text_inner h2::before {
  font-size: 83px;
  font-weight: 600;
  left: 50%;
  top: 22px;
  transform: translateX(-50%);
  width: 100%;
  pointer-events: none;
  z-index: -1;
  letter-spacing: -6px;
  position: absolute;
  content: attr(data-title);
  color: rgba(10, 10, 10, 0.04);
}

.px_title .et_pb_text_inner span {
  display: inline-block;
  width: 80px;
  height: 3px;
  background-color: var(--px-color-1);
  position: relative;
  margin-top: 25px !important;
}

.px_title .et_pb_text_inner span::before {
  content: "";
  background-color: var(--px-color-1);
  width: 20px;
  height: 3px;
  position: absolute;
  left: -30px;
}

.px_title .et_pb_text_inner span::after {
  content: "";
  background-color: var(--px-color-1);
  width: 20px;
  height: 3px;
  position: absolute;
  left: 90px;
}

@media only screen and (max-width: 480px) {
  .px_title .et_pb_text_inner h2 {
    font-weight: 500;
    font-size: 25px;
  }

  .px_title .et_pb_text_inner h2::before {
    font-size: 53px;
  }
}

.px_title {}

.px_subtitle {}

.px_desc {}

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

.px_header_menu.et_pb_menu ul li a,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li a {
  position: relative;
  font-size: 14px;
  color: #000;
  font-weight: 500;
  padding-top: 25px;
  padding-bottom: 25px;
  transition: all 0.4s;
  text-transform: uppercase;
}

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

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

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

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

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

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

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

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

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

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

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

.px_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_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);
}


@media only screen and (min-width: 981px) {
  .px_header_menu.et_pb_menu .et_pb_menu__wrap {
    justify-content: end !important;
  }

}

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

  .px_header_menu.et_dropdown_animation_fade.et_pb_menu .et_mobile_nav_menu,
  .et-db #et-boc .et-l .px_header_menu.et_dropdown_animation_fade.et_pb_menu .et_mobile_nav_menu {
    background-color: #fff !important;
    padding: 12px;
  }

  .px_header_menu.et_pb_menu ul li ul,
  .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul {
    position: relative !important;
    opacity: 1;
  }
}

/* center header*/
.px_header_center_v1 .px_header_center_row .et_pb_column,
.et-db #et-boc .et-l .px_header_center_v1 .px_header_center_row .et_pb_column {
  margin-top: auto;
  margin-bottom: auto;
}

.px_header_center_v1 .px_header_search .et_pb_searchform .et_pb_searchsubmit[value="Search"],
.et-db #et-boc .et-l .px_header_center_v1 .px_header_search .et_pb_searchform .et_pb_searchsubmit[value="Search"] {
  font-size: 0;
  padding: 20px;
  background-color: transparent;
  transition: all 0.4s;
}

.px_header_center_v1 .px_header_search .et_pb_searchform>div::before,
.et-db #et-boc .et-l .px_header_center_v1 .px_header_search .et_pb_searchform>div::before {
  content: "\55";
  position: absolute;
  font-family: ETmodules;
  color: #fff;
  right: 18px;
  top: 8px;
  font-size: 16px;
  font-weight: 700;
  height: 0;
  width: 0;
  transform: rotateY(180deg);
  cursor: pointer;
}

.px_header_icon_cart .et_pb_blurb_container {

  padding-left: 2px !important;
}

.px_header_icon_cart .et_pb_module_header {
  padding-bottom: 0px !important;
}

.px_header_icon_cart .et_pb_blurb_description {
  font-weight: 400;
}

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

.px_small_blurb_info {}

.px_header_contact_info {}

.px_header_social {}

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

/*---Header v2  CSS---*/

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

.px_heder_freeship .et_pb_text_inner {
  color: var(--px-color-1) !important;
}

.px_heder_freeship .et_pb_text_inner span {
  color: #fff !important;
  font-weight: 300;
}

.px_blurb_contact_v2 .et_pb_blurb_container {
  display: inline-block;
}

.px_blurb_contact_v2 .et-pb-icon {
  color: var(--px-color-1) !important;
}

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

.px_header_center_v2 .px_header_cart_icon .et_pb_icon_wrap .et-pb-icon:hover,
.et-db #et-boc .et-l .px_header_center_v2 .px_header_cart_icon .et_pb_icon_wrap .et-pb-icon:hover {
  color: var(--px-color-1);
}

/**---Header v2  CSS---*/

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

/*.px_header_menu_v2 .et_pb_menu__wrap{
justify-content: left !important;	
}*/
.px_header_menu_v2 .et_pb_menu__menu>nav>ul>li {
  margin-top: 28px !important;
}

.px_header_menu_v2 .et_pb_menu__menu>nav>ul>li>a {
  padding-bottom: 25px !important;
}

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

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

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

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

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

/*************/
.px_header_menu_v2.et_pb_menu ul li a,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu ul li a {
  transition: all 0.4s;
}

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

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

.px_header_menu_v2 .et_pb_menu__menu .nav li ul {

  border: none !important;
}

.px_header_search2 input.et_pb_searchsubmit {
  background-color: var(--px-color-1) !important;
  color: #fff;
}

.px_header_search2 input.et_pb_searchsubmit:hover {
  background-color: var(--px-color-2) !important;
  color: #fff;
}

/*.px_header_search input.et_pb_searchsubmit:after{
content: "\55";
position: absolute;
font-family: ETmodules;
color: #000 !important;
right: 18px;
top: 8px;
font-size: 16px;
font-weight: 700;
height: 0;
width: 0;
transform: rotateY(180deg);
cursor: pointer;
display:block;	
}*/
/*---Header v3  CSS---*/
.px_header_v3 {}


/* -----------------------------------
    03. Footer Section CSS
-------------------------------------*/
/*---Footer Common Info Css---*/
.px_footer_title {}

.px_footer_blurb_info {}

.px_footer_links {}

.px_footer_social {}

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

/*---Footer v2  CSS---*/
.px_footer_v2_center_row .et_pb_column {
  margin-top: auto;
  margin-bottom: auto;
}

.px_footer_v2_center_row {}

.px_footer_newsletter .et_pb_feedburner_form form {
  text-align: left;
  display: flex;
}

.px_footer_newsletter .et_pb_newsletter_field {
  flex-basis: 68% !important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

.px_footer_newsletter .et_pb_newsletter_form .input {
  color: #FFF !important;
  border: 1px solid #fff !important;
  background: transparent !important;
  border-radius: 0px !important;
}

.px_footer_newsletter.et_pb_newsletter .et_pb_newsletter_button_wrap {
  flex-basis: 39% !important;
  position: relative;
  height: 54px;
  margin-left: 8px;

}

.px_footer_newsletter.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {
  border: none;
  font-size: 18px !important;
  background-color: var(--px-color-1) !important;
  color: #fff;
  position: relative;
  font-weight: 400;
  text-transform: capitalize;
  border-radius: 5px;
  padding: 5px 10px;
  text-align: center;
  z-index: 1;
  line-height: 39px !important;
}

.px_footer_newsletter.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 0;
  background-color: var(--px-color-2);
  opacity: 0;
  content: "";
  border-radius: 5px;
  transform: scale(1.0) rotateX(45deg);
  transition: all 0.2s linear;
  border: 2px solid var(--px-color-1);
  z-index: -1;
  display: block;
  left: 0;
  margin-left: 0px !important;
}

.px_footer_newsletter.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover::after {
  opacity: 1.0;
  width: 100%;
  transform: scale(1.0) rotateX(0deg);
  transition: all 0.4s linear;
}

.px_footer_v2 .px_social_icon_footer li a.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent !important;
  width: 30px;
  height: 30px;
  margin: 0 12px 3px 0;
  border: 1px solid #666;
}

.px_footer_v2 .px_social_icon_footer li a .icon::before {
  transition: all 0.5s linear 0s;
}

.px_footer_v2 .px_social_icon_footer li a:hover.icon::before {
  color: var(--px-color-1) !important;
}

.px_footer_v2 .px_footer_Title .et_pb_text_inner h6 {
  padding-bottom: 6px !important;
}

.px_footer_v2 .px_footer_dvider .et_pb_text_inner {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  position: relative;
}

.px_footer_v2 .px_footer_dvider .et_pb_text_inner:before {
  content: '';
  background-color: var(--px-color-1) !important;
  height: 1px;
  width: 50px;
  position: absolute;
  bottom: -1px;
}

.px_footer_contact .et_pb_text_inner span {
  color: #999999 !important;
}

.px_copyright_title .et_pb_text_inner span {
  color: var(--px-color-1) !important;
  text-decoration: underline;
}

.px_copyright_title .et_pb_text_inner span:hover {
  color: #ffff !important;

}

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

/*-----------------------------------
       04. Sidebar CSS Start Here
  -------------------------------------*/
/* Blog Sidebar CSS Start */
.px_sidebar,
.et-db #et-boc .et-l .px_sidebar {
  border-right: none !important;
  padding-right: 0px !important;
}

.px_sidebar .widgettitle,
.et-db #et-boc .et-l .px_sidebar .widgettitle {
  font-size: 20px;
  color: var(--px-color-1);
  position: relative;
  margin-bottom: 18px;
}

.px_sidebar .widgettitle:after,
.et-db #et-boc .et-l .px_sidebar .widgettitle:after {
  position: absolute;
  content: '';
  width: 40px;
  height: 1px;
  left: 0px;
  bottom: 0px;
  background-color: var(--px-color-1);
  opacity: 0.2;
}

.px_sidebar .et_pb_widget,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget {
  padding: 24px;
  background: #fff;
  margin-bottom: 40px;
  box-shadow: 0px 0px 5px #02020214;
}

.px_sidebar .widget_tag_cloud,
.et-db #et-boc .et-l .px_sidebar .widget_tag_cloud {
  margin-bottom: 10px !important;
}

.px_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit {
  background-color: var(--px-color-1) !important;
  color: #fff;
}

.px_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit:hover,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit:hover {
  background-color: var(--px-color-2) !important;
}

.px_sidebar .widget_categories ul .cat-item,
.et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item {
  position: relative;
  line-height: 38px;
}

.px_sidebar .widget_categories ul .cat-item a,
.et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item a {
  color: #000;
  font-size: 16px;
  font-weight: 300;
}

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

.px_sidebar .widget_categories ul .cat-item a:after,
.et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item a:after {
  content: "\24";
  position: absolute;
  font-family: ETmodules;
  color: #000;
  right: 0;
  font-size: 18px;
  font-weight: 100;
}

.px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link,
.et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link {
  text-align: center;
  border-radius: 4px;
  padding: 3px 12px;
  border: 1px solid #797979;
  font-weight: 300;
  background: transparent !important;
  margin-right: 8px;
  margin-bottom: 8px;
}

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


/**post sidebar title **/
.px_sidebar_post_title {}

.px_sidebar_post_title .et_pb_text_inner {
  position: relative;
  top: 24px;
  left: 24px;
}

.px_sidebar_post_title .et_pb_text_inner h4 {
  font-size: 20px !important;
  color: var(--px-color-1);
  position: absolute;
  z-index: 1;
}

.px_sidebar_post_title .et_pb_text_inner h4:after {
  position: absolute;
  content: '';
  width: 40px;
  height: 1px;
  left: 0px;
  bottom: 0px;
  background-color: var(--px-color-1);
  opacity: 0.2;

}

.px_sidebar_blog {
  padding: 85px 24px 0px;
  background: #fff;
  box-shadow: 0px 0px 5px #02020214;
}

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

.px_sidebar_blog .et_pb_post .entry-featured-image-url {
  width: 100%;
  max-width: 110px;
  margin-bottom: 0px;
  float: left;
  overflow: hidden;
  margin-right: 30px;
}

.px_sidebar_blog .entry-title {
  color: #000 !important;
  padding-top: 8px;
}

.px_sidebar_blog .entry-title:hover {
  color: var(--px-color-1) !important;
}

.px_sidebar_blog .published {
  color: #9f9f9f;
}

.px_sidebar_blog .et_pb_post .post-meta a {
  color: var(--px-color-1);
}

/** post title ***/
.px_single_post_title {}

.px_single_post_title p.et_pb_title_meta_container {
  padding-bottom: 2em !important;
}

.px_single_post_title .et_pb_title_meta_container a {
  margin-right: 10px !important;
  font-size: 14px;
  font-weight: 400;
}

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

.px_single_post_title p.et_pb_title_meta_container .published {
  margin-right: 10px;
  font-size: 14px;
  font-weight: 400
}

.px_single_post_title p.et_pb_title_meta_container .author::before {
  content: "\e0b8";
  font-family: ETmodules;
  color: #fff;
  color: var(--px-color-1) !important;
  border-radius: 50%;
  margin-right: 5px;
}

.px_single_post_title p.et_pb_title_meta_container .published::before {
  content: " \e023";
  font-family: ETmodules;
  color: #fff;
  color: var(--px-color-1) !important;
  border-radius: 50%;
  margin-right: 5px;
}

.px_single_post_title p.et_pb_title_meta_container a[rel="category tag"]::before {
  content: "\e07c";
  font-family: ETmodules;
  color: #fff;
  color: var(--px-color-1) !important;
  border-radius: 50%;
  margin-right: 5px;
}

.px_single_post_title p.et_pb_title_meta_container .comments-number::before {
  content: "\e076";
  font-family: ETmodules;
  color: #fff;
  color: var(--px-color-1) !important;
  border-radius: 50%;
  margin-right: 5px;
}

/** post nevigation**/
.px_post_navigation .nav-next a,
.px_post_navigation .nav-previous a {
  position: relative;
  background-color: var(--px-color-1) !important;
  padding: 4px 22px;
  text-align: center;
  margin-bottom: 6px !important;
  color: #fff;
  font-size: 15px !important;
  font-weight: 600;
}

.px_post_navigation .nav-next a:hover,
.px_post_navigation .nav-previous a:hover {
  background-color: var(--px-color-2) !important;
}

/** comment**/
.px_blog_single_comments .logged-in-as a {
  color: var(--px-color-1);
}

.px_blog_single_comments .comment-content a {
  color: var(--px-color-1);
}

.px_blog_single_comments #commentform input[type="email"],
.px_blog_single_comments #commentform input[type="text"],
.px_blog_single_comments #commentform input[type="url"],
.px_blog_single_comments #commentform textarea {
  padding: 12px;
  line-height: 1em;
  border: 1px solid #e1e1e1;
  background: #fff;
  color: #555555;
  font-size: 15px;
}

.px_blog_single_comments #commentform input[type="email"]:focus,
.px_blog_single_comments #commentform input[type="text"]:focus,
.px_blog_single_comments #commentform input[type="url"]:focus,
.px_blog_single_comments #commentform textarea:focus {
  outline: thin solid var(--px-color-1) !important;
  outline-offset: -4px;
  border-color: #cccccc;
}

/**comment button**/
.px_blog_single_comments .et_pb_button {
  border: none;
  font-size: 17px !important;
  background-color: var(--px-color-1) !important;
  color: #fff !important;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 5px;
  z-index: 1;
  display: inline-block !important;
  position: relative;
}

.px_blog_single_comments .et_pb_button::before {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 0;
  background-color: var(--px-color-2);
  opacity: 0;
  content: "";
  border-radius: 5px;
  transform: scale(1.0) rotateX(45deg);
  transition: all 0.2s linear;
  border: 2px solid var(--px-color-1);
  z-index: -1;
  display: block;
  left: 0;
  margin-left: 0px !important;
}

.px_blog_single_comments .et_pb_button:hover::before {
  opacity: 1.0;
  width: 100%;
  transform: scale(1.0) rotateX(0deg);
  transition: all 0.4s linear;
}

.px_post-quote {
  background-color: var(--px-color-1) !important;
  position: relative;
  color: #fff;
  overflow: hidden;
  padding: 30px 35px 30px;
  ;
}

.px_post-quote::after {
  content: '';
  width: 360px;
  height: 360px;
  position: absolute;
  left: 45%;
  top: -70px;
  transform: rotate(-50deg);
  background-color: rgba(255, 255, 255, .1);
  border-radius: 25px;
}

.px_post-quote .et_pb_text_inner {
  position: relative;
}

.px_post-quote .et_pb_text_inner h3 {
  padding-bottom: 30px !important;
}

.px_post-quote::before {
  content: "\7b";
  font-family: ETmodules;
  font-size: 55px;
  color: #fff;
  opacity: .3;
}

/* Blog Sidebar CSS End */


/* Shop Sidebar CSS Start */

.px_shop_sidebar,
.et-db #et-boc .et-l .px_shop_sidebar {
  border: none !important;
}

.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 {
  width: 100%;
  padding: 15px;
  border: 1px solid var(--px-color-1);
  color: #171717;
}

.px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button {
  font-size: 0;
}

.px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button {
  position: absolute;
  right: 0;
  padding: 0;
  font-size: 0;
  background: var(--px-color-1);
  height: 100%;
  width: 50px;
  transition: all 0.4s;
}

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

.px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button::before {
  content: "\55";
  position: absolute;
  font-family: ETmodules;
  color: #fff;
  right: 18px;
  top: 13px;
  font-size: 16px;
  font-weight: 700;
  height: 0;
  width: 0;
  transform: rotateY(180deg);
  cursor: pointer;
}

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

.px_shop_sidebar .et_pb_widget .widgettitle,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .widgettitle {
  color: #000;
  font-size: 16px;
  line-height: 10px;
  font-weight: 700;
  margin-bottom: 35px;
  position: relative;
}

.px_shop_sidebar .et_pb_widget .widgettitle:before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .widgettitle:before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 1px;
  background-color: var(--px-color-1) !important;
  position: absolute;
  left: 0;
  bottom: 0;
}

/* 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 {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px dashed #e4e4e4;
}

/*.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;
margin-right: 10px !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: 14px;
  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: #000;
}

.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: #171717;
  font-weight: 600;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a img,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a img {
  width: 45px !important;
}

.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: #000;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 15px;
  border: none !important;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total strong,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total strong {

  font-weight: 500 !important;
}

.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 {
  border: none;
  font-size: 14px;
  background-color: var(--px-color-1);
  position: relative;
  display: inline-block;
  color: #ffffff;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 5px;
  padding: 12px 30px;
  width: 100%;
  text-align: center;
  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 {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 0;
  background-color: var(--px-color-2);
  opacity: 0;
  content: "";
  border-radius: 5px;
  transform: scale(1.0) rotateX(45deg);
  transition: all 0.2s linear;
  border: 2px solid var(--px-color-1);
  display: block;
  z-index: -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 {
  opacity: 1.0;
  width: 100%;
  transform: scale(1.0) rotateX(0deg);
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

/* Search Product */

/* 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 {
  height: 2px !important;
  margin-bottom: 30px;
}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-range,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-range {
  background-color: #000 !important;
}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-handle,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-handle {
  background-color: #000 !important;
  width: 11px !important;
  height: 11px !important;
}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount {
  color: #000;
}

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

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover {
  background-color: var(--px-color-2);
}

/* Product categories */

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item {
  position: relative;
  display: block;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px dashed #cccccc;
  transition: all 500ms ease;
  padding-left: 22px;
  font-weight: 400;
}

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item:last-child,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item:last-child {}

.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 {
  transition: all 500ms ease;
  color: #171717;
  font-weight: 400;
}

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a::before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 6px;
  height: 6px;
  border: 2px solid #d5d5d5;
  border-radius: 50%;
  content: "";
  transform-origin: center;
  transform-style: preserve-3d;
  transition: all 200ms linear;
  transition-delay: 0s;
  transition-delay: 0.1s;
}

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a:hover::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a:hover::before {
  border-color: var(--px-color-1);
  background-color: var(--px-color-1) !important;
}

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

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

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

.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: #171717;
  font-weight: 500;
}

.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,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .star-rating {
  font-size: 10px !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: #fbb419;
}

.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .woocommerce-Price-amount,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .woocommerce-Price-amount {
  font-weight: 300;
}

/* 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 {
  border: none;
  font-size: 14px !important;
  background: #f3f3f4;
  color: #222222;
  position: relative;
  display: inline-block;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 5px;
  padding: 8px 16px;
  text-align: center;
  z-index: 1;
  margin: 5px;
}

.px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:before {
  position: absolute;
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 0;
  background-color: var(--px-color-2);
  opacity: 0;
  content: "";
  border-radius: 5px;
  transform: scale(1.0) rotateX(45deg);
  transition: all 0.2s linear;
  border: 2px solid var(--px-color-1);
  z-index: -1;
  left: 0;
}

.px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-linkL:hover:before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover:before {
  opacity: 1.0;
  width: 100%;
  transform: scale(1.0) rotateX(0deg);
  transition: all 0.4s linear;
}

.px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover {
  color: #fff;
}

/* Average rating */

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


/* Recently Viewed Products */


/* Filter by */

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

/* banner */
.px_banner_v1 .et_pb_main_blurb_image {
  margin-bottom: 0px !important;
  overflow: hidden !important;
  position: relative;
}

.px_banner_v1 .et_pb_main_blurb_image .et_pb_image_wrap {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  z-index: 1;
}

.px_banner_v1 img {
  transition: transform .6s
}

.px_banner_v1:hover img {
  transform: scale(1.1);
}

.px_banner_v1 .et_pb_blurb_container {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 55px 50px;
  z-index: 9;
}

.px_banner_v1 .et_pb_image_wrap:before {
  position: absolute;
  border-radius: inherit;
  display: block;
  left: 20px;
  right: 20px;
  top: 20px;
  bottom: 20px;
  border: solid 1px rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  z-index: 2;
  content: "";
}

.px_banner_v1 .et_pb_image_wrap:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, black, transparent);
  z-index: 0;
}

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

/**** banner v2***/
.px_blurb_banner_v2 .et_pb_blurb_container {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 55px 40px;
  top: 80px;
  z-index: 1;
}

.px_blurb_3_banner_v2 .et_pb_blurb_description p,
.px_blurb_2_banner_v2 .et_pb_blurb_description p,
.px_blurb_banner_v2 .et_pb_blurb_description p {
  padding-bottom: 22px !important;
}

.px_blurb_4_banner_v2 .et_pb_blurb_description p {
  padding-bottom: 30px !important;
}

.px_blurb_4_banner_v2 .et_pb_main_blurb_image,
.px_blurb_3_banner_v2 .et_pb_main_blurb_image,
.px_blurb_2_banner_v2 .et_pb_main_blurb_image,
.px_blurb_banner_v2 .et_pb_main_blurb_image {
  margin-bottom: 0px !important;
  overflow: hidden !important;
  position: relative;
  border-radius: 10px !important;
  width: 100% !important;
}

.px_blurb_4_banner_v2 .et_pb_image_wrap:before,
.px_blurb_3_banner_v2 .et_pb_image_wrap:before,
.px_blurb_2_banner_v2 .et_pb_image_wrap:before,
.px_blurb_banner_v2 .et_pb_image_wrap:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #fff;
  opacity: 0.6;
  z-index: 1;
}

.px_blurb_4_banner_v2 .et_pb_module_header,
.px_blurb_3_banner_v2 .et_pb_module_header,
.px_blurb_2_banner_v2 .et_pb_module_header,
.px_blurb_banner_v2 .et_pb_module_header {
  color: var(--px-color-1);
}

.px_blurb_3_banner_v2 img,
.px_blurb_2_banner_v2 img,
.px_blurb_banner_v2 img {
  transition: transform .6s;
  border-radius: 10px !important;
}

.px_blurb_4_banner_v2:hover img,
.px_blurb_3_banner_v2:hover img,
.px_blurb_2_banner_v2:hover img,
.px_blurb_banner_v2:hover img {
  transform: scale(1.1);
}

.px_blurb_2_banner_v2 .et_pb_blurb_container {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 38px 32px;
  top: 0px;
  z-index: 1;
}

.px_blurb_3_banner_v2 .et_pb_blurb_container {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 38px 32px;
  top: 0px;
  z-index: 1;
}

.px_blurb_4_banner_v2 .et_pb_blurb_container {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 38px 32px;
  top: 80px;
}

.px_blurb_4_banner_v2 .et_pb_main_blurb_image {
  height: 100% !important;
}

.px_blurb_4_banner_v2 img {
  transition: transform .6s;
  border-radius: 10px !important;
  height: 865px !important;
  object-fit: cover;
}

/*btn*/
.px_bannr_v2_section .px_blurb_3_banner_v2 .et_pb_blurb_container .et_pb_blurb_description h5,
.px_bannr_v2_section .px_blurb_2_banner_v2 .et_pb_blurb_container .et_pb_blurb_description h5 {
  color: var(--px-color-1) !important;
  font-size: 14px !important;
  text-decoration: underline;
  text-transform: uppercase;
}

.px_bannr_v2_section .px_blurb_3_banner_v2 .et_pb_blurb_container .et_pb_blurb_description h5:hover .px_bannr_v2_section .px_blurb_2_banner_v2 .et_pb_blurb_container .et_pb_blurb_description h5:hover {
  text-decoration: none;
}

.px_blurb_4_banner_v2 .et_pb_blurb_description span,
.px_blurb_banner_v2 .et_pb_blurb_description span {
  border: none;
  font-size: 14px !important;
  background-color: var(--px-color-1) !important;
  color: #fff;
  position: relative;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 5px;
  padding: 15px 26px;
  text-align: center;
  z-index: 1;
}

.px_blurb_4_banner_v2 .et_pb_blurb_description span:after,
.px_blurb_banner_v2 .et_pb_blurb_description span:after {
  display: none !important;
}

.px_blurb_banner_v2 .et_pb_blurb_description span:hover {
  color: #fff;
}

.px_blurb_4_banner_v2 .et_pb_blurb_description span:before,
.px_blurb_banner_v2 .et_pb_blurb_description span:before {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 0;
  background-color: var(--px-color-2);
  opacity: 0;
  content: "";
  border-radius: 5px;
  transform: scale(1.0) rotateX(45deg);
  transition: all 0.2s linear;
  border: 2px solid var(--px-color-1);
  z-index: -1;
  display: block;
  left: 0;
  margin-left: 0px !important;
}

.px_blurb_4_banner_v2 .et_pb_blurb_description span:hover:before,
.px_blurb_banner_v2 .et_pb_blurb_description span:hover::before {
  opacity: 1.0;
  width: 100%;
  transform: scale(1.0) rotateX(0deg);
  transition: all 0.4s linear;
}

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

  .px_blurb_3_banner_v2 .et_pb_blurb_container,
  .px_blurb_2_banner_v2 .et_pb_blurb_container {
    padding: 20px 20px;
    top: 0;
  }

  .px_blurb_banner_v2 .et_pb_blurb_container {
    padding: 90px 20px;
    top: 0;
  }

  .px_blurb_4_banner_v2 .et_pb_blurb_container {
    top: 0px;
  }
}

@media screen and (max-width:980px) {
  .px_blurb_4_banner_v2 img {
    height: 100% !important;

  }

  .px_blurb_4_banner_v2 .et_pb_main_blurb_image {
    height: auto !important;
  }
}

.px_Happy_Clients .et-pb-icon {
  color: var(--px-color-1) !important;
}

/* -----------------------------------
     05. Blog CSS
-------------------------------------*/
/*---Blog Grid CSS & 3 Columns CSS ---*/
.px_blog_v1 .et_pb_post {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background: #fff;
  transition: .5s;
  padding: 0px !important;
  box-shadow: 0 10px 30px 0 rgb(0 0 0 / 5%);
}

.px_blog_v1 .et_pb_post:hover {
  box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.05);
}

.px_blog_v1 .px_blog_v1_info {
  padding: 20px;
  display: flex;
  flex-direction: column-reverse;
}

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

.px_blog_v1 .et_pb_post .entry-featured-image-url {
  overflow: hidden;
  margin-bottom: 0px !important;
}

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

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

.px_blog_v1 .et_pb_post .entry-featured-image-url:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: scale(0);
  transition: .5s;
  z-index: 1;
  display: block;
  background: var(--px-color-1) !important;
  opacity: 0.4;
}

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

/*---Title  CSS---*/
.px_blog_v1 .et_pb_post .entry-title {
  color: #000;
  transition: .5s;
  order: 1;
}

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

/*---Post Meta  CSS---*/
.px_blog_v1 .et_pb_post .post-meta {
  order: 1;
}

.px_blog_v1 .et_pb_post .post-meta .published {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: var(--px-color-1);
  color: #fff;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 1.1;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  z-index: 9;
}

.px_blog_v1 .et_pb_post .post-meta a[rel="tag"] {
  display: inline-block;
  position: relative;
  padding: 0px 10px 0px 20px;
  transition: all 0.4s;
}

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

.px_blog_v1 .et_pb_post .post-meta a[rel="tag"]:before {
  content: "\e07c";
  position: absolute;
  font-family: ETmodules;
  left: 0;
  color: var(--px-color-1);
}

/*---Blog Desc CSS---*/
.px_blog_v1 .et_pb_post .post-content .post-content-inner {
  font-size: 17px;
  font-weight: 300;
  /*line-height: 27px;*/
  padding-bottom: 20px;
}

/*---Read More Button CSS---*/
.px_blog_v1 .et_pb_post .post-content .more-link {
  border: none;
  font-size: 17px !important;
  background-color: var(--px-color-1) !important;
  color: #fff !important;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 5px;
  padding: 8px 16px;
  z-index: 1;
  display: inline-block !important;
  position: relative;
}

.px_blog_v1 .et_pb_post .post-content .more-link:before {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 0;
  background-color: var(--px-color-2);
  opacity: 0;
  content: "";
  border-radius: 5px;
  transform: scale(1.0) rotateX(45deg);
  transition: all 0.2s linear;
  border: 2px solid var(--px-color-1);
  z-index: -1;
  display: block;
  left: 0;
  margin-left: 0px !important;
}

.px_blog_v1 .et_pb_post .post-content .more-link:hover:before {
  opacity: 1.0;
  width: 100%;
  transform: scale(1.0) rotateX(0deg);
  transition: all 0.4s linear;
}

/*---Pagination Button CSS---*/
.px_blog_v1 .pagination .alignleft a,
.px_blog_v1 .pagination .alignright a {
  padding: 14px 25px;
  background: var(--px-color-1);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  border-radius: 5px;
  transition: all 0.4s;
}

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

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

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

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

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

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

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

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

/**** Blog v2******/

.px_blog_v2 .et_pb_post {
  position: relative;
  padding: 10px 10px 35px;
  background: #fff;
  margin-bottom: 0px !important;
}

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

/** image**/
.px_blog_v2 .et_pb_post .entry-featured-image-url {
  background: var(--px-color-1) !important;
}

.px_blog_v2 .et_pb_post a img {
  object-fit: cover;
  transition: all .3s ease;
}

.px_blog_v2 .et_pb_post:hover a img {
  opacity: .7;
}

/* title*/
.px_blog_v2 .et_pb_post .entry-title {
  order: 1;
  padding: 12px 0;
  padding-bottom: 12px;
  position: relative;
  font-size: 20px;
  display: inline-block;
  color: #111111;
  font-weight: 500;
  transition: all .3s ease;
  padding-bottom: 15px;
  margin-bottom: 15px;
  text-align: center;
}

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

.px_blog_v2 .et_pb_post .entry-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 50px;
  background-color: var(--px-color-1) !important;

}

.px_blog_v2 .et_pb_post .post-meta {
  order: 1;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-transform: uppercase;
}

.px_blog_v2 .et_pb_post .post-meta a:hover {
  color: var(--px-color-1) !important;
}

.px_blog_v2 .published {
  position: absolute;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
  background-color: #fff;
  color: #111111;
  text-transform: uppercase;
  top: 36px;
  left: 36px;
  padding: 18px 15px;
  text-align: center;
}

.post-content-inner {
  padding-bottom: 30px;
}

/*---Read More Button CSS---*/
.px_blog_v2 .et_pb_post .post-content .more-link {
  border: none;
  font-size: 17px !important;
  background-color: var(--px-color-1) !important;
  color: #fff !important;
  font-weight: 300;
  text-transform: capitalize;
  border-radius: 5px;
  padding: 8px 16px;
  z-index: 1;
  display: inline-block !important;
  position: relative;
}

.px_blog_v2 .et_pb_post .post-content .more-link:before {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 0;
  background-color: var(--px-color-2);
  opacity: 0;
  content: "";
  border-radius: 5px;
  transform: scale(1.0) rotateX(45deg);
  transition: all 0.2s linear;
  border: 2px solid var(--px-color-1);
  z-index: -1;
  display: block;
  left: 0;
  margin-left: 0px !important;
}

.px_blog_v2 .et_pb_post .post-content .more-link:hover:before {
  opacity: 1.0;
  width: 100%;
  transform: scale(1.0) rotateX(0deg);
  transition: all 0.4s linear;
}


/********/
/* Blog Listing CSS Start */
.px_blog_list .et_pb_post {
  display: flex;
  margin-bottom: 30px !important;
}

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

.px_blog_list .et_pb_post .px_blog_v1_info {
  margin: auto;
  width: 50%;
  height: fit-content;
  display: flex;
  flex-direction: column-reverse;
}

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

.px_blog_list .et_pb_post .post-meta {
  top: 0px !important;
  margin: 0px 0px !important;
}

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

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

  .px_blog_list .et_pb_post .post-meta {
    top: 25px !important;
    margin-right: 40px !important;
  }
}

/* Blog Listing CSS End */

/* Blog Category CSS */
.px_blog_category {}

/* Blog Tags CSS */
.px_blog_tages {}

/* Blog Author CSS */
.px_blog_author {}

/* Blog Single Page CSS Start */
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a:hover {
  color: var(--px-color-1);
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .author,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .published,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number {
  position: relative;
  padding: 0px 10px 0px 20px;
  display: inline-block;
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .author::before,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .published::before,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number::before {
  content: "";
  position: absolute;
  font-family: ETmodules;
  color: var(--px-color-1);
  left: 0;
  font-size: 16px;
  font-weight: 100;
}

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

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

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

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

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

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

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

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

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

/* -----------------------------------
    06. Contact Us CSS
-------------------------------------*/
/*---Contact Us v1  CSS---*/
.px_contact_v1_col {
  border-width: 1px;
  border-style: solid;
  border-color: #000;
  padding: 25px;
  text-align: center;
  border-radius: 5px;
}

.px_contact_v1_col .px_contact_v1_icon .et-pb-icon {
  color: #fff !important;
  border-radius: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
  background-color: var(--px-color-1);
  Transition: all 0.3s linear;

}

.px_contact_v1_col:hover .px_contact_v1_icon .et-pb-icon {
  background-color: var(--px-color-2);
}

.px_contact_v1_col .px_contact_text .et_pb_text_inner h4 {
  padding-bottom: 20px !important;

}

.px_contact_v1_col .px_contact_text .et_pb_text_inner h6 {
  padding-bottom: 20px !important;
}

.px_contact_v1 {
  /*box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;*/
  padding: 40px;
  border-width: 1px;
  border-style: solid;
  border-color: #000;
  text-align: center;
  border-radius: 5px;
}

/*---Contact Message CSS---*/
.px_contact_v1 .et_pb_contact p input,
.px_contact_v1 .et_pb_contact p textarea {
  width: 100%;
  border-radius: 0;
  font-size: 14px;
  padding: 16px;
  border: 1px solid #e1e1e1;
  background: #fff;
  color: #555555;
}

.px_contact_v1 .et_pb_contact p input:focus,
.px_contact_v1 .et_pb_contact p textarea:focus {
  outline: thin solid var(--px-color-1) !important;
  outline-offset: -4px;
  border-color: #cccccc;
}

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

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit {
  border: none;
  font-size: 18px !important;
  background-color: var(--px-color-1) !important;
  color: #fff;
  position: relative;
  font-weight: 400;
  text-transform: capitalize;
  border-radius: 5px;
  text-align: center;
  z-index: 1;
  line-height: 37px !important;
  padding: 6px 40px;
}

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 0;
  background-color: var(--px-color-2);
  opacity: 0;
  content: "";
  border-radius: 5px;
  transform: scale(1.0) rotateX(45deg);
  transition: all 0.2s linear;
  border: 2px solid var(--px-color-1);
  z-index: -1;
  display: block;
  left: 0;
  margin-left: 0px !important;
}

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover:after {
  opacity: 1.0;
  width: 100%;
  transform: scale(1.0) rotateX(0deg);
  transition: all 0.4s linear;
}

/* -----------------------------------
    07. Team Section CSS
-------------------------------------*/
/*---Team v1  CSS---*/
.px_team_v1 {
  position: relative;

}

/* Image Css */
.px_team_v1 .et_pb_team_member_image {
  overflow: hidden;
  margin-bottom: 0 !important;
}

.px_team_v1 .et_pb_team_member_image:before {
  background-color: var(--px-color-1) !important;
  visibility: hidden;
  opacity: 0;
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  transition: all 100ms ease;
  transition-delay: 0s;
}

.px_team_v1:hover .et_pb_team_member_image:before {
  opacity: 0.5;
  visibility: visible;
}

.px_team_v1 .et_pb_team_member_image img {
  width: 100% !important;
}

/* Description Css*/
.px_team_v1 .et_pb_team_member_description {
  padding: 20px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, .05);
}

.px_team_v1 .et_pb_team_member_description .et_pb_module_header {
  font-size: 22px;
  font-weight: 700;
}

/* Social Links Css*/
.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  padding: 0px 15px;
  text-align: center;
  transform: translate(-50%, -50%);
  opacity: 0;
  margin-top: 15px;
  transition: all 500ms ease;
}

.px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links {
  opacity: 1;
  margin-top: 0px;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a {
  position: relative;
  display: inline-block;
  font-size: 15px;
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 50%;
  transition: all 0.4s;
}

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

/* -----------------------------------
    08 Slider Section CSS
-------------------------------------*/
/*---Slider v1  CSS---*/
/*---Image CSS---*/
/*---Title CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description {
  text-shadow: none;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title {
  width: fit-content;
  padding: 10px;
  background-color: var(--px-color-1);
  margin-bottom: 15px;
}

/*---Description CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content blockquote {
  border-color: var(--px-color-1);
  margin-bottom: 0px;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h2 {
  color: #000 !important;
  font-size: 60px;
  line-height: 1.1;
}

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

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::before {
  content: "";
  position: absolute;
  display: block !important;
  top: 0;
  right: -50px;
  bottom: 0;
  left: 0;
  opacity: 1;
  z-index: -1;
  border-right: 50px solid transparent;
  border-bottom: 80px solid var(--px-color-2);
  transform: translateX(-100%);
  transition: all 0.4s;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover::before {
  transform: translateX(0);
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::after {
  display: none !important;
}

/*---Arrow CSS---*/
.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev,
.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next {
  background-color: var(--px-color-1);
  font-size: 30px;
  padding: 7px;
  transition: all 0.4s;
}

.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev:hover,
.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next:hover {
  background-color: var(--px-color-2);
}

/*---Dots Navigation 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_title {
    margin-left: auto;
    margin-right: auto;
  }

  .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h2 {
    font-size: 50px;
  }
}

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

/*---Slider v2 CSS---*/
/*---Image CSS---*/
/*---Title CSS---*/
.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description {
  text-shadow: none;
}

.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title {
  position: relative;
  width: fit-content;
  margin: auto auto 20px auto;
  padding: 0px 25px;
}

.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title::before,
.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title::after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: var(--px-color-1);
}

.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title::before {
  left: 0;
  right: auto;
}

.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title::after {
  right: 0;
  left: auto;
}

/*---Description CSS---*/

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

.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::before {
  content: "";
  position: absolute;
  display: block !important;
  top: 0;
  right: -50px;
  bottom: 0;
  left: 0;
  opacity: 1;
  z-index: -1;
  border-right: 50px solid transparent;
  border-bottom: 80px solid var(--px-color-2);
  transform: translateX(-100%);
  transition: all 0.4s;
}

.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover::before {
  transform: translateX(0);
}

.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::after {
  display: none !important;
}

/*---Arrow CSS---*/
.px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev,
.px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next {
  background-color: var(--px-color-1);
  font-size: 30px;
  padding: 7px;
  transition: all 0.4s;
}

.px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev:hover,
.px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next:hover {
  background-color: var(--px-color-2);
}

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

/* -----------------------------------
  	09 Faqs CSS
-------------------------------------*/


/***** slider*********/
.px_home_slider .et_pb_slide_image {
  float: right;
  right: 0;
}

.px_home_slider .et_pb_slide_with_image .et_pb_slide_description {
  float: left !important;
}

.px_home_slider .et_pb_slide_description .et_pb_slide_title {
  color: #fff !important;
  font-weight: 600;
  padding-bottom: 30px;
}

.px_home_slider .et_pb_slide_content h2 {
  font-size: 63px;
  line-height: 80px;
  font-weight: 700;
}

.px_home_slider .et_pb_slide_content p {
  line-height: 31px;
  letter-spacing: 0.9911px;
  font-weight: 400;
  font-size: 18px;
  white-space: normal;
  width: 673.979px;
  min-height: 0px;
  min-width: 0px;
  max-height: none;
  max-width: none;
  ;
}

/*btn*/
.px_home_slider .et_pb_button {
  border: none;
  font-size: 14px !important;
  background-color: var(--px-color-1) !important;
  color: #fff;
  position: relative;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 5px;
  text-align: center;
  z-index: 1;
}

.px_home_slider .et_pb_button::before {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 0;
  background-color: var(--px-color-2);
  opacity: 0;
  content: "";
  border-radius: 5px;
  transform: scale(1.0) rotateX(45deg);
  transition: all 0.2s linear;
  border: 2px solid var(--px-color-1);
  z-index: -1;
  display: block;
  left: 0;
  margin-left: 0px !important;
}

.px_home_slider .et_pb_button:hover:before {
  width: 100%;
  transform: scale(1.0) rotateX(0deg);
  transition: all 0.4s linear;
}


/*arrow */
.px_home_slider .et-pb-controllers a {
  background: #fff;
  background-color: rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
  border-radius: 0;
  margin-right: 20px;
  transform: scale(1.2);
  opacity: 1;
  transition: all 0.3s ease 0s;
  position: relative;
  color: #333;
  padding: 0px 4px;
}

.px_home_slider .et-pb-controllers .et-pb-active-control {
  outline: 2px solid var(--px-color-1);
  outline-offset: 5px;
  background-color: var(--px-color-1);
}

/* 980*/
@media screen and (max-width: 980px) {
  .px_home_slider .et_pb_slide_content h2 {
    font-size: 41px;
    line-height: 51px;
  }

  .px_home_slider .et_pb_slide_content p {
    width: 373.979px;
    max-width: 980px;
  }
}

/* slider css end */

/*---Slider v2 CSS---*/
.px_slider_v2 .et_pb_slide {
  background-color: var(--px-color-2) !important;
}

.px_slider_v2 .et_pb_container {
  display: block !important;
}

/*---Image CSS---*/
.px_slider_v2 .et_pb_slide_image {
  float: right;
  right: 0;
}

/*---Title CSS---*/
.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title {
  background-color: var(--px-color-1) !important;
  display: inline-block;
  padding: 20px 55px 15px 20px;
  clip-path: polygon(0 1%, 100% 0, 91% 55%, 100% 100%, 0 100%);
  letter-spacing: 2.9734px;
  margin-bottom: 40px;
}

/*---Description CSS---*/
.px_slider_v2 .et_pb_slide_with_image .et_pb_slide_description {
  float: left !important;
}

.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h2 {
  font-size: 65px;
  font-weight: 800;
  line-height: 90px;
}

.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content span {
  color: var(--px-color-1) !important;
}

/*---Button CSS---*/
.px_slider_v2 .et_pb_button {
  border: none;
  font-size: 14px !important;
  background-color: var(--px-color-1) !important;
  color: #fff;
  position: relative;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 5px;
  text-align: center;
  z-index: 1;
}

.px_slider_v2 .et_pb_button::before {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 0;
  background-color: var(--px-color-2);
  opacity: 0;
  content: "";
  border-radius: 5px;
  transform: scale(1.0) rotateX(45deg);
  transition: all 0.2s linear;
  border: 2px solid var(--px-color-1);
  z-index: -1;
  display: block;
  left: 0;
  margin-left: 0px !important;
}

.px_slider_v2 .et_pb_button:hover:before {
  width: 100%;
  transform: scale(1.0) rotateX(0deg);
  transition: all 0.4s linear;
}

/*---Arrow CSS---*/

.px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev::before,
.px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next::before {
  color: #fff;
  font-size: 20px;
  font-weight: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

.px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev::before {
  content: "\23";
}

.px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next::before {
  content: "\24";
}

@media screen and (max-width: 980px) {
  .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title {
    background-color: var(--px-color-1) !important;
    padding: 20px 30px 15px 7px;
    margin-bottom: 25px;
  }

  .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h2 {
    font-size: 35px;
    font-weight: 800;
    line-height: 48px;

  }
}

/* -----------------------------------
  	11 Faqs CSS
-------------------------------------*/
/*---Faqs v1  CSS---*/
/*---Title Icon CSS---*/
.px_faqs_v1 .et_pb_toggle_title::before {
  position: absolute;
  top: 24px;
  font-size: 16px;
  color: #fff !important;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  transition: all 500ms ease;
  z-index: 1;
  background-color: var(--px-color-1);
}

.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title:after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  left: 20px;
  top: 35px;
  border-radius: 50%;
  background-color: var(--px-color-1);
}

/*---Open Title CSS---*/
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {
  background-color: var(--px-color-2);
}

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

/*---Content CSS---*/

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

  .px_faqs_v1 .et_pb_toggle_title::before {
    position: absolute;
    top: 40px;
  }
}

/* -----------------------------------
  	10 Testimonial Section CSS
-------------------------------------*/
/*---Testimonial v1  CSS---*/
.px_testimonial_v1.et_pb_testimonial:before {
  color: var(--px-color-1) !important;
}

.px_testimonial_v1 .et_pb_testimonial_portrait {
  margin: 0 auto;
  position: absolute;
  bottom: 55px;
  left: 50%;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
  box-shadow: 0px 0px 0px 8px rgb(255 255 255 / 10%);
}

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

.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content {
  color: #000 !important;
  font-size: 22px;
  font-weight: 500;
}

/*---Author CSS---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {
  margin-top: 130px;
  color: #000 !important;
  font-size: 20px;
  font-weight: 500;
}

/*---Meta CSS---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_position {
  display: block;
  text-align: center;
}

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

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

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

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

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

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

.px_review_testi {}

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

.px_review_testi ul li {
  display: inline-block;
  float: none;
  margin: 0 3px;
  color: #fe590f;
  font-size: 16px;
  line-height: 45px;
}

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

.px_review_testi ul li.star-0::before {
  content: "\e032";
}

.px_review_testi ul li.star::before {
  content: "\e031";
}

.px_review_testi ul li {
  color: var(--px-color-1);
  font-size: 16px;
  line-height: 45px;
}

/* Slick Js CSS */
.px_slide_testi .slick-slide {
  margin: 10px !important;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-top: 25px !important;
  margin-bottom: 25px !important;
  padding: 35px;
  padding-bottom: 35px;
}

/* Navigation CSS */
.px_slide_testi .slick-dots li {
  margin: 0px 8px;
}

.px_slide_testi .slick-dots li.slick-active {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid var(--px-color-1);
  transition: all 0.3s ease;
  background: var(--px-color-1);
}

.px_slide_testi .slick-dots {
  right: 0px;
  left: 0;
  bottom: -50px;
  width: auto;
  padding: 3px 0px;
}

.px_slide_testi .slick-dots li {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #e5e5e5;
  transition: all 0.3s ease;
}

.px_slide_testi .slick-dots li:hover {
  border: 2px solid var(--px-color-1);
  transition: all 0.3s ease;
  background: var(--px-color-1);
}

.px_slide_testi .slick-dots li.slick-active button::before {
  opacity: 0;
  color: transparent;
}

.px_slide_testi .slick-dots li button::before {
  opacity: 0;
  color: transparent;
}

/* 480*/
@media screen and (max-width: 480px) {
  .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content {
    padding: 30px 0px 0px !important;
  }

  .px_slide_testi .slick-slide {
    margin: 10px !important;
    padding: 0px !important;
    margin-top: 28px !important;
  }

  .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content {
    font-size: 16px;
  }

  .px_testimonial_v1 .et_pb_testimonial_portrait {
    bottom: 20px;
  }
}

/* 980*/
@media screen and (max-width: 980px) {
  .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content {
    padding: 30px 0px 0px !important;
  }

}

/*---Testimonial v2  CSS---*/
.px_testimonial_v2 {
  background-color: #faf8f4 !important;
  border-radius: 45px 0 45px 45px;
  border: 2px dashed transparent;
  transition: .45s;
}

.px_testimonial_v2:hover {
  transform: translateY(-20px);
  border: 2px dashed var(--px-color-1);
}

.px_testimonial_v2:before {
  top: 45px !important;
  margin-left: 27px !important;
  background-color: var(--px-color-1) !important;
}

/*---Description---*/

/*---Author CSS---*/
.px_testimonial_v2 .et_pb_testimonial_author {
  margin-top: 20px
}

/*---Meta CSS---*/
.px_testimonial_v2 .et_pb_testimonial_meta {
  display: block;
  text-align: center;
  color: var(--px-color-1);
  font-weight: 400;
}

@media (min-width: 768px) and (max-width: 980px) {
  .px_testimonial_col .et_pb_column .px_testimonial_v2 .et_pb_testimonial_portrait {
    float: none !important;
    margin-right: auto !important;
  }

  .px_testimonial_col .et_pb_column .px_testimonial_v2 .et_pb_testimonial_description {
    margin-left: 0 !important;
  }
}


/* -----------------------------------
    11. Services CSS
-------------------------------------*/
/*---About Us v1 CSS---*/
.px_aboutus_v1 .px_about_title_v1 .et_pb_text_inner h5 {
  color: var(--px-color-1);
}

.px_aboutus_v1_title_center .et_pb_text_inner,
.px_aboutus_v1_title .et_pb_text_inner {
  position: relative;
}

.px_aboutus_v1_title_center .et_pb_text_inner h5,
.px_aboutus_v1_title .et_pb_text_inner h5 {
  color: var(--px-color-1) !important;
  padding-bottom: 0 !important;
}

.px_aboutus_v1_title_center .et_pb_text_inner {
  position: relative;
  text-align: center;
}

.px_aboutus_v1_title .et_pb_text_inner span {
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: var(--px-color-1);
  position: relative;
  margin-left: 23px;
}

.px_aboutus_v1_title_center .et_pb_text_inner span {
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: var(--px-color-1);
  position: relative;
}

.px_aboutus_v1_title .et_pb_text_inner span:before,
.px_aboutus_v1_title_center .et_pb_text_inner span::before {
  content: "";
  background-color: var(--px-color-1);
  width: 15px;
  height: 2px;
  position: absolute;
  left: -20px;
}

.px_aboutus_v1_title .et_pb_text_inner span:after,
.px_aboutus_v1_title_center .et_pb_text_inner span::after {
  content: "";
  background-color: var(--px-color-1);
  width: 15px;
  height: 2px;
  position: absolute;
  left: 50px;
}

.px_about_img1 .et_pb_image_wrap {
  overflow: hidden;
}

.px_about_img1 img {
  transform: scale(1);
  transition: .3s ease-in-out;
}

.px_about_img1:hover img {
  transform: scale(1.3);
}

.px_about_Quality {
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1);
  padding: 3em 2em 3em 2em;
}

.px_about_Quality .et-pb-icon {
  padding: 15px 18px;
  background-color: var(--px-color-1) !important;
  color: #fff !important;
}

.px_about_Quality2 {
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1);
  padding: 3em 2em 3em 2em;
  background-color: var(--px-color-1) !important;
}

.px_about_Quality2 .et-pb-icon {
  padding: 15px 18px;
  background-color: #fff !important;
  color: var(--px-color-1) !important;
}

.px_aboutus_v1_title_v3 .et_pb_text_inner h3:after {
  position: absolute;
  content: '';
  width: 60px;
  height: 1px;
  bottom: 0px;
  background-color: var(--px-color-1);
  left: 0%;
}

/* -----------------------------------
  	16 Choose Us Section CSS
-------------------------------------*/
/*---Choose Us v1 CSS---*/
/*---Choose Us v1 CSS---*/
.px_choose_v1 {
  /*box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);*/
  border-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-style: solid;
  box-shadow: 0 0 10px #e9e9e9;
  border-radius: 5px;
  padding: 17px !important;
}

.px_choose_v1 .et_pb_module_header {
  position: relative;
  padding: 0 0 15px;
  margin: 0 0 15px;
}

.px_choose_v1 .et_pb_blurb_container .et_pb_module_header:after {
  content: '';
  background: var(--px-color-1);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 3px;
  transition: all .3s ease-in-out;
}

.px_choose_v1:hover .et_pb_blurb_container .et_pb_module_header:after {
  content: '';
  background: #000000;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 3px;
}


.px_choose_v1 .et-pb-icon {
  color: var(--px-color-1) !important;
  transition: all .3s ease-in-out !important;
}

.px_choose_v1:hover .et-pb-icon {
  color: var(--px-color-2) !important;
}

/*choose_v2_Satisfactions */

.px_choose_v2_Satisfactions .et_pb_blurb_content {
  padding: 30px 20px 22px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.px_choose_v2_Satisfactions .et_pb_main_blurb_image {
  margin-bottom: 5px !important;
  width: auto !important;
  margin-right: 0 !important;
}

.px_choose_v2_Satisfactions .et_pb_module_header {
  padding-bottom: 4px;
}

.px_choose_v2_Satisfactions .et-pb-icon {
  color: #000 !important;
  transition: transform 400ms ease-in-out 0s;
}

.px_choose_v2_Satisfactions:hover .et-pb-icon {
  color: var(--px-color-1) !important;
  transform: rotateY(180deg);
}


/* -----------------------------------
  	12 Partner Section CSS
-------------------------------------*/
/*---Partner Us v1 CSS---*/
.px_partner_v1 .et_pb_image_wrap {
  padding: 10px;
  border: 3px dashed var(--px-color-1);
  border-radius: 10px;
  filter: opacity(0.5);
  transition: all 0.4s;
}

.px_partner_v1:hover .et_pb_image_wrap {
  filter: opacity(1);
}

.px_logo img {
  opacity: .5;
  transition: all 500ms ease;
}

.px_logo:hover img {
  opacity: 1;

}

/* -----------------------------------
  	20 Skill-bar Section CSS
-------------------------------------*/
/*---Skill-bar v1 CSS---*/
.px_bar_counter_v1 li {
  margin-bottom: 30px !important;
}

/*---Title CSS---*/
.px_bar_counter_v1 li.et_pb_counter .et_pb_counter_title {
  margin-bottom: 10px;
}

.px_bar_counter_v1 .et_pb_counter_container {
  height: 6px;
  overflow: visible !important;
  position: relative;
}

/*---Percentage CSS---*/
.px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount {
  background-color: var(--px-color-1) !important;
}

/*---Percentage CSS---*/
.px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number {
  position: absolute;
  bottom: 22px;
  color: var(--px-color-1) !important;
  font-size: 15px;
  padding: 0 0px !important;
}


/* -----------------------------------
  	13 Video Section CSS
-------------------------------------*/

/* -----------------------------------
  	14 CTA Section CSS
-------------------------------------*/
/*---CTA v1 CSS---*/
/*---CTA v2 CSS---*/
.px_CTA_v2 .px_CTA_Title .et_pb_text_inner span {
  color: var(--px-color-1) !important;
}

/*---CTA v3 CSS---*/
.px_CTA_v3 .px_CTA_Title_v3 .et_pb_text_inner h2 {
  color: var(--px-color-1) !important;
}

/* -----------------------------------
  	15 Countdown Timer Section CSS Start Here
-------------------------------------*/
/*---Counter v1 CSS---*/
.px_counter_v1 .percent-sign,
.px_counter_v1 .percent-value {
  color: var(--px-color-1) !important;
}

/* Deal of the day v1 */

.px_deal_title .et_pb_text_inner span {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
  font-size: 14px;
  font-weight: 500;
  padding: 2px 8px 2px 20px;
  color: #fff;
  background-color: var(--px-color-1);
}

.px_deal_title .et_pb_text_inner h2 {
  margin-top: 15px;
  margin-bottom: 0;
  display: flex;
}

.px_counter_v2 {
  padding: 0px;
}

.px_counter_v2 .sep {
  position: relative;
  color: var(--px-color-1);
}

.px_counter_v2 .et_pb_countdown_timer_container {
  text-align: left;
}

.px_counter_v2 .value {
  color: var(--px-color-1) !important;
}

.px_counter_v2 .section.values {
  width: 23% !important;
  max-width: 226px;
  vertical-align: top;
}

.px_img {
  line-height: 0;
  position: relative;
  max-width: 100%;
  overflow: visible;
}


.px_img:before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: auto;
  transition: all 0.6s ease-out 0s;
  pointer-events: none;
}

.px_img:hover:before {
  background-color: rgba(255, 255, 255, .2);
  right: 50%;
  left: 51%;
  z-index: 11;
}

.px_img:after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: auto;
  transition: all 0.6s ease-out 0s;
  pointer-events: none;
}

.px_img:hover:after {
  background-color: rgba(255, 255, 255, .2);
  top: 51%;
  bottom: 50%;
}

/* Deal of the day v2 */
.px_deal_v2_title .et_pb_text_inner h3 {
  color: var(--px-color-1);
}

.px_counter_v1 {
  padding: 0px !important;
}

.px_counter_v1 .seconds,
.px_counter_v1 .minutes,
.px_counter_v1 .hours,
.px_counter_v1 .days {
  height: 85px;
  width: 85px !important;
  margin-right: 30px;
  margin-bottom: 30px;
  background-color: var(--px-color-2) !important;
}

/* 480 */
@media screen and (max-width: 480px) {
  .px_counter_v2 .section.values {
    width: 19% !important;
  }
}

/* -----------------------------------
  	15 Countdown Timer Section CSS End Here
-------------------------------------*/
/* -----------------------------------
      16 Category CSS 
-------------------------------------*/
/******** Categories v1 css Start here *************/
.px_categories_v1 {
  background-color: #fff;
  transition: all 0.4s;
}

.px_categories_v1:hover,
.px_categories_v1.px_active {
  background-color: var(--px-color-1);
}

.px_categories_v1 .et_pb_main_blurb_image {
  margin-bottom: 15px;
}

.px_categories_v1.px_active .et_pb_blurb_content .et_pb_main_blurb_image {
  filter: brightness(0%) invert(100%);
  backface-visibility: hidden;
}

.px_categories_v1.px_active .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
  color: #FFFFFF !important;
}


/******** Categories v1 css end here *************/
/* Categories v2*/
.px_categories_v2 .et_pb_main_blurb_image {
  position: relative;
}

.px_categories_v2 .et_pb_image_wrap::before {
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: all .5s ease 0s;
  content: "";
  background-color: var(--px-color-1) !important;
  opacity: 0.4;
}

.px_categories_v2:hover .et_pb_image_wrap::before {
  transform: scale(1);
}

.px_categories_v2 .et_pb_main_blurb_image:after {
  content: "\4c";
  font-family: etmodules;
  font-size: 30px;
  background-position: 50%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  left: 0;
  top: 0;
  align-items: center;
  position: absolute;
  transition: all 0.4s;
  opacity: 0;
  visibility: hidden;
  z-index: 3;
  color: var(--px-color-1) !important;
  font-weight: 800;
}

.px_categories_v2:hover .et_pb_main_blurb_image:after {
  opacity: 1;
  visibility: visible;
}

.px_categories_v2 .et_pb_image_wrap::after {
  content: '';
  width: 105%;
  height: 105%;
  position: absolute;
  border: 2px dashed #dfdfdf;
  border-radius: inherit;
  z-index: 11;
  /*left: -10px;
    top: -9px;*/
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.px_categories_v2:hover .et_pb_image_wrap:after {
  /* animation: spin 10s linear infinite;*/
  border: 2px dashed var(--px-color-1);
  animation: engospin 12s linear infinite;
}

@keyframes engospin {
  from {
    transform: translate(-50%, -50%) rotate(0)
  }

  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.px_wc_categories_v2 .et_shop_image {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 5px;
  float: left !important;
  margin-right: 20px !important;
  overflow: hidden;
}

.px_wc_categories_v2 ul.products li.product .onsale {
  background-color: var(--px-color-1) !important;
  z-index: 5;
}

.px_wc_categories_v2 ul.products li.product a img {
  margin: 0px !important;
}

.px_wc_categories_v2 ul.products li.product {
  border: 1px solid #e7e7e7;
  padding: 5px 35px 5px 5px;
  border-radius: 5px;
}

.px_wc_categories_v2 ul.products li.product .star-rating {
  font-size: 10px !important;
}

.px_wc_categories_v2 .star-rating span::before {
  color: #fbb419;
}

.px_wc_categories_v2 ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img {
  transform: scale(1);
  transition: all 0.7s ease 0s;
  object-fit: cover;
  margin-bottom: 0px !important;
}

.px_wc_categories_v2 ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img {
  transform: scale(1.1);
}

.px_wc_categories_v2 ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay {
  transition-delay: .0s;
  transition-timing-function: ease-in-out;
  transition-duration: .2s;
  transition-property: all;
  z-index: 1;
  background-color: var(--px-color-1) !important;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  border: none;
}

.px_wc_categories_v2 ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay {
  visibility: visible;
  opacity: 0.5;
}

.px_wc_categories_v2 ul.products li.product .button,
.px_wc_categories_v2 ul.products li.product .tinvwl_add_to_wishlist_button {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 30px;
  width: 30px;
  font-size: 0px;
  border: none;
  border-radius: 5px;
  margin: 0px !important;
  background-color: var(--px-color-1);
  transition: all 0.4s;
}

.px_wc_categories_v2 ul.products li.product .button:hover,
.px_wc_categories_v2 ul.products li.product .tinvwl_add_to_wishlist_button:hover {
  background-color: var(--px-color-2);
}

.px_wc_categories_v2 ul.products li.product .yith-wcqv-button {
  top: 40px;
}

.px_wc_categories_v2 ul.products li.product .tinvwl_add_to_wishlist_button {
  top: 75px;
}

.px_wc_categories_v2 ul.products li.product .button:after,
.px_wc_categories_v2 ul.products li.product .tinvwl_add_to_wishlist_button:before {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  opacity: 1;
  margin: 0 !important;
}

.px_wc_categories_v2 ul.products li.product .button:after {
  content: "\e015";
  font-size: 14px;
}

.px_wc_categories_v2 ul.products li.product .button.loading:after {
  content: "\e02d";
}

.px_wc_categories_v2 ul.products li.product .yith-wcqv-button:after {
  content: "\55";
}

.px_wc_categories_v2 ul.products li.product .tinvwl_add_to_wishlist_button:before {
  font-size: 20px !important;
}

.px_wc_categories_v2 ul.products li.product .tinvwl_add_to_wishlist_button:after {
  display: none !important;
}

@media screen and (max-width: 980px) {
  .px_wc_categories_v2 ul.products.columns-1 li.product {
    width: 100% !important;
  }

  .px_wc_categories_v2 .et_shop_image {
    width: 30% !important;
  }

  .px_wc_categories_v2 ul.products li.product:nth-child(n) {
    margin: 0 0 6.5% !important;
  }
}

/* -----------------------------------
      17 Newsletter Css HERE
-------------------------------------*/
/*---Newsletter v1 CSS---*/
.px_newsletter_v1_row .et_pb_column {
  margin-top: auto;
  margin-bottom: auto;
}

/* 980 */
@media screen and (max-width: 980px) {
  .px_newsletter_v1_row .et_pb_column {
    margin-bottom: 30px !important;
  }
}

.px_news_blurb .et_pb_module_header {
  padding-bottom: 16px !important;
}

.px_news_blurb .et-pb-icon {
  color: var(--px-color-1) !important;
}

/*Form Css*/
/*Input Css*/
.px_newsletter_v1 .et_pb_feedburner_form form {
  text-align: left;
  display: flex;
}

.px_newsletter_v1 .et_pb_newsletter_field {
  flex-basis: 68% !important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

.px_newsletter_v1 .et_pb_newsletter_form .input {
  color: #FFF !important;
  border: 1px solid #5C5E6B !important;
  background: #0d0b0b66 !important;
  border-radius: 0px !important;
}

.px_newsletter_v1 .et_pb_newsletter_form .input:focus {
  outline: thin solid var(--px-color-1) !important;
  outline-offset: -4px;
  border-color: #cccccc;
}

/*Button Css*/
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap {
  border: 1px solid #5C5E6B !important;
  border: 1px solid #5C5E6B !important;
  flex-basis: 39% !important;
  position: relative;
  height: 50px;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {
  border: none;
  font-size: 18px !important;
  background-color: var(--px-color-1) !important;
  color: #fff;
  position: relative;
  font-weight: 400;
  text-transform: capitalize;
  border-radius: 5px;
  padding: 5px 10px;
  text-align: center;
  z-index: 1;
  line-height: 37px !important;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 0;
  background-color: var(--px-color-2);
  opacity: 0;
  content: "";
  border-radius: 5px;
  transform: scale(1.0) rotateX(45deg);
  transition: all 0.2s linear;
  border: 2px solid var(--px-color-1);
  z-index: -1;
  display: block;
  left: 0;
  margin-left: 0px !important;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover:after {
  opacity: 1.0;
  width: 100%;
  transform: scale(1.0) rotateX(0deg);
  transition: all 0.4s linear;
}

.px_social_icon li a.icon {
  border-radius: 99px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #0d0b0b66 !important;
  width: 46px;
  height: 46px;
  margin: 0 10px 3px 0;
}

.px_social_icon li a.icon:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 99px;
  z-index: -1;
  box-shadow: inset 0 0 0 35px #0d0b0b66;
  transform: scale3d(0.9, 0.9, 1);
  transition: box-shadow 0.3s, transform 0.3s;
}

.px_social_icon li a:hover.icon:after {
  box-shadow: inset 0 0 0 1px var(--px-color-1);
  transform: scale3d(1, 1, 1);
}

.px_social_icon li a.icon:before {
  transition: all 0.5s linear 0s;
}

.px_social_icon li a:hover.icon:before {
  transform: rotate(360deg);
  color: var(--px-color-1) !important;
}

/*---Newsletter v2 CSS---*/
.px_newsletter_v2 {}

.px_newsletter_v2_row .et_pb_column {
  margin-top: auto;
  margin-bottom: auto;
}

.px_newsletter_v2_row .px_newsletter_v2 {}

.px_newsletter_v2 .et_pb_newsletter_form .input:focus {
  outline: thin solid var(--px-color-1) !important;
  outline-offset: -4px;
  border-color: #cccccc;
}

.px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {
  border: none;
  font-size: 18px !important;
  background-color: var(--px-color-1) !important;
  color: #fff;
  position: relative;
  font-weight: 400;
  text-transform: capitalize;
  border-radius: 5px;
  padding: 5px 10px;
  text-align: center;
  z-index: 1;
  line-height: 37px !important;
  width: 50% !important;
}

.px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 0;
  background-color: var(--px-color-2);
  opacity: 0;
  content: "";
  border-radius: 5px;
  transform: scale(1.0) rotateX(45deg);
  transition: all 0.2s linear;
  border: 2px solid var(--px-color-1);
  z-index: -1;
  display: block;
  left: 0;
  margin-left: 0px !important;
}

.px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover::after {
  opacity: 1.0;
  width: 100%;
  transform: scale(1.0) rotateX(0deg);
  transition: all 0.4s linear;
}

/* -----------------------------------
      18 Discount Sections Css 
-------------------------------------*/
/*---Discount v1 CSS---*/
.px_discount_v1_col .px_discount_v1_img {
  overflow: hidden;
}

.px_discount_v1_col .px_discount_v1_img .et_pb_image_wrap {
  height: 240px;
}

.px_discount_v1_col .px_discount_v1_img .et_pb_image_wrap:before {
  content: '';
  position: absolute;
  height: 90%;
  width: 90%;
  background: var(--px-color-2);
  z-index: 5;
  opacity: 0.5;
  transform: scale(1);
  transition: .3s ease-in-out;
  margin: 15px;
  top: 0px;
  border-radius: 5px;
}

.px_discount_v1_col:hover .px_discount_v1_img .et_pb_image_wrap:before {
  transform: scale(1.5);
  transition: .3s ease-in-out;
}

.px_discount_v1_col .px_discount_v1_img .et_pb_image_wrap img {
  height: 100%;
  object-fit: cover;
}

.px_discount_v1_col .px_discount_v1_img .et_pb_image_wrap img {
  transform: scale(1) rotate(0deg);
  transition: .3s ease-in-out;
}

.px_discount_v1_col:hover .px_discount_v1_img .et_pb_image_wrap img {
  transform: scale(1.2) rotate(5deg);
  transition: .3s ease-in-out;
}

.px_discount_v1_col .px_discount_v1_cta .et_pb_module_header:before {
  content: '';
  position: absolute;
  height: 25px;
  width: 60px;
  top: -6px;
  left: 75px;
  background: var(--px-color-1);
  z-index: -1;
  border-radius: 10px;
}

.px_discount_v1_col .px_discount_v1_cta {
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
}

.px_discount_v1_col .px_discount_v1_cta .et_pb_button_wrapper .et_pb_button {
  background: var(--px-color-1);
  color: #fff;
  border: 3px solid transparent !important;
  transform: scale(1);
  transition: .2s ease-in-out;
}

.px_discount_v1_col .px_discount_v1_cta .et_pb_button_wrapper .et_pb_button:hover {
  background: #fff !important;
  color: var(--px-color-2);
  transform: scale(1.02);
  border: 3px solid var(--px-color-1) !important;
  transition: .2s ease-in-out;
}

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

  .px_discount_v1_col .px_discount_v1_img .et_pb_image_wrap img,
  .px_discount_v1_col .px_discount_v1_img .et_pb_image_wrap {
    width: 100%;
  }
}

/*---Discount v2 CSS---*/
.px_wc_product_cta .et_pb_button_wrapper .et_pb_button {
  background: var(--px-color-1);
  color: #fff;
  border: 3px solid transparent !important;
  transform: scale(1);
  transition: .2s ease-in-out;
}

.px_wc_product_cta .et_pb_button_wrapper .et_pb_button:hover {
  background: #fff !important;
  color: var(--px-color-2);
  transform: scale(1.02);
  border: 3px solid var(--px-color-1) !important;
  transition: .2s ease-in-out;
}

/* -----------------------------------
  	19 Coming Soon Page CSS
-------------------------------------*/
/* Counter */
.px_coming_soon_counter .sep {
  display: none;
}

.px_coming_soon_counter .values {
  color: var(--px-color-2);
}

.px_coming_soon_counter .values:before {
  content: '';
  position: absolute;
  height: 120px;
  width: 120px;
  border: 1px solid var(--px-color-2);
  top: -25px;
  left: 20px;
  transform: rotate(45deg);
}

/* Email Option */
.px_coming_soon_email .et_pb_newsletter_form {
  overflow: hidden;
}

.px_coming_soon_email form .et_pb_newsletter_field {
  border: 1px solid var(--px-color-2) !important;
  padding-bottom: 0;
}

.px_coming_soon_email form .et_pb_newsletter_field input {
  background: transparent !important;
}

.px_coming_soon_email form .et_pb_newsletter_button_wrap {
  position: absolute;
  top: 0;
  right: 0;
}

.px_coming_soon_email form .et_pb_newsletter_button_wrap .et_pb_button {
  color: var(--px-color-2);
}

.px_coming_soon_email form .et_pb_newsletter_button_wrap .et_pb_button .et_pb_newsletter_button_text {
  font-size: 0;
}

/* HOVER CSS HERE */
.px_coming_soon_email form .et_pb_newsletter_button_wrap .et_pb_button:hover {
  background: var(--px-color-1);
}

@media only screen and (min-width:480px) and (max-width:980px) {
  .px_coming_soon_counter .values {
    width: 25% !important;
  }
}

@media only screen and (max-width:480px) {
  .px_coming_soon_counter .values:before {
    content: none;
  }

  .px_coming_soon_counter .values {
    width: 25% !important;
  }
}

.px_404_page_v1 {
  background: #FFFFFF2B !important;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 4em 4em 4em 4em !important;

}

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

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

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


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

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

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


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

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

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

/*change Divi hamburger menu to X*/

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


/*remove the border from the top of the mobile menu*/

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

.et-db #et-boc .et-l .mobile_nav.opened .et_mobile_menu {
  z-index: 9999 !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-overflow-scrolling: touch;
  -webkit-transition: -webkit-transform .4s 0s;
  -moz-transition: -moz-transform .4s 0s;
  transition: transform .4s 0s;
}

/*hide the submenu items on mobile*/
.et-db #et-boc .et-l .et_mobile_menu li ul.hide {
  display: none !important;
}

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

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

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

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

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

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

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

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

/* -----------------------------------
  	23 Search Page CSS
-------------------------------------*/
/* -----------------------------------
  	24 Gallery Section CSS
-------------------------------------*/

.px_gallery_v1 .et_pb_gallery_items {
	display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
}

@media only screen and (max-width: 980px) {
.px_gallery_v1 .et_pb_gallery_items {
    grid-template-columns: repeat(3, 1fr);
}
}

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

.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 .et_pb_gallery_image {
	overflow: hidden;
	border-radius: 5px;
}

.px_gallery_v1 .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image .et_overlay:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: var(--px-color-1);
    opacity: 0.6;
    z-index: -1;
}
/*-------------------------------------------
  -- 25 Color Picker CSS
-------------------------------------------*/
.template-options .theme_option_bar:before {
  font-size: 22px;
  content: "\e037";
  cursor: pointer;
  color: #000;
  font-family: ETmodules !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Video Animation */
@keyframes growAndFade {
  0% {
    opacity: .75;
    transform: scale(0);
  }

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

/* Img Animation 1 */
@keyframes animationframesfive {
  0% {
    transform: translateY(0);
  }

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

  50% {
    transform: translateY(0);
  }

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

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

/* Img Animation 2 */
@keyframes animationtramestwo {
  0% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(40px);
  }

  50% {
    transform: translateX(0);
  }

  75% {
    transform: translateX(-40px);
  }

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

/* Img Animation 3 */
@keyframes animationzoominout {
  50% {
    transform: scale(0.8);
  }

  75% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.15);
  }
}

/* animation*/
@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

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