.hero-section {
    padding: 120px 0 50px;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
}

.hero-section.empty-hero {
    padding: 50px 0 0px;
}

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

.hero-content .text {
    font-size: 20px;
}

.hero-cta {
    margin-top: 40px;
}

.hero-capterra {
    display: flex;
    gap: 20px;
    font-weight: 700;
    margin-top: 40px;
    align-items: center;
}

.hero-capterra img {
    max-width: 150px;
    height: auto;
}

@media screen and (max-width: 991px) {
    .hero-section {
        padding-top: 80px
    }

    .hero-cta,
    .hero-image {
        margin-top: 30px;
    }

    h1 {
        margin: 0 0 40px;
    }
}

@media screen and (max-width: 767px) {
    .hero-capterra {
        flex-wrap: wrap;
    }

    .hero-capterra img {
        max-width: 120px;
        height: auto;
    }
}