/*
Theme Name: Divi Handyman Service Theme
Theme URI: https://divi-professional.com/
Description: Divi Handyman Service Theme is a professional and easy-to-customize Divi child theme built for home repair services, handyman businesses, maintenance providers, and contractors.
Author: Divi Professional
Author URI: https://divi-professional.com/
Template: Divi
Version: 1.0
*/
/* -----------------------------------------------------------------------------   
    TABLE OF CONTENT
---------------------------------------------------------
  01. General Class CSS
		Title CSS		
		Button CSS
        Page Header Title Css
		Breadcrumbs CSS
	02. Header Section CSS
      Menu + Sub Menu CSS
    	Header v1 CSS
		Header v2 CSS
		Header v3 CSS
	03. Footer Section CSS
		Footer v1 CSS
		Footer v2 CSS
		Footer v3 CSS
  04. Sidebar CSS
  05. Blog CSS
		Blog Grid CSS
			2 Columns CSS
      3 Columns CSS
			4 Columns CSS
      Blog Listing CSS 
		Blog Category Page CSS 
		Blog Tags Page CSS 
		Blog Author Page CSS 
		Blog Single Page CSS
	06. Portfolio CSS
		Portfolio Default CSS
		Portfolio Filterable CSS
			2 Columns CSS
      3 Columns CSS
			4 Columns CSS
      Portfolio Carousel CSS 
		Portfolio Gallary CSS 
		Portfolio Category Page CSS 
		Portfolio Tags Page CSS 
		Portfolio Single Page CSS
  07. Services CSS
		Services v1 CSS
		Services v2 CSS
		Services v3 CSS
		Services Single Page CSS
	08. Contact Us CSS
		Contact Us v1 CSS
		Contact Us v2 CSS
	09. Team Section CSS
		Team v1 CSS
		Team v2 CSS
		Team Single CSS
  10 Slider Section CSS
		Slider v1 CSS
  11 Faqs CSS
		Faqs v1 CSS
	12 Timeline CSS
		Timeline v1 CSS
	13 Pricing Table CSS
		Pricing Default CSS
		Pricing Mini CSS
		Pricing Toggle CSS
		Pricing Table CSS
  14 Testimonial Section CSS
		Testimonial v1 CSS
		Testimonial v2 CSS	
  15 About Us Section CSS
  16 Choose Us Section CSS
  17 Process Section CSS
  18 Partner Section CSS
  19 Video Section CSS
  20 Skill-bar Section CSS
  21 Counter Section CSS
  22 Newsletter Section CSS
  23 CTA Section CSS
  24 Coming Soon Page CSS
  25 404 Page CSS
	26 Search Page CSS
  27 Tab Control Title CSS 
  28 Page Title CSS 
  29 Banner Sec CSS
  30. Slide In CSS
  31 Color Picker CSS
  32 Animation Part CSS

--------------------------------------------------------*/
/* -----------------------------------
    01. General Class CSS
-------------------------------------*/
/*---Title CSS---*/
.px_title .et_pb_text_inner h2 {
  color: #01050c;
  font-weight: 700;
  font-size: 40px;
  line-height: 60px;
}

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

.px_subtitle .et_pb_text_inner {
  /* font-size: 18px;
  color: var(--px-color-2); */
  font-size: 16px;
  color: var(--px-color-2);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

.px_desc .et_pb_text_inner {
  position: relative;
  line-height: 1.778em;
  font-size: 16px;
  color: #01050c;
}

/*---Button CSS Start ---*/
.px_btn,
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {
  position: relative;
  line-height: 30px;
  font-weight: 500;
  overflow: hidden;
  text-align: center;
  border-radius: 3px;
  border: none;
  display: inline-grid;
  padding: 18px 40px;
  color: #fff;
  font-size: 18px;
  text-transform: capitalize;
  background-color: var(--px-color-1);
  transition: all 300ms ease 0ms;
  z-index: 1;
}

.px_btn:hover,
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover {
  border: none !important;
  padding: 18px 40px !important;
  background-color: var(--px-color-1) !important;
}

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

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

.px_btn::after,
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::after {
  content: "";
}

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

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

.px_btn.light::before {
  background-color: #fff;
}

/*---Button CSS End ---*/
/*---Page Header Title CSS---*/
.px_header_title {}

/*---Breadcrumbs Title CSS---*/
.px_b_home_link {}

.px_b_other_link {}

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

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

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

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

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

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

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

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

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

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

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



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

.px_h_menu .et_pb_menu__wrap {
  justify-content: end;
}

.px_h_menu .nav li ul {
  position: absolute;
  width: 15rem;
  padding: 0px;
  transform: perspective(300px) scaleY(0) translateZ(30px);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  opacity: 0;
  visibility: hidden;
  border: none;
  border-radius: 0px;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  border-radius: 0px;
  background-color: #fff;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
}

.px_h_menu.et_dropdown_animation_fade.et_pb_menu ul li:hover>ul {
  transform: perspective(300px) scaleY(1) translateZ(0);
  opacity: 1;
  visibility: visible;
}

.px_h_menu .et_pb_menu_inner_container .et_mobile_menu {
  border-top: 3px solid var(--px-color-2);
  top: 85px;
}

.px_h_menu .nav li ul li ul {
  top: 0px !important;
}

.px_h_menu .nav li ul li {
  width: 100%;
  padding: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.px_h_menu .nav li ul li:last-child {
  border-bottom: none;
}

.px_h_menu .nav li a {
  display: block;
  padding: 12px 18px;
  line-height: 24px;
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
  color: #000;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  width: 100%;
}

.px_h_menu .nav li a::after {
  top: 12px !important;
}

.px_h_menu .nav li ul li a:hover {
  color: #fff;
  background-color: var(--px-color-2);
  opacity: 1;
}

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

.px_small_blurb_info {}

.px_header_contact_info {}

.px_header_social {}

/*---Header v1  CSS Start ---*/

.px_header_v1 .px_h_popup_icon {
  transform: translateY(-48%);
  border-radius: 0px 3px 3px 0px;
}

.px_header_v1 .px_small_blurb_info .et_pb_main_blurb_image {
  vertical-align: middle;
}

.px_header_v1 .px_small_blurb_info .et_pb_image_wrap {
  align-items: center;
  justify-content: center;
  height: 55px;
  width: 55px;
  border-radius: 50px;
  background-color: #f7f5f5;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.px_header_v1 .px_small_blurb_info:hover .et_pb_image_wrap {
  background-color: var(--px-color-1);
}

.px_header_v1 .px_small_blurb_info .et_pb_image_wrap .et-pb-icon {
  color: #000;
  padding: 13px;
  font-size: 30px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.px_header_v1 .px_small_blurb_info:hover .et_pb_image_wrap .et-pb-icon {
  color: #fff;
}

.px_header_v1 .px_small_blurb_info .et_pb_blurb_description {
  color: #080d1c;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.px_header_v1 .px_small_blurb_info .et_pb_blurb_description:hover {
  color: var(--px-color-1);
}

@media only screen and (min-width: 1563px) and (max-width: 1690px) {
  .px_header_v1 .px_h_menu .nav li {
    padding-left: 6px;
    padding-right: 6px;
  }
}

@media only screen and (min-width: 1487px) and (max-width: 1562px) {
  .px_header_v1 .px_h_menu .nav li {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1562px) {
  .px_header_v1 .px_h_menu .et_pb_menu__logo-wrap {
    width: 220px !important;
  }
}

@media only screen and (max-width: 1486px) {
  .px_header_v1 .px_header_row_v1 .px_header_blurb_column_v1 {
    display: none;
  }

  .px_header_v1 .px_header_row_v1 .px_header_menu_column_v1 {
    width: 78.8%;
  }

  .px_h_menu .nav li a {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1213px) {
  .px_header_v1 .px_header_row_v1 .px_header_btn_column_v1 {
    display: none;
  }

  .px_header_v1 .px_header_row_v1 .px_header_menu_column_v1 {
    width: 100%;
  }

  .px_h_menu .nav li a {
    font-size: 14px;
  }
}

@media only screen and (min-width: 981px) and (max-width: 1213px) {
  .px_header_v1 .px_header_row_v1 .px_header_menu_column_v1 .px_h_menu .et_pb_menu__wrap {
    justify-content: flex-end;
  }
}

@media only screen and (max-width: 1252px) {
  .px_header_top_v1 .px_header_top_row_v1 .px_adderss_column_v1 {
    display: none;
  }

  .px_header_top_v1 .px_header_top_row_v1 .px_text_column_v1 {
    width: 75%;
  }
}

@media only screen and (max-width: 980px) {
  .px_header_top_v1 .px_header_top_row_v1 .px_adderss_email_v1 {
    display: none;
  }

  .px_header_top_v1 .px_header_top_row_v1 .px_text_column_v1 {
    width: 100%;
  }

  .px_header_v1 .px_header_row_v1 .px_header_menu_column_v1 {
    margin-bottom: 10px;
  }
}

/*---Header v1  CSS End ---*/
/*---Header v2  CSS---*/

.px_header_top_v2 {
  position: relative;
}

.px_header_top_v2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--px-color-1);
  height: 100%;
  width: 43.5%;
  z-index: 0;
  -webkit-clip-path: polygon(0px 0px, 100% 0%, 96% 100%, 0% 100%);
  clip-path: polygon(0px 0px, 100% 0%, 96% 100%, 0% 100%);
}

@media only screen and (max-width: 1252px) {
  .px_header_top_v2::before {
    width: 73%;
  }
}

@media only screen and (max-width: 980px) {
  .px_header_top_v2::before {
    width: 80%;
  }
}

@media only screen and (max-width: 600px) {
  .px_header_top_v2::before {
    width: 90%;
  }
}

/*---Header v3  CSS---*/

.px_header_v3.et_pb_sticky_module {
  background-color: #fff;

}

.px_header_v3 .px_h_menu {
  position: relative;
  background-color: transparent !important;
}

.px_header_v3 .px_h_menu::before {
  content: "";
  position: absolute;
  right: 50px;
  height: 100%;
  width: 3000px;
  z-index: 0;
  top: 0px;
  background-color: var(--px-color-2);
  border-radius: 0px 50px 50px 0px;
}

.px_header_v3 .px_h_menu .nav li {
  margin-top: 5px;
  margin-bottom: 7px;
}

.px_header_v3 .px_h_menu .nav li ul li {
  margin: 0;
}

.px_header_v3 .px_h_menu .nav li a {
  color: #fff;
}

.px_header_v3 .px_h_menu .nav li ul li a {
  font-size: 14px;
  color: #000;
  transition: all 0.4s;
}

.px_header_v3 .px_h_menu .nav li ul li a:hover {
  color: #fff;
}

.px_header_v3 .px_small_blurb_info_three {
  padding: 0px 35px 0 30px !important;
  border-radius: 50px 0 50px 50px;
  background-color: var(--px-color-2);
}

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

@media only screen and (max-width: 1342px) {
  .px_header_v3 .px_header_blurb_column_v1 {
    display: none;
  }

  .px_header_v3 .px_header_logo_column_v3,
  .px_header_v3 .px_header_btn_column_v3 {
    width: 30% !important;
  }
}

@media only screen and (min-width: 981px) {
  .px_header_v3 .px_h_menu .et_pb_menu__logo-wrap {
    display: none;
  }

  .px_header_v3 .px_h_menu .et_pb_menu__wrap {
    justify-content: start !important;
  }
}

@media only screen and (max-width: 980px) {
  .px_header_v3 .px_h_menu::before {
    display: none;
  }
}

/* -----------------------------------
      02. Header Section CSS Start Here
  -------------------------------------*/
/* -----------------------------------
      03. Footer Section CSS
  -------------------------------------*/
/*---Footer Common Info Css---*/
.px_footer_title {}

.px_footer_blurb_info {}

.px_footer_links {
  color: #01050c;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

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

.px_footer_social {}

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

/*---Footer v2  CSS Start ---*/
.px_footer_v2 .px_footer_links {
  color: rgba(255, 255, 255, 0.8);
}

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

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

/* -----------------------------------
       04. Sidebar CSS Start Here
  -------------------------------------*/
.px_sidebar_v1 {
  position: relative;
  padding: 30px 35px;
  border-radius: 4px;
  overflow: hidden;
  border: none;
  box-shadow: 0px 0px 15px rgb(0 0 0 / 7%);
}

.px_sidebar_v1 .et_pb_widget .widgettitle {
  line-height: 1.4em;
  font-weight: 600;
  font-size: 26px;
  display: inline-block;
  color: #0c0d24;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 15px;
}

.px_sidebar_v1 .widget_categories {
  width: 100% !important;
  margin: 0px !important;
}

.px_sidebar_v1 .widget_categories ul .cat-item a {
  position: relative;
  font-weight: 600;
  display: block;
  padding: 14px 30px;
  font-size: 18px;
  color: #00040b;
  margin-bottom: 15px;
  border: 1px solid #f4f4f4;
  transition: all 0.4s;
}

.px_sidebar_v1 .widget_categories ul .cat-item a:hover {
  background-color: var(--px-color-2);
  border: 1px solid var(--px-color-2);
  color: #fff;
}

/* -----------------------------------
       04. Sidebar CSS End Here
  -------------------------------------*/
/* -----------------------------------
       05. Blog CSS Start Here
  -------------------------------------*/
/*---Blog Grid CSS & 3 Columns CSS Start ---*/
.px_blog_v1 .et_pb_post {
  position: relative;
  display: block;
  background-color: #ffffff;
  border: none;
  border-radius: 3px;
  margin-bottom: 30px !important;
  padding: 19px 19px 35px 19px;
  box-shadow: 0px 10px 20px #fcf7f8;
}

.px_blog_v1 .et_pb_post::before {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  height: 2px;
  width: 215px;
  background-color: #000;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.px_blog_v1 .et_pb_post:hover::before {
  width: 100%;
}
.px_blog_v1 .pagination a{
	position: relative;
  line-height: 30px;
  font-weight: 500;
  overflow: hidden;
  text-align: center;
  border-radius: 3px;
  border: none;
  display: inline-grid;
  padding: 18px 40px;
  color: #fff;
  font-size: 18px;
  text-transform: capitalize;
  background-color: var(--px-color-1);
  transition: all 300ms ease 0ms;
  z-index: 1;

}
/*--- img CSS  ---*/

.px_blog_v1 .et_pb_post .et_pb_image_container img {
  height: 200px;
  object-fit: cover;
  transition: all 0.4s;
}

.px_blog_v1 .et_pb_post:hover .et_pb_image_container img {
  opacity: 0.80;
  transform: scale(1.04, 1.04);
}

.px_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url,
.px_blog_list .et_pb_post .entry-featured-image-url {
  position: relative;
  overflow: hidden;
}

.px_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url::before,
.px_blog_list .et_pb_post .entry-featured-image-url::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  display: block;
  opacity: 0;
  transition: all 0.4s;
  z-index: 1;
  background: linear-gradient(var(--px-color-1), var(--px-color-2));
}

.px_blog_v1 .et_pb_post:hover .et_pb_image_container .entry-featured-image-url::before,
.px_blog_list .et_pb_post:hover .entry-featured-image-url::before {
  opacity: 0.3;
}

.px_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url::after,
.px_blog_list .et_pb_post .entry-featured-image-url::after {
  position: absolute;
  top: 0;
  left: -85%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  z-index: 1;
}

.px_blog_v1 .et_pb_post:hover .et_pb_image_container .entry-featured-image-url::after,
.px_blog_list .et_pb_post:hover .entry-featured-image-url::after {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

/*---Title  CSS---*/
.px_blog_v1 .et_pb_post .info {
  position: relative;
}

.px_blog_v1 .et_pb_post .entry-title {
  margin-top: 65px !important;
  color: #0c0d24;
  font-size: 24px;
  font-weight: 600;
  transition: all 500ms ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

/*---Post Meta  CSS---*/
.px_blog_v1 .et_pb_post .post-meta {
  position: absolute;
  top: -40px;
}

.px_blog_v1 .et_pb_post .post-meta .published {
  position: absolute;
  right: -110px;
}

.px_blog_v1 .et_pb_post .post-meta .published::before {
  content: "\7d";
  position: absolute;
  font-family: ETmodules !important;
  left: -20px;
  font-weight: 900;
  font-size: 16px;
  color: #000;
}

.px_blog_v1 .et_pb_post .post-meta a {
  position: relative;
  background-color: #000;
  border-radius: 3px;
  padding: 5px 12px;
  color: #fff;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

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

/*---Blog Desc CSS---*/
.px_blog_v1 .et_pb_post .post-content {}

.px_blog_v1 .et_pb_post .post-content .post-content-inner {
  margin-bottom: 20px;
}

/*---Read More Button CSS---*/
.px_blog_v1 .et_pb_post .post-content .more-link {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  margin-left: 50px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.px_blog_v1 .et_pb_post:hover .post-content .more-link {
  color: var(--px-color-2);
}

.px_blog_v1 .et_pb_post .post-content .more-link::before {
  content: "\39";
  position: absolute;
  font-family: ETmodules !important;
  left: -50px;
  top: -12px;
  font-weight: 900;
  font-size: 20px;
  color: #fff;
  padding: 12px;
  background-color: #000;
  line-height: 1;
  border-radius: 50%;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.px_blog_v1 .et_pb_post:hover .post-content .more-link::before {
  transform: rotateX(160deg);
  background-color: var(--px-color-2);
}

/*---Blog Grid CSS & 3 Columns CSS End ---*/
/*---Pagination Button CSS---*/
.px_blog_v1 .pagination .alignleft,
.px_blog_v1 .pagination .alignright {}

.px_blog_v1 .pagination .alignleft a,
.px_blog_v1 .pagination .alignright a {}

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

.px_blog_grid_2_col .et_pb_ajax_pagination_container .et_pb_salvattore_content .column {
  width: 100% !important;
  display: contents;
}

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

/*---Blog Grid 2 Columns CSS End ---*/
/*---Blog Grid4 Columns + Full Width CSS Start ---*/
.px_blog_grid_4_col .et_pb_ajax_pagination_container .et_pb_salvattore_content {
  display: grid;
  grid-template-columns: repeat(4, 25%);
  grid-column-gap: 30px;
  grid-row-gap: 20px;
}

.px_blog_grid_4_col .et_pb_ajax_pagination_container .et_pb_salvattore_content .column {
  width: 100% !important;
  display: contents;
}

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

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

/*---Blog Grid 4 Columns + Full Width CSS End ---*/
/* Blog Listing CSS */
.px_blog_list .et_pb_post {
  display: flex;
  flex-direction: row-reverse;
  padding: 0px;
}

.px_blog_list .et_pb_post .entry-featured-image-url,
.px_blog_list .et_pb_post .info {
  width: 50%;
  margin-bottom: 0px;
}

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

.px_blog_list .et_pb_post .info {
  padding: 20px;
}

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

.px_blog_list.img_right .et_pb_post {
  flex-direction: unset;
}

@media only screen and (max-width: 767px) {
  .px_blog_list .et_pb_post {
    display: block;
    flex-direction: row-reverse;
    padding: 0px;
  }

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

/* Blog Category CSS */
.px_blog_category {}

/* Blog Tags CSS */
.px_blog_tages {}

/* Blog Author CSS */
.px_blog_author {}

/* Blog Single Page CSS */
.px_blog_single .px_portfolio_single_btn_text::before {
  color: var(--px-color-2);
}

.px_blog_single .px_contact_form {
  position: relative;
  padding: 35px 30px 30px;
  border-radius: 6px;
  box-shadow: 0px 0px 15px rgb(0 0 0 / 7%);
}

.px_blog_single .px_contact_form .et_pb_contact .et_pb_contact_field input,
.px_blog_single .px_contact_form .et_pb_contact .et_pb_contact_field textarea {
  border: none;
  background-color: #f1f1f1;
  margin-bottom: 10px;
}

.px_blog_single .px_blog_single_inner .px_blog_single_inner_text {
  border-left: 5px solid var(--px-color-2);
}

.px_blog_single .px_blog_single_inner .px_blog_single_inner_text .et_pb_text_inner {
  padding-left: 30px;
}

.px_blog_single .px_blog_single_inner .px_blog_single_inner_text .et_pb_text_inner h5 {
  position: relative;
  margin-top: 20px;
  padding-left: 45px;
}

.px_blog_single .px_blog_single_inner .px_blog_single_inner_text .et_pb_text_inner h5::before {
  position: absolute;
  left: 0px;
  bottom: 19px;
  content: '';
  width: 40px;
  height: 1px;
  background-color: #00040b;
}

.px_blog_single .px_blog_single_tags .et_pb_text_inner {
  position: relative;
  padding-left: 25px;
}

.px_blog_single .px_blog_single_tags .et_pb_text_inner::before {
  content: "\e07c";
  position: absolute;
  font-family: ETmodules !important;
  left: 0;
  font-size: 17px;
  color: #c2bfbf;
}

.px_blog_single .px_blog_single_tags .et_pb_text_inner a {
  position: relative;
  font-weight: 600;
  padding: 8px 16px 10px;
  border-radius: 3px;
  color: #01050c;
  transition: all 0.3s ease;
  background-color: #f1f1f1;
}

.px_blog_single .px_blog_single_tags .et_pb_text_inner a:hover {
  background-color: var(--px-color-2);
  color: #fff;
}

.px_blog_single .px_blog_single_social {
  position: relative;
  width: fit-content;
  margin-left: auto;
  padding-left: 30px;
}

.px_blog_single .px_blog_single_social::before {
  content: "\e0a0";
  position: absolute;
  font-family: ETmodules !important;
  left: 0;
  top: 4px;
  font-size: 17px;
  color: #01050c;
}

.px_blog_single .px_blog_single_social .et_pb_social_icon .icon,
.px_blog_single .px_blog_single_social .et_pb_social_icon .icon::before {
  transition: all 0.4s;
}

.px_blog_single .px_blog_single_social .et_pb_social_icon .icon:hover {
  background-color: #fff !important;
  box-shadow: 0px 5px 10px 0px rgb(0 1 73 / 10%);
}

.px_blog_single .px_blog_single_social .et_pb_social_icon .icon:hover::before {
  color: #000;
}

.px_post_navigation {
  width: 100% !important;
}

.px_post_navigation .nav-previous,
.px_post_navigation .nav-next {
  padding: 30px;
  border: 1px solid #f1f1f1;
  transition: all 0.3s ease;
}

.px_post_navigation .nav-previous:hover,
.px_post_navigation .nav-next:hover {
  border: 1px solid #000;
}

.px_post_comment.et_pb_comments_module .comment-form-comment textarea#comment {
  background-color: transparent !important;
  border: 2px solid #00040b !important;
  border-radius: 3px !important;
}

.px_post_comment .comment-form .comment-form-comment input,
.px_post_comment .comment-form .comment-form-author input,
.px_post_comment .comment-form .comment-form-email input,
.px_post_comment .comment-form .comment-form-url input {
  background-color: transparent !important;
  border: 2px solid #00040b !important;
  border-radius: 3px !important;
  width: 100% !important;
}

.px_post_comment .comment-form .logged-in-as a {
  color: var(--px-color-2);
}

.px_post_comment .commentlist .comment {
  position: relative;
  border-radius: 3px;
  overflow: hidden;
  padding: 35px 30px 35px;
  margin-top: 60px;
  background-color: #f1f1f1;
}

.px_post_comment .commentlist .comment {
  margin-top: 30px;
}

.px_post_comment .commentlist .comment .comment-body {
  margin-bottom: 0px;
}

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

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

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

@media only screen and (max-width: 980px) {
  .px_blog_single .px_blog_single_social {
    width: auto;
    margin-top: 30px;
    padding-left: 30px;
  }
}

/* -----------------------------------
       05. Blog CSS End Here
  -------------------------------------*/
/* -----------------------------------
       06. Portfolio CSS Start Here
  -------------------------------------*/
/*---Portfolio  CSS & 3 Columns CSS Start ---*/

.px_filterable_portfolio_v1 .et_pb_portfolio_filters .clearfix {
  width: fit-content;
  margin: auto;
}

.px_filterable_portfolio_v1 .et_pb_portfolio_filters .clearfix li a {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  border: none;
  border-radius: 0px;
}

.px_filterable_portfolio_v1 .et_pb_portfolio_filters .clearfix li a:hover {
  color: var(--px-color-1);
  background: none;
  border: none;
}

.px_filterable_portfolio_v1 .et_pb_portfolio_filters .clearfix li a.active {
  color: var(--px-color-1);
  background: none;
  border: none;
  border-bottom: 2px solid var(--px-color-1);
}

.px_portfolio_v1 .et_pb_portfolio_grid_items,
.px_filterable_portfolio_v1 .et_pb_portfolio_items {
  display: grid;
  grid-template-columns: repeat(3,3fr);
  grid-column-gap: 30px;
  grid-row-gap: 20px;
}

.px_portfolio_v1 .project,
.px_filterable_portfolio_v1 .et_pb_portfolio_item {
  position: relative;
  width: 100% !important;
}

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

  .px_portfolio_v1 .et_pb_portfolio_grid_items,
  .px_filterable_portfolio_v1 .et_pb_portfolio_items {
    grid-template-columns: repeat(2, 50%);
  }
}

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

  .px_portfolio_v1 .et_pb_portfolio_grid_items,
  .px_filterable_portfolio_v1 .et_pb_portfolio_items {
    grid-template-columns: repeat(1, 100%);
    width: fit-content !important;
    margin: auto;
  }
}

/* Image Css */

.px_portfolio_v1 .project .et_portfolio_image,
.px_filterable_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image,
.px_fullwidth_slider_portfolio_v1 .et_pb_portfolio_item .et_pb_portfolio_image {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}

.px_portfolio_v1 .project .et_portfolio_image img,
.px_filterable_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img,
.px_fullwidth_slider_portfolio_v1 .et_pb_portfolio_item .et_pb_portfolio_image img {
  height: 450px;
  object-fit: cover;
}

.px_portfolio_v1 .project .et_portfolio_image::before,
.px_filterable_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image::before,
.px_fullwidth_slider_portfolio_v1 .et_pb_portfolio_item .et_pb_portfolio_image::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background-color: rgb(0, 0, 0);
  opacity: 0.30;
  border-radius: 3px;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  -webkit-transform: perspective(400px) rotateX(-90deg) scale(0.2);
  -ms-transform: perspective(400px) rotateX(-90deg) scale(0.2);
  transform: perspective(400px) rotateX(-90deg) scale(0.2);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}

.px_portfolio_v1 .project:hover .et_portfolio_image::before,
.px_filterable_portfolio_v1 .et_pb_portfolio_item:hover .et_portfolio_image::before,
.px_fullwidth_slider_portfolio_v1 .et_pb_portfolio_item:hover .et_pb_portfolio_image::before {
  -webkit-transform: perspective(400px) rotateX(0deg) scale(1.0);
  -ms-transform: perspective(400px) rotateX(0deg) scale(1.0);
  transform: perspective(400px) rotateX(0deg) scale(1.0);
}

/* Overlay  Css */
.px_portfolio_v1 .project .et_portfolio_image .et_overlay,
.px_filterable_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image .et_overlay,
.px_fullwidth_slider_portfolio_v1 .et_pb_portfolio_item .et_pb_portfolio_image .et_overlay {
  display: none;
}

/* Info Class Css */

.px_portfolio_v1 .project .info,
.px_filterable_portfolio_v1 .et_pb_portfolio_item .info,
.px_fullwidth_slider_portfolio_v1 .et_pb_portfolio_item .info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 30px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 24px 0px rgb(178 185 198 / 35%);
  border-top-right-radius: 20px;
  padding: 30px 25px 30px;
  z-index: 2;
}

.px_portfolio_v1 .project .info::after,
.px_filterable_portfolio_v1 .et_pb_portfolio_item .info::after,
.px_fullwidth_slider_portfolio_v1 .et_pb_portfolio_item .info::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 24px;
  height: 2px;
  content: "";
  background-color: #000;
}

.px_portfolio_v1 .project .info::before,
.px_filterable_portfolio_v1 .et_pb_portfolio_item .info::before,
.px_fullwidth_slider_portfolio_v1 .et_pb_portfolio_item .info::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  content: "";
  background-color: #000;
}

/* Title Css */
.px_portfolio_v1 .project .et_pb_module_header,
.px_filterable_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {
  font-size: 24px;
  line-height: 34px;
  margin: 0;
  font-weight: 600;
  color: #0c0d24;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.px_portfolio_v1 .project:hover .et_pb_module_header,
.px_filterable_portfolio_v1 .et_pb_portfolio_item:hover .et_pb_module_header {
  color: var(--px-color-1);
}

/* Category Post Meta Css */
.px_portfolio_v1 .project .post-meta,
.px_filterable_portfolio_v1 .et_pb_portfolio_item .post-meta {
  font-size: 16px;
  margin: 0;
  line-height: 26px;
}

.px_portfolio_v1 .project .post-meta a,
.px_filterable_portfolio_v1 .et_pb_portfolio_item .post-meta a {
  color: #0c0d24;

}

/*---Portfolio  CSS & 3 Columns CSS End ---*/
/*---Portfolio  CSS & 2 Columns CSS Start ---*/

.px_filterable_portfolio_2_col .et_pb_portfolio_items,
.px_portfolio_2_col .et_pb_portfolio_grid_items {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  grid-column-gap: 30px;
  grid-row-gap: 20px;
}

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

  .px_filterable_portfolio_2_col .et_pb_portfolio_items,
  .px_portfolio_2_col .et_pb_portfolio_grid_items {
    grid-template-columns: repeat(1, 100%);
    width: fit-content;
    margin: auto;
  }
}

/*---Portfolio  CSS & 2 Columns CSS End ---*/
/*---Portfolio  CSS & 4 Columns CSS Start ---*/

.px_filterable_portfolio_4_col .et_pb_portfolio_items,
.px_portfolio_4_col .et_pb_portfolio_grid_items {
  display: grid;
  grid-template-columns: repeat(4,25%);
  grid-column-gap: 30px;
  grid-row-gap: 20px;
}

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

  .px_filterable_portfolio_4_col .et_pb_portfolio_items,
  .px_portfolio_4_col .et_pb_portfolio_grid_items {
    grid-template-columns: repeat(2, 50%);
  }
}

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

  .px_filterable_portfolio_4_col .et_pb_portfolio_items,
  .px_portfolio_4_col .et_pb_portfolio_grid_items {
    grid-template-columns: repeat(1, 100%);
    width: fit-content;
    margin: auto;
  }
}

/*---Portfolio  CSS & 4 Columns CSS End ---*/
/*---Portfolio  CSS & 4 Columns CSS End ---*/
/* Portfolio Category CSS */
.px_portfolio_category {}

/* Portfolio Tags CSS */
.px_portfolio_tages {}

/* Portfolio Single Page CSS Start  */
.px_portfolio_single .px_portfolio_single_btn_text::before {
  color: var(--px-color-2);
}

.px_portfolio_single .px_contact_form {
  position: relative;
  padding: 35px 30px 30px;
  border-radius: 6px;
  box-shadow: 0px 0px 15px rgb(0 0 0 / 7%);
}

.px_portfolio_single .px_contact_form .et_pb_contact .et_pb_contact_field input,
.px_portfolio_single .px_contact_form .et_pb_contact .et_pb_contact_field textarea {
  border: none;
  background-color: #f1f1f1;
  margin-bottom: 10px;
}

.px_portfolio_single .px_portfolio_single_img .et_pb_image_wrap {
  width: 100%;
}

.px_portfolio_single .px_portfolio_single_img .et_pb_image_wrap img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

/* Portfolio Single Page CSS End  */
/* -----------------------------------
       06. Portfolio CSS End Here
  -------------------------------------*/
/* -----------------------------------
      07. Services CSS
  -------------------------------------*/
/*---Services v1 CSS Start---*/
.px_services_v1 {
  position: relative;
  display: block;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 40px 0px rgb(211 211 214 / 35%);
  padding: 60px 30px 45px;
  margin-bottom: 30px;
}

.px_services_v1::before {
  position: absolute;
  content: '';
  right: 0px;
  bottom: 0px;
  width: 2px;
  height: 0%;
  background: #fff;
  background: -webkit-linear-gradient(to bottom, #fff 0%, var(--px-color-1) 50%, var(--px-color-1) 100%);
  background: -moz-linear-gradient(to bottom, #fff 0%, var(--px-color-1) 50%, var(--px-color-1) 100%);
  background: linear-gradient(to bottom, #fff 0%, var(--px-color-1) 50%, var(--px-color-1) 100%);
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
}

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

/*Img Css */
.px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image {}

.px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 78px;
  width: 78px;
  background-color: #f3f3f3;
  border-radius: 50%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

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

.px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap::before {
  content: "";
  position: absolute;
  top: -8px;
  bottom: -8px;
  left: -8px;
  right: -8px;
  border-radius: 50%;
  border: 1px solid var(--px-color-1);
  z-index: -1;
}

/*Icon Css */
.px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
  position: relative;
  display: inline-block;
  color: #0e0e0e;
  font-size: 40px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

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

/*Title Css */
.px_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

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

/*Description Css */
.px_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {}

/* Button Css */
.px_services_v1 .px_services_btn {
  position: relative;
  display: inline-block;
  background-color: #eceef1;
  font-weight: 600;
  color: #000;
  padding: 8px 30px 8px 20px !important;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.px_services_v1 .px_services_btn:hover,
.px_services_v1:hover .px_services_btn {
  background-color: var(--px-color-1);
  color: #fff;
}

/*---Services v1 CSS End ---*/
/*---Services v2  CSS Start ---*/
.px_services_v2 {
  position: relative;
  text-align: center;
  padding: 45px 25px;
  background-color: #fff;
  box-shadow: 0px 0px 15px rgb(0 0 0 / 5%);
}

.px_services_v2::before {
  position: absolute;
  content: '';
  right: 0px;
  bottom: 0px;
  width: 2px;
  height: 0%;
  background: #fff;
  background: -webkit-linear-gradient(to bottom, #fff 0%, var(--px-color-2) 50%, var(--px-color-2) 100%);
  background: -moz-linear-gradient(to bottom, #fff 0%, var(--px-color-2) 50%, var(--px-color-2) 100%);
  background: linear-gradient(to bottom, #fff 0%, var(--px-color-2) 50%, var(--px-color-2) 100%);
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
}

.px_services_v2::after {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 2px;
  height: 0%;
  background: #fff;
  background: -webkit-linear-gradient(to bottom, var(--px-color-2) 0%, var(--px-color-2) 50%, #fff 100%);
  background: -moz-linear-gradient(to bottom, var(--px-color-2) 0%, var(--px-color-2) 50%, #fff 100%);
  background: linear-gradient(to bottom, var(--px-color-2) 0%, var(--px-color-2) 50%, #fff 100%);
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
}

.px_services_v2:hover::before,
.px_services_v2:hover::after {
  height: 100%;
}

.px_services_v2 .px_services_blurb .et_pb_image_wrap {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  line-height: 100px;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  background-color: #fcf6ef;
}

.px_services_v2:hover .px_services_blurb .et_pb_image_wrap {
  -webkit-transform: scale(-1) rotate(180deg);
  -moz-transform: scale(-1) rotate(180deg);
  -ms-transform: scale(-1) rotate(180deg);
  -o-transform: scale(-1) rotate(180deg);
  transform: scale(-1) rotate(180deg);
  background-color: var(--px-color-2);
}

.px_services_v2 .px_services_blurb .et_pb_image_wrap::before {
  position: absolute;
  content: '';
  left: -15px;
  top: -15px;
  right: -15px;
  bottom: -15px;
  border-radius: 50%;
  border: 1px solid #fcf6ef;
  transition: all 300ms ease;
}

.px_services_v2:hover .px_services_blurb .et_pb_image_wrap::before {
  border-color: var(--px-color-2);
}

.px_services_v2 .px_services_blurb .et_pb_image_wrap .et-pb-icon {
  color: #000;
  line-height: 1.9;
  transition: all 300ms ease;
}

.px_services_v2:hover .px_services_blurb .et_pb_image_wrap .et-pb-icon {
  color: #fff;
}

.px_services_v2 .px_services_blurb .et_pb_module_header {
  color: #000;
  transition: all 300ms ease;
}

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

.px_services_v2 .px_services_btn {
  position: relative;
  color: #000;
  transition: all 300ms ease;
}

.px_services_v2:hover .px_services_btn {
  color: var(--px-color-2);
}

.px_services_v2 .px_services_btn::before {
  position: absolute;
  content: '';
  left: 20px;
  top: -5px;
  width: 50px;
  height: 50px;
  z-index: -1;
  border-radius: 50px;
  display: inline-block;
  background-color: #fcf6ef;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  opacity: 1;
}

.px_services_v2:hover .px_services_btn::before {
  transform: rotateY(180deg);
}

.px_services_v2 .px_services_btn::after {
  display: none;
}

/*---Services v2  CSS Start ---*/
/*---Services v3  CSS Start ---*/

.px_services_v3 {
  position: relative;
  padding: 50px 30px 40px;
  background-color: #fff;
  box-shadow: 0px 0px 15px rgb(0 0 0 / 5%);
  overflow: hidden;
}

.px_services_v3::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
  z-index: 1;
  transition: all 0.5s ease 0s;
  bottom: 5%;
  left: 5%;
  border-bottom: 2px solid var(--px-color-2);
  border-left: 2px solid var(--px-color-2);
}

.px_services_v3::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
  z-index: 1;
  transition: all 0.5s ease 0s;
  top: 5%;
  right: 5%;
  border-top: 2px solid var(--px-color-2);
  border-right: 2px solid var(--px-color-2);
}

.px_services_v3:hover::before,
.px_services_v3:hover::after {
  opacity: 1;
  width: 100%;
  height: 100%;
}

.px_services_v3 .px_services_blurb .et_pb_image_wrap .et-pb-icon {
  color: var(--px-color-2);
  position: relative;
  transition: all 300ms ease;
}

.px_services_v3 .px_services_blurb .et_pb_image_wrap .et-pb-icon::before {
  position: absolute;
  content: '';
  left: 30px;
  top: 20px;
  width: 55px;
  height: 55px;
  border-radius: 50px;
  display: inline-block;
  background-color: #fcf6ef;
  z-index: -1;
}

.px_services_v3:hover .px_services_blurb .et_pb_image_wrap .et-pb-icon {
  -webkit-transform: scale(-1) rotate(180deg);
  -moz-transform: scale(-1) rotate(180deg);
  -ms-transform: scale(-1) rotate(180deg);
  -o-transform: scale(-1) rotate(180deg);
  transform: scale(-1) rotate(180deg);
}

.px_services_v3 .px_services_blurb .et_pb_module_header {
  transition: all 300ms ease;
  color: #0c0d24;
}

.px_services_v3:hover .px_services_blurb .et_pb_module_header {
  color: var(--px-color-2);
}

.px_services_v3 .px_services_icon .et_pb_icon_wrap {
  position: relative;
  width: 64px;
  height: 64px;
  text-align: center;
  border-radius: 50px;
  background-color: #01050c;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.px_services_v3:hover .px_services_icon .et_pb_icon_wrap {
  background-color: var(--px-color-2);
}

.px_services_v3 .px_services_icon .et_pb_icon_wrap .et-pb-icon {
  color: #fff;
  line-height: 1.65;
}

/*---Services v3  CSS End ---*/
/*---Services Single Page CSS Start ---*/
.px_services_single .px_services_single_btn_text::before {
  color: var(--px-color-2);
}

.px_services_single .px_services_single_btn {
  width: 100%;
  color: #0c0d24;
  box-shadow: 0px 5px 10px 0px rgb(6 0 44 / 10%);
}

.px_services_single .px_services_single_btn:hover {
  background-color: var(--px-color-2);
  border-color: var(--px-color-2);
  color: #fff;
  border-radius: 3px;
}

/*---Services Single Page CSS End ---*/
/* -----------------------------------
      08. Contact Us CSS
  -------------------------------------*/
/*---Contact Us v1  CSS---*/
.px_contact_v1 .px_contact_text_btn {
  color: #01050c;
  transition: all 0.4s;
}

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

.px_contact_v1 .px_contact_text .et_pb_text_inner h2 {
  color: #01050c;
}

.px_contact_v1 .px_contact_text .et_pb_text_inner h2 span {
  color: var(--px-color-1);
}

.px_contact_form .et_pb_contact .et_pb_contact_field input,
.px_contact_form .et_pb_contact .et_pb_contact_field textarea {
  background-color: transparent;
  border: 2px solid #00040b;
  border-radius: 3px;
}

.px_contact_form .et_pb_button,
.px_post_comment .comment-form .et_pb_button {
  position: relative;
  line-height: 30px;
  font-weight: 500;
  overflow: hidden;
  text-align: center;
  display: inline-grid;
  border-radius: 3px;
  color: #fff;
  font-size: 18px;
  z-index: 1;
  text-transform: capitalize;
  background-color: #00040b;
}

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

.px_contact_form .et_pb_button:hover::before,
.px_post_comment .comment-form .et_pb_button:hover::before {
  top: -40%;
}

.px_contact_form .et_pb_button::after,
.px_post_comment .comment-form .et_pb_button::after {
  display: none;
}

/*---Contact Us v2  CSS---*/
.px_contact_v2 {}

/* -----------------------------------
      09. Team Section CSS Start Here
  -------------------------------------*/
/*---Team v1  CSS Start---*/
.px_team_v1 {
  position: relative;
  display: block;
  margin-bottom: 30px;
  z-index: -1;
}

/* Image Css */
.px_team_v1 .et_pb_team_member_image {
  position: relative;
  margin: 0 !important;
  z-index: -1;
  width: 100%;
  max-width: 100%;
}

.px_team_v1 .et_pb_team_member_image::before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  height: 50px;
  background-image: -moz-linear-gradient(90deg, rgb(13, 13, 13) 0%, rgba(4, 27, 32, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(13, 13, 13) 0%, rgba(4, 27, 32, 0) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(13, 13, 13) 0%, rgba(4, 27, 32, 0) 100%);
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transform: translateY(100%);
  z-index: 1;
  opacity: 0;
}

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

/* Description Css*/
.px_team_v1 .et_pb_team_member_description {
  position: relative;
  display: block;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 27px 0px rgb(171 170 176 / 35%);
  text-align: center;
  padding: 27px 0 27px;
}

.px_team_v1 .et_pb_team_member_description .et_pb_module_header {
  color: #01050c;
  font-weight: 600;
  font-size: 22px;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_position {}

/* Social Links Css*/
.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links {
  position: absolute;
  align-items: center;
  bottom: 25px;
  left: 0;
  right: 0;
  top: 0;
  justify-content: center;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transform: translateY(50%);
  opacity: 0;
  z-index: -1;
}

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

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  background-color: var(--px-color-2);
  border-radius: 50%;
  font-size: 15px;
  color: #fff;
  transition: all 600ms ease;
}

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

/* Main CSS Class Hover Css Here */
.px_team_v1:hover .et_pb_team_member_image {}

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

.px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links {
  transform: translateY(-130%);
  transition-delay: 500ms;
  opacity: 1;
}

.px_team_v1:hover .et_pb_team_member_image::before {
  transform: translateY(0);
  opacity: 1;
  height: 200px;
}

/*---Team v1  CSS End---*/
/*---Team v2  CSS Start---*/
.px_team_v2 {
  position: relative;
  overflow: hidden;
  transition: all 0.4s;
}

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

.px_team_v2 .et_pb_team_member_image::before {
  position: absolute;
  content: '';
  left: 0px;
  bottom: -80%;
  right: 0px;
  height: 60%;
  z-index: 1;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000000 100%);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000000 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000000 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100, #000000));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000000 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #000000 100%);
}

.px_team_v2:hover .et_pb_team_member_image::before {
  bottom: 0%;
}

.px_team_v2 .et_pb_team_member_image img {
  width: 100%;
  max-width: 100%;
  transition: all 0.4s;
}

.px_team_v2:hover .et_pb_team_member_image img {
  filter: blur(4px);
  transform: scale(1.1);
}

.px_team_v2 .et_pb_team_member_description {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -250px;
  z-index: 1;
  text-align: center;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
}

.px_team_v2:hover .et_pb_team_member_description {
  bottom: 30px;
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}

.px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li {
  margin-right: 8px;
}

.px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  background-color: var(--px-color-2);
  border-radius: 50%;
  font-size: 15px;
  color: #fff;
  transition: all 600ms ease;
}

.px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a:hover {
  background-color: var(--px-color-1) !important;
}

/*---Team v2  CSS End---*/
/*---Team Single Page CSS Start ---*/
.px_team_single .px_team_single_title .et_pb_text_inner h2 span {
  color: var(--px-color-2);
}

.px_team_single .px_team_single_title .et_pb_text_inner h2 {
  color: #0c0d24;
}

.px_team_single .px_team_single_img_01 .et_pb_image_wrap {
  position: relative;
  overflow: visible;
}

.px_team_single .px_team_single_img_01 .et_pb_image_wrap::before {
  content: "";
  position: absolute;
  left: -60px;
  bottom: 40px;
  width: 275px;
  height: 275px;
  border-radius: 50%;
  opacity: 0.10;
  z-index: 0;
  background-color: var(--px-color-1);
  animation-name: zoom-fade;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: zoom-fade;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

.px_team_single .px_team_single_img_01 .et_pb_image_wrap::after {
  content: "";
  position: absolute;
  right: -60px;
  bottom: 140px;
  width: 275px;
  height: 275px;
  opacity: 0.10;
  border-radius: 50%;
  background-color: var(--px-color-2);
  z-index: -1;
  animation-name: zoom-fade;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: zoom-fade;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

/*---Team Single Page CSS End ---*/
/* -----------------------------------
      09. Team Section CSS End Here
  -------------------------------------*/
/* -----------------------------------
      10 Slider Section CSS Start Here
  -------------------------------------*/
/*---Slider v1  CSS Start ---*/
.px_slider_v1 .et_pb_slide {
  position: relative;
}

.px_slider_v1 .et_pb_slide::before,
.px_slider_v1 .et_pb_slide::after {
  content: "";
  position: absolute;
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  height: 400px;
  width: 400px;
  background-repeat: no-repeat;
  mix-blend-mode: overlay;
  z-index: 1;
}

.px_slider_v1 .et_pb_slide::before {
  background: var(--px-color-2);
  left: 0;
  top: 0;
}

.px_slider_v1 .et_pb_slide::after {
  background: var(--px-color-1);
  right: 0;
  bottom: 0;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner {
  position: relative;
}

/*---Title CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title {
  font-size: 16px;
  color: var(--px-color-1) !important;
  font-weight: 600;
  line-height: 32px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin: 0;
  margin-bottom: 10px;
}

/*---Description CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {
  color: #fff;
  line-height: 110px;
  font-weight: 700;
  font-size: 60px;
  margin: 0;
  margin-bottom: 38px;
}

/*---Button CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper {}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {}

/*---Arrow CSS---*/
.px_slider_v1 .et-pb-slider-arrows {}

.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev {}

.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next {}

/*---Dots Navigation CSS---*/
.px_slider_v1 .et-pb-controllers {}

.px_slider_v1 .et-pb-controllers a {
  position: relative;
  width: 9px;
  height: 9px;
  border-radius: 50px;
  display: inline-block;
  border: 2px solid var(--px-color-2);
  background-color: transparent;
  opacity: 1;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  margin: 0px 10px;
}

.px_slider_v1 .et-pb-controllers a.et-pb-active-control::before {
  position: absolute;
  content: '';
  left: -10px;
  top: -10px;
  right: -10px;
  bottom: -10px;
  opacity: 1;
  border-radius: 50px;
  border: 1px solid #cbcbcb;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

@media only screen and (min-width: 842px) and (max-width: 1051px) {
  .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {
    line-height: 90px;
    font-size: 80px;
  }
}

@media only screen and (min-width: 626px) and (max-width: 841px) {
  .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {
    line-height: 70px;
    font-size: 60px;
  }
}

@media only screen and (max-width: 625px) {
  .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title {
    font-size: 14px !important;
  }

  .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {
    line-height: 45px;
    font-size: 35px;
  }

  .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {
    padding: 10px 20px;
  }
}

/*---Slider v1  CSS Start ---*/
/*---Slider v2  CSS Start ---*/
.px_slider_v2 .et_pb_slides .et_pb_slide {
  position: relative;
}

.px_slider_v2 .et_pb_slides .et_pb_slide::before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 80%;
  height: 100%;
  border-radius: 0px;
  bottom: 0px;
  background: rgb(50, 43, 41);
  background: linear-gradient(90deg, rgba(50, 43, 41, 0.9836309523809523) 41%, rgba(50, 43, 41, 0) 96%);
  z-index: 2;
  mix-blend-mode: unset;
}

.px_slider_v1.px_slider_v2 .et_pb_slides .et_pb_slide::after {
  display: none;
}

.px_slider_v2 .et_pb_slides .et_pb_slide .et_pb_slide_description {
  position: relative;
}

.px_slider_v2 .et_pb_slides .et_pb_slide .et_pb_slide_description::before {
  content: "";
  position: absolute;
  height: 50%;
  width: 20%;
  margin-top: -30px;
  margin-left: -30px;
  border: 1px solid var(--px-color-1);
  z-index: -1;
}

.px_slider_v2 .et_pb_slides .et_pb_slide .et_pb_slide_description::after {
  content: "";
  position: absolute;
  height: 50%;
  width: 20%;
  margin-left: -10px;
  top: 215px;
  border: 1px solid var(--px-color-2);
  z-index: -1;
}

@media only screen and (max-width: 768px) {
  .px_slider_v2 .et_pb_slides .et_pb_slide .et_pb_slide_description::after {
    top: 100px;
  }
}

/*---Slider v2  CSS End ---*/
/* -----------------------------------
      10 Slider Section CSS End Here
  -------------------------------------*/
/* -----------------------------------
      11 Faqs CSS Start Here
  -------------------------------------*/
/*---Faqs v1  CSS Start ---*/

.px_faqs_v1 .et_pb_toggle {
  padding: 0px;
}

/*---Title CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {
  padding: 20px;
}

/*---Title Icon CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before {
  font-family: ETmodules !important;
  content: "\4c";
  color: #00040b;
  font-size: 25px;
  font-weight: 600;
  right: 5px;
}

/*---Open Title CSS---*/
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {
  border: 2px solid #00040b;
}

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

/*---Faqs v1  CSS End ---*/
/* -----------------------------------
      11 Faqs CSS End Here
  -------------------------------------*/
/* -----------------------------------
        12 Timeline CSS Start Here
  -------------------------------------*/
/*---Timeline v1  CSS Start ---*/

.px_timeline_v1 .px_blurb_timeline {
  display: inline-block;
  margin-bottom: 50px !important;
  position: relative;
}

.px_timeline_v1 .px_blurb_timeline:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 4px solid #fff;
  background: var(--px-color-2);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}

.px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content .et_pb_main_blurb_image {
  display: inline-block;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 3px solid var(--px-color-1);
  padding: 13px;
  text-align: center;
  position: absolute;
  top: 16%;
  left: -45%;
  transform: translateY(-50%);
}

.px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
  display: block;
  border-radius: 50%;
  background: var(--px-color-2);
  line-height: 100px;
  z-index: 1;
  position: relative;
}

.px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content .et_pb_main_blurb_image:after,
.px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content .et_pb_main_blurb_image:before {
  content: "";
  width: 100px;
  height: 3px;
  background: var(--px-color-1);
  position: absolute;
  top: 50%;
  right: -100px;
  transform: translateY(-50%);
}

.px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content .et_pb_main_blurb_image:after {
  width: 70px;
  height: 50px;
  background: #fff;
  top: 89px;
  right: -30px;
}

.px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content {
  width: 50%;
  padding: 0 60px;
  margin: 52px 0 0;
  float: right;
  max-width: 100%;
  bottom: -7px;
  position: relative;
}

.px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content:before {
  content: "";
  width: 70%;
  height: 100%;
  border: 3px solid var(--px-color-1);
  border-top: none;
  border-right: none;
  position: absolute;
  bottom: -16px;
  left: 35px;
}

.px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content:after {
  content: "";
  width: 37px;
  height: 3px;
  background: var(--px-color-1);
  position: absolute;
  top: 13px;
  left: 0;
}

.px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content .et_pb_module_header {
  color: var(--px-color-1);
}

.px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content .et_pb_blurb_description span {
  color: #fff;
  background-color: #000;
  border-radius: 5px;
  padding: 0px 10px;
}

.px_timeline_v1 .px_blurb_timeline:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image {
  left: auto;
  right: -45%;
}

.px_timeline_v1 .px_blurb_timeline:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image:before {
  right: auto;
  left: -100px;
}

.px_timeline_v1 .px_blurb_timeline:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image:after {
  right: auto;
  left: -30px;
}

.px_timeline_v1 .px_blurb_timeline:nth-child(even) .et_pb_blurb_content {
  float: left;
}

.px_timeline_v1 .px_blurb_timeline:nth-child(even) .et_pb_blurb_content:before {
  left: auto;
  right: 35px;
  transform: rotateY(180deg);
}

.px_timeline_v1 .px_blurb_timeline:nth-child(even) .et_pb_blurb_content:after {
  left: auto;
  right: 0;
}

@media only screen and (max-width: 1200px) {
  .px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content .et_pb_main_blurb_image:before {
    width: 50px;
    right: -50px;
  }

  .px_timeline_v1 .px_blurb_timeline:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image:before {
    right: auto;
    left: -50px;
  }

  .px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content {
    margin-top: 75px;
  }
}

@media only screen and (max-width: 990px) {
  .px_timeline_v1 .px_blurb_timeline {
    margin: 0 0 10px;
  }

  .px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content .et_pb_main_blurb_image {
    left: -63%;
  }

  .px_timeline_v1 .px_blurb_timeline:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image {
    right: -63%;
  }
}


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

  .px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content,
  .px_timeline_v1 .px_blurb_timeline:nth-child(2n) .et_pb_blurb_content {
    padding-left: 130px;
  }


  .px_timeline_v1 .px_blurb_timeline {
    margin-bottom: 70px;
  }

  .px_timeline_v1 .px_blurb_timeline:before {
    top: 0;
    left: 83px;
    right: 0;
    margin: 0;
  }

  .px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content .et_pb_main_blurb_image {
    width: 60px;
    height: 60px;
    line-height: 40px;
    padding: 5px;
    top: 0;
    left: 0;
  }

  .px_timeline_v1 .px_blurb_timeline:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image {
    left: 0;
    right: auto;
  }

  .px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content .et_pb_main_blurb_image:before,
  .px_timeline_v1 .px_blurb_timeline:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image:before {
    width: 25px;
    left: auto;
    right: -25px;
  }

  .px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content .et_pb_main_blurb_image:after,
  .px_timeline_v1 .px_blurb_timeline:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image:after {
    width: 25px;
    height: 30px;
    top: 44px;
    left: auto;
    right: -5px;
  }

  .px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {

    line-height: 45px;
  }

  .px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content,
  .px_timeline_v1 .px_blurb_timeline:nth-child(even) .et_pb_blurb_content {
    width: 100%;
    margin-top: -7px;
    padding-left: 130px;
    padding-right: 5px;
  }

  .px_timeline_v1 .px_blurb_timeline:nth-child(even) .et_pb_blurb_content {
    float: right;
  }

  .px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content:before,
  .px_timeline_v1 .px_blurb_timeline:nth-child(even) .et_pb_blurb_content:before {
    width: 50%;
    left: 120px;
  }

  .px_timeline_v1 .px_blurb_timeline:nth-child(even) .et_pb_blurb_content:before {
    right: auto;
    transform: rotateY(0);
  }

  .px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content:after,
  .px_timeline_v1 .px_blurb_timeline:nth-child(even) .et_pb_blurb_content:after {
    left: 85px;
  }
}

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

  .px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content:before,
  .px_timeline_v1 .px_blurb_timeline:nth-child(2n) .et_pb_blurb_content:before {
    left: 111px;
    bottom: -3px;
  }

  .px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content:after,
  .px_timeline_v1 .px_blurb_timeline:nth-child(2n) .et_pb_blurb_content:after {
    left: 74px;
    top: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
  .px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content::before {
    left: 28px;
    bottom: -26px;
  }

  .px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content::after {
    left: -6px;
    top: 22px;
  }

  .px_timeline_v1 .px_blurb_timeline:nth-child(2n) .et_pb_blurb_content::before {
    left: 56px;
    bottom: -29px;
  }

  .px_timeline_v1 .px_blurb_timeline:nth-child(2n) .et_pb_blurb_content::after {
    left: 89%;
    top: 26px;
  }

  .px_timeline_v1 .px_blurb_timeline::before {
    top: 43%;
  }
}

@media only screen and (min-width: 980px) and (max-width: 1024px) {
  .px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content::before {
    left: 36px;
    bottom: -3px;
  }

  .px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content::after {
    left: 0;
    top: 0;
  }

  .px_timeline_v1 .px_blurb_timeline .et_pb_blurb_content .et_pb_main_blurb_image {
    left: -50%;
    top: 0;
  }

  .px_timeline_v1 .px_blurb_timeline:nth-child(2n) .et_pb_blurb_content .et_pb_main_blurb_image {
    right: -50%;
  }

  .px_timeline_v1 .px_blurb_timeline:nth-child(2n) .et_pb_blurb_content::before {
    left: 66px;
    bottom: 0;
  }

  .px_timeline_v1 .px_blurb_timeline:nth-child(2n) .et_pb_blurb_content::after {
    left: 87%;
    top: -3px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1099px) {
  .px_timeline_v1 .px_blurb_timeline::before {
    top: 42%;
  }
}


/*---Timeline v1  CSS End ---*/
/* -----------------------------------
    12 Timeline CSS End Here
  -------------------------------------*/

/* -----------------------------------
        13 Pricing Table CSS Start Here
  -------------------------------------*/
/*---Pricing Default CSS Start---*/
.px_pricing_table_v1 .et_pb_pricing_table {
  border: none;
  padding: 40px 30px 60px;
}

.px_pricing_table_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table {}

/* Heading Css */
.px_pricing_table_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading {}

.px_pricing_table_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title {}

/* Top Content Css */
.px_pricing_table_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top {
  border: none;
}

.px_pricing_table_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price {}

.px_pricing_table_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign {
  position: relative;
  font-weight: 600;
  font-size: 60px;
  color: var(--px-color-1);
}

.px_pricing_table_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum {
  color: var(--px-color-1);
}

.px_pricing_table_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency {
  color: #00040b;
}

.px_pricing_table_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency .et_pb_frequency_slash {}

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

/* Button Css */
.px_pricing_table_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper {}

.px_pricing_table_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button {
  position: relative;
  font-weight: 400;
  border-radius: 4px;
  font-size: 16px;
  color: #fff;
  background-color: var(--px-color-1);
}

.px_pricing_table_v1:hover .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button {
  background-color: #00040b !important;
}

/*---Pricing Default CSS End---*/

/*---Pricing Mini CSS---*/
.px_pricing_table_mini {}

/*---Pricing Toggle CSS Start ---*/
.px_pricing_table_toggle {}

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

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

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


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

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

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

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

.px_toggle_btn_row .px_btn {
  width: 150px;
}

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

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

/*---Pricing Toggle CSS End ---*/
/*---Pricing Table Structure CSS---*/

@media only screen and (max-width: 479px) {
  .px_pricing_mini_row {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }

  .px_pricing_mini_row .px_pricing_mini_column_1 {
    border: none !important;
  }

  .px_pricing_mini_row .px_pricing_mini_column_2 {
    padding-bottom: 20px !important;
  }
}

/* -----------------------------------
        13 Pricing Table CSS End Here
  -------------------------------------*/
/* -----------------------------------
        14 Testimonial Section CSS Start Here
  -------------------------------------*/
/*---Testimonial v1  CSS Start ---*/
.px_testimonial_blurb_v1 .et_pb_main_blurb_image {
  width: 65px;
}

.px_testimonial_blurb_v1 .et_pb_main_blurb_image .et_pb_image_wrap {
  border-radius: 50%;
}

.px_testimonial_blurb_v1 .et_pb_blurb_container .et_pb_module_header {
  padding-bottom: 0px;
  line-height: 1.9em;
}

.px_testimonial_blurb_v1 .et_pb_blurb_content {
  margin: 0;
}

.px_testimonial_v1.et_pb_testimonial {
  position: relative;
  padding: 40px 30px;
  border-radius: 10px;
  margin-top: 35px;
  transition: all 0.4s;
}

.px_testimonial_v1.et_pb_testimonial:hover {
  box-shadow: 0px 10px 18px 0px rgb(0 0 0 / 10%);
}

.px_testimonial_v1.et_pb_testimonial:before {
  left: 50px;
  top: 23px;
  font-size: 55px;
  color: #000;
}

.px_testimonial_v1.et_pb_testimonial::after {
  position: absolute;
  content: '';
  right: 25px;
  top: -20px;
  border-bottom: 20px solid #fff;
  border-right: 17px solid transparent;
  visibility: visible;
}

/*---Description---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description {
  margin-top: 55px;
}

.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content p {
  position: relative;
  padding-bottom: 0px;
  line-height: 1.7em;
  color: #01050c;
  font-size: 18px;
}

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

/*---Testimonial v1 Slider  CSS Start ---*/

.testimonial_carousel_v1 .testimonial_carousel_column_v1 {
  margin: 10px !important;
  margin-bottom: 25px !important;
}

@media only screen and (max-width: 479px) {
  .testimonial_carousel_v1 .testimonial_carousel_column_v1 {
    width: 75vw !important;
  }
}

.testimonial_carousel_v1.et_pb_row .et_pb_column.et-last-child,
.testimonial_carousel_v1.et_pb_row .et_pb_column:last-child,
.testimonial_carousel_v1.et_pb_row_inner .et_pb_column.et-last-child,
.testimonial_carousel_v1.et_pb_row_inner .et_pb_column:last-child {
  margin-right: 10px !important;
}

.px_slick_dots .slick-dots {
  margin-top: 20px;
  bottom: -40px;
}

.px_slick_dots .slick-dots li button {
  position: relative;
  width: 5px;
  height: 5px;
  border-radius: 50px;
  display: inline-block;
  padding: 3px;
  border: 2px solid var(--px-color-2);
  background-color: transparent;
  opacity: 1;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  margin: 0px 10px;
}

.px_slick_dots .slick-dots li.slick-active button::after {
  position: absolute;
  content: '';
  left: -10px;
  top: -10px;
  right: -10px;
  bottom: -10px;
  opacity: 1;
  border-radius: 50px;
  border: 1px solid var(--px-color-2);
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

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

/*---Testimonial v1 Slider  CSS End ---*/
/*---Testimonial v2 CSS Start ---*/

.px_testimonial_v2.et_pb_testimonial {
  margin-top: 0px;
  transition: all 0.4s;
}

.px_testimonial_v2.et_pb_testimonial:hover {
  box-shadow: 0px 10px 18px 0px rgb(0 0 0 / 10%);
}

.px_testimonial_v2.et_pb_testimonial::after {
  position: absolute;
  content: '';
  left: 50px;
  top: unset;
  right: unset;
  bottom: -19px;
  border-top: 20px solid #fff;
  border-bottom: none;
  border-left: 17px solid transparent;
  border-right: none;
  visibility: visible;
}

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

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

/*---Testimonial v2 CSS End ---*/
/* -----------------------------------
        14 Testimonial Section CSS End Here
  -------------------------------------*/
/* -----------------------------------
        15 About Us Section CSS Start Here
  -------------------------------------*/
/*---About Us v1 CSS Start---*/

.px_aboutus_v1 .px_about_img .et_pb_image_wrap {
  position: relative;
}

.px_aboutus_v1 .px_about_img .et_pb_image_wrap::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 230px;
  width: 32px;
  background-color: var(--px-color-2);
  border-radius: 5px;
  mix-blend-mode: overlay;
  z-index: 1;
}

.px_aboutus_v1 .px_about_img .et_pb_image_wrap::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 32px;
  width: 210px;
  background-color: var(--px-color-1);
  border-radius: 5px;
  mix-blend-mode: overlay;
  z-index: 1;
}

.px_aboutus_v1 .px_about_chack_text .et-pb-icon {
  font-size: 20px;
  color: var(--px-color-2);
}

.px_aboutus_v1 .px_about_chack_text .et_pb_blurb_container {
  padding-left: 0px;
}

.px_aboutus_v1 .px_counter {
  border-right: 2px solid var(--px-color-2);
}

.px_aboutus_v1 .px_counter .percent {
  margin-bottom: 0px;
}

.px_aboutus_v1 .px_counter .percent .percent-value {
  color: var(--px-color-1);
  font-weight: 600;
}

.px_aboutus_v1 .px_counter .title {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
  line-height: 30px;
  color: #01050c;
}

.px_aboutus_v1 .px_about_blurb_info {
  position: relative;
  background-color: var(--px-color-1);
  border-radius: 5px;
  padding-left: 50px;
  padding-right: 25px;
  padding-top: 22px;
  padding-bottom: 22px;
  max-width: 326px;
  width: 100%;
  z-index: 1;
  margin-bottom: 20px !important;
  margin-left: 40px;
}

.px_aboutus_v1 .px_about_blurb_info .et_pb_main_blurb_image {
  height: 80px;
  width: 80px;
  background-color: var(--px-color-2);
  border: 10px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -50px;
  left: -85px;
}

.px_aboutus_v1 .px_about_blurb_info .et_pb_image_wrap .et-pb-icon {
  font-size: 35px;
  color: #fff;
}

.px_aboutus_v1 .px_about_blurb_info .et_pb_blurb_container .et_pb_blurb_description p {
  font-size: 18PX;
  line-height: 28px;
  margin: 0;
  color: #fff;
}

/*---About Us v1 CSS End---*/
/*---About Us v2 CSS Start---*/

.px_aboutus_v2 .px_about_arrow_img .et_pb_image_wrap {
  animation-name: float_up_down;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float_up_down;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

.px_aboutus_v2 .px_aboutus_icon .et_pb_icon_wrap {
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  border-radius: 50px;
  display: inline-block;
  background-color: var(--px-color-2);
  box-shadow: 0px 0px 0px 10px rgb(255 255 255 / 35%);
  animation-name: float_up_down;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float_up_down;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

.px_aboutus_v2 .px_aboutus_icon .et_pb_icon_wrap .et-pb-icon {
  color: #fff;
  font-size: 45px;
  line-height: 2.2;
}

.px_aboutus_v2 .px_aboutus_blurb_info .et_pb_blurb_content {
  position: relative;
  width: 200px;
  height: 200px;
  padding: 30px 15px;
  border-radius: 50%;
  text-align: center;
  background-color: #b6a9ab;
  animation-name: float_up_down;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float_up_down;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

.px_aboutus_v2 .px_aboutus_blurb_info .et_pb_blurb_content::before {
  position: absolute;
  content: '';
  left: -15px;
  top: -15px;
  right: -15px;
  bottom: -15px;
  opacity: 0.40;
  border-radius: 50%;
  border: 1px solid #fff;
}

.px_aboutus_v2 .px_aboutus_blurb_info .et_pb_image_wrap {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-color: #eff0f4;
}

.px_aboutus_v2 .px_aboutus_blurb_info .et_pb_image_wrap .et-pb-icon {
  color: var(--px-color-1);
  font-size: 20px;
  line-height: 2.5;
}

/*---About Us v2 CSS End---*/
/*---About Us v3 CSS Start---*/

.px_aboutus_v3 .px_about_counter_v3 {
  width: fit-content;
  background-color: var(--px-color-1);
  padding: 40px 30px 30px;
}

.px_aboutus_v3 .px_about_counter_v3 .percent {
  margin-bottom: 10px;
}

.px_aboutus_v3 .px_about_chack_text::before {
  color: var(--px-color-2);
}

/*---About Us v3 CSS End---*/
/*---About Us Mission CSS Start---*/

.px_about_mission .px_about_mission_blurb {
  background-color: var(--px-color-1);
  margin: 1px;
}

.px_about_mission .px_about_mission_blurb.px_blurb_two {
  background-color: var(--px-color-2);
}

.px_about_mission .px_about_mission_blurb .et_pb_blurb_content {
  margin: 0px !important;
}

.px_about_mission .px_about_mission_blurb .et_pb_image_wrap {
  position: relative;
  background-color: rgba(255, 255, 255, 0.15);
  height: 100px;
  width: 100px;
  border-radius: 10px;
  text-align: center;
}

.px_about_mission .px_about_mission_blurb .et_pb_image_wrap .et-pb-icon {
  position: relative;
  line-height: 100px;
  font-size: 50px;
  color: #fff;
}

.px_about_mission .px_about_mission_icon .et_pb_icon_wrap {
  width: 80px;
  height: 80px;
  z-index: 1;
  line-height: 80px;
  border-radius: 50%;
  background-color: var(--px-color-2);
  box-shadow: 0px 0px 0px 28px #f9f7f2;
  animation-name: float_up_down;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float_up_down;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

.px_about_mission .px_about_mission_icon .et_pb_icon_wrap .et-pb-icon {
  color: #fff;
  font-size: 35px;
  line-height: 2.3;
}

/*---About Us Mission CSS End---*/
/* -----------------------------------
        15 About Us Section CSS End Here
  -------------------------------------*/
/* -----------------------------------
        16 Choose Us Section CSS Start Here
  -------------------------------------*/
/*---Choose Us v1 CSS Start ---*/

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

.px_choose_v1 .px_choose_img .et_pb_image_wrap::before {
  content: "";
  position: absolute;
  display: block !important;
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  height: 100px;
  width: 100px;
  background-repeat: no-repeat;
  mix-blend-mode: overlay;
  z-index: 1;
  background: var(--px-color-1);
  left: -30px;
  bottom: -20px;
}

.px_choose_v1 .px_choose_mini_text .et_pb_text_inner p:nth-child(2) {
  color: #01050c;
  font-weight: 400;
  opacity: .80;
  font-size: 14px;
}

.px_choose_v1 .px_choose_mini_text .et_pb_text_inner p:nth-child(2) span {
  color: var(--px-color-2);
  font-size: 20px;
  font-weight: 600;
}

.px_choose_v1 .px_choose_info .et_pb_image_wrap {
  height: 60px;
  width: 60px;
  background-image: -moz-linear-gradient(57deg, var(--px-color-2) 0%, rgb(255, 148, 164) 100%);
  background-image: -webkit-linear-gradient(57deg, var(--px-color-2) 0%, rgb(255, 148, 164) 100%);
  background-image: -ms-linear-gradient(57deg, var(--px-color-2) 0%, rgb(255, 148, 164) 100%);
  background-image: linear-gradient(57deg, var(--px-color-2) 0%, rgb(255, 148, 164) 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
}

.px_choose_v1 .px_choose_info:nth-child(2) .et_pb_image_wrap {
  background-image: -moz-linear-gradient(57deg, var(--px-color-1) 0%, rgb(180, 192, 253) 100%);
  background-image: -webkit-linear-gradient(57deg, var(--px-color-1) 0%, rgb(180, 192, 253) 100%);
  background-image: -ms-linear-gradient(57deg, var(--px-color-1) 0%, rgb(180, 192, 253) 100%);
  background-image: linear-gradient(57deg, var(--px-color-1) 0%, rgb(180, 192, 253) 100%);
}

.px_choose_v1 .px_choose_info:nth-child(3) .et_pb_image_wrap {
  background-image: -moz-linear-gradient(57deg, rgb(94, 225, 220) 0%, rgb(78, 160, 111) 99%);
  background-image: -webkit-linear-gradient(57deg, rgb(94, 225, 220) 0%, rgb(78, 160, 111) 99%);
  background-image: -ms-linear-gradient(57deg, rgb(94, 225, 220) 0%, rgb(78, 160, 111) 99%);
  background-image: linear-gradient(57deg, rgb(94, 225, 220) 0%, rgb(78, 160, 111) 99%);
}

.px_choose_v1 .px_choose_info .et_pb_image_wrap .et-pb-icon {
  color: #fff;
}

.px_choose_v1 .px_choose_info .et_pb_blurb_content {
  margin: 0;
}

.px_choose_v1 .px_choose_info .et_pb_blurb_container {
  padding-left: 40px;
}


/*---Choose Us v1 CSS End ---*/
/*---Choose Us v2 CSS Start ---*/

.px_choose_v2 .px_choose_img_v2 .et_pb_image_wrap {
  position: relative;
}

.px_choose_v2 .px_choose_img_v2 .et_pb_image_wrap::before {
  position: absolute;
  content: '';
  left: 20px;
  top: -20px;
  right: 0px;
  bottom: 20px;
  height: 100%;
  width: 100%;
  background-color: #f3f9f8;
}

.px_choose_v1.px_choose_v2 .px_choose_info:last-child .et_pb_image_wrap {
  background-image: -moz-linear-gradient(57deg, var(--px-color-1) 0%, rgb(180, 192, 253) 100%);
  background-image: -webkit-linear-gradient(57deg, var(--px-color-1) 0%, rgb(180, 192, 253) 100%);
  background-image: -ms-linear-gradient(57deg, var(--px-color-1) 0%, rgb(180, 192, 253) 100%);
  background-image: linear-gradient(57deg, var(--px-color-1) 0%, rgb(180, 192, 253) 100%);
}

.px_choose_v2 .px_choose_mini_text .et_pb_text_inner p {
  padding-left: 20px;
}

.px_choose_v2 .px_choose_mini_text .et_pb_text_inner p:first-child {
  border-left: 2px solid var(--px-color-2);
}

/*---Choose Us v2 CSS End ---*/
/*---Choose Us v3 CSS Start ---*/

.px_choose_v3 {
  background-color: var(--px-color-1);
}

.px_choose_v3 .px_choose_title_row {
  position: relative;
}

.px_choose_v3 .px_choose_title_row::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 37px;
  height: 37px;
  background-color: var(--px-color-2);
}

.px_choose_v3 .px_choose_title_row .px_choose_text_column::before {
  content: "";
  position: absolute;
  left: 22px;
  top: 50px;
  width: 25px;
  height: 25px;
  background-color: #2671f1;
}

.px_choose_v3 .px_choose_title_row .px_choose_text::before {
  content: "";
  position: absolute;
  left: -55px;
  top: 30px;
  width: 25px;
  height: 25px;
  background-color: #fff;
}

.px_choose_v3 .px_choose_title_row::before,
.px_choose_v3 .px_choose_title_row .px_choose_text_column::before,
.px_choose_v3 .px_choose_title_row .px_choose_text::before {
  animation-name: rotateme2;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: rotateme2;
  -webkit-animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}


.px_choose_v3 .px_choose_title_blurn_info {
  margin-bottom: 30px !important;
}

.px_choose_v3 .px_choose_title_blurn_info .et_pb_blurb_content {
  margin: 0px !important;
}

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

.px_choose_v3 .px_choose_title_blurn_info .et_pb_image_wrap {
  width: 75px;
  height: 75px;
  border-radius: 15px;
  background-color: #fff;
  text-align: center;
}

.px_choose_v3 .px_choose_title_blurn_info .et_pb_image_wrap .et-pb-icon {
  color: var(--px-color-2);
  line-height: 2.1;
}

/*---Choose Us v3 CSS Start ---*/
/* -----------------------------------
        16 Choose Us Section CSS End Here
  -------------------------------------*/
/* -----------------------------------
        17 Process Section CSS
  -------------------------------------*/
/*---Process Us v1 CSS---*/
.px_process_v1 {}

/* -----------------------------------
        18 Partner Section CSS
  -------------------------------------*/
/*---Partner Us v1 CSS---*/
.px_partner_v1 {}

/* -----------------------------------
        19 Video Section CSS Start Here 
  -------------------------------------*/
/*---Video v1 CSS Start ---*/
.px_video_v1 .px_video_icon .et_pb_icon_wrap {
  position: relative;
  width: 120px;
  height: 120px;
  z-index: 10;
  border-radius: 50%;
  background-color: var(--px-color-1);
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
}

.px_video_v1 .px_video_icon .et_pb_icon_wrap .et-pb-icon {
  position: relative;
  font-size: 40px;
  color: #fff;
  line-height: 3;
}

.px_video_v1 .px_video_icon .et_pb_icon_wrap .et-pb-icon::before,
.px_video_v1 .px_video_icon .et_pb_icon_wrap .et-pb-icon::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 120px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  -webkit-box-shadow: 0 0 0 0 rgb(255 255 255 / 60%);
  -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
  box-shadow: 0 0 0 0 rgb(255 255 255 / 60%);
  -webkit-animation: ripple 3s infinite;
  -moz-animation: ripple 3s infinite;
  -ms-animation: ripple 3s infinite;
  -o-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
}

.px_video_v1 .px_video_icon .et_pb_icon_wrap::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 120px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  -webkit-box-shadow: 0 0 0 0 rgb(255 255 255 / 60%);
  -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
  box-shadow: 0 0 0 0 rgb(255 255 255 / 60%);
  -webkit-animation: ripple 3s infinite;
  -moz-animation: ripple 3s infinite;
  -ms-animation: ripple 3s infinite;
  -o-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
}

.px_video_v1 .px_video_icon .et_pb_icon_wrap .et-pb-icon::after {
  -webkit-animation-delay: .6s;
  -moz-animation-delay: .6s;
  -ms-animation-delay: .6s;
  -o-animation-delay: .6s;
  animation-delay: .6s;
  content: "";
  position: absolute;
}

.px_video_v1 .px_video_icon .et_pb_icon_wrap .et-pb-icon::before {
  -webkit-animation-delay: .9s;
  -moz-animation-delay: .9s;
  -ms-animation-delay: .9s;
  -o-animation-delay: .9s;
  animation-delay: .9s;
  content: "";
  position: absolute;
}



/*---Video v1 CSS End ---*/
/* -----------------------------------
        19 Video Section CSS End Here 
  -------------------------------------*/
/* -----------------------------------
        20 Skill-bar Section CSS
  -------------------------------------*/
/*---Skill-bar v1 CSS---*/
.px_skill_v1 {}

.px_bar_counter_v1 li.et_pb_counter {
  margin-bottom: 30px;
}

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

.px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container {
  position: relative;
  width: 100%;
  padding: 5px 5px;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #000;
}

/*---Percentage CSS---*/
.px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount {
  line-height: 0.6em;
  background-color: var(--px-color-1);
}

/*---Percentage CSS---*/
.px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number {}

.px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number_inner {
  position: absolute;
  right: 0px;
  top: -40px;
  font-weight: 400;
  padding: 5px 14px;
  display: inline-block;
  font-size: 16px;
  color: #000;
}

/* -----------------------------------
        21 Counter Section CSS
  -------------------------------------*/
/*---Counter v1 CSS---*/
.px_counter_v1 {}

/* -----------------------------------
        22 Newsletter Section CSS Start Here
  -------------------------------------*/
/*---Newsletter v1 CSS Start ---*/
.px_newsletter_v1 {
  display: block !important;
  background-color: #fff;
}

.px_newsletter_v1 .et_pb_newsletter_description div {
  line-height: 1.3em;
  font-weight: 600;
  font-size: 30px;
  color: #0c0d24;
  margin-bottom: 30px;
}

.px_newsletter_v1 .et_pb_newsletter_description div span {
  color: var(--px-color-2);
}

/*Form Css*/
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_form {
  padding-left: 0 !important;
}

/*Input Css*/
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_fields {
  flex-wrap: unset;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field {
  border: 1px solid #000;
  padding-bottom: 0px;
}

.px_newsletter_v1.et_pb_newsletter_form .input {}

.px_newsletter_v1.et_pb_newsletter_form .input::placeholder,
#dct_email_v5 .et_pb_newsletter_form input[type=text],
.px_newsletter_v1.et_pb_newsletter_form p.et_pb_newsletter_field input[type=text] {}

/*Button Css*/
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap {}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {
  background-color: #000;
  color: #fff;
  text-align: center;
  border-radius: 0px;
  border: 3px solid #000 !important;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover {
  border: 3px solid var(--px-color-1) !important;
  background-color: var(--px-color-1);
}

@media only screen and (max-width: 410px) {
  .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {
    font-size: 18px;
  }

  body #page-container .et_pb_section .et_pb_module.px_newsletter_v1.et_pb_subscribe .et_pb_newsletter_button.et_pb_button,
  body #page-container .et_pb_section .et_pb_module.px_newsletter_v1.et_pb_subscribe .et_pb_newsletter_button.et_pb_button:hover {
    padding: 10px !important;
  }
}

/*---Newsletter v1 CSS End ---*/
/*---Newsletter v2 CSS Start ---*/
/*---Newsletter v2 CSS End ---*/
/* -----------------------------------
        22 Newsletter Section CSS End Here
  -------------------------------------*/
/* -----------------------------------
        23 CTA Section CSS
  -------------------------------------*/
/*---CTA v1 CSS---*/
.px_CTA_v1 {}

.px_CTA_v1 {
  background-color: var(--px-color-1);
  position: relative;
}

.px_CTA_v1::before {
  content: "\e090";
  font-family: ETmodules !important;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 50px;
  opacity: 0.15 !important;
  line-height: 1em;
  font-weight: 700;
  text-align: center;
  color: #fff;
  font-size: 150px;
  animation-name: float_up_down;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.px_CTA_v1 .et_pb_module_header {
  position: relative;
}

.px_CTA_v1 .et_pb_module_header::before {
  content: "\e090";
  font-family: ETmodules !important;
  width: 65px;
  margin: auto;
  margin-bottom: 20px;
  height: 65px;
  display: block;
  line-height: 66px;
  text-align: center;
  border-radius: 50px;
  font-size: 30px;
  color: #fff;
  background-color: var(--px-color-2);
}

.px_CTA_v1 .et_pb_button:hover {
  color: var(--px-color-2) !important;
}

/*---CTA v2 CSS---*/
.px_CTA_v2 {}


/* -----------------------------------
        24 Coming Soon Page CSS
  -------------------------------------*/

/* -----------------------------------
        25 404 Page CSS
  -------------------------------------*/


/* -----------------------------------
        26 Search Page CSS
  -------------------------------------*/


/* -----------------------------------
        27 Tab Control CSS Start Here
  -------------------------------------*/
.px_tab_v1 {}

/*Tabs Title Css*/
.px_tab_v1 .et_pb_tabs_controls {}

.px_tab_v1 .et_pb_tabs_controls li {}

.px_tab_v1 .et_pb_tabs_controls li.et_pb_tab_active a {}

.px_tab_v1 .et_pb_tabs_controls li a {}

/*Tabs Content Css*/
.px_tab_v1 .et_pb_all_tabs {}

.px_tab_v1 .et_pb_all_tabs .et_pb_tab {}

.px_tab_v1 .et_pb_all_tabs .et_pb_tab.et-pb-active-slide {}

.px_tab_v1 .et_pb_all_tabs .et_pb_tab .et_pb_tab_content {}


/* -----------------------------------
        27 Tab Control CSS End Here
  -------------------------------------*/
/* -----------------------------------
        28 Page Title CSS Start Here
  -------------------------------------*/

.px_page_title {
  position: relative;
}

.px_page_title::before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0.56;
  background-color: #00040b;
  z-index: 1;
}

.px_page_title .px_page_title_home_btn {
  position: relative;
  color: #fff;
}

.px_page_title .px_page_title_home_btn:hover {
  color: var(--px-color-2);
}

.px_page_title .px_page_title_home_btn::before {
  content: "\e074" !important;
  position: absolute;
  font-family: ETmodules !important;
  display: block !important;
  opacity: 1;
  font-size: 20px;
  line-height: 1.5;
  left: 5px;
  color: #fff;
}

body .px_page_title.et_pb_section .px_page_title_home_btn.et_pb_button:after {
  content: "\39" !important;
  font-size: 25px !important;
  line-height: 1.5;
  color: #fff !important;
}

.px_page_title .px_page_title_page_btn {
  color: #fff;
}

.px_page_title .px_page_title_page_btn:hover {
  color: var(--px-color-2);
}

.px_page_title .px_page_title_text_mod .et_pb_text_inner {
  font-size: 55px;
  line-height: 1.3em;
}

@media only screen and (max-width: 980px) {
  .px_page_title .px_page_title_home_btn {
    padding-right: 0px !important;
  }

  body #page-container .px_page_title.et_pb_section .px_page_title_home_btn.et_pb_button_0:after {
    display: none;
  }
}


@media only screen and (max-width: 500px) {
  .px_page_title .px_page_title_text_mod .et_pb_text_inner {
    font-size: 32px;
  }
}

/* -----------------------------------
        28 Page Title CSS End Here
  -------------------------------------*/
/*-------------------------------------------
    -- 29. Banner CSS Start Here
  -------------------------------------------*/
.px_banner_v1 .px_banner_title_row,
.px_banner_v1 .px_banner_title_column,
.px_banner_v1 .px_banner_title,
.px_banner_v1 .px_banner_title .et_pb_text_inner,
.px_banner_v1 .px_banner_title .et_pb_text_inner h2,
.px_banner_v1 .px_banner_title .et_pb_text_inner h4 {
  position: unset !important;
}

.px_banner_v1 .px_banner_title_row::before {
  left: 50px;
  top: 50px;
  width: 37px;
  height: 37px;
  background-color: var(--px-color-1);
}

.px_banner_v1 .px_banner_title_column::before {
  left: 50%;
  top: 150px;
  width: 25px;
  height: 25px;
  background-color: var(--px-color-2);
}

.px_banner_v1 .px_banner_title::before {
  left: 10%;
  bottom: 30%;
  width: 25px;
  height: 25px;
  background-color: #fff;
}

.px_banner_v1 .px_banner_title .et_pb_text_inner::before {
  right: 60%;
  bottom: 50px;
  width: 37px;
  height: 37px;
  background-color: var(--px-color-1);
}

.px_banner_v1 .px_banner_title .et_pb_text_inner h2::before {
  right: 55px;
  top: 38px;
  width: 25px;
  height: 25px;
  background-color: var(--px-color-2);
}

.px_banner_v1 .px_banner_title .et_pb_text_inner h4::before {
  right: 200px;
  bottom: 50px;
  width: 25px;
  height: 25px;
  background-color: #fff;
}

.px_banner_v1 .px_banner_title_row::before,
.px_banner_v1 .px_banner_title_column::before,
.px_banner_v1 .px_banner_title::before,
.px_banner_v1 .px_banner_title .et_pb_text_inner::before,
.px_banner_v1 .px_banner_title .et_pb_text_inner h2::before,
.px_banner_v1 .px_banner_title .et_pb_text_inner h4::before {
  content: "";
  position: absolute;
  animation-name: rotateme2;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: rotateme2;
  -webkit-animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}


/*-------------------------------------------
    -- 29. Banner CSS End Here
  -------------------------------------------*/
/* -----------------------------------
  30. Slide In CSS Start Here
----------------------------------- */

.px-popup-content.px_contact_v5 .px_contactform_v1 .et_pb_contact_field input,
.px-popup-content.px_contact_v5 .px_contactform_v1 .et_pb_contact_field textarea {
  position: relative;
  background: #fff;
  box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%);
}


/* Show/hide the popup overlay wrapper when "is-visible" class changes, apply the CSS to frontend only */

body:not(.et-fb) .px-popup-wrapper .px-popup-content {
  position: fixed;
  z-index: 990;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all .5s cubic-bezier(.14, .06, .41, 1.39);
  opacity: 0;
  visibility: hidden;

}

body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content {
  opacity: 1;
  visibility: visible;

}


/* Allow the content inside the popup wrapper to scroll */
.px-popup-inside {
  height: 100%;
  overflow-y: scroll;
}


/* Prevent Body from Scrolling when Popup is visible */
body.px-noscroll {
  overflow-y: scroll;
}

/* Center Align Popup Content inside the Section */
.px-popup-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.px-popup-content .et_pb_row {
  margin-top: 0;
  margin-bottom: 0;
}


/* Adjust the position of the popup overlay for admin bar */
@media (min-width:600px) and (max-width:782px) {
  body:not(.et-fb).admin-bar .px-popup-wrapper {
    top: 46px;
  }
}

@media (min-width:783px) {
  body:not(.et-fb).admin-bar .px-popup-wrapper {
    top: 32px;
  }
}

/* Mave the popup on top of other elements */
.et_builder_inner_content.popup-is-visible {
  z-index: 99999;
}

/* Add a hand cursor to the close trigger element */
.px-popup-close {
  cursor: pointer;
}

/*Slide In Css Start Here*/
.px_slidein {
  overflow: visible !important;
}

.px_slidein:after {
  content: "";
  position: absolute;
  bottom: 40px;
  left: 10px;
  width: calc(100% - 20px);
  height: 80%;
  background-color: var(--px-color-1);
  border-radius: inherit;
  z-index: -1;
  transition: all 0.2s;
  opacity: 0;
}

.px_slidein .et_pb_button_module_wrapper {
  background: #fff;
  padding-bottom: 15px;
}

.px_slidein:hover:after {
  bottom: -15px;
  transition: all 0.2s;
  opacity: 1;
}

.px_feature_info .et_pb_main_blurb_image {
  margin-bottom: 20px;
}

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

.px_feature_info .et_pb_module_header span {
  color: var(--px-color-3);
}

.px_scale_in .px_contact .et_contact_bottom_container {
  margin-top: 10px;
  margin-right: 10px;
}

/* Icon CSS */
.px_icon_bar {
  padding: 0px !important;
  background: var(--px-color-1) !important;
  border-radius: 5px;
  border: 2px solid #e4e7ee;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-box-shadow: 0px 0px 0px 0px;
  box-shadow: 0px 0px 0px 0px;
}

.px_icon_bar:after {
  padding: 7px 15px 7px 9px;
  display: block;
  position: relative;
  /* -webkit-transition: all 0.5s ease; */
  color: #fff !important;
  font-size: 20px !important;
}

.px_icon_bar:before {
  content: "";
  position: absolute;
  width: 38px;
  height: 38px;
  border-radius: 5px;
  background: var(--px-color-1);
  border-radius: 5px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  ;
  display: block !important;
}

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

.px_icon_bar:hover:before {
  width: 100%;
  height: 100%;
}

/*Popup Overlay Css Move Up Start Here*/
.px-popup-wrapper .px-popup-content.px_move_up {
  transform: translateY(100%);
  transition: all .4s ease-in-out, width .2s ease-in-out, top .4s ease-in-out !important;
}

body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content.px_move_up {
  transform: translateY(-30px);
}


/*Popup Overlay Css Move Down Start Here*/
.px-popup-wrapper .px-popup-content.px_move_downup {
  transform: translateY(-100%);
  transition: all .4s ease-in-out, width .2s ease-in-out, top .4s ease-in-out !important;
}

body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content.px_move_downup {
  transform: translateY(0%);
}

/*Popup Overlay Css Move right Start Here*/
.px-popup-wrapper .px-popup-content.px_slide_right {
  transform: translateX(-100%);
  transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}

body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content.px_slide_right {
  transform: translateX(0%);
}

/*Popup Overlay Css Move Left Here*/
.px-popup-wrapper .px-popup-content.px_slide_left {
  transform: translateX(100%);
  transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}

body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content.px_slide_left {
  transform: translateX(0%);
}

/* Add Row animation when popup is triggered */
/*.px-popup-wrapper.popup-is-visible .et_pb_row:not(.px-popup-close)*/
.px-popup-wrapper.popup-is-visible .px_scale_in {
  animation: scale-in .5s cubic-bezier(.14, .06, .41, 1.39) both;
  animation-delay: .5s;
}

/*Popup Overlay Css Move Up Start Here*/
body:not(.et-fb) .px-popup-wrapper .px-popup-content.px_move_up {
  top: unset;
  min-height: auto;
  right: 20px;
}

.px-popup-wrapper .px_move_up {
  transform: translateY(100%);
  transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}

.px-popup-wrapper.popup-is-visible .px_move_up {
  transform: translateY(-30px);
}


/*Popup Overlay Css Move Down Start Here*/
.px-popup-wrapper .px_move_downup {
  transform: translateY(-100%);
  transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}

.px-popup-wrapper.popup-is-visible .px_move_downup {
  transform: translateY(0%);
}

/*Popup Overlay Css Slide Right Start Here*/
.px-popup-wrapper .px_slide_right {
  transform: translateX(100%);
  transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}

.px-popup-wrapper.popup-is-visible .px_slide_right {
  transform: translateX(0%);
}

/*Popup Overlay Css Slide left Here*/
.px-popup-wrapper .px_slide_left {
  transform: translateX(0%);
  transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}

/* -----------------------------------
  30. Slide In CSS End Here
----------------------------------- */
/*-------------------------------------------
    -- 31. Color Picker CSS Start Here
  -------------------------------------------*/
.tm-font-selector div,
.tm-color-selector div,
.pickr .pcr-button::before,
.pickr .pcr-button::after {
  border-radius: 50%;
}

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


@keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes ripple {
  70% {
    box-shadow: 0 0 0 70px rgb(253 167 0 / 0%);
  }

  100% {
    box-shadow: 0 0 0 0 rgb(253 167 0 / 0%);
  }
}

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

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

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

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

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

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

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

/* -----------------------------------
      32. Animation Part CSS End Here
  -------------------------------------*/