@keyframes floating {
  from {
    transform: translate(0, 0px);
  }
  65% {
    transform: translate(0, 15px);
  }
  to {
    transform: translate(0, -0px);
  }
}

.wpe-cyber-slider-sec-img img {
  transform: translate(84px, 10px);
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}



/* .wpe-cyber-header .elementor-widget-ucaddon_nav_menu .ue-nav-menu ul li a:before {
  content: "\f061";
  font-family:"FontAwesome";
  color: #FFF;
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  margin-left: -28px;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  opacity: 0;
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em; 
}
.wpe-cyber-header .elementor-widget-ucaddon_nav_menu .ue-nav-menu ul li:hover > a:before {
  opacity: 1;
}
.wpe-cyber-header .elementor-widget-ucaddon_nav_menu .ue-nav-menu ul li a:hover {
  background: #0E142A;
   color: #fff;
   border-radius: 0px;
   -moz-transform: translate(15px, 0%);
   -ms-transform: translate(15px, 0%);
   -webkit-transform: translate(15px, 0%);
   -o-transform: translate(15px, 0%);
   transform: translate(15px, 0%);
   overflow: hidden;
}
.wpe-cyber-header .elementor-widget-ucaddon_nav_menu .ue-nav-menu ul:hover li {
  background: #0E142A;
}
.wpe-cyber-header .elementor-widget-ucaddon_nav_menu .ue-nav-menu ul:hover li a {
  padding-left: 30px !important;
} */









.blog-main-content .uc-items-wrapper .uc_image_carousel_placeholder {
  position: relative;
  overflow: hidden;
}
.blog-main-content .uc-items-wrapper .uc_image_carousel_placeholder::after {
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 0;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-40deg);
  transform: skewX(-40deg);
  transition: all 3s ease;
}
.blog-main-content .uc-items-wrapper .uc_image_carousel_placeholder:hover {
  transition: all 3s ease;
}
.blog-main-content .uc-items-wrapper .uc_image_carousel_placeholder:hover::after {
  -webkit-animation: shine .71s;
  animation: shine .71s;
  transition: all 3s ease;
}
@-webkit-keyframes shine {
  100% {
    left: 125%; 
  } 
}
@keyframes shine {
  100% {
    left: 125%; 
  } 
}






.wpe-cyber-team-section .pp-tm-carousel .pp-tm-image {
  position: relative;
  overflow: hidden;
}
.wpe-cyber-team-section .pp-tm-carousel .pp-tm-image::after {
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 0;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-40deg);
  transform: skewX(-40deg);
  transition: all 3s ease;
}
.wpe-cyber-team-section .pp-tm-carousel .pp-tm-image:hover {
  transition: all 3s ease;
}
.wpe-cyber-team-section .pp-tm-carousel .pp-tm-image:hover::after {
  -webkit-animation: shine .71s;
  animation: shine .71s;
  transition: all 3s ease;
}
@-webkit-keyframes shine {
  100% {
    left: 125%; 
  } 
}
@keyframes shine {
  100% {
    left: 125%; 
  } 
}


.elementskit-btn{
  border: 2px solid currentColor;
  border-radius: 6px;
  color: #C7B8FA; 
  font-family: roboto;
  font-size: 4rem;
  font-weight: 100;
  overflow: hidden;
  padding: 1rem 2rem;
  position :relative;
  text-decoration: none;
  transition :.2s transform ease-in-out;
  will-change: transform;
  z-index :0;
}
.elementskit-btn::after {
    background-color: #C7B8FA;
    border-radius: 6px;
    content: '';
    display :block;
    height: 100%;
    width :100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-100%, 0) rotate(10deg);
    transform-origin: top left;
    transition :.2s transform ease-out;
    will-change: transform;
    z-index: -1;
}
.elementskit-btn:hover::after{
  transform: translate(0, 0);
}
    
.elementskit-btn:hover {
  border: 2px solid transparent;
  transform: scale(1.05);
  will-change: transform;
}


   
.elementskit-pricing-btn{
  border: 2px solid currentColor;
  border-radius: 6px;
  color: #FF2A2A; 
  font-family: roboto;
  font-size: 4rem;
  font-weight: 100;
  overflow: hidden;
  padding: 1rem 2rem;
  position :relative;
  text-decoration: none;
  transition :.2s transform ease-in-out;
  will-change: transform;
  z-index :0;
}
.elementskit-pricing-btn::after {
    background-color: #C7B8FA;
    border-radius: 6px;
    content: '';
    display :block;
    height: 100%;
    width :100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-100%, 0) rotate(10deg);
    transform-origin: top left;
    transition :.2s transform ease-out;
    will-change: transform;
    z-index: -1;
}
.elementskit-pricing-btn:hover::after{
  transform: translate(0, 0);
}
    
.elementskit-pricing-btn:hover {
  border: 2px solid transparent;
  transform: scale(1.05);
  will-change: transform;
}



@keyframes bouncing {
  from, to { transform: scale(1, 1); }
  25% { transform: scale(0.9, 1.1); }
  50% { transform: scale(1.1, 0.9); }
  75% { transform: scale(0.95, 1.05); }
}
.wpe-cyber-choose-section-para img {
  transition: all 0.3s ease-in-out 0.1s;
}
.wpe-cyber-choose-section-para img:hover {
  transform: translateY(-10px);
}



.wpe-cyber-about-us-right-sec .elementor-image-box-img {
  position: relative;
}
.wpe-cyber-about-us-right-sec .elementor-image-box-img:after {
  content: '';
  position: absolute;
  left: 0px;
  right: 20px;
  top: 0;
  bottom: 0;
  border: 2px dashed #FFF;
  border-radius: 50%;
  opacity: 0;
  width: 60px;
  height: 60px;
}
.wpe-cyber-about-us-right-sec .elementor-image-box-img:hover:after {
  opacity: 1;
  animation: animName 4s linear infinite;
}
@keyframes animName {
 0%{
    transform: rotate(0deg);
   }
100%{
    transform: rotate(360deg);
   }
}


.wpe-cyber-choose-section-para .elementor-image-box-img {
  position: relative;
}
.wpe-cyber-choose-section-para .elementor-image-box-img:after {
  content: '';
  position: absolute;
  left: -10px;
  right: 0px;
  top: -10px;
  bottom: 0;
  border: 2px dashed #FFF;
  border-radius: 50%;
  opacity: 0;
  width: 60px;
  height: 60px;
  padding: 35px;
}
.wpe-cyber-choose-section-para .elementor-image-box-img:hover:after {
  opacity: 1;
  animation: animName 4s linear infinite;
}
@keyframes animName {
 0%{
    transform: rotate(0deg);
   }
100%{
    transform: rotate(360deg);
   }
}