/*
Theme Name: Advisor
Theme URI: https://divi.pixelsbuilderplus.com/advisor
Description: Advisor Divi Theme that is designed to build Business, Finance, Consultancy, and other Agencies Services websites and it is suitable for any kind of small business activity. 
Author: Pixels Builder Plus
Author URI: https://pixelsbuilderplus.com/
Template: Divi
Version: Updated for Divi 4+
*/
/* -----------------------------------------------------------------------------   
    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 Client CSS
	27 Search Page CSS
	28 Feature Css
	29 Accordion Css
	30 Hero Css
    00 Color Picker CSS
    00 Animation Part CSS

--------------------------------------------------------*/

/*-------------------------------------------
    -- 01. Global Class CSS Code Start Here
  -------------------------------------------*/

/* Column Reverse */
@media screen and (max-width: 980px) {

    /* Responsive Col */
    .px_col_reverse,
    .px_special_col_reverse .et_pb_row {
        display: flex;
        flex-direction: column-reverse;
    }

    .px_col_order {
        order: 1 !important;
    }
}

/*Button Css Start*/
.px_btn {
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 0px;
    background-color: var(--px-color-1);
    border: 2px solid var(--px-color-1);
    font-weight: 700;
    text-transform: capitalize;
    border-radius: 5px;
    color: #fff;
    line-height: 25px;
    font-size: 16px !important;
    box-shadow: 0 11px 27px rgba(0, 9, 71, .13);
    transition: all 0.3s ease-out 0s;
}

.px_btn:hover,
.px_btn.dark:hover {
    background-color: #fff;
    color: var(--px-color-1) !important;
}

/*Light Button Css Start*/
.px_btn.light {
    background-color: #fff;
    color: var(--px-color-2);
    border: 2px solid #fff;
}

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

/*Dark Button Css Start*/
.px_btn.dark {
    background-color: var(--px-color-2);
    border: 2px solid #fff;
}

/*Line Button Css Start*/
.px_btn.line {
    font-weight: 700;
    color: var(--px-color-1);
    text-decoration: underline;
    background: transparent;
    transition: all 0.3s ease-out 0s;
    margin-left: 0px;
}

.px_btn.line:hover {
    color: var(--px-color-2);
    text-decoration: underline;
}

.px_btn.line::after {
    margin-left: 0px;
}

.px_btn.line:hover::after {
    margin-left: 12px !important;
}

/*Title Css Start Here */

.px_sub_title {
    background-color: #fff;
    box-shadow: 0 11px 27px rgb(0 9 71 / 13%);
    border-radius: 50px;
    width: fit-content;
    margin: auto;
    padding: 10px 35px;
}

.px_sub_title .et_pb_text_inner {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: var(--px-color-1) !important;
    margin: auto;
    /* 	 width: fit-content; */
    text-align: center;
}

.px_sub_title_left_align,
.px_slider_v2 .et_pb_slide .et_pb_slide_title {
    margin: 0;
}

.px_sub_title .et_pb_text_inner::before {
    content: "" !important;
    position: absolute !important;
    display: block;
    background-color: var(--px-color-1);
    width: 8px;
    height: 8px;
    top: 50%;
    left: -20px;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
}

.px_sub_title .et_pb_text_inner::after {
    content: "" !important;
    position: absolute !important;
    background-color: var(--px-color-1);
    width: 8px;
    height: 8px;
    top: 50%;
    right: -20px;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
}

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

    .px_sub_title_left_align {
        margin: auto;
    }
}

/*Title H2 Css Start Here */
.px_title {
    color: var(--px-color-2);
    margin: 0px;
    margin-bottom: 0px;
    margin-bottom: 0px;
    font-weight: 700px !important;
}

/*Title Desc Css Start Here */
.px_title_desc {
    color: #74787c;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
}

/*Icon Animation Effects Css */
.px_animation_icon .et_pb_icon_wrap {
    position: relative;
    overflow: visible !important;
    background: #fff;
    border-radius: 50%;
}

.px_animation_icon .et_pb_icon_wrap .et-pb-icon {
    color: var(--px-color-1) !important;
    padding: 20px;
    border-radius: 50%;
}

.px_animation_icon .et_pb_icon_wrap::after {
    content: "";
    position: absolute;
    z-index: -2;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 50%;
    animation: pulse-border2 1500ms ease-out infinite;
    -webkit-animation: pulse-border2 1500ms ease-out infinite;
    opacity: 0.65;
}

.px_animation_icon .et_pb_icon_wrap:hover::after {
    animation-play-state: paused;
}

/*-------------------------------------------
    -- 01. Global Class CSS Code Start Here
  -------------------------------------------*/

/*-------------------------------------------
    -- 02. Header Section CSS Code Start Here
  -------------------------------------------*/
/* header_v1 Css Start*/

.px_header_title .et_pb_module_header {
    color: #fff;
    margin-bottom: 25px;
    font-size: 65px;
    line-height: 1em;
    font-weight: 800;
}

.px_header_home_link {
    line-height: 1em !important;
}

.px_header_breadcrumbs .et_pb_button_module_wrapper #px_header_title_btn.px_header_title_link {
    color: #fff !important;
    font-size: 18px;
    font-weight: 700 !important;
    text-decoration: underline;
}

.px_h_social_info li a::before {
    color: #fff !important;
}

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

.px_h_contact_info::before {
    color: var(--px-color-1) !important;
    font-size: 30px !important;
}

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

.px_h_consultation_info:hover {
    background-color: transparent;
    padding: 20px 35px;
}

/* Header v1 Menu UL Li Css Start*/
.px_h_menu .et-menu-nav ul.et-menu>li:hover>a {
    color: var(--px-color-1) !important;
}

.px_h_menu .et-menu-nav ul>li>a::before {
    position: absolute;
    bottom: 5px;
    left: 0;
    content: "";
    width: 0;
    height: 1px;
    background-color: var(--px-color-1);
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.px_h_menu .et-menu-nav ul>li>a:hover::before {
    width: 100%;
}

.px_h_menu .et-menu-nav ul a {
    color: var(--px-color-1) !important;
}

.px_h_menu .sub-menu li a {
    color: var(--px-color-1) !important
}

/* Header v1 Sub Menu UL Li Css Start*/
.px_h_menu.et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav li ul.sub-menu a:hover {
    color: var(--px-color-1) !important;
    opacity: 1;
    background: transparent;
}

.px_h_menu.et_pb_menu .et-menu>li {
    padding-left: 8px;
    padding-right: 8px;
}

/* .px_h_menu.et_pb_menu.et_pb_menu_0_tb_header ul li a {
	color: #000 !important;
} */
.px_h_menu .sub-menu {
    top: 0%;
    min-width: 240px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 99;
    padding: 5px 0px !important;
    height: auto;
    text-align: left;
    border-radius: 5px;
    -webkit-box-shadow: 0 30px 70px 0 rgba(137, 139, 142, 0.15);
    box-shadow: 0 30px 70px 0 rgba(137, 139, 142, 0.15);
}

.px_h_menu .sub-menu li {
    display: block;
    margin: 0;
}

.px_h_menu .sub-menu li a {
    display: block;
    padding: 0px;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    border-radius: 0;
    line-height: 2.7;
    margin: 0;
    font-size: 16px;
    color: #1a1a1a;
}

.px_h_menu .sub-menu li:hover>a {
    color: var(--px-color-1) !important;
}

/* header_v1 Css End */
/*-------------------------------------------
    -- 02. Header Section CSS Code End Here
  -------------------------------------------*/
/*-------------------------------------------
    -- 03. Footer Section CSS Code Start Here
  -------------------------------------------*/
/* Footer V1 Css Start  */
.px_f_footer_v1.et_pb_section {
    background-color: var(--px-color-2);
}

/* Footer Social Css */
.px_footer_title {
    position: relative;
    margin-bottom: 15px !important;
}

.px_footer_title:before {
    position: relative;
    bottom: 0;
    content: '';
    display: inline-block;
    height: 3px;
    left: 0;
    background-color: #fff;
    position: absolute;
    width: 50px;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

.px_footer_social {
    margin-top: -10px !important;
}

.ppx_footer_social li {
    height: 40px;
    width: 40px;
    min-width: 40px;
    line-height: 39px;
    margin-right: 10px;
    font-size: 16px;
    text-align: center;
    border-radius: 40px;
    background-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.5);
    transition: all 0.8s ease 0s;
    opacity: 0.5;
}

.px_footer_social li:hover {
    background-color: var(--px-color-1);
    color: rgb(255, 255, 255);
    opacity: 1;
}

.px_footer_social li a {
    margin-right: 0px;
}

/* Footer Title Css */
.px_footer_service:hover {
    color: var(--px-color-1) !important;
}

/* Footer Burlb Icon Css */
.px_footer_office .et-pb-icon {
    color: var(--px-color-1) !important;
}

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

/* Footer V1 Css End  */
/*-------------------------------------------
    -- 03. Footer Section CSS Code End Here
  -------------------------------------------*/
/*-------------------------------------------
    -- 05. Blog Post CSS Start Here
  -------------------------------------------*/
/*  Blog v1 css start  */
/*.px_blog_v1 .et_pb_post {
	border-radius: 15px;
	box-shadow: 0 11px 27px rgba(0, 9, 71, .13);
}
*/
.shado article {
    box-shadow: 0 11px 11px rgba(0, 9, 71, .13);
    padding: 20px;
}

.shado .slick-slide article {
    box-shadow: 0 11px 11px rgba(0, 9, 71, .13);
    padding: 20px;
}

.px_blog_v1 .et_pb_post{
  position: relative;
	margin-bottom: 100px!important;
	transition: all .5s ease;
  }
  .px_blog_v1 .et_pb_post:hover {
	border-color: #fff;
	background: #fff;
	-webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .05);
	-ms-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .05);
	-o-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .05);
	box-shadow: 0 0 50px 0 rgba(0, 0, 0, .05)
}
.px_blog_v1 .et_pb_post .entry-featured-image-url {
	position: relative;
	overflow: hidden
}

.px_blog_v1 .et_pb_post .entry-featured-image-url:before {
	background: rgba(0, 0, 0, .7) none repeat scroll 0 0;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scale(0);
	content: '';
	transition: all .5s ease 0s;
	z-index: 1
}

.px_blog_v1 .et_pb_post:hover .entry-featured-image-url:before {
	transform: scale(1)
}
.px_blog_v1 .et_pb_post:hover .entry-featured-image-url img {
	transform: scale(1.05)
}

.px_blog_v1 .et_pb_post .published {
	position: absolute;
	left: -50px;
	bottom: 0;
	margin-bottom: 40px;
	font-size: 13px;
	line-height: 24px;
	font-weight: 600;
	color: #909090;
	transform: rotate(-90deg);
	text-transform: uppercase;
}

.px_blog_v1 .et_pb_post .published:before {
	position: absolute;
	content: '';
	background: #e2e2e2;
	width: 70px;
	height: 1px;
	left: 70px;
	top: 11px;
	z-index: -1
}
.px_blog_v1 .et_pb_post .blog_list:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	visibility: visible;
	border-bottom: 2px solid #35A80C;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	-moz-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.px_blog_v1 .et_pb_post:hover .blog_list:after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	-moz-transform: scaleX(1);
	transform: scaleX(1)
}

.px_blog_v1 .et_pb_post .blog_list {
	background: #fff;
	z-index: 1;
	border-radius: 5px;
	border-top-right-radius: 0;
	bottom: -50px;
	top: auto;
	right: 0;
	left: 20%
}

.px_blog_v1 .et_pb_post .blog_list:before {
	position: absolute;
	content: '+';
	display: inline-block;
	font-size: 35px;
	font-weight: 400;
	color: #fff;
	background: #35A80C;
	width: 55px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	border-radius: 50%;
	transition: all .5s ease;
	top: -27px;
	right: 27px
}

.px_blog_v1 .et_pb_post:hover .blog_list:before {
	
}
.px_blog_v1 .et_pb_post .post-meta a {
	color: #35A80C;
}
.dct_blog_v2 .et_pb_post .more-link:hover:before {
	background-color: #fff;
}
.px_blog_v1 .et_pb_post .more-link:before {
	background-color: #35A80C;
	top: 50%;
	content: "";
	width: 30px;
	height: 1px;
	color: inherit;
	position: absolute;
	right: 10px;
	opacity: 1;
	margin-left: 0;
	display: block;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transform: translateY(-50%)
}

.px_blog_v1 .et_pb_post .more-link:after {
	font-family: ETmodules!important;
	content: "%";
	font-size: 14px;
	line-height: normal;
	top: 50%;
	transform: translateY(-50%);
	margin-left: 0;
	opacity: 1;
	position: absolute;
	right: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 1px
}

.px_blog_v1 .pagination .alignleft,
.px_blog_v1 .pagination .alignright {
	overflow: hidden;
	width: auto;
	margin: 0 auto;
	float: none;
	text-align: center;
	display: inline-block;
	line-height: 50px
}

.px_blog_v1 .pagination .alignleft a,
.px_blog_v1 .pagination .alignright a {
	background-color: #35A80C;
	padding: 10px 22px!important;
	border: none!important;
	border-radius: 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all .5s !important;
}

.px_blog_v1 .pagination .alignleft a:hover,
.px_blog_v1 .pagination .alignright a:hover {
	text-shadow: 0 0 3px #333;
	background-color: #082c4b;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, .2)
}
  @media only screen and (min-width:768px) and (max-width:980px) {
	.px_blog_v1 .et_pb_post {
		float: none;
		width: 450px !important;
		margin: 0 auto 80px !important;
	}
	.px_blog_v1 .et_pb_blog_grid .column {
		float: none !important;
		width: auto !important;
	}
}


/*
.px_blog_v1 .et_pb_post .entry-featured-image-url img {
    border-radius: 15px;
    box-shadow: 0 11px 27px rgba(0, 9, 71, .13);
}

.px_blog_v1 .et_pb_post .post-meta {
    position: relative;
    top: -125px;
    font-size: 18px;
    transition: all 0.3s ease-out 0s;
    line-height: 30px;
    z-index: 9999999999;
}

.px_blog_v1 .et_pb_post .published {
    position: absolute;
    top: -55px;
    right: -20px;
    background-color: var(--px-color-1);
    padding: 5px 10px;
    font-size: 20px;
    color: #fff;
    border-radius: 10px 0px 0px 10px;
}

.px_blog_v1 .et_pb_post .entry-title {
    font-size: 23px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: -0.03em;
    margin-bottom: 13px;
    position: relative;
    top: 40px;
}

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

.px_blog_v1 .et_pb_post .post-content-inner p {
    margin-bottom: 10px;
    color: #74787c;
    margin: 0px;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 10px;
}

.px_blog_v1 .et_pb_post .more-link {
    font-weight: 700;
    color: var(--px-color-1);
    text-decoration: underline;
    transition: all 0.3s ease-out 0s;
    font-size: 16px;
    margin-bottom: 10px;
}

.px_blog_v1 .et_pb_post .more-link:hover {
    color: var(--px-color-2);
    text-decoration: underline;
}

.px_blog_v1 .et_pb_post .more-link::after {
    display: inline-block;
    content: "\39";
    font-family: "ETmodules";
    font-weight: 400;
    transition: all 0.3s ease-out 0s;
    font-size: 18px;
    position: absolute;
    margin-left: 5px;
}

.px_blog_v1 .et_pb_post .more-link:hover::after {
    margin-left: 12px !important;
}
*/
/*---  Blog v1 css End ---*/
/*--- blog grid 2 column inner css start ---*/
.px_blog_grid_2_col .et_pb_ajax_pagination_container {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(2, 50%);
}

.px_blog_grid_2_col .info {
    padding: 20px;
}

.px_blog_grid_2_col .info .post-meta {
    top: -100px;
}

.px_blog_grid_2_col .info .entry-title {
    margin-bottom: 0px;
    top: 23px;
    overflow: hidden;
    height: 78px;
}

.px_blog_v1 .pagination {
    width: fit-content;
}

.px_blog_v1 .pagination .alignleft a,
.px_blog_grid_2_col .pagination .alignleft a {
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 0px;
    background-color: var(--px-color-1);
    border: 2px solid var(--px-color-1);
    font-weight: 700;
    text-transform: capitalize;
    border-radius: 5px;
    line-height: 25px;
    font-size: 16px !important;
    box-shadow: 0 11px 27px rgba(0, 9, 71, .13);
    transition: all 0.3s ease-out 0s;
    color: #fff !important;
    padding: 10px 10px 10px 10px !important;
}

.px_blog_v1 .pagination:hover .alignleft a,
.px_blog_grid_2_col .pagination:hover .alignleft a {
    background-color: black;
    color: #fff;
}

.px_blog_right_img .et_pb_post {
    display: flex;
    flex-direction: row-reverse;
    padding: 0px;
}

/*--- blog grid 2 column inner css End ---*/
/*--- Right Side Image Css Start ---*/
.px_blog_right_img .et_pb_post {
    margin-left: -65px;
}

.px_blog_right_img .info {
    box-shadow: 0 11px 27px rgba(0, 9, 71, .13);
    padding: 80px 30px 20px 40px;
    height: 60% !important;
    z-index: 99999;
    position: relative;
    left: 70px;
    background-color: #fff;
    top: 30px;
    border-radius: 6px;
    width: 220%;
}


.px_blog_right_img .et_pb_post .entry-featured-image-url {
    width: 290%;
}

.px_blog_right_img .et_pb_post .entry-featured-image-url img {
    height: 450px;
}

.px_blog_right_img .entry-title {
    top: 10px !important;
}

.px_blog_right_img .published {
    top: -70px !important;
    right: -30px !important;
}

.px_blog_right_img .post-content {
    margin-bottom: 0px !important;
}

.px_blog_right_img .post-content-inner p {
    margin-top: -35px !important;
}

/*--- Right Side Image Css End ---*/
/*--- Left Side Image Css Start ---*/
.px_blog_left_img .et_pb_post {
    display: flex;
}

.px_blog_left_img .info {
    box-shadow: 0 11px 27px rgba(0, 9, 71, .13);
    padding: 80px 30px 40px 40px;
    height: 60% !important;
    z-index: 99999;
    position: relative;
    left: -70px;
    background-color: #fff;
    top: 20px;
    border-radius: 6px;
}

.px_blog_left_img .et_pb_post .entry-featured-image-url {
    width: 250%;
}

.px_blog_left_img .et_pb_post .entry-featured-image-url img {
    height: 455px;
}

.px_blog_left_img .entry-title {
    top: 10px !important;
}

.px_blog_left_img .published {
    border-radius: 0px 10px 10px 0px !important;
    left: -41px !important;
    right: 270px !important;
}

.px_blog_left_img .post-content {
    margin-bottom: 0px !important;
}

.px_blog_left_img .post-content-inner p {
    margin-top: -35px !important;
}

/*--- Left Side Image Css End ---*/
/*--- Side Bar Css Start Here ---*/
.px_blog_sidebar_v1 .widget_search .searchform #searchsubmit {
    background-color: var(--px-color-1);
    border: none;
    color: #fff;
}

.px_blog_sidebar_v1 .widgettitle {
    font-weight: 600;
    font-size: 30px;
    padding-left: 15px;
    padding-bottom: 0px;
    border-left: 3px solid var(--px-color-1);
    margin-bottom: 20px;
}

.px_blog_sidebar_v1 .px_contact .et_contact_bottom_container {
    float: left;
    margin-top: 10px;
}

.px_blog_sidebar_v1 .widget_categories .cat-item a {
    color: #222;
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    padding: 12px 0 12px 14px;
    position: relative;
    z-index: 1;
    font-family: fira sans, sans-serif;
    transition: all 0.4s;
    position: relative;
}

.px_blog_sidebar_v1 .widget_categories ul li {
    border-bottom: 1px solid rgba(26, 26, 26, 0.071);
}

/*.px_blog_sidebar_v1 .widget_categories .cat-item a:before {
    content: "\35";
    font-family: 'ETmodules';
    font-weight: bolder;
    position: absolute;
    font-size: x-large;
    left: -15px;
    display: block;
        color: #222;
    transition: all 0.4s;
}*/

.px_blog_sidebar_v1 .widget_categories .cat-item a:hover:before {
    margin-left: 5px;
    color: var(--px-color-1);
}

.px_blog_sidebar_v1 .widget_categories .cat-item a:hover {
    color: var(--px-color-1);
}

.px_blog_sidebar_v1 .widget_media_gallery .et_overlay {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}

.px_blog_sidebar_v1 .widget_media_gallery .et_portfolio_image:hover .et_overlay {
    z-index: 3;
    opacity: 1;
}

.px_blog_sidebar_v1 .widget_media_gallery .et_overlay:before {
    color: #fff;
    content: "\55";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    transition: all .4s;
    font-family: ETmodules !important;
    font-weight: 400;
}

.px_blog_sidebar_v1 .widget_tag_cloud .tagcloud .tag-cloud-link {
    background-color: #fff;
    border: 1px solid #eeecec;
    padding: 0 16px;
    color: #000;
    display: inline-block;
    font-size: 16px !important;
    line-height: 27px;
    font-weight: 700;
    margin-right: 2px;
    margin-top: 10px;
    position: relative;
    z-index: 1;
    font-family: fira sans, sans-serif;
    text-transform: capitalize;
}

.px_blog_sidebar_v1 .widget_tag_cloud .tagcloud .tag-cloud-link:hover {
    color: #fff;
    background-color: var(--px-color-1);
    border-color: var(--px-color-1);
}

.px_contact_sidebar .et_pb_contact_submit {
    border-radius: 3px;
    position: relative;
    z-index: 1;
    /* background-color: red; */
    /* padding: 10px; */
    top: 15px;
    border-width: 0px;
    border-radius: 5px;
    background-color: var(--px-color-1);
    transition: all 0.4s;
    /* background: #08203a; */
    color: #fff;
    text-transform: capitalize;
}

.px_contact_sidebar .et_pb_contact_submit:hover {
    background-color: var(--px-color-2);
}

.px_contact_sidebar .more-link:hover {}

.px_contact_sidebar .et_pb_contact_submit::after {
    content: "\35";
    position: absolute;
    margin: 0 !important;
    font-family: 'ETmodules';
    font-weight: 400;
}

.px_social_sidebar {
    padding-top: 90px !important;
    padding-right: 30px !important;
    padding-bottom: 40px !important;
    padding-left: 30px !important;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 4%);
    border: 1px solid #EBEEEF;
}

.px_social_sidebar:before {
    content: "Follow Us";
    position: absolute;
    top: 30px;
    border-left: 3px solid var(--px-color-1);
    padding-left: 20px;
    font-size: 25px;
    color: #000;
}

.px_social_sidebar li a:before {
    background-color: #E2E2F3 !important;
    color: #000 !important;
    transition: all 0.04s;
}

.px_social_sidebar li a:hover:before {
    background-color: var(--px-color-1) !important;
    color: #fff !important;
}

.px_blog_left_sidebar .info .post-meta {
    position: relative;
    top: -55px;
    font-size: 18px;
    transition: all 0.3s ease-out 0s;
    line-height: 30px;
    z-index: 9999999999;
}

.px_blog_left_sidebar .published {
    position: absolute;
    top: -55px;
    right: 0px !important;
    background-color: var(--px-color-1);
    padding: 5px 10px;
    font-size: 20px;
    color: #fff;
    border-radius: 10px 0px 0px 10px;
}

/*--- Side Bar Css End Here ---*/

.px_blog_scocial_v1 li a.icon::before {
    color: var(--px-color-2);
}

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

.px_blog_tags_v1 .et_pb_text_inner a {
    padding: 10px 25px;
    border-radius: 5px;
    box-shadow: 0px 10px 60px 0px rgba(94, 94, 94, 0.2);
    background-color: #fff;
    font-weight: 700;
    color: #1a1a1a;
    margin-left: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    transition: all 0.3s;
}

.px_blog_tags_v1 .et_pb_text_inner a:hover {
    background-color: var(--px-color-1);
    color: #fff;
    box-shadow: 0px 10px 60px 0px rgba(243, 77, 30, 0.2);
}

.px_details_parsone_v1 {
    padding: 40px 50px 30px;
    border: 1px solid rgba(26, 26, 26, 0.102);
    margin-bottom: 80px;
}

.px_details_parsone_v1 .et_pb_team_member_description .et_pb_module_header {
    font-size: 22px;
    line-height: 32px;
    font-weight: 800;
}

.px_details_parsone_v1 .et_pb_team_member_description div {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 30px;
}

.px_details_parsone_v1 .et_pb_member_social_links a:hover {
    color: var(--px-color-1);
}

.px_blog_comment_v1 .commentlist {
    margin-left: 40px;
}

.px_blog_comment_v1 .comment-respond h3 {
    letter-spacing: -0.03em;
    font-size: 23px;
    line-height: 32px;
    font-weight: 800;
}

.px_pre_btn .nav-previous a {
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 0px;
    background-color: var(--px-color-1);
    border: 2px solid var(--px-color-1);
    font-weight: 700;
    text-transform: capitalize;
    border-radius: 5px;
    line-height: 25px;
    font-size: 16px !important;
    box-shadow: 0 11px 27px rgba(0, 9, 71, .13);
    transition: all 0.3s ease-out 0s;
    transition-property: all;
    transition-property: all;
    color: #fff !important;
    padding: 10px 25px 10px 25px !important;
}

.px_pre_btn .nav-next a {
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 0px;
    background-color: var(--px-color-1);
    border: 2px solid var(--px-color-1);
    font-weight: 700;
    text-transform: capitalize;
    border-radius: 5px;
    line-height: 25px;
    font-size: 16px !important;
    box-shadow: 0 11px 27px rgba(0, 9, 71, .13);
    transition: all 0.3s ease-out 0s;
    transition-property: all;
    transition-property: all;
    color: #fff !important;
    padding: 10px 25px 10px 25px !important;
}

.px_blog_comment_v1 .comment-form .comment-notes {
    font-size: 16px;
    line-height: 30px;
}

.px_blog_comment_v1 .form-submit .et_pb_button {
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 0px;
    background-color: var(--px-color-1);
    border: 2px solid var(--px-color-1);
    font-weight: 700;
    text-transform: capitalize;
    border-radius: 5px;
    line-height: 25px;
    font-size: 16px !important;
    box-shadow: 0 11px 27px rgba(0, 9, 71, .13);
    transition: all 0.3s ease-out 0s;
    transition-property: all;
    transition-property: all;
    color: #fff !important;
    padding: 10px 25px 10px 25px !important;
}

.px_blog_comment_v1 .form-submit .et_pb_button:hover {
    background-color: var(--px-color-2);
}

.px_blog_comment_v1 .form-submit .et_pb_button:after {
    content: "";
    position: absolute;
}

.px_blog_comment_v1 .comment {
    padding: 40px 50px 0px;
    border: 1px solid rgba(26, 26, 26, 0.102);
    margin-bottom: 20px;
}

.px_blog_comment_v1 .comment_postinfo .fn a {
    font-size: 22px;
    line-height: 32px;
    font-weight: 800;
}

.px_blog_comment_v1 .comment_postinfo .comment_date {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 30px;
}

.px_blog_comment_v1 .comment_area {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 30px;
}

.px_blog_comment_v1 .reply-container a {
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 0px;
    background-color: var(--px-color-1);
    border: 2px solid var(--px-color-1);
    font-weight: 700;
    text-transform: capitalize;
    border-radius: 5px;
    line-height: 25px;
    font-size: 16px !important;
    box-shadow: 0 11px 27px rgba(0, 9, 71, .13);
    transition: all 0.3s ease-out 0s;
    transition-property: all;
    color: #fff !important;
    padding: 10px 25px 10px 25px !important;
}

.px_blog_comment_v1 .reply-container a:hover {
    background-color: var(--px-color-2);
}

.px_blog_comment_v1 .reply-container a:after {
    content: "";
    position: absolute;
}

.px_blog_detail_column .et_pb_column_2_3 .et_section_regular {
    box-shadow: none;
}

.px_blog_v1 .more-link:hover:before {
    transform-origin: left center;
    transform: scale(1, 1);
    border-radius: 4px;
}

.px_blog_comment_v1 .comment-form-comment textarea {
    background: #fff !important;
    width: 100% !important;
    border: 1px solid #ddd !important;
    border-radius: 20px;
}

.px_blog_comment_v1 .comment-form-author input,
.px_blog_comment_v1 .comment-form-email input,
.px_blog_comment_v1 .comment-form-url input {
    background: #fff !important;
    width: 100% !important;
    border: 1px solid #ddd !important;
    border-radius: 50px;
}

/* --- Blog Responcive css --- */

@media only screen and (max-width: 450px) {
    .px_blog_left_img .et_pb_post {
        padding: 0px !important;
    }

    .px_blog_left_img .info {
        box-shadow: 0 11px 27px rgba(0, 9, 71, .13);
        height: 60% !important;
        position: relative;
        background-color: #fff;
        top: -43px !important;
        left: 0px !important;
        padding: 35px 15px 25px 30px !important;

    }

    .px_blog_left_img .entry-title {
        top: 35px !important;
    }

    .px_blog_left_img .et_pb_post .post-content {
        margin-top: 40px;
    }

    .px_blog_left_img .et_pb_post .published {
        position: absolute;
        right: 160px !important;
        background-color: var(--px-color-1);
        padding: 5px 10px;
        font-size: 20px;
        color: #fff;
        left: -30px !important;
        top: -50px !important;
    }
}

@media only screen and (max-width: 450px) {
    .px_blog_tags_v1 .et_pb_text_inner a {
        padding: 10px 15px;
        border-radius: 5px;
        box-shadow: 0px 10px 60px 0px rgba(94, 94, 94, 0.2);
        background-color: #fff;
        font-weight: 700;
        color: #1a1a1a;
        margin-left: 10px;
        margin-bottom: 10px;
        font-size: 18px;
        transition: all 0.3s;
    }
}

@media only screen and (max-width: 550px) {
    .px_blog_left_sidebar .info .post-meta {
        position: relative;
        top: -80px;
        font-size: 18px;
        transition: all 0.3s ease-out 0s;
        line-height: 30px;
        z-index: 9999999999;
    }
}

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

    .px_blog_right_img .et_pb_post {
        margin-left: 0px;
    }

    .px_blog_right_img .info {
        box-shadow: 0 11px 27px rgba(0, 9, 71, .13);
        height: 60% !important;
        position: relative;
        background-color: #fff;
        top: -43px !important;
        left: 0px !important;
        padding: 60px 40px 35px 50px;
        border-radius: 0px 0px 6px 6px;
        width: 100%;
    }

    .px_blog_right_img .et_pb_post .published {
        top: -50px !important;
        right: -40px !important;
    }

    .px_blog_right_img .et_pb_post .entry-featured-image-url {
        width: auto;
    }

    .px_blog_right_img .et_pb_post .entry-featured-image-url img {
        height: auto;
    }
}

@media only screen and (max-width: 800px) {
    .shado article {
        box-shadow: 0 11px 11px rgba(0, 9, 71, .13);
        padding: 10px !important;
    }

    .px_blog_publish article .post-meta .published {
        position: absolute;
        top: -55px;
        right: -10px !important;
        background-color: var(--px-color-1);
        padding: 5px 10px;
        font-size: 20px;
        color: #fff;
        border-radius: 10px 0px 0px 10px;
    }
}

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

@media only screen and (max-width: 450px) {
    .px_blog_right_img .et_pb_post {
        padding: 0px !important;
    }

    .px_blog_right_img .info {
        box-shadow: 0 11px 27px rgba(0, 9, 71, .13);
        height: 60% !important;
        position: relative;
        background-color: #fff;
        top: -43px !important;
        left: 0px !important;
        padding: 35px 15px 25px 30px !important;
        border-radius: 0px 0px 6px 6px;
    }

    .px_blog_right_img .entry-title {
        top: 35px !important;
    }

    .px_blog_right_img .et_pb_post .post-content {
        margin-top: 40px;
    }

    .px_blog_right_img .et_pb_post .published {
        position: absolute;
        right: -15px !important;
        background-color: var(--px-color-1);
        padding: 5px 10px;
        font-size: 20px;
        color: #fff;
        border-radius: 10px 0px 0px 10px;
    }
}

@media only screen and (max-width: 800px) {
    .px_blog_v1 .et_pb_post .post-meta {
        top: -125px;
        /*top: -120px;*/
    }
}

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

    .px_blog_left_img .et_pb_post .entry-featured-image-url {
        width: auto;
    }

    .px_blog_left_img .info {
        box-shadow: 0 11px 27px rgba(0, 9, 71, .13);
        padding: 80px 0px 40px 40px;
        height: 60% !important;
        z-index: 99999;
        position: relative;
        left: 1px;
        background-color: #fff;
        top: -45px;
        border-radius: 0px 0px 6px 6px;
    }

    .px_blog_left_img .et_pb_post .published {
        left: -41px !important;
        right: 455px !important;
        top: -70px !important;
    }

    .px_blog_left_img .et_pb_post .entry-featured-image-url img {
        height: auto;
    }
}

/* Blog Carousel Css Start */

.px_blog .px_blog_carousel_v1 .px_blog_v1 .et_pb_post {
    margin: 0px 15px 60px;
    border-radius: 10px;
}

/* Blog Carousel Css End */
/*-------------------------------------------
    -- 05. Blog Post CSS End Here
  -------------------------------------------*/
/*-------------------------------------------
    -- 06. Portfolio CSS Code Start Here
  -------------------------------------------*/
/* px_filterable_portfolio_v1 Css Start */

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

.px_filterable_portfolio_v1 .et_pb_portfolio_filters ul li a {
    border: none;
    position: relative;
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

.px_filterable_portfolio_v1 .et_pb_portfolio_filters ul li a:hover {
    background: none;
}

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

.px_filterable_portfolio_v1 .et_pb_portfolio_items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.px_filterable_portfolio_v1 .et_pb_portfolio_items .et_pb_portfolio_item {
    width: 100%;
    margin-bottom: -40px;
}

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

    .px_filterable_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {
        font-size: 20px;
    }
}

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

    .px_filterable_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {
        font-size: 20px;
    }
}

@media only screen and (max-width: 700px) {
    .px_filterable_portfolio_v1 .et_pb_portfolio_items {
        grid-template-columns: repeat(1, 1fr);
    }

    .px_filterable_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {
        font-size: 20px;
    }
}

/* px_filterable_portfolio_v1 Css End */
/* portfolio v1 css start */

.px_portfolio_v1 .et_pb_ajax_pagination_container {
	display: unset !important;
}

.px_portfolio_v1 .et_pb_ajax_pagination_container .et_pb_portfolio_grid_items .project  {
	width: 100%;
}

.px_portfolio_v1 .et_pb_ajax_pagination_container .project {
    margin-bottom: -40px;
}
.px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img,
.px_filterable_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img {
    height: 330px;
    object-fit: cover;
}
.px_portfolio_v1 .et_pb_portfolio_item:hover .px_portfolio3_content,
.px_filterable_portfolio_v1 .et_pb_portfolio_item:hover .px_portfolio3_content {
    opacity: 1;
    visibility: visible;
    transform: translateY(30px);
}

.px_portfolio_v1 .px_portfolio3_content,
.px_filterable_portfolio_v1 .et_pb_portfolio_item .px_portfolio3_content {
    position: relative;
    padding: 20px;
    background-color: var(--px-color-1);
    bottom: 100px;
	margin: auto;
    width: 80%;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
    border-radius: 10px;
}

.px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img,
.px_filterable_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img {
    border-radius: 15px;
    box-shadow: 0 11px 27px rgba(0, 9, 71, .13);
}

.px_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header,
.px_filterable_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {
    color: #fff;
    font-size: 19px;
    margin-top: 0px;
    font-weight: 700;
}

.px_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header a,
.px_filterable_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header a {
    transition: all 0.5s;
}

.px_portfolio .et_pb_portfolio_item .post-meta a,
.px_filterable_portfolio_v1 .et_pb_portfolio_item .post-meta a {
    transition: all 0.5s;
}

.px_portfolio_v1 .et_pb_portfolio_item .post-meta a:hover,
.px_filterable_portfolio_v1 .et_pb_portfolio_item .post-meta a:hover {
    color: black !important;
}

.px_portfolio_v1 .et_pb_portfolio_item .post-meta a,
.px_filterable_portfolio_v1 .et_pb_portfolio_item .post-meta a {
    color: #fff !important;
}

@media screen and (max-width: 480px) {
    .px_portfolio_v1 .et_pb_ajax_pagination_container {
        grid-template-columns: auto;
        grid-gap: 10px;
    }
}

/* portfolio v1 css End */
/* portfolio 4 Column css Start */

.px_portfolio_v1.px_portfolio_4_col .et_pb_ajax_pagination_container .et_pb_portfolio_grid_items  {
	    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

@media screen and (max-width: 980px) {
.px_portfolio_v1.px_portfolio_4_col .et_pb_ajax_pagination_container .et_pb_portfolio_grid_items {
    grid-template-columns: repeat(2,1fr);
}
}
@media screen and (max-width: 500px) {
.px_portfolio_v1.px_portfolio_4_col .et_pb_ajax_pagination_container .et_pb_portfolio_grid_items {
    grid-template-columns: repeat(1,1fr);
}
}
/* portfolio 4 Column css End */
/* portfolio 3 Column css Start */

.px_portfolio_v1.px_portfolio_3_col .et_pb_ajax_pagination_container .et_pb_portfolio_grid_items {
	    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
@media screen and (max-width: 980px) {
.px_portfolio_v1.px_portfolio_3_col .et_pb_ajax_pagination_container .et_pb_portfolio_grid_items {
    grid-template-columns: repeat(2,1fr);
}
}
@media screen and (max-width: 500px) {
.px_portfolio_v1.px_portfolio_3_col .et_pb_ajax_pagination_container .et_pb_portfolio_grid_items {
    grid-template-columns: repeat(1,1fr);
}
}
/* portfolio 3 Column css End */
/* portfolio 2 Column css Start */

.px_portfolio_v1.px_portfolio_2_col .et_pb_ajax_pagination_container .et_pb_portfolio_grid_items {
	    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
@media screen and (max-width: 980px) {
.px_portfolio_v1.px_portfolio_2_col .et_pb_ajax_pagination_container .et_pb_portfolio_grid_items {
    grid-template-columns: repeat(2,1fr);
}
}
@media screen and (max-width: 500px) {
.px_portfolio_v1.px_portfolio_2_col .et_pb_ajax_pagination_container .et_pb_portfolio_grid_items {
    grid-template-columns: repeat(1,1fr);
}
}
/* portfolio 2 Column css End */


/* Project Detail Css Start */

.px_project_detail_blarb_v1 .et_pb_module_header {
    margin-top: 20px
}

.px_project_detail_blarb_v1 .et_pb_module_header span {
    margin-bottom: 10px;
}

.px_project_detail_blarb_v1 .et_pb_blurb_description {
    border-bottom: 1px solid rgba(26, 26, 26, 0.102);
    padding-bottom: 20px;
}

.px_project_detail_blarb_v1 .et_pb_blurb_description a {
    color: var(--px-color-1) !important;
    font-size: 16px;
    line-height: 30px;
}

/* Project Detail Css End */
/*----- Tag Page -----*/

.px_project_tag article {
    border-radius: 15px;
}

.px_project_tag .et_pb_image_container {
    margin: 0px;
}

.px_project_tag .et_pb_image_container a {
    margin-bottom: 0px !important;
}

.px_project_tag .et_pb_post .entry-title {
    font-size: 23px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: -0.03em;
    margin-bottom: 13px;
    position: relative;
    top: 25px;
    right: -10px;
}

/*-------------------------------------------
    -- 06. Portfolio CSS Code End Here
  -------------------------------------------*/

/*-------------------------------------------
    -- 07. Services CSS Code Start Here
  -------------------------------------------*/
/* Service V1 Css Start*/
.px_service_v1 {
    border-radius: 15px;
}

.px_service_v1 .px_service_info {}

.px_service_v1 .px_service_info .et_pb_blurb_content {
    padding: 20px 25px 10px 30px;
    background-color: #ffffff;
    transition: all 0.4s ease-out 0s;
    transform: translateY(30px);
    position: relative;
    top: 150px;
    border-radius: 15px;
    box-shadow: 0 11px 27px rgba(0, 9, 71, .13);
}

.px_service_v1 .px_service_info .et_pb_blurb_description {
    opacity: 0;
    transition: all 0.6s;
    display: none;
}

.px_service_v1 .px_service_info .et-pb-icon {
    font-size: 45px;
    color: var(--px-color-1) !important;
}

.px_service_v1 .px_service_info .et_pb_module_header {
    font-size: 23px;
    line-height: 25px;
    color: #1a1a1a;
}

.px_service_v1 .px_service_info .et_pb_module_header span {
    transition: all 0.4s;
}

.px_service_v1 .px_service_info .et_pb_module_header span:hover {
    color: black;
}

.px_service_v1:hover .px_service_info .et_pb_blurb_content {
    transform: translateY(-50px);
    background-color: var(--px-color-1);
    padding: 20px 25px 20px 30px;
}

.px_service_v1:hover .px_service_info .et-pb-icon {
    color: #fff !important;
}

.px_service_v1:hover .px_service_info .et_pb_module_header {
    color: #fff;
}

.px_service_v1:hover .px_service_info .et_pb_blurb_description {
    border-top: 1px solid rgba(255, 255, 255, 0.302);
    opacity: 1;
    display: block;
    color: #fff;
    width: 145%;
    left: 10px;
    padding: 10px;
    text-align: center;
    margin-left: -70px;
}

.px_service_v1:hover .px_service_info .et_pb_blurb_description::before {
    content: "\24";
    line-height: inherit;
    font-size: 20px;
    opacity: 1;
    margin-left: -1.3em;
    right: auto;
    display: inline-block;
    font-family: ETmodules !important;
    font-weight: 400 !important;
    position: absolute;
    right: 10px;
    bottom: -15px;
    border-radius: 50%;
    background-color: #fff;
    color: #000;
    padding: 10px;
    line-height: 20px;
    height: 20px;
    width: 20px;
}

@media only screen and (max-width: 980px) {
    .px_service_v1.et_pb_column {
        margin-bottom: 80px;
    }

    .px_service_v1 .px_service_info .et_pb_blurb_content {
        top: 180px;
    }
}

/* Service V1 Css End*/
/* Service V2 Css Start*/
.px_service_v2 {
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 11px 27px rgba(0, 9, 71, .13);
    border: 1px solid transparent;
    transition: all 0.3s ease-out 0s;
    border-radius: 10px;
}

/* .px_service_v2 .et_pb_blurb_content {
	margin: 0;
} */

.px_service_v2 .et-pb-icon {
    font-size: 50px;
    line-height: 1em;
    color: var(--px-color-1) !important;
}

.px_service_v2:hover .et-pb-icon {
    animation: shake linear 0.3s infinite;
}

.px_service_v2:hover {
    border-color: var(--px-color-1) !important;
}

/* Service V2 Css End  */
/*----- Service Animation Module Start -----*/
.px_service_v2_project_animation .et_pb_module_header {
    margin-top: 10px
}

.px_service_v2_project_animation .et_pb_blurb_description {
    margin-top: 5px;
}

.px_service_v2_project_animation {
    padding: 40px 25px 40px 40px !important;
}

.px_service_v2_project_animation:hover .et_pb_image_wrap img {
    animation: shake linear 0.3s infinite;
}

/*----- Service Animation Module End -----*/
/*----- Service Details Start -----*/

.px_service_details_v1 .px_service_details_cat_column {
    box-shadow: 0 11px 27px rgb(0 9 71 / 13%);
    padding: 60px 20px 30px;
}

.px_service_details_v1 .px_service_v2 .et_pb_main_blurb_image {
    margin-bottom: 28px !important;
}

.px_service_details_v1 .px_service_v2 {
    box-shadow: none;
    border: none !important;
    padding: 0px !important;
}

.px_service_details_v1 .px_service_v2:hover {
    border: none !important;
}

.px_service_details_v1 .px_service_v2 .et_pb_image_wrap .et-pb-icon {
    position: relative;
}

.px_service_details_v1 .px_service_v2 .et_pb_image_wrap .et-pb-icon:before {
    content: "";
    position: absolute;
    background-color: var(--px-color-1);
    height: 100px;
    width: 100px;
    opacity: 0.1;
    border-radius: 50%;
    top: -25px;
    left: -25px;
    left: -22px;
}

.px_service_details_v1 .px_service_details_cat_column .px_btn {
    box-shadow: none;
    margin: 0;
    padding: 0 !important;
}

.px_service_details_v1 .px_service_details_chack_btn {
    color: #1a1a1a;
}

.px_service_details_v1 .px_service_details_chack_btn:before {
    color: var(--px-color-1);
}

.px_service_details_v1 .px_service_details_info .et-pb-icon {
    color: var(--px-color-1);
}

.px_service_details_v1 .px_service_details_chart {
    padding: 20px;
    background-color: #fff;
    max-width: 165px;
    border-radius: 15px;
    box-shadow: 0px 10px 60px 0px rgb(114 114 114 / 30%);
}

/*----- Service Details End -----*/
/*----- Service Carousal Css Start -----*/

.px_row_service_v1_carousel .slick-slide {
    margin: 10px 10px 120px !important;
}

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

@media only screen and (max-width: 480px) {
    .px_row_service_v1_carousel .slick-slide {
        width: 300px !important;
    }
}

/*----- Service Carousal Css End -----*/
/*-------------------------------------------
    -- 07. Services CSS Code End Here
  -------------------------------------------*/
/*-------------------------------------------
    -- 08. Contact us CSS Code Start Here
  -------------------------------------------*/
/* Contact Us Page Css Start */
.px_contact_v1 .px_contact_form .et_pb_contact_form .et_pb_contact_field input {
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding: 16px 16px 5px 0px;
}

.px_contact_v1 .px_contact_form .et_pb_contact_form .et_pb_contact_field textarea {
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding: 16px 16px 5px 0px;

}

.px_contact_v1 .px_contact_form .et_pb_contact_form .et_pb_contact_field {
    position: relative;
}

.px_contact_v1 .px_contact_form .et_pb_contact_form .et_pb_contact_field:before {
    right: 0px;
    top: 10px !important;
    font-size: 22px;
    font-family: ETmodules;
    position: absolute;
    color: var(--px-color-1);
    z-index: 1;
}

.px_contact_v1 .px_contact_form .et_pb_contact_form .et_pb_contact_field_0:before {
    content: "\e08a";
}

.px_contact_v1 .px_contact_form .et_pb_contact_form .et_pb_contact_field_1:before {
    content: "\e090";
}

.px_contact_v1 .px_contact_form .et_pb_contact_form .et_pb_contact_field_2:before {
    content: "\e076";
}

.px_contact_v1 .px_contact_form .et_pb_contact_form .et_pb_contact_field_3:before {
    content: "\e07b";
}

.px_contact_v1 .px_contact_form .et_pb_contact_form .et_pb_contact_field_4:before {
    content: "\e05a";
}

/* Contact Us Page Css End */
/*-------------------------------------------
    -- 08. Contact us CSS Code End Here
  -------------------------------------------*/
/*-------------------------------------------
    -- 09. Our Team CSS Start Here
  -------------------------------------------*/
/* --- Team v1 css start --- */
.px_team_v1 {
    border-radius: 15px;
    /* 	box-shadow: 0 11px 11px rgba(0, 9, 71, .13);	 */
    box-shadow: 0 11px 20px 0px rgb(0 9 81 / 8%);
}

.px_team_v1 .px_team_person .et_pb_team_member_image img {
    width: 100% !important;
    border-radius: 15px 15px 0px 0px;
}

.px_team_v1 .px_team_person .et_pb_team_member_description {
    padding-top: 10px;
    text-align: center !important;
}

.px_team_v1 .px_team_person .et_pb_team_member_description::after {
    position: absolute;
    content: "";
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 80%;
    height: 1px;
    bottom: -20px;
    background-color: rgba(26, 26, 26, 0.1);
    visibility: visible;
}

.px_team_v1 .px_team_person .et_pb_module_header {
    font-size: 24px;
    line-height: 35px;
    color: #1a1a1a;
    margin: 0px;
    font-weight: 600;
    padding-bottom: 0px;
}

.px_team_v1 .px_team_person .et_pb_member_position {
    font-weight: 600;
    color: var(--px-color-1);
    padding-bottom: 0px;
    font-size: 16px;
    line-height: 30px;
    margin: 0px;
}

.px_team_v1 .px_team_person .et_pb_member_social_links {
    position: absolute;
    top: -5px;
    right: 0;
    transform: translateY(-150px);
    transition: all 0.3s ease-out 0s;

}

.px_team_v1 .px_team_person .et_pb_member_social_links li {
    display: grid;
    height: 45px;
    width: 45px;
    line-height: 35px;
    color: #fff;
    font-size: 22px;
    background: #fff;
    position: relative;
    top: 189px;
    left: 5px;
    opacity: 0;
}

.px_team_v1 .px_team_person .et_pb_member_social_links li:last-child {
    border-radius: 0px 0px 50px 50px;
}

.px_team_v1 .px_team_person .et_pb_member_social_links li a {
    color: var(--px-color-1);
    text-align: center;
    padding: 5px 10px;
    transition: all 0.8s;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    margin-left: 2px;
}

.px_team_v1 .px_team_person ul.et_pb_member_social_links:before {
    content: "\e0a0";
    font-family: ETmodules !important;
    color: var(--px-color-1);
    font-size: 15px;
    position: absolute;
    right: 10px;
    top: 150px;
    background-color: #fff;
    padding: 15px;
    border-radius: 50px;
}

.px_team_v1 .px_team_person .et_pb_member_social_links::before:hover {
    transform: translateY(0px);
}

.px_team_v1 .px_team_person:hover li {
    opacity: 1;
    transition: all 0.8s;
}

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

.px_team_v1 .px_team_person li:last-child a:hover {
    background-color: var(--px-color-1);
    color: #fff;
    border-radius: 10px 10px 50px 50px;
}

.px_team_v1 .px_team_email {
    color: inherit;
    transition: all 0.3s ease-out 0s;
    font-size: 16px;
    margin-bottom: 10px;
}

.px_team_v1 .px_team_email::before {
    color: var(--px-color-1);
}

/* --- Team v1 css End --- */
/* --- Team v2 css Start --- */

.px_team_person_v2 {
    position: relative;
    background-color: #fff;
    padding: 40px 20px 40px 20px;
    border: 1px solid rgba(24, 28, 34, 0.102);
    transition: all 0.3s ease-out 0s;
}

.px_team_person_v2:hover {
    border-color: transparent;
    box-shadow: 0px 10px 60px 0px rgba(185, 185, 185, 0.2);
}

.px_team_person_v2 .et_pb_team_member_image {
    margin-bottom: 30px;
    margin-right: 0px !important;
    max-width: unset;
    text-align: center;
}

.px_team_person_v2 .et_pb_team_member_image img {
    width: 175px;
    height: 175px;
    border-radius: 50%;
}

.px_team_person_v2 .et_pb_team_member_description {
    text-align: center !important;
}

.px_team_person_v2 .et_pb_team_member_description .et_pb_module_header {
    font-size: 22px;
    letter-spacing: -0.03em;
    line-height: 35px;
    color: #1a1a1a;
    margin: 0px;
    font-weight: 700;
    padding-bottom: 0px;
    transition: all 0.3s ease-out 0s;
}

.px_team_person_v2:hover .et_pb_team_member_description .et_pb_module_header {
    color: var(--px-color-1);
}

.px_team_person_v2 .et_pb_team_member_description .et_pb_member_position {
    font-weight: 600;
    color: #74787c;
    margin: 0px;
    font-size: 16px;
}

/* --- Team v2 css End --- */
/* --- Team v1 Carosal css start --- */

.px_row_team_person_v1_carousel .px_team_v1 {
    width: auto;
    margin: 0px 15px 50px !important;
}

.px_row_team_person_v1_carousel .px_team_v1 .px_team_person {
    margin-bottom: 30px !important
}

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

.px_row_team_person_v1_carousel .px_team_person {
    width: 100% !important;
    max-width: 100% !important;
}

.px_row_team_person_v1_carousel .px_team_person .et_pb_team_member_image {
    margin: 0;
    max-width: unset;
}

@media screen and (max-width: 768px) {
    .px_row_team_person_v1_carousel {
        max-width: unset !important;
    }
}

@media screen and (max-width: 479px) {
    .px_row_team_person_v1_carousel .px_team_v1 {
        width: 290px !important;
    }
}

/* --- Team v1 Carosal css End --- */
/* --- Our Team Page Css Start --- */
.px_our_team_v1 .px_testimonial_circle.et_pb_circle_counter .et_pb_module_header {
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
    position: absolute;
    left: 100px;
    top: 13px;
}

.px_our_team_v1 .px_testimonial_circle.et_pb_circle_counter,
.px_our_team_v1 .px_testimonial_circle.et_pb_circle_counter {
    margin-left: 0 !important;
}

.px_our_team_v1 .px_our_team_desc_img {}

.px_our_team_v1 .px_our_team_desc {
    margin-top: -75px;
}

.px_our_team_v1 .px_our_team_desc .et_pb_text_inner h2 span {
    font-weight: 300;
}

.px_our_team_v1 .px_our_team_desc .et_pb_text_inner h2 {
    font-weight: 700;
}

.px_our_team_v1 .px_our_team_desc .et_pb_text_inner h4 {
    position: relative;
    color: var(--px-color-1);
    margin-top: 25px;
    margin-left: 50px;
}

.px_our_team_v1 .px_our_team_desc .et_pb_text_inner h4:before {
    position: absolute;
    display: -webkit-inline-box;
    display: inline-flex;
    content: "";
    width: 40px;
    height: 3px;
    left: -48px;
    top: 7px;
    background-color: var(--px-color-1);
    vertical-align: middle;
    margin-right: 20px;
}

@media screen and (max-width: 1280px) {
    .px_our_team_v1 .px_our_team_desc_img {
        position: relative !important;
        left: auto;
        transform: unset;
    }

    .px_our_team_v1 .px_our_team_desc {
        margin-top: 0px;
    }
}

/* --- Our Team Page Css End --- */
/* --- Team Details css Start --- */

.px_sec_team_list .px_team_list_img:after {
    top: 5%;
    right: 5%;
    border-top: 2px solid var(--px-color-1);
    border-right: 2px solid var(--px-color-1);
}

.px_sec_team_list .et_pb_image_wrap img {
    max-width: 100%;
    width: 100%;
    transition: all 0.5s ease 0s;
}

.px_sec_team_list .px_team_list_img:before {
    bottom: 5%;
    left: 5%;
    border-bottom: 2px solid var(--px-color-1);
    border-left: 2px solid var(--px-color-1);
}

.px_sec_team_list .px_team_list_img:before,
.px_team_list_img:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0;
    z-index: 1;
    transition: all 0.5s ease 0s;
}

/* title Css */
.px_sec_team_list .px_team_list_title .et_pb_text_inner {
    border-radius: 5px;
    padding: 28px 10% 20px 26%;
    margin-bottom: 30px;
    margin-left: -40px;
    transform: translateX(-15%);
    background-color: var(--px-color-1);
}

.px_sec_team_list .px_team_list_title h1 {
    position: relative;
    z-index: 1;
    font-size: 36px;
    line-height: 1.2;
    color: #fff !important;
    margin-bottom: 5px;
}

.px_sec_team_list .et_pb_text_8 h4 {
    color: #ffffff !important;
}

.px_sec_team_list .et_pb_text_inne h4 {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff !important;
}

/* Description Css*/
.px_sec_team_list .px_team_team_info .et_pb_blurb_description p {
    margin-left: 5px;
    color: black;
    font-weight: 700;
    text-align: center;
}

/* icone Css */
.px_sec_team_list .px_team_team_info .et_pb_blurb_content .et_pb_image_wrap .et-pb-icon {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: #f7f7f7;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    color: var(--px-color-1);
    transition: 0.3s;
}

.px_sec_team_list .px_team_team_info .et_pb_blurb_content .et-pb-icon {
    font-size: 18px;
}

/* blurb container Css */
.px_sec_team_list .px_team_team_info .et_pb_blurb_container {
    padding-left: 10px;
    display: inline-flex;
}

/* social link Css */
.px_sec_team_list .px_team_team_social li a {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    color: var(--px-color-2) !important;
    transition: 0.3s;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}

.px_sec_team_list .px_team_team_social li a:before {
    font-size: 18px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    color: var(--px-color-1);
    transition: color .3s;
    position: relative;
    z-index: 10;
}

/* Main CSS Class Hover Css Here */
/* Image Css */
.px_sec_team_list .px_team_list_img:hover:before,
.px_team_list_img:hover:after {
    opacity: 1;
    width: 90%;
    height: 90%;
}

.px_sec_team_list .px_team_list_img:hover .et_pb_image_wrap img {
    transform: scale(1.2) !important;
    transition: all 0.5s ease 0s;
}

.px_sec_team_list .et_pb_image_2:hover .et_pb_image_wrap {
    box-shadow: 0px 2px 18px 0px var(--px-color-1);
}

/* icone Css */
.px_sec_team_list .px_team_team_info .et_pb_blurb_content:hover .et-pb-icon {
    background-color: var(--px-color-1);
    color: #f7f7f7;
}

/* social link Css */
.px_sec_team_list .px_team_team_social li a:hover {
    background-color: var(--px-color-1);
    color: #fff !important;
    box-shadow: var(--px-color-1) 0px 20px 30px -10px;
}

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

    /* Main CSS Class */
    .px_sec_team_list .et_pb_text_inner {
        padding: 20px !important;
        margin-left: 0 !important;
        transform: translateX(0%) !important;
        text-align: center;
    }
}

/*For Below Screen 480px */
@media only screen and (max-width: 480px) {

    .px_sec_team_list .px_team_team_info {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .px_sec_team_list .px_team_team_info .et_pb_main_blurb_image {
        vertical-align: middle;
    }

    .px_sec_team_list .px_team_team_info .et_pb_blurb_container .et_pb_blurb_description {
        width: fit-content;
    }

    .px_sec_team_list .px_team_team_social {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    /* description CSS Class */
    .px_sec_team_list .et_pb_blurb_description p {
        color: black;
        font-weight: 700;
        text-align: left;
    }

    /* blurb container CSS Class */
    .px_sec_team_list .px_team_team_info .et_pb_blurb_container {
        display: block;
    }
}

.px_cta_sec_v2 .px_cta_counter_inside .percent .percent-value {
    color: var(--px-color-1) !important;
}

/* --- Team Details css End --- */
/*-------------------------------------------
    -- 09. Meet Our Team CSS End Here
  -------------------------------------------*/
/*-------------------------------------------
    -- 10. Slider Section CSS Start Here
  -------------------------------------------*/
/*  Slider v2 css  Start */

.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image {
    position: absolute;
    bottom: 0;
    right: 0;
}

.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description {
    float: left;
}

.px_slider_v2 .et_pb_slide .et_pb_slide_description:before {
    position: absolute;
    top: 170px;
    left: -80px;
    content: "";
    width: 220px;
    height: 60%;
    background-color: var(--px-color-2);
    opacity: 0.7;
    z-index: -1;
}

.px_slider_v2 .et_pb_slide .et_pb_slide_title {
    position: relative;
    border-width: 0px !important;
    font-weight: 600 !important;
    text-shadow: none;
    font-size: 18px;
    line-height: 24px;
    color: var(--px-color-1) !important;
    background-color: #ffffff;
    border-radius: 50px;
    box-shadow: 0 11px 27px rgba(0, 9, 71, .13);
    margin-bottom: 10px;
    display: inline;
    padding: 10px 35px;
}

.px_slider_v2 .et_pb_slide .et_pb_slide_title:before {
    content: "" !important;
    position: absolute !important;
    display: block;
    background-color: var(--px-color-1);
    width: 8px;
    height: 8px;
    top: 50%;
    left: 15px;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
}

.px_slider_v2 .et_pb_slide .et_pb_slide_title:after {
    content: "" !important;
    position: absolute !important;
    background-color: var(--px-color-1);
    width: 8px;
    height: 8px;
    top: 50%;
    right: 15px;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
}

.px_slider_v2 .et_pb_slide .et_pb_slide_content {
    margin-top: 20px;
    margin-bottom: 20px;
}

.px_slider_v2 .et_pb_slide .et_pb_slide_content h2 {
    color: #fff !important;
    font-weight: 700;
    font-size: 70px;
    letter-spacing: -0.05em;
}
@media only screen and (max-width: 980px) {
    .px_slider_v2 .et_pb_slide .et_pb_slide_content h2 {
        font-size: 55px;
    }
}


@media only screen and (max-width: 480px) {
    .px_slider_v2 .et_pb_slide .et_pb_slide_content h2 {
        font-size: 45px;
    }
}

.px_slider_v2 .et_pb_slide .et_pb_slide_content p {
    padding-bottom: 0;
    font-weight: 600;
    color: #fff !important;
}

.px_slider_v2 .et_pb_slide .et_pb_button_wrapper .et_pb_button {
    padding-top: 10px !important;
    padding-right: 65px !important;
    padding-bottom: 10px !important;
    padding-left: 45px !important;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 0px;
    background-color: var(--px-color-1);
    border: 2px solid var(--px-color-1);
    font-weight: 700;
    text-transform: capitalize;
    border-radius: 5px;
    color: #fff;
    line-height: 25px;
    font-size: 16px !important;
    box-shadow: 0 11px 27px rgba(0, 9, 71, .13);
    transition: all 0.3s ease-out 0s;
}

.px_slider_v2 .et_pb_slide .et_pb_button_wrapper .et_pb_button:hover {
    background-color: #fff;
    color: var(--px-color-1) !important;
}

.px_slider_v2 .et_pb_slide .et_pb_button_wrapper .et_pb_button:after {
    content: '\24';
    line-height: inherit;
    font-size: inherit !important;
    opacity: 1;
    margin-left: .3em;
    left: auto;
    font-family: ETmodules !important;
    font-weight: 400 !important;
}

/*  Slider v2 css End  */
/* Slick slider css*/
.slick-slide {
    padding: 20px;
}

.px_row_team_person_v1_carousel .slick-slide .px_team_v1 .px_team_person {
    margin-bottom: 25px;
}

.slick-dots {
    padding: 0px;
}

.slick-dots li {
    padding: 2px;
    border-radius: 50%;
    width: auto;
    height: auto;
}

.slick-dots li button {
    background-color: #fff;
    border-radius: 50%;

}

.slick-dots li button:before {
    font-family: slick;
    font-size: 10px !important;
    line-height: 20px;
    position: absolute;
    top: 3px;
    left: 2px;
    content: '•';
    color: transparent;
    text-align: center;
    opacity: .25;
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2)) !important;
    background-color: initial;
    -webkit-background-clip: text;
    -webkit-font-smoothing: antialiased;
    border: 2px solid var(--px-color-1);
    border-radius: 50%;
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1;
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2)) !important;
    background-color: initial;
    -webkit-background-clip: text;
    color: transparent;
    border: 2px solid var(--px-color-2);
    border-radius: 50%;
}

/*-------------------------------------------
    -- 10. Slider Section CSS End Here
  -------------------------------------------*/
/*-------------------------------------------
    -- 11. Faq CSS Start Here
  -------------------------------------------*/
.px_faq_sec .px_title_text .et_pb_text_inner {
    border-left: 3px solid var(--px-color-1);
    padding-left: 20px;
    margin-bottom: 30px;
}

.px_faq_sec .px_faq_info .et_pb_image_wrap {
    margin-top: 5px;
}

.px_faq_sec .px_faq_info .et_pb_blurb_container {
    padding-left: 0px;
}

.px_faq_sec .px_faq_info .et-pb-icon {
    color: var(--px-color-1);
}

.px_faq_sec .px_faq_info .et_pb_module_header {
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 30px;
    padding: 0px;
}

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

.px_faq_info .et_pb_blurb_content .et_pb_module_header {
    margin-left: -10px;
}

/* Faq Boutton Css */
/*
.px_faq_sec .px_faq_btn {
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 0px;
  background-color: transparent;
  font-weight: 700;
  text-transform: capitalize;
  border-radius: 5px;
  color: var(--px-color-1) !important;
  line-height: 25px;
  font-size: 16px !important;
  transition: all 0.3s ease-out 0s;
  border: 1px solid rgba(26, 26, 26, 0.102);
}

.px_faq_sec .px_faq_btn:hover {
  background-color: var(--px-color-1);
  color: #fff !important;
}
*/
/* --- FAQs Page V1 Css Start ---- */

.px_faq_page_v1 .px_faq_page_logo_img {
    padding: 25px;
    background-color: #fff;
    max-width: 185px;
    box-shadow: 0px 10px 60px 0px rgb(114 114 114 / 30%);
}

.px_faq_page_v1 .px_faq_page_desc {
    border: 1px solid rgba(26, 26, 26, 0.071);
    transition: all 0.4s;
}

.px_faq_page_v1 .px_faq_page_desc:hover {
    border: 1px solid var(--px-color-1);
}

.px_faq_page_v1 .px_faq_page_desc .et_pb_text_inner h4 {
    transition: all 0.4s;
}

.px_faq_page_v1 .px_faq_page_desc:hover .et_pb_text_inner h4 {
    color: var(--px-color-1) !important;
}

/* --- FAQs Page V1 Css End ---- */
/*-------------------------------------------
    -- 11. Faq CSS End Here
  -------------------------------------------*/
/*-------------------------------------------
    -- 12. Timeline Section CSS Start Here
  -------------------------------------------*/

.px_timeline .px_timeline_row .px_timeline_cta .et_pb_promo_description {
    padding-bottom: 0px !important;
}

.px_timeline .px_timeline_row .px_timeline_cta .et_pb_promo_description .et_pb_module_header {
    margin-bottom: 0px;
    font-size: 22px;
    line-height: 32px;
    font-weight: 800;
    margin-left: 80px;
}

.px_timeline .px_timeline_row .px_timeline_cta .et_pb_button_wrapper {
    position: absolute;
    top: -2px;
}


.px_timeline .px_timeline_row .px_timeline_cta .et_pb_button_wrapper::after {
    position: absolute;
    right: 15px;
    content: "";
    top: 2px;
    width: 0px;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 15px solid transparent;
    z-index: 1;
}

.px_timeline .px_timeline_row .px_timeline_cta .et_pb_button_wrapper .et_pb_button {
    position: relative;
    z-index: 1;
    font-size: 18px;
    font-weight: 800;
    background-color: var(--px-color-1);
    color: #fff;
    margin-right: 15px;
}

.px_timeline .px_timeline_row .px_timeline_cta .et_pb_promo_description div p {
    font-size: 16px;
    line-height: 30px;
}

.px_timeline .px_timeline_row .px_timeline_cta .right {
    z-index: 2;
    position: relative;
    top: 0px;
    bottom: auto;
    left: 0px;
    right: auto;
}

.px_timeline .px_timeline_row .px_timeline_cta .left {
    z-index: 2;
    position: relative;
    top: 0px;
    bottom: auto;
    left: 0px;
    right: auto;
}

.px_timeline .px_timeline_row .px_timeline_column_right {
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 60px 0px rgba(115, 115, 115, 0.15);
    box-shadow: 0px 10px 60px 0px rgba(115, 115, 115, 0.15);
    padding: 40px 35px 35px;
    margin-top: 30px;
    margin-left: -30px;
}


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

    .px_timeline .px_timeline_row .px_timeline_img {
        position: relative;
        top: 0px;
        bottom: auto;
        left: 0px !important;
        right: auto;
        text-align: right;
        margin-right: 0;
    }

    .px_timeline .px_timeline_row .px_timeline_column_right {
        position: relative;
        background-color: #fff;
        box-shadow: 0px 10px 60px 0px rgba(115, 115, 115, 0.15);
        padding: 40px 35px 35px;
        margin-top: 0px !important;
        margin-left: -1px !important;
    }

    .px_timeline .px_timeline_row .px_timeline_column_left {
        position: relative;
        background-color: #fff;
        box-shadow: 0px 10px 60px 0px rgba(115, 115, 115, 0.15);
        padding: 40px 35px 35px;
        margin-top: 0px !important;
        margin-left: -70px !important;
    }

    .px_col_revers,
    .px_special_col_reverse .et_pb_row {
        display: flex;
        flex-direction: column-reverse;
    }

}

@media only screen and (max-width: 450px) {
    .px_timeline .px_timeline_row .px_timeline_cta {
        padding: 0px !important;
    }

    .px_timeline .px_timeline_row .px_timeline_cta .et_pb_promo_description .et_pb_module_header {
        margin-bottom: 0px;
        font-size: 20px;
        line-height: 32px;
        font-weight: 800;
        margin-left: 80px;
    }

    .px_timeline .px_timeline_row .px_timeline_cta .et_pb_promo_description div p {
        font-size: 16px;
        line-height: 25px;
    }
}

/*-------------------------------------------
    -- 12. Timeline Section CSS End Here
  -------------------------------------------*/

/*-------------------------------------------
    -- 13. Pricing Section CSS Start Here
  -------------------------------------------*/
/* Pricing Table V1 Css Start */
.px_pricing_table_v1 {
    position: relative;
    padding: 20px 20px;
    border: 1px solid rgba(24, 28, 34, 0.071);
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

@media only screen and (max-width: 800px) {
    .px_pricing_table_v1 {
        position: relative;
        padding: 20px 30px;
        border: 1px solid rgba(24, 28, 34, 0.071);
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

    .px_pricing_table_v1 .px_pricing_btn_subtitle {
        margin-left: 20px;
    }
}

.px_pricing_table_v1:hover {
    box-shadow: 0px 10px 60px 0px rgba(204, 204, 204, 0.5);
    border-color: transparent;
}

.px_pricing_table_title {
    position: absolute;
    top: -13px;
    left: 15px;
    background-color: var(--px-color-1);
    color: #fff;
    font-weight: 800;
    border-radius: 13px;
    padding: 5px 15px;
    line-height: 16px;
}

.px_pricing_table_CTA_title .et_pb_promo_description {
    padding-bottom: 0px;
}

.px_pricing_table_CTA_title .et_pb_promo_description .et_pb_module_header {
    font-size: 24px;
    font-weight: 800;
    color: #1a1a1a !important;
    line-height: 30px;
    padding-bottom: 0px;
    margin-top: 20px;
}

.px_pricing_table_CTA_title .et_pb_promo_description div h2 {
    font-size: 24px;
    line-height: 50px;
    color: var(--px-color-2) !important;
    letter-spacing: -0.03em;
    font-weight: 800;
}

.px_pricing_table_CTA_title .et_pb_promo_description div h2 span {
    font-size: 45px;
    line-height: 52px;
    color: var(--px-color-2);
    letter-spacing: -0.03em;
    font-weight: 800;
}

.px_pricing_table_v1 .px_pricing_btn_subtitle {
    display: flex;
    font-weight: 600;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 30px !important;
    color: var(--px-color-2);
}

.px_pricing_table_v1 .px_pricing_btn_subtitle::before {
    color: var(--px-color-1) !important;
}

.px_pricing_table_v1 .dark_color {
    color: rgba(116, 120, 124, 0.3);
}

.px_pricing_table_v1 .dark_color::before {
    color: rgba(116, 120, 124, 0.3) !important;
}

/* Pricing Table V1 Css End */
/* Pricing Table V1 Carousal Css Start */

.px_row_pricing_v1_carousel .slick-list {
    padding-bottom: 30px;
}

.px_row_pricing_v1_carousel .px_pricing_table_v1 {
    margin: 20px 10px 50px !important;
}

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

@media only screen and (max-width: 480px) {
    .px_row_pricing_v1_carousel .px_pricing_table_v1 {
        width: 300px !important;
    }
}

/* Pricing Table V1 Carousal Css End */
/* Pricing Plans Toggle Css Start Here*/
[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_"].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_"] {
    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;
}

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

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

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

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

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

/* Pricing Plans Toggle Css End Here*/
/*-------------------------------------------
    -- 13. Pricing Section CSS End Here
  -------------------------------------------*/
/*-------------------------------------------
    -- 14. Testimonial Section CSS Start Here
  -------------------------------------------*/

/* Testimonial V1 Css Start */

.px_testimonial_v1 .et_pb_testimonial_position {
    color: var(--px-color-1);
    font-size: 16px;
    line-height: 30px;
}

.px_testimonial_v1.et_pb_testimonial {
    position: relative;
    z-index: 2;
    padding: 50px;
    background-color: #fff;
    box-shadow: 0px 10px 60px 0px rgba(26, 26, 26, 0.1);
}

.px_testimonial_v1 .et_pb_testimonial_content p {
    margin-bottom: 18px;
    margin-left: -90px;
    margin-top: 50px;
}

.px_testimonial_v1 .et_pb_testimonial_content p::after {
    font-family: ETmodules !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\7b";
    color: var(--px-color-1);
    font-size: 90px;
    position: absolute;
    top: -90px;
    right: 265px;
}

.px_testimonial_v1 .et_pb_testimonial_portrait {
    padding-bottom: 0px;
    width: 60px !important;
    height: 60px !important;
    position: absolute;
    bottom: 50px;
}

.px_testimonial_v1 .et_pb_testimonial_author {
    font-size: 22px;
    line-height: 32px;
    font-weight: 800;
    color: #1a1a1a;
    margin-top: 10px;
}

@media only screen and (max-width: 980px) {
    .px_testimonial_v1 .et_pb_testimonial_content p::after {
        right: 440px;
    }

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

@media only screen and (min-width: 620px) and (max-width: 767px) {
    .px_testimonial_sec .px_testimonial_counter_row {
        display: flex;
    }
}

@media only screen and (max-width: 619px) {
    .px_testimonial_sec .px_testimonial_counter_row {
        display: block;
    }

    .px_testimonial_sec .px_testimonial_circle .et_pb_module_header {
        left: 140px !important;
    }
}

@media only screen and (max-width: 400px) {
    .px_testimonial_v1 .et_pb_testimonial_content p {
        margin-left: 10px;
        margin-top: 10px;
    }
}

/* @media only screen and (max-width: 400px) {
  .et_pb_column .et_pb_testimonial_description{
    margin-bottom: 20px;
  }
} */

@media only screen and (max-width: 400px) {
    .px_testimonial_v1 .et_pb_testimonial_author {
        margin-left: 90px;
    }
}

@media only screen and (max-width: 400px) {
    .px_testimonial_v1 .et_pb_testimonial_position {
        margin-left: 90px;
    }
}

/* Testimonial V1 Css End */
/* Testimonial V2 Css Start */

.px_testimo_v2 .et_pb_testimonial_content {
    font-size: 22px;
    color: #a7a7a7;
    line-height: 35px;
    margin-bottom: 0px;
}

.px_testimo_v2 .et_pb_testimonial_content:before {
    font-family: ETmodules;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: var(--px-color-1);
    content: "\7b";
    font-size: 100px;
    position: absolute;
    left: -100px;
    top: -25px;
}

@media only screen and (max-width: 700px) {
    .px_testimo_v2 .et_pb_testimonial_content:before {
        font-family: ETmodules;
        font-style: normal;
        font-weight: normal !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        color: var(--px-color-1);
        content: "\7b";
        font-size: 50px;
        position: absolute;
        left: -45px;
        top: -15px;
    }
}

.px_testimo_v2 .et_pb_testimonial_author {
    color: #fff;
    font-size: 22px;
    line-height: 32px;
    font-weight: 800;
    margin-top: 0px;
}

.px_testimo_v2 .et_pb_testimonial_meta {
    color: rgba(255, 255, 255, 0.5);
    font-weight: 500;
}

.px_testimo_v2 .et_pb_testimonial_portrait {
    padding-bottom: 0px;
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 25px;
    left: 40px;
}

/* Testimonial V2 Css End */
/* Testimonial Grid View Css Start */

.px_testimonial_grid_view .px_testimonial_v1.et_pb_testimonial {
    padding: 30px !important;
    background: #fff;
}

.px_testimonial_grid_view .px_testimonial_v1 .et_pb_testimonial_portrait {
    bottom: 15px;
}

.px_testimonial_grid_view .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description {
    margin-left: 0px !important;
}

.px_testimonial_grid_view .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_content {
    font-size: 16px;
    line-height: 25px;
}

.px_testimonial_grid_view .px_testimonial_v1 .et_pb_testimonial_author,
.px_testimonial_grid_view .et_pb_testimonial .et_pb_testimonial_meta {
    margin-left: 75px;
}

.px_testimonial_grid_view .px_testimonial_v1 .et_pb_testimonial_content p {
    margin: 0;
    padding: 0;
}

.px_testimonial_grid_view .px_testimonial_v1 .et_pb_testimonial_content p:after {
    content: "";
    position: absolute;
}

/* Testimonial Grid View Css End */
/* Testimonial Carousel Css Start */
.px_row_testimonial_v1_carousel .slick-track {
    margin-top: 50px;
    margin-bottom: 50px;
}

.px_row_testimonial_v1_carousel .slick-track .px_testimonial_v1 {
    box-shadow: 0px 10px 20px 0px rgb(26 26 26 / 10%);
}

.px_testimonial_grid_view .px_row_testimonial_v1_carousel .et_pb_column {
    margin: 0px;
    border-radius: 10px;
}

@media only screen and (max-width: 480px) {
    .px_testimonial_grid_view .px_row_testimonial_v1_carousel .et_pb_column {
        width: 320px !important;
    }

    .px_testimonial_grid_view .px_row_testimonial_v1_carousel .et_pb_column .px_testimonial_v1 .et_pb_testimonial_position {
        margin-left: 0px;
    }
}

/* Testimonial Carousel Css End */
/*-------------------------------------------
    -- 14. Testimonial Section CSS End Here
  -------------------------------------------*/
/*-------------------------------------------
    -- 15. About Section CSS Start Here
  -------------------------------------------*/
/*-------- About Compony -------*/

.px_abus_v1 .px_img_1 {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	-webkit-box-shadow: -2px 4px 35px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: -2px 4px 35px 0 rgba(0, 0, 0, .3);
	box-shadow: -2px 4px 35px 0 rgba(0, 0, 0, .3)
}
.px_abus_v1 .px_img_2 {
	position: absolute;
	left: 0;
	top: 200px;
	z-index: 2;
	-webkit-box-shadow: -2px 4px 35px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: -2px 4px 35px 0 rgba(0, 0, 0, .3);
	box-shadow: -2px 4px 35px 0 rgba(0, 0, 0, .3)
}
.px_abus_v1 .px_img_border {
	position: absolute;
	top: 20px;
	left: 40px;
	content: '';
	border: 10px solid var(--px-color-1);
	width: 470px;
	height: 458px;
	z-index: 10
}
@media (min-width:320px) and (max-width:767px) {
	 .px_abus_v1 .px_img_border_v23 {
		display: none
	}
	.px_abus_v1 .px_img_1_v23 {
		position: relative;
		margin: 50px 0 0
	}
	.px_abus_v1 .px_img_2_v23 {
		position: relative;
		top: 30px
	}
}
  .px_bar_3 li .et_pb_counter_container{
	position: relative;
    height: 20px;
    background-color: #ecf0f1;
    border: 1px solid #ccc;
    overflow: visible;
    margin: 10px 0px;
}
.px_bar_3 li .et_pb_counter_container .et_pb_counter_amount{
	width: 70%;
    height: 100%;
    background-color: var(--px-color-1);
}
.px_bar_3 li .et_pb_counter_container .et_pb_counter_amount_number {
    position: absolute;
    top: -40px;
    right: -15px;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 700;
    padding: 5px 7px;
    background: #000;
    border-radius: 0 0 5px 5px;
}
.px_bar_3 li .et_pb_counter_container .et_pb_counter_amount_number:after{
	content: "";
    border: 7px solid transparent;
    border-top: 7px solid #000;
    position: absolute;
    bottom: -13px;
    left: 19px;
	width: 0px;
	min-width: 0px;
}
.px_about_sec .px_about_btn {
    font-weight: 500;
    margin-bottom: 5px;
    color: var(--px-color-2);
}

.px_about_sec .px_about_btn:before {
    color: var(--px-color-1);
}

/*-------------------------------------------
    -- 15. About Section CSS End Here
  -------------------------------------------*/

/*----------------------------------------
    -- 16. Newsletter CSS Start Here
  -------------------------------------------*/
.px_newsletter_text h2 {
    font-size: 32px;
    line-height: 45px;
    color: #fff;
    margin-bottom: 20px;
    letter-spacing: -0.03em;
    font-weight: 700;
}

.px_newsletter_v1 .et_pb_newsletter_form .input,
.px_newsletter_v1 .et_pb_newsletter_form input[type="text"],
.px_newsletter_v1 .et_pb_newsletter_form p.et_pb_newsletter_field input[type="text"] {
    padding: 0 60px;
    background-color: transparent !important;
    border-bottom: 2px solid var(--px-color-1) !important;
    color: #000;
    font-weight: 500;
    margin-bottom: 0px;
    width: 78% !important;
    padding: 15px 10% !important;
}

.px_newsletter_v1 .et_pb_newsletter_form::after {
    content: "\e010";
    position: absolute;
    top: 13px;
    left: 10px;
    font-family: "ETmodules";
    color: var(--px-color-1);
    font-weight: 700;
    font-size: 17px;
}

.px_newsletter_v1.et_pb_newsletter.et_pb_subscribe {}

.px_newsletter_v1 .et_pb_counter_amount {
    background-color: inherit;
}

.px_newsletter_v1 .et_pb_newsletter_button.et_pb_button {
    background-color: var(--px-color-1);
    overflow: hidden;
}

.px_newsletter_v1 .et_pb_newsletter_button.et_pb_button:hover {
    background-color: black;
    color: #fff;
}

.px_newsletter_v1 .et_pb_newsletter_button_wrap {
    position: absolute;
    right: -65px;
    top: 0;
}

.px_newsletter_v1 .et_pb_newsletter_field {
    padding-bottom: 0 !important;
    margin-bottom: 0px !important;
}

.px_newsletter_v1 .et_pb_newsletter_button_wrap .et_pb_newsletter_button {
    padding: 12px 45px 10px 25px !important;
    font-weight: 700;
    font-size: 16px;
}

/*-------------------------------------------
    -- 16. Newsletter CSS End Here
  -------------------------------------------*/
/*-------------------------------------------
    -- 23. CTA Section CSS Start Here
  -------------------------------------------*/
/* Cta btn Css */
.px_cta_sec {
    background-color: #e75932;
    opacity: 0.8;
}

.px_cta_sec .px_cta_text {
    margin-bottom: 20px;
}

/* Cta V2 Css start  */

.px_cta_v2 .px_cta_icon .et-pb-icon {
    color: #fff !important;
}

.px_cta_v2 .px_cta_icon {
    background:  var(--px-color-1);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    z-index: -1;
    top: -2px;
    left: 60px;
}

.px_cta_v2 .px_cta_blarb_info .et_pb_image_wrap {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-left: -15px;
}

.px_cta_v2 .px_cta_blarb_info {
    font-style: italic;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    color: #74777c;
}

.px_cta_v2 .px_info_call_info .et_pb_main_blurb_image {
    color: var(--px-color-1);
    font-size: 36px;
    line-height: 36px;
    font-weight: 400;
}

.px_cta_v2 .px_info_call_info .et_pb_module_header {
    font-size: 14px;
    margin: 0 0 2px;
    font-weight: 400;
    color: #74777c;
}

.px_cta_v2 .px_info_call_info .et_pb_blurb_description {
    font-size: 22px;
    line-height: 1;
    margin: 0;
    font-weight: 700;
    color: #1a1a1a;
}

.px_cta_v2 .px_cta_blarb_info .et_pb_blurb_description a {
    color: var(--px-color-1) !important;
    text-decoration: underline;
}

.px_cta_sec_v2 .px_cta_text .et_pb_text_inner span {
    /*color: var(--px-color-2);*/
}

.px_cta_sec_v2 .px_cta_counter .percent .percent-value {
    color: #fff;
}

@media only screen and (max-width: 980px) {
    .px_cta_v2 .px_cta_blarb_info .et_pb_blurb_description {
        margin-left: 40px !important;
    }

    .px_cta_v2 .px_cta_blarb_info .et_pb_image_wrap {
        margin-left: 5px;
    }
}

/* Cta V2 Css End  */
/*-------------------------------------------
    -- 23. CTA Section CSS End Here
  -------------------------------------------*/
/*-------------------------------------------
    -- 24. Coming Soon Section CSS Start Here
  -------------------------------------------*/

/*--- Comingsoon ---*/
.px_coming_soon_title_v1 .et_pb_text_inner h1 {
    color: var(--px-color-1) !important;
}

.px_coming_soon_v1.et_pb_countdown_timer .section p.value {
    color: var(--px-color-1);
}

.px_coming_soon_v1.et_pb_countdown_timer .section p.label,
.px_coming_soon_v1.et_pb_countdown_timer .sep {
    color: var(--px-color-2);
}

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

.px_coming_soon_v1.et_pb_countdown_timer .section p.value {
    color: var(--px-color-1);
}

.px_coming_soon_v1.et_pb_countdown_timer .section p.label,
.px_coming_soon_v1.et_pb_countdown_timer .sep {
    color: var(--px-color-2);
}

/*-------------------------------------------
    -- 24. Coming Soon Section CSS End Here
  -------------------------------------------*/
/*-------------------------------------------
    -- 25. 404 not found CSS Start Here
  -------------------------------------------*/
/*------ 404 Eroor Page ------*/

.px_404_error_v1 .et_pb_text_inner span {
    color: var(--px-color-1);
}

/*-------------------------------------------
    -- 25. 404 not found CSS End Here
  -------------------------------------------*/
/*-------------------------------------------
    -- 26. client CSS Start Here
  -------------------------------------------*/
.px_client_logo {
    filter: grayscale(100%);
    transition: all 0.1s;
}

.px_client_logo:hover {
    filter: grayscale(0%);
}

/*-------------------------------------------
    -- 26. client CSS End Here
  -------------------------------------------*/
/*-------------------------------------------
    -- 28. Feature CSS Start Here
  -------------------------------------------*/
.px_testimonial_sec .px_testimonial_circle .et_pb_module_header {
    font-size: 24px;
    line-height: 35px;
    font-weight: 800;
    position: absolute;
    left: 106px;
    top: 13px;
}

.px_w_info_quote .et_pb_testimonial_content {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -0.03em;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 700;
/*     margin-left: -90px; */
}

.px_w_info_quote .et_pb_testimonial_portrait {
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 40px;
}
.px_w_info_quote .et_pb_testimonial_description {
	margin-left: 0px !important;
}
.px_w_info_quote .et_pb_testimonial_author,
.px_w_info_quote .et_pb_testimonial_position {
	padding-left: 70px;
}
.px_w_info_quote .et_pb_testimonial_author {
    color: #fff;
    font-size: 22px;
    line-height: 32px;
    font-weight: 800;
    margin-top: 0px;
    position: relative;
    top: -30px;
}

.px_w_info_quote .et_pb_testimonial_position {
    color: #fff;
    font-weight: 700;
    position: relative;
    top: -30px;
}


/* Shape Circle */
.px_feature_v1 .px_shape_circle {
    border-color: var(--px-color-1) !important;
    opacity: 0.102 !important;
}
@media only screen and (max-width: 400px) {
.px_w_info_quote .et_pb_testimonial_author,
.px_w_info_quote .et_pb_testimonial_position {
	padding-left: 0px;
}
}

/* Feature Logo Css */

/* Feature Text Css */
.px_feature_v1 .px_features_text {
    font-size: 30px;
    line-height: 35px;
    letter-spacing: -0.03em;
    color: #fff;
    font-weight: 800;
    background-color: var(--px-color-1);
    max-width: 265px;
    padding: 30px 55px;
}

/* Feature Sections V1 Css End Here */

.px_w_info_quote {
    background-color: var(--px-color-1) !important;
}

/* Blurb Css */
.px_w_info .et_pb_blurb_content {
    max-width: 470px;
    padding-bottom: 35px;
    border-bottom: 1px solid rgba(26, 26, 26, 0.102);
    transition: all 0.3s ease-out 0s;
}

.px_w_info .et_pb_blurb_content:hover {
    border-color: var(--px-color-1);
}

.px_w_info .et_pb_image_wrap {}

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

.px_w_info .et_pb_blurb_description {
    display: inline-flex;
}

.px_w_info .et_pb_blurb_description h2 {
    font-size: 50px;
    -webkit-box-flex: 0;
    flex: 0 0 180px;
    max-width: 165px;
    font-family: "Manrope", sans-serif;
    color: var(--px-color-1);
    line-height: 52px;
    font-weight: 700;
    text-align: center;
    margin: auto;
}

.px_w_info .et_pb_blurb_description h5 {
    letter-spacing: -0.03em;
    font-size: 17px;
    line-height: 25px;
    color: #1a1a1a;
    margin: 0px;
    font-weight: 700;
}

@media screen and (max-width: 480px) {
    .px_w_info .et_pb_blurb_description {
        display: inline-block;
        text-align: center;
    }
}

@media screen and (max-width: 400px) {
    .px_w_info_quote .et_pb_testimonial_content {
        font-size: 18px;
        line-height: 28px;
        margin-left: 10px;
    }

    .px_w_info_quote .et_pb_testimonial_portrait {
        bottom: -5px;
    }

    .px_w_info_quote .et_pb_testimonial_author {
        left: 70px;
        top: -20px;
    }

    .px_w_info_quote .et_pb_testimonial_position {
        left: 70px;
        top: -20px;
    }

    .px_w_info .et_pb_blurb_content {
        display: flex;
        padding-bottom: 20px;
    }

    .px_w_info .et_pb_blurb_description h2 {
        margin-left: 0px;
    }

    .px_w_info .et_pb_blurb_description h5 {
        line-height: 20px;
        margin-left: 20px;
        text-align: left;
    }
}

/*---------feature Css -----*/
/* Feature Sections V2 Css Start */
.px_feature_v2 .px_feature_title {
    margin-bottom: 0px;
}

.px_feature_v2 .px_feature_title .et_pb_text_inner {
    font-size: 24px;
    color: #1a1a1a;
    font-weight: 800;
    line-height: 30px;
}

/* Blarb Css */
/* Blarb Img Css */
.px_feature_v2 .px_feature_blarb .et_pb_main_blurb_image span {
    -webkit-box-flex: 0;
    max-width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: transparent;
    font-size: 50px;
    transition: all 0.3s ease-out 0s;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 21px;
}

.px_feature_v2 .px_feature_blarb .et_pb_only_image_mode_wrap {
    -webkit-box-flex: 0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: transparent;
    font-size: 50px;
    transition: all 0.3s ease-out 0s;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 21px;
}

.px_feature_v2 .px_feature_v2_column:hover .px_feature_blarb .et_pb_main_blurb_image span {
    background-color: var(--px-color-2);
    color: #fff;
}

.px_feature_v2 .px_feature_blarb .et_pb_main_blurb_image .et-pb-icon {
    color: var(--px-color-1);
    font-size: 50px;
}


@media only screen and (max-width: 450px) {
    .px_feature_v2 .px_feature_blarb .et_pb_main_blurb_image span {
        -webkit-box-flex: 0;
        max-width: 60px;
        height: 60px;
        border-radius: 50%;
        background-color: transparent;
        font-size: 30px !important;
        transition: all 0.3s ease-out 0s;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        padding: 21px;
    }

    .px_feature_v2 .px_feature_blarb .et_pb_main_blurb_image span {
        -webkit-box-flex: 0;
        max-width: 60px;
        height: 60px;
        border-radius: 50%;
        background-color: transparent;
        font-size: 30px !important;
        transition: all 0.3s ease-out 0s;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        padding: 21px;
    }

    .px_feature_v2 .px_feature_blarb .et_pb_blurb_container .et_pb_module_header {
        font-size: 20px;
        line-height: 30px;
        color: #1a1a1a;
        margin: 0px;
        font-weight: 600;
    }

    .px_feature_v2 .px_feature_icon {
        -webkit-box-flex: 0;
        flex: 0 0 60px;
        max-width: 40px !important;
        height: 40px !important;
        border-radius: 50%;
        border: 1px solid rgba(24, 28, 34, 0.102);
        font-size: 18px;
        transition: all 0.3s ease-out 0s;
        margin-left: 10px;
        margin-bottom: 0px;
    }


    .px_feature_v2 .px_feature_icon .et_pb_icon_wrap .et-pb-icon {
        font-size: 30px;
        top: 5px !important;
        color: var(--px-color-1);
    }
}

/* Blarb Title Css */
.px_feature_v2 .px_feature_blarb .et_pb_blurb_container .et_pb_module_header {
    font-size: 27px;
    line-height: 35px;
    color: #1a1a1a;
    margin: 0px;
    font-weight: 600;
}

/* icon css */
.px_feature_v2 .px_feature_icon {
    -webkit-box-flex: 0;
    flex: 0 0 60px;
    max-width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid rgba(24, 28, 34, 0.102);
    font-size: 18px;
    transition: all 0.3s ease-out 0s;

}

.px_feature_v2 .px_feature_icon .et_pb_icon_wrap .et-pb-icon {
    font-size: 30px;
    top: 15px;
    color: var(--px-color-1);

}

.px_feature_v2 .px_feature_row .px_feature_v2_column {
    background-color: #fff;
    box-shadow: 0px 10px 60px 0px rgba(24, 28, 34, 0.07);
    border-radius: 7px;
    padding: 30px;
    gap: 30px;
    display: flex;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.px_feature_v2 .px_feature_v2_column:hover .px_feature_icon {
    background-color: var(--px-color-2);
    color: #fff;
}

.px_feature_v2 .px_feature_v2_column:hover .et-pb-icon {
    color: #fff;
}

@media only screen and (max-width: 980px) {
    .px_feature_v2 .px_feature_icon {
        margin-right: 0;
    }

    .px_feature_v2 .px_feature_blarb .et_pb_blurb_container .et_pb_module_header {
        font-size: 31px;
    }
}

@media only screen and (max-width: 600px) {
    .px_feature_v2 .px_feature_blarb .et_pb_blurb_container .et_pb_module_header {
        font-size: 24px;
    }

    .px_feature_v2 .px_feature_row .px_feature_v2_column {
        display: block;
    }

    .px_feature_v2 .px_feature_title .et_pb_text_inner {
        text-align: center;
    }

    .px_feature_v2 .px_feature_blarb .et_pb_blurb_content {
        display: grid;
    }

    .px_feature_v2 .px_feature_blarb .et_pb_blurb_content .et_pb_main_blurb_image {
        margin: auto;
        width: auto;
    }

    .px_feature_v2 .px_feature_blarb .et_pb_blurb_content .et_pb_module_header {
        text-align: center;
    }

    .px_feature_v2 .px_feature_icon {
        margin: auto;
    }
}

/* Feature Sections V2 Css End Here */
/*-------------------------------------------
    -- 28. Feature CSS End Here
  -------------------------------------------*/
/*-------------------------------------------
    -- 29. Accordion CSS Start Here
  -------------------------------------------*/
/* Acoordian V1 Css Start*/

.px_accordion_v1 .et_pb_toggle {
    box-shadow: 0px 10px 60px 0px rgba(115, 115, 115, 0.2);
    border-width: 0px;
    border-radius: 15px;
}

.px_accordion_v1 .et_pb_toggle_title {
    font-size: 18px;
    font-weight: 700;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    line-height: 25px;
    color: #000 !important;
    position: relative;
    margin-left: 25px;
}

.px_accordion_v1 .et_pb_toggle_title::before {
    font-weight: 400;
    font-size: 22px;
    margin-left: auto;
    color: var(--px-color-1);
}

.px_accordion_v1 .et_pb_toggle_title::after {
    display: inline-flex;
    content: "\39";
    font-family: ETmodules;
    font-weight: 500;
    margin-right: 10px;
    color: var(--px-color-1);
    position: absolute;
    top: 0px;
    left: -30px;
    font-size: 22px;
}

.px_accordion_v1 .et_pb_toggle_content {
    color: #74787c;
    margin: 0px;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
}

/* Acoordian V1 Css End */
/* Acoordian V2 Css Start */

.px_accordion_sec_v2 .px_accordion_circle .et_pb_module_header {
    position: absolute;
    left: 106px;
    top: 13px;
}

.px_accordion_sec_v2 .px_accordion_v2 .et_pb_toggle {
    background-color: rgba(255, 255, 255, 0.8);
}

.px_accordion_sec_v2 .px_accordion_v2 .et_pb_toggle .et_pb_toggle_title:before {
    content: "\E050";
    position: absolute;
    font-size: 35px;
    font-weight: 400;
    color: #000;
}

.px_accordion_sec_v2 .px_accordion_v2 .et_pb_toggle .et_pb_toggle_content {
    color: #282828;
}

/* Acoordian V2 Css End */
/*-------------------------------------------
    -- 29. Accordion CSS End Here
  -------------------------------------------*/
/*-------------------------------------------
    -- 30. Hero Section CSS Code Start Here
  -------------------------------------------*/
/*Circle Image*/
.px_hero_sec_v1 .px_logo_img .et_pb_image_wrap img {
    -webkit-animation: rotatecircle infinite 8s linear;
    animation: rotatecircle infinite 8s linear;
}

/*-------------------------------------------
    -- 30. Hero Section CSS Code End Here
  -------------------------------------------*/
/* -----------------------------------
    31. Slide In CSS Start
 ----------------------------------- */

.px_contact_page_form.px_contact_form .et_pb_contact_form .et_pb_contact_field:before {
    top: 38px !important;
    right: 15px;
}

.px_contact_page_form.px_contact_form .et_pb_contact_form .et_pb_contact_field .et_pb_contact_form_label {
    display: unset;
    color: #000;
}

.px_contact_page_form.px_contact_form .et_pb_contact_form .et_pb_contact_field input {
    border: 1px solid #ddd;
    border-radius: 50px;
    padding: 16px;

}

.px_contact_page_form.px_contact_form .et_pb_contact_form .et_pb_contact_field textarea {
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 16px;
}

.px-popup-content .px_scale_in .px_footer_info:before {
    color: var(--px-color-1);
}

.px_footer_social li {
    margin-right: 5px;
}

.px_footer_social li a {
    background-color: var(--px-color-2) !important;
    transition: all 0.4s;
}

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



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

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

}

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

}

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

.px_slide_right .px_feature_info .et-pb-icon {
    font-size: 45px;
}

.px_slide_right .px_feature_info .et_pb_module_header {
    font-size: 18px !important;
}

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

.px_slide_left .px_footer_info:before {
    color: var(--px-color-1);
}

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

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

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

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


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

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

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

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

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

/* -----------------------------------
    31. Slide In CSS End
 ----------------------------------- */
/* -----------------------------------
	-- 00. Color Picker CSS Start
-------------------------------------*/

/* -----------------------------------
    -- 00. Color Picker CSS End
-------------------------------------*/
/*-------------------------------------------
    -- 00. Animation Part CSS Code Start Here
  -------------------------------------------*/
/*Rotate*/
@-webkit-keyframes rotatecircle {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

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

/* shake Css */

@keyframes shake {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    50% {
        -webkit-transform: translateX(7px);
        transform: translateX(7px);
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes pulse-border2 {
    0% {
        transform: scale(1);
        opacity: 0.67;
    }

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

/* circle animation effect 
----------------------------------*/
.circle-shape-change {
    -webkit-border-radius: 45% 55% 60% 40% / 59% 56% 44% 41%;
    -moz-border-radius: 45% 55% 60% 40% / 59% 56% 44% 41%;
    border-radius: 45% 55% 60% 40% / 59% 56% 44% 41%;
    -webkit-animation: hero-border 2s linear infinite alternate;
    -moz-animation: hero-border 2s linear infinite alternate;
    -o-animation: hero-border 2s linear infinite alternate;
    animation: hero-border 2s linear infinite alternate;
}

@keyframes hero-border {
    0% {
        -webkit-border-radius: 45% 55% 60% 40% / 59% 56% 44% 41%;
        -moz-border-radius: 45% 55% 60% 40% / 59% 56% 44% 41%;
        border-radius: 45% 55% 60% 40% / 59% 56% 44% 41%;
    }

    100% {
        -webkit-border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;
        -moz-border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;
        border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;
    }
}

/* Bounce Effect */

.bounce-slide {
    animation-duration: 4s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-name: bounceSlide;
}

@keyframes bounceSlide {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

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

    60% {
        transform: translateY(-15px);
    }
}


/* Circle Round */
.circle_round {
    -webkit-animation: circle-round 6s linear 0s infinite alternate;
    -moz-animation: circle-round 6s linear 0s infinite alternate;
    -o-animation: circle-round 6s linear 0s infinite alternate;
    animation: circle-round 6s linear 0s infinite alternate;
}

@keyframes circle-round {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

/* Spin Infinite */
.spin_infinite {
    -webkit-animation: spin 6s linear infinite;
    -moz-animation: spin 6s linear infinite;
    -o-animation: spin 6s linear infinite;
    animation: spin 6s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

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

/* Moving Up and Down */
.move_upDown {
    -webkit-animation-name: upDown;
    animation-name: upDown;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes upDown {
    0% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@keyframes upDown {
    0% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}


/* movement animation effect 
----------------------------------*/

/* horizontal move */
.horizontal_move50px {
    -webkit-animation: horizontal_move50 3s linear 0s infinite alternate;
    -moz-animation: horizontal_move50 3s linear 0s infinite alternate;
    -o-animation: horizontal_move50 3s linear 0s infinite alternate;
    animation: horizontal_move50 3s linear 0s infinite alternate;
}

@keyframes horizontal_move50 {
    0% {
        -webkit-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px);
    }

    100% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
    }
}

/*upward movement 50px */
.upward_movement50px {
    -webkit-animation: upward_movement50 3s linear 0s infinite alternate;
    -moz-animation: upward_movement50 3s linear 0s infinite alternate;
    -o-animation: upward_movement50 3s linear 0s infinite alternate;
    animation: upward_movement50 3s linear 0s infinite alternate;
}

@keyframes upward_movement50 {
    0% {
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
    }
}

/* video play animation */
.popup-video:before,
.popup-video:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    border-radius: 50%;
    width: 100%;
    height: 100%;
    border: 1px solid #cccccc;
    animation: popupBtn 1.8s linear infinite;
}

.popup-video:before {
    animation-delay: 0.8s;
}

@keyframes popupBtn {
    0% {
        transform: scale(1);
        opacity: 0;
    }

    50% {
        transform: scale(1.6);
        opacity: 0.3;
    }

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


/* icon bounce  */

@keyframes icon-bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0px);
    }

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

    60% {
        transform: translateY(-5px);
    }
}

/*-------------------------------------------
    -- 00. Animation Part CSS Code End Here
  -------------------------------------------*/