.banner-bg {background:linear-gradient(120deg,#ffffffbf 0%,#04ab4dbd 20%,#21b75c 30%,#1b7c13 50%,#000000db 70%,#FD2C16 100%);}
.grid-cols-3 .relative {
    text-align: justify;
}

.p-7 {
    padding: 0.5rem;
}
.mb-28 {
    margin-bottom: 4rem;
}
.pt-10 {
    padding-top: 1.5rem;
}
.pb-7 {
    padding-bottom: 0.75rem;
}
.py-9 {
    padding-top: 1.25rem;
    padding-bottom: 0.25rem;
}
.py-5 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.px-9 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.px-4 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.site-header .py-4 {
    padding-top: 0rem;
    padding-bottom: 0rem;
}
.lqd-is-in-view .w-1\/2 {
    width: 85%;
}
.py-10 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
#how-it-works .w-2\/5 {
    width: 65%;
}
.relative .w-1\/2 {
    width: 90%;
}
@media not all and (min-width: 576px) {
    .max-sm\:py-16 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
.py-20,
.pb-20,
.pt-32 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
}