header#site-header,
.page-header,
footer#site-footer,
body.error404 header.elementor,
body.error404 footer.elementor,
body.elementor-maintenance-mode header.elementor,
body.elementor-maintenance-mode footer.elementor,
body.elementor-maintenance-mode .ekit-template-content-header,
body.elementor-maintenance-mode .ekit-template-content-footer,
body.error404 .ekit-template-content-header,
body.error404 .ekit-template-content-footer {
	display: none;
}

body.error404 {
	padding: 0 !important;
}

body.sidebar-open {
	overflow: hidden;
}

#abc-side {
	position: fixed;
	top: 0;
	right: -320px;
	/* hidden */
	width: 320px;
	height: 100vh;
	background: #fff;
	z-index: 9999;
	transition: right 0.3s ease;
	box-shadow: -5px 0 15px rgba(0, 0, 0, 0.2);
	overflow: auto;
}

/* when active */
#abc-side.active {
	right: 0;
}

#abc-side.active:before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: calc(100% - 320px);
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 10000;
	opacity: 1;
	transition: opacity 0.3s ease;
}



.service-icon-col .elementor-widget-wrap.elementor-element-populated:before,
.counter-img-col .elementor-widget-image:before,
.right-design::before,
.project-post .premium-blog-post-container::before,
.hover-box-design::before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: #ee4540;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
	transition: all 0.5s ease;
}

.service-icon-col:hover .elementor-widget-wrap.elementor-element-populated:before,
.right-design::before,
.project-post .premium-blog-post-container:hover:before,
.hover-box-design:hover:before {
	transition: all 0.5s ease;
	z-index: -1;
	transform: translate(5px, 5px);
}


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

p {
	margin-bottom: 0;
}

header#masthead {
	display: block !important;
	position: fixed;
	z-index: 9999;
	width: 100%;
	top: 42px;
	transition: all 0.5s ease;
}

header#masthead.sticky {
	top: 0;
	transition: all 0.5s ease;
}

.header-wrapper .elementor-section .elementor-container {
	justify-content: space-between;
	align-items: center;
}

.header-wrapper .logo-box {
	width: auto !important;
	float: left;
}

.header-wrapper .menu-box {
	width: auto !important;
	float: right;
}

.nav-menu ul#menu-header-menu li.active a.dropdown-item.active svg, .nav-menu ul#menu-header-menu li a.dropdown-item:hover svg {
    fill: #fff;
}
.nav-menu ul#menu-header-menu li a.dropdown-item svg {
    transform: rotate(0deg);
    transition: transform 0.4s ease-in-out;
}

.nav-menu ul#menu-header-menu li a.dropdown-item:hover svg {
    transform: rotate(-90deg);
}

.elementor-widget-button span.elementor-button-icon svg {
	width: auto;
}

.elementor-widget-button span.elementor-button-content-wrapper {
	align-items: center;
}

.elementor-widget-button a.elementor-button {
	position: relative;
}

.nav-menu .elementor-nav-menu li.menu-item ul li a {
	border: 0 !important;
}

.elementor-widget-button span.elementor-button-icon svg {
	transition: transform 0.5s ease;
}

.elementor-widget-button a:hover span.elementor-button-icon svg {
	transition: transform 0.5s ease;
}

.elementor-button {
	transition: padding 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.elementor-button-content-wrapper {
	display: flex !important;
	width: 100%;
	position: relative;
}

.elementor-button-icon,
.elementor-button-text {
	/*display: inline-block;*/
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}


/* comming soon & error  */
body.error404,
body.elementor-maintenance-mode {
	padding-top: 0;
}

body.error404 header.elementor,
body.error404 footer.elementor,
body.elementor-maintenance-mode header.elementor,
body.elementor-maintenance-mode footer.elementor {
	display: none;
}

.nav-menu .elementor-nav-menu li.menu-item a.elementor-item:before,
.nav-menu .elementskit-navbar-nav li a.ekit-menu-nav-link:before {
	content: '';
	height: 7px;
	width: 7px;
	background-color: #ee4540;
	border-radius: 50px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -15px;
	opacity: 0;
}

.nav-menu .elementskit-navbar-nav li a.ekit-menu-nav-link:hover:before {
	opacity: 1;
}

@keyframes floatMove {
	0% {
		transform: translate(var(--x, 0), var(--y, 0));
	}

	50% {
		transform: translate(var(--move-x, 0), var(--move-y, 0));
	}

	100% {
		transform: translate(var(--x, 0), var(--y, 0));
	}
}

.left-right-img {
	--move-x: -30px;
	animation: floatMove 3s ease-in-out infinite;
}

.up-down-img {
	--move-y: -30px;
	animation: floatMove 3s ease-in-out infinite;
}

@media (min-width: 1025px) {


	.service-text-col:before,
	.service-text-col.team:before {
		content: '';
		opacity: 0.2;
		width: 144px;
		height: 144px;
		border: 1px solid #2D142C;
		position: absolute;
		border-radius: 50%;
		left: -15px;
		top: -30px;
	}

	.service-text-col:after,
	.service-text-col.team::after {
		content: '';
		background-color: rgba(238, 69, 64, 0.1);
		width: 144px;
		height: 144px;
		position: absolute;
		border-radius: 50%;
		left: 0;
		top: 0;
	}

	.service-text-col.team::after,
	.service-text-col.team::before {
		width: 100px;
		height: 100px;
	}

}

.swap-icon .elementor-icon-box-content {
	display: flex;
	flex-direction: column-reverse;
}

.elementor-field-group input,
.elementor-field-group select,
.elementor-field-group textarea {
	padding-inline-start: 0;
}

form.elementor-form .elementor-field-group input:focus,
form.elementor-form .elementor-field-group select:focus,
form.elementor-form .elementor-field-group textarea:focus {
	box-shadow: none;
}

.hero-gellary .gallery {
	text-align: center;
}


.counter-img-col .elementor-widget-image:before {
	transform: translate(-5px, 5px);
}

.counter-img-col .elementor-widget.elementor-widget-counter .elementor-counter-title {
	text-align: center;
}

.service-loop-sec:hover .elementor-widget-icon {
	transform: rotate(45deg);
}

.Working-col:before {
	content: '';
	background-image: url(/wp-content/uploads/2026/01/process-arrow.png);
	width: 145px;
	height: 13px;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	right: -40%;
	top: 20%;
	transform: translate(-50%, -50%);
}

.Working-col:last-child:before {
	display: none;
}

.Working-col .elementor-widget-icon-box .elementor-icon-box-icon {
	width: fit-content;
	margin: 0 auto;
	padding: 5px;
	position: relative;
}


.Working-col .elementor-widget-icon-box .elementor-icon-box-icon {
	position: relative;
}

.Working-col .elementor-widget-icon-box .elementor-icon-box-icon::before,
.team-member-img .elementor-image-box-img:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border: 1px dashed #2D142C;
	border-radius: 100px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(0deg);
	pointer-events: none;
	opacity: 0;
}

.Working-col .elementor-widget-icon-box:hover .elementor-icon-box-icon::before {
	animation: spinBorder 6s linear infinite;
	opacity: 1;
}

@keyframes spinBorder {
	from {
		transform: translate(-50%, -50%) rotate(0deg);
	}

	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

figure.elementor-image-box-img {
	padding: 5px;
	position: relative;
}

.team-member-img .elementor-image-box-img:before {
	animation: spinBorder 10s linear infinite;
	opacity: 0;
	border: 2px dashed #EE4540;
	transition: ease 0.5s all;
}

.testimonial:hover .team-member-img .elementor-image-box-img:before {
	opacity: 1;
	transition: ease 0.5s all;
	width: 100%;
	height: 100%;
}

.read-mark-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px 40px;
	padding-block: 10px;
}

.read-mark-list li {
	position: relative;
	padding-left: 28px;
}

.read-mark-list li::before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 0.2em;
	width: 18px;
	height: 18px;
	background: #EE4540;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.project-post .premium-blog-post-container .premium-blog-content-wrapper {
	bottom: 0 !important;
}

.project-post .premium-blog-post-container .premium-blog-excerpt-link-wrap a.elementor-button {
	background-image: url(/wp-content/uploads/2026/01/right-Icon.svg);
	height: 100%;
	width: 100px;
	display: block;
	background-position: center;
	background-size: 22px;
	position: absolute;
	right: 0%;
	bottom: 0;
	background-repeat: no-repeat;
	transform: translateX(100%);
	transition: transform 0.5s ease-in-out !important;
}

.project-post .premium-blog-post-container:hover .premium-blog-excerpt-link-wrap a.elementor-button {
	transform: translateX(0);
	transition: transform 0.5s ease-in-out !important;
}

.project-post .premium-blog-post-container p.premium-blog-post-content {
	display: none;
}

.project-post .premium-blog-post-container {
	z-index: 9;
	overflow: visible;
}

.project-post .premium-blog-post-container .premium-blog-content-wrapper {
	overflow: hidden;
}

.supports-icons {
	overflow: hidden;
}


.supports-icons::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0%;
	height: 0%;
	border-bottom: 2px dashed #ee4540;
	border-left: 2px dashed #ee4540;
	transition:
		width 0.5s ease,
		height 0.5s ease;
	z-index: -1;
}

.supports-icons::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 0%;
	height: 0%;
	border-top: 2px dashed #ee4540;
	border-right: 2px dashed #ee4540;
	transition:
		width 0.5s ease,
		height 0.5s ease;
	z-index: -1;
}

.supports-icons:hover::before,
.supports-icons:hover::after {
	width: 100%;
	height: 100%;
}


.suport-girl::before {
	content: '';
	position: absolute;
	inset: 0;
	background-color: #ee4540;
	z-index: -1;
	border-radius: 200px;
	animation: wobbleBg 3.5s ease-in-out infinite alternate;
	will-change: transform, border-radius;
}


@keyframes wobbleBg {
	0% {
		transform: translate(0, 0) rotate(0deg);
		border-radius: 190px;
		/* 200 - 10 */
	}

	20% {
		transform: translate(-3px, 4px) rotate(-3deg);
		border-radius: 205px;
		/* 200 + 5 */
	}

	40% {
		transform: translate(4px, -3px) rotate(3deg);
		border-radius: 210px;
		/* 200 + 10 */
	}

	60% {
		transform: translate(-4px, 3px) rotate(-2deg);
		border-radius: 195px;
		/* 200 - 5 */
	}

	80% {
		transform: translate(3px, -2px) rotate(2deg);
		border-radius: 205px;
		/* 200 + 5 */
	}

	100% {
		transform: translate(0, 0) rotate(0deg);
		border-radius: 200px;
		/* base */
	}
}

.team-loop .loop-team-part .team-social {
	position: absolute;
	right: 0;
	z-index: 9;
	transform: translateX(50px);
}

.team-loop .loop-team-part:hover .team-social {
	transform: translateX(0px);
}

.loop-team-part .elementor-widget-image {
	position: relative;
}

.loop-team-part .elementor-widget-image:before,
.loop-team-part .elementor-widget-image:after {
	content: '';
	background-color: #000;
	height: 0;
	width: 100%;
	display: block;
	position: absolute;
	bottom: 0;
	opacity: 0.4;
	transition: ease-in-out 0.5s all;
}

.loop-team-part:hover .elementor-widget-image:before,
.loop-team-part:hover .elementor-widget-image::after {
	height: 100%;
	transition: ease-in-out 0.5s all;
}

.loop-team-part .team-loop-inner-text {
	position: absolute !important;
	bottom: 10px;
	width: 90% !important;
	left: 0;
	right: 0;
	margin: auto;
	transform: translateY(100%);
	bottom: 0%;
	transition: ease-in-out 0.5s all !important;
}

.loop-team-part:hover .team-loop-inner-text {
	transform: translateY(0%);
	transition: ease-in-out 0.5s all !important;
}

.scf-star-rating {
	display: flex;
	padding: 10px;
	background-color: #EE454030;
	border-radius: 5px;
}

span.dashicons {
	font-size: 16px;
}

span.dashicons.dashicons-star-filled {
	color: #ee4540;
}

.swap-icon-box .elementor-icon-box-content {
	flex-direction: column-reverse;
	display: flex;
}

.blog-loop .post.type-post {
	position: relative;
	box-sizing: border-box;
	background-color: #FFF8F8;
}

.blog-loop .post.type-post {
	background-color: #fff;
}

/* LEFT + TOP */
.blog-loop .post.type-post::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 2px;
	height: 0;
	border-left: 2px dashed #ee4540;
	border-top: 2px dashed #ee4540;
	transition:
		height 0.25s ease,
		width 0.25s ease 0.25s;
	pointer-events: none;
}

.blog-loop .post.type-post::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 2px;
	height: 0;
	border-right: 2px dashed #ee4540;
	border-bottom: 2px dashed #ee4540;
	transition:
		height 0.25s ease 0.5s,
		width 0.25s ease 0.75s;
	pointer-events: none;
}

.blog-loop .post.type-post:hover::before {
	height: 100%;
	width: 100%;
}

.blog-loop .post.type-post:hover::after {
	height: 100%;
	width: 100%;
}

.touch-text-footer .elementor-heading-title {
	color: rgba(0, 0, 0, 0) !important;
	position: relative;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
}

.transparent-text .elementor-heading-title {
	transition: all 1s ease;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #ee4540;
	color: rgba(0, 0, 0, 0) !important;
	opacity: 0.2;
}

.step-loop h2 {
	margin: 0;
}

.service-loop-sec .hover-box-design:hover .elementor-widget-wrap {
	box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.05);
}

.subcribe-form .elementor-form-fields-wrapper {
	flex-wrap: unset;
}

.subcribe-form .elementor-form-fields-wrapper .elementor-field-group {
	align-content: end;
}

.subcribe-form .elementor-form-fields-wrapper .e-form__buttons {
	width: fit-content;
}

.career-info ul li.elementor-icon-list-item span.elementor-icon-list-text {
	display: flex;
	gap: 6px;
}

.positon-vac .elementor-icon-box-title {
	margin: 0;
}

.pricing-features {
	list-style: none;
	padding: 0;
	margin: 0;
}

.pricing-features li {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pricing-features li::before {
	font-size: 18px;
	margin-right: 10px;
	font-weight: 700;
}

.pricing-features li.active::before {
	content: "✓";
	color: #2D142C;
}

.pricing-features li.inactive::before {
	content: "✕";
	color: #EE4540;
}

.pricing-feature:hover {
	background-color: #2d142c !important;
}

.pricing-feature:hover .pricing-features li.active::before,
.pricing-feature:hover,
.pricing-feature:hover h4 {
	color: #fff;
}

.tab-accordian .ag-tabs-nav {
	margin-inline: auto;
	width: fit-content;
	display: block;
}

.post-content-part p {
	padding-block: 10px 10px;
}


.job-content ul.career-list {
	grid-template-columns: repeat(1, 1fr);
}

.job-detail-sec .elementor-widget-icon-box .elementor-icon-box-title {
	margin-bottom: 0;
}

.project-post-content img {
	max-width: 100%;
	width: 100%;
}

span.wrap-p {
	padding: 27px;
	clear: both;
	display: block;
	background-color: #FFF8F8;
	border-top: 1px solid #EE4540;
}

.steps-no {
	height: fit-content;
}

.number-arrow .premium-tcloud-term-wrap {
	position: relative;
	display: flex;
	justify-content: space-between;
	width: 100%;
	pointer-events: none;
}

.premium-tcloud-term-wrap span.premium-tcloud-term {
	pointer-events: none;
}

.number-arrow .premium-tcloud-term-wrap {
	padding-left: 40px;
	counter-increment: category-count;
}

.number-arrow .premium-tcloud-term-wrap::before {
	content: counter(category-count, decimal-leading-zero);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	color: #fff;
}

.number-arrow .premium-tcloud-term-wrap::after {
	content: "→";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	color: #ffffff;
	transition: transform 0.3s ease, color 0.3s ease;
}

/* Hover arrow animation */
.number-arrow .premium-tcloud-term-wrap:hover::after {

	transform: rotate(90deg);
	color: #ee4540;
}


.bog-iocn-boxes:before {
	content: '';
	width: 87%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: #FFF8F8;
	border-radius: 5px;
	z-index: -1;
}

.blog-comment-form form#commentform p input#submit {
	padding: 15px 25px !important;
}

p.comment-form-cookies-consent {
	padding-block: 10px;
}

.blog-comment-form form#commentform p input:focus,
.blog-comment-form form#commentform p textarea:focus {
	box-shadow: none;
	outline: 0;
}

.blog-comment-form form#commentform p {
	padding-bottom: 10px;
}

.blog-comment-form form#commentform p input,
.blog-comment-form form#commentform p textarea {
	border: 0;
	border-bottom: 1px solid;
	border-radius: 0;
}

ul.service-list {
	padding-inline-start: 0px !important;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

ul.service-list li.service-item {
	position: relative;
	list-style: none;
	padding-inline-start: 30px;
}

ul.service-list li.service-item:before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 0.2em;
	width: 18px;
	height: 18px;
	background: #EE4540;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.service-wrapper {
	display: grid;
	gap: 20px;
	padding-top: 20px;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
}

ul.service-categories-list {
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}


ul.service-categories-list li a {
	color: #fff;
	pointer-events: none;
	font-size: 18px;
}

ul.service-categories-list li a span.service-arrow {
	position: absolute;
	right: 0;
	transition: all 0.5s ease;
}

ul.service-categories-list li a:hover span.service-arrow {
	transform: rotate(90deg);
	color: #ee4540;
}
.logo-header figure.elementor-image-box-img {
    padding: 0 !important;
}