.service-box-ittech-style {
  display: flex;
  gap: 1.39rem;
  padding: .69rem;
}
.service-box-ittech-style .service-box {
  width: 50%;
  border-radius: .69rem;
  background-image: linear-gradient(0deg, #041424 0%, #041424 100%);
  filter: drop-shadow(0px .69rem 1.04rem rgba(211,214,218,0.1));
  padding: 3.47rem 2.71rem 2.92rem;
  display: flex;
  align-items: center;
  position: relative;
  transition:.5s;
  z-index: 2;
  visibility: hidden;
}
.service-box-ittech-style .service-box:before{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(0deg, #3513f9 0%, #1a90ff 100%);
  z-index: -1;
  border-radius: .69rem;
  transition: .5s;
}
.e-lazyloaded .service-box-ittech-style .service-box.custom-anim-left {
  animation: custom-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
}
.e-lazyloaded .service-box-ittech-style .service-box.custom-anim-right {
  animation: custom-anim-right 1.5s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
}
@keyframes custom-anim-right {
  0% {
    transform: translateX(10%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
    visibility: visible;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
    visibility: visible;
  }
}
@keyframes custom-anim-left {
  0% {
    transform: translateX(-10%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
    visibility: visible;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
    visibility: visible;
  }
}
.service-box-ittech-style .service-box .service-box-icon {
  margin-right: 1.39rem;
}
.service-box-ittech-style .service-box .service-box-icon img {
  transition: .5s;
  aspect-ratio: 60 / 60;
  width: 4.17rem;
}
.service-box-ittech-style .service-box .service-box-title h3 {
  font-size: 2.08rem;
  color: #ffffff;
  font-weight: 700;
  font-family: Nunito;
  margin: 0;
}
.service-box-ittech-style .service-box .service-btn {
  display: inline-block;
  position: absolute;
  right: .56rem;
  top: 50%;
  transform: translate(-50%, -40%);
}
.service-box-ittech-style .service-box .service-btn a {
  display: inline-block;
  text-align: center;
  line-height: 3.47rem;
  color: #fff;
  font-size: 1.53rem;
}
.service-box-ittech-style .service-box:hover:before{
  opacity: 0;
}
.service-box-ittech-style .service-box:hover .service-box-icon img{
  animation: wobble_vertical 1s forwards ease-in-out 0s;
}
@keyframes wobble_vertical {
  16.65% {
    transform: translateY(8px);
  }

  33.3% {
    transform: translateY(-6px);
  }

  49.95% {
    transform: translateY(4px);
  }

  66.6% {
    transform: translateY(-2px);
  }

  83.25% {
    transform: translateY(1px);
  }

  100% {
    transform: translateY(0);
  }
}
.service-box-ittech-bg:after {
  display: block;
  content: '';
  position: absolute;
  top: auto;
  left: 0;
  width: 100%;
  height: calc(100% - 4.93rem);
  background-color: #f5f7fb;
  z-index: -1;
  bottom: 0;
}
@media only screen and (max-width: 767.9px) {
  .elementor-widget-service_box_ittech_style {
    margin: 4.93rem 0 0 0;
    padding: 2.56rem;
  }
  .service-box-ittech-style {
    padding: 15.37rem 2.56rem 2.56rem;
    gap: 5.12rem;
    flex-direction: column;
  }
  .service-box-ittech-style .service-box {
    width: 100%;
    padding: 11.27rem 4.87rem 8.71rem;
    border-radius: 2.56rem;
    filter: drop-shadow(0px 2.56rem 3.84rem rgba(211,214,218,0.1));
    display: block;
  }
  .service-box-ittech-style .service-box:before {
    border-radius: 2.56rem;
  }
  .service-box-ittech-style .service-box .service-box-icon {
    margin-right: 5.12rem;
    min-height: 17.42rem;
  }
  .service-box-ittech-style .service-box .service-box-icon img {
    width: 15.37rem;
  }
  .service-box-ittech-style .service-box .service-box-title h3 {
    font-size: 6.4rem;
  }
  .service-box-ittech-style .service-box .service-btn {
    right: 2.05rem;
    top: calc(50% - 3.07rem);
  }
  .service-box-ittech-style .service-box .service-btn img {
    width: 17.42rem;
    aspect-ratio: 68/50;
  } 
}