.app-basic-hero {
    position: relative;
    padding-top: 3rem;
    padding-bottom: 3rem;
    width: 100%;
    background: transparent linear-gradient(277deg, #2e5fff 0%, #253fd6 100%) 0% 0% no-repeat padding-box;
    color: #fff;
}
.app-basic-hero h1 {
    color: #fff;
    text-align: left;
}
.app-basic-hero .subheading {
    color: #fff;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: left;
}
@media (max-width: 1199.98px) {
    .app-basic-hero {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        background: transparent linear-gradient(291deg, #2e5fff 0%, #253fd6 100%) 0% 0% no-repeat padding-box;
   }
    .app-basic-hero h1 {
        text-align: center;
   }
    .app-basic-hero .subheading {
        text-align: center;
   }
}