/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 14 2022 | 19:45:33 */
.number-home span{
text-shadow: -5px 5px 0 #eceefe;
}
.features-area .features-btn a:before {
    box-sizing: inherit;
    content: "";
    position: absolute;
    width: 100%;
    height: 85%;
    left: 0;
    top: 0;
    border-radius: 50%;
}
.features-area .features-btn .elementor-icon-wrapper{
  position:relative;
}
.features-area .features-btn a:after {
    box-sizing: inherit;
    content: "";
    position: absolute;
    width: 100%;
    height: 85%;
    left: 0;
    top: 0;
    border-radius: 50%;
}
.features-area .features-btn a:before {
    border: 2px solid transparent;
}
.features-area .features-btn a:after {
    border: 0 solid transparent;
}
.features-area:hover .features-btn a:before {
    border-top-color: #1273eb;
    border-right-color: #1273eb;
    border-bottom-color: #1273eb;
    transition: border-top-color .15s linear,border-right-color .15s linear .1s,border-bottom-color .15s linear .2s;
}
.features-area:hover .features-btn a:after {
    border-top: 2px solid #1273eb;
    border-left-width: 2px;
    border-right-width: 2px;
    transform: rotate(270deg);
    transition: transform .4s linear 0s,border-left-width 0s linear .35s;
}

.btn-gradient a{
background-image: linear-gradient(to right,#1273eb,#18ebeb,#1273eb);
    background-size: 220% 150%;
      transition: all .35s ease-in-out;
}
.btn-gradient a:hover{
background-position: -70% 0;
      transition: all .35s ease-in-out;
}
.services-area .elementor-widget-wrap:hover{
  color: transparent;
}
.services-area .elementor-widget-wrap{
  color: white !important;
}
.services-area .elementor-widget-wrap:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 0;
    width: 100%;
    background: linear-gradient(to top,#1273eb 0%,#1273eb 50%,#18ebeb 100%);
    z-index: 0;
    transition: all .35s ease-in-out;
}
.services-area .elementor-widget-wrap:hover:after {
    height: 100%;
}
.services-area .elementor-widget-wrap:hover .icon-bxx .elementor-icon{
  background-color: white;
}
/* .services-area .elementor-widget-wrap:hover .icon-bxx .elementor-icon i{
  color: #1273eb;
} */
.services-area .elementor-widget-wrap .icon-bxx .elementor-icon-box-icon .elementor-icon{
  position: relative;
}
.services-area .elementor-widget-wrap .icon-bxx .elementor-icon-box-icon .elementor-icon i:after {
    position: absolute;
    right: 8px;
    bottom: 0;
    content: "";
    height: -44%;
    width: -50%;
    background: #1273eb;
    z-index: -1;
    border-radius: 50%;
    border: 3px solid #fff;
}
.services-area .elementor-widget-wrap:hover .icon-bxx h3{
  color: white !important;
  transition: 0.5s all ease;
}
.services-area .elementor-widget-wrap:hover .icon-bxx p{
  color: white !important;
  transition: 0.5s all ease;
}

.services-area .elementor-widget-wrap:hover .icon-bxbtn h2{
  color: white !important;
  transition: 0.5s all ease;
}

.services-area .icon-bxx .elementor-icon{
    color: #fff;
    background: linear-gradient(90deg,rgba(18,115,235,1) 57%,rgba(4,215,242,1) 100%) !important;
    text-align: center;
}
.services-area .elementor-widget-wrap:hover .icon-bxx .elementor-icon{
    color: #1273eb !important;
    background: white !important;
    text-align: center;
}
.teamarea:before {
    position: absolute;
    right: 0;
    bottom: -50px;
    content: "";
    height: 500px;
    width: 500px;
    border: 100px solid #fff;
    z-index: 0;
    border-radius: 50%;
    opacity: 0.3;
}
.slider-btnn{ 
  background-image: linear-gradient(to right,#1273eb,#18ebeb,#1273eb);
    background-size: 220% 150%;
      transition: all .35s ease-in-out;
}
.slider-btnn:hover{
background-position: -70% 0;
      transition: all .35s ease-in-out;
}








.cutom-testimonials .elementor-swiper-button{
  top: 82%;
}
.cutom-testimonials .elementor-main-swiper.swiper-container{
  position: relative;
}
.cutom-testimonials .elementor-swiper-button.elementor-swiper-button-prev {
    position: absolute;
    left: 86% !important;
}
.cutom-testimonials .elementor-swiper-button.elementor-swiper-button-next{
  position: absolute;
  right:3% !important;
}

.cutom-testimonials .swiper-slide:after {
    position: absolute;
    left: 50px;
    top: 10px;
    content: "\f10d";
    font-family: "font awesome 5 free";
    font-weight: 700;
    font-size: 80px;
    opacity: .07;
    z-index: -1;
} 
.cutom-testimonials .swiper-slide{
    background: linear-gradient(90deg,#fefefe 27%,rgb(4 215 242 / 00%) 100%) !important;
}
.custom-project .elementor-section.elementor-section-stretched{
  left: 0px !important
}
.custom-services .service-content{
transition: all .35s ease-in-out !important;
    margin-bottom: -30px !important;
}
.custom-services:hover .service-content{
transition: all .35s ease-in-out !important;
  margin-bottom: 10px !important;
}
.service-btn{
  opacity:0;
   transform: translateX(-35px) !important;
    transition: all .50s ease-in-out !important;
}
.custom-services:hover .service-btn{
opacity:1;
  transition: all .50s ease-in-out !important;
  transform: translateX(0) !important;
}
.contact-area .icon-box .elementor-icon{
    color: #fff;
    background: linear-gradient(90deg,rgba(18,115,235,1) 57%,rgba(4,215,242,1) 100%) !important;
    text-align: center;
}