/*
Theme Name:  Divi Multipurpose Business Child Theme
Theme URI:   https://divi-professional.com/
Description: Divi Multipurpose Business Theme is a creative, clean and unique responsive Multipurpose Business WordPress Theme. It’s perfect for any Business, Financial, Consulting, Insurance, loan, Tax help, Investment Firm, Creative Business, Corporate, Company, Individual sites, Fitness, Gym, Trainer, Personal or Freelancers Portfolio, Minimal Portfolio, Constructions, Renovations, Medical etc. to show their services, projects/portfolios and other informations to their customers.
Version:     1.0
Author:      Divi Professional
Author URI:  https://divi-professional.com/
Template:    Divi
Text Domain: dpprofe
*/
/* -----------------------------------------------------------------------------   
    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
    26 Color Picker CSS
    27 Animation Part CSS

--------------------------------------------------------*/
/* -----------------------------------
    01. General Class CSS
-------------------------------------*/
/*---Title CSS---*/

body{
  overflow-x: hidden;
}
.px_title {
  color: var(--px-color-2);
}

/*---SubTitle CSS---*/
.px_subtitle span {
  position: relative;
  padding: 0px 45px;
}

.px_subtitle h5 span {
  color: var(--px-color-1) !important;
  font-size: 22px !important;
  line-height: 32px !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
}

.px_subtitle h5 span::before {
  position: absolute;
  top: 15px;
  left: 0px;
  width: 25px;
  height: 2px;
  background: var(--px-color-1);
  content: "" !important;
}

.px_subtitle h5 span::after {
  position: absolute;
  top: 15px;
  right: 0px;
  width: 25px;
  height: 2px;
  background: var(--px-color-1);
  content: "" !important;
}
@media only screen and (max-width: 600px) {
.px_subtitle h5 span {
  font-size: 16px !important;
}

 }


/*---Button CSS---*/
.px_btn {
  overflow: hidden;
  position: relative;
  background-color: var(--px-color-1) !important;
  z-index: 1;
  border: 1px solid var(--px-color-1);
  border-radius: 5px !important;
  padding: 10px 35px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
}

.px_btn::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0%;
  height: 0%;
  background: var(--px-color-2) !important;
  right: 0;
  z-index: -1;
  opacity: 1;
  border-radius: 0%;
  display: block !important;
  transition: all 0.4s ease;
}

.px_btn:hover:before {
  width: 100%;
  height: 100%;
  border-radius: 0%;
}

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


/*---Breadcrumbs Title CSS---*/
/* breadcrumbs */
#dpprof_breadcrumbs .separator{font-size:20px;color:var(--white);font-weight:100;}
#dpprof_breadcrumbs{overflow:hidden;text-align: left;list-style:none;margin:11px 0;padding: 0;}
#dpprof_breadcrumbs li{margin-right:14px;display:inline-block;vertical-align:middle;}
#dpprof_breadcrumbs a{
color:#fff;
font-size: 18px;
	font-weight:700 !important;	
}
#dpprof_breadcrumbs a:hover{
color :var(--px-color-1);
}
#dpprof_breadcrumbs .bread-home:before{content:'\e009';font-family:ETmodules;  font-size: 18px; margin-right: 8px;} 
#dpprof_breadcrumbs .item-current{
	color :var(--white);
	font-size: 18px;
	font-weight:400 !important;
}


/*--- Global Class CSS ---*/
/*****Pagination******/
/*---Breadcrumbs Title CSS---*/

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

.navigation.px_blogpagination a.page-numbers {
  color: #fff !important;
  background: var(--px-color-1);
}

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

/* -----------------------------------
    02. Header Section CSS
-------------------------------------*/
/*---Menu + Sub Menu CSS---*/
.px_header_v1 .px_header_menu ul li a{
  transition: all 0.4s ease;
}
.px_header_v1 .px_header_menu ul li a:hover {
  background: unset;
} 


/*---Main Menu CSS---*/
/*---Sub Menu CSS---*/
.px_header_v1 .px_header_menu.et_pb_menu .et_pb_menu__menu ul li ul {
  border: 0px !important;
  border-radius: unset !important;
}
.px_header_v1 .px_header_menu.et_pb_menu .et_pb_menu__menu ul li a {
  position: relative !important;
}
.px_header_v1 .px_header_menu.et_pb_menu .et_pb_menu__menu ul li a::before {
  position: absolute;
  content: '';
  width: 0;
  height: 3px;
  top: 3px;
  right: 0;
  left: 0;
  margin: auto;
  transition: all 500ms ease;
  background: #333;
}
.px_header_v1 .px_header_menu.et_pb_menu .et_pb_menu__menu ul li a:hover::before {
  width: 100%;
}
.px_header_v1 .px_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li a:before {
  display: none !important;
}

/*---Header v1  CSS---*/
/* Header Contact CSS*/
.px_header_v1 .et_pb_blurb_container {
  padding-left: 0px;
  display: flex;
  align-items: center; 
}
.px_header_v1 .px_header_v1_text .et_pb_blurb_container .et_pb_blurb_description p {
  padding: 0px; 
}
.px_header_v1 .px_header_v1_text .et_pb_blurb_container .et_pb_blurb_description:hover p {
   text-decoration: underline;
  color: #fff;
}
.px_header_v1 .px_header_v1_text .et_pb_blurb_container h4 {
   padding-bottom: 0px;  
}

/*Header Menu CSS */
.px_header_v1 .px_header_menu .et_pb_menu__wrap {
  display: flex;
/*   justify-content: end; */
}
/*Responsive CSS*/
/*Between Screen 981px to 1080px*/
@media only screen and (min-width: 981px) and (max-width: 1080px) {
  .px_header_v1 .px_header_v1_top_row .et_pb_blurb_container h4,
  .px_header_v1 .px_header_v1_top_row .et_pb_blurb_container .et_pb_blurb_description a {
     font-size: 12px; 
  }
  .px_header_v1 .px_header_menu.et_pb_menu ul li {
    padding-right: 0px !important;
   padding-left: 3px !important; 
  }
}

/*Between Screen 375px to 480px*/
@media only screen and (min-width: 375px) and (max-width: 480px) {
  .px_header_v1 .px_header_v1_top_row .px_header_v1_text .et_pb_blurb_content .et_pb_main_blurb_image,
  .px_header_v1 .px_header_v1_top_row .px_header_v1_text .et_pb_blurb_content .et_pb_module_header {
     display: none; 
  }
  .px_header_v1 .px_header_v1_top_row .px_header_v1_text .et_pb_blurb_container {
     justify-content: center; 
  }
}

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

/* -----------------------------------
    03. Footer Section CSS
-------------------------------------*/
/*---Footer Common Info Css---*/
.px_footer_col .px_footer_title .et_pb_text_inner{
width: fit-content !important;
}
.px_footer_col .px_footer_title .et_pb_text_inner:after{
content: "";
position: absolute;
left: 0;
transition: all .5s ease;
bottom: 0;
background: #fff;
width: 50px;
height: 2px;
display: block !important;
bottom: -15px;
}
.px_footer_col:hover .px_footer_title .et_pb_text_inner::after {
  width: 100%;
}

/*Social Icon CSS*/
.px_footer_social li {
position: relative;
display: inline-block;
margin-right: 15px;
} 
.px_footer_v1 .px_footer_social li a {
position: relative;
background: #fff !important;
display: block;
margin: 0;
transition: all 0.1s linear;
z-index: 1;

}
.px_footer_v1 .px_footer_social li a.icon::before{
color: var(--px-color-2) !important;	
}
.px_footer_v1 .px_footer_social li:hover a.icon::before{
color: var(--px-color-1) !important;	
}


.px_footer_v1 .px_footer_center .et_pb_blurb_container {
  padding-left: 0px !important;
}
.px_footer_bottom .px_footer_col2 .et_pb_button_module_wrapper a {}

.px_footer_v1 .px_services_single_text .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {}
.px_footer_v1 .px_footer_center .et_pb_blurb_container .et_pb_module_header a{
color:#fff !important;	
}

.px_footer_v1 .px_footer_center .et_pb_blurb_container .et_pb_module_header a:hover{
color: var(--px-color-1) !important;
}


.px_footer_v1  .px_footer_link_btn:before{
	border-radius: 55px 55px 55px 55px;
overflow: hidden;
background-color: #000000 !important;
}

.px_footer_v1  .px_footer_link_btn:hover:before{
	background-color: #6222cc !important;
}
/*Responsive CSS*/
/*Below Screen 480px*/


/* -----------------------------------
     04. Sidebar CSS
-------------------------------------*/

.px_blog_single .et_pb_blurb_description h4 span {
  position: relative !important;
}

.px_blog_single .et_pb_blurb_description h4 span::before {
  position: absolute;
  background: #eee;
  width: 100%;
  content: "" !important;
  bottom: -1px;
  border-radius: 10px;
  bottom: -1px;
  content: "";
  height: 3px;
  left: 0;
}

.px_blog_single .et_pb_blurb_description h4 span::after {
  position: absolute;
  background: var(--px-color-1);
  content: "" !important;
  border-radius: 10px;
  bottom: -1px;
  height: 3px;
  left: 0;
  position: absolute;
  width: 50px;
}

.px_blog_single .px_sidebar_blurb .et_pb_image_wrap {
  float: left;
  margin-right: 10px;
  margin-top: 1px;
  width: 75px;
}


/* -----------------------------------
     05. Blog CSS
-------------------------------------*/
/*---Blog Grid CSS & 3 Columns CSS ---*/
.px_blog_v1 .et_pb_post {
  position: relative;
 border: none !important;	
}
/* Post Content CSS */
.px_blog_v1 .more-link {
  font-size: 18px;
  color: #000;
}
.px_blog_v1 .more-link::after {
  font-size: 14px;
  color: #000;
  font-family: ETmodules !important;
  font-weight: 400 !important;
  content: "\39" !important;
}
.px_blog_v1 .et_pb_post:hover .more-link::after,
.px_blog_v1 .et_pb_post:hover .more-link {
  color: #fff;
}
/* Post Meta CSS */
.px_blog_v1 .post-meta a[rel="tag"] {
  padding: 10px 15px;
  border-radius: 50px;
  color: #fff;
  background-color: var(--px-color-1);
margin-bottom: 8px !important;
display: inline-block;
}
.px_blog_v1 .et_pb_post:hover .post-meta a[rel="tag"] {
  background: var(--px-color-2);
}
.px_blog_v1 .et_pb_post .post-meta a:hover[rel="tag"] {
  background: var(--px-color-1);
  border: 0px;
  color: #fff;
}
.px_blog_v1 .et_pb_post .post-meta a[rel="tag"] {
/*   display: block;
  width: fit-content; */
}
.px_blog_v1 .et_pb_post .post-meta .published {
position: absolute;
bottom: 65px !important;
order: 1;
color: #000;
display: inline-block;
font-size: 16px;
font-weight: 300;
padding-bottom: 15px;
border-bottom: 1px solid rgba(28, 35, 31, 0.1);
width: 100%;
}
.px_blog_v1 .et_pb_post:hover .post-meta .published{
border-bottom: 1px solid #fff;	
}
.px_blog_v1 .et_pb_post .post-meta .published::before {
  content: "\e025";
  font-family: ETmodules;
  color: var(--px-color-1) !important;
  border-radius: 50%;
  margin-right: 10px;
}
.px_blog_v1 .et_pb_post:hover .post-meta .published::before {
  color: #fff!important;

}
.px_blog_v1 .px_blog_page_info .post-meta {
  order: 1;

}
.px_blog_v1 .et_pb_post:hover .post-meta .published {
  color:#fff;
}

.px_blog_v1 .et_pb_post .post-meta {
  order: 1;
display: inline-block !important;
}
.px_blog_v1 .et_pb_post {

  padding: 0;

}
.px_blog_v1 .et_pb_post .author {
  display: none;
}

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

.px_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url {
/*   margin-bottom: 0;
  padding-top: 100%;
  display: block; */
}
.px_blog_v1 .et_pb_post .entry-featured-image-url{
 display: block;
height: 350px;
}

.px_blog_v1 .et_pb_post .entry-featured-image-url img {
  max-width: 100%;
  height: 350px;
  object-fit: cover;
}


.px_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

 .px_blog_v1 .et_pb_post .entry-featured-image-url::after {

}
.px_blog_v1 .et_pb_post:hover .entry-featured-image-url::before {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.px_blog_v1 .et_pb_post .entry-featured-image-url {
  z-index: 1;
}
.px_blog_v1 .et_pb_post .entry-featured-image-url::before {
  content: '';
display: block;
left: 0;
height: 100%;
position: absolute;
bottom: 0;
width: 100%;
z-index: 1;
transition: all 0.4s;
background-color: #fff;
box-shadow: 0px 5px 60px rgba(28, 35, 31, 0.07);	
}

.px_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url .et_overlay {}

/*---Title  CSS---*/
.px_blog_v1 .et_pb_post .px_blog_v1_info .entry-title {
margin: 15px 0px 30px;
  order: 1;
}
.px_blog_v1 .et_pb_post .px_blog_v1_info .post-content .more-link{
   position: absolute;
    bottom: 25px;
} 
.px_blog_v1 .et_pb_post .entry-title a {
  color: #000 !important;
}

.px_blog_v1 .et_pb_post:hover .entry-title a {
  color: #fff !important;

}

/*---Blog Desc CSS---*/
.px_blog_v1 .et_pb_post .px_blog_v1_info {
position: absolute !important;
top: 0 !important;
display: flex !important;
flex-direction: column-reverse !important;
height: 100%;
width: 90%;
justify-content: center;
z-index: 9;
margin: 0 20px
}
.px_blog_v1.et_pb_post:last-child(){
  margin-bottom: 5px;
}

.px_blog_v1 .pagination .alignleft a,
.px_blog_v1 .pagination .alignright a{
overflow: hidden;
position: relative;
background-color: var(--px-color-1);
transition: all 0.4s;
color: #fff;
border-radius: 5px !important;
padding: 12px 35px !important;
z-index: 1;
}

.px_blog_v1 .pagination .alignleft a:before,
.px_blog_v1 .pagination .alignright a:before{
content: "";
position: absolute;
bottom: 0;
width: 0%;
height: 0%;
background: var(--px-color-2) !important;
right: 0;
z-index: -1;
opacity: 1;
border-radius: 5px !important;
display: block !important;
transition: all 0.4s ease;
}
.px_blog_v1 .pagination .alignleft a:hover:before,
.px_blog_v1 .pagination .alignright a:hover:before{
width: 100%;
height: 100%;
border-radius: 5px !important;}

.px_blog_v1 .px_blog_grid_2_col .pagination .alignright,
.px_blog_v1.px_blog_grid_3_col .pagination .alignright,
.px_blog_v1.px_blog_grid_4_col .pagination .alignright{
/*   position: absolute;
  right: 0;
  bottom: 0; */
}
.px_blog_v1 > div article ~ div:last-child {
grid-column: 1 / -1;	
margin-top: 20px !important;	
}


/*---Blog Grid 2 Columns CSS---*/
.px_blog_grid_2_col .et_pb_ajax_pagination_container {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(2, 50%);
}
.px_blog_grid_2_col .et_pb_ajax_pagination_container .et_pb_post,
.px_blog_grid_2_col .et_pb_ajax_pagination_container .et_pb_post a {
  margin-bottom: 0px;
}
.px_blog_grid_2_col .px_blog_v1_info .post-meta a{
  margin-bottom: 5px;
}
.px_blog_grid_2_col .pagination  .commentlist .comment .reply-container.reply-container a {
  overflow: hidden;
  background-color: var(--px-color-2) !important;
  z-index: 1;
  border: 1px solid var(--px-color-2);
  display: inline-block;
}

.px_blog_single .commentlist .comment .reply-container.reply-container a::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0%;
  height: 0%;
  background: var(--px-color-1) !important;
  right: 0;
  z-index: -1;
  opacity: 1;
  display: block !important;
  transition: all 0.4s ease;
}

.px_blog_single .commentlist .comment .reply-container.reply-container a:hover:before {
  width: 100%;
  height: 100%;
  border: none;

}
.px_blog_single .commentlist .comment .reply-container.reply-container a::after {
  display: none !important;
}
@media only screen and (max-width: 850px) {

  .px_blog_grid_2_col .px_blog_v1_info .published{
    bottom: 44px !important;
  }
  .px_blog_grid_2_col .et_pb_ajax_pagination_container{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  
}
/*---Blog Grid 4 Columns CSS---*/
.px_blog_grid_4_col .et_pb_ajax_pagination_container {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(4, 1fr);
}
.px_blog_grid_4_col .et_pb_ajax_pagination_container .et_pb_post,
.px_blog_grid_4_col .et_pb_ajax_pagination_container .et_pb_post a {
  margin-bottom: 0px;
}
@media only screen and (max-width: 1080px) {
  .px_blog_grid_4_col .et_pb_ajax_pagination_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .px_blog_grid_4_col .et_pb_ajax_pagination_container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
}


.px_blog_single .px_blog_single_blurb .et_pb_module_header {
  margin: 0px 0px 0px -12px;
}
.px_blog_single .px_blog_single_widget .et_pb_widget {
  position: relative;
  display: block;
  padding: 35px;
  background-color: #f4f5f8;
  border: 1px solid #f4f5f8;
  border-radius: 7px;
}
/* Header CSS */
.px_blog_single .px_blog_single_widget .et_pb_widget h4 {
  /* font-size: 20px; */
  color: var(--px-color-2);
  /* font-weight: 800; */
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
}
.px_blog_single .px_blog_single_widget .et_pb_widget h4::before {
  border-radius: 10px;
  bottom: -1px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  background: #eee;
  width: 100%;
}

.px_blog_single .px_blog_single_widget .et_pb_widget h4::after {
  background: var(--px-color-1);
  border-radius: 10px;
  bottom: -1px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 50px;
}
/* Social Link CSS */
.px_blog_single .px_blog_single_widget .widget_recent_entries ul li {
  padding-left: 0px !important;
}

.px_blog_single .px_blog_single_widget ul li {
  font-size: 15px;
}
.px_blog_single .px_blog_single_widget ul li a{
  color:#000;
}
.px_blog_single .px_blog_single_widget .et_pb_widget ul li a:hover {
  color: var(--px-color-1);
}
.px_blog_single .px_blog_single_widget ul li .post-date {
  display: block;
  padding: 5px 0px;
  font-size: 14px;
  color: #878c8f;
}
.px_blog_single .px_blog_single_widget .et_pb_widget ul li {
 position: relative;
padding-left: 40px;
padding-bottom: 15px;
border-bottom: 1px solid #e0e4e8;
margin-bottom: 8px !important;
	
}

.px_blog_single .px_blog_single_widget .widget_categories ul li::before {

  content: "\e05b";
  font-family: ETmodules !important;
  font-weight: 500;
  color: var(--px-color-1);
  font-size: 16px !important;
  left: 0;
  opacity: 1;
  transition: all .3s ease-in-out;
  width: 32px;
  height: 30px;
  text-align: center;
  line-height: 32px;
  position: absolute;
  border: none;
}
/* Widget Search CSS */

.px_blog_single .px_blog_single_widget .et_pb_widget.widget_search input#s,
.px_blog_single .px_blog_single_widget .et_pb_widget.widget_search input#searchsubmit{
height: 50px !important;	
}


.px_blog_single .px_blog_single_widget .et_pb_widget.widget_search input#s {
/*   padding: 30px 25px !important;
  height: 0px !important;
  font-size: 15px;
  line-height: normal !important;
  border: 1px solid #ddd;
  color: #666; */
}
.px_blog_single .px_blog_single_widget .et_pb_widget.widget_search input#s:focus {
  border: 1px solid var(--px-color-2);
}
.px_blog_single .px_blog_single_widget .searchform:after {
}

.px_blog_single .px_blog_single_widget .et_pb_widget.widget_search input#searchsubmit {
background: var(--px-color-1);
color: #fff;
}
.px_blog_single .px_blog_single_widget .et_pb_widget.widget_search input#searchsubmit:hover {
background: var(--px-color-2);
}
/* Tag Cloud CSS */
.px_blog_single .px_blog_single_widget .et_pb_widget .tagcloud a {
  background: #FFF;
  border: 1px solid #eee;
  color: #404040;
  display: inline-block;
  font-size: 13px !important;
  margin: 8px 5px 0 0 !important;
  padding: 8px 25px !important;
  border-radius: 10px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.3s ease;
}

.px_blog_single .px_blog_single_widget .et_pb_widget .tagcloud a:hover {
  background-color: var(--px-color-1);
  color: #fff;
}

.px_blog_single_post_title .et_pb_title_meta_container span {
  padding-right: 10px;
}
/* Comment CSS Start */
.px_blog_single_post_title .et_pb_title_meta_container .author a:hover,
.px_blog_single_post_title .et_pb_title_meta_container .published:hover,
.px_blog_single_post_title .et_pb_title_meta_container .comments-number a:hover {
  color: var(--px-color-2) !important;
}
.px_blog_single_post_title .et_pb_title_meta_container::before {
  content: "\e08a";
  font-family: ETmodules !important;
  font-weight: 500;
  color: var(--px-color-1);
  font-size: 16px !important;
  left: 0;
  padding-right: 10px;
}
.px_blog_single_post_title .et_pb_title_meta_container .published::before {
  content: "\e025";
  font-family: ETmodules !important;
  font-weight: 500;
  color: var(--px-color-1);
  font-size: 16px !important;
  left: 0;
  padding-right: 10px;
}
.px_blog_single_post_title .et_pb_title_meta_container .comments-number::before {
  content: "\e065";
  font-family: ETmodules !important;
  font-weight: 500;
  color: var(--px-color-1);
  font-size: 16px !important;
  left: 0;
  padding-right: 10px;
}

.px_blog_single .px_blog_single_blurb_row .et_pb_column .px_blurb_tag .et_pb_blurb_container {
/*   display: flex;
	align-items:center; */
}

.px_blog_single .px_blog_single_blurb_row .et_pb_column .px_blurb_category .et_pb_blurb_container {
/*   display: flex;
	align-items:center; */
}
.px_blog_single .px_blog_single_blurb_row .et_pb_column .et_pb_blurb_container h4 {
  margin-right: 20px;
}
.px_blog_single .px_blog_single_blurb_row .et_pb_column .et_pb_blurb_container .et_pb_blurb_description a {
  position: relative;
  display: inline-block;
  text-transform: capitalize;
  transition: all 0.3s ease;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid var(--px-color-1);
  padding: 8px 18px;
  color: #000;
}
.px_blog_single .px_blog_single_blurb_row .et_pb_column .et_pb_blurb_container .et_pb_blurb_description a:hover {
  background-color: var(--px-color-1);
  color: #fff;
}
.px_blog_single .px_blog_single_comment .commentlist {
  border-top: 1px solid #eee;
  background: #fff;
  box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08);
  padding: 30px 30px 30px !important;
  margin-top: 30px;
  margin-bottom: 0;
  list-style: none;
}
.px_blog_single .px_blog_single_comment .commentlist .comment_avatar img {
  border-radius: 50%;
}
.px_blog_single .commentlist .comment_postinfo .fn {
  display: flex;
  margin-bottom: 10px;
  margin-top: 0;
}
.px_blog_single .commentlist .comment_postinfo  .comment-edit-link{
  color: var(--px-color-1) !important;	
}

.px_blog_single .comment-respond .logged-in-as a{
  color: var(--px-color-1) !important;		
}

.px_blog_single .commentlist .comment_postinfo  .comment-edit-link:hover{
  color: var(--px-color-2) !important;	
}
.px_blog_single .commentlist .comment_postinfo .comment_date {
  color: #878c8f !important;
}

.px_blog_single .commentlist .comment_postinfo .comment_date:hover {
  color: var(--px-color-2) !important;
}
.px_blog_single .commentlist .comment .reply-container a:hover {
  background-color: var(--px-color-2) !important;
  color: #fff !important;
}
.px_blog_single .commentlist .comment .reply-container.reply-container a {
  overflow: hidden;
  background-color: var(--px-color-1) !important;
  z-index: 1;
  border: 1px solid var(--px-color-1);
  display: inline-block;
}

.px_blog_single .commentlist .comment .reply-container.reply-container a::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0%;
  height: 0%;
  background: var(--px-color-2) !important;
  right: 0;
  z-index: -1;
  opacity: 1;
  display: block !important;
  transition: all 0.4s ease;
}

.px_blog_single .commentlist .comment .reply-container.reply-container a:hover:before {
  width: 100%;
  height: 100%;
  border: none;

}

.px_blog_single .commentlist .comment .reply-container.reply-container a::after {
  display: none !important;
}
.px_blog_single .px_blog_single_comment .comment-form #comment {
  background-color: #f4f5f8;
}

.px_blog_single .px_blog_single_comment .comment-respond .comment-form .comment-form-author input,
.px_blog_single .px_blog_single_comment .comment-respond .comment-form .comment-form-email input,
.px_blog_single .px_blog_single_comment .comment-respond .comment-form .comment-form-url input {
  width: 100% !important;
}

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

.px_blog_single .px_blog_single_comment .comment-form-cookies-consent label {
  color: #878c8f;
}
/* Comment CSS End */
/*Submit Button CSS Start*/
.px_blog_single .px_blog_single_comment .comment-form .form-submit {
  text-align: left;
}

.px_blog_single .px_blog_single_comment .comment-form .et_pb_button {
  overflow: hidden;
  position: relative;
  color: #fff;
  background-color: var(--px-color-1) !important;
  z-index: 1;
  border: 1px solid var(--px-color-1);
  border-radius: 5px !important;
  padding: 10px 35px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
}

.px_blog_single .px_blog_single_comment .comment-form .et_pb_button::before {
  content: "" !important;
  position: absolute;
  bottom: 0;
  width: 0%;
  height: 0%;
  background: var(--px-color-2) !important;
  right: 0;
  z-index: -1;
  opacity: 1;
  border-radius: 0%;
  display: block !important;
  transition: all 0.4s ease;
}

.px_blog_single .px_blog_single_comment .comment-form .et_pb_button:hover:before {
  width: 100%;
  height: 100%;
  border-radius: 0%;
}

.px_blog_single .px_blog_single_comment .comment-form .et_pb_button::after {
  display: none !important;
}

.px_blog_single .px_blog_single_testimonial .et_pb_testimonial_description .et_pb_testimonial_author::before {
  content: "\7b";
  font-size: 80px;
  line-height: 50px;
  font-family: ETmodules !important;
  font-weight: 500;
  color: var(--px-color-1);
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0.7;
}
/* Responsive CSS */
/* For Below Screen 1080px */
@media only screen and (max-width: 1080px) {

  .px_blog_single .px_single_blog_row_img .et_pb_module.et_pb_image,
  .px_blog_single .px_single_blog_row_img .et_pb_image_wrap {
    height: 100% !important;
  }

  .px_blog_single .px_single_blog_row_img .et_pb_image_wrap img {
    height: 100% !important;
    object-fit: cover;
  }
}
/* For Below Screen 980px */
@media only screen and (max-width: 980px) {

  .px_blog_single .px_single_blog_row_img .et_pb_image_wrap,
  .px_blog_single .px_single_blog_row_img img {
    width: 100% !important;
  }
}
/* For Below Screen 510px */
@media only screen and (max-width: 501px) {
  .px_blog_single .px_blog_single_blurb_row .et_pb_column .et_pb_blurb_container {
    display: block;
  }
}
/* For Below Screen 400px */
@media only screen and (max-width: 400px) {
.px_blog_single .px_blog_single_blurb_row .et_pb_column .et_pb_blurb_container .et_pb_blurb_description a {
    padding: 8px 5px;
   }
}

/*Submit Button CSS End*/
/* -----------------------------------
     06. Portfolio CSS
-------------------------------------*/
/*---Portfolio Gallary CSS & 4 Columns CSS ---*/
.px_portfolio_v1 .et_pb_portfolio_item {}

.px_portfolio_v1 .et_pb_portfolio_filters {
  display: none;
}
/* Image CSS */
.px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image::before {
  height: 0%;
  width: 100%;
  opacity: 1;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--px-color-1);
  z-index: 1;
  border: none;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}
.px_portfolio_v1 .et_pb_portfolio_item:hover .et_portfolio_image:before {
  height: 100%;
  border: 1px solid #eeeeee;
}
/* Description CSS */
.px_portfolio_v1 .px_portfolio_v1_info {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  transform: translate(-50%, -50%);
}
.px_portfolio_v1 .et_pb_portfolio_item:hover .px_portfolio_v1_info {
  opacity: 1;
}
/* Responsive CSS */
/* Below Screen 1080px */
@media only screen and (max-width: 1080px) {
  .px_portfolio_v1 .px_portfolio_v1_info {
    position: absolute;
    top: 50%;
    left: 40%;
  }
.px_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {
    font-size: 14px !important;
  }
}
/* Below Screen 767px */
@media only screen and (max-width: 767px) {
  .px_portfolio_v1 .et_portfolio_image {
    width: 100%;
  }
  .px_portfolio_v1 .et_portfolio_image img{
    width: 100%;
    max-width: 100%;
  }
}


/* Title Css */
.px_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {
  font-size: 22px; 
}
/* Category Post Meta Css */
.px_portfolio_v1 .et_pb_portfolio_item .post-meta {
  font-size: 16px; 
}

/* Portfolio 2 Column */
.px_portfolio_2_col .et_pb_portfolio_items,
.px_portfolio_2_col .et_pb_ajax_pagination_container {
  display: grid;
  grid-gap: 25px;
  grid-template-columns: repeat(2, 50%);
}
/* Responsive CSS */
/* For Below Screen 767px */
@media only screen and (max-width:767px) {
  .px_portfolio_2_col .et_pb_portfolio_items,
  .px_portfolio_2_col .et_pb_ajax_pagination_container {
  display: block;
  }
}
/* Portfolio 3 Column */
.px_portfolio_3_col .et_pb_portfolio_items,
.px_portfolio_3_col .et_pb_ajax_pagination_container {
  display: grid;
  grid-template-columns: repeat(3, 33.33%);
  grid-gap: 25px;
}
/* Responsive CSS */
/* For Below Screen 1080px */
@media only screen and (max-width:1080px) {
  .px_portfolio_3_col .et_pb_portfolio_items,
.px_portfolio_3_col .et_pb_ajax_pagination_container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
 }
}
/* For Below Screen 1080px */
@media only screen and (max-width:767px) {
  .px_portfolio_3_col .et_pb_portfolio_items,
.px_portfolio_3_col .et_pb_ajax_pagination_container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
 }
}

/* Portfolio 4 Column */
.px_portfolio_4_col .et_pb_portfolio_items,
.px_portfolio_4_col .et_pb_ajax_pagination_container {
  display: grid;
  grid-template-columns: repeat(4, 25%);
  grid-gap: 25px;
}
/* Responsive CSS */
/* For Below Screen 1080px */
@media only screen and (max-width:1080px) {
  .px_portfolio_4_col .et_pb_portfolio_items,
  .px_portfolio_4_col .et_pb_ajax_pagination_container {
  display: grid;
  grid-template-columns: repeat(2, 1fr) !important;
 }
}
/* For Below Screen 680px */
@media only screen and (max-width:680px) {
  .px_portfolio_4_col .et_pb_portfolio_items,
  .px_portfolio_4_col .et_pb_ajax_pagination_container {
    display: grid !important;
    grid-template-columns: repeat(1, 1fr) !important;
   }
}


/* Pagination CSS */
.px_portfolio_v1 .pagination {
grid-column: 1 / -1 !important;
}

.px_portfolio_v1 .pagination .alignleft a,
.px_portfolio_v1 .pagination .alignright a{
  overflow: hidden;
  position: relative;
  background-color: var(--px-color-1);
  transition: all 0.4s;
  color: #fff;
  border-radius: 5px !important;
  padding: 12px 35px !important;
  z-index: 1;
}


.px_portfolio_v1 .pagination .alignleft a:before,
.px_portfolio_v1 .pagination .alignright a:before{
  content: "";
  position: absolute;
  bottom: 0;
  width: 0%;
  height: 0%;
  background: var(--px-color-2) !important;
  right: 0;
  z-index: -1;
  opacity: 1;
  border-radius: 5px !important;
  display: block !important;
  transition: all 0.4s ease;
}

.px_portfolio_v1 .pagination .alignleft a:hover:before,
.px_portfolio_v1 .pagination .alignright a:hover:before{
width: 100%;
height: 100%;
border-radius: 5px !important;	
}

.px_portfolio_v1 .pagination .alignleft:hover,
.px_portfolio_v1 .pagination .alignrightr:hover{
/*   background-color: var(--px-color-2); */
}
.px_portfolio_v1.px_portfolio_2_col .pagination .alignright,
.px_portfolio_v1.px_portfolio_3_col .pagination .alignright,
.px_portfolio_v1.px_portfolio_4_col .pagination .alignright{
  position: absolute;
  right: 0;
  bottom: 0;
}
/* Social link css */
.px_portfolio_single .px_social_link {
  background-color: transparent !important;
  border: none !important;
  transition: all 1s;
  border: 0px solid var(--px-color-2);
  width: 100%;
  transform: inherit;
  opacity: 1;
  position: unset;
}

.px_portfolio_single .px_social_link a:hover {
  background-color: var(--px-color-1) !important;
}

.px_portfolio_single .px_social_link li a {
  position: relative;
  display: block;
  margin: 0;
  border-radius: 50% !important;
  transition: all 200ms linear;
  transition-delay: 0.1s;
  z-index: 1;
  padding: 0px !important;
  background-color:#fff !important;
  margin: 5px;
}
.px_portfolio_single .px_social_link li a.icon::before{
color:#000 !important;	
}
.px_portfolio_single .px_social_link li a.icon:hover:before{
color:#fff !important;	
}
.px_portfolio_header .et_pb_row.et_pb_row_1.px_banner_btn_row,
.px_portfolio_header .px_banner_btn_row .et_pb_button_module_wrapper .et_pb_button a::before {
  padding: 0px !important;
}
.px_portfolio_header .px_banner_btn_row .et_pb_button_module_wrapper .et_pb_button{
  padding-left: 20px !important;
}
.px_portfolio_single .px_portfolio_single_post_navi .nav-previous .meta-nav,
.px_portfolio_single .px_portfolio_single_post_navi .nav-next .meta-nav {
  padding: 18px;
  border: 2px solid #878c8f;
  border-radius: 50%;
  color: #878c8f;
  transition: all 500ms ease !important;
}

.px_portfolio_single .px_portfolio_single_post_navi .nav-label {
  color: var(--px-color-2);
  font-size: 18px;
  font-weight: 700;
    padding-right: 20px;
	transition: all 500ms ease !important;
}

/* Post Nevigation CSS */
.px_portfolio_single .px_portfolio_single_post_navi .nav-previous:hover .meta-nav,
.px_portfolio_single .px_portfolio_single_post_navi .nav-next:hover .meta-nav {
  color: var(--px-color-1) !important;
  border: 2px solid var(--px-color-1);
}

.px_portfolio_single .px_portfolio_single_post_navi .nav-previous:hover .nav-label,
.px_portfolio_single .px_portfolio_single_post_navi .nav-next:hover .meta-nav {
  color: var(--px-color-1) !important;
}

.px_portfolio_single .px_portfolio_single_post_navi .nav-previous .nav-label
{
  padding-left: 20px;
}
.px_portfolio_single .px_portfolio_single_post_navi .nav-next:hover .nav-label {
  color: var(--px-color-1) !important;	
}
.px_portfolio_single .px_portfolio_single_post_navi {
  width: 100% !important;
}
/* Responsive CSS */
/* Foe Below Screen 980px */
@media only screen and (max-width:980px) {
  .px_portfolio_single .px_porfolio_row .et_pb_image_wrap
 {
    width: 100%;
  }
  .px_portfolio_single .px_porfolio_row .et_pb_image_wrap img {
    width: 100%;
    max-width: 100%;
  }
}

/****Project Detail page *****/
.px_project_text .et-pb-icon  {	
color: var(--px-color-1) !important;	
}
.px_project_text .et_pb_blurb_container {
  padding-left: 0px !important;
}


/* -----------------------------------
    07. Services CSS
-------------------------------------*/
/*---Services v1 CSS---*/
/*Image CSS */
.px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image {
  /* margin-bottom: 0px !important; */
}
/*Icon Css */
.px_services_v1 .et_pb_blurb_content .et_pb_image_wrap .et-pb-icon {
  background: var(--px-color-1);
  width: 95px;
  height: 95px; 
  display: block;
  line-height: 55px;
  margin: 0 auto;
  color: #fff;
}
/* Slider CSS Start*/
.px_services_v1 .et_pb_row .px_service_slider1_col {
margin: 0px 10px !important; 
}
.px_services_v1 .et_pb_row .et_pb_column.et-last-child,
.px_services_v1 .et_pb_row .et_pb_column:last-child,
.px_services_v1 .et_pb_row_inner .et_pb_column.et-last-child,
.px_services_v1 .et_pb_row_inner .et_pb_column:last-child {
/*   margin: 0px 10px !important; */
}
.px_service_v1_slider.et_pb_row .slick-dots li button::before {
  font-size: 12px !important;
}
.px_service_v1_slider.et_pb_row .slick-dots li {
  margin: 0px 2px !important;
}
.px_service_v1_slider.et_pb_row .slick-dots {
  padding: 0px !important;
}
.px_service_v1_slider.et_pb_row .slick-list,
.px_service_v1_slider.et_pb_row .slick-track {
  display: flex !important;
}
/* Slider CSS End*/

/* Responsive CSS */
/* Below Screen 479px */
@media only screen and (max-width:479px) {
  .px_service_v1_slider.et_pb_row .et_pb_column {
    width: 75vw !important;
  }
}
/*Title Css */

.px_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {margin: 20px 0 10px 0;}



/*---Services v2  CSS---*/

.px_services_v2 .et_pb_main_blurb_image .et_pb_image_wrap {
transition: all 0.4s; 
}
/*Description CSS*/
.px_services_v2 .px_service_v2_blurb:hover .et_pb_main_blurb_image {
  background-color: var(--px-color-2);
}
.px_service_v_2 .px_service_v2_blurb .et_pb_blurb_container {
  padding: 0px 20px 0px 20px !important;
}
/* Image CSS Start */
.px_service_v_2 .px_service_v2_blurb .et_pb_image_wrap {
  transform: scale(1.0);
  transition: all 0.4s !important;
  overflow: hidden;
  position: relative;
}
.px_service_v_2 .px_service_v2_blurb .et_pb_image_wrap img{
  transition: all 0.4s !important;	 
}
.px_service_v_2 .et_pb_column:hover .px_service_v2_blurb .et_pb_image_wrap img {
  transform: scale(1.2);
  transition: all 0.4s;
}
.px_service_v_2 .et_pb_column .px_service_v2_blurb .et_pb_image_wrap::before {
  background: rgba(255, 255, 255, 0.3);
  content: "";
  position: absolute;
  left: 50%;
  right: 51%;
  top: 0;
  bottom: 0;
  opacity: 1;
  pointer-events: none;
  transition: all 400ms linear;
	z-index:1;
}
.px_service_v_2 .et_pb_column:hover .px_service_v2_blurb .et_pb_image_wrap::before {
  left: 0;
  right: 0;
  opacity: 0;
}
/* Image CSS End */
/* Icon CSS */
.px_service_v_2 .px_service_v2_icon .et_pb_icon_wrap {
  background: #fff;
}
.px_service_v_2 .px_service_v2_icon .et_pb_icon_wrap .et-pb-icon {
 background: var(--px-color-1);
} 
/* Responsive CSS */
/* Below Screen 1080px */
@media only screen and (max-width: 1080px) {

}

/*---Services Single Page CSS---*/
.px_services_single {}
.px_Single_service_btn{
color:#878c8f !important	
}
.px_active_s_btn,
body #page-container .et_pb_section .px_Single_service_btn:hover{
padding-left: 2em !important;	
color: var(--px-color-1) !important;	
}
/*---Download btn Css---*/
.px_service_dwnbtn{	
}
.px_service_dwnbtn::before {
  display: block !important;
  background: #fff;
  color: var(--px-color-1);
  margin-left: -35px !important;
  height: 28px;
  width: 25px;
  text-align: center;
}

.px_service_dwnbtn {
  overflow: hidden;
  position: relative;
  background-color: var(--px-color-1) !important;
  z-index: 1;
  border: 1px solid var(--px-color-1);
  border-radius: 5px !important;
  padding: 10px 35px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
}
.px_service_dwnbtn::after {
  position: absolute;
  bottom: 0;
  width: 0%;
  height: 0%;
  background: var(--px-color-2) !important;
  right: 0;
  z-index: -1;
  opacity: 1;
  border-radius: 0%;
  display: block !important;
  transition: all 0.4s ease !important;
 content: "" !important;
}

.px_service_dwnbtn:hover:after {
  width: 100%;
  height: 100%;
  border-radius: 0%;
}

/*------CTA Btn-------*/
.px_service_cta {
}
.px_service_cta .et_pb_promo_description div {
  color: #878c8f !important;
  padding: 15px 0 15px !important;
}
.px_service_cta .et_pb_promo_button {
  overflow: hidden;
  position: relative;
  background-color: var(--px-color-1) !important;
  z-index: 1;
  border: 1px solid var(--px-color-1);
  border-radius: 5px !important;
  padding: 10px 35px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
}
.px_service_cta .et_pb_promo_button::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0%;
  height: 0%;
  background: var(--px-color-2) !important;
  right: 0;
  z-index: -1;
  opacity: 1;
  border-radius: 0%;
  display: block !important;
  transition: all 0.4s ease;
}

.px_service_cta .et_pb_promo_button:hover:before {
  width: 100%;
  height: 100%;
  border-radius: 0%;
}

.px_service_cta .et_pb_promo_button::after {
  display: none !important;
}
/* -----------------------------------
    08. Contact Us CSS
-------------------------------------*/
/*---Contact Us v1  CSS---*/
.px_contact_v1 {}
/*---Input CSS---*/
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field input,
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field select,
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea {
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #F9F6F1;
}

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field input:focus,
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field select:focus,
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea:focus {
  border-color: var(--px-color-1) !important;
}
/*---Button CSS---*/
 .px_contact_v1 .et_contact_bottom_container {
  float: unset;
  text-align: center !important;
  justify-content: center !important;
}

.px_contact_v1 .et_pb_button {
  overflow: hidden;
  position: relative; 
  background-color: var(--px-color-1) !important;
  color: #fff !important;
  z-index: 1; 
}
.px_contact_v1 .et_pb_button::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0%;
  height: 0%;
  background: var(--px-color-2) !important;
  right: 0;
  z-index: -1;
  opacity: 1;
  border-radius: 0%;
  display: block !important;
  transition: all 0.4s ease;
}
.px_contact_v1 .et_pb_button:hover:before {
  width: 100%;
  height: 100%;
 }
.px_contact_v1 .et_pb_button::after {
display:none !important;
}
/*Social Icon Contact_us CSS*/ 
  .px_social_contact_info.et_pb_social_media_follow li a.icon {
  position: relative;
  background: var(--px-color-1) !important;
  transition: all 0.1s linear;
  z-index: 1;
  border-radius: 50%;
  padding: 8px !important;
  }
  .px_social_contact_info.et_pb_social_media_follow li a.icon:hover {
  background: var(--px-color-2) !important;
  }
/*---------Blurb Info Contact Us ---------*/
.px_contact_info_blurb {
background-color: #f4f5f8 !important;
padding: 45px 20px;
}
.px_contact_info_blurb .et_pb_image_wrap {
  display: flex !important;
  color: #fff;
  background: var(--px-color-1);
  transition: all .3s ease-in-out !important;
  height: 70px;
  width: 70px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.px_contact_info_blurb .et-pb-icon {
  color: #fff !important;
  transition: all .3s ease-in-out !important;
font-size: 30px !important;
}
.px_contact_info_blurb:hover .et_pb_image_wrap {
  transform: rotateY(180deg);
	  background: var(--px-color-2);
}
/*---Contact Us v2  CSS---*/
.px_contact_v2 {}

/* -----------------------------------
    09. Team Section CSS
-------------------------------------*/
/*---Team v1  CSS---*/
.px_team_v1 {}

/* Image Css */
.px_team_v1 .et_pb_team_member_image {
  overflow: hidden;
   width: 100%;
  max-width: 100%;	
}
.px_team_v1 .et_pb_team_member_image img{
transition: all .4s ease-in-out;
  transform: scale(1.0);	
}
.px_team_v1:hover .et_pb_team_member_image img{
  transform: scale(1.1);
}

/* Description Css*/
.px_team_v1 .et_pb_team_member_description {
  transition: all 0.4s;
  border: none;
  background: #fff;
  clear: both;
  height: 90px;
  margin: -50px auto 0;
  overflow: hidden;
  padding: 20px;
  position: relative;
  width: 90%;
}

.px_team_v1 .et_pb_team_member_description::after {
  background-color:var(--px-color-1); 
  bottom: 0;
  content: "";
  height: 1px;
  opacity: 1;
  position: absolute;
  right: 0;
  transition: all .4s ease-in-out;
  visibility: hidden;
  width: 0;
}
.px_team_v1:hover .et_pb_team_member_description:after {
  left: 0;
  opacity: 1;
  right: auto;
  visibility: visible;
  width: 100%;
}
.px_team_v1 .et_pb_team_member_description::before{
content: "\4c";
top: 20px;
right: 12px;
bottom: 0px;
font-family: ETmodules !important;
font-size: 25px !important;
font-weight: 500;
border: 1px solid var(--px-color-1);
color: var(--px-color-1);
opacity: 1;
transition: all .3s ease-in-out;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
position: absolute;
  
}
.px_team_v1 .et_pb_team_member_description .et_pb_member_position, 
.px_team_v1 .et_pb_team_member_description .et_pb_module_header {
  transition: all .4s ease-in-out !important;
}
.px_team_v1:hover .et_pb_team_member_description .et_pb_member_position, 
.px_team_v1:hover .et_pb_team_member_description .et_pb_module_header {
  margin-top: -45px;
  opacity: 0;
  visibility: visible;	
}


/* Social Links Css*/
.px_team_v1  .et_pb_member_social_links{
  position: relative;
 margin-top: 45px !important;	
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a,
.px_social_link {
color: var(--px-color-1);
margin: 0px 10px;
font-size: 20px !important;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover,
.px_social_link {
  color: var(--px-color-2);
}
/* Image CSS */

/* Responsive CSS */
/* Below Screen 980px */
@media only screen and (max-width: 980px) {
/*  .px_team_v1 .et_pb_team_member_description {
    margin: 0px;
  }
  .px_team_v1 .et_pb_team_member_image{
    width: 100%;
  }
  .px_team_v1 .et_pb_team_member_image img{
    width: 100%;
    max-width: 100%;
  } */
}

.px_team_single .px_team_v2 .et_pb_team_member_image {
  margin-bottom: 30px !important;
  max-width: 100% !important;
}
.px_team_single .px_team_v2 .et_pb_team_member_image img {
width: 100% !important;
}
.px_team_single .px_team_v2 .et_pb_member_social_links{
	margin-top: 15px !important;
}
.px_team_single .px_team_v2 .et_pb_member_social_links a{
  margin: 0 6px 0 0;
  display: inline-block;
  width: 36px;
  height: 36px;
  position: relative;
  z-index: 2;
  background: #fff;
  color: #252525;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  border-radius: 50%;
  filter: drop-shadow( -2px 1px 8px rgba(226, 225, 225, 1));
}
.px_team_single .px_team_v2 .et_pb_member_social_links a:hover{
	background: var(--px-color-1);
	color:#fff !important;
}
.px_single_team_title .et_pb_text_inner h3{
padding-bottom:0px !important;	
}


/* bar counter*/
.px_bar_counter .et_pb_counter_container {
  height: 1px;
  box-shadow: none;
  margin: 15px 0 30px;
  overflow: visible;
  position: relative;
}
.px_bar_counter .et_pb_counter_container .et_pb_counter_amount {
height: 4px;
box-shadow: none;
border-radius: 5px;
position: relative;
background-color: var(--px-color-1);
top: -12px;
min-height: 4px !important;
}
.px_bar_counter .et_pb_counter_container .et_pb_counter_amount_number_inner {
font-size: 15px;
font-weight: 500;
text-align: center;
position: absolute;
bottom: 20px;
right: -17px;
color: #000;
}
.px_bar_counter.et_pb_counters .et_pb_counter_title {
    font-size: 15px;
    margin-bottom: 23px;
    color:#000;
    font-weight: 600!important;
}
.px_single_team_info .et_pb_blurb_container {
  display: block !important;
}
.px_single_team_info .et-pb-icon{
  display: inline-block;
  width: 60px;
  height: 60px;
  position: relative;
  z-index: 2;
  background: #fff;
  line-height: 58px;
  text-align: center;
  font-size: 30px;
  border-radius: 50%;
  filter: drop-shadow( -2px 1px 8px rgba(226, 225, 225, 1));
  color: var(--px-color-1) !important;
}

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


.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {
  overflow: hidden;
  position: relative; 
  background-color: var(--px-color-1) !important;
  color: #fff !important;
  z-index: 1; 
}
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0%;
  height: 0%;
  background: var(--px-color-2) !important;
  right: 0;
  z-index: -1;
  opacity: 1;
  border-radius: 0%;
  display: block !important;
  transition: all 0.4s ease;
}
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover:before {
  width: 100%;
  height: 100%;
 }
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::after {
  font-size: 0px !important;
}


.px_slider_v1 .et-pb-controllers a.et-pb-active-control {
  background: #ffff !important;	
}

.px_slider_v1 .et_pb_slide_content h2 {
   color: #fff;
 }
.px_slider_v1 .et-pb-controllers a {
  display: inline-block;
  background: var(--px-color-1) !important;
  text-indent: -9999px;
  border-radius: 7px;
  width: 12px;
  height: 12px;
  margin-right: 10px;
  padding: 0;
  opacity: 1 !important;
}

@media screen and (max-width: 980px){
.px_slider_v1 .et-pb-arrow-next{
opacity: 1 !important;
right: 22px !important;
}
.px_slider_v1 .et-pb-arrow-prev {
  left: 22px !important;
  opacity: 1 !important;
}	

.px_slider_v1_home .et-pb-arrow-next {
  right: 22px !important;
}
 }
/*---Slider v2 CSS---*/
/* -----------------------------------
  	11 Faqs CSS
-------------------------------------*/
/*---Faqs v1  CSS---*/
/*---Title CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {
padding-right: 30px !important;	
}
.px_faqs_v1 .et_pb_toggle {
  padding: 0px;
}

/*---Open Title CSS---*/
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {
  border-bottom: 1px solid #878c8f;
  position: relative;
}
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {
  padding: 20px;
}

.px_faqs_v1 .et_pb_toggle {}

/*---Open Title Icon CSS---*/

.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before {
  display: block !important;
  color: var(--px-color-1);
  right: 20px;
  content: "\4c" !important;
  font-size: 18px;
  font-weight: 600;
}

.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {

  content: "\4b" !important;
}

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

.px_faqs_v1 .et_pb_toggle_content p:last-of-type {
  padding: 20px 0px !important;
}
.px_faq_v1_title {}

/* Responsive CSS */
/* Below Screen 1080px */

@media only screen and (max-width: 1080px) {
  .px_faq_v1 .px_faq_v1_col1 .et_pb_module,
  .px_faq_v1 .px_faq_v1_col1 .et_pb_module .et_pb_image_wrap {
    height: 100%;
  }
.px_faq_v1 .px_faq_v1_col1 .et_pb_module .et_pb_image_wrap img {
    height: 100%;
    object-fit: cover;
  }
}

/* @media screen and ( max-width: 980px ) {
.px_faq_row{
        display: flex;
        flex-direction: column-reverse;
    }
}  */



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

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table {
	padding:40px 20px !important;
}
.px_pricing_dark .et_pb_pricing_table_wrap .et_pb_pricing_table {
  background-color: var(--px-color-1) !important;
}
.px_pricing_table .et_pb_pricing_content .et_pb_pricing li::before {
  content: "\4e" !important;
  position: absolute;
  top: 0;
  right: 0;
  font-family: ETmodules !important;
  font-weight: 400 !important;
  position: absolute;
  color: var(--px-color-2);
}

.px_pricing_table .et_pb_pricing_content .et_pb_pricing li{
padding: 0px 8px 15px !important;	
}

.px_pricing_dark .et_pb_pricing_content .et_pb_pricing li::before,
.px_pricing_tablepx_pricing_dark .et_pb_pricing_content .et_pb_pricing li:nth-child(1):before {
  color: #fff !important;
}
.px_pricing_table .et_pb_pricing_content .et_pb_pricing li:nth-child(1):before {
  content: "\4d" !important;
  position: absolute;
  top: 0;
  right: 0;
  font-family: ETmodules !important;
  font-weight: 400 !important;
  position: absolute;
/*   color: var(--px-color-2) !important; */
}
/* Heading CSS */
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title {
  padding-bottom: 0px; 
}

.px_pricing_dark .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title,
.px_pricing_dark .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_best_value {
  color: #fff !important;

}
/* Top Content Css */
.px_pricing_table .et_pb_pricing_content .et_pb_pricing {
padding: 15px 0px !important;	
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign {
  color: var(--px-color-2) !important;
  
}
 .px_pricing_table.px_pricing_dark .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign{
  color: #fff !important;
}
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum {}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency {
  display: block;
  color: var(--px-color-1) !important;
  line-height: 0.7em !important;

}
.px_pricing_dark .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency {
  color:#fff !important;

}

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

/* Bottom Content Css */
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content {}

/* Button Css */

.px_pricing_dark .et_pb_button_wrapper .et_pb_button {
  background-color: var(--px-color-2) !important;
  border: 1px solid var(--px-color-2) !important;
  color: #fff; 
}

.px_pricing_table .et_pb_button_wrapper .et_pb_button {

  background-color: var(--px-color-1);
  border: 1px solid var(--px-color-2);
  color: #fff; 

}
.px_pricing_table .et_pb_button_wrapper .et_pb_button::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0%;
  height: 0%;
  background: var(--px-color-2) !important;
  right: 0;
  z-index: -1;
  opacity: 1;
  display: block !important;
  transition: all 0.4s ease;
  border: none;
}

.px_pricing_table .et_pb_button_wrapper .et_pb_button:hover:before {
  width: 100%;
  height: 100%;
}
.px_pricing_table .et_pb_button_wrapper .et_pb_button::after {
  display: none;
}
.px_pricing_dark .et_pb_button_wrapper .et_pb_button{
color:#fff !important;	
}
.px_pricing_dark .et_pb_button_wrapper .et_pb_button:hover{
color:#000 !important;	
}
.px_pricing_dark .et_pb_button_wrapper .et_pb_button::before{
background:#fff !important;	
}


/* -----------------------------------
  	14 Testimonial Section CSS
-------------------------------------*/
/*---Testimonial v1  CSS---*/
.px_testimonial_v1::after {
  height: 0%;
  width: 100%;
  opacity: 1;
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--px-color-1);
  transition: all 0.4s;
  z-index: -1;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  display: block;
  visibility: visible;
}
.px_testimonial_v1:hover::after {
  height: 100%;
}
.px_testimonial_v1:hover {
  z-index: 1;
  color: #fff !important;
}

.px_testimonial_v1.et_pb_testimonial {
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px !important;	
}

.px_testimonial_v1.et_pb_testimonial:before {}

.px_testimonial_v1 .et_pb_testimonial_portrait {
  margin-bottom: 50px;
}

/*---Description---*/
.px_testimonial_v1 .et_pb_testimonial_description::after {
  content: "\e033\e033\e033\e033\e033";
  font-family: ETmodules !important;
  position: absolute;
  top: -35px;
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #ecb02d;
	display:block;
}


.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content {
	text-align:center;
}

/*---Author CSS---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {
  margin-top: 0px;
		text-align:center;

}

/*---Meta CSS---*/
.px_testimonial_v1:hover .et_pb_testimonial .et_pb_testimonial_meta {
  color: #fff !important;
}

.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_position {
		text-align:center;
}


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

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

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

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

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

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

.px_testimonial_v1:hover .et_pb_testimonial_description .et_pb_testimonial_content,
.px_testimonial_v1:hover .et_pb_testimonial_description .et_pb_testimonial_author,
.px_testimonial_v1:hover .et_pb_testimonial_description .et_pb_testimonial_company {
  color: #ffff !important;
}

/*slider CSS*/
.px_testimonial_v1 .px_testimonial_v1_slider_col {
/*   margin: 0px 10px !important; */
}

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

.px_testimonial_v1_slider .slick-dots li {
  margin: 0px;
}

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


.px_testimonial_v1_slider .px_testimonial_v1_slider_col {
  margin: 20px 10px !important;
}
/* Responsive CSS */
/* Below Screen 479px */
@media only screen and (max-width:479px) {
  .px_testimonial_v1_slider.et_pb_row .slick-track {
/*     width: 74vw !important; */
	  display: flex !important;
  }
}

/*---Testimonial v2  CSS---*/
.px_testimonial_v2 .et_pb_testimonial_description::after {
  content: "\7c";
  font-family: ETmodules !important;
  color: var(--px-color-1);
  position: absolute;
  right: 0;
  background: #f5f5f5;
  border-radius: 31px;
  z-index: 2;
  font-size: 50px;
  line-height: 50px;
  bottom: 7px;
  top: auto;
  opacity: 0.7;

}
/* -----------------------------------
  	15 About Us Section CSS
-------------------------------------*/
/*---About Us v1 CSS---*/
/* Hover CSS */
.px_aboutus_v1 .px_aboutus_v1_blurb_col::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0%;
  height: 0%;
  left: 0;
  right: 0;
  background: var(--px-color-1);
  z-index: -1;
  opacity: 1;
  border: 1px solid #878c8f;
  border-radius: 0px 45px 45px 0px;
  display: block !important;
  transition: all 0.4s ease;
}
.px_aboutus_v1 .px_aboutus_v1_blurb_col:hover::before {
  width: 100%;
  height: 100%;
  border-radius: 0px ;
  border: 0px ;
}
/* Image CSS */
.px_aboutus_v1 .px_about_blurb1 .et_pb_main_blurb_image {
/*   display: block;
  vertical-align: middle; */
}
/* Description CSS */
.px_aboutus_v1 .et_pb_blurb_container {
  padding-left: 12px;
  vertical-align: middle;
}
.px_aboutus_v1 .et_pb_blurb_container .et_pb_module_header {
  padding-bottom: 0px;
}

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


@media screen and ( max-width: 980px ) {
   .px_aboutus_v1.et_section_specialty > .et_pb_row {
        display: flex;
        flex-direction: column-reverse;
    }
} 
/* -----------------------------------
  	16 Choose Us Section CSS
-------------------------------------*/
/*---Choose Us main CSS---*/
.px_choose_main .px_choose_blurb {}
/* Icon CSS Start*/
.px_choose_main .px_choose_blurb .et_pb_main_blurb_image .et_pb_image_wrap {
background-color: #fff;
position: absolute;
bottom: 100%;
margin-bottom: -60px;
width: 70px;
height: 70px;
line-height: 80px;
text-align: center;
z-index: 1;
transition: all 900ms ease;
border: 3px solid #eef2ed;
} 
.px_choose_main .px_choose_col:hover .et_pb_main_blurb_image .et_pb_image_wrap {
  position: absolute;
  bottom: 0px;
  background-color: var(--px-color-1);
}
.px_choose_main .px_choose_blurb .et_pb_main_blurb_image .et_pb_image_wrap span {
  color: var(--px-color-1);
}
.px_choose_main .px_choose_col:hover .px_choose_blurb .et_pb_main_blurb_image .et_pb_image_wrap span {
  color: #fff;
}
/* Icon CSS End */
/* Button CSS */
.px_choose_main .px_choose_btn {
  background-color: var(--px-color-1) !important;
 }
.px_choose_main .px_choose_col:hover .px_choose_btn {
  visibility: visible;
}
/*---Choose Us v1 CSS---*/
@media only screen and (max-width:1080px) {
  .px_choose_v1 .px_choose_v1_row2 {
    position: absolute;
    right: -205px;
  }
}


/* -----------------------------------
  	18 Partner Section CSS
-------------------------------------*/
/*---Partner Us v1 CSS---*/
.px_partner_v1 .et_pb_column {
  border-right: 1px solid var(--px-color-1);
 }

.px_partner_v1 .et_pb_column:last-child {
  border-right: none;
}

.px_partner_v1 .et_pb_column:hover {
  background-color: var(--px-color-1);
}

.px_partner_v1 .et_pb_column:hover .px_partner_img img {
  filter:invert(100%);
}
/* Responsive CSS */
/* Below Screen 980px */
@media only screen and (max-width: 980px) {
  .px_partner_v1 .et_pb_column {
    border-right: 0px !important;
  }
}
/* Below Screen 480px */
@media only screen and (max-width: 480px) {
 .px_partner_v1 .et_pb_image_wrap  {
    width:100% !important;
  }
  .px_partner_v1 .et_pb_image_wrap img{
    width: 100% !important;
    max-width: 100% !important;
  }
  .px_partner_v1 .px_partner_img{
    margin-left:auto;
    }
}


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

.px_newsletter_v1 .et_pb_newsletter_field {
  margin-right: 2px;
}

.px_newsletter_v1 .et_pb_newsletter_fields {
  display: flex;
  flex-wrap: nowrap;
}

.px_newsletter_v1 .et_pb_newsletter_description {
  width: fit-content;
}
.px_newsletter_v1 .et_pb_newsletter_button_wrap .et_pb_button {
  
  background-color: var(--px-color-2) !important;
  color: var(--px-color-1);
border: 1px solid #fff !important;	
}

.px_newsletter_v1 .et_pb_newsletter_button_wrap:hover .et_pb_button {
  /* color: #fff !important; */
}

.px_newsletter_v1 .et_pb_newsletter_button_wrap .et_pb_newsletter_button span::before {
  content: "";
  position: absolute;
  bottom: 0% !important;
  width: 0%;
  height: 0%;
  background: var(--px-color-1) !important;
  right: 0%;
  z-index: -1;
  opacity: 1;
  display: block !important;
  transition: all 0.4s ease;
}
.px_newsletter_v1 .et_pb_newsletter_button_wrap:hover .et_pb_newsletter_button span:before {
  width: 100%;
  height: 100%;
}
.px_newsletter_v1 .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after {
  display: none; 
}

@media only screen and (max-width: 980px) {
  .px_newsletter_v1 .et_pb_newsletter_fields .et_pb_newsletter_button_wrap.et_pb_newsletter_button {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media only screen and (max-width: 480px){
  .px_newsletter_v1 .et_pb_newsletter_fields{
    display: block !important;
  }
}
/*---Newsletter v2 CSS---*/
.px_newsletter_v2 {}

/* -----------------------------------
  	23 CTA Section CSS
-------------------------------------*/
/*---CTA v1 CSS---*/
.px_CTA_v1 .px_CTA_text .et_pb_module_header {
  color:#fff !important;
 }
.px_CTA_v1::before {

}
/* Button CSS */
.px_CTA_v1 .px_CTA_text .et_pb_button {
 
  background-color: var(--px-color-2) !important;
  border: 1px solid var(--px-color-2);
 
}
.px_CTA_v1 .px_CTA_text .et_pb_button:hover {
  border: none;
}
.px_CTA_v1 .px_CTA_text .et_pb_button::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0%;
  height: 0%;
  background: var(--px-color-1);
  z-index: -1;
  opacity: 1;
  display: block !important;
  transition: all 0.4s ease;
}

.px_CTA_v1 .px_CTA_text .et_pb_button:hover:before {
  width: 100%;
  height: 100%;

}
.px_CTA_v1 .px_CTA_text .et_pb_button::after {
  display: none;
}


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


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

/* -----------------------------------
  	25 404 Page CSS
-------------------------------------*/
.px_404 p span::before {
  position: absolute;
  top: 30px;
  left: 47%;
  bottom: 0px;
  width: 50px;
  height: 2px;
  background: var(--px-color-1);
  content: "" !important;
}

/* -----------------------------------
  	26 Search Page CSS
-------------------------------------*/
.px_search .et_pb_searchform .et_pb_s {
  padding: 20px 35px !important;

}

.px_search .et_pb_searchform .et_pb_searchsubmit {
  background-color: var(--px-color-2);
  color: #fff;
  padding: 0px 22px;
}

.px_search .et_pb_module {
  border: 1px solid #dcdfe2;

}

.px_search .et_pb_searchform .et_pb_s:focus {
  /* border: 1px solid var(--px-color-2); */
  border: 1px solid var(--px-color-2);
  box-shadow: 0 0 0 2px var(--px-color-1);
}


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

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



/********** Mobile Menu Style1************/
 .et_divi_100_mm_m_style1 .et_pb_menu ul.et_mobile_menu {
    max-height: 80vh;
    overflow-y: auto;
}
  .et_divi_100_mm_m_style1 .mobile_menu_bar:before {color: var(--px-color-1)  !important;}
  /*change hamburger icon to x when mobile menu is open*/

.et_divi_100_mm_m_style1 #et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_divi_100_mm_m_style1 .et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}


/*adjust the new toggle element which is added via jQuery*/

.et_divi_100_mm_m_style1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et_divi_100_mm_m_style1 ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db.et_divi_100_mm_m_style1 #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db.et_divi_100_mm_m_style1 #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}


/*some code to keep everyting positioned properly*/

.et_divi_100_mm_m_style1 ul.et_mobile_menu>li.menu-item-has-children,
.et_divi_100_mm_m_style1 ul.et_mobile_menu>li.page_item_has_children,
.et_divi_100_mm_m_style1 ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}


/*remove default background color from menu items that have children*/

.et_divi_100_mm_m_style1 .et_mobile_menu .menu-item-has-children>a,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*hide the submenu by default*/

.et_divi_100_mm_m_style1 ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et_divi_100_mm_m_style1 #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et_divi_100_mm_m_style1.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}


/*show the submenu when toggled open*/

.et_divi_100_mm_m_style1 ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et_divi_100_mm_m_style1 #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et_divi_100_mm_m_style1.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

.et_divi_100_mm_m_style1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}


/*submenu toggle icon when closed*/

.et_divi_100_mm_m_style1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color:  var(--black);
	background:  var(--white);
	border-radius: 50%;
	padding: 3px;
}


/*submenu toggle icon when open*/

.et_divi_100_mm_m_style1 ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\4d';
}


/*adjust the position of the hamburger menu*/

.et_divi_100_mm_m_style1 .mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 5px;
	line-height: 0;
}
.et_divi_100_mm_m_style1 .et_pb_menu .et_mobile_menu{border-top: 3px solid var(--px-color-1);}

/*force the background color and add a rounded border*/

.et_divi_100_mm_m_style1 .et_pb_menu .et_mobile_menu,
.et_divi_100_mm_m_style1 .et_pb_menu .et_mobile_menu ul {
	background-color: var(--white) !important;
	border-radius: 10px;
}