#MembershipTypes {
    --item-col-gutters: var(--site-gutters);
    --item-row-gutters: var(--site-gutters);
    display: flex;
    flex-wrap: wrap;
    gap: var(--item-col-gutters) var(--item-row-gutters);
    justify-content: flex-start;
    margin-bottom: var(--site-card-margin-bottom);
    width: 100%;
}

    .membership-type {
        position: relative;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        width: calc(33.33% - calc(var(--item-col-gutters) * 0.6666)); /* Up to 4 decimal spaces because a more accurate calculation is required at large sizes. */
        /*overflow: hidden;*/
        margin: 0px;
        padding: var(--site-card-padding);
        color: var(--site-card-text-color);
        background: var(--site-card-bg);
        border: var(--site-card-border);
        border-color: var(--border-color);
        border-radius: var(--site-card-border-radius);
        box-shadow: var(--site-card-shadow);
        transition: var(--site-card-transition);
    }

        .membership-type > :first-child {
            margin-top: 0px !important;
        }

        .membership-type > :last-child {
            margin-bottom: 0px !important;
        }

        .membership-type h2 {
            margin: var(--site-h3-margin);
            font-family: var(--site-h3-font-family);
            font-size: var(--site-h3-font-size);
            font-weight: var(--site-h3-font-weight);
            font-display: swap;
            color: var(--site-h3-text-color);
            line-height: var(--site-text-line-height-smaller);
        }

        .membership-type .fees {
        }

            .membership-type .fees .fee {
                display: flex;
                margin-bottom: var(--site-margin-thin);
            }

                .membership-type .fees .fee .label {
                    width: 35%;
                    font-weight: bold;
                }

                .membership-type .fees .fee .value {
                    width: 65%;
                }

                .membership-type .fees .fee.application-fee {
                }

                .membership-type .fees .fee.annual-fee {
                }

                .membership-type .fees .fee.multi-year-discounts {
                }

                    .membership-type .fees .fee.multi-year-discounts ol {
                        margin: 0px;
                        padding: 0px;
                        list-style: none;
                    }

                        .membership-type .fees .fee.multi-year-discounts ol li {
                            margin: 0px 0px var(--site-margin-thinner);
                            padding: 0px;
                        }

                            .membership-type .fees .fee.multi-year-discounts ol li .discount {
                                display: inline-block;
                                width: 4em;
                            }

                            .membership-type .fees .fee.multi-year-discounts ol li:last-child {
                                margin-bottom: 0px;
                            }

        .membership-type .summary {
            margin: var(--site-margin) 0;
        }

@media screen and (max-width: 1200px) {

    .membership-type {
        width: calc(50% - calc(var(--item-col-gutters) * 0.5)) !important;
    }

}

@media screen and (max-width: 600px) {

    .membership-type {
        width: 100% !important;
    }

}

@media screen and (max-width: 375px) {
}