/* header sticky */
/* .elementor-element-cad604c.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects {
    margin-top: 30px!important;
	box-shadow:0px 4px 44px #ffffff20;
} */
.elementor-element-c94e9a6.elementor-sticky--effects > .e-con-inner {
    padding-top: 0!important;
    transition: normal 0.3s ease all;   
    padding-bottom:0;
}
.elementor-element.elementor-element-cad604c::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    height: 100%;
    background: #141414;
    border-radius:50px;
    transition: 0.3s all ease;
    z-index: -1;
}

/*header sticky in 100vw css  */
/* .elementor-sticky--effects .elementor-element.elementor-element-cad604c::before {
    width: 100vw;
    border-radius:0px;
    transition: 0.3s all ease;
	box-shadow:0px 4px 44px #ffffff10;
}
.elementor-sticky--effects .elementor-element.elementor-element-cad604c{
    padding: 0;
} */

a{
	cursor:pointer!important
}
/* gradiant border */
.gradiant-border {
    position: relative;
}

.gradiant-border::before,.gradiant-border::after  {
    content: '';
    background: radial-gradient(46.58% 46.58% at 50% 50%, #FF87B1 0%, #191919 100%);
    width: 2px;
}
.gradiant-border::after  {
    height: 100%;
    right: 0;
    position: absolute;
}

/* logo slider */

.logo-slider .logo-item {
    position: relative;
}

.logo-slider .logo-item::after {
    content: '';
    background-color: #FF2470;
	height:15px;
	width:15px;
	border-radius:100%;
	position:absolute;
	right: -91px;
    top: 25%;
}
/* accordian  */
.faq details.e-n-accordion-item {
    border: 1px solid #D8D8D8;
    border-radius: 10px;
}

/* btn arrow css */
.elementor-button-icon svg {
    width: 24px!important;
    height: 24px;
}

/* 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;
    }

    .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: 43%;
    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, #FF2371 48px, #FF2371 49px);
}
.csqkd {
    background: repeating-linear-gradient(90deg, transparent, transparent 48px, #fff 48px, #fff 49px);
}
.cbn6o {
    background: repeating-linear-gradient(90deg, transparent, transparent 48px, #FF2371 48px, #FF2371 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 {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    @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);
      }
    }

/* gradiant border box */
/* .box-grid {
border: 1px solid transparent;
  border-radius: 20px;
  background: linear-gradient(#141414, #141414) padding-box,
              linear-gradient(96.55deg, rgba(255, 35, 113, 0) -9.53%, #FF2371 52.17%, rgba(255, 35, 113, 0) 100.65%) border-box;
  color: white;
} */


/* Outer border wrapper */
.box-grid {
  position: relative;
  border-radius: 20px;
  z-index: 1;
  overflow: hidden;
}

/* Animated border only */
.box-grid::before {
  content: "";
  position: absolute;
  inset: 20
  z-index: 0;
  padding: 2px;
  background: linear-gradient(45deg, #ff2371, #000000, #ff2371, #141414 );
  background-size: 300% 300%;
  animation: borderMove 4s linear infinite;
  border-radius: 20px;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

/* Animation for gradient motion */
@keyframes borderMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.right-border {
    border-width: 1px;
    border-right: 1px solid;
    border-image-source: linear-gradient(180deg, rgba(255, 35, 113, 0) 0%, #FF2371 56%, rgba(255, 35, 113, 0) 100%);
    border-image-slice: 1;
}

/* gooter hover link */
.hover-link .elementor-icon-list-item:hover svg path{
    fill: #ff2371!important;
}

/* faq number css */
span.count-number {
    font-weight: 700;
    color: #ff2371;
    margin-right: 5px;
}

/* column Box Animation */
/* .sound .hover-box:hover {
    background-position: 0% 100%;
} */
.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;}
}



/* case study css */
.case-study-hover {
    transition: 0.5s all ease;
}

.case-study-hover:hover .elementor-widget-heading {
    bottom: 95px!important;
    transition: 0.5s all ease;
}
.case-study-hover .elementor-widget-heading {
    transition: 0.5s all ease;
}
.case-study-hover:hover .elementor-widget-button {
    opacity: 1;
    bottom: 30px!important;
    transition: 0.5s all ease;
}

.case-study-hover .elementor-widget-button {
    opacity: 0;
    transition: 0.1s all ease;
}
.case-study-hover {
    position: relative;
}
.case-study-hover:hover::after {
    position: absolute;
    content:'';
    height:100%;
    width:100%;
    background: linear-gradient(180deg, rgba(255, 35, 113, 0.24) 0%, rgba(255, 35, 113, 0.8) 100%);
   border-radius:20px;
}

/* faq section */
.faq .e-n-accordion-item-title-icon span, .faq .e-n-accordion-item-title-icon svg{
    height: 24px!important;
    width: 24px!important;
}

/* development tab section */
.dev-tab{
    border: 1px solid transparent;
    border-top-right-radius: 247px; /* Adjust as needed  */
    background: linear-gradient(#141414, #141414) padding-box,    linear-gradient(96.55deg, rgba(255, 35, 113, 0) -9.53%, #FF2371 52.17%, rgba(255, 35, 113, 0) 100.65%) border-box; /* Pink Gradient */
}
.tab-content {
    display: none;
}

#tab1 {
    display: block; /* Show the first tab by default */
}
.tab-button.active a.elementor-button {
    background-color: #ff2371!important;
}
.tab-button span.elementor-button-content-wrapper {
    justify-content: space-between!important;
}
.tab-button svg {
   display:none;
}
.tab-button.active svg, .tab-button:hover svg{
    display:flex!important;
    width: 36px!important;
    height: 36px;
}

/* text strock */
.text-border h2 {
    color: transparent!important;
    -webkit-text-stroke: 2px #19191930; /* Stroke color */
}

.middle-border {
    position: relative;
}

.middle-border::after {
    content: '';
    background: linear-gradient(90deg, rgba(255, 35, 113, 0) 0%, #FF2371 56%, rgba(255, 35, 113, 0) 100%);
    height: 1px;
    width: 100%;
    position: absolute;
    top: 50%;
}


/* squear border box */
.square-border {
    border: 1px solid;
    border-image-source: linear-gradient(98.31deg, rgba(255, 35, 113, 0) 0.44%, #FF2371 56.41%, rgba(255, 35, 113, 0) 100.37%);
    border-image-slice: 1;
    background: linear-gradient(180deg, #6C6C6C10 0%, rgba(108, 108, 108, 0.2) 100%);
}
.square-border .text-border h2 {
    color: transparent !important;
    -webkit-text-stroke: 2px #FFFFFF30!important;
}
/* .experince_pos .text-border h2 {
    color: transparent !important;
    -webkit-text-stroke: 2px #FFFFFF30!important;
} */
 .outline-number h2{
  font-size: 84px !important; /* adjust as needed */
  font-weight: bold !important;
  color: transparent !important;
  -webkit-text-stroke: 1px #666666 !important; /* outline thickness and color */
  
}

.no-gradiand .elementor-element.elementor-element-2b9e333.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    background: none;
}
.tab-button span.elementor-button-text {
    text-align: left!important;
}


.bg-gradiant-shadow::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    background: #ff237145;
    /* border-radius:100px!important; */
    filter: blur(100px);
    pointer-events: none;
    height: 110%;
    width:110%;
}

.page-id-1225 #content > div > div > div.elementor-element.elementor-element-dca2da7.e-con-full.e-flex.e-con.e-parent.e-lazyloaded > div > div > div > div > div.elementor-element.elementor-element-2b9e333.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded{
	 background-image: none !important;
}
.page-id-1204 #content > div > div > div.elementor-element.elementor-element-dca2da7.e-con-full.e-flex.e-con.e-parent.e-lazyloaded > div > div > div > div > div.elementor-element.elementor-element-2b9e333.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded{
    background-image:none !important;
}
.elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover>.e-n-accordion-item-title .e-n-accordion-item-title-icon span>svg{
    fill: #ff2371 !important;
}
.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title .e-n-accordion-item-title-icon span>svg{
    fill: #ff2371 !important;
}
ul.sub-menu {
    border: 1px solid transparent !important;
    border-radius: 16px !important;
    background: linear-gradient(#141414, #141414) padding-box, linear-gradient(96.55deg, rgba(255, 35, 113, 0) -9.53%, #FF2371 52.17%, rgba(255, 35, 113, 0) 100.65%) border-box !important;
    color: white !important;
}
a.elementor-sub-item.elementor-item-active {
    border-radius: 10px !important;
}
.elementor-nav-menu--dropdown a:hover{
       border-radius: 10px !important;
}
.hover-link a:hover {
    color: #ff2371!important;
}
.oreva-video video.elementor-video {
    height: 630px!important;
/* 	max-height:300px !important; */
/* 	min-height:630px !important */
}

/* case study page image scroll on hover */
.cat-content {
	display:none;
}
.screen .elementor-widget-container {
    display: block;
    width: 100%;
    height: 285px!important;
    overflow: hidden;
    position: relative;
    border-radius: 13px 13px 13px 13px;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.25);
    margin: 0 auto;
}

.screen img {
    bottom: -800px;
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 0;
    -webkit-transition: top 6;
    -moz-transition: top 6;
    -ms-transition: top 6s;
    -o-transition: top 6s;
    transition: bottom 6s;
	left: 0;
    top: 0;
}
.screen:hover img {
/*   bottom: 0; */
 top:-515px!important;
-webkit-transition: all 6s;
  -moz-transition: all 6s;
  -ms-transition: all 6s;
  -o-transition: all 6s;
  transition: all 6s;
}
.cat-tab-button.active a.elementor-button {
    border-bottom: 4px solid #ff2371!important;
}
.elementor-nav-menu--main .elementor-nav-menu--dropdown .elementor-sub-item, .elementor-nav-menu--main .elementor-nav-menu--dropdown .elementor-sub-item:hover {
    padding-left:5px;
    padding-right:15px;
}
::selection{
    background-color:#ff2371 !important;
    color:#ffffff  !important;
}


/* .elementor-sticky--effects .elementor-element.elementor-element-cad604c .elementor-nav-menu--dropdown{
	width:100vw !important;
	border-radius:0px !important;
} */

.e-loop-item-3611 .elementor-element-c0b75b1.screen:hover img, .e-loop-item-3615 .elementor-element-c0b75b1.screen:hover img{
    top: 0!important;
}
.grecaptcha-badge {
    visibility: hidden;
}
.e-loop-item-1950 .elementor-element-c0b75b1.screen:hover img{
    top: 0!important;
}
.e-loop-item-4832 .elementor-element-c0b75b1.screen:hover img{
    top: 0!important;
}
.e-loop-item-4945 .elementor-element-c0b75b1.screen:hover img{
    top: 0!important;
}