/*HERO BANNER*/

.hero {
    height:60vh;
    clip-path: polygon(0% 0%,0% 99%,14% 100%,34% 99%,53% 98%,84% 97%,100% 100%,100% 0%);
}

.hero-text {
    flex-direction: column;
}

.hero-title {
    color: #fff !important;
    font-size:40px !important;
    padding: 10px 20px;
    background-color: #B1C800;
    width: fit-content !important;
}

.hero-subtitle {
    color: #fff !important;
    font-size:32px !important;
    padding: 10px 20px;
    background-color: #B1C800;
    width: fit-content !important;
}

/* .hero-title {
    margin-bottom:80px;
} */

.hero-link{
    text-decoration: none !important;
}

@media only screen and (max-width:480px) {
    .hero-title {
        margin-bottom:20px;
        background-color: #B1C800;
        padding:10px;
        padding-bottom: 20px;
    }

    .hero-title {
        font-size:28px !important;
        padding:0px !important;
        background-color: none !important;
    }

    .hero-subtitle {
        font-size:16px !important;
        padding:0px !important;
        background-color: none !important;
    }

    .hero {
        height:30vh;
    }
}