/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: A lightweight and minimalist WordPress theme for Elementor page builder.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.8.1.1696011131
Updated: 2023-09-29 11:12:11

*/

/* mb-0 to X.Nima Text & Title Widgets p Tags  */
.elementor-header-text-wrapper p:last-child {
    margin-bottom: 0;
}

/* Auto Overflow-x-clip For Parent of template Elementor Container */
.elementor-element.e-con-full.e-flex.e-con.e-parent:has(div > div > div.elementor-template) {
    overflow-x: clip !important;
}

.sliding-mobile-menu li.menu-item {
	display: flex;
}
.sliding-mobile-menu a.elementor-item.elementor-item-active {
	padding-left: 0 !important;
}

.mp_customer-logo_carousel .swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}

/* Nav Menu Styles */
li.menu-item:has(.elementor-item-active):before {
	content: "";
	position: relative !important;
	width: 21px;
	height: 21px;
	background: no-repeat center
		url("../svg/active-nav-star.svg") #00000000 !important;
	margin: 0 10px;
	align-self: center;
}
.menu-item-has-children .current-menu-item:before {
	content: none !important;
}
.menu-item:has(.current-menu-item) > a {
	padding-left: 0 !important;
}

@media (max-width: 1024px) {
	.menu-item:has(.current-menu-item) > a {
		padding-left: 30px !important;
	}
}
@media (min-width: 1025px) {
	.elementor-item.elementor-item-active {
		padding-left: 0px !important;
	}
}

.portfolio-img .elementor-flip-box__layer {
	border-radius: 15px;
	background-position: center center;
	background-repeat: no-repeat;
}
.portfolio-img .elementor-flip-box__layer.elementor-flip-box__front {
    background-size: cover;
}
.portfolio-img .elementor-flip-box__layer.elementor-flip-box__back {
    background-size: 90% auto;
}

/* Seo Tabs */
.seo-process__tabs .e-n-tabs-heading .e-n-tab-icon {
	display: none;
}
@media (min-width: 768px) {
	.seo-process__tabs .e-n-tabs-heading button.e-n-tab-title {
		max-width: 120px;
		height: auto;
		aspect-ratio: 1;
		border-radius: 50%;
		padding: 5px;
		bottom: -60px;
		outline: 3px solid #640994;
	}
	.seo-process__tabs .e-n-tabs-heading {
		z-index: 1;
	}
}
@media (min-width: 1025px) {
	.seo-process__tabs .e-n-tabs-heading button.e-n-tab-title {
		max-width: 180px;
		height: auto;
		aspect-ratio: 1;
		border-radius: 50%;
		padding: 20px;
		bottom: -100px;
		outline: 3px solid #640994;
	}
}
.seo-process__tabs .e-n-tabs-heading .e-n-tab-title-text {
	white-space: wrap;
}
/* Seo Tabs */

.services_single-hashed > div:after {
	content: "";
	display: block;
	position: absolute;
	top: 98px;
	left: -1vw;
	background: no-repeat
		url("../png/lines-rounded.png");
	width: 84px;
	height: 84px;
	background-size: contain;
}

.services_single-roundBG figure.elementor-image-box-img {
	background: #714eb3;
	clip-path: circle();
	padding: 50px;
	max-height: 280px;
}

/* Links Start */
.elementor-widget-heading .elementor-heading-title a {
	transition-duration: 300ms;
}
.elementor-widget-heading .elementor-heading-title a:hover {
	color: var(--e-global-color-9ea75e6) !important;
}
/* Links End */

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    left: 50%;
}
span.swiper-pagination-bullet {
    transition: 300ms;
    &.swiper-pagination-bullet-active {
        border-radius: 1000px;
        width: max( var(--e-n-carousel-swiper-pagination-size) , calc( 100vw / 50 ));
    }
}

.mp__shortcode {
	padding: 1em;
	border-radius: 15px;
}
.mp__shortcode .mp__shortcode--title {
	font-family: "Roboto";
}
.mp__shortcode.mp__shortcode--inline-posts {
	background-color: #5e0c9226;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.mp__shortcode.mp__shortcode--inline-posts .mp__shortcode--title {
	color: var(--e-global-color-963fd7d);
}
.mp__shortcode.mp__shortcode--inline-posts .mp__shortcode--text {
	color: var(--e-global-color-text);
}
.mp__shortcode.mp__shortcode--tip-box .mp__shortcode--title,
.mp__shortcode.mp__shortcode--tip-box .mp__shortcode--text {
	color: var(--e-global-color-9ea75e6);
}
.mp__shortcode.mp__shortcode--tip-box {
	background-color: #ffeac2;
}
.mp__shortcode.mp__shortcode--cta-box {
	border: 1px solid var(--e-global-color-9ea75e6);
}

.img-overlay-accent_3 > div:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--e-global-color-9b64369);
	opacity: 0.5;
}
.img-overlay-border_radius15 > div:before {
	border-radius: 15px;
}

.marketingPlanet-accent-color_old {
	color: var(--e-global-color-accent);
}
.font-weight700 {
	font-weight: 700;
}
.howWeWorkTabs span.e-n-tab-title-text {
	align-items: flex-end;
}
.howWeWorkTabs .e-n-tabs-heading {
	padding: 0 38px;
}
.howWeWorkTabs span.tab-title {
	display: none;
}
.howWeWorkTabs span.tab-number {
	color: #8b0dbb;
	background-color: #fff;
	padding: 10px 10px 0px 10px;
	font-size: 40px;
	font-weight: 800;
	clip-path: circle();
	margin-right: 6px;
}

.client-logos-section img.swiper-slide-image {
	max-width: 100px;
}
.portfolio-item_logo > div {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}
.portfolio-item_logo {
	opacity: 1;
	height: 300px;
	transition: opacity 0.3s ease;
	width: 300px;
}
.portfolio-item_logo:hover {
	opacity: 1;
}

.portfolio-item_logo > div:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #64099473;
	border-radius: 15px;
	left: 0;
	top: 0;
	opacity: 1;
	transition: opacity 0.3s ease;
}

.portfolio-item_logo > div:hover::before {
	opacity: 0;
}

.shape-hex {
  aspect-ratio: 1/cos(30deg);
  clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%);
}
.shape-hex-alt {
  aspect-ratio: cos(30deg);
  clip-path: polygon(-50% 50%,50% 100%,150% 50%,50% 0);
}

/* Works Starts */
.works-thumbnail > div:before {
	content: "";
	position: absolute;
	display: block;
	background-color: #714eb3;
	width: 105%;
	height: 365px;
	z-index: 0;
	border-radius: 50%;
	top: -15px;
	left: -15px;
}
.works-thumbnail img {
	position: relative;
}
.works-thumbnail > div:after {
	content: "";
	display: block;
	position: absolute;
	top: 35%;
	left: -10%;
	background: no-repeat
		url("../png/lines-rounded.png");
	width: 84px;
	height: 84px;
	background-size: contain;
}
/* Works Ends */

/* Google Reveiws Start*/
.wp-gr.wpac {
	width: 760px !important;
}

.wp-gr .wp-google-text {
	text-align: center;
	color: var(--e-global-color-963fd7d) !important;
	font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
	font-size: var(--e-global-typography-text-font-size) !important;
	font-weight: var(--e-global-typography-text-font-weight) !important;
	line-height: var(--e-global-typography-text-line-height) !important;
}
.wp-gr.wpac a.wp-google-name {
	color: var(--e-global-color-963fd7d) !important;
	font-family: var(--e-global-typography-40840c2-font-family), Sans-serif !important;
	font-size: var(--e-global-typography-40840c2-font-size) !important;
	font-weight: var(--e-global-typography-40840c2-font-weight) !important;
	line-height: var(--e-global-typography-40840c2-line-height) !important;
	letter-spacing: var(--e-global-typography-40840c2-letter-spacing) !important;
	word-spacing: var(--e-global-typography-40840c2-word-spacing) !important;
}
.wp-gr .grw-row-s .grw-header,
.wp-gr .grw-row-s .grw-review,
.wp-gr .grw-row-m .grw-header + .grw-content .grw-review {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.grw-review-inner {
	display: flex !important;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.wp-gr .grw-header-inner,
.wp-gr .grw-review-inner {
	text-align: center !important;
}
/*.wp-gr .grw-review .wp-google-feedback {
    height: 300px !important;
}*/
.grw-review-inner > div:nth-child(3) {
	order: 1;
	margin-bottom: 35px !important;
}
.wp-google-left {
	order: 2;
	display: flex !important;
	flex-direction: column;
	align-items: center;
	gap: 15px;
}
.wp-google-time {
	display: none !important;
}
.wp-google-stars {
	order: 3;
}
.wp-gr.wpac .wp-google-left img {
	height: 100px !important;
	width: 100px !important;
}
/* Google Reveiws End*/

.hide-pseudo-element::before {
	opacity: 1;
	transition: opacity 0.3s ease;
	content: "";
}
.hide-pseudo-element:hover::before {
	opacity: 0;
}
.show-item {
	display: block;
	opacity: 1;
	transition: opacity 0.3s ease;
}
.hide-item {
	display: none;
	opacity: 0;
}

.backdrop-blur15 {
	backdrop-filter: blur(15px);
}

.animated-bg-saturate {
	animation: animation-bg-saturate 3s cubic-bezier(0.65, 0.05, 0.36, 1) 0s infinite;
}

@keyframes animation-bg-saturate {
	0% {
		filter: saturate(1) blur(0px);
	}
	25% {
		filter: saturate(1.3) blur(2px);
	}
	75% {
		filter: saturate(0.8) blur(3px);
	}
	100% {
		filter: saturate(1) blur(0px);
	}
}

.animated-infinite {
	animation-iteration-count: infinite;
}

.animated-slower {
	animation-duration: 7s !important;
}

.animated-float {
	animation: animation-float 5s linear 0s infinite;
}

.animated-rocket-top-right {
	animation: animation-rocket-top-right 10s cubic-bezier(0.53, -0.37, 1, 0.01) 0s infinite;
}

.animated-rocket-top-left {
	animation: animation-rocket-top-left 10s cubic-bezier(0.755, 0.05, 0.855, 0.06) 0s infinite;
}

.animated-team-left {
	animation: animation-team-left 4s ease-in-out 0s infinite;
}

.animated-team-right {
	animation: animation-team-right 7s ease-in-out 0s infinite;
}

.animated-cameraman-left {
	animation: animation-cameraman-left 7s ease-in-out 0s infinite;
}

.animated-rotating-rocket {
	animation: animation-rotating-rocket 7s cubic-bezier(0.53, -0.64, 0, 1.21) 0s infinite;
}

.animated-rotating-rocket-anticc {
	animation: animation-rotating-rocket-anticc 10s cubic-bezier(1, 0, 0.5, 1) 0s infinite;
}

.animated-rotating-planets {
	animation: animation-rotating-planets 25s linear 0s infinite;
}

.animated-rotating-rocket-cc {
	animation: animation-rotating-rocket-cc 10s cubic-bezier(1, 0, 0.5, 1) 0s infinite;
}

@media (max-width: 767px) {
	.wp-gr.wpac {
		width: unset !important;
	}
	.works-thumbnail > div:before {
		height: 315px;
	}
}

@keyframes animation-float {
	0% {
		transform: translate(0px, -7px);
	}
	6.25% {
		transform: translate(2.67px, -6.46px);
	}
	12.5% {
		transform: translate(4.95px, -4.95px);
	}
	18.75% {
		transform: translate(6.46px, -2.67px);
	}
	25% {
		transform: translate(7px, 0px);
	}
	31.25% {
		transform: translate(6.46px, 2.67px);
	}
	37.5% {
		transform: translate(4.95px, 4.95px);
	}
	43.75% {
		transform: translate(2.67px, 6.46px);
	}
	50% {
		transform: translate(0, 7px);
	}
	56.25% {
		transform: translate(-2.67px, 6.46px);
	}
	62.5% {
		transform: translate(-4.95px, 4.95px);
	}
	68.75% {
		transform: translate(-6.46px, 2.67px);
	}
	75% {
		transform: translate(-7px, 0);
	}
	81.25% {
		transform: translate(-6.46px, -2.67px);
	}
	87.5% {
		transform: translate(-4.95px, -4.95px);
	}
	93.75% {
		transform: translate(-2.67px, -6.46px);
	}
	100% {
		transform: translate(0px, -7px);
	}
}

@keyframes animation-rocket-top-right {
	0% {
		transform: translate(0, 0) scale(1);
	}

	100% {
		transform: translate(100vw, -100vh) scale(0.01);
	}
}

@keyframes animation-rocket-top-left {
	0% {
		transform: translate(0, 0) scale(1);
	}

	100% {
		transform: translate(-100vw, -100vh) scale(0.01);
	}
}

@keyframes animation-cameraman-left {
	0% {
		transform: translate(0, 0) skew(0, 0);
	}
	50% {
		transform: translate(-40px, 0px) skew(5deg, 0deg);
	}
	100% {
		transform: translate(0, 0) skew(0, 0);
	}
}

@keyframes animation-team-right {
	0% {
		transform: translate(0, 0) skew(0, 0);
	}
	50% {
		transform: translate(40px, 0px) skew(-5deg, 0deg);
	}
	100% {
		transform: translate(0, 0) skew(0, 0);
	}
}

@keyframes animation-team-left {
	0% {
		transform: translate(0, 0) skew(0, 0);
	}
	50% {
		transform: translate(30px, 0px) skew(5deg, 0deg);
	}
	100% {
		transform: translate(0, 0) skew(0, 0);
	}
}

@keyframes animation-rotating-rocket {
	0% {
		transform-origin: 200px -40px;
		transform: rotate(0deg);
	}

	100% {
		transform-origin: 200px -40px;
		transform: rotate(360deg);
	}
}

@keyframes animation-rotating-rocket-anticc {
	0% {
		transform-origin: -200px 50%;
		transform: rotate(0deg);
	}

	100% {
		transform-origin: -200px 50%;
		transform: rotate(-360deg);
	}
}

@keyframes animation-rotating-rocket-cc {
	0% {
		transform-origin: 25vw 50%;
		transform: rotate(0deg);
	}

	100% {
		transform-origin: 25vw 50%;
		transform: rotate(360deg);
	}
}

canvas#finisher-canvas {
	background-color: rgba(0, 0, 0, 0) !important;
	z-index: 10 !important;
}

@keyframes animation-rotating-planets {
	0% {
		transform: rotate(0deg);
		transform-origin: 50% 100%;
	}
	100% {
		transform: rotate(360deg);
		transform-origin: 50% 100%;
	}
}

.elementor-6056
	.elementor-element.elementor-element-ad0a4c3
	.pp-gravity-form
	.validation_message:not(.validation_message--hidden-on-empty) {
	color: var(--gf-form-validation-color) !important;
}
.gform-theme--framework
	input[type="checkbox"]:where(
		:not(.gform-theme__disable):not(.gform-theme__disable *):not(
				.gform-theme__disable-framework
			):not(.gform-theme__disable-framework *)
	) {
	border-radius: 5px;
}
.pp-custom-radio-checkbox input[type="checkbox"]:checked:before,
.pp-custom-radio-checkbox input[type="radio"]:checked:before {
	background: var(--gf-ctrl-choice-check-color);
}
div#input_1_29 > div {
	max-width: 50%;
}
.gform-theme--foundation .gform_footer,
.gform-theme--foundation .gform_page_footer {
	flex-wrap: nowrap;
	flex-direction: row;
}

.gform-theme--framework .gf_step_number {
	color: #fff;
	font-size: 28px;
	font-weight: 400;
	padding: 1em;
	background: #9a5fb9;
}
.gform-theme--framework .gf_step_active .gf_step_number {
	background: var(--e-global-color-accent);
}
input#gform_submit_button_1 {
	width: 100%;
	background-color: var(--e-global-color-accent);
	color: var(--e-global-color-secondary);
	border-radius: 15px 15px 15px 15px;
	padding: 10px 0;
	font-family: roboto, Sans-serif;
	font-size: 25px;
	font-weight: 400;
	line-height: 40px;
}
input#gform_submit_button_1:hover {
	background-color: #9a5fb9;
}
div#gform-modal-notification {
	top: 50vh;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 2em;
	height: 700px;
	background-image: url(../webp/cliendformsuccess.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #ffffff00;
	padding: 40px 40px 150px 40px;
}
#gform-modal-notification .button {
	display: none;
}
.gf_page_steps_1_success_btn {
	width: 100%;
	background-color: var(--e-global-color-accent);
	color: var(--e-global-color-secondary) !important;
	border-radius: 15px 15px 15px 15px;
	padding: 10px 0;
	font-family: roboto, Sans-serif;
	font-size: 25px;
	font-weight: 400;
	line-height: 40px;
	transition-duration: 300ms;
}
.gf_page_steps_1_success_btn:hover {
	background-color: #9a5fb9;
	color: #fff;
}
div#input_1_29,
div#input_1_37 {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 12px 0;
}
div#input_1_29 > .gchoice,
#input_1_37 > .gchoice {
	width: 50%;
}
body:not(.rtl)
	.elementor-6056
	.elementor-element.elementor-element-ad0a4c3
	.pp-custom-radio-checkbox
	.gchoice
	label {
	cursor: pointer;
}

@media (min-width: 1025px) {
	.gf_page_steps {
		flex-wrap: nowrap;
		justify-content: space-evenly !important;
	}
	#gf_page_steps_1 .gf_step:not(#gf_step_1_4):before,
	#gf_page_steps_1 .gf_step:not(#gf_step_1_4):after {
		content: "";
		width: 180px;
		height: 10px;
		order: 3;
		position: absolute;
		right: -180px;
		border-radius: 60px;
		background: gray;
	}

	#gf_page_steps_1 .gf_step.gf_step_active:not(#gf_step_1_4):after,
	#gf_page_steps_1 .gf_step.gf_step_completed:not(#gf_step_1_4):after {
		background: linear-gradient(
			62.06deg,
			#640994 15.32%,
			#180821 35.63%,
			#5d1a77 66%,
			#c11eff 90.26%
		);
	}
	#gf_page_steps_1 #gf_step_1_1.gf_step.gf_step_active:after {
		width: 60px;
		right: -60px;
	}
	#gf_page_steps_1 #gf_step_1_2.gf_step.gf_step_active:after {
		width: 120px;
		right: -120px;
	}
	#gf_page_steps_1 #gf_step_1_3.gf_step.gf_step_active:after {
		width: 180px;
		right: -180px;
	}
	#gf_page_steps_1 .gf_step.gf_step_completed:after {
		width: 180px;
		right: -180px;
	}
	.gform-theme--framework .gf_step_completed .gf_step_number:after {
		block-size: 24px;
		font-size: 14px;
		inline-size: 24px;
	}

	div#gf_page_steps_1 {
		padding-bottom: 40px;
		margin-bottom: 90px;
		border-bottom: 2px solid #d9dbe9;
	}
	.gf_step_active .gf_step_number {
		color: #FFF !important;
	}
}


/* Main Logo Shine Animation */
@keyframes mp-logo-shine-animation {
    0% {
        -webkit-mask-position: 140% 140%;
        mask-position: 140% 140%
    }

    100% {
        -webkit-mask-position: -20% -20%;
        mask-position: -20% -20%
    }
}




/* QSM Quiz Maker Style Start */
.quiz_section {
	--radio-btn-size: 1.25rem;
    &.qsm-question-wrapper {
        & .qmn_radio_answers {
            line-height: 2rem;
            line-height: calc( (3/2) * var( --radio-btn-size ) );

            & .qmn_mc_answer_wrap {
                margin-bottom: 1.5rem;
            }
        }
        & .qsm-input-label {
            font-size: 1rem;
            font-weight: 400;
        }
		& input[type=radio] {
		    width: var( --radio-btn-size );
		    height: var( --radio-btn-size );
		}
    }
    &:has(.qsm_contact_div) {
        & .qsm-after-message {
            width: 100%;
        }
        & .qsm_contact_div input {
            width: 100%
        }
    }
}

@media (min-width: 1024px) {
    .quiz_section:has(.qsm_contact_div) {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 1rem;
    
        & .qsm-after-message  {
            width: 100%;
        }
        & .qsm_contact_div {
            width: calc( 50% - 1rem);
            & input {
                width: 100%
            }
        }
    }
}

.qsm-pagination.qmn_pagination.border.margin-bottom {
    padding-bottom: 0;
    margin-bottom: 0;
}
/* QSM Quiz Maker Style End */



/* Team Page New Start */
.team-repeater .team-members-wrapper {
    /* display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 2rem; */
    
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3rem 2rem;
    
    & .team-member-card {
        /* flex: auto; */
        display: flex;
        flex-direction: column;
		align-items: center;
        gap: 1rem;
		
        

        & img.team-member-image,
        & a.team-member-image-url {
            --image-size: 12rem;
            width: var( --image-size ) !important;
            height: var( --image-size ) !important;
            object-fit: cover;
            border-radius: 1000px;
            object-position: top center;
            background-color: #EAEAFF;
            transition: 300ms;
        }
		
		& a.team-member-image-url:hover,
		& a.team-member-image-url img.team-member-image:hover {
			background-color: #c3c3fb;
		}

        & .team-member-info {
            text-align: center;

            & .team-member-name,
            & .team-member-position {
                margin: 0;
                line-height: 1.7;
                transition: 300ms;
            }
            & .team-member-position {
                font-size: 1rem;
                color:#111;
            }
        }
        
    }
}


/* Team Page End */



/* Fix GForm Tooltip Issue Start */
.gfield {
    & gftt-label.gftt-label > span.gfield_required > span.gfield_required.gfield_required_text {
        color: var(--gf-ctrl-label-color-req);
        display: inline-block;
        font-family: var(--gf-ctrl-label-font-family-req);
        font-size: var(--gf-ctrl-label-font-size-req);
        font-style: var(--gf-ctrl-label-font-style-req);
        font-weight: var(--gf-ctrl-label-font-weight-req);
        letter-spacing: var(--gf-ctrl-label-letter-spacing-req);
        line-height: var(--gf-ctrl-label-line-height-req);
    }
    & .gftt-icon:before {
        content: "\e803" !important;
    }
}
/* Fix GForm Tooltip Issue End */



/* MP Plugin */
.tldr-summary {
    border-radius: 1rem;
    & h2 {
        margin-top: 0 !important;
        color: #640994 !important;
		font-family: Roboto !important;
		font-size: 1.875rem !important;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
    }
    & p {
		font-family: Roboto;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		margin-bottom: 0.5rem !important;
    }
}