/*
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: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1744009168
Updated: 2025-04-07 06:59:28

*/

.header-row  {
	background-color: rgb(255 255 255 / 10%); /* semi-transparent bg */
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px) !important; /* Safari support */
}

.white-btn .elementor-button-icon svg {
	width: 40px;
}

.white-btn .elementor-button span {
	align-items: center;
}

.white-btn .elementor-button-content-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	position: relative;
}

/* Common transition for both */
.white-btn .elementor-button-icon,
.white-btn .elementor-button-text {
	transition: transform 0.4s ease;
	position: relative;
}

/* Reset on default state */
.white-btn .elementor-button-icon {
	transform: translateX(0px);
}
.white-btn .elementor-button-text {
	transform: translateX(0px);
}

/* On hover – swap positions */
.white-btn .elementor-button:hover .elementor-button-icon {
	transform: translateX(-92px);
}

.white-btn a.elementor-button.elementor-button-link.elementor-size-sm:hover {
	padding: 5px 25px 5px 5px;
}

.white-btn a:hover svg {
	display: none;
}

.white-btn a {
	position: relative;
}

.white-btn a:hover .elementor-button-icon:before {
	content: "";
	width: 40px;
	height: 40px;
	background-image: url(/wp-content/uploads/2025/04/lets-talk-ics-logo.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

.white-btn .elementor-button:hover .elementor-button-text {
	transform: translateX(52px);
}

.white-btn .elementor-button:hover {
	background: linear-gradient(45deg, #194241, #40A8A5);
	color: #fff !important;
}

.white-btn .elementor-button:hover .elementor-button-icon svg rect {
	fill: #fff;
}

.white-btn .elementor-button:hover .elementor-button-icon svg path {
	stroke: #194241;
}

.btn-grad-anim a {
	background: radial-gradient(circle at 30% 30%, #40A8A5, #194241, #40A8A5);
	background-size: 400%;
	animation: radialFlow 5s ease-in-out infinite;
	transition: all 0.3s ease;
	box-shadow: 0 0 12px rgb(64 168 165), 0 0 20px rgb(25 66 65) !important;
}

.grad-title {
	background: linear-gradient(90deg, #FFFFFF, #767585);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.icon-rotate img {
	animation: rotateIcon 5s linear infinite;
}

.anim-arrow-icon svg {
	transition: transform 0.2s ease; /* Apply transition to the SVG */
}

.anim-arrow-icon svg:hover {
	transform: scale(1.2) rotate(45deg); /* Zoom in and rotate */
}

.anim-updown img {
	animation: updown 2s ease-in-out infinite; /* 1 second duration, infinite loop */
}

.white-hover-icon svg:hover path {
	fill: #194241; /* New fill color on hover */
}

.white-btn.big-white-btn .elementor-button:hover .elementor-button-icon {
	transform: translateX(-158px);
}

.list-item-widget h3.elementor-icon-box-title {
	margin-top: 0;
}

.review-sec .swiper-slide {
	background-color: rgb(255 255 255 / 10%);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px) !important;
	border-radius:15px;
	transition: background-color 0.5s ease, backdrop-filter 0.5s ease;
}


.review-sec .swiper-slide.swiper-slide-active {
	background-color: rgb(255 255 255 / 30%);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px) !important;
	border-radius:15px;
}

.review-sec .elementor-swiper-button {
	position: absolute;
	top: -50px !important;
	left: 4% !important;
}

.review-sec .elementor-swiper-button.elementor-swiper-button-next {
	position: absolute;
	left: 7% !important;
}

.review-sec .e-font-icon-svg {
	background-color: #ffffff26;
	height: 40px !important;
	width: 40px !important;
	padding: 12px;
	border-radius: 100px;
	transition: .5s ease all;
}

.review-sec .e-font-icon-svg:hover {
	transform: scale(1.3);
	background: #2AFBED;
}

.mega-menu-row .elementor-icon-box-title {
	margin-top: 0;
}

.review-sec .elementor-swiper-button.elementor-swiper-button-next {
	width: fit-content;
}

.header-sec li.e-n-menu-item #mobHeaderBtn {
	display: none;
}

.play-gif {
	cursor: pointer;
}

.progress-bar-col .elementor-progress-text {
	width: 480px;
}

.progress-bar-col .elementor-progress-wrapper {
	height: 21px !important;
}

.app-tabs-sec .review-sec .swiper-slide.swiper-slide {
	background: unset;
}

.app-tabs-sec .review-sec .swiper-slide.swiper-slide {
	background: unset;
}

.app-tabs-sec button[tabindex="0"][aria-selected="true"] .e-n-tab-title-text {
	font-weight: 800;
	background: linear-gradient(90deg, #00c6ff, #9c27b0);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

}

.app-tabs-sec .review-sec .elementor-swiper-button {
	top: 80% !important;
	left: 0% !important;
}

.app-tabs-sec .elementor-swiper-button.elementor-swiper-button-next {
	left: 4% !important;
}

/* Initial States */
.anim-no-col,
.anim-title-col,
.anim-title-col h2,
.anim-text-col,
.anim-text-col li {
	transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) !important; /* Smooth and natural */
}

/* Optional: Set transform-origin for better scaling effect */
.anim-title-col h2 {
	transform-origin: left center;
}

/* Hover States */
.twelve-sec-anim-row:hover .anim-no-col {
	transform: translateX(500px);
	opacity: 0;
}

.twelve-sec-anim-row:hover .anim-title-col {
	transform: translateX(350px);
}

.twelve-sec-anim-row:hover .anim-title-col h2 {
	transform: scale(1.2); /* Smooth upscale instead of font-size */
}

.twelve-sec-anim-row:hover .anim-text-col {
	transform: translateX(5px);
}

.twelve-sec-anim-row:hover .anim-text-col li {
	transform: scale(0.9) translateX(15px); /* Slight upscale for subtle polish */
}

.contact-form-sec input {
	padding: 15px !important;
}

.photo-carousel-sec .swiper-pagination-bullet-active {
	width: 37px !important;
	border-radius: 100px;
	background: #2AFBED !important;
}

.our-process-sec .elementor-progress-bar {
	background: linear-gradient(270deg, #2AFBED 0%, #30E381 100%);
}

.photo-carousel-sec .e-n-carousel img {
	height: 360px !important;
	object-fit: cover;
}

.home-tabs-sec .anim-arrow-icon:hover {
	transform: rotate(45deg) scale(0.8);
	transition: transform 0.5s ease;
}

.anchor-text a {
	color: #2AFBED;
	transition: .3s ease all;
}

.anchor-text a:hover {
	color: #30BDE3;
}

.footer-main-sec .elementor-icon-box-icon {
	margin-top: 5px;
}

.mega-menu-row a:hover {
	color: #2afbed !important;
}


/* KEYFRAMES */

@keyframes radialFlow {
	0% {
		background-position: 30% 30%;
	}
	50% {
		background-position: 70% 70%;
	}
	100% {
		background-position: 30% 30%;
	}
}

@keyframes rotateIcon {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@keyframes updown {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-20px); /* Move up */
	}
	100% {
		transform: translateY(0); /* Move back down */
	}
}

.footer-form-col label {
	color: #ffffffb0 !important;
}

.footer-form-col .elementor-field-type-acceptance  input {
	top: 3px;
	position: relative;
}

/* MEDIA QUERY */

@media only screen and (max-width: 1600px) and (min-width: 1537px) {

	.review-sec .elementor-swiper-button {
		left: 3% !important;
	}

	.footer-text-col .elementor-heading-title {
		font-size: 222px !important;
	}

	.home-hero-sec h1 {
		font-size: 75px !important;
	}

	.home-eight-sec .loop-post {
		height: 500px;
	}
}

@media only screen and (max-width: 1536px) and (min-width: 1441px) {

	.second-sec-left-col, .second-sec-right-col {
		width: 65% !important;
	}

	.carousel-title {
		font-size: 40px !important;
	}

	.fifth-sec-text-col h3 {
		font-size: 40px !important;
	}

	.seventh-sec-sub-text {
		width: 65% !important;
	}

	.footer-text-col .elementor-heading-title {
		font-size: 212px !important;
	}

	.app-tabs-sec .elementor-swiper-button.elementor-swiper-button-next {
		left: 5% !important;
	}

	/* 	.home-hero-sec h1 {
	font-size: 75px !important;
} */

	h2 {
		font-size: 52px !important;
	}

	h3 {
		font-size: 28px !important;
	}

	.page-id-1916 h2, .page-id-1950 h2 {
		font-size: 30px !important;
	}

	.page-id-1916 h1, .page-id-1950 h1 {
		font-size: 48px !important;
	}

	.hero-sec-title h1 {
		font-size: 65px !important;
	}

	.home-tabs-sec .anim-arrow-icon {
		width: 55px;
	}

	.review-sec .elementor-swiper-button.elementor-swiper-button-next {
		left: 8% !important;
	}

	.home-eight-sec .loop-post {
		height: 500px;
	}

	.home-eight-sec .loop-post h3 {
		font-size: 16px !important;
	}

	.header-mega-menu h2.elementor-heading-title.elementor-size-default {
		font-size: 20px !important;
	}

	.scroll-display-sec img.elementor-animation-shrink.attachment-full.size-full {
		width: 80% !important;
	}

	.scroll-display-sec figure.elementor-image-box-img {
		margin-right: 0 !important;
	}

	.scroll-display-sec .elementor-element.elementor-motion-effects-element {
		padding: 15px !important;
	}

}

@media only screen and (max-width: 1440px) and (min-width: 1367px) {

	.home-hero-sec h1 {
		font-size: 75px !important;
	}

	.second-sec-left-col {
		width: 75% !important;
	}

	.second-sec-right-col {
		width: 75% !important;
	}

	.carousel-title {
		font-size: 45px !important;
	}

	.tab-text h2 {
		font-size: 55px !important;
	}

	.tab-text p {
		width: 60% !important;
	}

	.fourth-sec-p {
		width: 50% !important;
	}

	.home-tabs-sec .anim-arrow-icon {
		width: 5%;
	}

	.home-fourth-sec h2, .home-fifth-sec h2, .seventh-sec-title-col h2, .home-eight-sec h2 {
		font-size: 65px !important;
	}

	.seventh-sec-sub-text {
		width: 69% !important;
	}

	.review-sec .elementor-swiper-button {
		left: 3% !important;
	}

	.footer-text-col span {
		font-size: 200px !important;
	}

	.app-tabs-sec .elementor-swiper-button.elementor-swiper-button-next {
		left: 5% !important;
	}

	.app-tabs-sec .review-sec .elementor-swiper-button {
		top: 95% !important;
	}

	.app-why-choose-sec h3, .app-ultimate-sec h3 {
		font-size: 32px !important;
	}

	.home-eight-sec .loop-post {
		height: 480px;
	}

	.scroll-display-sec img.elementor-animation-shrink.attachment-full.size-full {
		width: 80% !important;
	}

	.scroll-display-sec figure.elementor-image-box-img {
		margin-right: 0 !important;
	}

	.scroll-display-sec .elementor-element.elementor-motion-effects-element {
		padding: 15px !important;
	}



}

@media only screen and (max-width: 1366px) and (min-width: 1281px) {

	.carousel-title {
		font-size: 40px !important;
	}

	.tab-text h2 {
		font-size: 50px !important;
	}

	.tab-text p {
		width: 70% !important;
	}

	.tab-button {
		padding: 6px 15px !important;
	}

	.home-tabs-sec .anim-arrow-icon {
		width: 6%;
	}

	.white-btn .elementor-button:hover .elementor-button-icon {
		transform: translateX(-84px);
	}

	.white-btn.big-white-btn .elementor-button:hover .elementor-button-icon {
		transform: translateX(-142px);
	}

	.review-sec .elementor-swiper-button {
		left: 3% !important;
	}

	.home-hero-sec h1 {
		font-size: 62px !important;
	}

	.footer-text-col span {
		font-size: 178px !important;
	}

	.app-tabs-sec .elementor-swiper-button.elementor-swiper-button-next {
		left: 5% !important;
	}

	.home-eight-sec .loop-post {
		height: 480px;
	}

}

@media only screen and (max-width: 1280px) and (min-width: 1025px) {

	.carousel-title {
		font-size: 35px !important;
	}

	.home-tabs-sec .anim-arrow-icon {
		width: 5%;
	}

	.review-sec .elementor-swiper-button {
		left: 3% !important;
	}

	.app-tabs-sec .elementor-swiper-button.elementor-swiper-button-next {
		left: 6% !important;
	}

	.home-eight-sec .loop-post {
		height: 500px;
	}

}

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

	.carousel-title {
		font-size: 32px !important;
	}

	.tab-button {
		font-size: 16px !important;
	}

	.tab-text h2 {
		font-size: 40px !important;
	}

	.tab-text p {
		width: 75% !important;
	}

	.home-tabs-sec .anim-arrow-icon {
		width: 50px;
	}

	.review-sec .elementor-swiper-button {
		left: 2% !important;
	}

	.home-eight-sec .elementor-loop-container > .e-loop-item:last-child {
		display: none;
	}

	.white-btn.big-white-btn .elementor-button:hover .elementor-button-icon {
		transform: translateX(-140px);
	}

	.white-btn .elementor-button:hover .elementor-button-icon {
		transform: translateX(-74px);
	}

	.app-tabs-sec .elementor-swiper-button.elementor-swiper-button-next {
		left: 8% !important;
	}

	.app-tabs-sec .review-sec .elementor-swiper-button {
		top: 100% !important;
	}

	.home-eight-sec .loop-post {
		height: 480px;
	}

}

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

	.tab-button {
		margin: 5px 0px !important;
		font-size: 14px !important;
	}

	.carousel-title {
		font-size: 24px !important;
	}

	.carousel-controls button {
		width: 40px !important;
		height: 40px !important;
		padding: 0px !important;
	}

	.carousel-controls button img {
		width: 20px !important;
	}

	.tab-text h2 {
		font-size: 35px !important;
	}

	.tab-text p {
		width: 100% !important;
	}

	.tab-img {
		flex: 1 1 30% !important;
	}

	.tab-text {
		flex: 1 1 65% !important;
	}

	.review-sec .elementor-swiper-button {
		left: 1% !important;
	}

	.white-btn .elementor-button:hover .elementor-button-icon {
		transform: translateX(-64px);
	}

	.footer-large-text .elementor-heading-title {
		font-size: 115px !important;
	}

	.app-tabs-sec .review-sec .elementor-swiper-button {
		top: 100% !important;
	}

	.app-tabs-sec .elementor-swiper-button.elementor-swiper-button-next {
		left: 10% !important;
	}

}

@media only screen and (max-width: 768px) {
	.tab-button {	
		font-size: 12px !important;
	}

	.tab-img {
		flex: 1 1 40% !important;
	}

	.tab-text {
		flex: 1 1 55% !important;
	}

	.tab-two-col {
		flex-direction: row;
	}

	.tab-two-col {
		text-align: left;
	}

	.tab-text h2 {
		font-size: 26px !important;
	}

	.tab-text {
		margin-top: 20px;
	}

	.home-tabs-sec .anim-arrow-icon {
		width: 40px;
	}

	/* 	.review-sec .elementor-swiper-button.elementor-swiper-button-next {
	left: 8% !important;
} */

	.footer-large-text .elementor-heading-title {
		font-size: 110px !important;
	}

	.white-btn.big-white-btn .elementor-button:hover .elementor-button-icon {
		transform: translateX(-142px);
	}

	.home-eight-sec .loop-post {
		height: 500px;
	}

}

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

	.hero-sec-title h1 {
		font-size: 42px !important;
	}

	.carousel-controls .prev-btn {
		top: 0% !important;
	}

	.custom-carousel {
		padding: 20px 20px !important;
	}

	.next-btn {
		top: 0% !important;
	}

	.carousel-title {
		font-size: 20px !important;
		margin: 0 10px;
	}

	.design-title.active {
		margin: 0 20px !important;
	}

	.carousel-title-strip {
		margin: 0 !important;
		position: absolute !important;
		top: 6% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
	}

	.carousel-controls button {
		width: 30px !important;
		height: 30px !important;
	}

	.carousel-controls button img {
		width: 15px !important;
	}

	.slide-tabs {
		display: flex;
		overflow: scroll !important;
		flex-wrap: nowrap !important;
		width: 390px !important;
		min-width: auto !important;
	}

	.tab-button {
		margin: 0 5px 0 0 !important;
	}

	.tab-text {
		margin: 0;
	}

	.footer-large-text .elementor-heading-title {
		font-size: 70px !important;
	}

	.home-mob-carousel-sec .swiper-pagination-bullet-active {
		width: 37px !important;
		border-radius: 100px;
		background: #2AFBED !important;
	}

	.review-sec .elementor-swiper-button.elementor-swiper-button-next {
		left: 14% !important;
	}

	.home-eight-sec .elementor-loop-container > .e-loop-item:nth-last-child(-n+2) {
		display: none !important;
	}

	.tab-text h2 {
		font-size: 32px !important;
	}

	.home-third-sec img.swiper-slide-image {
		width: 70%;
	}

	.post-loop-title-col {
		width: 84% !important;
	}

	.post-loop-icon-col {
		width: 10% !important;
	}

	.header-mega-menu .e-n-menu-wrapper {
		background: url(/wp-content/uploads/2025/04/website-bg-img-scaled.webp);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.header-mega-menu .elementor-element-736ddf8.e-con-full.mega-menu-row, .header-mega-menu .elementor-element-736ddf8.e-con-full.mega-menu-row:before, .header-mega-menu .e-n-menu-title  {
		background: unset !important;
	}

	.header-mega-menu .e-n-menu-heading > .e-n-menu-item {

		margin: 10px 10px 40px 30px !important;
		width: 65% !important;
	}

	.header-mega-menu .e-n-menu-title.e-current span {
		font-weight: 600 !important;
	}

	.header-mega-menu .e-n-menu-title.e-current {
		border-bottom: 2px solid #2AFBED !important
	}

	.header-mega-menu .e-n-menu-title{
		border-bottom: 1px solid #fff !important;
	}

	.header-mega-menu .e-n-menu-heading > .e-n-menu-item:first-child {
		margin-top: 40px !important;
	}

	.header-row {
		background: unset;
	}

	.header-sec li.e-n-menu-item #mobHeaderBtn {
		display: block;
	}

	#mobHeaderBtn {
		border-radius: 33px;
		width: 55%;
		background: #fff !important;
		padding: 5px 0px 5px 0px;
	}

	#mobHeaderBtn a.e-n-menu-title-container.e-focus.e-link {
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
		align-items: center;
	}

	#mobHeaderBtn .e-n-menu-title-text {
		color: #000;
		font-size: 18px !important;
		font-weight: 600;
	}

	#mobHeaderBtn svg {
		width: 40px !important;
		height: 40px !important;
	}

	#mobHeaderBtn .e-n-menu-icon {
		text-align: right !important;
		left: 6%;
		position: relative !important;
	}

	.twelve-sec-anim-row:hover .anim-title-col, .twelve-sec-anim-row:hover .anim-no-col, .twelve-sec-anim-row:hover .anim-text-col {
		transform: unset;
		opacity: unset;
	}

	.twelve-sec-anim-row ul {
		padding-left: unset;
	}

	.custom-form .elementor-field-type-checkbox.elementor-field-group.elementor-column.elementor-col-33 {
		margin-bottom: 0;
	}

	.custom-form .elementor-field-type-textarea.elementor-field-group.elementor-field-group-message {
		margin-top: 10px;
	}

	.mob-blur-sec {
		filter: blur(0px) !important;
	}

	.review-sec .e-n-tabs {
		display: block !important;
	}

	.review-sec .e-n-tab-title {
		width: 100% !important;
	}

	.home-fifth-sec  .elementor-widget-image-carousel img.swiper-slide-image {
		width: 40%;
	}

	.home-eight-sec .loop-post {
		height: 560px;
	}

}

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

	.slide-tabs {
		width: 365px !important;
	}

	.post-loop-title-col {
		width: 82% !important;
	}

	.footer-large-text .elementor-heading-title {
		font-size: 65px !important;
	}

	#mobHeaderBtn .e-n-menu-icon {
		left: 3%;
	}

	#mobHeaderBtn {
		padding: 3px 0px 3px 0px;
	}
}

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

	.carousel-title {
		font-size: 18px !important;
	}

	.slide-tabs {
		width: 355px !important;
	}

	#mobHeaderBtn .e-n-menu-icon {
		left: 2%;
	}


}