/*
Theme Name: Consultex
Theme URI: https://divilibrary.com/consultexdivitheme
Description: Perfect for all kinds of business consulting services, such as business consulting, marketing consulting, advertising consulting, financial advisors, insurance brokers, investment consultants, accountant services, HR consulting and many more. 
Author: DCT Team
Author URI: https://divi-childthemes.com/
Template: Divi
Version:  1.0
License:  GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
/* -----------------------------------------------------------------------------   
    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 Hero Section CSS
    16 About Us Section CSS
		Company Core Section CSS
    17 Choose Us Section CSS
    18 Process Section CSS
    19 Partner Section CSS
    20 Video Section CSS
    21 Skill-bar Section CSS
    22 Counter Section CSS
    24 CTA Section CSS
	25 Client Section CSS
    26 Coming Soon Page CSS
    27 404 Page CSS
	28 Search Page CSS
	29. Tab Control CSS
    30 Color Picker CSS
    31 Animation Part CSS
	32. Slide In CSS

--------------------------------------------------------*/
/* -----------------------------------
    01. General Class CSS
-------------------------------------*/
/*---Title CSS---*/
.px_title .et_pb_text_inner h2{
font-size: 35px;
font-weight: 700;
color: #000;
position: relative;
line-height: 45px;
text-transform:uppercase;
}
/* Responsive Title CSS */
@media only screen and (max-width:576px){
.px_title .et_pb_text_inner h2 {
font-size: 25px;
line-height: 35px;
}
}
/*---Sub Title CSS---*/
.px_subtitle{
border-color: var(--px-color-1);
color:var(--px-color-1);
font-size:15px;
font-weight: 600;
text-transform:uppercase;
}
/*---Sub Title Hover Effect---*/
.px_subtitle:hover{
background:transparent !important;
border:2px solid var(--px-color-1) !important;
padding: .3em 1em !important;
}
.px_subtitle:hover::after {
display:none !important;
}
/*---Description CSS---*/
.px_desc {
font-size: 16px;
color:#444;
line-height: 28px;
}
/*---Hightlight CSS---*/
.px_hightlight_color{
color:var(--px-color-1);
}

/*---Button CSS---*/
.px_btn::after{
content:"\e03c" !important;
font-family:ETmodules;
opacity:1 !important;
font-size: 25px !important;
transition:1s;
margin-left:10px !important;
}
.px_btn{
border: 1px solid transparent !important;
border-radius:50px;
padding: 15px 60px 15px 25px !important;
transition: 1s;
font-size: 15px;
text-transform: uppercase;
font-weight: 600;
}
/* Primary Button */
.px_btn.primary {
background:var(--px-color-1) !important;
color:#fff;
}
.px_btn.primary::after {
color:#fff;
}
/* Light Button */
.px_btn.light {
background:#fff !important;
color:#000;
border: 1px solid #dfdfdf !important;
}
.px_btn.light::after {
color:var(--px-color-1);
}
/* Button Hover Effect */
.px_btn:hover{
color:#000;
background:#fff !important;
padding: 15px 60px 15px 25px !important;
border: 1px solid #dfdfdf !important;
transition:1s;
}
.px_btn:hover::after{
-webkit-animation:toRightFromLeft 0.3s linear forwards;
animation:toRightFromLeft 0.4s linear forwards;
color:var(--px-color-1);
transition:1s;
}
.px_btn.light:hover{
color:#fff !important;
background:var(--px-color-1) !important;
border: 1px solid var(--px-color-1) !important;
}
.px_btn.light:hover::after{
color:#fff !important;
}


/* List Button */
.px_list_btn{
color: #000;
font-size: 17px;
padding-left: 1em !important;
font-weight: 600;
padding-bottom:0px !important;
padding-top:0px !important;
}
.px_list_btn::before{
color:var(--px-color-1);
margin-left: -1.4em !important;
}
/* List Button Hover Effect */
.px_list_btn:hover{
background:transparent !important;
}

/* Read More Button */
.px_read_more_btn{
font-size:16px !important;
font-weight: 600;
border:none !important;
color:var(--px-color-2);
transition: all 1s;
}
.px_read_more_btn::after{
color:var(--px-color-1) !important;
transition: all 1s;
}
.px_read_more_btn:hover{
background-color: transparent !important;
color:var(--px-color-1) !important;
}
.px_read_more_btn:hover::after{
margin-left: 0.6em !important;
}

/*---Pluse Icon CSS---*/
.px_pluse_icon .et_pb_icon_wrap .et-pb-icon{
font-size:40px !important;
padding:10px;
border-radius: 50%;
background-color: #fff;
color: var(--px-color-1) !important;
text-align: center;
transition: all 0.3s ease;
}
.px_pluse_icon .et_pb_icon_wrap::before{
content: "";
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 90px;
height: 90px;
border-radius: 50%;
border: 1px solid #fff;
-webkit-animation: pulse-border 1500ms ease-out infinite;
animation: pulse-border 1500ms ease-out infinite;
z-index: -1;
}
.px_pluse_icon .et_pb_icon_wrap::after{
content: "";
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 74px;
height: 74px;
border-radius: 50%;
border: 1px solid #fff;
-webkit-animation: pulse-border 1500ms ease-out infinite;
animation: pulse-border 1500ms ease-out infinite;
z-index: -1;
}

/* Paralax Effect */
.px_paralax {animation: paralax1 infinite 3s;}

/* Rotation Effect */
.px_rotation{animation: rotation 10s infinite;}



/* Slick js CSS */
.slick-slide{
margin:10px;
}
/* Slick Dots Navigation */
.slick-dots li button::before{
width: 15px !important;
height: 15px !important;
font-size:0px !important;
background-color: #e1e1e1;
border-radius: 50%;
box-shadow: inset 0 5px 4px 0 rgba(0,0,0,.34);
color:transparent !important;
opacity: .5 !important;
}
.slick-dots li.slick-active button::before{
width: 15px;
height: 15px;
font-size:0px !important;
opacity: 1 !important;
background-color: var(--px-color-1) !important; 
border-radius: 50%;
box-shadow: inset 0 5px 4px 0 rgba(0,0,0,.34);
color:transparent !important;
}
/* Slick Responsive CSS */
@media (max-width: 479px){
.px_services_v3.et_pb_column {
  width: 80vw !important;
}
}


/*---Page Header Title CSS---*/
.px_header_title {}
/*---Breadcrumbs Title CSS---*/
.px_b_home_link {} 
.px_b_other_link {}
/* Breadcrumbs Responsive CSS */
@media only screen and (max-width:576px){
	.px_header_title {font-size:38px !important;line-height: 45px!important;}
	.px_b_home_link,.px_b_other_link{font-size:18px;}
}

/*---Responsive CSS---*/
@media only screen and (max-width:980px){
/* Max Width Col */
.px_max_width.et_pb_column:last-child,
.px_max_width{
max-width:500px;
margin:auto !important;
float:none !important;
margin-bottom: 30px !important;
}
/* Reverse Col */
.px_reverse_row{
display:flex;
flex-direction:column-reverse;
}
.px_reverse_row .px_reverse_col{
order:1;
margin-bottom:30px !important;
}
}

	
/*--- Global Class CSS ---*/
/*****Pagination******/
.pagination-container{ margin-bottom:0px !important;}
.et_pb_row_custom_pagination{clear:both;text-align: left;}
.pagination-container{padding-top: 0 !important;margin-top:2em;margin-bottom:2em;}
.screen-reader-text{display: none;}
.navigation.px_blogpagination .page-numbers{display: inline-block;border-right: 0;padding: 0em 1em;margin: 0 -1px;line-height: 2.6em;}
.navigation.px_blogpagination .page-numbers.prev,.navigation.px_blogpagination .page-numbers.next{padding: 0 .5em;}
.navigation.px_blogpagination span.page-numbers {color:#fff;border: 1px solid;border-color: #000 !important;font-weight: 600;}
.navigation.px_blogpagination .page-numbers .et-pb-icon{font-size: 1.6em;vertical-align: middle;line-height: 1.5em;margin-top: -3px;}
.navigation.px_blogpagination a.page-numbers:hover, .navigation.px_blogpagination span.page-numbers {background-color: #000 !important;}
.navigation.px_blogpagination a.page-numbers {color: #fff !important;background: #000;}
.navigation.px_blogpagination a.page-numbers:hover {color: #fff !important; } 

.pagination a{background:var(--px-color-1);color:#fff;padding:10px 15px; border-radius:3px;}
.et_pb_portofolio_pagination,
.pagination{padding-top:20px;}



/* -----------------------------------
    02. Header Section CSS
-------------------------------------*/
/*---Menu + Sub Menu CSS---*/
/*---Main Menu CSS---*/
/*---Sub Menu CSS---*/
/*---Header Common Info Css---*/
.px_small_info {}
.px_small_blurb_info {}
.px_header_contact_info {}
.px_header_social li{
margin-bottom:0px !important;
}
/*---Social Link CSS---*/
.px_header_social li:hover a{
 animation:toBottomFromTop 0.4s linear forwards;
 -webkit-animation:toBottomFromTop 0.4s linear forwards
}

/*---Header v1  CSS---*/
/* Menu CSS */
/* Hover Effect */
.px_header_v1 .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li a:hover{
color:var(--px-color-1) !important;
opacity:1 !important;
}
/* Sub Menu CSS */
.px_header_v1 .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul{
background:var(--px-color-1) !important;
border-radius:10px;
border-top: none !important;
padding-top: 10px !important; 
}
.px_header_v1 .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul li a{
color:#fff !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.20);
padding-left:10px;
transition:0.5s;
}
.px_header_v1 .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul li a::before{
font-family: ETmodules;
content: "\39";
position: absolute;
top: 0px;
left: 0;
bottom: 0;
font-size: 18px;
line-height: 41px;
color: #ffffff;
transform: scaleX(0);
transition: all 0.5s ease;
}
.px_header_v1 .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul li a:after{
display:none !important;
}
/* Sub Menu Hover Effect */
.px_header_v1 .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul li:hover a::before{
transform: scaleX(1.0);
}
.px_header_v1 .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul li:hover ul li a::before{
transform: scaleX(0);
}
.px_header_v1 .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul li ul li:hover a::before{
transform: scaleX(1.0);
}
.px_header_v1 .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul li a:active,
.px_header_v1 .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul li a:focus,
.px_header_v1 .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul li a:hover{
background:transparent !important;
color:#fff !important;
padding-left:20px;
transition: 0.5s;
}
.px_header_v1 .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul li a:hover ul li a::before{
font-family:none !important;
content:"" !important;
}
/* Sub Menu Under Sub Menu */
.px_header_v1 .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul ul{top:0;}

/* Header Button */
.px_header_v1_btn{
background-image: linear-gradient(to right, var(--px-color-1) , var(--px-color-2));
transition:1s;
}
/* Header Button Hover Effect */
.px_header_v1_btn:hover{
background-image: linear-gradient(to left, var(--px-color-1) , var(--px-color-2));
transition:1s;
}


/*---Header v2  CSS---*/
.px_header_v2 {}
/*---Header v3  CSS---*/
.px_header_v3 {}

/* -----------------------------------
    03. Footer Section CSS
-------------------------------------*/
/*---Footer Common Info Css---*/
.px_footer_title::before{
content: "";
height: 4px;
width: 15px;
background-color: var(--px-color-1);
position: absolute;
bottom: 0;
left: 50px;
border-radius: 10px;
border: none;
opacity:1;
display:block;
}
.px_footer_title::after{
content: "";
height: 4px;
width: 34px;
background-image: linear-gradient(to right , var(--px-color-1) , var(--px-color-2));
position: absolute;
bottom: 0;
left: 28px !important;
border-radius: 10px;
border: none;
opacity:1;
}

.px_footer_blurb_info {}
.px_footer_links {}

/* Info Button */
.px_f_info.et_pb_button:hover{
background:transparent !important;
}
/* Social Link */
.px_footer_social li a.icon{
margin-right:10px;
}
.px_footer_social li a.icon::before{
border-radius: 4px;
background-color: #efefef;
color: #646464;
width: 35px;
height: 35px;
line-height:35px;
transition:1s;
}
/* Socila Hover Effect */
.px_footer_social li:hover a.icon::before{
background-color:var(--px-color-1);
transition:1s;
}
/*---Footer v1  CSS---*/
.px_footer_v1 {}
/*---Footer v2  CSS---*/
.px_footer_v2 {}
/*---Footer v3  CSS---*/
.px_footer_v3 {}

/* -----------------------------------
     04. Sidebar CSS
-------------------------------------*/
.px_sidebar {}
.px_sidebar .widgettitle {}

/* -----------------------------------
     05. Blog CSS
-------------------------------------*/
/*---Blog Grid CSS & 3 Columns CSS ---*/
.px_blog_v1 .et_pb_post { 
border: none;
border-radius: 6px;
box-shadow: .68px 12.982px 29px 0 rgb(0 0 0 / 7%);
margin-bottom: 30px;
position:relative;
}
/*---Image  CSS---*/
.px_blog_v1 .et_pb_post .et_pb_image_container {
margin:0 !important;
}
.px_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url {
border-radius: 5px;
overflow: hidden;
}
.px_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url img {
transition:1s;
}
.px_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url .et_overlay {}
/* Image Hover Effect */
.px_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url img:hover {
border-radius: 5px;
transform:scale(1.1);
transition:1s;
}

/*---Title  CSS---*/
.px_blog_v1 .et_pb_post .entry-title {
margin-top: 55px;
font-weight: 600;
font-size: 20px;
line-height: 25px;
color:#000;
transition:1s;
}
/* Titlt Hover Effect */
.px_blog_v1 .et_pb_post .entry-title:hover {
color:var(--px-color-1);
transition:1s;
}

/* Post Content CSS */
.px_blog_v1 .et_pb_post .post-content{position:relative;top:-30px;}

/*---Post Meta  CSS---*/
.px_blog_v1 .et_pb_post .post-meta{
position:relative;
top:-100px;
color: #797979;
font-size: 15px;
line-height: 30px;
font-weight: 600;
}
/* Date CSS */
.px_blog_v1 .et_pb_post .post-meta .published {
position: absolute;
top: -56px;
right: 0px;
background: var(--px-color-1);
color: #fff;
padding: 5px 15px;
border-radius: 0px 0px 5px 0px;
}
.px_blog_v1 .et_pb_post .post-meta .published::before{
content:"\e025";
color:#fff;
font-family: ETmodules;
margin-right: 10px;
}
.px_blog_v1 .et_pb_post .post-meta a{}
/* Author CSS */
.px_blog_v1 .et_pb_post .post-meta .author{
margin-right: 5px !important;
}
.px_blog_v1 .et_pb_post .post-meta .author::before{content:"\e08a";font-family:ETmodules;color:var(--px-color-1);}
/* Responsive Css */
/* Title CSS */
@media screen and (max-width:576px){
/*---Post Meta  CSS---*/
.px_blog_v1 .et_pb_post .post-meta{
position:relative;
top:-90px;
} 
}

/*---Blog Desc CSS---*/
.px_blog_v1 .et_pb_post .post-content {}
.px_blog_v1 .et_pb_post .post-content .post-content-inner{}
/*---Read More Button CSS---*/
.px_blog_v1 .et_pb_post .post-content .more-link{
font-weight: 600;
text-transform:uppercase;
color: #646464;
letter-spacing: 1px;
transition:1s;
}
.px_blog_v1 .et_pb_post .post-content .more-link:after{
content: "\e03c" !important;
font-family: ETmodules;
opacity: 1 !important;
font-size: 18px !important;
transition: 1s;
margin-left: 10px !important;
color: var(--px-color-1);
transition:1s;
}
/* Read More Hover Effect */
.px_blog_v1 .et_pb_post .post-content .more-link:hover{
color: var(--px-color-1);
transition:1s;
}
.px_blog_v1 .et_pb_post .post-content .more-link:hover::after{
margin-left: 15px !important;
transition:1s;
}

/*---Pagination Button CSS---*/
.px_blog_v1 .pagination .alignleft,
.px_blog_v1 .pagination .alignright {}
.px_blog_v1 .pagination .alignleft a,
.px_blog_v1 .pagination .alignright a {}

/*---Blog Grid 2 Columns CSS---*/
.px_blog_grid_2_col .et_pb_ajax_pagination_container {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(2, 50%);
}
/* Image CSS */
.px_blog_v1.px_blog_grid_2_col .et_pb_post{padding:30px;}
.px_blog_v1.px_blog_grid_2_col .entry-featured-image-url{overflow:hidden;}
.px_blog_v1.px_blog_grid_2_col .entry-featured-image-url img{transition:all 0.6s ease-in-out;}
.px_blog_v1.px_blog_grid_2_col .entry-featured-image-url:hover img{transform:scale(1.1);}
/* Post Meta CSS */
.px_blog_v1.px_blog_grid_2_col .et_pb_post .post-meta {
  position: relative;
  top: -80px;
}

/* Published Date CSS */
.px_blog_v1.px_blog_grid_2_col .et_pb_post .post-meta .published {
  position: absolute;
  top: -51px;
  right: 0px;
  border-radius: 0px;
  z-index:5;
}


/* Responsive CSS */
@media only screen and (max-width:980px){
.px_blog_v1.px_blog_grid_2_col .et_pb_post .post-meta {
  position: relative;
  top: -105px;
}
}
@media only screen and (max-width:576px){
.px_blog_v1.px_blog_grid_2_col .et_pb_post .post-meta {
  position: relative;
  top: -95px;
}
.px_blog_grid_2_col .et_pb_ajax_pagination_container{display:block;}
.px_blog_v1.px_blog_grid_2_col .et_pb_post{padding:20px;}
}


/*---Blog Grid 2 Columns With Sidebar CSS---*/
.px_blog_v1.px_blog_grid_2_col.sidebar .et_pb_post .post-meta {position: relative;top: -105px;}
/* Responsive CSS */
@media only screen and (max-width:576px){
.px_blog_v1.px_blog_grid_2_col.sidebar .et_pb_post .post-meta {position: relative;top: -95px;} 
}


/*---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, 25%);
}
.px_blog_v1.px_blog_grid_4_col .et_pb_post{padding:20px;}
/* Image CSS */
.px_blog_v1.px_blog_grid_4_col .entry-featured-image-url{overflow:hidden;}
.px_blog_v1.px_blog_grid_4_col .entry-featured-image-url img{transition:all 0.6s ease-in-out;}
.px_blog_v1.px_blog_grid_4_col .entry-featured-image-url:hover img{transform:scale(1.1);}
/* Post Meta CSS */
.px_blog_v1.px_blog_grid_4_col .et_pb_post .post-meta {position: relative;top: -100px;}
/* Published Dtae CSS */
.px_blog_v1.px_blog_grid_4_col .et_pb_post .post-meta .published {border-radius: 0px;}
/* Responsive CSS */
@media only screen and (max-width:980px){
.px_blog_grid_4_col .et_pb_ajax_pagination_container {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(2, 50%);
}
.px_blog_v1.px_blog_grid_4_col .et_pb_post .post-meta {
  position: relative;
  top: -75px !important;
}
}
@media only screen and (max-width:576px){
.px_blog_grid_4_col .et_pb_ajax_pagination_container{display:block}
.px_blog_v1.px_blog_grid_4_col .et_pb_post .post-meta {
  position: relative;
  top: -90px !important;
}
.px_blog_v1.px_blog_grid_4_col .et_pb_post{padding:20px;}
}

/* Blog Detail Page */
/* Tag CSS */
.px_blog_tag .et_pb_blurb_content .et_pb_blurb_container{display:flex;}
.px_blog_tag .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{margin-right: 20px;}
.px_blog_tag .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description a{
color: #444;
background-color: #f2f2f2;
border-radius: 2px;
padding: 5px 25px;
transition:all 0.8s ease-in-out;
}
.px_blog_tag .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description a:hover{
color: #fff;
background-color: var(--px-color-1);
}

/* Blog Sidebar Page */
/* Main CSS */
.px_blog_sidebar {
  border-left: 1px solid rgba(0,0,0,.1);
  padding-left: 30px;
  border-right: 0 !important;
  padding-right: 10px !important;
}
/* Search CSS */
.px_blog_sidebar .et_pb_widget .wp-block-search__input{
border: 1px solid #ebebeb;
color: #444;
font-size: 16px;
border-radius: 4px !important;
height: 60px !important;
padding: .375rem .75rem !important;
width: 100%;
outline: none;
background-color: #fff;
}
.px_blog_sidebar .et_pb_widget .wp-block-search__button  {
border: 1px solid #ebebeb;
box-shadow: none;
color: #fff;
font-size: 16px;
font-weight: 800;
padding: 0 20px 0 20px;
height: 60px !important;
background-color: var(--px-color-1) !important;
}

/* Recent Post CSS */
.px_blog_sidebar .et_pb_widget .widgettitle,
.px_contact_sidebar h3.et_pb_contact_main_title,
.px_blog_sidebar .et_pb_widget .wp-block-group h2{
color: #000;
font-size: 24px;
font-weight:700;
padding-bottom: 20px;
margin-bottom: 20px;
position:relative;
}
.px_blog_sidebar .et_pb_widget .widgettitle::before,
.px_contact_sidebar h3.et_pb_contact_main_title::before,
.px_blog_sidebar .et_pb_widget .wp-block-group h2::before{
content: "";
height: 4px;
width: 15px;
background-color: var(--px-color-1);
opacity:0.5;
position: absolute;
bottom: 0;
left: 0;
border-radius: 10px;
border: none;
}
.px_blog_sidebar .et_pb_widget .widgettitle::after,
.px_contact_sidebar h3.et_pb_contact_main_title::after,
.px_blog_sidebar .et_pb_widget .wp-block-group h2::after{
content: "";
height: 4px;
width: 34px;
background-color: var(--px-color-1);
position: absolute;
bottom: 0;
left: 21px;
border-radius: 10px;
border: none;
}

/* Gallery CSS */
.px_blog_sidebar .widget_media_gallery .gallery-item{margin-bottom:0px;}
.px_blog_sidebar .widget_media_gallery .gallery-item img{height:100px !important;object-fit:cover;}
/* Tag CSs */
.px_blog_sidebar .tagcloud a, .wp-block-tag-cloud a {
  font-size: 15px !important;
  padding: 5px 15px;
  background: rgba(0,0,0,.05);
  margin-bottom: 5px;
  border-radius: 3px;
  transition: all .2s ease-in-out;
}
.px_blog_sidebar .tagcloud a:hover{
background: var(--px-color-1);
color:#fff;
}

/* Contact Form */
.px_contact_sidebar .et_pb_contact .et_pb_contact_field_half {width: 100% !important;}
.px_contact_sidebar .et_pb_contact p input{background:#fff;}
.px_contact_sidebar .et_pb_contact .et_contact_bottom_container{float:left;}
.px_contact_sidebar .et_pb_contact .et_contact_bottom_container .et_pb_contact_submit {background:var(--px-color-1);color:#fff;border: 1px solid var(--px-color-1);transition:all 0.3s ease-in-out;}
.px_contact_sidebar .et_pb_contact .et_contact_bottom_container .et_pb_contact_submit:hover{box-shadow: 0px 0 10px 0px var(--px-color-1);}



/* Blog Listing CSS */
.px_blog_list .et_pb_post{display: flex;}
/* Image CSS */
.px_blog_list .et_pb_post .entry-featured-image-url{margin:0px;overflow:hidden;width:60%;height:260px;}
.px_blog_list .et_pb_post .entry-featured-image-url img{height:100%;transition:all 0.6s ease-in-out;object-fit:cover;}
/* Description Info CSS */
.px_blog_list .px_blog_list_info{padding:20px;}
/* Content CSS */
.px_blog_v1.px_blog_list .et_pb_post .post-content {border-bottom: 1px solid #e4e7ee;padding-bottom: 15px;}
/* Post Meta CSS */
.px_blog_v1.px_blog_list .et_pb_post .post-meta {position: relative;top: 105px;}
/* Title CSS */
.px_blog_list .px_blog_list_info .entry-title{margin-top:30px;font-size: 25px;}
/* Date CSS */
.px_blog_v1.px_blog_list .et_pb_post .post-meta .published::before{color:var(--px-color-1);}
.px_blog_v1.px_blog_list .et_pb_post .post-meta .published{color:var(--px-color-1);background:transparent;position: absolute;top: -210px;left: -13px;}
/* Category CSS */
.px_blog_v1.px_blog_list .et_pb_post .post-meta a{font-size:14px;}
/* Author CSS */
.px_blog_v1.px_blog_list .et_pb_post .post-meta .author{margin-right:5px !important;}
/* Hover Effect CSS */
/* Image CSS */
.px_blog_list .et_pb_post:hover .entry-featured-image-url img{transform:scale(1.1);}

/* Responsive CSS */
@media only screen and (max-width:576px){
.px_blog_list .et_pb_post{display: block;}
/* Image CSS */
.px_blog_list .et_pb_post .entry-featured-image-url{margin:0px;overflow:hidden;width:100%;height:auto;}
.px_blog_v1.px_blog_list .et_pb_post .post-meta {position: relative;top: 130px;}
.px_blog_v1.px_blog_list .et_pb_post .post-meta .published {top: -220px;}
}



/* Blog Category CSS */
.px_blog_category {}
/* Blog Tags CSS */
.px_blog_tages {}
/* Blog Author CSS */
.px_blog_author {}
/* Blog Single Page CSS */
.px_blog_single {}

/* -----------------------------------
     06. Portfolio CSS
-------------------------------------*/
/*---Portfolio Carousel CSS ---*/
.px_portfolio_v1 .et_pb_portfolio_item {position:relative;}
/* Image Css */ 
.px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image {}
.px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img {}

/* Arrow CSS */
.px_portfolio_v1 .et-pb-arrow-next,
.px_portfolio_v1 .et-pb-arrow-prev {
 color: var(--px-color-1)!important;
}

/* Overlay  Css */ 
.px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image .et_overlay {}
.px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image:hover .et_overlay,
.px_portfolio_v1 .et_pb_portfolio_item .et_pb_portfolio_image:hover .et_overlay{
opacity:0 !important;
z-index:-1 !important;
}
.px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image .et_overlay:before {display:none!important;}

/* Info CSS */
.px_portfolio_v1.et_pb_fullwidth_portfolio .et_portfolio_image .meta,
.px_portfolio_v1.et_pb_fullwidth_portfolio .et_pb_portfolio_image .meta{
opacity:1 !important;
z-index:3 !important;
}
.px_portfolio_v1 .px_portfolio_v1_info{
background: rgba(255,255,255,0.8);
width: 80%;
opacity: 1 !important;
display: block;
position: absolute;
bottom: 30px;
border-radius: 0 43px 43px 0;
padding: 20px;
transition:1s;
}
/* Background */
.px_portfolio_v1 .px_portfolio_v1_info::before{
content: "";
height: 5%;
width: 23%;
background-color: var(--px-color-1);
position: absolute;
bottom: 0;
left: 24px;
transition: all 0.8s;
z-index: 1;
transform: scaleY(1.01);
border-radius: 0;
overflow: hidden;
transition:1s;
}
/* Plus Icon */
.px_portfolio_v1 .px_portfolio_v1_info::after{
content:"\4c";
font-family:ETmodules;
font-weight:900;
font-size:22px;
color:var(--px-color-1);
position:absolute;
right:-20px;
bottom:15px;
background:#fff;
padding:18px;
border-radius:50%;
opacity:0;
z-index:2;
transition:1s;
}

/* Title Css */ 
.px_portfolio_v1 .et_pb_portfolio_item .post-meta,
.px_portfolio_v1 .et_pb_portfolio_item .post-meta a,
.px_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {
margin:0px !important;
color:#000 !important;
text-align:left !important;
padding:0px !important;
transition:1s;
} 
.px_portfolio_v1 .et_pb_portfolio_item:hover .post-meta,
.px_portfolio_v1 .et_pb_portfolio_item:hover .post-meta a,
.px_portfolio_v1 .et_pb_portfolio_item:hover .et_pb_module_header{
color:#fff !important;
position:relative;
z-index:3;
transition:1s;
}
/* Category Post Meta Css */ 
.px_portfolio_v1 .et_pb_portfolio_item .post-meta {text-align:left !important;}
.px_portfolio_v1 .et_pb_portfolio_item .post-meta a {}


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

/* Hover Effect */
.px_portfolio_v1 .et_pb_portfolio_item:hover .px_portfolio_v1_info::before{
height: 100%;
width: 100%;
left: 0;
border-radius: 0 43px 43px 0;
transform: scaleY(1.1);
transition:1s;
z-index:1;
}
.px_portfolio_v1 .et_pb_portfolio_item:hover .px_portfolio_v1_info::after{
opacity:1;
transition:1s;
}

/* Responsive CSS */
@media only screen and (min-width:560px) and (max-width:980px){
.px_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {
font-size:18px;
}
.px_portfolio_v1 .et_pb_portfolio_item .post-meta {
font-size:12px;
}
.px_portfolio_v1 .px_portfolio_v1_info::after{
padding:15px;
}
}

@media only screen and (max-width:576px){
/* Portfolio 2 Column */
.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: block;
}
}


/*---Portfolio Filterable CSS---*/

.px_portfolio_v1.filterable {}

/* Filters Links CSS */
.px_portfolio_v1 .et_pb_portfolio_filters {}
.px_portfolio_v1 .et_pb_portfolio_filters li {}
.px_portfolio_v1 .et_pb_portfolio_filters li a {border:none !important;color:var(--px-color-1);margin: 5px 3px;transition:all 0.8s ease-in-out;}
/*Hover & Active Filter Links*/
.px_portfolio_v1 .et_pb_portfolio_filters li a:hover,
.px_portfolio_v1 .et_pb_portfolio_filters li a.active {background:var(--px-color-1)!important;color:#fff;}
/* Pagination CSS */
.px_portfolio_v1 .et_pb_portofolio_pagination {border:none !important;}
.px_portfolio_v1 .et_pb_portofolio_pagination ul {margin-right: 50px;}
.px_portfolio_v1 .et_pb_portofolio_pagination ul li {padding: 5px !important;}
.px_portfolio_v1 .et_pb_portofolio_pagination ul li a {color: var(--px-color-1) !important;padding: 10px 15px;transition:all 0.5s ease-in-out;}
.px_portfolio_v1 .et_pb_portofolio_pagination ul li a.active,
.px_portfolio_v1 .et_pb_portofolio_pagination ul li a:hover {background:var(--px-color-1);color: #fff !important;border-radius: 3px;}
.px_portfolio_v1 .et_pb_portofolio_pagination ul li.prev a.page-prev {}
.px_portfolio_v1 .et_pb_portofolio_pagination ul li.next a.page-next {}

/*---Portfolio Gallary CSS & 4 Columns CSS---*/
.px_portfolio_v1.simple .px_portfolio_v1_info{}


/* Portfolio Category CSS */
.px_portfolio_category {}
/* Portfolio Tags CSS */
.px_portfolio_tages {}
/* Portfolio Single Page CSS */
.px_portfolio_single {}
.px_project_detail_social li a::before{color:#646464 !important;transition:all 1s ease-in-out;}
.px_project_detail_social li a:hover::before{color:var(--px-color-1) !important;}
/* Comment CSS */
.px_post_comment .comment-form p a{color:var(--px-color-1);}
.px_post_comment .form-submit .submit.et_pb_button{background:var(--px-color-1);color:#fff;border:1px solid var(--px-color-1);}


/* -----------------------------------
    07. Services CSS
-------------------------------------*/
/*---Services v1 CSS---*/
.px_services_v1 {
overflow:visible !important;
background:#fff;
transition:1s;
}
/*Img Css & Icon Css */
.px_services_v1 .px_services_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image{
margin-bottom: 15px;
background: var(--px-color-1);
padding: 20px;
border: 5px solid #fff;
border-radius: 50%;
}
.px_services_v1 .px_services_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:#fff !important;}

/*Title Css */
.px_services_v1 .px_services_v1_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{
transition:1s;
}
/*Description Css */
.px_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{}
/* Hover Effect */
/* Main Class */
.px_services_v1:hover {
transform:translatey(-20px);
box-shadow:0px 0px 15px 0px var(--px-color-1);
transition:1s;
}
/*Title Css */
.px_services_v1:hover .px_services_v1_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{
color: var(--px-color-1);
transition:1s;
}


/*---Services v2 CSS---*/
.px_services_v2 {
overflow:visible !important;
background:#fff;
transition:1s;
}
/*Img Css */
.px_services_v2 .px_services_v2_img::before{
content: "";
background: var(--px-color-1);
width: 100%;
height: 100%;
transform: scale(0);
position: absolute;
top: 0;
left: 0;
transition: all 0.35s ease-in-out;
}
.px_services_v2 .px_services_v2_img .et_pb_image_wrap,
.px_services_v2 .px_services_v2_img img{
width: 100% !important;
height: auto;
transition: all 1s ease;
}
/*Icon Css */
.px_services_v2 .px_services_v2_blurb .et_pb_blurb_content .et_pb_main_blurb_image {
margin-bottom:15px;
background:var(--px-color-1);
padding:15px;
border:5px solid #fff;
border-radius:50%;
}
.px_services_v2 .px_services_v2_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:#fff !important;}
.px_services_v2 .px_services_v2_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {}
.px_services_v2 .px_services_v2_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img{}


/*Title Css */
.px_services_v2 .px_services_v2_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{
transition:1s;
}
/*Description Css */
.px_services_v2 .px_services_v2_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{}

/* Hover Effect */
/* Main Class */
.px_services_v2:hover {
transform:translatey(-20px);
box-shadow:0px 0px 15px 0px var(--px-color-1);
transition:1s;
}
/* Img Hover Effect */
.px_services_v2:hover .px_services_v2_img:before{ transform: scale(1); }
.px_services_v2:hover .px_services_v2_img img{ 
opacity: 0.5; 
}
/*Title Css */
.px_services_v2:hover .px_services_v2_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{
color: var(--px-color-1);
transition:1s;
}

/*---Services v3 CSS---*/
.px_services_v3{transition: 1s; } 
/* Image CSS */
.px_services_v3 .et_pb_image,
.px_services_v3 .et_pb_image .et_pb_image_wrap,
.px_services_v3 .et_pb_image .et_pb_image_wrap img {width:100%;}
.px_services_v3 .et_pb_image .et_pb_image_wrap{
margin: 0 !important;
border-radius: 10px;
position: relative;
padding-top: 100%;
display: block;
transition: 0.4s;
overflow: hidden;
}
.px_services_v3 .et_pb_image .et_pb_image_wrap img{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  transition: 0.5s;
}
/* Blurb CSS */
.px_services_v3_blurb{
position: absolute;
bottom: 60px;
left: 20px;
right: 20px;
transition: 1s; 
}
/*Icon Css */
.px_services_v3_blurb .et_pb_blurb_content .et_pb_main_blurb_image{
margin-bottom:-30px !important;
position: relative;
top: 15px;
background:var(--px-color-1);
padding:15px;
border-radius:50%;
}
.px_services_v3_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{
color:#fff !important;
font-size:60px;
}
/*Description Css */
.px_services_v3_blurb .et_pb_blurb_content .et_pb_blurb_container{
background: #fff;
padding: 50px 15px 10px 15px;
border-radius: 10px;
transition: 1s;
}
.px_services_v3_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{
visibility:hidden;
display:none;
transition: 1s;
}
/* Button CSS */
.px_services_v3 .px_btn.light{
padding:10px 55px 10px 20px !important;
border-color:#dfdfdf !important;
position:relative;
top:-75px;
opacity:0;
transition: 1s;
}
/* Blurb Hover Effect */
.px_services_v3:hover .px_services_v3_blurb .et_pb_blurb_content .et_pb_blurb_container{
padding: 50px 15px 70px 15px;
transition: 1s;
}
.px_services_v3:hover .px_btn.light{
opacity:1;
transition: 1s;
}
.px_services_v3:hover .px_services_v3_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{
visibility:visible;
display:block;
transition: 1s;
}




/*---Services Single Page CSS---*/
.px_services_single {}
/* Button CSS */
.px_services_single_btn{width:100%;color: #000;position:relative;z-index:3;transition: all 1s ease-in-out;}
.px_services_single_btn::after{right:10px;color: silver;transition: all 1s ease-in-out;}
.px_services_single_btn::before{
content: "" !important;
height:100%;
width: 4%;
background-color: transparent;
position: absolute;
bottom: -1px;
left: -1px;
border: 1px solid var(--px-color-1);
border-radius: 4px 0px 0px 4px;
border-right: none;
transition: all 0.6s ease-in-out;
display:block;
opacity:1;
margin:0px;
z-index:-1;
}
.px_services_single_btn:hover::before{width:100%;background-color: var(--px-color-1);border-radius:4px;}
.px_services_single_btn:hover{background: transparent!important;color:#fff;}
.px_services_single_btn:hover::after{color:#fff;}

/* CTA CSS */
.px_services_single_cta .et_pb_button_wrapper a{border: 2px dashed #707070;}
.px_services_single_cta .et_pb_button_wrapper a::after{
top: 0;
transform: translate(-50%,-50%);
left: 50% !important;
background: var(--px-color-1);
border-radius: 50%;
padding: 20px 10px !important;
line-height:0px !important;
}
.px_services_single_cta .et_pb_button_wrapper a:hover{background:transparent !important;}

/* Brochure CSS */
/* Button CSS */
.px_services_single_brochure{width:100%;color: #000;position:relative;z-index:3;transition: all 1s ease-in-out;}
.px_services_single_brochure::before{color: var(--px-color-1);transition: all 0.6s ease-in-out;}
.px_services_single_brochure::after{
content: "" !important;
height:100%;
width: 0;
background-color: transparent;
position: absolute;
bottom: 0px;
left: 0px;
border-radius: 4px;
transition: all 0.6s ease-in-out;
display:block !important;
opacity:1;
margin:0px;
z-index:-1;
}
.px_services_single_brochure:hover::after{width:100%;background-color: var(--px-color-1);border-radius:4px;}
.px_services_single_brochure:hover{background: transparent!important;color:#fff;}
.px_services_single_brochure:hover::before{color:#fff;}


/* -----------------------------------
    08. Contact Us CSS
-------------------------------------*/
/*---Contact Us v1  CSS---*/
.px_contact_v1 {} 
/*---Contact Message CSS---*/
.px_contact_v1 .et-pb-contact-message {}
/*---Input CSS---*/
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field  p input, 
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field , 
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field  p textarea {}
/*---Button CSS---*/
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field .et_contact_bottom_container {}
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit {}
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover {}
 
/* Blurb CSS */
.px_contact_blurb{
background-color: rgba(255,255,255,.1);
padding: 20px;
border: none;
border-radius: 3px;
margin-bottom: 20px;
position: relative;
z-index: 1;
}
.px_contact_blurb::before{
content: "";
height: 100%;
width: 4px;
background-color: var(--px-color-1);
border-radius: 0 3px 3px 0;
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
transition: all 1s ease-in-out;
}

/* Contact Form CSS */
.px_contact_form_v1{
background-color: #FFF;
padding: 45px;
border-radius: 10px 10px 10px 10px;
}
.px_contact_form_v1 .et_pb_contact_form .et_pb_contact_field input,
.px_contact_form_v1 .et_pb_contact_form .et_pb_contact_field select,
.px_contact_form_v1 .et_pb_contact_form .et_pb_contact_field textarea{
font-size: 16px;
color: #646464;
padding: 15px 20px;
height: 55px;
display: inline-flex;
align-items: center;
border-radius: 4px;
border: 1px solid #e1e1e1;
background:transparent !important;
margin-bottom:5px;
}
.px_contact_form_v1 .et_pb_contact_form .et_contact_bottom_container{
float: left !important;
margin-top: 10px;
}
.px_contact_form_v1 .et_pb_contact_form .et_pb_contact_submit {
background-color: var(--px-color-1) !important;
color: #ffffff !important;
transition: all 0.8s ease-in-out;
}

/* Hover Effect */
/* Blurb Hover Effect */
.px_contact_blurb:hover::before {
  width: 100%;
  border-radius: 3px;
}
/* Button Hover Effect */
.px_contact_form_v1 .et_pb_contact_form .et_pb_contact_submit:hover {
background-color: var(--px-color-2) !important;
}

/* Responsive CSS */
@media only screen and (max-width:576px){
.px_contact_form_v1{
padding: 25px;
}
}



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

/* -----------------------------------
    09. Team Section CSS
-------------------------------------*/
/*---Team v1  CSS---*/
.px_team_v1{
transition: all ease 0.8s;
display: block;
overflow:hidden;
}
/* Image Css */ 
.px_team_v1 .et_pb_team_member_image{
position:relative;
margin:0px !important;
overflow:hidden;
max-width:100%;
}
.px_team_v1 .et_pb_team_member_image:before{
	content: '\e0a0';
	position: absolute;
	right: 0;
	bottom: 0;
	font-family: ETmodules !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background-color: var(--px-color-1);
	color: #fff;
	transition: all ease 0.4s;
	font-size: 18px;
}
.px_team_v1 .et_pb_team_member_image img{
width:100%;
position:relative;
z-index:-1;
transition: all ease 0.8s;
}

/* Description Css*/ 
.px_team_v1 .et_pb_team_member_description{
padding: 25px 0px;
background: var(--px-color-2);
overflow-y: hidden;
}
.px_team_v1 .et_pb_team_member_description .et_pb_module_header{
color: #fff;
padding-bottom:0px !important;
}
.px_team_v1 .et_pb_team_member_description .et_pb_member_position{color:#f5f5f5;}
.px_team_v1 .et_pb_team_member_description .et_pb_member_position::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: 35px;
  height: 4px;
  background-color: var(--px-color-1);
}
/* Social Links Css*/ 
.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links {
	position: absolute;
	display: block;
	bottom: -100px;
	right: 0px;
	transition: all ease 0.8s;
	opacity:0;
	visibility:hidden;
	z-index: -1;
}
.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li{
display:block;
margin-right:0px !important;
}
.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background-color:  var(--px-color-1);
	color: #fff;
	transition: all ease 0.4s;
}
/* Hover Effect */
/* Img Hover Effect */
.px_team_v1:hover .et_pb_team_member_image img{
transform: scale(1.04);
transition: all ease 0.8s;
}
/* Social Link Hover Effect */
.px_team_v1:hover .et_pb_member_social_links{
	bottom: 160px !important;
	opacity:1;
	visibility:visible;
}
.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover{}

/* Main CSS Class Hover Css Here */
.px_team_v1:hover .et_pb_team_member_image{}
/* Responsive CSS */
@media only screen and (max-width:576px){
/* Social Link Hover Effect */
.px_team_v1:hover .et_pb_member_social_links{bottom: 155px !important;}
}
@media only screen and (max-width:980px){
/* Social Link Hover Effect */
.px_team_v1:hover .et_pb_member_social_links{bottom: 158px !important;}
}



/*---Team v2  CSS---*/
.px_team_v2 {
margin-top: 30px;
margin-bottom: 40px !important;
background-color: #fff;
border: none;
box-shadow: 0 0 38px 0 rgb(0 0 0 / 10%);
}
/* Image CSS */
.px_team_v2 .et_pb_team_member_image {width: 200px;}
.px_team_v2 .et_pb_team_member_image img{transform:translatey(-25px);transition:all 0.6s ease-in-out;}
/* Description CSS */
.px_team_v2 .et_pb_team_member_description{padding:30px;}
/* Title CSS */
.px_team_v2 .et_pb_team_member_description .et_pb_module_header{transition:all 0.6s ease-in-out;}
/* Poisition CSS */
.px_team_v2 .et_pb_team_member_description .et_pb_member_position{padding-bottom:20px; margin-bottom:20px; position:relative;}
.px_team_v2 .et_pb_team_member_description .et_pb_member_position::before{
content: "";
height: 4px;
width: 15px;
background-color: var(--px-color-1);
opacity:0.5;
position: absolute;
bottom: 0;
left: 0;
border-radius: 10px;
border: none;
}
.px_team_v2 .et_pb_team_member_description .et_pb_member_position::after{
content: "";
height: 4px;
width: 34px;
background-color:  var(--px-color-1);
position: absolute;
bottom: 0;
left: 21px;
border-radius: 10px;
border: none;
}
/* Social Link */
.px_team_v2 .et_pb_member_social_links{}
.px_team_v2 .et_pb_member_social_links li a::before{background-color:#fff;color:var(--px-color-1)!important;border-radius:50%;padding:12px;box-shadow: 0 0 38px 0 rgb(0 0 0 / 10%);font-size:15px; transition:all 0.6s ease-in-out;}

/*Hover Effect */
/* Title Hover Effect */
.px_team_v2:hover .et_pb_team_member_description .et_pb_module_header{color:var(--px-color-1);}
/* Social Link */
.px_team_v2 .et_pb_member_social_links li a:hover::before{color:#fff !important;background-color:var(--px-color-1) !important;}
.px_team_v2 .et_pb_member_social_links li a:hover{
animation:toBottomFromTop 0.4s linear forwards;
 -webkit-animation:toBottomFromTop 0.4s linear forwards;
}


/*---Team Single Page CSS---*/
.px_team_single {}
.px_team_single_ulli ul li::marker{color:var(--px-color-1);font-size:25px;}
.px_team_single_ulli ul li{font-size:16px;}

/*---Social Link CSS---*/
.px_team_single_social li{margin:0 15px;}
.px_team_single_social li a.icon::before{
color:var(--px-color-1);
background-color: #fff;
font-size: 20px;
height: 55px;
width: 55px;
line-height: 55px;
text-align: center;
border: none;
border-radius: 50%;
display: inline-block;
transition: all 0.5s ease-in-out;
margin-right: 10px;
}
/* Hover Effect */
.px_team_single_social li a.icon:hover::before{
background-color:var(--px-color-1);
color: #fff;
}
.px_team_single_social li a.icon:hover{
animation:toBottomFromTop 0.4s linear forwards;
 -webkit-animation:toBottomFromTop 0.4s linear forwards;
}
/* Responsive CSS */
/*---Social Link CSS---*/
@media only screen and (max-width:576px){
.px_team_single_social li{margin:0px;}
.px_team_single_social li a.icon::before{
font-size: 13px;
height: 30px;
width: 30px;
line-height: 30px;
}
}



/* -----------------------------------
    10. Slider Section CSS
-------------------------------------*/
/*---Slider v1  CSS---*/
.px_slider_v1 {}
/*---Image CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image {}
/*---Title CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{}
/*---Description CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {padding: 20px 0px;}
/*---Button CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper {}
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {
border: 1px solid transparent !important;
border-radius:5px;
padding: 15px 60px 15px 25px !important;
transition: 1s;
font-size: 15px;
text-transform: uppercase;
font-weight: 600;
background:var(--px-color-1) !important;
color:#fff;
}
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::after {
content:"\e03c" !important;
font-family:ETmodules;
opacity:1 !important;
font-size: 25px !important;
transition:1s;
margin-left:10px !important;
color:#fff;
}

/* Button Hover Effect */
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover {
color:#000;
background:#fff !important;
padding: 15px 60px 15px 25px !important;
border: 1px solid #dfdfdf !important;
transition:1s;
}
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover::after {
-webkit-animation:toRightFromLeft 0.3s linear forwards;
animation:toRightFromLeft 0.4s linear forwards;
color:var(--px-color-1);
transition:1s;
}

/*---Arrow CSS---*/
.px_slider_v1 .et-pb-slider-arrows{}
.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev{
font-size: 48px;
color: #fff;
background: var(--px-color-1);
border-radius: 50%;
padding: 5px;
}
.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next{
font-size: 48px;
color: #fff;
background: var(--px-color-1);
border-radius: 50%;
padding: 5px;
}


.et_pb_slider:hover .et-pb-arrow-next,
.et_pb_slider:hover .et-pb-arrow-prev {
opacity: 0.3 !important;
}
.et_pb_slider .et-pb-arrow-next:hover,
.et_pb_slider .et-pb-arrow-prev:hover {
opacity:1 !important;
}

/*---Dots Navigation CSS---*/
.px_slider_v1 .et-pb-controllers {position: absolute;bottom: 70px !important;} 
.px_slider_v1 .et-pb-controllers a {
width: 18px !important;
height: 18px !important;
font-size:0px !important;
background-color: #e1e1e1;
border-radius: 50%;
box-shadow: inset 0 5px 4px 0 rgba(0,0,0,.34);
color:transparent !important;
opacity: .5 !important;
}
.px_slider_v1 .et-pb-controllers a.et-pb-active-control {
width: 18px;
height: 18px;
font-size:0px !important;
opacity: 1 !important;
background-color: var(--px-color-1) !important; 
border-radius: 50%;
box-shadow: inset 0 5px 4px 0 rgba(0,0,0,.34);
color:transparent !important;
}
/* Resoponsive CSS */
/* Dots Navigation */
@media only screen and (max-width:576px){.px_slider_v1 .et-pb-controllers {position: absolute;bottom: 30px !important;} }

/*---Slider v2 CSS---*/
.px_slider_v1{}

/* -----------------------------------
  	11. Faqs CSS
-------------------------------------*/
/*---Faqs v1  CSS---*/
.px_faqs_v1 {}
.px_faqs_v1 .et_pb_toggle{margin-bottom:0px !important;}
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_close{background-color: transparent;}
/*---Title CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {padding-left: 25px;color:#444;}
/*---Title Icon CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before {
content: "\f067" !important;
font-family: "FontAwesome" !important;
position: absolute;
left: 0 !important;
right: auto !important;
color:#444;
font-weight:900 !important;
}
/*---Open Title CSS---*/
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open{background-color: transparent !important;}
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {padding-left: 25px;color:var(--px-color-1);}
/*---Open Title Icon CSS---*/
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {
content: "\f068" !important;
font-family: "FontAwesome" !important;
display: block;
position: absolute;
left: 0 !important;
right: auto !important;
color:var(--px-color-1);
font-weight:900 !important;}

/*---Content CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_content{}

/*---Faqs v2  CSS---*/
.px_faqs_v2{}

/* -----------------------------------
  	12. Timeline CSS
-------------------------------------*/
/*---Timeline v1  CSS---*/
.px_timeline_v1 {}
/* Text CSS */
.px_timeline_v1_text::before{
content:"";
position:absolute;
left:-10px;
top:0px;
background: #f0f3f9;
height:18px;
width:18px;
border-radius:50%;
}
/* Title CSS */
.px_timeline_v1_text .et_pb_text_inner h3{padding-bottom:20px;transition:all 0.6s ease-in-out;}
.px_timeline_v1_text:hover .et_pb_text_inner h3{color:var(--px-color-1);}
/* Year CSS */
.px_timeline_v1_year{box-shadow:0px 0px 40px 0px rgba(0,0,0,.09);border-radius:50%;background:#fff;color:var(--px-color-1);transform: translate(-50%,-50%);transition:all 0.6s ease-in-out;}
.px_timeline_v1_year:hover{color:#fff;background:var(--px-color-1);}
/* Img CSS */
.px_timeline_v1_img{position:relative;}
.px_timeline_v1_img::before{
content:"";
height:100%;
width:1px;
position:absolute;
top: -45px;
left:-173px;
right:auto;
background-color:#f0f3f9;
}
.px_timeline_v1_img::after{
content:"";
height:1px;
width:100%;
position:absolute;
top: 85px;
left:-173px;
right:auto;
background-color:#f0f3f9;
}
.px_timeline_v1_img .et_pb_image_wrap{overflow:visible!important;}
.px_timeline_v1_img .et_pb_image_wrap::before{
content: "";
position: absolute;
left: -45px;
top: 75px;
background: #f0f3f9;
height: 18px;
width: 18px;
border-radius: 50%
}
.px_timeline_v1_img .et_pb_image_wrap img{border-radius: 50%; object-fit: cover;}
/* Slick js */
.px_timeline_v1 .slick-slide{margin:0px;}

/* Responsive CSS */
/* Year CSS */
@media only screen and (max-width:980px){
.px_timeline_v1_year{transform: translate(0%,-50%);}
.px_timeline_v1_img .et_pb_image_wrap::before,
.px_timeline_v1_img::after{display:none;}
.px_timeline_v1_img::before{position:absolute;left:65px;}
}
@media only screen and (max-width:576px){
.px_timeline_carousel .slick-slide {width:100vw!important;}
}

/*---Timeline v2  CSS---*/
.px_timeline_v2{}

/* -----------------------------------
  	13. Pricing Table CSS
-------------------------------------*/
/*---Pricing Default CSS---*/
.px_pricing_table {border: 2px solid #dedede;transition:all 0.8s ease-in-out;background:#fff;padding: 33px 40px 45px 45px;position:relative;}
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table{
background-color:transparent !important;
}
/* Heading Css */ 
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading{}
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title{}
/* Top Content Css */ 
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top{border:none !important;}
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price{}
.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{font-size:45px !important;font-weight:900 !important;position: relative !important;color:var(--px-color-1) !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{color:var(--px-color-1) !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{color:#444 !important; font-size:16px;}
.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{}
/* Bottom Content Css */ 
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content{}
/* Button Css */ 
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper{}
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button{}

.px_pricing_purchase_btn{width: 100%;color: #444 !important;transition:1s;border:2px solid #e1e1e1 !important;}
.px_pricing_purchase_btn:hover{box-shadow: 0 10px 32px 0 rgb(250,54,10,.43);color: #fff !important;background:var(--px-color-1) !important;border-color:var(--px-color-1)!important;transition:1s;}

.px_pricing_btn{color:#111;}
.px_pricing_btn::before{color:#16d673;margin-left: -2em !important;}
.px_pricing_btn:hover{background-color:transparent !important;}
/* Disable Button CSS */
.px_pricing_btn.disable{color:#646464;}
.px_pricing_btn.disable::before{color:#c2c2c2;margin-left: -2em !important;}

/* Pricing Table Hover Effect */
.px_pricing_table:hover{
border-color:var(--px-color-1) !important;
box-shadow: 0 13px 20px rgba(0,0,0,.15);
}
  

/*---Pricing Mini CSS---*/
.px_pricing_table_mini{}
/*---Pricing Toggle CSS---*/
.px_pricing_table_toggle{}
/* Toggle Button CSS */
.px_toggle_btn{border:none !important;background:#fff;color:var(--px-color-1)!important;transition:1s;}
.px_toggle_btn.px_active,
.px_toggle_btn:hover{color:#fff !important;background:var(--px-color-1)!important;transition:1s;}
/*Pricing Toggle*/
.px_pricing_tabs [id*="px_pricing_tab_"] {} 
.px_pricing_tabs [id*="px_pricing_tab_"]:hover, 
.px_pricing_tabs [id*="px_pricing_tab_"].px_active{}


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

/*---Pricing Table Structure CSS---*/
.px_pricing_table_layout{}		

/* -----------------------------------
  	14. Testimonial Section CSS
-------------------------------------*/
/*---Testimonial v1  CSS---*/
.px_testimonial_v1 {}
.px_testimonial_v1.et_pb_testimonial {
background:#fff!important;
overflow:visible !important;
box-shadow: 0 10px 43px 0 rgba(109,125,145,.14);
padding-top:20px !important;
padding-bottom:50px;
}
.px_testimonial_v1.et_pb_testimonial::after {
content: "";
position: absolute;
bottom: -20px;
width: 90%;
height: 90%;
z-index: -1;
border-radius: 10px;
left: 0;
right: 0;
margin: 0 auto;
background-color: #fff;
box-shadow: 0 10px 43px 0 rgba(109,125,145,.14);
visibility: visible;
}
/* Portarit CSS */
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_portrait::after{
content: "\f10d";
font-family: "FontAwesome";
font-weight: 900;
color: #fff;
background-color:  var(--px-color-1);
border-radius: 50%;
border: 4px solid #fff;
font-size: 15px;
padding: 5px 8px;
left: -10px;
top: 0;
position: absolute;
}
/*---Description---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description::after{
content: "\f005  \f005  \f005  \f005  \f005";
font-family: "FontAwesome";
font-weight: 900;
color:#ffb300;
position: absolute;
left:-90px;
bottom: -25px;
}
.px_testimonial_v1.content_left.et_pb_testimonial .et_pb_testimonial_description::after{
position: absolute;
left:0px;
}
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description {}
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner {}
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content {
margin-left: -90px !important;
padding-top: 90px;}
.px_testimonial_v1.et_pb_testimonial.content_left .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content {margin-left: 0px !important;}

/*---Author CSS---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author{
margin: 0 !important;
color:#000;
position:absolute;
top:0;
left:20px;
}
/*---Meta CSS---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta{
padding-bottom:15px;
position: absolute;
top: 30px;
left: 20px;
}
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta::after {
content: "";
height: 3px;
width: 28px;
background-color:  var(--px-color-1);
position: absolute;
bottom: 0;
left: 0;
border: none;
}
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_position{}
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_separator{}
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_company{}

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

/* Responsive CSS */
@media only screen and (max-width:576px){
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content {
margin-left:0px !important;
}
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description::after{
left:0px !important;
}
}
  

/*---Testimonial v2  CSS---*/
.px_testimonial_v2{}
.px_testimonial_v2.et_pb_testimonial {
background:transparent !important;
overflow:visible !important;
padding-top:20px !important;
}

/* Portarit CSS */
/*---Description---*/
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description::after{
content: "\f005  \f005  \f005  \f005  \f005";
font-family: "FontAwesome";
font-weight: 900;
color:#ffb300;
position: absolute;
left:-90px;
top: 120px;
}
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description {}
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner {}
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content {
margin-left: -65px !important;
padding-top: 170px;
padding-bottom: 5px;
color: #AEAEAE !important;
}
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content::before{
content:"";
position:absolute;
bottom:0px;
left:-90px;
height:90px;
width:3px;
background-color: var(--px-color-1);

}
/*---Author CSS---*/
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author{
margin: 0 !important;
color:#fff;
position:absolute;
top:0;
left:20px;
}
/*---Meta CSS---*/
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_meta{
padding-bottom:15px;
position: absolute;
top: 35px;
left: 20px;
color:#AEAEAE !important;
}
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_meta::after {
content: "";
height: 3px;
width: 30px;
background-color: var(--px-color-1);
position: absolute;
bottom: 0;
left: 0;
border: none;
}

/*Review */
.px_testimonial_v2 .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_v2 .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_v2 .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_v2 .px_review .et_pb_text_inner ul li:before{content:"\e033";font-family:ETmodules !important}
.px_testimonial_v2 .px_review .et_pb_text_inner ul li.star:before{content:"\e031"}
.px_testimonial_v2 .px_review .et_pb_text_inner ul li.star-0:before{content:"\e032"}

/* Responsive CSS */
@media only screen and (max-width:980px){
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content::before{height:65px;}
}

@media only screen and (max-width:576px){
/* Main CSS */
.px_testimonial_v2.et_pb_testimonial {padding:0 !important;}
/* Content CSS */
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content::before{height:150px;left:0}
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content {margin-left:20px !important;padding-top: 130px;}
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description::after{left:0px !important;top:90px;}
/* Author & Meta */
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author,
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_meta{left:0;}
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner {
  margin-top: 15px;
}
}


/* -----------------------------------
  	15. Hero Section CSS
-------------------------------------*/
/* Link CSS */
.px_hero_v1_link .et_pb_text_inner::after{
content: "";
height: 1px;
width: 0;
position: absolute;
right: 0;
bottom: -5px;
visibility: hidden;
background-color: #fff;
opacity: 0;
transition: all 0.8s;
}
/* Link Hover Effect */
.px_hero_v1_link:hover .et_pb_text_inner::after{
visibility: visible;
opacity: 1;
width: 100%;
}



/* -----------------------------------
  	16. About Us Section CSS
-------------------------------------*/
/*---About Us v1 CSS---*/
.px_aboutus_v1 {}
/*---About Us v2 CSS---*/
/* Blurb Icon CSS*/
.px_aboutus_v2_blurb .et_pb_blurb_content .et_pb_image_wrap .et-pb-icon{
color:var(--px-color-1) !important;
transition: all 1s;
}
.px_aboutus_v2_blurb .et_pb_blurb_content .et_pb_main_blurb_image::before{
content: "";
height: 60px;
width: 4px;
background-color: #d9e7ee;
position: absolute;
top: 0px;
left: 100px;
transition: all 1s;
}
.px_aboutus_v2_blurb .et_pb_blurb_content .et_pb_main_blurb_image::after{
content: "";
height: 16px;
width: 4px;
background-color: #d9e7ee;
position: absolute;
bottom: 0px;
left: 100px;
transition: all 1s;
}
/* Blurb Description CSS */
.px_aboutus_v2_blurb .et_pb_blurb_content .et_pb_blurb_container{
padding-left:70px !important;
}
/* Header Effect */
.px_aboutus_v2_blurb .et_pb_blurb_content .et_pb_module_header{
transition: all 1s;
}

/* Hover Effect */
/* Icon Hover Effect */
.px_aboutus_v2_blurb:hover .et_pb_blurb_content .et_pb_image_wrap .et-pb-icon{
transition: all 1s;
transform:scale(1.1);
}
.px_aboutus_v2_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image::before,
.px_aboutus_v2_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image::after{
background-color: var(--px-color-1);
transition: all 1s;
}
/* Header Hover Effect */
.px_aboutus_v2_blurb:hover .et_pb_blurb_content .et_pb_module_header{
color:var(--px-color-1) !important;
transition: all 1s;
}

/*---About Us v4 CSS---*/


/* -----------------------------------
Company Core Section CSS
-------------------------------------*/
/* Img CSS */
.px_core_blurb .et_pb_main_blurb_image { transition:1s;}
.px_core_blurb .et_pb_main_blurb_image .et_pb_image_wrap img{width:100%; height:220px; object-fit: cover; transition:1s;}
/* Number Span CSS */
.px_core_blurb .et_pb_blurb_description span{
opacity: 0.2;
font-size: 50px;
font-weight: bolder;
position: absolute;
right: 40px;
bottom: 40px;
transition:1s;
}
/* Description CSS */
.px_core_blurb .et_pb_blurb_container{padding: 0px 0px 20px 20px;}
/* Title CSS */
.px_core_blurb .et_pb_module_header{color:#000;transition:1s;}

/* Company Core Hover Effect */
/* Img Hover Effect */
.px_core_blurb:hover .et_pb_main_blurb_image{transform: translateY(-20px);transition:1s;}
/* Title Hover Effect */
.px_core_blurb:hover .et_pb_module_header{color:var(--px-color-1);transition:1s;}
/* Number Span Hover Effect */
.px_core_blurb:hover .et_pb_blurb_description span{color:var(--px-color-1);transform: scale(1.2);transition:1s;opacity:0.5;}

/* Responsive CSS */
/* Description CSS */
@media only screen and (max-width:576px){
.px_core_blurb .et_pb_blurb_container{padding: 0px 0px 100px 20px;}
}




/* -----------------------------------
  	17. Choose Us Section CSS
-------------------------------------*/
/*---Choose Us v1 CSS---*/
.px_choose_v1 {}

/* -----------------------------------
  	18. Process Section CSS
-------------------------------------*/
/*---Process Us v1 CSS---*/
.px_process_v1{}
/* Blurb CSS */
/* Image CSS */
.px_process_v1 .px_process_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image::before{
content:"";
height:160px;
width:160px;
background:transparent;
border: 2px dashed var(--px-color-1);
border-radius:50%;
animation: rotation 10s infinite;
position:absolute;
top:-23px;
left:-23px;
}
.px_process_v1 .px_process_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image {
width: 120px;
height:120px;
background:#fff;
border-radius:50%;
line-height:160px;
position:relative;
}
.px_process_v1 .px_process_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img{
width: 50px;
height:50px;
object-fit:contain;
filter: grayscale(100%);
transition:1s;
}
/* Image Hover Effect */
.px_process_v1 .px_process_v1_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img{
filter: grayscale(0);
transition:1s;
}
.px_process_v1 .px_process_v1_blurb:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{
color:var(--px-color-1) !important;
transition:1s;
}

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

/* -----------------------------------
  	20. Video Section CSS
-------------------------------------*/
/*---Video v1 CSS---*/
.px_video_v1 {}

/* -----------------------------------
  	21. Skill-bar Section CSS
-------------------------------------*/
/*---Skill-bar v1 CSS---*/
.px_skill_v1 {}
.px_bar_counter_v1 {}
/*---Title CSS---*/
.px_bar_counter_v1 li.et_pb_counter .et_pb_counter_title {}
.px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container{border-radius: 4px; background-color: #dbdee1;margin-top: 8px;}
/*---Percentage CSS---*/
.px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount{background-color: var(--px-color-1);border-radius: 4px;height:12px;}
/*---Percentage CSS---*/
.px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number {}
.px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number_inner{opacity:0;}

/* -----------------------------------
  	22. Counter Section CSS
-------------------------------------*/
/*---Counter v1 CSS---*/
.px_counter_v1{}
.px_counter_v1 .et_pb_circle_counter_inner .percent p{
position: relative !important;
padding: 50px 0px;
font-weight: 800;
color:#fff;
}
.px_counter_v1 .et_pb_circle_counter_inner .et_pb_module_header{
position: relative;
top: 25px;
font-size: 20px;
font-weight: 700; 
color:#fff;
}
/* Icon CSS */
.px_counter_v1_icon .et_pb_icon_wrap .et-pb-icon{color:#fff !important;font-size:50px!important;}

/* -----------------------------------
  	23. Newsletter Section CSS
-------------------------------------*/
/*---Newsletter v1 CSS---*/
.px_newsletter_v1 {}
/*Form Css*/
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_form .et_pb_newsletter_fields{
display:flex;
flex-wrap:nowrap;
justify-content:center !important;
}
/*Input Css*/
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field {
padding-bottom:0px !important;
margin-bottom:0px !important;
}
.px_newsletter_v1.et_pb_newsletter_form .input {}
.px_newsletter_v1.et_pb_newsletter_form .input::placeholder, #dct_email_v5 .et_pb_newsletter_form input[type=text]{}
.px_newsletter_v1 .et_pb_newsletter_form p.et_pb_newsletter_field input[type=text] {
font-size: 14px;
color: #fff;
height: 55px;
border: none;
border-radius: 27px;
background-color: var(--px-color-2);
padding: 0 20px !important;
width: 100%;
box-shadow: 0 14px 16px 0 rgb(0 0 0 / 3%);
}
/* Comming Soon Input */
.px_newsletter_v1.coming_soon .et_pb_newsletter_form p.et_pb_newsletter_field input[type=text]{
background-color: rgb(0 0 0 / 20%);
}
/*Button Css*/
.px_newsletter_v1.et_pb_newsletter.coming_soon .et_pb_newsletter_button_wrap {flex-basis: auto !important;}
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {
position: relative;
background-color: #fff !important;
color: #000;
opacity: 1;
text-transform: uppercase;
border: none;
overflow: hidden;
transition: all 0.3s;
z-index: 1;
box-shadow: 0 7px 24px 0 rgb(0 0 0 / 32%);
max-width:150px;
}
/* Comming Soon Button */
.px_newsletter_v1.et_pb_newsletter.coming_soon .et_pb_newsletter_button_wrap .et_pb_newsletter_button {
background-color: var(--px-color-1) !important;
color: #fff;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button .et_pb_newsletter_button_text {}

/* Hover Effect */
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover{box-shadow: none;}
/* Responsive CSS */
/*Form Css*/
@media only screen and (max-width:980px){
/*Button Css*/
.px_newsletter_v1.et_pb_newsletter.coming_soon .et_pb_newsletter_button_wrap,
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap {flex-basis: 50% !important;}
}
@media only screen and (max-width:576px){
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_form .et_pb_newsletter_fields{
display:block;
}
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {
max-width:100%;
}
}

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

/* -----------------------------------
  	24. CTA Section CSS
-------------------------------------*/
/*---CTA v1 CSS---*/
.px_CTA_v1 {}
/*---CTA v2 CSS---*/
.px_CTA_v2 {}



/* -----------------------------------
  	25. Client Section CSS
-------------------------------------*/
.px_client_v1 .px_client_v1_img img{opacity: 1;}
.px_client_v1 .px_client_v1_img:hover img{filter: var(--px-filter);}



/* -----------------------------------
  	26. Coming Soon Page CSS
-------------------------------------*/
/* Social Link CSS */
.px_coming_soon_social li a{margin-right:30px;transition:1s !important;}
.px_coming_soon_social li a::before{font-size:28px!important;color:#000!important;transition:1s !important;}
.px_coming_soon_social li a:hover::before{color:var(--px-color-1)!important;transform: translateY(-10px);transition:1s;}
 
/* -----------------------------------
  	27. 404 Page CSS
-------------------------------------*/


/* -----------------------------------
  	28. Search Page CSS
-------------------------------------*/

.px_search_page_bar .et_pb_searchform input.et_pb_searchsubmit {
  background-color: var(--px-color-1) !important;
  color: #fff !important;
  padding: 0px 25px;
  font-weight: 600;
  border-radius: 0 5px 5px 0;
}


/* -----------------------------------
  	29. Tab Control CSS
-------------------------------------*/
.px_tab_v1 {}
/*Tabs Title Css*/
.px_tab_v1 .et_pb_tabs_controls{background-color: transparent !important;}
.px_tab_v1 .et_pb_tabs_controls::after{border:none!important;}
.px_tab_v1 .et_pb_tabs_controls li {border:none!important;margin: 0px 10px 15px 5px;}
.px_tab_v1 .et_pb_tabs_controls li.et_pb_tab_active a{color:#fff!important;background:var(--px-color-1);border-radius:3px;border-color:var(--px-color-1);}
.px_tab_v1 .et_pb_tabs_controls li.et_pb_tab_active a::after{
content: "";
height: 0;
width: 0;
position: absolute;
bottom: -10px;
left: 80px;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
border-top: 16px solid var(--px-color-1);
z-index: -1;
}
.px_tab_v1 .et_pb_tabs_controls li a{border:1px solid #e6e6e6;border-radius:3px;transform: translateY(-30px);background:#fff;padding: 14px 35px;font-size: 18px;font-weight: 700;color: #444;text-align: center;}
/*Tabs Content Css*/
.px_tab_v1 .et_pb_all_tabs{}
.px_tab_v1 .et_pb_all_tabs .et_pb_tab{padding-top: 0px;}
.px_tab_v1 .et_pb_all_tabs .et_pb_tab.et-pb-active-slide{}
.px_tab_v1 .et_pb_all_tabs .et_pb_tab .et_pb_tab_content {}

/* Responsive CSS */
@media only screen and (max-width:576px){
	.px_tab_v1 .et_pb_tabs_controls li {display:flex;justify-content:center;}
}



/*-------------------------------------------
  -- 30. Color Picker CSS
-------------------------------------------*/
.tm-font-selector div, .tm-color-selector div,
.pickr .pcr-button::before ,
.pickr .pcr-button::after {border-radius: 50%;}
/*Front Color Picker Css */
.px-color-switcher {
  position: fixed;
  left: 8px;
  top: 50%;
  z-index: 1000;
  display: block;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  border-radius: 64px;
  padding: 15px 10px 15px 10px;
  background-color: #fff;
  font-size: 12px;
  width: 65px;
  line-height: 1.3;
  background: linear-gradient(145deg, #e2e8ec, #fff);
  box-shadow: 5px 5px 15px #d1d9e6, -5px -5px 15px #fff;
  transition: all 200ms ease-in-out;
}
.px-color-switcher .close {
  font-size: 14px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
  color: #fff;
  z-index: 20;
  text-align: center;
  line-height: 24px;
  width: 20px;
  height: 20px;
  display: block;
  opacity: 1;
  background-color: #333;
  transition: all 0.5s ease;
  cursor: pointer;
  box-shadow: 5px 5px 15px #d1d9e6, -5px -5px 15px #fff;
}
.px-color-switcher .close:hover {
  background: #fff;
  color:#333 !important;
} 
.px-color-switcher.closed {
  padding: 10px 8px 6px 10px;
  left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  transition: all 0.25s ease;
}

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

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

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

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

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

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

}

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

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

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

.px-font-selector div:hover,
.px-color-selector div:hover {
  background: linear-gradient(145deg,rgba(0,0,0,0.5), #fff);
  box-shadow: 5px 5px 15px rgba(0,0,0,0.5), -5px -5px 15px #fff;
}
.px-custom-field {
  padding: 0;
  border: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-bottom: 14px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  display: block;
}
/*Color Picker Tooltip Css */
.px-color-selector {position: relative;;}
.px-color-switcher .px_tooltip {
  opacity:0;
  visibility:hidden;
  -webkit-transform:scale(.7);
  -moz-transform:scale(.7);
  -ms-transform:scale(.7);
  transform:scale(.7);
  position:absolute;
  background-color:#fff;
  font-size:13px;
  margin:0;
  padding:0px 20px;
  font-family:inherit;
  width:auto;
  font-weight:600;
  line-height:36px;
  letter-spacing:.1px;
  left:5px;
  top:0px;
  border-radius:3px;
  white-space:nowrap;
  -webkit-box-shadow:0 5px 40px rgb(0 0 0 / 7%),0 0 3px -1px rgb(83 45 245 / 15%);
  -moz-box-shadow:0 5px 40px rgb(0 0 0 / 7%),0 0 3px -1px rgb(83 45 245 / 15%);
  box-shadow:0 5px 40px rgb(0 0 0 / 7%),0 0 3px -1px rgb(83 45 245 / 15%);
  -moz-transition:all .3s cubic-bezier(0.64,-0.09,0.13,1.15);
  -o-transition:all .3s cubic-bezier(0.64,-0.09,0.13,1.15);
  transition:all .3s cubic-bezier(0.64,-0.09,0.13,1.15);
  color: #333;
  }
  .px-color-switcher .px_tooltip span {
  display:block;
  position:absolute;
  left:-5px;
  top:12px;
  width:0;
  height:0;
  border-right:5px solid #fff;
  border-bottom:5px solid transparent;
  border-top:5px solid transparent;
  }
  .px-color-switcher .px-color-selector:hover .px_tooltip {
  opacity:1;
  left:45px;
  visibility:visible;
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
  }

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

/* Bottom To Top */
@keyframes toBottomFromTop {
 49% {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
 }
 50% {
  opacity:0;
  -webkit-transform:translateY(100%);
  transform:translateY(100%)
 }
 51% {
  opacity:1
 }
}

/* Left To Right */
@keyframes toRightFromLeft {
49% {
  transform: translateX(100%);
}
50% {
  opacity: 0;
  transform: translateX(-100%);
}
51% {
  opacity: 1;
}
}

/* Pluse Effect */
@keyframes pulse-border {
0% {
  transform: translateX(-50%) translateY(-50%) translateZ(0) scale(.5);
  opacity: 1;
}
100% {
  transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
  opacity: 0;
}
}

/* Paralax Effect */
@keyframes paralax1{
0% {
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}
50% {
  -webkit-transform: translateY(-20px) translateX(10px);
  transform: translateY(-20px) translateX(10px);
}
100% {
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}
}

/* Rotation Effect */
@keyframes rotation {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}






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

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

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


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


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

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


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

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

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


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


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

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

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


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

/*Popup Overlay Css Move Up Start Here*/
body:not(.et-fb) .px-popup-wrapper .px-popup-content.px_move_up  {top: unset;min-height: auto;right: 20px;}
.px-popup-wrapper .px_move_up { transform: translateY(100%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important;	}
.px-popup-wrapper.popup-is-visible  .px_move_up {transform: translateY(-30px);	}


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


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

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

.px_icon_bar {padding: 0px !important; background: var(--px-color-1) !important;border-radius: 5px;border: 2px solid #e4e7ee;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-box-shadow: 0px 0px 0px 0px;box-shadow: 0px 0px 0px 0px;}
.px_icon_bar:after {padding:7px 15px 7px 9px;display: block;position: relative;-webkit-transition: all 0.5s ease;color:#fff !important;font-size:20px !important;}
.px_icon_bar:before {content: "";position: absolute;width: 38px;height: 38px;border-radius: 5px;background: var(--px-color-1);border-radius: 5px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;;display:block !important;}
.px_icon_bar:hover {background: var(--px-color-2)!important;}
.px_icon_bar:hover:before {width: 100%;height: 100%;}