.subpage-hero-redesign.vertical .cs-container{
  flex-direction: column;
    text-align: center;
}

.subpage-hero-redesign{
  position: relative;
  z-index: 1;
}

.subpage-hero-redesign:not(.vertical) .subpage-hero-buttons-vertical {
  display: none;
}

.subpage-hero-redesign.vertical .subpage-hero-buttons-horizontal {
  display: none;
}

/* .subpage-hero-redesign .subpage-hero-wave {
  display: none;
} */

.subpage-hero-redesign .content-intro h1{
  max-width: 600px;
  margin-bottom: 8px;
  margin-top: 0;
}

.subpage-hero-redesign .subpage-hero-preheader{
  color: #91DCE5;
  margin-bottom: 5px;
}
.subpage-hero-redesign .subpage-hero-headline{
  margin-bottom: 10px !important;
}

.subpage-hero-redesign .subpage-hero-subheading{
  margin-bottom: 10px;
  margin-top: 0;
}

 .subpage-hero-redesign .cs-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   align-items: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
  .subpage-hero-redesign .content-intro,
 .subpage-hero-redesign .subpage-hero-image {
      width: 50%;
    }
 .subpage-hero-redesign .subpage-hero-image .video {
      width: 100%;
    }

 .subpage-hero-redesign.vertical .subpage-hero-image {
      width: 100%;
   justify-content: center;
    }
   .subpage-hero-redesign .subpage-hero-image {
      text-align: center;
    }
 .subpage-hero-redesign .subpage-hero-image img {
      height: auto;
    }
.subpage-hero-redesign.vertical .subpage-hero-image img {
      width: 100% !important;
}


   .subpage-hero-redesign.vertical .subpage-hero-image img,
   .subpage-hero-redesign.vertical .subpage-hero-image .video{
       
    }
   .subpage-hero-redesign .content-intro {
      position: relative;
      z-index: 2;
    }

@media (max-width: 1566px) {
  .subpage-hero-redesign:not(.vertical) .subpage-hero-image img{
    width: 100%;
  }
}


    
@media (max-width: 1199px) {
     .subpage-hero-redesign .content-intro {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
      }
     .subpage-hero-redesign .content-intro h1 {
            font-size: 50px;
            line-height: 1.2;
          }
    }
@media (max-width: 991px) {
   .subpage-hero-redesign .content-intro h1 {
        font-size: 40px;
        line-height: 1.2;
      }
    }
@media (max-width: 767px) {
  .subpage-hero-redesign.vertical .button-group{
    justify-content: center
  }
  
.subpage-hero-redesign .content-intro h1 br{
  display: none;
  }
  
  .subpage-hero-redesign:not(.vertical) .subpage-hero-image img{
    margin-right: unset;
  }
  
     .subpage-hero-redesign .content-intro h1 {
            font-size: 36px;
            line-height: 1.2;
            margin: 0 0 20px;
          }
      .subpage-hero-redesign .content-intro,
      .subpage-hero-redesign .subpage-hero-image {
        width: 100%;
      }
      .subpage-hero-redesign .content-intro,
      .subpage-hero-redesign .subpage-hero-image
        padding: 0 30px;
      }

      .subpage-hero-redesign .subpage-hero-image{
        padding-top: 30px;
      }
    }

.subpage-hero-redesign .subpage-hero-subheading h6{
  max-width: 580px;
  font-weight: 400;
  margin-bottom: 0;
}
.subpage-hero-redesign .subpage-hero-buttons-vertical .button-group{
  margin-top: 45px;
}
.subpage-hero-redesign .button-group{
  flex-wrap: wrap;
  gap: 23px 30px;
  margin-top: 25px;
}

@media(min-width: 768px){
  .subpage-hero-redesign:not(.vertical) .subpage-hero-image{
    position: absolute;
    right: 0;
    padding-left: 50px;
  }
}

  .subpage-hero-redesign .subpage-hero-image img{
    max-width: 720px !important;
  }
  .subpage-hero-redesign.vertical .subpage-hero-image img {
    max-width: 900px !important;
  }

.subpage-hero-redesign.vertical .subpage-hero-image .video{
    width: 900px !important;
  position: relative;
  }


  .subpage-hero-redesign .content-intro{
   align-items: center;
  }

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

 @media(min-width: 992px){
   .subpage-hero-redesign:not(.vertical) .cs-container:before{
    content: "";
    position: absolute;
    background: url(https://www.cybersaint.io/hubfs/Ellipse%2021.png);
    right: 100px;
    width: 697px;
    height: 261px;
    top: -50px;
    background-size: contain;
    background-repeat: no-repeat;
}

.subpage-hero-redesign:not(.vertical) .cs-container:after{
    position: absolute;
    background: url(https://www.cybersaint.io/hubfs/Ellipse%2025-1.png);
    right: -156px;
    width: 634px;
    height: 390px;
    top: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    content: "";
}
   
   .subpage-hero-redesign.vertical .subpage-hero-image .video::before{
  content: "";
  position: absolute;
  background: url(https://www.cybersaint.io/hubfs/Ellipse%2025.png);
  left: -119px;
  width: 470px;
  height: 500px;
  top: 0;
     background-size: contain;
}
.subpage-hero-redesign.vertical .subpage-hero-image .video::after{
  content: "";
  position: absolute;
  background: url(https://www.cybersaint.io/hubfs/Ellipse%2023.png);
  right: -219px;
  width: 100%;
  height: 500px;
  top: -144px;
  z-index: -1;
}
   
   .subpage-hero-redesign.vertical .content-intro{
      width: 100%;
      max-width: 800px;
   }
    .subpage-hero-redesign.vertical .content-intro h1{
       margin-left: auto;
      margin-right: auto;
   }
   
   
   .subpage-hero-redesign.vertical .subpage-hero-image .hs-video-wrapper{
    border-radius: 10px;
     overflow: hidden
   }
}

@media (max-width: 1381px) {
  .subpage-hero-redesign:not(.vertical) .subpage-hero-image{
    right: 30px;
  }
  .subpage-hero-redesign::before {
    right: 0px;
  }
}