.header-banner-ittech-style .white-color {
  display: flex;
  align-items: center;
  position: relative;
}
.header-banner-ittech-style .hero-text-wrap {
  width: 63%;
  position: relative;
  z-index: 2;
}
.header-banner-ittech-style .slider-single-image {
  position: absolute;
  -webkit-animation: 0.8s 0.8s fadeInUp both;
  animation: 0.8s 0.8s fadeInUp both;
  text-align: right;
  margin-right: 1.6rem;
  right: 7%;
  top: 0;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    visibility: visible;
  }
}
.header-banner-ittech-style .hero-text-wrap h4 {
  padding: 0;
  position: relative;
  z-index: 1;
  -webkit-animation: 0.8s 0.8s fadeInUp both;
  animation: 0.8s 0.8s fadeInUp both;
  margin: 0px 0 1.39rem 3.06rem;
  text-transform: uppercase;
  font-size: 1.39rem;
  letter-spacing: -.07rem;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 600;
  font-family: Nunito, sans-serif;
  padding-left: 0px;
  display: inline-block;
}
.header-banner-ittech-style .hero-text-wrap h4:after {
  position: absolute;
  content: "";
  top: -.21rem;
  left: -2.78rem;
  height: 2.29rem;
  width: 14%;
  background: url('/wp-content/uploads/2025/10/softwar-technology-8-2.webp');
  background-position: center;
  background-repeat: no-repeat;
  padding: 1.11rem;
}
.header-banner-ittech-style .hero-text-wrap h1 {
  -webkit-animation: 1s 1.6s fadeInUp both;
  animation: 1s 1.6s fadeInUp both;
  font-size: 5.56rem;
  letter-spacing: -2px;
  line-height: 5.56rem;
  color: #ffffff;
  font-weight: 700;
  font-family: Nunito, sans-serif;
  margin-bottom:0;
  transition: .5s;
}
.header-banner-ittech-style .hero-text-wrap h1 p {
  margin: 0;
}
.header-banner-ittech-style .hero-text-wrap h1 img {
  margin-right: 1.39rem;
}
.header-banner-ittech-style .hero-text-wrap .desc {
  margin-top: 1.18rem;
  width: 81%;
  -webkit-animation: 1s 2s fadeInUp both;
  animation: 1s 2s fadeInUp both;
  line-height: 1.74rem;
  font-size: 1.39rem;
  line-height: 2.08rem;
  color: #ffffff;
  margin-bottom: 2.36rem;
}
.header-banner-ittech-style .hero-text-wrap .desc p {
  margin: 0;
}
.header-banner-ittech-style .hero-text-wrap .slider-buttons {
  display: flex;
  align-items: center;
}
.header-banner-ittech-style .hero-text-wrap .slider-buttons a.btn {
  padding: .9rem 2.43rem .9rem 2.43rem;
  display: inline-block;
  border: none;
  position: relative;
  z-index: 1;
  overflow: hidden;
  animation: 1s 2s fadeInUp both;
  font-size: 1.25rem;
  border-radius: 2.08rem;
  background-image: linear-gradient(-8deg, #3513f9 0%, #1a90ff 100%);
  color: #ffffff;
  font-weight: 600;
  font-family: Nunito, sans-serif;
  margin-right: 1.39rem;
  text-transform: uppercase;
  line-height: 2.36rem;
}
.header-banner-ittech-style .hero-text-wrap .slider-buttons .btn i {
  margin-left: .28rem;
  background: transparent;
  height: inherit;
  width: inherit;
  color: #fff;
  font-size: 1.11rem;
  transition: .5s;
}
.header-banner-ittech-style .hero-text-wrap .slider-buttons a.btn2.btn-animated-none {
  background: transparent;
  border: .14rem solid #1e81fe;
  border-radius: 2.08rem;
  padding: .83rem 2.36rem;
  transition: .5s;
}
.header-banner-ittech-style .hero-text-wrap .slider-buttons .btn:hover {
  color: #1a90ff;
}
.header-banner-ittech-style .hero-text-wrap .slider-buttons .btn:hover:after {
  width: 100%;
  left: 0;
}
.header-banner-ittech-style .hero-text-wrap .slider-buttons .btn:hover i {
  color: #1a90ff;
}
.header-banner-ittech-style .hero-text-wrap .slider-buttons .btn2.btn-animated-none:hover{
  border-color:#3513f9;
  background-image: linear-gradient(-8deg, #3513f9 0%, #1a90ff 100%);
}
.header-banner-ittech-style .hero-text-wrap .slider-buttons .btn {
  background: #0c5adb;
}
.header-banner-ittech-style .hero-text-wrap .slider-buttons .btn:after {
  position: absolute;
  content: "";
  z-index: -1;
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  background: #fff;
  border-radius: 2.08rem;
  transition: .5s;
}
.header-banner-ittech-style .hero-text-wrap .slider-shape-image {
  display: inline-block;
  margin-top: 2.57rem;
  -webkit-animation: 1s 4s fadeInUp both;
  animation: 1s 4s fadeInUp both;
}
.header-banner-ittech-style .slider-single-image > img.lazyloaded {
  aspect-ratio: 628 / 575;
  filter: inherit;
  margin: auto;
  border-radius: 3.47rem;
  opacity: 1;
  transition: opacity 400ms;
  transition-delay: 0ms;
}
.header-banner-ittech-style .hero-text-wrap .slider-shape-image img {
  display: block;
  margin: auto;
  border-radius: 0;
  width: 17.78rem;
  aspect-ratio: 256 / 70;
}
.lazyloaded {
  opacity: 1;
  transition: opacity 400ms;
  transition-delay: 0ms;
}
.header-banner-ittech-style .slider-single-image .rotateme {
  display: inline-block;
  position: absolute;
  right: 5.56rem;
  top: -2.92rem;
  animation-name: rotateme;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  z-index: -1;
}
@keyframes rotateme {
  from {
  transform: rotate(0deg);
  }
  to {
  transform: rotate(360deg);
  }
}
.header-banner-ittech-style .slider-single-image .rotateme img.lazyloaded {
  aspect-ratio: 66/67;
  filter: inherit;
}
@media only screen and (max-width: 767.9px) {
  .elementor-widget-header_banner_ittech_style {
    padding: 0 3.84rem;
    margin: 12.04rem 0 3.07rem;
  }
  .header-banner-ittech-style .slider-single-image {
    display: none;
  }
  .header-banner-ittech-style .hero-text-wrap {
    width: 100%;
  }
  .header-banner-ittech-style .hero-text-wrap h4 {
    font-size: 5.12rem;
    letter-spacing: -.26rem;
    margin: 0px 0 5.12rem 11.27rem;
  }
  .header-banner-ittech-style .hero-text-wrap h4:after {
    top: -.77rem;
    left: -10.25rem;
    height: 8.45rem;
    padding: 4.1rem;
  }
  .header-banner-ittech-style .hero-text-wrap h1 {
    font-size: 12.04rem;
    line-height: 15.37rem;
    letter-spacing: -.51rem;
  }
  .header-banner-ittech-style .hero-text-wrap h1 img {
    display: none;
  }
  .header-banner-ittech-style .hero-text-wrap .desc {
    width: 89%;
    font-size: 4.61rem;
    margin-top: 4.35rem;
    line-height: 7.68rem;
    margin-bottom: 8.71rem;
  }
  .header-banner-ittech-style .hero-text-wrap .slider-buttons {
    flex-direction: column;
    align-items: flex-start!important;
    gap: 2.56rem;
  }
  .header-banner-ittech-style .hero-text-wrap .slider-buttons a.btn {
    padding: 3.33rem 8.97rem 3.33rem 8.97rem;
    font-size: 4.61rem;
    margin-right: 5.12rem;
    line-height: 8.71rem;
    border-radius: 7.68rem;
  }
  .header-banner-ittech-style .hero-text-wrap .slider-buttons a.btn2.btn-animated-none {
    border: .51rem solid #1e81fe;
    border-radius: 7.68rem;
    padding: 3.07rem 8.71rem;
  }
  .header-banner-ittech-style .hero-text-wrap .slider-buttons .btn i {
    font-size: 4.1rem;
    margin-left: 1.02rem;
  }
  .header-banner-ittech-style .hero-text-wrap .slider-buttons .btn:after {
    border-radius: 7.68rem;
  }
  .header-banner-ittech-style .hero-text-wrap .slider-shape-image {
    margin-top: 9.48rem;
  }
  .header-banner-ittech-style .hero-text-wrap .slider-shape-image img {
    width: 65.57rem;
  }
}