/*
Theme Name: Techgenix Divi IT Solutions Theme
Theme URI: https://itsolutionsagency.divichildthemesextended.com
Description: Minimal & Modern Divi Theme For all modern technology company and software development websites. 
Author: Divi Professional
Author URI: https://divi-professional.com
Template: Divi
Version:  1.0
License:  GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
/* -----------------------------------------------------------------------------   
    TABLE OF CONTENT
---------------------------------------------------------

    01. General Class CSS
		Title CSS		
		Button CSS
        Page Header Title Css
		Breadcrumbs CSS
	02. Header Section CSS
        Menu + Sub Menu CSS
            Header v1 CSS
		    Header v2 CSS
		    Header v3 CSS
	03. Footer Section CSS
		Footer v1 CSS
		Footer v2 CSS
		Footer v3 CSS
    04. Sidebar CSS
    05. Blog CSS
		Blog Grid CSS
			2 Columns CSS
            3 Columns CSS
			4 Columns CSS
    Blog Listing CSS 
		Blog Category Page CSS 
		Blog Tags Page CSS 
		Blog Author Page CSS 
		Blog Single Page CSS
	06. Portfolio CSS
		Portfolio Default CSS
		Portfolio Filterable CSS
			2 Columns CSS
            3 Columns CSS
			4 Columns CSS
        Portfolio Carousel CSS 
		Portfolio Gallary CSS 
		Portfolio Category Page CSS 
		Portfolio Tags Page CSS 
		Portfolio Single Page CSS
    07. Services CSS
		Services v1 CSS
		Services v2 CSS
		Services v3 CSS
		Services Single Page CSS
	08. Contact Us CSS
		Contact Us v1 CSS
		Contact Us v2 CSS
	09. Team Section CSS
		Team v1 CSS
		Team v2 CSS
		Team Single CSS
    10 Slider Section CSS
		Slider v1 CSS
    11 Faqs CSS
		Faqs v1 CSS
	12 Timeline CSS
		Timeline v1 CSS
	13 Pricing Table CSS
		Pricing Default CSS
		Pricing Mini CSS
		Pricing Toggle CSS
		Pricing Table CSS
    14 Testimonial Section CSS
		Testimonial v1 CSS
		Testimonial v2 CSS	
    15 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 Color Picker CSS
    29 Animation Part CSS

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

/* Title Css */
/*Sub Title Text*/

.et_pb_scroll_top.et-pb-icon {
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
}

.px_title {}

.px_sub_title {
    position: relative;
    background: #f0f5f9;
    display: table;
    padding: 5px 20px;
    border-radius: 20px;
    box-shadow: 0 11px 27px rgba(0, 9, 71, 0.13);
}

.px_sub_title.center.divider::after,
.px_sub_title.divider::before {
    position: absolute;
    content: "";
    /*     background-color: var(--px-color-1); */
    background: linear-gradient(90deg,
            var(--px-color-2),
            var(--px-color-1)) !important;
    width: 80px;
    height: 3px;
    position: absolute;
    top: 50%;
    right: -90px;
    transform: translate(0, -50%);
}

.px_sub_title.center.divider::after {
    left: -90px;
}

/*Center Subtitle Text*/
.px_sub_title.center.divider {
    margin: auto;
}

/*Gradient Text Css */
.px_text_gradient {
    background-image: -webkit-gradient(linear,
            left top,
            right top,
            from(var(--px-color-1)),
            to(var(--px-color-2)));
    background-image: -webkit-linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    background-image: -moz-linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    background-image: -ms-linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    background-image: -o-linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--px-color-1)', endColorStr='var(--px-color-1)', gradientType='1');
    background-color: initial;
    background-clip: text;
    -o-background-clip: text;
    -ms-background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -o-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

@media only screen and (max-width: 768px) {
    .px_sub_title {
        margin: auto !important;
        margin-bottom: 30px !important;
    }
}

@media only screen and (max-width: 768px) {
    .px_title h2 {
        text-align: center;
    }
}

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

    .px_s_slider .et_pb_slide:first-child .et_pb_slide_image img {
        width: 100%;
        max-height: 100% !important;
    }
}

/* Btn Light Css */
.px_button {
    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    position: relative;
    overflow: hidden;
    width: 100%;
    color: #fff;
    background-image: linear-gradient(to right,var(--px-color-2), var(--px-color-1), var(--px-color-2)) !important;
    text-align: center;
	background-position: 10% 0 !important;
}

.px_button:hover{
	background-position: 100% 0 !important;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    color: #fff;
}

.px_button::before,
.px_blog_comment_v1 .et_pb_button:before {
    content: "";
    background: #fff;
    -webkit-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
    position: absolute;
    height: 120%;
    width: 15px;
    opacity: 0.2;
    left: -35%;
    top: -10%;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    display: block !important;
}

.px_button:hover::before,
.px_button:focus::before,
.px_blog_comment_v1 .et_pb_button:hover:before,
.px_blog_comment_v1 .et_pb_button:focus:before {
    left: 130%;
}

/* 2nd Btn Dark Css */
.px_button.dark,
.px_blog_comment_v1 .et_pb_button {
    background-image: linear-gradient(90deg, #08203a, #08203a) !important;
}

/* -----------------------------------
   01. Global Class CSS End
-------------------------------------*/

/*-------------------------------------------
  --  02. Header Section CSS Code Start Here
-------------------------------------------*/
/* Header Version v1 Css Start Here */
/* .px_header_v1 Css */

.px_header_v1 .et_pb_column {
    margin-bottom: 0px;
}

.px_h_contact_info .et_pb_image_wrap {
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2)) !important;
    padding: 10px;
    border-radius: 50%;
}

.px_h_contact_info .et_pb_image_wrap .et-pb-icon {
    animation: bounce 2000ms ease-out infinite;
}

/* Menu + Sub Menu CSS Start */

.px_h_menu .et_mobile_nav_menu .mobile_menu_bar:before {
    color: var(--px-color-1) !important;
    font-size: 40px;
    font-weight: 600;
}

.px_h_menu .et-menu li {
    padding-left: 5px;
    padding-right: 5px;
}

.px_h_menu .et-menu li a {
    position: relative;
	text-transform: uppercase;
	padding-right: 12px !important;
}

.px_h_menu .et-menu li a:before {
    content: '';
    width: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1);
}

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

.px_h_menu .et-menu li ul li a:before {
    height: 3px;
    left: 20px;
}

.px_h_menu .et-menu li a:after {
    content: "" !important;
    position: absolute !important;
}

.px_h_menu .et-menu li .sub-menu {
    border-top: none;
    box-shadow: 0 18px 43px rgb(90 90 90 / 14%);
    border-radius: 5px;
    bottom: 100%;
    /*     left: 0; */
    right: 0;
    overflow: hidden;
    height: 0%;
    transition: ease-out 0s ease;
}

.px_h_menu .et_mobile_menu {
    border-top: none;
    box-shadow: 0 18px 43px rgb(90 90 90 / 14%);
}

.px_h_menu .et-menu li:hover .sub-menu {
    bottom: 0;
    height: 100%;
    overflow: visible;
    display: table;
}

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

/* Menu + Sub Menu CSS End */

@media only screen and (max-width: 1250px) {
    .px_h_contact_info {
        display: none;
    }
}

@media only screen and (min-width: 981px) and (max-width: 1077px) {
    .px_header_v1 .px_h_menu_row {
        padding: 10px !important;
    }

    .px_header_v1 .px_h_menu_column {
        width: 100% !important;
    }
}

/* Header Version v1 Css End Here */

/* Header Version v2 Css Start Here */

.px_header_sec1_v2 {
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
}

.px_header_sec2_v2 .et_pb_column {
    margin-bottom: 0px;
}
.px_header_sec2_v2 .px_f_popup_icon {
	    border-radius: 5px 0px 0px 5px;
}
@media only screen and (min-width: 981px) and (max-width: 1077px) {

    .px_header_sec2_v2 .px_h_menu_row_v2,
    .px_header_sec1_v2 .px_h_menu_top_row_v2 {
        padding: 10px !important;
    }

    .px_header_sec2_v2 .px_h_menu_column_v2,
    .px_header_sec1_v2 .px_h_menu_top_row_v2 {
        width: 100% !important;
    }

    .px_header_sec2_v2 .px_h_btn_column_v2 {
        display: none;
    }
}


/* Header Version v2 Css End Here */
/*-------------------------------------------
  --  02. Header Section CSS Code End Here
-------------------------------------------*/

/*-------------------------------------------
  -- 03. Footer Sections Css Start Here
-------------------------------------------*/
/* Footer Version v1 Css Start Here */
/* .px_footer_v1 Css */

.px_f_social li a::before {
    transition: all 0.4s;
    color: #000 !important;
    border-radius: 50%;
}

.px_f_social li a:hover::before {
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    color: #fff !important;
}

.px_f_title .et_pb_text_inner h3 span {
    position: relative;
}

.px_f_title .et_pb_text_inner h3 span::before {
    content: "";
    width: 40px;
    height: 3px;
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    position: absolute;
    top: 55%;
    right: -55px;
    transform: translate(0, -50%);
}

.px_f_button:hover {
    margin-left: 10px;
}

.px_f_button::before {
    font-weight: 1000 !important;
    color: #fff;
}

.px_f_info .et-pb-icon {
    background-color: var(--px-color-1);
    padding: 10px;
    font-size: 20px;
    border-radius: 5px;
}

.px_f_info .et_pb_blurb_container {
    line-height: 0.9;
}

.px_footer_v1 .et_pb_blurb_2_tb_footer .et_pb_blurb_description {
    line-height: 1.3;
}

.px_footer_v1 .px_f_gallery .et_pb_gallery_items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 0px;
}

.px_footer_v1 .px_f_gallery .et_pb_gallery_items .et_overlay:before {
    font-weight: 600 !important;
    font-size: 20px;
}

/* .px_footer_v1 .px_f_gallery .et_pb_gallery_items .et_pb_gallery_image img {
	object-fit: cover;
	height: 70px;
	width: 100%;
} * 
/* Footer Version v1 Css End Here */

/* Footer Version v2 Css Start Here */
/* px_footer_v2 */

.px_footer_v2 .px_footer_col1 {
    padding: 30px;
    position: relative;
}

.px_footer_v2 .px_footer_col1:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: var(--px-color-1);
    opacity: 0.3;
    border-radius: 20px;
}

.px_footer_v2 .et_pb_blurb_content {
    margin: 0px;
}

.px_footer_v2 .et_pb_blurb_2_tb_footer .et_pb_blurb_description {
    line-height: 1.3;
}

/* Footer Version v2 Css End Here */

/*-------------------------------------------
  -- 03. Footer Sections Css End Here
-------------------------------------------*/

/*-------------------------------------------
  -- 05. Blog Sections Css Satrt Here
-------------------------------------------*/
/* Blog Version v1 Css Start Here */

.px_blog_v1 .et_pb_post {
    overflow: hidden;
    transition: all 0.4s;
    box-shadow: 0 20px 50px rgb(0 10 80 / 6%);
    border: none;
    padding: 20px !important;
    border-radius: 5px;
    position: relative;
}

.px_blog_v1 .et_pb_post:hover {
    box-shadow: 0 20px 50px rgb(0 10 80 / 10%);
}

.px_blog_v1 .et_pb_image_container {
    overflow: hidden;
    border-radius: 5px;
    transition: 6s cubic-bezier(0.24, 0.74, 0.58, 1);
}

.px_blog_v1 .et_pb_image_container .entry-featured-image-url {
    -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    margin-bottom: 0px !important;
}

/* .px_blog_v1 .et_pb_post:hover .et_pb_image_container {
    transform: scale(1.3);
} */

.px_blog_v1 .et_pb_post .post-meta {
    position: absolute;
    top: 220px;
    margin-left: 10px;
}

.px_blog_v1 .et_pb_post .post-meta .published {
    position: absolute;
    /*     bottom: 175px; */
    top: -220px;
    left: -10px;
    padding: 10px 0px;
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    color: #fff;
    font-weight: 500;
    width: 60px;
    text-align: center;
    font-size: 20px;
    margin-bottom: 4px;
}

/* .px_blog_v1 .et_pb_blog_item_0_0 .published {
  bottom: 195px !important;
}
.px_blog_v1 .et_pb_blog_item_0_1 .published {
  bottom: 195px !important;
} */

.px_blog_v1 .et_pb_post .post-meta a {
    position: relative;
    margin-right: 40px;
    margin-left: 30px;
}

.px_blog_v1 .et_pb_post .post-meta a::before {
    position: absolute;
    content: "\e07c";
    top: -5px;
    line-height: 1.2;
    font-family: ETmodules;
    left: -40px;
    color: #fff;
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    padding: 8px;
    border-radius: 50%;
    height: 80%;
}


.px_blog_v1 .et_pb_post .post-meta a::after {
    position: absolute;
    content: "\e065";
    top: -5px;
    line-height: initial;
    font-family: ETmodules;
    right: -40px;
    color: #fff;
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    padding: 8px;
    border-radius: 50%;
    height: 80%;
}

.px_blog_v1 .et_pb_post .entry-title {
    position: relative;
    margin-top: 45px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.px_blog_v1 .et_pb_post .post-content .post-content-inner p {
    margin-bottom: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.px_blog_v1 .et_pb_post .more-link {
    position: relative;
    z-index: 1;
	width: fit-content;
    padding: 10px;
    padding-right: 25px;
    top: -5px;
    border-width: 0px;
    border-radius: 5px !important;
    background-color: #08203a;
    transition: all 0.4s;
    text-transform: capitalize;
    overflow: hidden;
}

.px_blog_v1 .et_pb_post .more-link:hover {}

.px_blog_v1 .et_pb_post .more-link::after {
    content: "\4c";
    position: absolute;
    top: 10px;
    right: 5px;
    display: block;
    font-family: ETmodules;
}

.px_blog_v1 .et_pb_post .more-link::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 5px !important;
    margin: auto;
    background-color: #006cff;
    transform-origin: right center;
    transform: scale(0, 1);
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    display: block;
    transition: transform 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85);
    z-index: -1;
    opacity: 1;
    color: #fff;
}

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

.px_blog_v1 .pagination .alignleft,
.px_blog_v1 .pagination .alignright {
    border-radius: 3px;
    position: relative;
    z-index: 1;
    /* background-color: red; */
    padding: 10px;
    padding-right: 25px;
    top: 20px;
    border-width: 0px;
    border-radius: 5px;
    /* background-color: #08203a; */
    transition: all 0.4s;
    background: #08203a;
    text-transform: capitalize;
}

.px_blog_v1 .pagination .alignleft a,
.px_blog_v1 .pagination .alignright a {
    color: #fff;
}

.px_blog_v1 .pagination .alignleft::before,
.px_blog_v1 .pagination .alignright::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 4px;
    margin: auto;
    background-color: #006cff;
    transform-origin: right center;
    transform: scale(0, 1);
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    display: block;
    transition: transform 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85);
    z-index: -1;
    opacity: 1;
    color: #fff;
}

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


@media only screen and (max-width: 980px) {
    .px_blog_v1 .et_pb_post .post-meta {
        top: 250px;
    }

    .px_blog_v1 .et_pb_post .post-meta .published {
        top: -250px;
    }
}

@media only screen and (max-width: 768px) {
    .px_blog_v1 .et_pb_post .post-meta {
        top: 195px;
    }

    .px_blog_v1 .et_pb_post .post-meta .published {
        top: -195px;
    }
}

@media only screen and (max-width: 400px) {
    .px_blog_v1 .et_pb_post .post-meta {
        top: 220px;
    }

    .px_blog_v1 .et_pb_post .post-meta .published {
        top: -220px;
    }
}

/* Blog Version v1 Css End Here */
/* Blog Version v2 Css Start Here (2 column) */
.px_blog_v2 .et_pb_ajax_pagination_container {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(2, 50%);
}

.px_blog_v2 .et_pb_post .entry-title {
    position: relative;
    margin-top: 0px;
}

.px_blog_v2 .et_pb_post .post-meta {
    position: unset;
    top: 220px;

}

.px_blog_v2 .et_pb_post .post-meta .published {
    top: 20px;
    left: 30px;
}

.px_blog_v2 .et_pb_post .more-link {
    width: fit-content;
}

@media only screen and (max-width: 400px) {
    .px_blog_v2 .et_pb_ajax_pagination_container {
        display: block;
    }
}

/* Blog Version v2 Css End Here (2 column) */
/* Blog Version v3 Css Start Here ( Right Side Image ) */

.px_blog_v3 .et_pb_post {
    display: flex;
    flex-direction: row-reverse;
    padding: 30px;
}

.px_blog_v3 .entry-featured-image-url {
    margin-bottom: 0px !important;
}

.px_blog_v3 .info {
    width: 200%;
}

.px_blog_v3 .et_pb_post .post-content .post-content-inner {
    white-space: unset;
}

.px_blog_v3 .et_pb_post .post-meta .published {
    left: 0px;
}

.px_blog_v3 .entry-title {
    margin-top: 0px !important;
}

.px_blog_v3 .post-meta {
    position: unset !important;
}

.px_blog_v3 .post-meta .published {
    left: 715px !important;
    top: 20px !important;
}

.px_blog_v3 .more-link {
    width: fit-content;
}

.px_blog_v3 .et_pb_post .post-content .post-content-inner p,
.px_blog_v4 .et_pb_post .post-content .post-content-inner p {
    white-space: unset !important;
}

@media only screen and (max-width: 768px) {
    .px_blog_v3 .et_pb_post {
        display: block;
        padding: 30px;
    }

    .px_blog_v3 .info {
        width: auto;
    }

    .px_blog_v3 .et_pb_post .post-meta .published {
        top: 20px;
        left: 30px !important;
    }
}

/* Blog Version v3 Css End Here ( Right Side Image ) */
/* Blog Version v4 Css Start Here ( Left Side Image ) */

.px_blog_v4 .et_pb_post {
    display: flex;
    padding: 30px;
}

.px_blog_v4 .entry-featured-image-url {
    margin-bottom: 0px !important;
}

.px_blog_v4 .info {
    width: 200%;
    margin-left: 25px;
}

.px_blog_v4 .et_pb_post .post-content .post-content-inner {
    white-space: unset;
}

.px_blog_v4 .et_pb_post .post-meta .published {
    left: 0px;
}

.px_blog_v4 .entry-title {
    margin-top: 0px !important;
}

.px_blog_v4 .post-meta {
    position: unset !important;
}

.px_blog_v4 .post-meta .published {
    left: 30px !important;
    top: 20px !important;
}

.px_blog_v4 .more-link {
    width: fit-content;
}

@media only screen and (max-width: 768px) {
    .px_blog_v4 .et_pb_post {
        display: block;
        padding: 30px;
    }

    .px_blog_v4 .info {
        margin-left: 0px;
    }

    .px_blog_v4 .info {
        width: auto;
    }

    .px_blog_v4 .et_pb_post .post-meta .published {
        top: 20px;
        left: 30px !important;
    }
}

/* Blog Version v4 Css End Here ( Left Side Image ) */
/* Blog Version v5 Css Start Here */
.px_blog_v5 .et_pb_post {
    margin-bottom: 100px;
}

.px_blog_v5 .info {
    position: absolute;
    bottom: -40px;
    left: 30px;
    right: 30px;
    z-index: 99;
    padding: 32px 28px 22px;
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1);
    transform-origin: bottom center;
    -webkit-transform-origin: bottom center;
    box-shadow: 0 20px 50px rgb(0 10 80 / 6%);
}

.px_blog_v5 .info:before {
    content: '';
    z-index: -1;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    clip-path: polygon(0 11%, 100% 0, 100% 100%, 25% 100%, 0 100%);
    -webkit-clip-path: polygon(0 11%, 100% 0, 100% 100%, 25% 100%, 0 100%);
    -moz-clip-path: polygon(0 11%, 100% 0, 100% 100%, 25% 100%, 0 100%);
    -ms-clip-path: polygon(0 11%, 100% 0, 100% 100%, 25% 100%, 0 100%);
    -o-clip-path: polygon(0 11%, 100% 0, 100% 100%, 25% 100%, 0 100%);
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1);
}

/* Blog Version v5 Css End Here */
/* Blog Version v6 Css Start Here */
.px_blog_v6 .et_pb_post .entry-title {
    position: relative;
    margin-top: 0px;
}

.px_blog_v6 .et_pb_post .post-meta {
    position: unset;
    top: 220px;
}

.px_blog_v6 .et_pb_post .post-meta .published {
    top: 20px;
    left: 30px;
}

.px_blog_v6 .et_pb_post .more-link {
    width: fit-content;
}

/* Blog Version v6 Css End Here */
/* ===== Blog Detalis Page  Css Start ===== */

.px_blog_post_content_v1 .et_section_regular {
    padding: 0;
}

.px_blog_detail_v1 .et_pb_title_meta_container {
    margin-top: 20px;
}

.px_blog_detail_v1 .et_pb_title_meta_container a {
    margin-left: 35px;
}

.px_blog_detail_v1 .et_pb_title_meta_container a:before {
    position: absolute;
    content: "\e07b";
    top: -5px;
    line-height: initial;
    font-family: ETmodules;
    /*     right: 105px; */
    left: 0px;
    color: #fff;
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    padding: 8px;
    border-radius: 50%;
    /*     height: 80%; */
}

.px_blog_detail_v1 .et_pb_title_meta_container .published {
    position: absolute;
    bottom: 50px;
    left: 10px;
    padding: 10px 0px;
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    color: #fff;
    font-weight: 500;
    width: 60px;
    text-align: center;
    font-size: 20px;
    margin-bottom: 4px;
}

.px_blog_detail_v1 .et_pb_title_meta_container a:first-child {
    margin-left: 0px;
}

.px_blog_detail_v1 .et_pb_title_meta_container a {
    margin-left: 40px;
}

.px_blog_tags_v1 .et_pb_text_inner a {
    background-color: #f0f0f0;
    padding: 15px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 5px;
    transition: all 0.4s;
    color: #000;
}

@media only screen and (max-width: 768px) {
    .px_blog_tags_v1 .et_pb_text_inner a {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.px_blog_tags_v1 .et_pb_text_inner a:hover {
    background-color: var(--px-color-1);
    color: #fff;
}

.px_blog_scocial_v1 li a {
    transition: all 0.4s;
}

.px_blog_scocial_v1 li a:hover {
    transform: translate(0, -4px);
}

.px_blog_next_prev_btn_v1 .meta-nav {
    display: none;
}

.px_blog_next_prev_btn_v1 .nav-label {
    color: #fff;
}

.px_blog_next_prev_btn_v1 .nav-previous,
.px_blog_next_prev_btn_v1 .nav-next {
    color: #FFFFFF !important;
    border-width: 0px !important;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600 !important;
    background-color: #08203a;
    padding: 15px;
}

.px_blog_next_prev_btn_v1 .nav-previous:before,
.px_blog_next_prev_btn_v1 .nav-next:before {
    content: "";
    background: #fff;
    -webkit-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
    position: absolute;
    height: 120%;
    width: 15px;
    opacity: 0.2;
    left: -35%;
    top: -10%;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    display: block !important;
}

.px_blog_next_prev_btn_v1 .nav-previous:hover:before,
.px_blog_next_prev_btn_v1 .nav-next:hover:before {
    left: 130%;
}

.px_blog_comment_v1 .comment_avatar {
    top: 0px !important;
    border-radius: 50%;
}

.px_blog_comment_v1 .comment_avatar .avatar {
    border-radius: 50%;
}

.px_blog_comment_v1 .page_title {
    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_comment_v1 .comment-reply-link:after {
    font-family: ETmodules !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    content: "\35";
    position: absolute;
    margin-left: 0.01em !important;
    line-height: 1.1;
}

.px_blog_comment_v1 .comment-reply-link:hover:before {
    left: 150%;
}

.px_blog_comment_v1 .submit {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 35px;
}

.px_blog_comment_v1 .submit:hover {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 35px;
}

.px_blog_comment_v1 .submit:after {
    font-family: ETmodules !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    content: "\35";
    position: absolute;
    margin-left: 0.01em !important;
    line-height: 1.1;
}

.px_blog_comment_v1 .comment-reply-title {
    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_comment_v1 .comment_postinfo a {
    color: var(--px-color-1);
}

.px_blog_comment_v1 .comment-content a {
    color: var(--px-color-1);
}

.px_blog_comment_v1 .comment-respond .comment-form a {
    color: var(--px-color-1);
}

.px_blog_comment_v1 .comment-respond .comment-form-comment textarea {
    background-color: #fff !important;
    border: 1px solid #999 !important;
}

.px_blog_comment_v1 .comment-respond .comment-form input {
    background-color: #fff !important;
    border: 1px solid #999 !important;
}

/* Blog Detalis Page  Css End*/
/* Blog Slider (carousel) Version v1 Css Start Here */

.blog_carousel_v1 .slick-slide {
    padding: 15px !important;
    margin: 25px 15px !important;
	box-shadow: 0 10px 18px rgb(0 10 80 / 10%) !important;
}

.blog_carousel_v1 .slick-slide.et_pb_post .post-meta .published {
	top: -205px;
}

.blog_carousel_v1 .slick-slide .et_pb_post {
    margin-bottom: 25px;
    box-shadow: 0 10px 10px rgb(0 10 80 / 6%);
    transition: all 0.4s;
}

.blog_carousel_v1 .slick-slide .et_pb_post:hover {
    box-shadow: 0 10px 15px rgb(0 10 80 / 10%);
}

.blog_carousel_v1 .slick-slide .et_pb_post .post-meta {
    top: 215px;
}

.blog_carousel_v1 .slick-slide .et_pb_post .post-meta .published {
    top: -195px;
}

.blog_carousel_v1 .slick-slide .et_pb_post .more-link {
    width: fit-content;
}

@media only screen and (max-width: 980px) {
    .blog_carousel_v1 .slick-slide .et_pb_post .post-meta {
        top: 240px;
    }

    .blog_carousel_v1 .slick-slide .et_pb_post .post-meta .published {
        top: -220px;
    }
}

@media only screen and (max-width: 768px) {
    .blog_carousel_v1 .slick-slide .et_pb_post .post-meta {
        top: 180px !important;
    }

    .blog_carousel_v1 .slick-slide .et_pb_post .post-meta .published {
        top: -160px !important;
    }
}

@media only screen and (max-width: 479px) {
    .blog_carousel_v1 .slick-slide {
    	width: 73vw !important;
    }
}


@media only screen and (max-width: 400px) {
	    .blog_carousel_v1 .slick-slide .et_pb_post .post-meta {
      top: 210px;
    }

    .blog_carousel_v1 .slick-slide .et_pb_post .post-meta .published {
         top: -180px;
    }
}


/* Blog Slider (carousel) Version v1 Css End Here */
/*Blog Side Bar Css Start Here*/
.px_blog_sidebar_v1 .et_pb_widget {
    margin-bottom: 25px !important;
    position: relative;
    padding: 40px 30px;
    border: 1px solid #EBEEEF;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 4%);
}

.px_blog_sidebar_v1 .widget_search .widgettitle {
    display: none;
}

.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: 15px;
    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 .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);
    margin-left: 10px;
}

.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: 14px !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: #08203a !important;
    transition: all 0.4s;
    /* background: #08203a; */
    color: #fff;
    text-transform: capitalize;
}

.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_contact_sidebar .et_pb_contact_submit::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 4px;
    margin: auto;
    background-color: #006cff;
    transform-origin: right center;
    transform: scale(0, 1);
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    display: block;
    transition: transform 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85);
    z-index: -1;
    opacity: 1;
    color: #fff;
}

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

.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.4s;
}

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

/* Blog Side Bar Css End Here */
/*-------------------------------------------
  -- 05. Blog Sections Css End Here
-------------------------------------------*/

/*-------------------------------------------
  -- 06. Portfolio Sections Css Start Here
-------------------------------------------*/
/* Filterable Portfolio Menu Css Start Here */

.px_sec_portfolio_v3 .px_filterable_portfolio_v3 .et_pb_portfolio_filters {
    width: fit-content;
    margin: auto;
    margin-bottom: 40px;
}

.px_sec_portfolio_v3 .px_filterable_portfolio_v3 .et_pb_portfolio_filters .clearfix {}

.px_sec_portfolio_v3 .px_filterable_portfolio_v3 .et_pb_portfolio_filters .clearfix .et_pb_portfolio_filter {}

.px_sec_portfolio_v3 .px_filterable_portfolio_v3 .et_pb_portfolio_filters .clearfix .et_pb_portfolio_filter a {
    border: none;
    border-radius: 0px;
    color: #000;
}

.px_sec_portfolio_v3 .px_filterable_portfolio_v3 .et_pb_portfolio_filters .clearfix .et_pb_portfolio_filter a:hover {
    background-color: transparent;
}

.px_sec_portfolio_v3 .px_filterable_portfolio_v3 .et_pb_portfolio_filters .clearfix .et_pb_portfolio_filter a.active {
    border: none;
    color: var(--px-color-1);
    border-bottom: 2px solid var(--px-color-1);
    background-color: transparent;
}

/* Filterable Portfolio Menu Css End Here */

/*  Portfolio v3 Css Start Here */

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

.px_sec_portfolio_v3 .px_portfolio_v3 .et_pb_portfolio_grid_items .et_pb_grid_item,
.px_sec_portfolio_v3 .px_filterable_portfolio_v3 .et_pb_portfolio_items .et_pb_portfolio_item {
    width: 100%;
    box-shadow: 0px 0px 18px 0px #c8c8c8;
}

.px_sec_portfolio_v3 .px_portfolio_v3 .et_pb_grid_item .et_portfolio_image:before,
.px_sec_portfolio_v3 .px_filterable_portfolio_v3 .et_pb_portfolio_items .et_pb_portfolio_item .et_portfolio_image:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(0deg, rgba(19, 22, 31, 0.94902) 0%, rgba(34, 38, 49, 0) 100%);
	height: 40%;
    width: auto;
}

.px_sec_portfolio_v3 .px_portfolio_v3 .et_pb_grid_item .et_portfolio_image img,
.px_sec_portfolio_v3 .px_filterable_portfolio_v3 .et_pb_portfolio_items .et_pb_portfolio_item .et_portfolio_image img {
    width: 100%;
}

.px_sec_portfolio_v3 .px_portfolio_v3 .et_pb_grid_item,
.px_sec_portfolio_v3 .px_filterable_portfolio_v3 .et_pb_portfolio_item {
    position: relative !important;
}

.px_sec_portfolio_v3 .px_portfolio_v3 .et_pb_grid_item:after,
.px_sec_portfolio_v3 .px_filterable_portfolio_v3 .et_pb_portfolio_item:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    opacity: 0;
    transition: .5s;
    transform: perspective(400px) scale(0);
    transform-origin: bottom center;
    content: "";
/*     height: 85%;
    background-image: linear-gradient(0deg, var(--px-color-1) 0%, rgba(0, 0, 0, 0.3) 53%, rgba(34, 38, 49, 0) 100%); */
	height: 40%;
    background-image: linear-gradient(0deg, var(--px-color-1) 0%,transparent);
}

.px_sec_portfolio_v3 .px_portfolio_v3 .et_pb_grid_item:hover:after,
.px_sec_portfolio_v3 .px_filterable_portfolio_v3 .et_pb_portfolio_item:hover:after {
    opacity: 1;
    transform: perspective(400px) scale(1.0);
}

.px_sec_portfolio_v3 .px_portfolio_v3 .et_pb_grid_item .et_portfolio_image .et_overlay,
.px_sec_portfolio_v3 .px_filterable_portfolio_v3 .et_pb_portfolio_item .et_portfolio_image .et_overlay {
    display: none;
}

.px_sec_portfolio_v3 .px_portfolio_v3 .et_pb_grid_item .px_portfolio_v3_col_info,
.px_sec_portfolio_v3 .px_filterable_portfolio_v3 .et_pb_portfolio_item .px_portfolio_v3_col_info {
    z-index: 1;
    position: relative;
}

.px_sec_portfolio_v3 .px_portfolio_v3 .et_pb_grid_item .et_pb_module_header,
.px_sec_portfolio_v3 .px_filterable_portfolio_v3 .et_pb_portfolio_item .et_pb_module_header {
    position: absolute;
    bottom: 40px;
    left: 0px;
    right: 0px;
    color: #fff;
    text-align: center;
}

.px_sec_portfolio_v3 .px_portfolio_v3 .et_pb_portfolio_item .post-meta,
.px_sec_portfolio_v3 .px_filterable_portfolio_v3 .et_pb_portfolio_item .post-meta {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
}

.px_sec_portfolio_v3 .px_portfolio_v3 .et_pb_portfolio_item .post-meta a,
.px_sec_portfolio_v3 .px_filterable_portfolio_v3 .et_pb_portfolio_item .post-meta a {
    color: #fff !important;
}

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

    .px_sec_portfolio_v3 .px_portfolio_v3 .et_pb_portfolio_grid_items,
    .px_sec_portfolio_v3 .px_filterable_portfolio_v3 .et_pb_portfolio_items {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

    .px_sec_portfolio_v3 .px_portfolio_v3 .et_pb_portfolio_grid_items,
    .px_sec_portfolio_v3 .px_filterable_portfolio_v3 .et_pb_portfolio_items {
        grid-template-columns: repeat(1, 1fr);
    }
}

/*  Portfolio v3 Css End Here */
/*  Portfolio v3 2-column Css Start Here */

.px_sec_portfolio_v3 .px_portfolio_col_2 .et_pb_portfolio_grid_items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 20px;
}

@media only screen and (max-width: 980px) {
    .px_sec_portfolio_v3 .px_portfolio_col_2 .et_pb_portfolio_grid_items {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 600px) {
    .px_sec_portfolio_v3 .px_portfolio_col_2 .et_pb_portfolio_grid_items {
        grid-template-columns: repeat(1, 1fr);
    }
}

/*  Portfolio v3 2-column Css End Here */
/*  Portfolio v3 4-column Css Start Here */

.px_sec_portfolio_v3 .px_portfolio_col_4 .et_pb_portfolio_grid_items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 20px;
}

@media only screen and (max-width: 980px) {
    .px_sec_portfolio_v3 .px_portfolio_col_4 .et_pb_portfolio_grid_items {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 600px) {
    .px_sec_portfolio_v3 .px_portfolio_col_4 .et_pb_portfolio_grid_items {
        grid-template-columns: repeat(1, 1fr);
    }
}

/*  Portfolio v3 4-column Css End Here */
/*  Portfolio Details v1 Css Start Here */
.project_details .main_img .et_pb_image_wrap,
.project_details .main_img .et_pb_image_wrap img {
    width: 100%;
    max-width: 100%;
}

.project_details .main_img .et_pb_image_wrap img {
    object-fit: cover !important;
    height: 413px;
}

.project_details .project_info .et_pb_blurb_content,
.project_details .small_desc .et_pb_blurb_content {
    margin: 0;
}

.project_details .big_desc_row .et_pb_row_0 {
    width: 100% !important;
}

.project_details .big_desc span {
    display: inline-block;
    float: left;
    margin: 5px 16px 0 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    /* box-shadow: 0 10px 30px rgb(15 103 246 / 45%); */
    box-shadow: 0 10px 30px var(--px-color-1);
    color: #fff;
    /* background-color: #0f67f6; */
    background-color: var(--px-color-1);
    border-radius: 5px;
    font-size: 30px;
    font-weight: 600;
    font-family: fira sans, sans-serif;
}

.project_details .small_desc .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2)) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    line-height: 1.5;
}

@media only screen and (max-width: 980px) {
    .project_details .main_img .et_pb_image_wrap img {
        height: auto;
    }

    .project_details .project_info .et_pb_blurb_content,
    .project_details .small_desc .et_pb_blurb_content {
        margin: 0;
    }
}

/*  Portfolio Details v1 Css End Here */
/*  Portfolio Sidebar v1 Css Start Here */

.px_portfolio_sidebar_v1 {
    border: none;
    padding: 0px;
}

.px_portfolio_sidebar_v1 .widget_categories,
.px_portfolio_sidebar_v1 .widget_tag_cloud,
.px_portfolio_sidebar_v1 .widget_media_gallery {
    position: relative;
    padding: 40px 30px;
    border: 1px solid #EBEEEF;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 4%);
}

/*  Portfolio Sidebar v1 Css End Here */
/*-------------------------------------------
  -- 06. Portfolio Sections Css End Here
-------------------------------------------*/
/*-------------------------------------------
  -- 07. Service Sections Css Start Here
-------------------------------------------*/
/* Services Version v1 Css Start Here */
.px_service_v1 {
    position: relative;
    transition: all 0.4s;
}

.px_service_v1::before {
    content: "";
    position: absolute;
    top: 50px;
    height: 90%;
    left: 0;
    width: 100%;
    bottom: 100px;
    background-color: #fff;
    z-index: -2;
    clip-path: polygon(0 28%, 100% 1%, 100% 100%, 0% 100%);
    box-shadow: 0 20px 50px rgb(0 10 80 / 5%);
}

.px_service_v1 .px_service_img {
    position: relative;
    padding: 4px;
    width: fit-content;
}

.px_service_v1:hover .px_service_img:before {
    opacity: 1;
}

.px_service_v1 .px_service_img .et_pb_image_wrap {
    border-radius: 0% !important;
    overflow: visible !important;
    position: relative;
}

.px_service_v1 .px_service_img .et_pb_image_wrap:before {
    content: "";
    background: linear-gradient(to bottom, var(--px-color-1), var(--px-color-2));
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    padding: 4px;
    opacity: 0;
    margin: -4px;
    transition: all 0.4s;
}

.px_service_v1:hover .px_service_img .et_pb_image_wrap:before {
    opacity: 1;
}

.px_service_v1 .px_service_img .et_pb_image_wrap img {
    border-radius: 50%;
}

/* .px_service_v1 .px_service_icon {
    top: 43% !important;
} */

.px_service_v1 .px_service_icon .et_pb_icon_wrap {
    position: relative;
    transition: all 0.4s;
    max-width: 250px;
    position: relative;
    background: linear-gradient(to bottom, var(--px-color-1), var(--px-color-2));
    padding: 3px;
}

.px_service_v1 .px_service_icon .et_pb_icon_wrap .et-pb-icon {
    transition: all 0.4s;
    z-index: 1;
}

.px_service_v1:hover .px_service_icon .et_pb_icon_wrap .et-pb-icon {
    color: #fff;
}

.px_service_v1 .px_service_icon .et_pb_icon_wrap .et-pb-icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px;
    margin: -5px;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(to bottom, var(--px-color-1), var(--px-color-2));
    border-radius: 100%;
    transition: all 0.4s;
    opacity: 0;
}

.px_service_v1:hover .px_service_icon .et_pb_icon_wrap .et-pb-icon::before {
    opacity: 1;

}

.px_service_v1 .px_service_icon .et-pb-icon {
    transition: all 0.4s;
    border-radius: 50%;
    background-color: #fff;
    height: 40px;
    width: 40px;
    line-height: 2;
}

/* Services Version v1 Css End Here */

/* Services Version v2 Css Start Here */

/* .px_s_service_v2 .px_s_service .et_pb_image_wrap .et-pb-icon {
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2)) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.4s;
}
.px_s_service_v2 .px_s_service:hover .et_pb_image_wrap .et-pb-icon {
    background-image: linear-gradient(to left, #fff, #fff) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} */

.px_s_service_v2 .px_s_service .et_pb_image_wrap img {
    height: 60px;
    object-fit: cover;
    transition: all 0.4s;
}

.px_s_service_v2 .px_s_service:hover .et_pb_image_wrap img {
    transform: rotateY(360deg);
}

.px_s_service_v2 .px_s_service .et_pb_module_header {
    transition: all 0.4s;
}

.px_s_service_v2 .px_s_service:hover .et_pb_module_header {
    color: #fff !important;
}

.px_s_service_v2 .px_s_service {
    border-radius: 3px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.px_s_service_v2 .px_s_service::before {
    content: '';
    position: absolute;
    width: 101%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 5px;
    margin: auto;
    background-color: #006cff;
    transform-origin: right center;
    transform: scale(0, 1);
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    display: block;
    transition: transform .3s cubic-bezier(.37, .31, .2, .85);
    z-index: -1;
    opacity: 1;
}

.px_s_service_v2 .px_s_service:hover:before {
    transform-origin: left center;
    transform: scale(1, 1);
    border-radius: 5px;
}

/* Services Version v2 Css End Here */
/* Services Version v3 Css Start Here */

.px_s_service_v3 .px_service_column {
    position: relative;
    border-radius: 60px 10px 10px;
    transition: all 0.4s;
}

.px_s_service_v3 .px_service_column:hover {
    box-shadow: 0 34px 32px rgb(1 25 59 / 14%);
    border-radius: 8px 60px 8px 8px;
}

.px_s_service_v3 .px_service_column:before {
    border-radius: 8px 60px 8px 8px;
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    height: 152px;
    width: 100%;
    position: absolute;
    content: "";
    top: -15px;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: all 0.4s;
}

.px_s_service_v3 .px_service_column:hover:before {
    opacity: 1;
}

.px_s_service_v3 .px_service_img {
    transition: all 0.4s;
}

.px_s_service_v3 .px_service_column:hover .px_service_img {
    transform: translateY(30px);
}

.px_s_service_v3 .px_service_img .et_pb_image_wrap {
    color: #fff !important;
    transition: all 0.4s;
    position: relative;
}

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

.px_s_service_v3 .px_service_img .et_pb_image_wrap:before {
    content: '';
    position: absolute;
    top: -17px;
    left: -20px;
    width: 50px;
    height: 50px;
    background-color: #006cff;
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    border-radius: 25px;
    box-shadow: 0 6px 6px rgb(0 108 255 / 30%);
    transform: rotate(45deg);
    z-index: -1;
    padding: 18px;
}

.px_s_service_v3 .px_service_column:hover .px_service_img .et_pb_image_wrap:before {
    background-image: linear-gradient(to left, #fff, #fff);
    box-shadow: none;
    transition: all 0.4s;
}

.px_s_service_v3 .px_service_cta {
    padding: 0px 15px;
}

.px_s_service_v3 .px_service_cta .et_pb_module_header {
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    transition: all 0.4s;
}

.px_s_service_v3 .px_service_column:hover .px_service_cta .et_pb_module_header {
    transform: translateY(65px);
}

.px_s_service_v3 .px_service_cta .et_pb_module_header:before {
    position: absolute;
    content: '';
    bottom: -15px;
    left: 0;
    right: 0;
    margin: auto;
    height: 4px;
    width: 88px;
    background-color: #006cff;
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: all 0.4s;
}

.px_s_service_v3 .px_service_column:hover .px_service_cta .et_pb_module_header:before {
    /* 	display: none; */
    opacity: 0;
    width: 0px;
}

.px_s_service_v3 .et_pb_promo_description div p {
    transition: all 0.4s;
}

.px_s_service_v3 .px_service_column:hover .et_pb_promo_description div p {
    opacity: 0;
    transform: translateY(20px);
}

.px_s_service_v3 .et_pb_promo_button {
    background-image: linear-gradient(to left,
            var(--px-color-1),
            var(--px-color-2)) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* 	visibility: hidden; */
    opacity: 0;
    transition: all 0.4s;
}

.px_s_service_v3 .px_service_column:hover .et_pb_promo_button {
    transform: translateY(-30px);
    /* 	visibility: visible; */
    opacity: 1;
}

/* @media only screen and (max-width: 400px) {
    .px_s_service_v3 .px_service_cta {
        padding: 40px;
    }
}
 */
/* Services Version v3 Css End Here */
/* Services Version v4 Css Start Here */

.px_s_service_v4 .scrvice_column {
    margin-bottom: 50px !important;
}

.px_s_service_v4 .scrvice_column .et_pb_team_member {
    border: 1px solid #e2e2e2;
    margin-bottom: 0px !important;
}

.px_s_service_v4 .scrvice_column .et_pb_team_member_image {
    margin-bottom: 0px !important;
    max-width: unset !important;
}

.px_s_service_v4 .scrvice_column .et_pb_team_member_image:before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    /* 	background-color: var(--px-color-1); */
    background-image: linear-gradient(90deg, var(--px-color-2), var(--px-color-1)) !important;
    padding: 10px 20px 120px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.4s;
}

.px_s_service_v4 .scrvice_column .et_pb_team_member_image img {
    height: 275px;
    width: 100%;
    object-fit: cover;
}

.px_s_service_v4 .scrvice_column .et_pb_team_member_description {
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
}

.px_s_service_v4 .scrvice_column .et_pb_module_header {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    transition: .3s cubic-bezier(.24, .74, .58, 1);
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    padding: 45px 20px 30px;
    z-index: 0;
}

.px_s_service_v4 .scrvice_column .et_pb_module_header:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    right: 0;
    transform: scaleY();
    clip-path: polygon(0 24%, 100% 0, 100% 100%, 25% 100%, 0 100%);
    transition: .1s cubic-bezier(.24, .74, .58, 1);
    background-image: linear-gradient(to left,
            var(--px-color-1),
            var(--px-color-2)) !important;
    opacity: 0.9;
    z-index: -1;
    transition: all 0.4s;
    -webkit-transform-origin: bottom center;
}

.px_s_service_v4 .scrvice_column .et_pb_member_position {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 200px;
    z-index: 99;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s;

}

.px_s_service_v4 .scrvice_column .et_pb_team_member_description div p {
    position: absolute;
    bottom: 100px;
    padding: 5px;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: all 0.4s;
}

.px_s_service_v4 .scrvice_column .et_pb_member_social_links li {
    margin-right: 0px;
}

.px_s_service_v4 .scrvice_column .et_pb_member_social_links li a {
    border: 1px solid #b2b2b2;
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: #fff;
    transition: all 0.4s;
}

.px_s_service_v4 .scrvice_column .service_icon {
    transition: all 0.4s;
    /*-webkit-transform-origin: bottom center; */
}

.px_s_service_v4 .scrvice_column .et_pb_team_member:hover .et_pb_team_member_image:before {
    opacity: 0.9;
    transform: scaleY(1);
}

.px_s_service_v4 .scrvice_column .et_pb_team_member:hover .et_pb_member_social_links li a {
    border-color: var(--px-color-1);
    color: var(--px-color-1);
}

.px_s_service_v4 .scrvice_column .et_pb_team_member:hover .et_pb_module_header:before {
    background-color: #fff;
}

.px_s_service_v4 .scrvice_column .et_pb_team_member:hover .et_pb_module_header {
    color: #000 !important;
    transform: scaleY(0);
}

.px_s_service_v4 .scrvice_column:hover .service_icon {
    transform: scaleY(0);
}

.px_s_service_v4 .scrvice_column:hover .et_pb_member_position {
    transform: translateY(0);
    color: #fff;
    opacity: 1;
}

.px_s_service_v4 .scrvice_column .et_pb_team_member:hover .et_pb_team_member_description div p {
    transform: translateY(0);
    color: #fff;
    opacity: 1;
}

.px_s_service_v4 .scrvice_column .et_pb_team_member .et_pb_member_social_links li a:hover {
    color: #fff !important;
    background-color: var(--px-color-1) !important;
}

.px_s_service_v4 .scrvice_column .service_icon {
    top: 65%;

}

.px_s_service_v4 .scrvice_column .service_icon .et_pb_icon_wrap {
    padding: 2px;
    background-image: linear-gradient(to left,
            var(--px-color-1),
            var(--px-color-2)) !important;
    border-radius: 50%;
}

.px_s_service_v4 .scrvice_column .service_icon .et_pb_icon_wrap .et-pb-icon {
    background: white;
    border-radius: 50%;
    padding: 0;
    height: 60px;
    width: 60px;
    line-height: 2;
    color: var(--px-color-1);
}

@media only screen and (max-width: 768px) {
    .px_s_service_v4 .scrvice_column .et_pb_team_member:hover .et_pb_team_member_description div p {
        transform: translateY(-50px);
    }

    .px_s_service_v4 .scrvice_column .et_pb_team_member_description div p {
        padding: 15px;
    }

    .px_s_service_v4 .scrvice_column .et_pb_team_member_description div p {
        padding: 15px;
    }

    .px_s_service_v4 .scrvice_column:hover .et_pb_member_position {
        transform: translateY(-45px);
    }

    .px_s_service_v4 .scrvice_column .service_icon {
        top: 75%;
    }

    .px_s_service_v4 .scrvice_column .et_pb_team_member_image img {
        height: 350px;
    }
}

@media only screen and (max-width: 400px) {
    .px_s_service_v4 .scrvice_column .et_pb_team_member:hover .et_pb_team_member_description div p {
        transform: translateY(-50px);
    }

    .px_s_service_v4 .scrvice_column .et_pb_team_member_description div p {
        padding: 15px;
    }

    .px_s_service_v4 .scrvice_column:hover .et_pb_member_position {
        transform: translateY(-20px);
    }

    .px_s_service_v4 .scrvice_column .service_icon {
        top: 75%;
    }
}

/* Service Version v4 Css End Here */
/* Services details Version v1 Css Start Here */
.px_service_detail_v1 .et_pb_button_module_wrapper {
    background-color: #e6ebf4;
    transition: all 0.4s;
}

.px_service_detail_v1 .service_detail_btn {
    width: 100%;
    text-align: left;
    transition: all 0.4s;
    color: #000;
}

.px_service_detail_v1 .service_detail_btn:hover {
    margin-left: 10px;
    color: #fff !important;
}

.px_service_detail_v1 .et_pb_button_module_wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 0;
    display: block;
    background-color: var(--px-color-2);
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1);
    width: 4px;
}

.px_service_detail_v1 .et_pb_button_module_wrapper:hover:before {
    height: 100%
}

.px_service_detail_v1 .et_pb_button_module_wrapper:hover {
    background-color: var(--px-color-1);
}

.px_service_detail_v1 .service_detail_cta .et_pb_promo_description .et_pb_module_header {
    color: var(--px-color-1) !important;
}

.px_service_detail_v1 .service_detail_cta .et_pb_promo_description div h4 {
    font-size: 36px;
    color: #fff;
    border-bottom: 1px solid rgba(15, 103, 246, .32);
}

.px_service_detail_v1 .service_detail_cta .et_pb_promo_description div h3 {
    font-size: 38px;
    font-weight: 700;
    color: #fff;
    padding-top: 20px;
    font-family: fira sans, sans-serif;
}

.px_service_detail_v1 .service_detail_cta .et_pb_button_wrapper .et_pb_button {
    border: none;
    border-radius: none;
    background-color: #fff;
    padding: 15px;
    padding-right: 55px !important;
}

.px_service_detail_v1 .service_detail_cta .et_pb_button_wrapper .et_pb_button:after {
    line-height: inherit;
    font-size: inherit !important;
    opacity: 1;
    color: #fff;
    margin-left: 0.3em;
    left: auto;
    bottom: 0;
    font-family: FontAwesome !important;
    font-weight: 900 !important;
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2)) !important;
    right: 0;
    padding: 15px;
}

.px_service_detail_v1 .service_detail_info .et_pb_blurb_content .et-pb-icon {
    background-image: linear-gradient(to left,
            var(--px-color-1),
            var(--px-color-2)) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.px_service_detail_v1 .first .et_pb_blurb_content .et_pb_image_wrap {
    background-color: #000917;
    padding: 15px 11px !important;
    border-radius: 10px;
}

.px_service_detail_v1 .service_detail_icon .et_pb_blurb_content .et_pb_image_wrap {
    background-color: #000917;
    padding: 15px;
    border-radius: 10px;
}

.px_service_detail_v1 .service_detail_icon .et_pb_blurb_content .et-pb-icon {
    background-image: linear-gradient(to left,
            var(--px-color-1),
            var(--px-color-2)) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.px_service_detail_v1 .service_detail_icon .et_pb_blurb_content .et_pb_blurb_container {
    vertical-align: middle;
}

@media only screen and (max-width: 980px) {
    .px_service_detail_v1 .service_detail_info .et_pb_blurb_content {
        margin: 0 !important;
    }

    .px_service_detail_v1 .service_detail_icon .et_pb_blurb_content {
        margin: 0 !important;
    }
}

/* Services details Version v1 Css End Here */
/* Services Slider (carousel) Version v1 Css Start Here */

.px_s_service_v4 .service_carousel_v1 .scrvice_column {
    box-shadow: none;
    padding: 15px;
	margin: 0 !important;
}

.px_s_service_v4 .service_carousel_v1 .scrvice_column .et_pb_team_member {
    box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 20%);
}

.px_s_service_v4 .service_carousel_v1 .scrvice_column .et_pb_team_member .et_pb_team_member_image img {
    height: 375px;
}

.px_s_service_v4 .service_carousel_v1 .scrvice_column .service_icon {
    top: 75%;
}

.px_s_service_v4 .service_carousel_v1 .slick-prev {
    left: -30px;
}

.px_s_service_v4 .service_carousel_v1 .slick-prev:before,
.px_s_service_v4 .service_carousel_v1 .slick-next:before {
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2)) !important;
    background-color: initial;
    -webkit-background-clip: text;
    color: transparent;
    font-size: 30px;
}

@media only screen and (max-width: 980px) {
    .px_s_service_v4 .service_carousel_v1 .scrvice_column .et_pb_team_member .et_pb_team_member_image {
        margin: 0px !important;
    }

    .px_s_service_v4 .team_carousel_v1 .scrvice_column .service_icon {
        top: 65%;
    }
}

@media only screen and (max-width: 768px) {
    .px_s_service_v4 .service_carousel_v1 .scrvice_column .service_icon {
        top: 70%;
    }

    .px_s_service_v4 .service_carousel_v1 .scrvice_column .et_pb_team_member .et_pb_team_member_image img {
        height: 340px;
    }
}
@media only screen and (max-width: 479px) {
       .px_s_service_v4 .service_carousel_v1 .scrvice_column {
    	width: 80vw !important;
    }
}


@media only screen and (max-width: 400px) {
    .px_s_service_v4 .service_carousel_v1 .scrvice_column:hover .et_pb_member_position {
        transform: translateY(-40px);
    }
}

/* Services Slider (carousel) Version v1 Css End Here */
/* Services Slider (carousel) Version v2 Css Start Here */


.px_s_service_v3 .service_carousel_v2 .slick-slide .px_service_cta {
    padding: 40px 12px;
}

.px_s_service_v3 .service_carousel_v2 .slick-slide {
    padding: 65px 15px;
}

.px_s_service_v3 .service_carousel_v2 .slick-prev {
    left: -30px;
}

.px_s_service_v3 .service_carousel_v2 .slick-prev:before,
.px_s_service_v3 .service_carousel_v2 .slick-next:before {
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2)) !important;
    background-color: initial;
    -webkit-background-clip: text;
    color: transparent;
    font-size: 30px;
}

@media only screen and (max-width: 980px) {
    .px_s_service_v3 .service_carousel_v2 .px_service_column {
        margin-top: 0px !important;
    }
}

@media only screen and (max-width: 400px) {
    .px_s_service_v3 .service_carousel_v2 .slick-slide .px_service_cta {
        padding: 35px;
    }
}

/* Services Slider (carousel) Version v2 Css End Here */
/*-------------------------------------------
  -- 07. Service vSections Css End Here
-------------------------------------------*/

/*-------------------------------------------
  -- 08. Contact Sections Css Start Here
-------------------------------------------*/
/*  Contact Us Version v1 Css Start Here */

.px_contactus_v1 .contact_column_one {
    top: 60px;
}

.px_contactus_v1 .contact_info {
    background-color: #EDF2FAB3;
}

.px_contactus_v1 .contact_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2)) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.px_contactus_v1 .px_contactform_v2 {
    background-color: #EDF2FAB3;
}

.px_contactus_v1 .px_contactform_v2 .et_pb_contact_form .et_pb_contact_field {
    padding-top: 10px;
    padding-bottom: 10px;
}

.px_contactus_v1 .px_contactform_v2 .et_pb_contact_form .et_pb_contact_field .input {
    background-color: #fff;
    border: 1px solid #ececec;
}

.px_contactus_v1 .px_contactform_v2 .et_pb_contact_form .et_pb_contact_field .input:focus {
    border-color: var(--px-color-1);
}

@media only screen and (max-width: 1450px) {
    .px_contactus_v1 .contact_column_one {
        top: 0px;
    }
}

/*  Contact Us Version v1 Css End Here */
/*  Contact Us Version v2 Start Here */

.px_contactus_v2 .contact_info .et_pb_blurb_content .et_pb_image_wrap .et-pb-icon {
    color: #fff;
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    border-radius: 50%;
    padding: 20px;
}

.px_contactus_v2 .contact_info .et_pb_blurb_content .et_pb_blurb_container {
    vertical-align: middle;
}

.px_contactus_v2 .px_contactform_v3 .et_pb_contact_field .input {
    padding: 20px !important;
    background-color: #edf0fa !important;
    color: #fff !important;
    border: none;
}

.px_contactus_v2 .px_contactform_v3 .et_pb_contact_field .input {
    padding: 20px !important;
    background-color: #edf0fa !important;
}

.px_contactus_v2 .contact_social li a {
    margin-right: 18px;
}

.px_contactus_v2 .contact_social li a:before {
    background-color: var(--px-color-1) !important;
    color: #fff !important;
    border-radius: 0px !important;
    padding: 5px;

}

@media only screen and (max-width: 980px) {
    .px_contactus_v2 .contact_info .et_pb_blurb_content {
        margin: 0;
    }

    .px_contactus_v2 .px_sub_title {
        margin: auto;
    }
}

/* Contact Us Version v2 Css End Here */
/*-------------------------------------------
  -- 08. Contact Sections Css End Here
-------------------------------------------*/

/*-------------------------------------------
  -- 09. Team Sections Css Start Here
-------------------------------------------*/
/* .px_team_v1 Css Start Here*/
/* Main Team Member Css Class */

.px_team_v1 {
    transition: all 0.4s;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

/* .px_team_v1::before {
    content: "";
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-45deg, var(--px-color-1), var(--px-color-2));
    display: block;
    opacity: 0;
    height: 0%;
    transition: all 0.4s;
}

.px_team_v1:hover::before {
    opacity: 0.9;
    height: 40%;
} */

/*Team V1 Hover Front Card css */
.px_team_v1 .px_team_front {
    opacity: 1;
    transition: all 0.4s;
}

.px_team_v1:hover .px_team_front {
    opacity: 0;
}

.px_team_v1 .px_team_front .et_pb_team_member_image {
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2)) !important;
    padding: 3px;
}

.px_team_v1 .px_team_front .et_pb_team_member_image img {
    max-width: 100%;
    height: auto;
    padding: 8px;
    border-radius: 50%;
    background: #fff;
}

.px_team_v1 .px_team_front .et_pb_team_member_description .et_pb_module_header {
    padding-top: 25px;
}

.px_team_v1 .px_team_front .et_pb_team_member_description div p {
    /* opacity: 0;  */
    display: none;
}

.px_team_v1 .px_team_front .et_pb_member_social_links {
    /* opacity: 0; */
    display: none;
}

/*Team V1 Hover Back Card css */
.px_team_v1 .px_team_back {
    transition: all 0.4s;
}

.px_team_v1:hover .px_team_back {
    opacity: 1;
    width: 100%;
    position: absolute !important;
    top: 0%;
    height: 100%;
    bottom: auto;
    left: 0px;
    right: auto;
    transition: top 600ms ease 0ms, bottom 600ms ease 0ms;
}


.px_team_v1 .px_team_back::before {
    content: "";
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-45deg, var(--px-color-1), var(--px-color-2));
    display: block;
    opacity: 0;
    height: 0%;
    transition: all 0.4s;
    z-index: -1;
}

.px_team_v1:hover .px_team_back::before {
    opacity: 0.9;
    height: 100%;
}

.px_team_v1 .px_team_back .et_pb_team_member_image {
    display: none;
}

.px_team_v1 .px_team_back .et_pb_module_header {
    position: relative;
    background: #f0f5f9;
    padding: 5px 10px;
    border-radius: 20px;
    box-shadow: 0 11px 27px rgba(0, 9, 71, 0.13);
    color: var(--px-color-1) !important;
    display: inline-block;
    top: 0px;
}

.px_team_v1 .px_team_back .et_pb_member_position {
    padding-top: 5px;
    padding-bottom: 5px !important;
}

.px_team_v1 .px_team_back .et_pb_member_social_links li a {
    background-color: #fff;
    border-radius: 50%;
    padding: 5px;
    line-height: 1.7;
    width: 35px;
    height: 35px;
    color: #444;
    transition: all 0.4s;
}

.px_team_v1 .px_team_back .et_pb_member_social_links li a:hover {
    color: var(--px-color-1);
}

.px_title_three h3 span::after {
    right: 160px;
}

/*Team V1 Icon css */
.px_team_v1 .px_team_icon {
    opacity: 1;
}

.px_team_v1:hover .px_team_icon {
    opacity: 0;
}

.px_team_v1 .px_team_icon .et_pb_icon_wrap .et-pb-icon {
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2)) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 1000 !important;
    opacity: 1;
    position: relative;
}

.px_team_v1 .px_team_icon .et_pb_icon_wrap .et-pb-icon::before {
    position: absolute;
    content: "";
    top: -7px;
    right: -8px;
    background-color: var(--px-color-1);
    opacity: 0.3;
    border-radius: 50%;
    padding: 20px;
}

@media (max-width: 980px) {
    .px_team_v1 .px_team_icon {
        margin-bottom: 0px;
        margin-bottom: 10px;
    }
}

/* .px_team_v1 Css End Here */
/* .px_team_v2 Css Start Here */

.px_team_v2 .et_pb_team_member {
    border: 1px solid #e2e2e2;
}

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

.px_team_v2 .et_pb_team_member_image:before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    /* 	background-color: var(--px-color-1); */
    background-image: linear-gradient(90deg, var(--px-color-2), var(--px-color-1)) !important;
    padding: 10px 20px 120px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.4s;
}

.px_team_v2 .et_pb_team_member_image img {
    width: 100%;
}

.px_team_v2 .et_pb_team_member_description {
    position: absolute;
    bottom: -16px;
    left: 0;
    right: 0;
}

.px_team_v2 .et_pb_module_header {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    transition: .3s cubic-bezier(.24, .74, .58, 1);
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    padding: 37px 20px 60px;
    z-index: 0;
}

.px_team_v2 .et_pb_module_header:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 1px;
    height: 100%;
    right: 0;
    clip-path: polygon(0 24%, 100% 0, 100% 100%, 25% 100%, 0 100%);
    transition: .1s cubic-bezier(.24, .74, .58, 1);
    background-color: rgba(0, 7, 11, .9);
    z-index: -1;
    transition: all 0.4s;
}

.px_team_v2 .et_pb_member_position {
    position: absolute;
    bottom: 45px;
    color: var(--px-color-1);
    left: 0;
    right: 0;
    z-index: 99;
}

.px_team_v2 .et_pb_team_member_description div p {
    position: absolute;
    bottom: 150px;
    padding: 5px;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -khtml-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    transition: all 0.4s;
}

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

.px_team_v2 .et_pb_member_social_links li a {
    border: 1px solid #b2b2b2;
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: #fff;
    transition: all 0.4s;
}

.px_team_v2 .et_pb_team_member:hover .et_pb_team_member_image:before {
    opacity: 0.9;
}

.px_team_v2 .et_pb_team_member:hover .et_pb_member_social_links li a {
    border-color: var(--px-color-1);
    color: var(--px-color-1);
}

.px_team_v2 .et_pb_team_member:hover .et_pb_module_header:before {
    background-color: #fff;
}

.px_team_v2 .et_pb_team_member:hover .et_pb_module_header {
    color: #000 !important;
}

.px_team_v2 .et_pb_team_member:hover .et_pb_team_member_description div p {
    transform: translateY(0);
    color: #fff;
    opacity: 1;
}

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

@media only screen and (max-width: 768px) {
    .px_team_v2 .et_pb_team_member:hover .et_pb_team_member_description div p {
        transform: translateY(-50px);
    }

    .px_team_v2 .et_pb_team_member_description div p {
        padding: 15px;
    }
}

@media only screen and (max-width: 400px) {
    .px_team_v2 .et_pb_team_member:hover .et_pb_team_member_description div p {
        transform: translateY(-50px);
    }

    .px_team_v2 .et_pb_team_member_description div p {
        padding: 15px;
    }
}

/* .px_team_v2 Css End Here */
/* .px_team_details_v1 Css Start Here */

.px_team_details_v1 .team_details_title h5 {
    color: var(--px-color-1);
}

.px_team_details_v1 .team_details_info .et-pb-icon {
    padding: 10px;
    color: var(--px-color-1);
    background-color: #e6eefb;
}

.px_team_details_v1 .team_details_social a {
    margin: 0px;
    border-radius: 0px !important;
    border: 1px solid var(--px-color-1);
    padding: 5px !important;
    transition: all 0.4s;
}

.px_team_details_v1 .team_details_social a:hover {
    background: var(--px-color-1);
}

.px_team_details_v1 .team_details_social a:before {
    transition: all 0.4s;
}

.px_team_details_v1 .team_details_social a:hover:before {
    color: #fff !important;
}

.px_team_details_v1 .team_details_activities {
    margin-bottom: 25px !important;
}

.px_team_details_v1 .team_details_barcounter .et_pb_counter_container {
    height: 7px;
    background: #e3e3e3;
    border-radius: 0;
    box-shadow: none;
    margin: 15px 0 30px;
    overflow: visible;
    position: relative;
}

.px_team_details_v1 .team_details_barcounter .et_pb_counter_container .et_pb_counter_amount {
    box-shadow: none;
    border-radius: 0;
    position: relative;
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2)) !important;
}

.px_team_details_v1 .team_details_barcounter .et_pb_counter_container .et_pb_counter_amount:after {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--px-color-1);
    position: absolute;
    right: -5px;
    top: -6px;
}

.px_team_details_v1 .team_details_barcounter .et_pb_counter_container .et_pb_counter_amount_number {
    height: 20px;
    width: 45px;
    height: 30px;
    line-height: 60px;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    text-align: center;
    position: absolute;
    bottom: 30px;
    right: -17px;
}

.px_team_details_v1 .team_details_info .et_pb_blurb_content {
    margin: 0px;
    max-width: fit-content;
}

.px_team_details_v1 .team_details_activities .et_pb_blurb_content {
    margin: 0px;
    max-width: fit-content;
}

/* .px_team_details_v1 Css End Here */
/* Team Slider (carousel) Version v1 Css Start Here */

.px_team_v2 .team_carousel_v1 .team_column {
    box-shadow: none;
    padding: 15px;
	margin: 0 !important;
}

.px_team_v2 .team_carousel_v1 .team_column .et_pb_team_member {
    box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 20%);
}

.px_team_v2 .team_carousel_v1 .team_column .et_pb_team_member .et_pb_team_member_image {
    margin-bottom: 0px !important;
}

.px_team_v2 .team_carousel_v1 .team_column .et_pb_team_member .et_pb_team_member_image img {
    width: 100%;
}

@media only screen and (max-width: 980px) {
    .px_team_v2 .team_carousel_v1 .team_column .et_pb_team_member .et_pb_team_member_image {
        margin: 0 !important;
    }
}

@media only screen and (max-width: 479px) {
    .px_team_v2 .team_carousel_v1 .team_column {
        margin: 0 10px !important;
    	width: 75vw !important;
    }
}

/* Team Slider (carousel) Version v1 Css End Here */
/*-------------------------------------------
  -- 09. Team Sections Css End Here
-------------------------------------------*/

/*-------------------------------------------
  --  10. Slider CSS Code Start Here
-------------------------------------------*/
/* Slider Version v1 Css Start Here */
/* px_sticky_v1 */

.px_sticky_v1 .px_s_title h3 span {
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    background-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.px_sticky_v1 .px_s_title h2 {
    margin-bottom: 20px;
}

.px_sticky_v1 .px_s_title h2 span {
    color: var(--color-1);
    position: relative;
}

.px_sticky_v1 .px_s_title h2 span::before {
    content: "";
    z-index: -1;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 85%;
    left: 0;
    background-position: top right 20px;
    background-repeat: no-repeat;
}


.px_sticky_v1 .px_s_slider .et_pb_slide {
    padding: 70px;
}

.px_sticky_v1 .px_s_slider .et-pb-slider-arrows {
    display: none;
}

.px_sticky_v1 .px_s_slider .et-pb-controllers {
    bottom: 0px;
}

.px_sticky_v1 .px_s_slider .et-pb-controllers a {
    padding: 5px;
    margin-right: 25px;
    background-color: #000 !important;
    opacity: 1;
}

.px_sticky_v1 .px_s_slider .et-pb-controllers .et-pb-active-control {
    position: relative;
    background-color: var(--px-color-1) !important;
}

.px_sticky_v1 .px_s_slider .et-pb-controllers .et-pb-active-control::after {
    content: "";
    opacity: 1;
    height: 30px;
    width: 30px;
    border: 2px solid var(--px-color-1);
    position: absolute;
    top: -12px;
    left: -12px;
    border-radius: 50%;
}

@media only screen and (max-width: 1200px) {
    .px_sticky_v1 .px_s_slider {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .px_sticky_v1 .px_s_slider .et-pb-controllers {
        bottom: 20px;
    }
}


/* Slider Version v1 Css End Here */
/* Slider Version v2 Css Start Here */

.px_s_slider_v2 .et_pb_slide_description .et_pb_slide_content h2 {
    font-size: 75px;
    font-weight: 700;
}

.px_s_slider_v2 .et_pb_slide_description .et_pb_slide_title {
    position: relative;
    z-index: 1;
    font-size: 20px;
    font-weight: 500;
    right: -20px;
    top: -15px;
    text-shadow: none;
    display: inline;
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2)) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.px_s_slider_v2 .et_pb_slide_description .et_pb_slide_title:before {
    position: absolute;
    content: "";
    display: block;
    top: -8px;
    right: -20px;
    background-color: #fff;
    border-radius: 50px;
    padding: 20px;
    z-index: -1;
    width: 100%;
}

.px_s_slider_v2 .et_pb_slide_description .et_pb_button {
    background-image: linear-gradient(90deg,
            var(--px-color-1),
            var(--px-color-2)) !important;
    transition: all 0.4s;
    overflow: hidden;
    border-radius: 50px;
    border: none;
    padding-right: 55px !important;
    padding-left: 35px !important;
    padding-bottom: 15px;
    padding-top: 15px;
}

.px_s_slider_v2 .et_pb_slide_description .et_pb_button::before {
    content: "";
    background: #fff;
    -webkit-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
    position: absolute;
    height: 120%;
    width: 15px;
    opacity: 0.2;
    left: -35%;
    top: -10%;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    display: block !important;
}

.px_s_slider_v2 .et_pb_slide_description .et_pb_button:hover::before,
.px_s_slider_v2 .et_pb_slide_description .et_pb_button:focus::before {
    left: 130%;
}

@media only screen and (max-width: 768px) {
    .px_s_slider_v2 .et_pb_slide_description .et_pb_slide_content h2 {
        font-size: 55px;
    }
}

@media only screen and (max-width: 400px) {
    .px_s_slider_v2 .et_pb_slide_description .et_pb_slide_content h2 {
        font-size: 40px;
    }

    .px_s_slider_v2 .et_pb_slide_description .et_pb_slide_title:before {
        padding: 16px;
    }

    .px_s_slider_v2 .et_pb_slide_description .et_pb_button {
        padding-right: 50px !important;
        padding-bottom: 15px;
        padding-top: 15px;
        font-size: 16px;
    }
}

/* Slider Version v2 Css End Here */
/* Slider Version v3 Css Start Here */

.px_sticky_v3 .et_pb_row {
    width: 100%;
    max-width: 100%;
}

.px_sticky_v3 .et_pb_column_10 {
    padding: 0px !important;
}

.px_sticky_v3 .et_pb_slider .et_pb_slides .et_pb_slide {
    height: 775px;
}

.px_sticky_v3 .et_pb_slider .et_pb_slides .et_pb_slide:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: linear-gradient(0deg, rgba(19, 22, 31, 0.94902) 0%, rgba(34, 38, 49, 0) 100%);
    height: -webkit-fill-available;
}

.px_sticky_v3 .et_pb_slider .et-pb-controllers {
    position: absolute;
    bottom: 0px;
    right: 0;
    left: auto;
    padding: 30px;
    text-align: center;
    display: grid;
    z-index: 10;
    width: fit-content;
    height: auto;
    background-color: var(--px-color-1);
}

.px_sticky_v3 .et_pb_slider .et-pb-controllers a {
    display: inline-block;
    background-color: hsla(0, 0%, 100%, .5);
    text-indent: 99999px;
    border-radius: 10px;
    width: 7px;
    height: 7px;
    margin: 10px;
    padding: 7px;
    opacity: .5;
}

.px_sticky_v3 .et_pb_slider .et-pb-controllers a.et-pb-active-control {
    background-color: #fff;
    opacity: 1;
}

.px_sticky_v3 .et_pb_slider .et_pb_slide_description {
    padding: 16% 8%;
    width: auto;
    margin: auto;
    padding-bottom: 0;
    margin-top: 360px;
}

.px_sticky_v3 .px_s_slider_info .et-pb-icon {
    color: var(--px-color-1);
    border: 3px solid;
    border-radius: 50%;
    padding: 15px;
    background-color: #fff;
}

.px_sticky_v3 .px_s_slider_info:hover .et-pb-icon {
    animation: icon-bounce 800ms ease-out infinite;
    -webkit-animation: icon-bounce 800ms ease-out infinite;
}

.px_sticky_v3 .et_pb_slider .et_pb_container .et_pb_slide_description .et_pb_button_wrapper .et_pb_button {
    padding: 10px 15px !important;
    border: none;
    background-image: linear-gradient(90deg, var(--px-color-1), var(--px-color-2)) !important;
}

.px_sticky_v3 .et_pb_slider .et_pb_container .et_pb_slide_description .et_pb_button_wrapper .et_pb_button:after {
    content: "";
    position: absolute;
}

@media only screen and (max-width: 400px) {
    .px_sticky_v3 .et_pb_slider .et-pb-controllers {
        padding: 10px;
    }

    .px_sticky_v3 .et_pb_slider .et-pb-controllers a {
        padding: 5px;
    }
}

/* Slider Version v3 Css End Here */
/* Carousel Dots Css Start */

.px_carousel_dots_v1 .slick-arrow {
    display: none !important;
}

.px_carousel_dots_v1 .slick-dots {
    padding: 0px;
    z-index: 1;
    margin-top: 20px;
}

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

.px_carousel_dots_v1 .slick-dots .slick-active {
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2)) !important;
}

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

.px_carousel_dots_v1 .slick-dots li button:before {
    font-family: slick;
    font-size: 10px;
    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;
}

.px_carousel_dots_v1 .slick-dots li.slick-active button::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;
}

/* Carousel Dots Css End */
/*-------------------------------------------
  --  10. Slider CSS Code End Here
-------------------------------------------*/

/*-------------------------------------------
  -- 11. Faqs Sections Css Start Here
-------------------------------------------*/
/* FAQs Version v1 Css Start Here */
/* px_faq_v1 */
.px_faq_v1 .et_pb_toggle {
    display: block;
    cursor: pointer;
    transition: all 0.4s;
    border-width: 0px;
    padding: 0px;
}

.px_faq_v1 .et_pb_toggle_title {
    padding: 13px 50px 13px 20px !important;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
}

.px_faq_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title,
.px_faq_v1 .et_pb_toggle .et_pb_toggle_title {
    transition: all 0.4s;
}

.px_faq_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title,
.px_faq_v1 .et_pb_toggle:hover .et_pb_toggle_title {
    border-color: var(--px-color-1);
    background-color: var(--px-color-1);
    color: #fff !important;
}

.px_faq_v1 .et_pb_toggle .et_pb_toggle_title::before {
    right: 15px;
    color: #333;
    content: "\4c";
    font-size: 20px;
}

.px_faq_v1 .et_pb_toggle:hover .et_pb_toggle_title::before {
    color: #fff !important;
    content: "\4b";
}

.px_faq_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_content {
    color: #666;
    background: transparent !important;
}

/* .px_faq_v1:hover .et_pb_toggle_content {
    color: #fff;
} */

/*Contact Form V1 Css Start Here*/
.px_contactform_v1 .et_pb_contact_field input,
.px_contactform_v1 .et_pb_contact_field textarea,
.px_contactform_v1 .et_pb_contact_field .et_pb_contact_select {
    border: 1px solid #ececec;
    background-color: #fafafa;
    font-size: 14px;
    border-radius: 5px;
}

.px_contactform_v1 .et_pb_contact_field input:focus .px_contactform_v1 .et_pb_contact_field textarea:focus {
    border-color: var(--px-color-1);
    color: #000;
}

.px_contactform_v1 .et_pb_contact_submit {
    background-image: linear-gradient(90deg, var(--px-color-1), var(--px-color-2)) !important;
    transition: all 0.4s;
    font-weight: 700;
}

.px_contactform_v1 .et_pb_contact_submit:hover {
    background-image: linear-gradient(90deg, var(--px-color-2), var(--px-color-1)) !important;
    border-radius: 3px;
}

/* FAQs Version v1 Css End Here */
/* FAQs Version v2 Css Start Here */
.px_faq_sec_v2 .et_pb_toggle .et_pb_toggle_title {
    transition: all 0.4s;
    padding: 25px !important;
}

/* .px_faq_sec_v2 .et_pb_toggle {
	border-radius: 5px 5px 5px 5px;
    overflow: hidden;
    border-width: 2px;
    border-color: #666666;
    transition: all 0.4s;
	background-color: #fff;
}
.px_faq_sec_v2 .et_pb_toggle:hover,
.px_faq_sec_v2 .et_pb_toggle:focus {
	border-color: var(--px-color-1);
} */
.px_faq_sec_v2 .et_pb_toggle .et_pb_toggle_title:hover {
    background: var(--px-color-1);
}

.px_faq_sec_v2 .et_pb_toggle .et_pb_toggle_content {
    padding: 15px;
}

.px_faq_sec_v2 .faq_btn {
    color: #000;
}

.px_faq_sec_v2 .faq_btn:before {
    content: "" !important;
    position: absolute;
    height: 3px;
    width: 72px;
    background: #000;
    top: 14px;
    bottom: 0;
    left: 25px;
}

.px_faq_sec_v2 .faq_btn:hover {
    color: var(--px-color-1);
}

.px_faq_sec_v2 .faq_btn:hover:before {
    background: var(--px-color-1);
}

.px_faq_sec_v2 .et_pb_button_2_wrapper,
.px_faq_sec_v2 .et_pb_button_3_wrapper,
.px_faq_sec_v2 .et_pb_button_4_wrapper,
.px_faq_sec_v2 .et_pb_button_5_wrapper {
    margin-bottom: 5px !important;
}

/* FAQs Version v2 Css End Here */
/*-------------------------------------------
  -- 11. Faqs Sections Css End Here
-------------------------------------------*/

/*-------------------------------------------
  -- 12. Timeline Sections Css Start Here
-------------------------------------------*/

.px_ab_timeline_v1 .et_pb_row_1:before {
    content: '';
    height: 0;
    left: 20px;
    right: 20px;
    border-bottom: 2px dotted #cec7b9;
    position: absolute;
    top: 188px;
    z-index: 1;
}

.px_ab_timeline_v1 .et_pb_team_member .et_pb_team_member_image {
    margin-bottom: 30px;
}

.px_ab_timeline_v1 .et_pb_team_member .et_pb_team_member_image img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    object-fit: cover;
}

.px_ab_timeline_v1 .et_pb_team_member:hover .et_pb_team_member_image img {
    animation: icon-bounce 800ms ease-out infinite;
    -webkit-animation: icon-bounce 800ms ease-out infinite;
}

.px_ab_timeline_v1 .et_pb_team_member .et_pb_team_member_description .et_pb_module_header {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    font-family: fira sans, sans-serif;
    line-height: 44px;
    position: relative;
    background-color: var(--px-color-1);
    margin: 11px 24px 0;
    padding-bottom: 0px;
    margin-bottom: 20px;
}

.px_ab_timeline_v1 .et_pb_team_member .et_pb_team_member_description .et_pb_module_header:before {
    content: '';
    border-color: transparent transparent transparent var(--px-color-1);
    border-width: 22px;
    border-style: solid;
    position: absolute;
    top: 0;
    right: -44px;
}

.px_ab_timeline_v1 .et_pb_team_member .et_pb_team_member_description .et_pb_module_header:after {
    content: '';
    left: -27px;
    border-color: var(--px-color-1) var(--px-color-1) var(--px-color-1) transparent;
    border-width: 22px;
    border-style: solid;
    position: absolute;
}

.px_ab_timeline_v1 .et_pb_team_member .et_pb_team_member_description .et_pb_member_position {
    transition: all 0.4s;
    margin-bottom: 20px;
}

.px_ab_timeline_v1 .et_pb_team_member:hover .et_pb_team_member_description .et_pb_member_position {
    color: var(--px-color-1) !important;
}

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

/*-------------------------------------------
  -- 12. Timeline Sections Css End Here
-------------------------------------------*/

/*-------------------------------------------
  -- 13. Pricing Plans CSS Start
-------------------------------------------*/
.px_pricing_btn_subtitle:before {
    color: var(--px-color-1);
}

/* Pricing Plans v1 Css Start Here*/
.px_p_pricing_v1 {
    overflow: hidden;
}

.px_p_pricing_v1 .px_pricing_table {
    box-shadow: 1px 1.732px 35px 0px rgb(0 0 0 / 10%);
    border-radius: 6px !important;
    -webkit-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
    background-color: #ffffff;
}


.px_p_pricing_v1 .px_pricing_table .px_pricing_table_CTA_title {
    background-color: transparent !important;
    margin-bottom: 0px !important;
}

.px_p_pricing_v1 .px_pricing_table .px_pricing_table_CTA_title .et_pb_promo_description {
    padding-bottom: 0px !important
}

.px_p_pricing_v1 .px_pricing_table .px_pricing_table_CTA_title .et_pb_promo_description .et_pb_module_header {
    padding: 25px 0px 0px 25px;
}

.px_p_pricing_v1 .px_pricing_table .px_pricing_table_CTA_title .et_pb_promo_description div .px_price_desc {
    padding: 5px 0px 10px 25px;
}

.px_p_pricing_v1 .px_pricing_table .px_pricing_table_CTA_title .et_pb_promo_description .px_price {
    position: relative;
    font-size: 35px;
    text-align: center;
    color: #fff !important;
    font-weight: 600;
    padding: 25px;
    line-height: 1;
    background-image: linear-gradient(to right, var(--px-color-1), var(--px-color-2));
}

.px_p_pricing_v1 .px_pricing_table .px_pricing_table_CTA_title .et_pb_button:hover {
    background-color: transparent !important;
}

@media only screen and (max-width: 980px) {
    .px_p_pricing_v1 .px_pricing_table {
        max-width: initial !important;
    }

    .px_p_pricing_v1 .recommended {
        margin-top: 70px !important
    }
}

/* Pricing Plans v1 Css End Here*/
/* Pricing Plans v2 Css End Here*/
.px_p_pricing_v2 .recommended {
    background-color: #08203a !important;
}

/* Pricing Plans v2 Css Start Here*/
/* Pricing Plans v3 Css Start Here*/
.px_p_pricing_v3 .px_pricing_table .px_pricing_table_CTA_title .et_pb_promo_description div .px_price_desc {
    padding: 5px 25px 10px 25px;
}

.px_p_pricing_v3 .recommended {
    background-color: #08203a !important;
}

/* Pricing Plans v3 Css End Here*/
/* 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*/
/* Pricing Plans Toggle v1 Css Start Here*/

@media only screen and (max-width: 980px) {
    .px_toogle_v1 .px_toggle_btn_row {
        display: flex !important;
    }
}

@media only screen and (max-width: 400px) {
    .px_toogle_v1 .px_toggle_btn_row {
        display: unset !important;
    }
}

/* Pricing Plans Toggle v1 Css End Here*/
/* Pricing Plans Toggle v2 Css Start Here*/

.px_toogle_v2 .px_toggle_btn_row {
    width: fit-content;
    position: absolute;
    bottom: 225px;
    left: -380px;
}

.px_toogle_v2 .px_toggle_btn_row .et_pb_button {
    width: 110px;
    padding: 10px 25px 10px 10px !important;
}

.px_toogle_v2 .px_toggle_btn_row .et_pb_button:hover {
    padding: 10px 25px 10px 10px !important;
}

@media only screen and (max-width: 980px) {
    .px_toogle_v2 .px_toggle_btn_row {
        width: auto;
        position: unset;
        display: flex !important;
    }

    .px_toogle_v2 .px_toggle_btn_row .et_pb_button {
        width: 180px;
    }
}

@media only screen and (max-width: 400px) {
    .px_toogle_v2 .px_toggle_btn_row {
        display: unset !important;
    }
}

/* Pricing Plans Toggle v2 Css End Here*/
/* Pricing Carouseal v1 Css Start Here*/

.px_p_pricing_v1 .pricing_carousel_v1 .slick-slide {
    padding: 15px;
    margin: 40px 15px 15px 30px !important;
    box-shadow: 1px 1.732px 18px 0px rgb(0 0 0 / 10%);
}

.px_p_pricing_v1 .pricing_carousel_v1 .slick-slide .px_pricing_table {
    box-shadow: 1px 1.732px 10px 0px rgb(0 0 0 / 10%);
}

@media only screen and (max-width: 980px) {
    .px_p_pricing_v1 .pricing_carousel_v1 .slick-slide .recommended {
        margin-top: 0px !important;
    }
}
@media only screen and (max-width: 980px) {
    .px_p_pricing_v1 .pricing_carousel_v1 .slick-slide {
    float: left !important;
    }
}
@media only screen and (max-width: 479px) {
    .px_p_pricing_v1 .pricing_carousel_v1 .slick-slide {
    float: left !important;
    width: 78vw !important;
    }
}


/* Pricing Carouseal v1 Css End Here*/
/*-------------------------------------------
  -- 13. Pricing Plans CSS End
-------------------------------------------*/
/*-------------------------------------------
  -- 14. Testimonial Sections Css Start Here
-------------------------------------------*/
/* Testimonial Version v1 Css Start Here */
/* px_testimonial_v1 */

.px_testimonial_v1 {
    position: relative;
}

.px_testimonial_v1::before {
    content: "";
    position: absolute;
    bottom: -21px;
    left: 27px;
    right: 27px;
    height: 21px;
    border-radius: 0 0 5px 5px;
    background-color: rgba(255, 255, 255, 0.25);
    z-index: -1;
}

.px_testimonial_v1 .px_testimonial {
    border-radius: 5px;
    background: #fff;
    position: relative;
}

.px_testimonial_v1 .px_testimonial {
    border-radius: 5px;
}

.px_testimonial_v1 .px_testimonial::before {
    content: "\7b" !important;
    font-size: 92px;
    position: relative;
    top: -35px;
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2)) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: unset;
    opacity: 0.3;
    transition: all 0.4s;
}

.px_testimonial_v1 .px_testimonial:hover::before {
    opacity: 1;
}

.px_testimonial_v1 .px_testimonial .et_pb_testimonial_portrait {
    position: relative;
    padding: 5px;
    margin-top: -50px;
}

.px_testimonial_v1 .px_testimonial .et_pb_testimonial_description_inner {
    position: relative;
    top: -20px;
}

.px_testimonial_v1 .px_testimonial .et_pb_testimonial_author {
    position: absolute;
    top: -140px;
    margin-left: 100px;
}

.px_testimonial_v1 .px_testimonial .et_pb_testimonial_meta {
    position: absolute;
    top: -70px;
    margin-left: 100px;
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    background-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.px_testimonial_v1 .px_testimonial .et_pb_testimonial_description {
    margin-left: 20px !important;
}

/* Testimonial Version v1 Css End Here */
/* Testimonial Version v2 Css Start Here */
.px_testimonial_v2 .px_testimonial .et_pb_testimonial_description {
    margin-left: 0px !important;
}

.px_testimonial_v2 .px_testimonial .et_pb_testimonial_description .et_pb_testimonial_author,
.px_testimonial_v2 .px_testimonial .et_pb_testimonial_description .et_pb_testimonial_meta {
    margin-left: 105px;
}

@media only screen and (max-width: 400px) {
    .px_testimonial_v2 .px_testimonial .et_pb_testimonial_content {
        margin-left: 0px;
    }
}

.px_testimonial_v2 .px_testimonial .et_pb_testimonial_meta {
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    background-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Testimonial Version v2 Css End Here */
/* Testimonial Version v3 Css Start Here */

.px_testimonial_v3 .et_pb_testimonial {
    padding: 0px;
}

.px_testimonial_v3 .et_pb_testimonial .et_pb_testimonial_portrait {
    left: 10px;
}

@media only screen and (max-width: 400px) {
    .px_testimonial_v3 .et_pb_testimonial .et_pb_testimonial_portrait {
        left: 40px;
    }
}

/* Testimonial Version v3 Css End Here */
/* Testimonial Version v4 Css Start Here */

.px_testimonial_v4 .px_testimonial .et_pb_testimonial_description {
    margin-left: 0px !important;
}


@media only screen and (max-width: 400px) {
    .px_testimonial_v4 .px_testimonial .et_pb_testimonial_content {
        margin-left: 0px !important;
    }
}

/* Testimonial Version v4 Css End Here */
/* Testimonial Slider Css Start Here */

.px_testimonial_slider .px_testimonial .et_pb_testimonial_content {
    margin-left: 0px !important;
}

.px_testimonial_slider .px_testimonial .et_pb_testimonial_author,
.px_testimonial_slider .px_testimonial .et_pb_testimonial_meta {
    margin-left: 105px;
}

.px_testimonial_slider .px_testimonial .et_pb_testimonial_portrait {
    margin: 0 !important;
}

.px_testimonial_slider .slick-slider .slick-slide {
    padding: 15px;
	margin: 0 !important;
    margin-bottom: 25px !important;;
}

.px_testimonial_slider .slick-slider .slick-slide .px_testimonial {
    box-shadow: 0px 10px 13px 0px rgb(0 5 36 / 20%) !important;
}
@media only screen and (max-width: 479px) {
	.px_testimonial_slider .slick-slider .slick-slide  {
    	width: 80vw !important;
    }
	    .px_testimonial_slider .px_testimonial .et_pb_testimonial_portrait {
           bottom: 40px !important;
    }

    .px_testimonial_slider .px_testimonial .et_pb_testimonial_author,
    .px_testimonial_slider .px_testimonial .et_pb_testimonial_meta {
        margin-left: 0px;
    }
}

/* Testimonial Slider Css End Here */
/*-------------------------------------------
  -- 14. Testimonial Sections Css End Here
-------------------------------------------*/
/*-------------------------------------------
  -- 15. About Sections Css Start Here
-------------------------------------------*/
/* About Version v1 Css Start Here */

.px_about_v1 .px_blurb_info {
    box-shadow: 0px 2px 18px 0px rgba(138, 138, 138, 0.15);
}

.px_about_v1 .px_blurb_info .et_pb_blurb_content {
    margin: 0;
}

.px_about_v1 .px_blurb_info .et_pb_image_wrap {
    background-color: #f3f3f3;
    border-radius: 5px;
    height: 45px;
    width: 45px;
    text-align: center;
}

.px_about_v1 .px_blurb_info .et-pb-icon {
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2)) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 10px;
}

.px_about_v1 .px_blurb_info .et_pb_module_header {
    /* background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(#006cff),
      to(#1227b8));
  background-image: -webkit-linear-gradient(left, #006cff, #1227b8);
  background-image: -moz-linear-gradient(left, #006cff, #1227b8);
  background-image: -ms-linear-gradient(left, #006cff, #1227b8);
  background-image: -o-linear-gradient(left, #006cff, #1227b8);
  background-image: linear-gradient(left, #006cff, #1227b8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#006cff', endColorStr='#1227b8', gradientType='1'); */
    background-image: -webkit-gradient(linear,
            left top,
            right top,
            from(var(--px-color-1)),
            to(var(--px-color-2)));
    background-image: -webkit-linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    background-image: -moz-linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    background-image: -ms-linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    background-image: -o-linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--px-color-1)', endColorStr='var(--px-color-1)', gradientType='1');
    background-color: initial;
    background-clip: text;
    -o-background-clip: text;
    -ms-background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -o-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

.px_about_v1 .px_counter_circle {
    border-radius: 50% 50% 50% 50%;
    overflow: hidden;
    border-width: 10px;
    border-color: #FFFFFF;
    padding-top: 15px;
    height: 150px;
    width: 150px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    background: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
}

.px_about_v1 .px_counter_circle .percent {
    margin-bottom: 0px !important;
}

@media only screen and (max-width: 400px) {
    .px_about_v1 .et_pb_column_5 {
        height: 395px;
    }
}

/* About Version v1 Css End Here */
/* About Version v2 Css Start Here */

.px_about_v2 {
    position: relative;
}

.px_about_v2 .px_about_title .et_pb_text_inner h2 {
    padding-top: 30px;
}

.px_about_v2 .px_about_desc {
    border-color: var(--px-color-1);
}

.px_about_v2 .px_about_blurb .et-pb-icon {
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2)) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.px_about_v2 .px_about_blurb .et_pb_blurb_container {
    padding-top: 10px;
}

.px_about_v2 .px_about_blurb .et_pb_module_header {
    line-height: 1.5;
}

.px_about_v2 .px_about_contact .et_pb_image_wrap {
    border: 1px solid #eeeff4;
    border-radius: 50px;
}

.px_about_v2 .px_about_contact .et-pb-icon {
    animation: bounce 2000ms ease-out infinite;
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2)) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media only screen and (max-width: 980px) {
    .px_about_v2 .px_pulse_icon_about {
        bottom: 125px;
        right: 200px;
    }
}

@media only screen and (max-width: 768px) {
    .px_about_v2 .px_pulse_icon_about {
        bottom: 125px;
        right: 115px;
    }
}

@media only screen and (max-width: 400px) {
    .px_about_v2 .px_pulse_icon_about {
        bottom: 125px;
        right: -25px;
    }
}

/* About Version v2 Css End Here */
/* About Version v3 Css Start Here */

.px_about_v3 .about_col_one {
    z-index: 3;
}

.px_about_v3 .px_ab_bg_img {
    position: relative;
}

.px_about_v3 .px_ab_bg_img:before {
    content: '';
    width: 450px;
    height: 450px;
    border: 66px solid var(--px-color-1);
    position: absolute;
    bottom: -159px;
    z-index: -1;
    display: block;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    animation: animationFramesFive 12s infinite linear alternate;
}

.px_about_v3 .px_counter_circle {
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2)) !important;
    width: fit-content;
    padding: 15px 20px 20px 19px;
    width: 170px;
    top: -48px;
    left: -45px;
}

.px_about_v3 .px_ab_blurb {
    width: 80% !important;
    bottom: -30px;
}

.px_about_v3 .px_ab_v3_btn {
    width: auto;
}

@media only screen and (max-width: 479px) {
    .px_about_v3 .px_ab_blurb {
        bottom: -175px !important;
        width: 100% !important;
        border-radius: 0px !important;
    }

    .px_about_v3 .px_ab_bg_img:before {
        width: 350px;
        height: 350px;
    }
}

/* About Version v3 Css End Here */
/*-------------------------------------------
  -- 15. About Sections Css End Here
-------------------------------------------*/


/*-------------------------------------------
  -- 18. Our Partners Mini Sections Css Start Here
-------------------------------------------*/
/* Partners Version v1 Css Start Here */
/* px_partner_v1 */

.px_partner_v1 .px_partner_img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.px_partner_v1 .px_partner_img_column {
    border-color: #f2f2f2;
}

.px_partner_v1 .px_partner_img_column:hover {
    box-shadow: 0 15px 55px rgb(138 138 138 / 30%);
}

.px_partner_v1 .px_partner_img_column:hover .px_partner_img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.px_partner_v1 .px_partner_img_column_border {
    border-color: #f2f2f2;
    block-size: 40px;
}

@media only screen and (max-width: 600px) {
    .px_partner_v1 .px_partner_img_column_border {
        border: none;
    }
}

/* Partners Version v1 Css End Here */
/* Partners Version v2 & v3 Css Start Here */

.px_partner_v2 .px_partner_img,
.px_partner_v3 .px_partner_img {
    overflow: hidden;
}

.px_partner_v2 .px_partner_img .et_pb_image_wrap,
.px_partner_v3 .px_partner_img .et_pb_image_wrap {
    transition: all 0.4s;
    overflow: hidden;
}

.px_partner_v2 .px_partner_img:hover .et_pb_image_wrap,
.px_partner_v3 .px_partner_img:hover .et_pb_image_wrap {
    -webkit-animation: toTopFromBottom .6s forwards;
    animation: toTopFromBottom .6s forwards;
}

/*  Partners Version v2 & v3 Css End Here */
/*-------------------------------------------
  -- 18. Our Partners Mini Sections Css End Here
-------------------------------------------*/
/*-------------------------------------------
  -- 21. Counter Sections Css Start Here
-------------------------------------------*/
/* Counter Version v1 Css Start Here */
/* px_counter_v1 */
.px_counter_v1 .px_counter_img {
    line-height: 9;
}

.px_counter_v1 .px_counter_number {
    margin-left: 15px;
}

/* Counter Version v1 Css End Here */
/* Counter Version v2 Css Start Here */
.px_counter_v2 {
    position: relative;
}

.px_counter_v2:before {
    position: absolute;
    content: "";
    top: 0;
    background-image: linear-gradient(to left,
            var(--px-color-1),
            var(--px-color-2)) !important;
    height: 100%;
    width: 100%;
}

.px_counter_v2 .px_counter_text .et_pb_text_inner p span {
    color: #00010C !important;
}

/* Counter Version v2 Css End Here */
/* Counter Version v3 Css Start Here */


.px_counter_v3 .px_counter_row {
    position: relative;
    overflow: visible;
}

.px_counter_v3 .px_counter_row:before {
    content: "";
    height: 17px;
    background-color: #cacfd6;
    position: absolute;
    bottom: -17px;
    left: 32px;
    right: 32px;
}

@media only screen and (min-width: 981px) and (max-width: 1200px) {
    .px_counter_v1 .px_counter_number .percent .percent-value {
        font-size: 34px;
    }
}

/* Counter Version v3 Css End Here */
/*-------------------------------------------
  -- 21. Counter Sections Css End Here
-------------------------------------------*/
/*-------------------------------------------
  -- 23. Call To Action Sections Css Start Here
-------------------------------------------*/
/*Icon Plus Effects Css */

.px_pulse_icon .et_pb_icon_wrap {
    position: relative;
    overflow: visible !important;
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
}

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

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

/*-------------------------------------------
  -- 23. Call To Action Sections Css End Here
-------------------------------------------*/

/*-------------------------------------------
  26. Client Sections Css Start Here
-------------------------------------------*/
/* Client Version v1 Css Start Here */

.px_c_client_v1 .et_pb_text .et_pb_text_inner {
    position: relative;
}

.px_c_client_v1 .et_pb_text .et_pb_text_inner:before {
    position: absolute;
    content: "";
    top: 35px;
    right: -15px;
    height: 3px;
    width: 50px;
    color: #000;
    display: block !important;
}

/* Client Version v1 Css End Here */
/*-------------------------------------------
  26. Client Sections Css End Here
-------------------------------------------*/

/*-------------------------------------------
  27. Client Sections Css End Here
-------------------------------------------*/
/* Search Version v1 Css Search Here */
/* px_search_v1 */

.px_search_v1 .px_search {
    background-color: #fff;
    border: none;
    border-radius: 0px;
}

.px_search_v1 .px_search .et_pb_s {
    padding: 15px !important;
}

.px_search_v1 .px_search .et_pb_searchsubmit {
    background-image: linear-gradient(to left, var(--px-color-1), var(--px-color-2));
    color: #fff;
}

/* Search Version v1 Css End Here */
/*-------------------------------------------
  27. Client Sections Css End Here
-------------------------------------------*/
/* -----------------------------------
    28. Slide In CSS Start
 ----------------------------------- */

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


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

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

}

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

}


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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

/* -----------------------------------
    28. Slide In CSS End
 ----------------------------------- */

/* -----------------------------------
    29. Color Picker CSS Start
-------------------------------------*/
/* -----------------------------------
    29. Color Picker CSS End
-------------------------------------*/

/* -----------------------------------
   30. Animation Part CSS Start Here
-------------------------------------*/

@keyframes bounce {

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

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

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

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

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

.px_s_shape_img_animationFramesFive .et_pb_image_wrap {
    animation: animationFramesFive 12s infinite linear alternate;
}

@keyframes animationFramesFive {
    0% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(-40px)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(40px)
    }

    100% {
        transform: translateY(0)
    }
}


.px_s_shape_img_animationFramesTwo .et_pb_image_wrap {
    animation: animationFramesTwo 12s infinite linear alternate;
}

@keyframes animationFramesTwo {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(40px)
    }

    50% {
        transform: translateX(0)
    }

    75% {
        transform: translateX(-40px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes icon-bounce {

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

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

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


@keyframes toTopFromBottom {

    49% {
        transform: translateY(-100%);
    }

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

    51% {
        opacity: 1;
    }
}

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