.inner-banner-text {
    max-width: 947px;
    margin: 0 auto;
}

.inner-banner-image {
    max-width: 610px;
    margin: 0 auto;
}

.hero-banner h1{
    margin-bottom: 13px;
}


.hero-banner .hs-cta-embed {
    display: block;
    margin: 0 auto;
}




@media(min-width:768px){
  
.hero-banner {
    position: relative;
}  

.hero-banner:before {
   // transform: rotate(180deg);
        content: "";
        position: absolute;
        background-image: url(https://23181269.fs1.hubspotusercontent-na1.net/hubfs/23181269/Webzoly/Green%20Shape_Gradient.png);
        width: 11%;
        height: 100%;
        left: -50px;
        top: -86px;
        background-size: cover;
        background-position: top left;
        background-repeat: no-repeat;
}
  
  
.hero-banner:after{
       content: "";
        position: absolute;
        background-image: url(https://23181269.fs1.hubspotusercontent-na1.net/hubfs/23181269/Webzoly/Blue%20Shape_Gradient.png);
        width: 11%;
        height: 100%;
        top: -107px;
        background-size: cover;
        right: -46px;
        background-size: cover;
        background-position: top left;
        background-repeat: no-repeat;
}  
  

}


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


.hero-banner:before{
   left: -28px;
}


}


@media(max-width:767px){



.hero-banner{
    padding-top: 30px;
}


}