#hero-categories {
    background: no-repeat;
    background-size: cover;
    background-position: top;
    background-image: linear-gradient(0deg, rgb(0 0 0 / 55%), rgb(0 0 0 / 55%)), url(../../media/images/green-awards-hero-img.jpg)!important;
}
#categories-lists {
    padding: 0 20px 40px 20px!important;
}
#categories p {
    width: 100%;
    max-width: 1000px;
}
#categories-lists .row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 30px;
}
#categories-lists img {
    object-fit: contain;
    height: 80px!important;
    width: 100%;
    max-width: 170px;
}
#categories-lists h3 {
    min-height: 107px;
    font-weight: 700;
    font-size: 22px;
}

#categories-lists .col {
    min-height: 263px;
    text-align: center;
    padding: 30px;
    margin: 10px 15px 15px 15px;
    border: 3px solid var(--forange);
 
}
p.categories-sponsor {
    color: #000000;
    margin-bottom: 0;
}   
#categories-page #categories a {
    /* color: var(--fsgreen) !important; */
}
#categories {
    padding-bottom: 25px!important;
}
.no-border {
    border: none!important;
}
#hero-categories .hero-section {
    height: 500px!important;
}

#categories-lists .category-sub-heading {
    text-align: center;
    margin-top: 50px !important;
    margin-bottom: 20px !important;
}

@media screen and (max-width: 980px) {
    #categories-lists .col {
        min-height: unset!important;
    }
    #categories-lists h3 {
        min-height: unset!important;
    }
    #categories-lists .col {
        margin: 20px 0px;
    }
    
    #categories-lists .row {
        display: block;
    }
    #categories .col {
        padding: 0;
    }
    #hero-categories .hero-section {
        width: unset !important;
    }
    #categories-lists .col {
        padding: 15px 20px 20px 20px;
    
    }
    #categories-lists .row:last-child .col:last-child {
        margin-bottom: 0 !important;
    }
}