/*
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.4.4.1754290353
Updated: 2025-08-04 06:52:33

*/

.text-white{
	color:white;
}


/* common style */

.btn-effect a, .custom-btn a{
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.btn-effect a::after, .custom-btn a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    animation: btnanimate 1.2s cubic-bezier(.33,0,.25,1);
    animation-iteration-count: infinite;
    background: linear-gradient(120deg, #d5505000, rgba(255, 255, 255, .5), #f5000000);
}

.elementor-button-icon{
	animation:btnmove 1s ease-in-out;
	 animation-iteration-count: infinite;
	 position:relative;
}

@keyframes btnmove{
	0%{
		left:5px;
	}
	50%{
		left:10px;
	}
	100%{
		left:5px;
	}
}


@keyframes btnanimate{
	0%{
		left:-100%;
	}
	100%{
		left:100%;
	}
}

/* header */

.icon-phone-active-3{
	width:30px;
	height:30px;
}

.icon-phone-active-3 .path1{
	fill:white;
}

.icon-phone-active-3 .ring{
	fill:orange;
	 animation: ringanimate 1.2s infinite ease-out;
    transform-origin: 50% 50%;
}

@keyframes ringanimate{
	
0% {
    opacity: 0;
    transform: scale(.3) translate(-20px, 10px);
}

50% {
    transform: translate(0, 0);
    opacity: 1;
}
}

.elementor-location-header{
	position: sticky;
    top: 0;
    z-index: 9;
    background: white;
}

/* megamenu */

.header-links a {
    overflow: hidden;
}

.header-links a .elementor-icon-list-icon {
    left: -20px;
}

.header-links a .elementor-icon-list-text {
    margin-left: -20px;
}

.header-links a:hover .elementor-icon-list-icon{
	left:0px;
}

.header-links a:hover .elementor-icon-list-text {
    margin-left:0px;
}

/* hero */

.form-wrapper{
	box-shadow: 0px 0px 0px 5px rgb(0 0 0 / 3%);
}

.hero-form > div {
    margin-top: 15px;
}

.hero-form input {
    border: none !important;
    border-bottom: 1px solid #000 !important;
	outline:none;
    border-radius: 0;
    padding-inline: 0;
}

.hero-form textarea {
    border: none !important;
    border-bottom: 1px solid #000 !important;
	outline:none;
    resize: none;
    height: 70px;
    padding-inline: 0;
    border-radius: 0;
}

.hero-form p{
	margin-bottom:0;
}

.hero-form .wpcf7-submit {
    width: 100%;
    margin-top: 20px;
    border-radius: 8px !important;
	border:none !important;
}

.shape-img img{

  --r: 20px; /* the radius */
  --s: 30px; /* size of inner curve */
  --x: 160px; /* horizontal offset (no percentane) */
  --y: 10px; /* vertical offset (no percentage) */  
  width: 250px;
  /* aspect-ratio: 1; */
  border-radius: var(--r) !important;
  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
  --_g:conic-gradient(from 90deg at calc(100% - var(--r)) calc(100% - var(--r)),#0000 25%,#000 0);
  --_d:(var(--s) + var(--r));
  mask:
    calc(100% - var(--_d) - var(--x)) 100% var(--_m),
    100% calc(100% - var(--_d) - var(--y)) var(--_m),
    radial-gradient(var(--s) at 100% 100%,#0000 99%,#000 calc(100% + 1px)) 
     calc(-1*var(--r) - var(--x)) calc(-1*var(--r) - var(--y)),
    var(--_g) calc(-1*var(--_d) - var(--x)) 0,
    var(--_g) 0 calc(-1*var(--_d) - var(--y));
  mask-repeat: no-repeat;

}

/* Service section*/

.services-wrapper{
position:relative;	
z-index:1 !important;	
}

.services-wrapper::after{
    content:"";
	position:absolute;
	left:0;
	top:0;
	width:0%;
	height:100%;
	z-index:-1;
    /* transform: scaleX(0); */
    transition: all .5s linear;
    transform-origin: left;
    will-change: width;
    background-color: #39C7F4;
  
}

.services-wrapper:hover::after{
    width: 100%;

}

.services-wrapper::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50px;
    background: #39C7F4;
    z-index: 9;
    top: 99%;
}

.link-wrapper{
	width:100%;
	height:100%;
	top:0;
	left:0;
}

.link-wrapper a{
	width:100%;
	height:100%;
	display:block;
}

.link-icon {
    position: relative;
    right: -50px;
    width: 100px;
    height: 100px;
    visibility: hidden;
    opacity: 0;

}

.services-wrapper:hover .link-icon{
    animation: linkbtn .5s ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: .7s;

}

@keyframes linkbtn{
  0%{
    visibility: hidden;
       opacity: 0;
           right: -50px;
  } 
  
  100%{
    visibility: visible;
       opacity: 1;
       right: 0;
  }
}

.link-icon svg {
    position: absolute;
    left: -42px;
    right: 0;
    margin: 0 auto;
    top: 76%;
    transform: translateY(-50%) !important;
    width: 130px;
   transition: all .5s ease-in-out;
    
}

.link-circle{
	width: 60px;
    height: 60px;
    background: transparent;
    border-radius: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    /* margin: 0 auto; */
    transform: translateY(-50%);
    margin: 0 auto !important;
    display: inline-block;
    border: 2px solid #000;
       transition: all .5s ease-in-out;
}

.link-icon:hover .link-circle{
    width: 40px;
    height: 40px;
    background-color: #000;
}

.link-icon:hover svg {
    left: -10px;
    top: 41%;

}


/* Let's talk */

.circle-img{
	inset: 80px 0;
	pointer-events:none;
	
}


/* Choose blk */

.choose-blk h4{
	margin-top:0;
}

.elementor-grid{
	display: flex;
    /* justify-content: center; */
    flex-wrap: nowrap;
    grid-template-columns: repeat(4, 1fr);
    /* white-space: nowrap; */
    padding-left: calc(50% - 630px);
}

.elementor-grid > div {
    flex-basis: 25%;
	  flex-shrink: 0;
}

.industries-blk, .scroll-section{
	height:100vh;
}

/* footer */

.footer-left{
	width:75% !important;
	max-width:950px;
}

.sticky-content{
	height:100%;
}

/* Step */

.step-carousel > .swiper {
    overflow: visible;
}


.step-carousel .swiper-slide::after {
    width: 3px;
    height: 100%;
    position: absolute;
    right: -16px;
    top: 0;
    background: white;
    content: "";
    background: linear-gradient(to bottom, rgb(255 255 255 / 2%) 0%, rgba(255, 255, 255, 0.29) 47%, rgb(255 255 255 / 1%) 100%);
    border-radius: 5px;
}
/*
.counter-label span {
    background: linear-gradient(to bottom, rgb(255 255 255 / 77%) 0%, rgb(255 255 255 / 0%) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
*/ 


/* testimonials */

#client-testimonials .content-box {
	padding:35px;
	opacity:0;
	position:absolute;
	right:-100%;
	opacity:0;
	    width: calc(100% - 276px);
	 width: -moz-calc(100% - 276px);
	width: -webkit-calc(100% - 276px);
}
 
#client-testimonials .show .content-box{
	right:0;
	animation:showdata .5s;
	animation-delay:.5s;
	animation-fill-mode:forwards;

}

 @keyframes showdata{
	
	0%{

		opacity:0;
	}
	100%{

				opacity:1;
	}
} 

#client-testimonials .testimonials-item{
	will-change:transform;
	transition:all .5s linear;
}
#client-testimonials .div-width{
	width:11%;
}

#client-testimonials .show{
	width:67%;
}

.img-client::after{
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

#client-testimonials :is(.client-name, .play-icon, .client-video, .unmute){
	opacity:0;
	visibility:hidden;
}

#client-testimonials .show :is(.client-name, .play-icon){
	opacity:1;
	visibility:visible;
}

.client-video, .client-video > div{
	height:100%;
	width:100%;
}

#client-testimonials .show:hover .client-video{
	opacity:1;
	visibility:visible;
}
#client-testimonials .show:hover .unmute{
	opacity:1;
	visibility:visible;
	cursor:pointer;

}




/* industries */

.industries-slider .swiper-horizontal {
    overflow: visible;
}


.inverted-radius img, .overlay-shape {
  --r: 20px; /* the radius */
  --s: 30px; /* size of inner curve */
  --x: 10px; /* horizontal offset (no percentage) */
  --y: 10px; /* vertical offset (no percentage) */
  
  width: 100%;
  aspect-ratio: 1;
  border-radius: var(--r) !important;
  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
  --_g:conic-gradient(at calc(100% - var(--r)) var(--r),#0000 25%,#000 0);
  --_d:(var(--s) + var(--r));
  mask:
    calc(100% - var(--_d) - var(--x)) 0 var(--_m),
    100% calc(var(--_d) + var(--y)) var(--_m),
    radial-gradient(var(--s) at 100% 0,#0000 99%,#000 calc(100% + 1px)) 
     calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)),
    var(--_g) calc(-1*var(--_d) - var(--x)) 0,
    var(--_g) 0 calc(var(--_d) + var(--y));
  mask-repeat: no-repeat;
}

.industires-link {
    width: 52px;
    height: 52px;
    border: 2px solid var(--e-global-color-primary);
    border-radius: 100%;
    align-content: center;
    text-align: center;
	transition:all .5s;
}

.industries-blk:hover .industires-link {
background-color:var(--e-global-color-primary);
}

.industries-blk:hover .industires-link path{
	stroke:white;
}


/* Process */

.drag {
	opacity:0;
	pointer-events:none;
	visibility:hidden;
	position:fixed;
	z-index:99;
	top:40px;
	left:40px;
    background-color: white;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    text-align: center;
    align-content: center;
    font-weight: 600;
    box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.50), 0px 0px 0px 3px #0c0d0e;
    font-weight: bold;
    font-size: 20px;
	transition: all .2s linear;

}

.drag.active{
	width:80px;
	height:80px;
	opacity:1;
	visibility:visible;
}

/* why choose us */
.img-sticky{position:sticky !important;top:20px;}

.choose-blk{
	position:relative;
}
.choose-blk:not(:last-child)::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #39c7f4;
    position: absolute;
    bottom: 0;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .8s ease-in-out;
}

.choose-blk:hover::after{
	transform:scaleX(1);
	transform-origin:left;
}



/* About us page */

.team-infinite-slider .swiper-slide:nth-child(odd) {
    padding-top: 100px !important;
}



/* Contact us page */


.testimonials-slider{
	max-width:800px;
	margin:0 auto;
}

/*
.swiper-wrapper{
	padding-top:50px;
}
*/

.testimonials-slider h5{
    margin: 0 0 5px;
}

.testimonials-slider img:not(.rating) {
    width: 100px;
    height: 100px !important;
    border-radius: 100% !important;
    object-fit: cover;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    margin: 0 auto;
	border:2px solid #39C7F4 !important;
}
.testimonials-slider .swiper-slide-fully-visible.swiper-slide-active{
	overflow:visible;
}

.testimonials-slider .swiper-slide-visible.swiper-slide-fully-visible ~ div.swiper-slide{
	background-color:rgba(255,255,255,0.50);
}


.testimonials-slider .swiper-slide{
	padding-top:80px !important;
}

.testimonials-slider p {
    font-weight: 500;
}


.testimonials-slider .swiper-slide {
	text-align:center;
	 background-color: white;
    border-radius: 24px;
    padding: 24px 40px;
}

img.rating {
    margin-bottom: 10px;
	max-width:100px;
}

.testimonials-slider .swiper-pagination {
    position: static;
    margin-top: 30px;
}


/* SEO page */

.shape-services{
	right:-30px !important;
}

.shape-services::after {
    border-width: 15px 15px 15px 15px;
    border-color: rgba(57,199,244,0.50) transparent transparent rgba(57,199,244,0.50);
    border-style: solid;
    content: "";
    position: absolute;
    bottom: -28px;
    right: 0;
}

.steps-counter {
    counter-reset: section;
}

.steps-counter > div{
	padding-left:70px;
	z-index: 1;
	position:relative;
}

.steps-counter > div::before {
    counter-increment: section;
    content: counter(section, decimal-leading-zero);
    margin-right: 8px;
    font-weight: bold;
    width: 70px;
    height: 70px;
    background: #39c7f4;
    display: flex;
    color: white;
    font-size: 34px;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    left: -18px;
    top: -5px;
    border: 2px solid white;
}
.steps-counter > div::after {
    content: "";
    width: 0;
    height: 100%;
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    z-index: -1;
	transition:all .3s linear;
}

.steps-counter > div:hover::after{
	    width: 100%;
}

.cpatcha-label{
	display:block;
	margin-bottom:5px;
}

.wpcf7-captchar{
	padding:0px !important;
}

.process-counter{
 counter-reset: section;
}

.process-counter .e-n-accordion-item-title::before {
    counter-increment: section;
    content: counter(section, decimal-leading-zero);
    position: absolute;
    font-size: 16px;
    font-weight: 700;
    top: 15px;
    left: 0;
}

.process-counter span.e-n-accordion-item-title-icon {
    width: 50px !important;
    height: 50px !important;
    background: #000;
    border-radius: 100%;
    flex-shrink: 0;
    padding: 0 !important;
    color: white;
	justify-content:center;
	position:relative;
	transition:all .2s linear;
}

.process-counter details[open] span.e-n-accordion-item-title-icon{
	background-color:#39C7F4 !important;
	transform:rotate(0deg);
}

.process-counter details[open] span.e-n-accordion-item-title-icon:hover{
	background-color:#39C7F4 !important;
	transform:rotate(0deg) !important;
}

.process-counter span.e-n-accordion-item-title-icon:hover{
	background-color:#39C7F4;
	transform:rotate(-45deg);
}

/* Seo services page */

.industries-icon > a{
	position:relative;
	z-index:1;
}

.industries-icon img, .industries-icon > a:before{
		transition:all .3s linear;
}

.industries-icon > a:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:100%;
	background-color:#050505;
	z-index:-1;

}

.industries-icon > a:hover::before{
	width:100%;
}



.industries-icon > a:hover img{
	transform:scale(1.2);
}

.industries-icon > a:hover *{
	color:white !important;
}

.social-media ul.al-social {
    display: flex;
    gap: 15px;
    padding-left: 0px;
    justify-content: center;
}
.social-media ul li .inr {
    background: linear-gradient(to bottom, #33ccff 0%, #00000040 100%);
    border-radius: 50%;
    padding: 15px;
    height: 148px;
    width: 148px;
    display: flex;
    align-items: center;
    justify-content: center;
	padding-bottom: 17px;
}
.social-media ul li .over-circle {
    list-style: none;
    width: 170px;
    border-radius: 50%;
    text-align: center;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px #fff solid;
    padding: 10px;
    border-style: dashed;
}
.social-media ul li{
	list-style:none;
}
.social-media ul li p {
    text-align: center;
    text-transform: capitalize;
    padding-top: 12px;
	color:#fff;
	font-weight: 500;
    font-size: 18px;
	padding-top: 0px !important;
}
.social-media ul li .inr img{
    width: 100px;
    height: 100px !important;
    object-fit: contain;
}
.social-media ul li .inr a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.social-media ul li .inr-shadow {
    padding: 12px;
    border: 1px #874b4b40 solid;
    border-radius: 50%;
    width: 115px;
    height: 115px;
    display: flex;
    align-items: center;
    background: #ffffff4a;
	justify-content: center;
}
.social-media ul li h5 {
    color: #39C7F4;
    font-size: 20px;
    text-align: center;
	padding-bottom:10px;
}
.social-media ul li i.fa {
    color: #AFAFAF;
    display: block;
    text-align: center;
    margin: 10px 0px;
    font-size: 30px;
}




/* Media queries start */

@media (max-width:1400px){
	
	/* footer */
	
	.footer-left {
    width: calc(100% - 400px) !important;
    max-width: 950px;
	}
}


@media (max-width:991px){
	
	/* footer */
	
	.elementor-location-footer .sticky-content{
		position:static;
		width:100%;
	}
	
	.elementor-location-footer .elementor-element-32379e6 > div.e-con-inner{
		flex-direction:column;
	}
	
	.elementor-location-footer .footer-left {
    width: calc(100% - 15px) !important;
    max-width: 100%;
	}
}


@media (max-width:375px){
	
	/* Header*/
	
	.header-cta a{
		padding:10px 13px 10px 13px !important;
	}
}