.elementor-icon-list-text a:hover {
    color: #FF5E29 !important;
}

/*Button border animation  */
@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
.footer-a a{
    color:#ffffff;
}
.footer-a a:hover{
    color:#ff5f29;
}
.box-grid {
  position: relative;
  background: transparent; 
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  border: none;
  border-radius: 6px; 
  cursor: pointer;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.box-grid::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 6px; 
  background: conic-gradient(
    from var(--angle),
    #6FBFF7 0%,
    #D832B2 25%,
    #F91576 50%,
    #FE5641 75%,
    #6FBFF7 100%
  );
  
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude; 
  z-index: -1;
  animation: rotateAngle 3s linear infinite; 
}
@keyframes rotateAngle {
  0% {
    --angle: 0deg;
  }
  100% {
    --angle: 360deg;
  }
}

.elementor-social-icon:hover {
    background: linear-gradient(90deg, #6FBFF7 0%, #D832B2 31.5%, #F91576 65%, #FE5641 100%) !important;
}
.button_bg_color a{
	background: linear-gradient(90deg, #6FBFF7 0%, #D832B2 31.5%, #F91576 65%, #FE5641 100%) !important;

}

.button_bg_color .elementor-button:hover {
    background: #111111 !important; 
    color: #ffffff !important;
    border-color: transparent !important;
    position: relative;
    z-index: 1;
}

.button_bg_color .elementor-button::before {
    content: "";
    position: absolute;
    top: -2px; left: -2px; right: -2px; bottom: -2px;
    border-radius: 6px; 
    padding: 2px; 
    background: linear-gradient(135deg, #6FBFF7, #D832B2, #F91576, #FE5641);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: -1;
    pointer-events: none;
}
.button_bg_color .elementor-button:hover::before {
    opacity: 1;
}
.elementor-sticky--effects {
    background:#333333;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.text_bg_clr .elementor-headline-dynamic-wrapper{
     background: linear-gradient(to right, rgba(103, 204, 253, 1) 0%, rgba(211, 55, 187, 1) 30%, rgba(255, 15, 107, 1) 70%, rgba(254, 95, 60, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67ccfd', endColorstr='#fe5f3c', GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline;
    font-weight: 600;
    background-size: 200% 200%;
    animation: gradient 4s ease infinite;
}
 @keyframes gradient { 0% {
 background-position: 0% 50%;
}
 50% {
 background-position: 100% 50%;
}
 100% {
 background-position: 0% 50%;
}
}
h1 span{
font-weight: 400 !important;
font-style: Italic;
}
.loop-img .elementor-image-carousel-wrapper{
	    margin: 0 -90px 0 0;
}
.svg-animate-up {
    -webkit-animation: mover2 1s infinite alternate;
        animation: mover2 1s infinite alternate;
}
@keyframes mover2 { from {
 transform: translateY(10px);
}
to { transform: translateY(-10px); }
}
.problemsolv_icon{
    -webkit-animation: mover1 1s infinite alternate;
        animation: mover1 1s infinite alternate;
}
@keyframes mover1 { from {
 transform: scale(1);
}
to { transform: scale(1.1); }
}
.problemsolv-media-_icon{
    -webkit-animation: mover3 1s infinite alternate;
        animation: mover3 1s infinite alternate;
}
@keyframes mover3 { from {
 transform: translateX(10px);
}
to { transform: translateX(-10px); }
}
.growth-services .elementor-element:hover{
	border-color:#1B1B1B;
}
.growth-services .elementor-element:hover h3, .growth-services .elementor-element:hover .elementor-widget-text-editor{
    color: #333333;
} 

.growth-services .elementor-element:hover svg path{
    fill:#333333 !important; 
}
.svg_box:hover .svg-animate-up svg path{
  stroke:#333333 !important; 
}


/* Our Approach Section*/
.sound .hover-box:hover .elementor-widget-container {
    color: black;
	transition: color 2s ease;
}
.hover-box:hover .hover-lable 
 span.elementor-icon-list-text {
    color: black;
	transition: color 2s ease;
}
.hover-box:hover .hover-lable path {fill: black; transition: color 0.2s ease;}

.sound .d-flex{
	display:flex;
	border:1px solid #CAC7C7;
	border-right:0px;
	border-left:0px;
	width:300px;
	z-index: 1;
	position: relative;
}

.btn {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.bg {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 1000px;
  min-height: 1000px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #ffffff;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.6s ease-in;
}

.btn:hover .bg {
  transform: translate(-50%, -50%) scale(2);
}

#square,#circle {
  width: 100px;
  height: 100px;
  background-color: white;
  border:1px solid #CAC7C7;
  font-weight: bold;
  position: relative;
  background-color: transparent;
}
.d-flex {
    opacity: 0;
}

.hover-box:hover .d-flex {
    opacity:1;
}

#circle{
  border-radius:100px;
  left:100px;
}
#square {
	animation-timing-function: linear;
	border-top:0px;
	border-bottom:0px;
}

.sound .hover-box:hover #circle{
  animation: mymove 2s;
  animation-fill-mode: forwards;
}

@keyframes mymove {
  from {right: 0px;}
  to {left: -100px; border-radius:0px;}
}

.g-border{
	border: 1px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(#ffffff20, #FF237120), /* inner content background */ linear-gradient(358deg, #ffffff20, #FF237120);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

 .circle-container .circle {
      width: 100px;
    height: 100px;
    transition: all 0.5s ease;
    border: 1px solid #CAC7C7 !important;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    transform: translateY(150px);
    }

.circle-container {
    overflow: hidden;
	min-height: 150px;
}
.shapes-animation-wrapper{
	min-height:150px;
}
.hover-box.btn:hover .circle-container .circle {
     animation: moveup 3s;
	animation-iteration-count: 2;
	animation-timing-function: ease-out;
}

@keyframes moveup {
  from {transform: translateY(150px); border-radius:55%;}
  to {transform: translateY(-150px); border-radius:0%;}
}

.d-flex.web-dev {
    border: none!important;
	position: relative;
    z-index: 1;
}

.web-dev div#web-square {
    border: 1px solid white;
	height:100px;
	width:100px;
	background-color:transparent;
	position:relative;
}
div#web-circle {
    border: 1px solid white!important;
    height: 100px;
    width: 100px;
    left: 120px;
    border-radius: 100%;
    position: relative;
}
.hover-box.btn:hover div#web-square, .hover-box.btn:hover div#web-circle{
	border-color:#CAC7C7!important;
}
.hover-box.btn:hover div#web-square{
	animation: moveright 2s;
	animation-iteration-count: 2;
	animation-timing-function: ease-in-out;
}
.hover-box.btn:hover div#web-circle{
	animation:  moveleft 2s;
    animation-iteration-count: 2;
	animation-timing-function: ease-in-out;
}
@keyframes moveright {
  0% {left: 0px;}
  50% {left: 100px;}
   100% {left: 0px;}
}

@keyframes moveleft {
  0% {left: 120px;}
  50% {left: 0px;}
  100% {left:120px;}
}


.d-flex.social-wrapper {
    border: none;
    margin: 0 auto;
    width: 166px;
    align-items: center;
}
.social-circle {
    height: 64px;
    width: 64px;
    border-radius: 100%;
    border: 1px solid white;
    position: relative;
    left: 0; /* initial position */
    transition: left 0.3s ease-in-out; /* smooth move */
}
 
.hover-box.btn:hover .social-circle {
    left: 100px; /* directly move right */
    border: 1px solid #CAC7C7;
	animation: moveround 2s;
	animation-timing-function: ease-in;
}

@keyframes moveround {
  0% {left: 50px;}
  50% {left: 0px;}
  100% {left:100px;}
}
.zig-zag-btn:hover {
    background: linear-gradient(90deg, #6FBFF7 0%, #D832B2 31.5%, #F91576 65%, #FE5641 100%)!important;
   
}
.zig-zag-btn:hover::before{
    display:none;
}
.bg-gradiant-shadow{
	position:relative;
}
.bg-gradiant-shadow::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    background: #F15F3045;
    /* border-radius: 100px !important; */
    filter: blur(100px);
    pointer-events: none;
    height: 110%;
    width: 110%;
}
/* Normal State */
.elementor-widget-form .elementor-button {
    background: linear-gradient(90deg, #6FBFF7 0%, #D832B2 31.5%, #F91576 65%, #FE5641 100%) !important;
    color: #ffffff !important;
    position: relative;
    z-index: 1;
}


.elementor-widget-form .elementor-button:hover {
    background: #111111 !important; 
    color: #ffffff !important;
    border-color: transparent !important;
}

.elementor-widget-form .elementor-button::before {
    content: "";
    position: absolute;
    top: -2px; left: -2px; right: -2px; bottom: -2px;
    border-radius: 4px; 
    padding: 2px; 
    background: linear-gradient(135deg, #6FBFF7, #D832B2, #F91576, #FE5641);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: -1;
    pointer-events: none;
}

.elementor-widget-form .elementor-button:hover::before {
    opacity: 1;
}
.elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100.e-form__buttons {
    margin-top: 16px;
}
input, textarea{
	padding: .5rem 10px !important;
	box-shadow:unset !important;
}
::placeholder{
opacity:1 !important;
}
.e-n-accordion-item-title-text{
	color:#ffffff !important;
}
details {
    border-bottom:1px solid #FFFFFF99 !important;
}
.e-n-accordion-item-title {
    padding-left: 0px !important;
}
.testimonials .elementor-swiper-button svg{
	width:50px !important;
	height:50px !important;
}

/* circle animation css */
    .main-ani svg {
      position: absolute;
      top: 50%;
      left: 38%;
      inset: 0px;
    }

    .c518d {
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .c6jif {
      filter: blur(12px);
    }

    .ch3pd {
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .ca1ms {
      --tw-translate-x: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .c3wbi {
      opacity: 0;
    transform-origin: center;
    animation: pulseLoop 12000ms linear infinite;
    fill: #F15F30 !important;
    }

    .c6sru {
      animation-delay: -4000ms;
    }

    .chkdx {
      animation-delay: -8000ms;
    }

    .c9prb {
      -webkit-mask-image: radial-gradient(black, transparent 60%);
      mask-image: radial-gradient(black, transparent 60%);
    }

    .cku0c {
      border-radius: 9999px;
    }

    .cxmgp {
      overflow: hidden;
}

.outer-ani {
    height: 500px;
    position: relative;
}

.logo-div {
    position: absolute;
    left: 35%;
    top: 41%;
    z-index: 1;
}
    .cby26 {
      width: 500px;
    }

    .coo61 {
      height: 500px;
    }

    .c5u3j {
      top: 50%;
    }

    .cq6fz {
      left: 50%;
    }

    .cvjd3 {
      inset: 0px;
    }

    .csbhs {
      position: absolute;
    }
    .cvsez {
    animation: endless 20s linear infinite;
}
.cr959 {
    height: 200%;
}
.c2t07 {
    background: repeating-linear-gradient(transparent, transparent 48px, #fff 48px, #fff 49px);
}

.cczds {
    --tw-blur: blur(2px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.cxm3k {
    opacity: 0.2;
}
.cvjd3 {
    inset: 0px;
}
.csbhs {
    position: absolute;
}
.ctl9n {
    background: repeating-linear-gradient(transparent, transparent 48px, rgba(241, 95, 48, 0.4) 48px, rgba(241, 95, 48, 0.4) 49px);
}
.csqkd {
    background: repeating-linear-gradient(90deg, transparent, transparent 48px, #fff 48px, #fff 49px);
}
.cbn6o {
    background: repeating-linear-gradient(90deg, transparent, transparent 48px, rgba(241, 95, 48, 0.4) 48px, rgba(241, 95, 48, 0.4) 49px);
}
.c9prb.cdzmb.ca1ms.ch3pd.cxmgp.cku0c.coo61.cby26.cq6fz.c518d.csbhs.c5u3j.cvjd3 {
    inset: auto;
}
svg.cdibk.cdzmb.ca1ms.ch3pd.cq6fz.c518d.csbhs.c5u3j.cvjd3.c6jif {
    inset: auto;
}
  .main-ani {
      .main-ani {
    display: flex;
    flex-direction: column;
    align-items: center;
    filter: drop-shadow(0 0 40px rgba(241, 95, 48, 0.4)); 
}
    }
    @keyframes pulseLoop {
      0% {
        opacity: 0;
        transform: scale(.25) translateZ(0);
      }

      30% {
        opacity: .4;
      }

      70% {
        opacity: 0;
      }

      80% {
        transform: scale(1) translateZ(0);
      }
    }
@keyframes endless {
      0% {
        transform: translateY(0px);
      }

      100% {
        transform: translateY(-245px);
      }
    }


.real-result-slider{
    overflow:hidden;
    position:relative;
}

.real-result-slider .swiper-slide{
    height:auto;
}

.real-result-slider .swiper-pagination{
    bottom:0 !important;
}

.real-result-slider .swiper-button-next,
.real-result-slider .swiper-button-prev{
    color:#ff4db8;
}

.real-result-slider.swiper {
    overflow: hidden !important;
    position: relative;
    width: 100% !important;
    display: block !important; 
}


.real-result-slider .swiper-wrapper {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
}
.real-result-slider .swiper-slide {
    width: 100% !important;
    max-width: 100% !important;
    flex-shrink: 0 !important;
}

.real-result-slider {
    position: relative !important;
    padding-bottom: 60px !important; 
}
.real-result-slider .swiper-pagination {
    bottom: 20px !important; 
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    z-index: 10 !important;
}


.real-result-slider .swiper-pagination-bullet {
    background: #D9D9D9 !important; 
    opacity: 1;
}
.real-result-slider .swiper-pagination-bullet-active {
    background: #FF5E29 !important; 
    opacity: 1;
}
/* Slider ka overflow proper block rahega */
.real-result-slider.swiper {
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
}

.swiper-custom-nav {
    position: absolute !important;
    top: 15% !important;       
    transform: translateY(-50%) !important; 
    right: 15% !important;      
    display: flex !important;
/*     z-index: 99 !important; */
}
.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
}

.swiper-custom-nav .swiper-button-prev {
    display: none !important;   
}

.swiper-custom-nav .swiper-button-next {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    margin-top: 0 !important;
    width: 70px !important;  /* Figma 70x70 size */
    height: 70px !important; /* Figma 70x70 size */
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    background: transparent !important;
    
    border: 1.5px solid transparent !important; 
    background-image: linear-gradient(#292929, #292929), linear-gradient(135deg, #f15f30, #962501) !important; 
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
    color: #f15f30 !important; 
    transition: all 0.3s ease;
}


.swiper-custom-nav .swiper-button-next::after {
    display:none !important;
}
.swiper-custom-nav .swiper-button-next:hover {
    box-shadow: 0 0 15px rgba(241, 95, 48, 0.4) !important; 
}


.real-result-slider.swiper {
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
}


.swiper-custom-nav .swiper-button-next {
    position: relative !important;
    width: 70px !important;
    height: 70px !important;
    cursor: pointer !important;
}
.swiper-custom-nav .swiper-button-prev {
    display: none !important; 
}
.elementor-element-8991e50 .elementor-widget-text-editor{
	padding:0 0 20px 0 !important;
}
.elementor-message-success{
    color: #ffffff !important;
}
.page-id-478 .elementor-element-e4dd92e{
	display:none !important;
}
.border-btm .e-con-inner {
    border-bottom: 1px solid #FFFFFF33;
}
.testimonials .e-con-full{
	height:100%;
}

.text_bg_clr .elementor-headline{
	margin: 0px;
}

.animated-gradient-text {
    background: linear-gradient(
        90deg,
        #6FB8FF 0%,
        #D32B2D 30%,
        #F91576 50%,
        #FE5641 70%,
        #6FB8FF 100%
    );
    background-size: 250% 100%;
    background-position: 0% 50%;

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

    animation: textGradientMove 5s ease-in-out infinite;
}

@keyframes textGradientMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.elementor-sticky--effects .e-con-inner{
    padding:15px 0;
    transition: all 0.3s ease;
}
.elementor-element.elementor-element-6e80ccf.e-con-full.e-flex.e-con.e-child {
    overflow: hidden;
}