/*
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.6.1773380538
Updated: 2026-03-13 05:42:18

*/

.offer-card .elementor-icon-box-icon {
    margin-top: -30px !important;
    margin-left: 10px !important;
}

.elementor-nav-menu--main .elementor-nav-menu a {
 padding : 13px !important;
}
.elementor-popup-modal .dialog-close-button svg {
    fill: #ffffff !important;
}
.button-cta .elementor-button-content-wrapper {
    display: flex;
	gap : 15px;
    align-items: center;
}
.button-cta .elementor-button-icon svg {
    height: 50px !important;
    width: 2em;
}

.lets-talk-text h2{
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-size: 224px !important; /* adjust if needed */
  line-height: 160px !important;
  letter-spacing: 2px;

 background: linear-gradient(180deg, rgb(196 224 236 / 90%) 0%, rgb(196 224 236 / 12%) 100%);

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;

  text-transform: uppercase;
}

.elementor-field-textual.elementor-size-md {
    border-radius: 0px !important;
    min-height: 54px !important;
    padding: 0px 16px !important;
}
.elementor-button.elementor-size-md {
    border-radius: 0px !important;
	padding: 0px 16px
}

.btn-1 span.elementor-button-icon {
    background-color: #fff;
    padding: 5.6px;
    border-radius: 50px;
	z-index: 2;
	 transition: all .5s ease-in-out;
}
.btn-1:hover span.elementor-button-icon {
    rotate: 30deg;
    transition: all .3s ease-in-out;
	 background-color: #05237d;
}
.btn-1:hover span.elementor-button-icon path {
    stroke: #fff !important;
}
span.elementor-button-text {
    z-index: 2;
}
.btn-1, .btn-2, .btn-3{
	 position: relative;
  cursor: pointer;
	z-index: 2;
    overflow: hidden !important;
       border-radius: 50px;
  transition: all .5s ease-in-out;
}
.btn-1::after {
	    content: "";
    width: 500px;
    height: 45px;
    border-radius: 17px;
    background-color: #ff0000 !important;
    position: absolute;
    right: 400px;
    transition: right 0.4s 0s linear;
    z-index: 0;
}
.btn-1:hover::after {
    right: 0px;
}
.btn-1:hover {
	 transition: all .3s ease-in-out;
}
.btn-2 span.elementor-button-icon {
    background-color: #05237D;
    padding: 5.6px;
    border-radius: 50px;
	z-index: 2;
	 transition: all .5s ease-in-out;
}
.btn-2 span.elementor-button-icon path {
    stroke: #fff !important;
}
.btn-2:hover span.elementor-button-icon {
    rotate: 30deg;
    transition: all .3s ease-in-out;
	 background-color: #05237d;
	z-index: 2;
}
.btn-2:hover span.elementor-button-icon path {
    stroke: #fff !important;
}
.btn-2::after {
	    content: "";
    width: 500px;
    height: 45px;
    border-radius: 17px;
    background-color: #ff0000 !important;
    position: absolute;
    right: 400px;
    transition: right 0.4s 0s linear;
    z-index: 0;
}
.btn-2:hover::after {
    right: 0px;
}
.btn-2:hover {
	 transition: all .3s ease-in-out;
}

.btn-3:hover span.elementor-button-icon {
    rotate: 30deg;
    transition: all .3s ease-in-out;
	 background-color: #05237d;
	z-index: 2;
}
.btn-3:hover span.elementor-button-icon path {
    stroke: #fff !important;
}

.btn-3::after {
	    content: "";
    width: 500px;
    height: 45px;
    border-radius: 17px;
    background-color: #ff0000 !important;
    position: absolute;
    right: 400px;
    transition: right 0.4s 0s linear;
    z-index: 0;
}
.btn-3:hover::after {
    right: 0px;
}
.btn-3:hover {
	 transition: all .3s ease-in-out;
}
.btn-3 span.elementor-button-icon {
    background-color: #ffffff;
    padding: 5.6px;
    border-radius: 50px;
    z-index: 2;
    transition: all .5s ease-in-out;
}

.btn-3 span.elementor-button-icon path {
    stroke: #05237D !important;
}

.img-rotate img{
	animation: rotation 10s;
	 animation-timing-function: linear;
	 animation-iteration-count: infinite;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/*running arrows*/
.elementor-element-ca65f10{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 1px !important;
  padding: 35px 0 35px !important;
}

.elementor-element-ca65f10 .elementor-icon{
  display: block;
  line-height: 0;
}

/* 1st arrow always visible */
.elementor-element-ca65f10 .elementor-element-1c3b303 .elementor-icon{
  opacity: 1;
}

/* 2nd arrow */
.elementor-element-ca65f10 .elementor-element-6dee9ea .elementor-icon{
  opacity: 0;
  animation: arrowTwo 1.8s infinite;
  animation-fill-mode: both;
}

/* 3rd arrow */
.elementor-element-ca65f10 .elementor-element-69e6b58 .elementor-icon{
  opacity: 0;
  animation: arrowThree 1.8s infinite;
  animation-fill-mode: both;
}


@keyframes arrowTwo{
  0%, 24%{
    opacity: 0;
  }
  25%, 74%{
    opacity: 1;
  }
  75%, 100%{
    opacity: 0;
  }
}

@keyframes arrowThree{
  0%, 44%{
    opacity: 0;
  }
  45%, 74%{
    opacity: 1;
  }
  75%, 100%{
    opacity: 0;
  }
}
/*running arrows*/
/* mobile-tech-servicesmobile-tech-services end */
.mobile-tech-services .sevices-icon:after {
    content: "" ;
    display: block !important;
    position: absolute !important;
    height: 40px !important;
    width: 54px !important;
    background: #fbfcff !important;
    bottom: 0px !important;
    right: 0 !important;
    border-radius: 0 0 24px 0 !important;
    border: 1px solid #333333 !important;
    border-width: 0 1px 1px 0 !important;
}

.importants:hover .importants-icon {
    transform: rotate3d(1, 1, 1, 360deg) !important;
}
/* mobile-tech-services end */
/* lets talk footer  */

@media only screen and (min-width : 769px) and (max-width : 1024px) {
	.lets-talk-text  h2 {
    font-size: 178px !important;
    line-height: 128px !important;
}
}
@media only screen and (min-width : 426px) and (max-width : 768px){
	.lets-talk-text  h2{
		font-size : 128px !important;
		line-height: 92px !important;
	}
	
	.running-arrow
	{
		flex-wrap:nowrap!important;
		
	}
	
}

@media (max-width : 425px){
	    .lets-talk-text h2{
        font-size: 52px !important;
        line-height: 40px !important;
    }
}
@media only screen and (min-width:1025px) and (max-width:1700px)
{.banner-image {
    right: 4% !important;
	top: -70px !important;
	 --container-widget-width: 55% !important;
}
}

/*About-us*/
.flash-image {
  overflow: hidden;
}

/* Shine effect */
.flash-image::before {
  content: "";
  position: absolute !important;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.4) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-25deg);
}

/* On hover animation */
.flash-image:hover::before {
  animation: flashMove 0.8s ease;
}

@keyframes flashMove {
  0% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}
/* About us end */