.heroBanner-redesign{
  min-height: 580px
}

.heroBanner-redesign.hero__section .heroBanner__content h1{
  max-width: 600px;
  margin-bottom: 8px;
  margin-top: 0;
}
 .heroBanner-redesign .heroBanner__wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
 .heroBanner-redesign  .heroBanner__img {
      width: 48%;
    }
.heroBanner-redesign  .heroBanner__content{
      width: 52%;
}
   .heroBanner-redesign .heroBanner__img {
      text-align: right;
    }
 .heroBanner-redesign   .heroBanner__img .heroBanner__imgDesktop {
      height: auto;
    }
  .heroBanner-redesign  .heroBanner__imgMobile {
      display: none; 
    }
   .heroBanner-redesign .heroBanner__imgDesktop.shadow {
      box-shadow: 0px 0px 52.8049px 8.80082px rgb(145 220 229 / 50%);
    }
   .heroBanner-redesign .heroBanner__content {
      position: relative;
      z-index: 2;
    }
    
.heroBanner-redesign .preheader{
  color: #91DCE5;
  margin-bottom: 5px;
}

.heroBanner-redesign .green-text-link-btn.cs-btn {
  margin-right: 20px;
}

@media (max-width: 1199px) {
     .heroBanner-redesign .heroBanner__wrapper {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
      }
     .heroBanner-redesign.hero__section .heroBanner__content h1 {
            font-size: 50px;
            line-height: 1.2;
          }
    }
@media (max-width: 991px) {
   .heroBanner-redesign.hero__section .heroBanner__content h1 {
        font-size: 40px;
        line-height: 1.2;
      }
    }
@media (max-width: 767px) {
     .heroBanner-redesign .cs-container {
        padding: 0 !important;
      }
     .heroBanner-redesign.hero__section .heroBanner__content h1 {
            font-size: 36px;
            line-height: 1.2;
            margin: 0 0 20px;
          }
      .heroBanner-redesign .heroBanner__content,
      .heroBanner-redesign .heroBanner__img {
        width: 100%;
      }
      .heroBanner-redesign .heroBanner__content,
      .heroBanner-redesign .heroBanner__img{
        padding: 0 30px;
      }
     
      .heroBanner-redesign .heroBanner__imgDesktop {
        display: none; 
      }
      .heroBanner-redesign .heroBanner__imgMobile {
        display: block; 
        max-width: 100% !important;
      }
      .heroBanner-redesign.hero__section .heroBanner__img{
        padding-top: 30px;
      }
    }

.heroBanner-redesign.hero__section .heroBanner__content p{
  max-width: 580px;
  font-weight: 400;
  margin-bottom: 0;
}
.heroBanner-redesign.hero__section .button-group{
  flex-wrap: wrap;
  gap: 23px 25px;
  margin-top: 25px;
}
/* .heroBanner-redesign.hero__section .button-group .cs-cta a,
.heroBanner-redesign.hero__section .button-group .cs-btn{
  padding: 16px 20px;
} */

@media(min-width: 768px){
  .heroBanner-redesign.hero__section .heroBanner__img{
    position: relative;
    padding-left: 50px;
    right: -50px;
    height: auto;
  }
}
@media(min-width: 1800px){
  .heroBanner-redesign.hero__section .heroBanner__img{
    position: relative;
  }
/*   .heroBanner-redesign.hero__section .heroBanner__img img{
    width: 850px !important;
  } */
}

@media(min-width: 768px){
  .heroBanner-redesign.hero__section .heroBanner__img img{
    max-height: 420px;
    width: auto;
    height: auto;
    max-width: 850px !important;
  }
}
@media(min-width: 1400px){
  .heroBanner-redesign.hero__section .heroBanner__img img{
    max-height: 580px;
  }
}

  .heroBanner-redesign.hero__section .heroBanner__wrapper{
   align-items: center;
    position: relative;
  }
.heroBanner-redesign.hero__section .heroBanner__img .heroBanner__img-inner{
  position: relative;
}
.heroBanner-redesign.hero__section .heroBanner__img .heroBanner__img-inner::before {
    background-image: url('https://www.cybersaint.io/hubfs/home_page_dot_wave.webp');
    content: "";
    position: absolute;
    right: 205px;
    width: 100%;
    height: 100%;
    transform: rotate(-360.35deg);
    z-index: -1;
    top: -142px;
  }
.heroBanner-redesign.hero__section .heroBanner__img .heroBanner__img-inner::after {
    border-radius: 1122px;
    content: "";
    height: 300px;
    left: -193px;
    opacity: .37;
    position: absolute;
    top: 37px;
    width: 300px;
     background: radial-gradient(70.9% 70.9% at 50% 50%, #06317A 27.08%, rgba(8, 23, 57, 0.00) 72.92%);
    z-index: -1;
}
  }