.agrigold .traits-treatments {
    display: flex;
    flex-direction: column;
    margin-top: 50px;
    align-items: center;
}

.agrigold .traits {
    display: flex;
    flex-direction: column;
    font-family: gotham-narrow;
    font-size: 24px;
    font-weight: 700;
    line-height: 12px;
    text-align: center;
    max-width: 1208px;
    width: 100%;
    gap: 50px;
}


    .agrigold .traits .trait-filters {
        display: flex;
        flex-direction: column;
        background: #C8C9C7;
        width: 100%;
        padding: 25px;
        /*min-height: 228px;*/
        gap: 16px;
        max-width: 1080px;
    }

        .agrigold .traits .trait-filters .filter-row-one {
            display: flex;
            flex-direction: row;
            justify-content: center;
        }
            .agrigold .traits .trait-filters .filter-row-one .filter-item {
                font-family: gotham;
                font-size: 13px;
                font-weight: 500;
                line-height: 16px;
                letter-spacing: 0em;
                text-align: center;
                background-color: white;
                padding: 16px;
                margin: 8px;
                border: 1px solid #C8C9C780;
                color: #53565A;
                cursor: pointer;
            }

                .agrigold .traits .trait-filters .filter-row-one .filter-item.selected-filter {
                    background-color: #154734;
                    color: white;
                }
                
        .agrigold .traits .trait-filters .filter-row-two {
            display: flex;
            flex-direction: row;
        }

    .agrigold .traits #trait-list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 16px;
        justify-content: left;
        padding: 0px;
    }

.agrigold .treatments {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #FFF;
    background: linear-gradient(111.82deg, #154734 35.98%, #154734 100%);
    padding-top: 50px;
    padding-bottom: 50px;
    gap: 50px;
    width: 100%;
}

    .agrigold .treatments .treatments-container {
        max-width: 1208px;
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 1208px;
        width: 100%;
    }

    .agrigold .treatments .treatment-header {
        font-family: gotham;
        font-size: 15px;
        font-weight: 500;
        line-height: 22.5px;
        text-align: center;
        max-width: 860px;
    }

    .agrigold .treatments h1 {
        font-family: gotham-narrow;
        font-size: 42px;
        font-weight: 700;
        line-height: 44px;
        text-align: center;
    }

    .agrigold .treatments #treatment-list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 16px;
        justify-content: left;
        padding: 0px;
        margin-top: 50px;
        width: 100%;
    }


.agrigold #treatment-list li.treatment-tile, .agrigold #trait-list li.trait-tile {
    list-style: none;
    width: 530px;
    min-height: 224px;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 1px 1px 1px 1px #C8C9C7;
    font-family: gotham-narrow;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    color: #53565A;
    padding: 10px;
}

.agrigold #treatment-list li.treatment-tile{
    background-color:white;
}
    .agrigold #treatment-list li.treatment-tile .bullet-list-footer, .agrigold #trait-list li.trait-tile .bullet-list-footer {
        font-family: gotham;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        text-align: left;
        margin-top: 15px;
    }
    .agrigold #treatment-list li.treatment-tile ul, .agrigold #trait-list li.trait-tile ul {
        list-style-type: disc;
        font-family: gotham;
        font-size: 12px;
        text-align: left;
        font-weight: 400;
    }
.agrigold #treatment-list li.treatment-tile ul li, .agrigold #trait-list li.trait-tile ul li {
    padding: 8px 0px;
}