.snapshero {
  border-radius:24px;
  {# background: linear-gradient(135deg, #5BCDA8, #F6A926); #}
  background: #5BCDA8; /* backup for older browsers */
  background: linear-gradient(135deg, #5BCDA8, #F6A926);
  background-size:cover;
  min-height:600px;
  width:98%;
  margin-left:auto;
  margin-right:auto;
  padding:20px;
  display:flex;
  justify-content:center;
  align-items:center;
  padding-top:60px;
  padding-bottom:60px;
  position:relative;
}
.snapshero.alternate-bg-courses {
  /* background: linear-gradient(135deg, #5BCDA8, #F6A926) !important; */
  background: #EF7B56;
  background: linear-gradient(135deg, #5BCDA8, #F6A926);
  background-size: cover;
}

.sparkslogo {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-image:url(https://sparkplug.app/hubfs/Snaps%20Landing%20Page/sparklogo.svg);
  background-size:fit;
  background-position: center center;
  background-repeat:no-repeat;
}

.snapshero-inner {
  max-width: 1260px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.snaphero-top {
  display:flex;
  margin-bottom:60px;
  align-items:center;
  justify-content:space-between;
}

.herotxt {
width:100%;
}


.snaphero-threecol {
  display:flex;
  justify-content:space-between;
}

.snapherobox {
  width:30%;
  border-radius:20px;
  padding:40px;
}

.snapherobox h3 {
  color:white !important;
  margin-bottom:10px;
  margin-top:20px;
}

.snapherobox p {
  color:white !important;
}


.herotxt h1 {
  color:white !important;
}

.herotxt p {
  color:white !important;
}

.herotxt span {
  color:white !important;
}

.topline {
  font-weight:700;
  font-size:18px;
}

.snapheroheading {
  font-size: 4.5rem;
   line-height: 5rem;
}

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

  
  
  .snapheroheading {
    font-size: 4rem !important;
  }
}

@media screen and (max-width:900px) {
  .snaphero-top {
    flex-direction:column;
  }
  .snapheroheading {
  font-size: 44px !important;
   line-height: 3rem;
    margin-top:10px;
}
  
  .herotxt {
    width:80%;
    text-align:center;
    } 
  
  .hero-right-anim {
    width:80% !important;  
  }
  
  .snaphero-threecol {
    flex-direction:column;
    justify-content:center;
    align-items:center;
  }
  
  .snapherobox {
    width:80%;
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-bottom:20px;
    text-align:center;
  }
}

@media screen and (max-width:800px) {
  .snaphero-threecol {
    flex-direction:column;
  }
  
  .snapshero {
  background: linear-gradient(135deg, #EF7B56, #42B7E2);
  }
  
  .snapherobox {
    width:80%;
  }
}
body .herotxt .button-border span.textwrap {
  /* background: white !important; */
  color: #59C9A5 !important;
}
.snapherobox img {
  width: 50px;
}
@media (min-width: 901px) {
  .snaphero-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
  }
  .snapshero .SPButton-row {
    margin-top: 40px;
  }
}
@media (max-width: 900px) {
  .snapshero .SPButton-row {
    margin-bottom: 40px;
  }
}