.stripeStyle  .row {
  position: relative;
  max-width: 1024px;
  margin: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.stripeStyle .cf:before,
.stripeStyle .cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.stripeStyle .cf:after {
  clear: both;
}

.stripeStyle .header-banner {
  position: relative;
  padding-top: 0px;
}
.stripeStyle .header-banner .stripe-grid {
  position: absolute;
  top: 0px;
  left: 0%;
  width: 100%;
  height: 100%;
  transform: skewY(-11deg);
}
.stripeStyle .header-banner .stripe-grid:after {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #fff;
  bottom: -1px;
  content: "";
  left: 0%;
}
.stripeStyle .header-banner .stripe-grid .stripe {
  position: absolute;
  height: 22%;
  width: 100%;
}
.stripeStyle .header-banner .stripe-grid .stripe.zero {
  top: -15%;
  height: 50%;
}
.stripeStyle .header-banner .stripe-grid .stripe.first {
  width: 75%;
  left: 0%;
}
.stripeStyle .header-banner .stripe-grid .stripe.second {
  right: 0%;
  width: 25%;
  top: 25%;
}
.stripeStyle .header-banner .stripe-grid .stripe.third {
  bottom: 0%;
  width: 50%;
  right: 0px;
}
.stripeStyle .header-banner .stripe-grid .stripe.fourth {
  bottom: 0%;
  width: 50%;
  left: 0%;
}
.stripeStyle .header-banner .stripe-grid.blue {
  background: #00c5d7;
}
.stripeStyle .header-banner .stripe-grid.blue .zero {
  background-color: #00c5d7;
}
.stripeStyle .header-banner .stripe-grid.blue .first {
  background-color: #00c5d7;
  background: linear-gradient(90deg, #1ADFF1, #00c5d7);
}
.stripeStyle .header-banner .stripe-grid.blue .second {
  background-color: #00c5d7;
  background: linear-gradient(90deg, #00c5d7, #7aecf7);
}
.stripeStyle .header-banner .stripe-grid.blue .third {
  background-color: #00c5d7;
  background: linear-gradient(90deg, #00c5d7, #009dab);
}
.stripeStyle .header-banner .stripe-grid.blue .fourth {
  background-color: #eeeeee;
  background: linear-gradient(90deg, #eeeeee, #f6f9fc);
}
.stripeStyle .header-banner .content-wrap {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
}
.stripeStyle .header-banner .content-wrap .content {
  float: left;
  width: 65%;
}
.stripeStyle .header-banner .content-wrap .content .mainTitle {
  font-size: 2.8rem;
  margin-bottom: 1.9rem;
  color: #fff;
}
.stripeStyle .header-banner .content-wrap .content .subTitle {
  font-size: 1.5rem;
  margin-bottom: 2rem;
  color: #eee;
}
.stripeStyle .header-banner .content-wrap .content .button-group {
  margin-bottom: 10px;
}
.stripeStyle .header-banner .content-wrap .content .button {
  float: left;
  margin-right: 15px;
  padding: 10px 17px;
  background: #2c3e50;
  color: #fff;
  transition: all 220ms ease-out;
}
.stripeStyle .header-banner .content-wrap .content .button:focus {
  background: #34495e;
}
.stripeStyle .header-banner .content-wrap .image {
  float: left;
  width: 35%;
  padding: 0px 10px;
}
.stripeStyle .header-banner .content-wrap .image img {
  max-width: 100%;
  height: auto;
}


@media screen and (max-width: 768px) {

  .stripeStyle .header-banner .content-wrap .content .mainTitle {
    /* background-color: red; */
    font-size: 1.5rem!important;
    margin-bottom: 1rem;
    color: #fff;
  }

  .stripeStyle .btn-theme {
    font-size: 16px!important;
  }


  .stripeStyle .header-banner .content-wrap .image {
    display: none;
    /* border: solid 1px red; */
  }
  .stripeStyle .header-banner .content-wrap .content {
    width: 100%;
  }

}

.stripeStyle .btn{
  text-transform:unset!important;
}


@keyframes slideIn {
  from {
      opacity: 0;
      transform: translateX(-800px);
  }
  to {
      opacity: 1;
      transform: translateX(0);
  }
}

.stripe-grid .stripe {
  animation: slideIn 1s ease-out forwards;
}

.stripe-grid .stripe.first {
  animation-delay: 0.2s;
}

.stripe-grid .stripe.second {
  animation-delay: 0.4s;
}

.stripe-grid .stripe.third {
  animation-delay: 0.6s;
}

.stripe-grid .stripe.fourth {
  animation-delay: 0.8s;
}