/*.tc-wrapper{*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    justify-content: space-between;*/
/*}*/

.tc-wrapper .tc-item p{
    color: var(--color-white);
}
.tc-wrapper .tc-item img{
    border-radius: 20px;
    margin-bottom: var(--spacing-m);
}

.tc-wrapper .tc-item h3 {
    border-radius: 30px;
    border: 2px solid var(--color-green);
    margin-bottom: var(--spacing-s);
    color: var(--color-white);
    text-align: center;
    justify-content: center;
    min-width: 162px;
    position: relative;
    padding: 6px 32px;
    font-size: 25px;
    line-height: 36px;
    font-family: var(--poppins-semibold), Arial, "Helvetica Neue", Helvetica, sans-serif;
    flex-grow: 0;
    flex-shrink: 0;
    display: inline-block;
}
.tc-wrapper .tc-item p{
    font-size: var(--copy-small-font-size);
    line-height: var(--copy-small-font-line-height);
    font-family: var(--poppins-regular) , Arial, "Helvetica Neue", Helvetica, sans-serif;
}


.tc-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(424px, 100%), 1fr));
    grid-template-rows: auto;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
}

@media (min-width: 1320px) {

    .tc-wrapper {
        max-width: 1320px;
    }

}

.div1 { grid-area: 1 / 1 / 2 / 4; }
.div2 { grid-area: 1 / 4 / 2 / 7; }
.div3 { grid-area: 1 / 7 / 2 / 10; }
.div4 { grid-area: 1 / 10 / 2 / 13; }


@media (max-width: 650px) {
    .tc-item {
        margin-bottom: 36px;
    }
    .tc-item:last-child {
        margin-bottom: 0;
    }
    .tc-wrapper .tc-item h3 {
        border-radius: 30px;
        border: 2px solid var(--color-green);
        margin-bottom: var(--spacing-s);
        color: var(--color-white);
        text-align: center;
        justify-content: center;
        min-width: 162px;
        position: relative;
        padding: 6px 32px;
        font-size: 20px;
        line-height: 28px;
        font-family: var(--poppins-semibold), Arial, "Helvetica Neue", Helvetica, sans-serif;
        flex-grow: 0;
        flex-shrink: 0;
        display: inline-block;
    }
}
@media (min-width: 651px) and (max-width: 1024px) {

    .tc-wrapper {
        display: flex
    ;
        grid-template-columns: repeat(auto-fit, minmax(min(424px, 100%), 1fr));
        grid-template-rows: auto;
        grid-column-gap: 24px;
        grid-row-gap: 36px;
        flex-wrap: wrap;
    }
    .tc-item {
        width: calc(50% - 12px);
    }
    .tc-wrapper .tc-item h3 {
        border-radius: 30px;
        border: 2px solid var(--color-green);
        margin-bottom: var(--spacing-s);
        color: var(--color-white);
        text-align: center;
        justify-content: center;
        min-width: 124px;
        position: relative;
        padding: 3px 18px 1px;
        font-size: 20px;
        line-height: 27px;
        font-family: var(--poppins-semibold), Arial, "Helvetica Neue", Helvetica, sans-serif;
        flex-grow: 0;
        flex-shrink: 0;
        display: inline-block;
    }

}
@media (min-width: 1320px) and (max-width: 1434px){

    .container.tc-wrapper{

        width: calc(100% - 100px);

    }

    /*.tc-wrapper {*/
    /*    display: grid*/
    /*;*/
    /*    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));*/
    /*    grid-template-rows: auto;*/
    /*    grid-column-gap: 24px;*/
    /*    grid-row-gap: 24px;*/
    /*}*/

}
@media (min-width: 1025px) and (max-width: 1420px){

    .container.tc-wrapper{

        width: calc(100% - 100px);

    }
    .tc-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto;
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }
    .tc-item {
        display: flex
    ;
        flex-direction: column;
    }

    .tc-wrapper .tc-item h3 {
        min-width: clamp(7.75rem, 1.587rem + 9.62vw, 10.125rem);
        padding: clamp(0.188rem, -0.299rem + 0.759vw, 0.375rem) clamp(1.125rem, -1.146rem + 3.544vw, 2rem);
        font-size: clamp(1.25rem, 0.439rem + 1.266vw, 1.563rem);
        line-height: clamp(1.688rem, 0.228rem + 2.278vw, 2.25rem);
        display: flex;
        align-self: flex-start;
        justify-content: center;
        align-items: center;
    }

}
@media (min-width: 1380px) and (max-width: 1420px){
    .tc-wrapper {
        display: grid
    ;
        grid-template-columns: repeat(auto-fit, minmax(min(409px, 100%), 1fr));
        grid-template-rows: auto;
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }

}