.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.gap-8 {
    gap: 8px
}

.grid {
    display: grid
}

.pb-0_1em {
    padding-bottom: .1em
}

.font-ZenAntique {
    font-family: Zen Antique, serif
}

.text-14 {
    font-size: 14px
}

.leading-22 {
    line-height: 22px
}

.duration-500 {
    transition-duration: .5s
}

.group:hover .group-hover\:fill-lightGreen {
    fill: #90d736
}

.group:hover .group-hover\:text-lightGreen {
    --tw-text-opacity: 1;
    color: rgb(144 215 54/var(--tw-text-opacity))
}

.group:hover .group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.border-solid {
    border-style: solid
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.h-48 {
    height: 48px;
}


@media (min-width:1024px) {

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .lg\:h-70 {
        height: 70px
    }

    .lg\:text-17 {
        font-size: 17px
    }

    .group:hover .lg\:group-hover\:fill-lightGreen {
        fill: #90d736
    }

    .group:hover .lg\:group-hover\:fill-white {
        fill: #fff
    }

    .group:hover .lg\:group-hover\:text-lightGreen {
        --tw-text-opacity: 1;
        color: rgb(144 215 54/var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-white {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
    }

    .lg\:hover\:border-lightGreen:hover {
        --tw-border-opacity: 1;
        border-color: rgb(144 215 54/var(--tw-border-opacity))
    }
}

@media (min-width:768px) {
    .md\:max-w-1420 {
        max-width: 1420px
    }

    .md\:px-22 {
        padding-left: 22px;
        padding-right: 22px
    }

}

@media (max-width:767px) {

    .grid-cols-2 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .grid-cols-3 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
}