/*
Theme Name:  Divi Engineering And Machinery Business Child Theme
Theme URI:   https://divi-professional.com/
Description: Divi Engineering And Machinery Business Theme is Ultra Responsive WordPress Theme suitable for all types of Construction, Engineering, Industrial, Renovation, Architecture, Factory and any Handyman service websites.
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---*/
.px_title .et_pb_text_inner h2 {
  color: var(--px-color-2);
  font-weight: 700;
  line-height: 50px;
  font-size: 40px;
}

.px_subtitle .et_pb_text_inner h5 {
  color: var(--px-color-1);
  font-weight: 600;
  font-size: 16px;
}

.px_subtitle .et_pb_text_inner h5 span {
  position: relative;
  padding-left: 15px;
}

.px_subtitle .et_pb_text_inner h5 span::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: var(--px-color-1);
  position: absolute;
  left: 0;
  top: 0px;
}

@media only screen and (max-width: 767px) {
.px_title .et_pb_text_inner h2 {
  font-weight: 700;
  line-height: 35px;
  font-size: 30px !important;
}
 }


/*---Button CSS---*/
.px_btn {
  background-color: var(--px-color-1) !important;
	z-index: 0;
}

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

.px_btn:hover:before {
  width: 100%;
  height: 100%;
  border-color: var(--px-color-2) !important;
}

.px_btn.light {}

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

/*---Breadcrumbs Title CSS---*/
#dpprof_breadcrumbs .separator{font-size:20px;color:var(--white);font-weight:100;}
#dpprof_breadcrumbs{
	overflow:hidden;
	text-align: left;
	list-style:none;
	padding: 0;
}
#dpprof_breadcrumbs li{
	margin-right:14px;
	display:inline-block;
/* 	vertical-align:middle; */
}
#dpprof_breadcrumbs a{color :var(--px-color-1);font-size: 18px;}
#dpprof_breadcrumbs .bread-home:before{content:'\e009';font-family:ETmodules;  font-size: 18px; margin-right: 8px;} 
#dpprof_breadcrumbs .item-current{color :var(--white);font-size: 18px;}
.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
-------------------------------------*/
.px_header_v1 .px_h_info .et_pb_blurb_container {
vertical-align: middle;
padding-left: 0px !important;
}
.px_header_v1 .px_h_info .et_pb_blurb_container .et_pb_module_header{
padding-bottom:0px !important;	
}

/*---Menu + Sub Menu CSS---*/
.px_h_menu.et_pb_menu nav ul li a {
  padding: 15px 10px;
}

.px_h_menu.et_pb_menu nav ul li {
  padding: 0px 5px;
}

/*---Main Menu CSS---*/
/*---Sub Menu CSS---*/
.px_h_menu.et_pb_menu ul li ul li a {
  background-color: #fff;
  transition: all 0.4s !important;
}


.px_h_menu.et_pb_menu ul li a:hover{
color: var(--px-color-1) !important;	
opacity:1 !important;	
}
.px_h_menu.et_pb_menu ul li ul li {
  border-bottom: 1px solid rgba(0,0,0,.10);
}

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

.px_h_menu.et_pb_menu ul li ul {
  padding: 0px;
}


.px_h_menu.et_pb_menu nav li ul li ul {
  top: -3px !important;
}

.px_h_menu.et_pb_menu ul li ul li {
  padding: 0px;
  width: 100%;
}

.px_h_menu.et_pb_menu ul li ul li a {
  width: 100%;
}

.px_h_menu.et_pb_menu .et_pb_menu__menu ul li ul li a:hover {
  background: var(--px-color-1);
  padding-left: 30px;
}

.px_h_menu.et_pb_menu .et_pb_menu__menu ul li ul li a::before {
  position: absolute;
  top: 30px;
  left: 5px;
  width: 10px !important;
  height: 2px !important;
  background: #fff;
  content: "" !important;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;

}

.px_h_menu.et_pb_menu .et_pb_menu__menu ul li ul li a:hover::before {
  opacity: 1;
  visibility: visible;
}

/*---Header Common Info Css---*/

.px_small_blurb_info .et_pb_blurb_content .et_pb_blurb_container h4 {
  padding-bottom: 6px;
}


/*---Header v1  CSS---*/
.px_header_v1 .px_h_top_row .et_pb_column,
.px_header_v1 .px_header_bottom_v1_row .et_pb_column {
  margin-bottom: 0px !important;
}

.px_header_v1 .et_pb_row {
  position: relative;
}

.px_header_v1 .px_h_info .et_pb_blurb_content .et-waypoint {
  color: var(--px-color-1);
}

/* Social Icon CSS */
.px_header_v1 .px_h_social li{
margin-bottom:0px !important;	
}
.px_header_v1 .px_h_social li a {
  background-color: #fff !important;
  transition: all 0.4s;
}

.px_header_v1 .px_h_social li a:hover {
  background-color: var(--px-color-1) !important;
}

.px_header_v1px_header_bottom_v1 .px_h_menu {
  border-top: 3px solid var(--px-color-1) !important;
}

/* Responsive CSS */
/* Below Screen 1180px */
@media only screen and (max-width: 1180px) {
  .px_h_menu.et_pb_menu nav ul li a {
    padding: 8px 10px;
  }
}

/* Below Screen 1120px */
@media only screen and (max-width: 1120px) {
  .px_header_bottom_v1 .et_pb_menu__icon {
    bottom: 0;
    position: absolute;
    top: -40px;
    right: 0;
  }
}

/* Below Screen 1024px */
@media only screen and (max-width: 1024px) {
  .px_header_bottom_v1 .et_pb_menu__icon {
    display: none;
  }
}

/* Below Screen 980px */
@media only screen and (max-width: 980px) {
  .px_header_bottom_v1 .px_header_bottom_v1_row {
    display: block;
  }
}


/* -----------------------------------
    03. Footer Section CSS
-------------------------------------*/

/*---Footer v1  CSS---*/

.px_footer_title .et_pb_text_inner h3 span{
  position: relative;
  padding-left: 15px;
}

/* .px_footer_title::before {
  content: "" !important;
  width: 3px;
  height: 100%;
  background-color: var(--px-color-1);
  position: absolute;
  left: 0;
  top: 0px;
} */


.px_footer_title .et_pb_text_inner h3 span{
  position: relative;
  padding-left: 15px;
}

.px_footer_title .et_pb_text_inner h3 span::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: var(--px-color-1);
  position: absolute;
  left: 0;
  top: 0px;
}


.px_footer_bottom .et_pb_text_2_tb_footer {
  padding-left: 0px !important;
}


/* -----------------------------------
     04. Sidebar CSS
-------------------------------------*/
/* SideBar Search Button CSS */
.px_sidebar .et_pb_widget #searchsubmit {
  background: var(--px-color-1);
  color: #fff;
  transition: all 0.7s;
  border: none;
}

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

/* Sidebar CSS */
.px_sidebar .et_pb_widget {
  padding: 30px;
  background: #fff;
  border: 1px solid #ebebeb;
}

/* Sidebar Title CSS */
.px_sidebar .et_pb_widget .widgettitle {
  position: relative;
  padding-left: 10px;
}

.px_sidebar .et_pb_widget .widgettitle::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: var(--px-color-1);
  position: absolute;
  left: 0;
}

/* Sidebar Categories CSS */
.px_sidebar .widget_categories ul li a {
  position: relative;
  padding-left: 15px;
}

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

.px_sidebar .widget_categories ul li a::before {
  content: "\45";
  font-family: ETmodules !important;
  font-size: 14px;
  color: var(--px-color-2);
  position: absolute;
  left: 0;
}

/* Sidebar Tag CSS */
.px_sidebar .tagcloud a {
  padding: 10px 20px;
  margin-bottom: 10px;
  background-color: var(--px-color-2);
  color: #fff;
  transition: all 0.4s;
}

.px_sidebar .tagcloud a:hover {
  background-color: var(--px-color-1);
}

/* -----------------------------------
     05. Blog CSS
-------------------------------------*/
/*---Blog Grid CSS & 3 Columns CSS ---*/

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

.px_blog_v1 .et_pb_post .et_pb_image_container {
  margin: 0;
}

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

.px_blog_v1 .et_pb_post .entry-featured-image-url img {
  transition: all 0.9s;
  transform: scale(1);
}

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

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

/*---Title  CSS---*/
.px_blog_v1 .et_pb_post .entry-title a{
color:#000 !important;	
transition:all 0.4s ease;	
}
.px_blog_v1 .et_pb_post:hover .entry-title a{
color: var(--px-color-1) !important;
}

/*---Post Meta  CSS---*/
.px_blog_v1 .px_blog_v1_info {
position: relative;
padding: 25px;
box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
display: flex;
flex-direction: column-reverse;	
}
.px_blog_v1 .et_pb_post .px_blog_v1_info .entry-title{
  order: 1;
}

.px_blog_v1 .et_pb_post .px_blog_v1_info .post-meta {
order: 1;
}
.px_blog_v1 .et_pb_post {
  position: relative;
}

.px_blog_v1 .et_pb_post .px_blog_v1_info .post-meta a::before {
  position: absolute;
   content: "\e07c";
  font-family: ETmodules;
  color: var(--px-color-1);
  left: 0px; 
  font-weight: 100;
  font-size: 15px;
}
.px_blog_v1 .et_pb_post .px_blog_v1_info .post-meta a[rel="tag"] {
position: relative;
padding-left: 20px;
padding-right: 30px;
font-size: 15px;
transition: all 0.4s;
  color: var(--px-color-2) !important;		
}
.px_blog_v1 .et_pb_post .px_blog_v1_info .post-meta a:hover[rel="tag"] {
  color: var(--px-color-1) !important;		
}




.px_blog_v1 .et_pb_post .post-meta .published {
  background: var(--px-color-1);
  padding: 10px 20px 10px 40px;
  position: absolute;
  right: 15px;
  bottom: auto;
  display: inline-block;
  top: -60px;
  color: #fff;
  border-radius: 5px;
}

.px_blog_v1 .et_pb_post .post-meta .published::before {
font-size: 18px;
right: 0px;
color: #fff;
font-family: ETmodules !important;
font-weight: 400 !important;
content: "\7d" !important;
position: absolute;
left: 5px;
line-height: 25px;
padding-left: 10px;

}

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

}

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

/*---Read More Button CSS---*/

.px_blog_v1 .et_pb_post .post-content .more-link {
  background-color: var(--px-color-1);
  padding: 10px 20px;
  color: #fff;
  display: inline-block;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.px_blog_v1 .et_pb_post .post-content .more-link:before {
  content: "" !important;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: var(--px-color-2) !important;
  z-index: -1;
  opacity: 1;
  display: block !important;
  transition: all 0.4s ease;
}

.px_blog_v1 .et_pb_post .post-content .more-link:hover:before {
  height: 100%;
  border-color: var(--px-color-2) !important;
}

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

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


.px_blog_v1 .pagination .alignleft a,
.px_blog_v1 .pagination .alignright a {
background-color: var(--px-color-1) !important;
z-index: 0;
display: block;
padding: 10px;
color: #fff;
overflow: hidden;
position: relative;	
}

.px_blog_v1 .pagination .alignleft a::before, 
.px_blog_v1 .pagination .alignright a::before {
  content: "" !important;
  position: absolute;
  bottom: 0;
  left: 0px;
  width: 100%;
  height: 0%;
  background: var(--px-color-2) !important;
  z-index: -1;
  opacity: 1;
  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-color: var(--px-color-2) !important;
}


/*---Blog Grid 2 Columns CSS---*/
.px_blog_grid_2_col .et_pb_ajax_pagination_container {
display: grid;
grid-gap: 30px;
grid-template-columns: repeat(2, 48.45%);
}

/* Responsive CSS */
/* Below Screen 800px */
@media only screen and (max-width:800px) {
  .px_blog_grid_2_col .et_pb_ajax_pagination_container {
    grid-template-columns: repeat(1, 100%);
  }
}

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

/* Responsive CSS */
/* Below Screen 1140px */
@media only screen and (max-width:1140px) {
  .px_blog_grid_4_col .et_pb_ajax_pagination_container {
    grid-template-columns: repeat(2, 48%);
  }
}

/* Below Screen 780px */
@media only screen and (max-width:780px) {
  .px_blog_grid_4_col .et_pb_ajax_pagination_container {
    grid-template-columns: repeat(1, 100%);
  }
}

/* Blog Listing CSS */
.px_blog_list .et_pb_post {
margin-bottom: 30px !important;
position: relative;
display: flex;
flex-direction: row-reverse;
justify-content: flex-start;
}


.px_blog_list .entry-featured-image-url {
width: 100%;
order: 2;
}
.px_blog_list .entry-featured-image-url img {
height:100% !important;
}

.px_blog_list .px_blog_v1_info {
position: relative;
padding: 25px;
box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
display: flex;
flex-direction: column-reverse;
}

.px_blog_list .px_blog_v1_info .entry-title {
  order: 1;
}

.px_blog_list .px_blog_v1_info .post-meta {
  order: 2;
}

.px_blog_list .et_pb_post .px_blog_v1_info .post-meta .published {
  background: var(--px-color-1);
  padding: 10px 20px 10px 40px;
  position: relative !important;
  display: inline-block;
  top: 0 !important;
  color: #fff;
  border-radius: 5px;
 right:0px;	
}

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


/* Blog Single Page CSS */
/* Title CSS */
.px_blog_single .px_single_post_title .entry-title{
  padding-top: 10px;
}
.px_blog_single .px_single_post_title a[rel="category tag"] {
  position: absolute;
  top: -25px;
  left: 0;
  background: var(--px-color-1);
  color: #fff;
  padding: 1px 15px;
  display: inline-block;
  border: 1px solid var(--px-color-1);
  border-radius: 2px;
}

.px_blog_single .px_single_post_title .author.vcard {
padding: 0px 25px !important;
}

.px_blog_single .px_single_post_title .author.vcard::before {
  font-size: 18px;
  color: var(--px-color-1);
  font-family: ETmodules;
  font-weight: 900;
  content: "\e026";
  position: absolute;
  left: 0px;
}

.px_blog_single .px_single_post_title .published {
  position: relative;
   padding: 0px 25px !important;  
}

.px_blog_single .px_single_post_title .published::before {
  font-size: 18px;
  color: var(--px-color-1);
  font-family: ETmodules;
  font-weight: 900;
  content: "\7d";
  position: absolute;
  left: 0px;
}

/* Comment CSS */
.px_blog_single .px_single_post_title .comments-number {
  position: relative;
  padding: 0px 25px;
}

.px_blog_single .px_single_post_title .comments-number::before {
  font-size: 18px;
  color: var(--px-color-1);
  font-family: ETmodules;
  font-weight: 900;
  content: "\77";
  position: absolute;
  left: 0px;
}

/* Scoial Icon CSS */
.px_blog_single .px_blog_d_social::before {
  content: "Share Link";
  font-weight: 700;
  color: #000;
  margin-right: 20px;
  font-size: 14px;
}

/* Description CSS */
.px_blog_single .px_blog_blurb .et_pb_blurb_container {
  display: flex;
  align-items: center;
}

.px_blog_single .px_blog_blurb .et_pb_blurb_description a {
  color: #000 !important;
}

.px_blog_single .px_blog_blurb .et_pb_blurb_description a:hover {
  color: var(--px-color-1) !important;
}

/* Postnevigation CSS */
.px_blog_single .px_nav .nav-previous:hover .meta-nav,
.px_blog_single .px_nav .nav-previous:hover .nav-label,
.px_blog_single .px_nav .nav-next:hover .meta-nav,
.px_blog_single .px_nav .nav-next:hover .nav-label {
  color: var(--px-color-1) !important;
}

/* Comment CSS */

.px_blog_single .px_post_comment .comment-respond .comment-form p a {
  color: var(--px-color-2) !important;
}

.px_blog_single .px_post_comment #commentform {
  padding-bottom: 20px !important;
}


.px_blog_single .px_post_comment .reply-container a {
  position: absolute;
  width: fit-content;
  color: var(--px-color-1);
  background: transparent !important;
}

.px_blog_single .px_post_comment .commentlist .comment-body .comment-edit-link, 
.px_blog_single .px_post_comment .comment-respond .comment-form .logged-in-as a {
  color: var(--px-color-2);
}

.px_blog_single .px_post_comment .comment_postinfo .fn {
  display: flex !important;
}

/* Submit Comment CSS */
.px_blog_single .submit {
  background-color: var(--px-color-1);
  color: #fff !important;
  border: 1px solid #fff;
  padding: 10px 35px !important;
}

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

.px_blog_single .submit:hover:before {
  width: 100%;
  height: 100%;
  border-color: var(--px-color-2) !important;
}

.px_blog_single .submit::after {
  display: none !important;
}


/* Blog Post CSS */
.px_blog_single .px_recent_blog {
  padding: 30px;
  background: #fff;
  border: 1px solid #ebebeb;
}

.px_blog_single .px_recent_blog .et_pb_post {
  padding: 0px;
  margin: 0px;
}

.px_blog_single .px_recent_blog .et_pb_post img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  float: left;
  margin-right: 15px;
  border: 1px solid #000;
  border-radius: 5px;
}

.px_blog_single .px_recent_blog .published {
  color: var(--px-color-1);
  display: block;
}

.px_blog_single .px_blog_detail_title p {
  position: relative;
  padding-left: 10px;
}

.px_blog_single .px_blog_detail_title p::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: var(--px-color-1);
  position: absolute;
  left: 0;
}

/* Testimonial CSS */
.px_blog_d_testimonial::before {
  left: 45px;
  top: 15px;
  font-size: 25px;
  color: var(--px-color-1) !important;	
}

.px_blog_d_testimonial p {
  padding: 0px !important;
}

/* ------
-----------------------------
     06. Portfolio CSS
-------------------------------------*/
/*---Portfolio Gallary CSS & 4 Columns CSS ---*/
.px_portfolio_v1 .et_pb_portfolio_item {
  background-color: #fff !important;
  box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.3);
 	padding-bottom: 18px !important;
}

/* Image Css */
.px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image {}

.px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img {
/* margin-bottom: auto !important; */
}

/* Overlay  Css */

.px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image .et_overlay:before {
  left: 0;
  top: 50%;
  right: 0;
  opacity: 0;
  font-size: 25px;
  text-align: center;
  position: absolute;
  color: var(--px-color-1);
  transform: scale(1) translate3d(0px, -30px, 0px);
  transition: all 1.2s;
}

.px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image:hover .et_overlay::before {
  opacity: 1;
  transform: scale(1) translate3d(0px, 0px, 0px);
}

/* Title Css */
.px_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {
/* padding: 12px; */
color: #000000 !important;
transition: all 0.3s ease-out !important;
  transition-delay: 0s;
transition-delay: 0.2s !important;
/* margin-top: 4px !important; */
padding: 8px 12px 0px;	
}

.px_portfolio_v1 .et_pb_portfolio_item:hover .et_pb_module_header {
color: var(--px-color-1) !important;
}



.px_portfolio_v1 .et_pb_portfolio_item .post-meta a {
color: var(--px-color-1) !important;	
}

/* Responsive CSS */
/* For Below Screen 767px */
@media only screen and (max-width:767px) {
  .px_portfolio_v1 .et_pb_portfolio_filters .clearfix .et_pb_portfolio_filter {
    width: 100%;
    padding:0px;
  }

.px_portfolio_v1 .et_pb_portfolio_filters {
  margin-bottom: 15px !important;
}	
 }

/* 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 {
  grid-template-columns: repeat(1, 100%);
  }
}
@media (max-width: 479px){
.px_portfolio_v1 .et_pb_portfolio_item{
  margin-bottom: 10px !important;
}
 }
/* 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 767px */
@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, 23.78%);
  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;
  }
}



/* Filters Links CSS */
.px_portfolio_v1 .et_pb_portfolio_filters {
display: flex;
justify-content: center;	
}

.px_portfolio_v1 .et_pb_portfolio_filters li {
	padding-left: 15px;
}

.px_portfolio_v1 .et_pb_portfolio_filters li a {

}

/*Hover & Active Filter Links*/

.px_portfolio_v1 .et_pb_portfolio_filters li a {
  transition: all 0.4s;
text-align:center;
  padding: 10px 25px;
  margin-bottom: 15px;	
	border: none;
	background-color: #FFF;
box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.3);	
	
	
}

.px_portfolio_v1 .et_pb_portfolio_filters li a:hover,
.px_portfolio_v1 .et_pb_portfolio_filters lI a.active {
  background-color: var(--px-color-1);
  color: #fff !important;
}

/* Pagination CSS */
.px_portfolio_v1 .pagination {
grid-column: 1 / -1;
  overflow: hidden;	
}
.px_portfolio_v1 .et_pb_portofolio_pagination {
  border: none !important;
  margin-top: 30px !important;
}

.px_portfolio_v1 .et_pb_portofolio_pagination ul {}

.px_portfolio_v1 .et_pb_portofolio_pagination ul li {
padding: 5px !important;	
}

.px_portfolio_v1 .et_pb_portofolio_pagination ul li a {
background-color: var(--px-color-1);
padding: 8px 15px;
border-radius: 3px;
color: #fff !important;
transition: 0.7s !important;	
}

.px_portfolio_v1 .et_pb_portofolio_pagination ul li a:hover {
background-color: var(--px-color-2);	
}
.px_portfolio_v1 .et_pb_portofolio_pagination ul li a.active {
  color: #fff !important;
  background-color: var(--px-color-2);
}


.px_portfolio_v1 .pagination .alignleft a, 
.px_portfolio_v1 .pagination .alignright a{
background-color: var(--px-color-1) !important;
z-index: 0;
display: block;
padding: 10px;
color: #fff;
overflow: hidden;
position:relative;	
}

.px_portfolio_v1 .pagination .alignleft a:before, 
.px_portfolio_v1 .pagination .alignright a::before {
  content: "" !important;
  position: absolute;
  bottom: 0;
  left: 0px;
  width: 100%;
  height: 0%;
  background: var(--px-color-2) !important;
  z-index: -1;
  opacity: 1;
  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-color: var(--px-color-2) !important;	
}



/* Portfolio Single Page CSS */
/* Button CSS */
.px_Protfolio_details .px_Protfolio_details_button .et_pb_button_module_wrapper .et_pb_button {
  padding-left: 18px !important;
}

/* Postnevigation CSS */
 .px_portfolio_single_post_navi {
  width: 100% !important;
  max-width: 100% !important;
  	transition: all 500ms ease !important;	 
}

 .px_portfolio_single_post_navi .nav-previous .meta-nav, 
 .px_portfolio_single_post_navi .nav-next .meta-nav  {
padding: 12px;
color: #fff;
transition: all 500ms ease !important;
background: var(--px-color-2);
}
.px_portfolio_single_post_navi .nav-previous:hover .meta-nav, 
.px_portfolio_single_post_navi .nav-next:hover .meta-nav {
  color: #fff!important;
background: var(--px-color-1);
}
.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;	
}
.px_portfolio_single_post_navi .nav-previous:hover .nav-label, 
.px_portfolio_single_post_navi .nav-next:hover .nav-label {
  color: var(--px-color-1) !important;

}
.px_portfolio_single_post_navi .nav-previous .nav-label {
  padding-left: 20px;
}

/* Image CSS */
.px_Protfolio_details .px_porfolio_d_img,
.px_Protfolio_details .px_porfolio_d_img .et_pb_image_wrap {
  height: 100%;
}

.px_Protfolio_details .px_porfolio_d_img .et_pb_image_wrap img {
  height: 100%;
  object-fit: cover;
}

/* Responsive CSS */
/* Below Screen 980px */
@media only screen and (max-width:980px) {

  .px_portfolio_single .px_img,
  .px_portfolio_single .px_img .et_pb_image_wrap {
    width: 100%;
  }

  .px_portfolio_single .px_img .et_pb_image_wrap img {
    width: 100%;
    max-width: 100%;
  }

  .px_Protfolio_details .px_img_port_d,
  .px_Protfolio_details .px_img_port_d .et_pb_image_wrap {
    width: 100%;
    max-width: 100%;
  }

  .px_Protfolio_details .px_img_port_d .et_pb_image_wrap.et_pb_image_wrap img {
    width: 100%;
    object-fit: cover;
  }
}

/* -----------------------------------
    07. Services CSS
-------------------------------------*/
/*---Services v1 CSS---*/
.px_services_v1 .px_services_v1_col1 .px_services_v1_blurb {
  top: calc(50% - 25px);
  opacity: 0;
  margin-top: 15px;
  transition: all 0.9s;
}

.px_services_v1 .px_services_v1_col1:hover .px_services_v1_blurb,
.px_services_v1 .px_services_v1_col1:hover .px_btn {
  opacity: 1;
  margin-top: 0px;
}

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

.px_services_v1 .px_services_v1_img_main .et_pb_image_wrap {
overflow: hidden;
height: 320px !important;
object-fit: cover;
	
}

.px_services_v1 .px_services_v1_img_main .et_pb_image_wrap img {
  transform: scale(1.2);
  transition: all 1.2s;
height: 320px !important;
object-fit: cover;	
}

.px_services_v1 .px_services_v1_col1:hover .px_services_v1_img_main .et_pb_image_wrap img {
  transform: scale(1.5);
  filter: brightness(0.5);
}

/* Description CSS */
.px_services_v1 .px_services_v1_col1:hover .px_service_v1_title p {
  color: var(--px-color-1);
  transition: all 1.2s;
}

/* Title CSS */
.px_services_v1 .px_service_title h2 {
  color: #fff !important;
}

/* Button CSS */
.px_services_v1 .px_btn {}

/* Responsive CSS */
/* Below Screen 980px */
@media only screen and (max-width:980px) {
  .px_services_v1 .px_services_v1_img_main .et_pb_image_wrap {
    width: 100% !important;
    max-width: 100%;
  }

  .px_services_v1 .px_services_v1_img_main .et_pb_image_wrap img {
    width: 100%;
    max-width: 100%;
    object-fit: cover;
  }

  .px_services_v1 .px_services_v1_col1 .px_services_v1_blurb {
    top: calc(50% - 55px);
  }
}


/*Description Css */
.px_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description a {
  color: #fff;
  cursor: pointer;
}

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

/*---Services v2  CSS---*/
.px_services_v2 .px_service_v2_burb .et_pb_blurb_container .et_pb_blurb_description h4 {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  line-height: 25px;
}

.px_services_v2 .px_process_img{
  height: 100% !important;	
}
.px_services_v2 .px_process_img .et_pb_image_wrap {
  height: 100% !important;
}

.px_services_v2 .px_process_img .et_pb_image_wrap img {
  height: 100% !important;
  object-fit: cover;
}

/*---Services Single Page CSS---*/
.px_services_single {}
.px_services_single .px_service_detail_title::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: var(--px-color-1);
  position: absolute;
  left: 25px;
}
/*-----------Service Btn ------------*/
.px_service_btn{}
.px_service_btn {
  background-color: #fff !important;
  color:#000!important
}
.px_service_btn:hover {
  color:#fff!important
}
.px_service_btn:after{
right: 18px !important;
}
.px_service_btn:before{
 background-color: var(--px-color-1) !important;
}
/*--------Active Btn-----------*/
.px_service_btn_active{
color:#fff !important;
}
.px_service_btn_active::before {
  width: 100%;
  height: 100%;
  border-color: var(--px-color-2) !important;
}
.px_service_blurb_info .et-pb-icon{
color: var(--px-color-1) !important;
}
/*-----Gallery-----*/
.px_service_gallery .et_pb_gallery_items {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(3,1fr);
}
.px_service_gallery .et_pb_grid_item {
margin-bottom: 0 !important;	
}/*-----------980 Below---------*/
@media only screen and  (max-width: 980px) {
.px_service_gallery .et_pb_grid_item{
    margin: auto !important;
    width: auto !important;
  }
}
/*---------Servive Detail Desciption--------*/
.px_service_detail_des .et_pb_text_inner span{
color: var(--px-color-1) !important;
 text-decoration-line: underline;	
}
/* -----------------------------------
    08. Contact Us CSS
-------------------------------------*/
/*---Contact Us v1  CSS---*/
.px_contact_blurb_info .et-pb-icon{
color: var(--px-color-1) !important;
}
.px_contact_blurb_info:hover .et-pb-icon{
animation: bounceIn 1500ms ease 0s;
}
.px_contact_blurb_info:before{
 content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 4px solid var(--px-color-1) !important;
  opacity: 0;
  visibility: hidden;
  transform: rotate3d(0,0,1,45deg)scale3d(1,0,1);;
  transform-origin: 50% 50%;
  transition: opacity .35s,transform .35s;
}
.px_contact_blurb_info:hover:before{
opacity: 1;
height: 4px;
visibility: visible;
transform: rotate3d(0,0,1,0)scale3d(1,1,1);
}

 .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 .et_pb_contact_message {
  border: 1px solid #3434341f !important;
}

 .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 .et_pb_contact_message:focus {
  border-color: var(--px-color-1) !important;

}

/*---Button CSS---*/
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container {
	float: left !important;
}
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_submit {
  background-color: var(--px-color-1) !important;
	z-index: 0;
}
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_submit:before {
  content: "" !important;
  position: absolute;
  bottom: 0;
  left: 32px;
  width: 100%;
  height: 0%;
  background: var(--px-color-2) !important;
  z-index: -1;
  opacity: 1;
  display: block !important;
  transition: all 0.4s ease;
}
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_submit:hover:before {
  width: 100%;
  height: 100%;
  border-color: var(--px-color-2) !important;
}


/* -----------------------------------
    09. Team Section CSS
-------------------------------------*/
/*---Team v1  CSS---*/
.px_team_v1 {
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 11px 0px !important;	
}

.px_header_v1 .px_h_social li a {}

.px_header_v1 .px_h_social li a.icon:hover::before {
color: #fff !important;	
}

.px_team_v1_row .et_pb_column {
  margin-right: 0px !important;
  padding-bottom: 50px;
  padding-left: 15px;
  padding-right: 15px;
}

/* Slide Arrow CSS  */
.px_team_v1_row .slick-arrow::before {
  color: #fff !important;
}

.px_team_v1_row .slick-next.slick-arrow::before {
  content: "\35";
  font-family: etmodules;
}

.px_team_v1_row .slick-prev.slick-arrow::before {
  content: "\34";
  font-family: etmodules;
}

.px_team_v1_row .slick-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  background-color: var(--px-color-1);
  border-radius: 50%;
  font-weight: 500;
}

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

.px_team_v1_row .slick-next.slick-arrow {
  right: -35px;
}

.px_team_v1_row .slick-prev.slick-arrow {
  left: -35px;
}

/* Image Css */
.px_team_v1 .et_pb_team_member_image {
  width: 100%;
  max-width: 100%;
}

.px_team_v1 .et_pb_team_member_image img {
  width: 100%;
  object-fit: cover;
}


/* Description Css*/
.px_team_v1 .et_pb_team_member_description {
  padding: 25px 0px;
}


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

/* Social Links Css*/

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li {
  margin-right: 5px !important;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a {
  transition: all 0.4s;
  color: #fff;
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  font-size: 12px;
  position: relative;
  z-index: 999;
  margin: 5px 0;
  width: 35px;
  height: 35px;
    background-color: var(--px-color-1) !important;
  line-height: 35px;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover {
  background-color: var(--px-color-2) !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-1) !important;
}

/* Responsive CSS */
/* For Below Screen 479px */
@media only screen and (max-width:479px) {
  .px_team_v1_row .et_pb_column {
    width: 80vw !important;
  }
}

/*---Team Single Page CSS---*/
.px_team_single > .et_pb_row {
  background: #f2f3f5;
  align-items: center;	
}
.px_team_single .px_team_image .et_pb_image_wrap {
  width: 100% !important;
}
.px_team_single .px_team_image .et_pb_image_wrap img {
  width: 100% !important;
}
.px_team_single .px_team_des_info .et_pb_text_inner h4{
line-height: 1.3em !important;
}
.px_team_single .px_team_des_info .et_pb_text_inner span{
font-weight: 300 !important;
color: #666;	
}

@media screen and ( max-width: 480px ) {
    .px_team_des_row {
        display: flex;
        flex-direction: column-reverse;
    }
} 

/**social icon****/
.px_social_icon li a.icon {
  background-color: transparent !important;
}
.px_social_icon.et_pb_social_media_follow li a {
	margin-right: 20px !important;
}
.px_social_icon li.et_pb_social_icon a.icon::before {
color: #666 !important;
font-size: 14px;
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 5px;
margin-right: 9px;
border: 1px solid #e7e7e7;
}
.px_social_icon li.et_pb_social_icon a.icon:hover::before {
    color: #fff !important;
  background: var(--px-color-1);
  border: 1px solid var(--px-color-1);	 
}
/*---------- Team skill ----------*/
.px_bar_counter_team_skil .et_pb_counter_container .et_pb_counter_amount_number_inner {
  color: #000 !important;
}
/* -----------------------------------
    10 Slider Section CSS
-------------------------------------*/
/*---Slider v1  CSS---*/
/* Description CSS */
.px_slider_v1 .et_pb_slider_container_inner {
 display: block; 
width: 100%;
max-width: 665px;
margin: 120px 0px !important;
}

.px_slider_v1 .et_pb_slider_container_inner .et_pb_slide_description {
/*   display: block; */
  background-color: rgba(255, 255, 255, 0.84);
  color: rgb(255, 255, 255);
  border-top: 20px solid var(--px-color-1);
    padding: 8% 8% !important;	
}



.px_slider_v1 .et_pb_slider_container_inner .et_pb_slide_content p {
  text-shadow: none;
  color: rgb(102, 102, 102) !important;
}


/* Responsive CSS */
/* For Below Screen 980px */
@media screen and (max-width:980px) {
  .px_slider_v1 .et_pb_slider_container_inner {
    width: auto;
  }

  .px_slider_v1 .et_pb_container {
    width: unset !important;
  }
.px_slider_v1 .et-pb-arrow-prev {
  left: 22px !important;
  opacity: 1 !important;
}
.px_slider_v1 .et-pb-arrow-next {
  opacity: 1 !important;
  right: 22px !important;
}	
 }
@media only screen and (max-width: 767px) {
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h2 {
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 36px !important;
  padding: 6px 0px !important;
}
.px_slider_v1 .et-pb-arrow-next, .px_slider_v1 .et-pb-arrow-prev {
  bottom: 25px;
  top: auto;
}
.px_slider_v1 .et_pb_slider_container_inner {
display: table !important;
margin: 80px 0px !important;
 }
}


.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h2{
color: #000 !important;
font-size: 45px;
font-weight: 800;
line-height: 60px;
padding: 15px 0px;
}
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content span{
color: var(--px-color-1) !important;	
}

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



.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {
  background-color: var(--px-color-1);
  z-index: 0;
}



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

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover:before {
  width: 100%;
  height: 100%;

}


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

.px_slider_v1 .et-pb-controllers a {
  background-color: rgb(255, 255, 255);
  border-radius: 0;
  margin-right: 25px;
  transform: scale(1.2);
  opacity: 1;
  transition: all 0.3s ease 0s;
  position: relative;
  width: 30px !important;
  height: 4px !important;
}

.px_slider_v1 .et-pb-controllers a.et-pb-active-control {
outline: 1px solid var(--px-color-1);
outline-offset: 3px;
background-color: var(--px-color-1);
border-radius: 0px;
width: 40px !important;
height: 4px !important;
	
}


/* -----------------------------------
  	11 Faqs CSS
-------------------------------------*/

/* Image CSS */
.px_faq_img,
.px_faq_img .et_pb_image_wrap {
  height: 100%;
}

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

.px_faq_img .et_pb_image_wrap {
  position: relative;
  overflow: visible !important;
}

.px_faq_img .et_pb_image_wrap::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: -25px;
  background-color: var(--px-color-1);
  left: -25px;
  border-top-left-radius: 30px;
}

.px_faq_img .et_pb_image_wrap img {
  border-bottom-right-radius: 30px;
}

/*---Title CSS---*/
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {
  color: var(--px-color-1) !important;
}


/*---Open Title CSS---*/
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::after {
  font-size: 30px;
  right: 0;
  color: var(--px-color-1);
  font-family: ETmodules;
  font-weight: 400;
  content: "\4b";
  position: absolute;
}


/* Responsive CSS */
/* Below Screen 980px */
@media only screen and (max-width:980px) {
  .px_faq_img .et_pb_image_wrap {
    width: 100%;
    max-width: 100%;
  }

  .px_faq_img .et_pb_image_wrap img {
    width: 100% !important;
    object-fit: cover;
  }

  .px_faq_title h2 {
    text-align: center !important;
  }
}


/* -----------------------------------
  	12 Timeline CSS
-------------------------------------*/
/*---Timeline v1  CSS---*/
.px_timeline_v1 .px_timeline_img .et_pb_image_wrap img{
border-radius: 50%;
  height: 150px;
  object-fit: cover;
  width: 150px !important;
  border: 5px solid var(--px-color-1);
}
.px_timeline_v1 .px_timeline_img .et_pb_image_wrap:after{
position: absolute;
  bottom: -27px;
  left: 40%;
  content: " ";
  top: unset;
  border: solid transparent;
  width: 0;
  height: 0;
  border-width: 15px;
  transform: rotate(90deg);
  border-left-color: var(--px-color-1);
}
/*---Time Line  Below 1210 ----*/
@media only screen and (max-width: 1210px) {
.px_timeline_row:before{
transform: translateX(0%) translateY(230px) !important;	
 }
}

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


/* Top Content Css */
.px_pricing_table .px_pricing_table_blurb .et_pb_blurb_container {
  display: flex;
  align-items: baseline;
  background: var(--px-color-1);
  width: fit-content;
  position: absolute;
  right: -65px;
  border-radius: 0px 10px;
  line-height: 50px;
  padding: 0px 10px;
}

.px_pricing_table .px_pricing_table_blurb .et_pb_blurb_container::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 27px solid var(--px-color-1);
  border-right: 30px solid transparent;
  top: 50px;
  right: 0;
}



/* Button Css */
.px_pricing_table .px_price_btn {
  border: none !important;
  border-bottom: 1px solid #efe8e8 !important;
}


/* -----------------------------------
  	14 Testimonial Section CSS
-------------------------------------*/
/*---Testimonial v1  CSS---*/
.px_testimonial_v1 .et_pb_testimonial_portrait {
  margin-top: -30px;
  overflow: visible !important;
}

.px_testimonial_v1 .et_pb_testimonial_portrait::after {
  font-size: 30px;
  top: 65px;
  left: 30px;
  color: var(--px-color-1);
  font-family: ETmodules;
  font-weight: 400;
  content: "\7c";
  position: absolute;

}


/*---Author CSS---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {
  margin-top: 10px !important;
}

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

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

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

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

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

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

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



/* -----------------------------------
  	15 About Us Section CSS
-------------------------------------*/
/*---About Us v1 CSS---*/
.px_aboutus_v1 .px_about_col .px_about_blurb {
transition:all 0.4s ease !important;
}
.px_aboutus_v1 .px_about_col:hover .px_about_blurb {
  box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 767px) {
.px_aboutus_v1 .px_about_col .px_about_blurb {
  box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
}
 }
/* Iamge CSS */
.px_aboutus_v1 .px_about_us_img1,
.px_aboutus_v1 .px_about_us_img1 .et_pb_image_wrap {
  height: 100%;
}

.px_aboutus_v1 .px_about_us_img1 .et_pb_image_wrap img {
  height: 100%;
  object-fit: cover;
}

.px_aboutus_v1 .et_pb_image_wrap {
  overflow: hidden;
}

.px_aboutus_v1 .et_pb_image_wrap img {
  margin-left: 30px;
  transform: scale(1.5);
  transition: .3s ease-in-out;
}

.px_aboutus_v1 .et_pb_image_wrap:hover img {
  margin-left: 0;
}


/* Barcounter Container CSS */
.px_bar_counter .et_pb_counter_container {
  height: 16px;
  background: #e9ecef;
  border-radius: 8px;
  box-shadow: none;
  margin: 5px 0 30px;
  overflow: visible;
  position: relative;
}

/* Barcounter Container CSS */
.px_bar_counter .et_pb_counter_container .et_pb_counter_amount {
  height: 1px;
  box-shadow: none;
  border-radius: 8px;
  position: relative;
  margin-top: 5px;
  background-color: var(--px-color-1);
}

/* Barcounter Amount CSS */
.px_bar_counter .et_pb_counter_container .et_pb_counter_amount_number_inner {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  position: absolute;
  bottom: 15px;
  right: -17px;
}

/* Responsive CSS */
/* For Below Screen 980px */
@media only screen and (max-width:980px) {
  .px_skill_v1 .px_skill_v1_img .et_pb_image_wrap {
    width: 100%;
    max-width: 100%;
  }

  .px_skill_v1 .px_skill_v1_img .et_pb_image_wrap img {
    width: 100%;
    object-fit: cover;
  }
}

/* -----------------------------------
  	21 Counter Section CSS
-------------------------------------*/
/*---Counter v1 CSS---*/
/* Hover Effect CSS */
.px_counter_v1 .px_counter_col {
  border-bottom: 4px solid var(--px-color-1) !important;
  transition: all 0.9s;
}
.px_counter_v1 .px_counter_col:hover {
  border-bottom: 4px solid var(--px-color-2) !important;
}

/* Icon CSS */
.px_counter_v1 .px_counter_icon .et_pb_icon_wrap .et-pb-icon {
  transform: scale(1);
  transition: all 0.9s;
  opacity: 0.5;
}

.px_counter_v1 .px_counter_col:hover .px_counter_icon .et_pb_icon_wrap .et-pb-icon {
  transform: scale(1.1);
  color: var(--px-color-1);

}

/* -----------------------------------
  	22 Newsletter Section CSS
-------------------------------------*/
/*---Newsletter v1 CSS---*/
/* Button CSS */
.px_footer_1_top .px_newsletter_v1 .et_pb_newsletter_form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap {

  position: absolute !important;
  right: 0;
  height: 55px;
  width: 60PX;
}

.px_footer_1_top.px_header_v1 .px_newsletter_v1 .et_pb_newsletter_form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_newsletter_button {
  height: 100% !important;
  width: 100% !important;
}

.px_footer_1_top.px_header_v1 .px_newsletter_v1 .et_pb_newsletter_form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after,
body #page-container .et_pb_section.px_footer_1_top.px_header_v1 .px_newsletter_v1 .et_pb_newsletter_form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after {

  font-size: 20px !important;
  height: inherit !important;
  width: inherit !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

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

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

@keyframes bounceIn {
  0% {
    opacity:0;
    transform:scale(.3)
  }
  50% {
    opacity:1;
    transform:scale(1.05)
  }
  70% {

    transform:scale(.9)
  }
  100% {
    transform:scale(1)
  }
}

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


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