section.cards_content h1 {
    color: var(--ColorGreen);
    text-align: center;
    font-family: var(--Verdana);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
}

section.cards_content .card-repeater.tiers {
    display: grid;
    grid-template-columns: 1fr 1fr [b] 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas:
        "card-post-1 card-post-2 card-post-3 card-post-4"
        "card-post-5 card-post-6 card-post-7 card-post-8 "
        ". card-post-9 card-post-10  .";
    grid-gap: 30px;
}

.card-post-1 {
    grid-area: card-post-1;
}

.card-post-2 {
    grid-area: card-post-2;
}

.card-post-3 {
    grid-area: card-post-3;
}

.card-post-4 {
    grid-area: card-post-4;
}

.card-post-5 {
    grid-area: card-post-5;
}

.card-post-6 {
    grid-area: card-post-6;
}

.card-post-7 {
    grid-area: card-post-7;
}

.card-post-8 {
    grid-area: card-post-8;
}

/* .card-post-9 {
    grid-area: card-post-9;
}

.card-post-10 {
    grid-area: card-post-10;
} */


section.cards_content .card-repeater.tiers .row._custom:last-child {
    margin-bottom: 0;
}


section.cards_content .card-repeater.tiers .tier--header h3 {
    margin-bottom: 0;
    font-size: clamp(20px, 5vw, 25px);
}


section.cards_content a.btn-more {
    white-space: pre;
    margin: 50px auto 0 auto;
    padding: 11.5px 30px;
    width: 100%;
    max-width: fit-content;
}

section.cards_content .card-repeater.tiers .tier--header h2 {
    color: var(--ColorLightGray);
    font-family: var(--Verdana);
    font-size: clamp(20px, 5vw, 25px);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
    letter-spacing: unset;
}

figure.tier--card {
    border-radius: 30px;
    border: 1px solid rgba(33, 33, 33, 0.15);
    background-blend-mode: luminosity, normal;
    filter: brightness(1);
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
    padding: 30px;
    height: 100%;
    transition: var(--transition3);
    -webkit-transition: var(--transition3);
    -moz-transition: var(--transition3);
    -ms-transition: var(--transition3);
    -o-transition: var(--transition3);
}

figure.tier--card:hover .icon {
    background: var(--ColorGreen);
    padding: 15px;

    transition: var(--transition1);
    -webkit-transition: var(--transition1);
    -moz-transition: var(--transition1);
    -ms-transition: var(--transition1);
    -o-transition: var(--transition1);
}

figure.tier--card:hover .icon svg path {
    fill: #fff;

    transition: var(--transition1);
    -webkit-transition: var(--transition1);
    -moz-transition: var(--transition1);
    -ms-transition: var(--transition1);
    -o-transition: var(--transition1);
}

figure.tier--card .icon {
    border-radius: 100px;
    background: #F8F5F0;
    padding: 15px;
    width: fit-content;

    transition: var(--transition1);
    -webkit-transition: var(--transition1);
    -moz-transition: var(--transition1);
    -ms-transition: var(--transition1);
    -o-transition: var(--transition1);
}

figure.tier--card:hover {
    filter: brightness(0.95);
}


section.cards_content .card-repeater.tiers .tier--card:nth-child(1) {
    background: url('../../assets/img/homepage/image-01.png') lightgray 50% / cover no-repeat;
    transition: var(--transition3);
    -webkit-transition: var(--transition3);
    -moz-transition: var(--transition3);
    -ms-transition: var(--transition3);
    -o-transition: var(--transition3);
}

section.cards_content .card-repeater.tiers .tier--card:nth-child(2) {
    background: url('../../assets/img/homepage/image-02.png') lightgray 50% / cover no-repeat;
    transition: var(--transition3);
    -webkit-transition: var(--transition3);
    -moz-transition: var(--transition3);
    -ms-transition: var(--transition3);
    -o-transition: var(--transition3);
}

section.cards_content .card-repeater.tiers .tier--card:nth-child(3) {
    background: url('../../assets/img/homepage/image-03.png') lightgray 50% / cover no-repeat;
    transition: var(--transition3);
    -webkit-transition: var(--transition3);
    -moz-transition: var(--transition3);
    -ms-transition: var(--transition3);
    -o-transition: var(--transition3);
}

section.cards_content .card-repeater.tiers .tier--card:nth-child(4) {
    background: url('../../assets/img/homepage/image-04.png') lightgray 50% / cover no-repeat;
    transition: var(--transition3);
    -webkit-transition: var(--transition3);
    -moz-transition: var(--transition3);
    -ms-transition: var(--transition3);
    -o-transition: var(--transition3);
}

section.cards_content .card-repeater.tiers .tier--card:nth-child(5) {
    background: url('../../assets/img/homepage/image-05.png') lightgray 50% / cover no-repeat;
    transition: var(--transition3);
    -webkit-transition: var(--transition3);
    -moz-transition: var(--transition3);
    -ms-transition: var(--transition3);
    -o-transition: var(--transition3);
}

section.cards_content .card-repeater.tiers .tier--card:nth-child(6) {
    background: url('../../assets/img/homepage/image-06.png') lightgray 50% / cover no-repeat;
    transition: var(--transition3);
    -webkit-transition: var(--transition3);
    -moz-transition: var(--transition3);
    -ms-transition: var(--transition3);
    -o-transition: var(--transition3);
}

section.cards_content .card-repeater.tiers .tier--card:nth-child(7) {
    background: url('../../assets/img/homepage/image-07.png') lightgray 50% / cover no-repeat;
    transition: var(--transition3);
    -webkit-transition: var(--transition3);
    -moz-transition: var(--transition3);
    -ms-transition: var(--transition3);
    -o-transition: var(--transition3);
}

section.cards_content .card-repeater.tiers .tier--card:nth-child(8) {
    background: url('../../assets/img/homepage/image-08.png') lightgray 50% / cover no-repeat;
    transition: var(--transition3);
    -webkit-transition: var(--transition3);
    -moz-transition: var(--transition3);
    -ms-transition: var(--transition3);
    -o-transition: var(--transition3);
}

section.cards_content .card-repeater.tiers .tier--card:nth-child(9) {
    background: url('../../assets/img/homepage/image-09.jpg') lightgray 50% / cover no-repeat;
    transition: var(--transition3);
    -webkit-transition: var(--transition3);
    -moz-transition: var(--transition3);
    -ms-transition: var(--transition3);
    -o-transition: var(--transition3);
}

section.cards_content .card-repeater.tiers .tier--card:nth-child(10) {
    background: url('../../assets/img/homepage/image-10.jpg') lightgray 50% / cover no-repeat;
    transition: var(--transition3);
    -webkit-transition: var(--transition3);
    -moz-transition: var(--transition3);
    -ms-transition: var(--transition3);
    -o-transition: var(--transition3);
}

section.cards_content .card-repeater.tiers .tier--card:nth-child(11) {
    background: url('../../assets/img/homepage/image-11.jpg') lightgray 50% / cover no-repeat;
    transition: var(--transition3);
    -webkit-transition: var(--transition3);
    -moz-transition: var(--transition3);
    -ms-transition: var(--transition3);
    -o-transition: var(--transition3);
}

section.cards_content .card-repeater.tiers .tier--card:hover {
    border: 1px solid #018750;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
    transition: var(--transition3);
    -webkit-transition: var(--transition3);
    -moz-transition: var(--transition3);
    -ms-transition: var(--transition3);
    -o-transition: var(--transition3);
}

section.cards_content .card-repeater.tiers .tier--header p {
    color: var(--ColorWhite);
    font-family: "Giga Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
}

section.cards_content .card-repeater.tiers .cta-view-more {
    display: flex;
}

section.cards_content .card-repeater.tiers .tier--body span {
    color: var(--ColorWhite);
    font-family: "Giga Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
}

section.cards_content .card-repeater.tiers .tier--body p {
    color: var(--ColorWhite);
    font-family: "Giga Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
}

section.cards_content .card-repeater.tiers .tier--body>.d-flex {
    align-items: center;
    margin-bottom: 10px;
}

section.cards_content .card-repeater.tiers .tier--body>.d-flex:last-child {
    align-items: center;
    margin-bottom: 0;
}

section.cards_content .card-repeater.tiers figure.image {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}

section.cards_content .card-repeater.tiers figure.image img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}


section.cards_content .card-repeater.tiers .tier--card img {
    width: 25px;
}

section.cards_content .card-repeater.tiers .tier--body>.d-flex svg {
    margin-right: 11px;
    flex: none;
    margin-top: 5px;
    margin-bottom: auto;
}

section.cards_content .card-repeater.tiers .tier--body {
    margin-top: auto;
}

section.cards_content .card-repeater.tiers .tier--footer .cta-view-more a.red-button.read-more {
    justify-content: center;
}

section.cards_content .card-repeater.tiers a.red-button.read-more:hover {
    border: 1px solid var(--ColorWhite);
}


@media(max-width:1699px) {
    section.cards_content .card-repeater.tiers {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        grid-template-areas:
            "card-post-1 card-post-2 card-post-3"
            "card-post-4 card-post-5 card-post-6"
            "card-post-7 card-post-8 card-post-9"
            ". card-post-10 .";
        grid-gap: 30px;
    }
}

/* @media(max-width: 1440px) {
    section.cards_content .card-repeater.tiers.tiers {
        grid-template-columns: 2fr 2fr;
    }

} */

@media(max-width:1299px) {
    section.cards_content .card-repeater.tiers {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
        grid-template-areas:
            "card-post-1 card-post-2"
            "card-post-3 card-post-4"
            "card-post-5 card-post-6"
            "card-post-7 card-post-8"
            "card-post-9 card-post-10";
        grid-gap: 30px;
    }
}

@media(max-width: 1199px) {
    section.cards_content .card-repeater.tiers .sub-header p {
        max-width: 100% !important;
    }

    section.cards_content .card-repeater.tiers .tier--header h2 {
        min-height: auto;
    }

    section.cards_content .card-repeater.tiers .tier--header {
        min-height: auto;
        margin-bottom: 0;
    }

    section.cards_content .card-repeater.tiers .tier--header p {
        margin-bottom: 0;
    }

    section.cards_content .card-repeater.tiers .tier--card {
        max-width: 100%;
    }

    figure.tier--card {
        padding: 30px 25px;
    }

}

@media(max-width: 991px) {

    section.cards_content .card-repeater.tiers section.cards_content .card-repeater.tier--card {
        max-width: 100%;
        padding: 50px 30px;
    }

    section.cards_content .card-repeater.tiers.tiers {
        grid-template-columns: 1fr;
    }

    section.cards_content .card-repeater.tiers.tiers.tiers-1 {
        margin-bottom: 0;
    }

    section.cards_content .card-repeater.tiers {
        display: flex;
        flex-direction: column;
        grid-gap: 30px;
    }

    figure.tier--card {
        padding: 30px 20px;
    }
}

@media(max-width:767px) {
    section .row._custom .content {
        align-items: start;
    }

    section.cards_content .card-repeater.tiers .tier--card {
        max-width: 100%;
        padding: 50px 30px;
    }

    figure.tier--card {
        padding: 25px;
    }
}

@media(max-width: 575px) {
    section.cards_content .card-repeater.tiers .tier--card {
        padding: 30px 20px;
    }

    figure.tier--card {
        padding: 20px;
    }

}


section.cards_content .card-repeater.tier--card {
    border-radius: 20px;
    background: #121418;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0 30px;
    width: 100%;
    padding: 30px;
    transition: ease 0.6s;
}

section.cards_content .card-repeater.tier--card img {
    width: 25px;
}

section.cards_content .card-repeater.tier--header {
    min-height: 30px;
    margin-bottom: 0;
}

section.cards_content .card-repeater.tier--card ul li,
section.cards_content .card-repeater.tier--card ol li {
    margin-bottom: 20px;
}

section.cards_content .card-repeater.tier--header h3 {
    color: #FFF;
    font-family: "Giga Sans";
    font-style: normal;
    font-weight: 500;
    margin-bottom: 20px;
    min-height: 35px;
}

section.cards_content .card-repeater.tier--header p {
    color: #FFF;
    font-family: "Giga Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
}

section.cards_content .card-repeater.tier--body p {
    color: #FFF;
    font-family: "Giga Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
}