.custom-content-in-columns{
    max-width: var(--wide-width);
    margin: var(--block-margin) auto;
}

.custom-content-in-columns h2{
    font: var(--font-headline-6);
    font-weight: 500;
    text-transform: uppercase;
}

.custom-content-in-columns h2.animate__animated{
    animation-name: fadeIn;
}

.custom-content-in-columns-description{
    max-width: 85rem;
}

.custom-content-in-columns-main{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--item-row-gap);
    column-gap: var(--item-column-gap);
}

.custom-content-in-columns-main:not(:first-child){
    margin-top: var(--row-gap);
}

.custom-content-in-columns-main-item{
    border-bottom: 0.1rem solid;
    padding: var(--row-gap) 0;
}

.custom-content-in-columns-main-item.animate__animated{
    animation-name: fadeInUp;
}

.custom-content-in-columns-main-item h3{
    font: var(--font-headline-5);
    margin-bottom: var(--item-row-gap);
}

.custom-content-in-columns-main-item h3 span{
    font: var(--font-headline-1);
    display: block;
    color: var(--accent-color);
    font-weight: 200;
}

[data-color-scheme|="medium"] .custom-content-in-columns-main-item h3 span{
    --accent-color: var(--dark-background-accent-color);
}

.custom-content-in-columns-main-item p{
    font: var(--font-elevated-2);
    font-size: 1.8rem;
    margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 991px){
    .custom-content-in-columns-main-item:is([data-columns="2"], [data-columns="3"], [data-columns="4"], [data-columns="5"]) .custom-content-in-columns-main-item.animate__animated:nth-child(2n + 2){
        animation-delay: 0.2s;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .custom-content-in-columns-main:is([data-columns="2"], [data-columns="4"]) .custom-content-in-columns-main-item.animate__animated:nth-child(2n + 2),
    .custom-content-in-columns-main:is([data-columns="3"], [data-columns="5"]) .custom-content-in-columns-main-item.animate__animated:nth-child(3n + 2){
        animation-delay: 0.2s;
    }
    
    .custom-content-in-columns-main:is([data-columns="3"], [data-columns="5"]) .custom-content-in-columns-main-item.animate__animated:nth-child(3n + 3){
        animation-delay: 0.4s;
    }
}

@media (min-width: 768px){
    .custom-content-in-columns-main:is([data-columns="2"], [data-columns="3"], [data-columns="4"], [data-columns="5"]){
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 992px){
    .custom-content-in-columns-main:is([data-columns="3"], [data-columns="5"]){
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1200px){
    .custom-content-in-columns-main[data-columns="2"] .custom-content-in-columns-main-item.animate__animated:nth-child(2n + 2),
    .custom-content-in-columns-main[data-columns="3"] .custom-content-in-columns-main-item.animate__animated:nth-child(3n + 2),
    .custom-content-in-columns-main[data-columns="4"] .custom-content-in-columns-main-item.animate__animated:nth-child(4n + 2),
    .custom-content-in-columns-main[data-columns="5"] .custom-content-in-columns-main-item.animate__animated:nth-child(5n + 2){
        animation-delay: 0.2s;
    }

    .custom-content-in-columns-main[data-columns="3"] .custom-content-in-columns-main-item.animate__animated:nth-child(3n + 3),
    .custom-content-in-columns-main[data-columns="4"] .custom-content-in-columns-main-item.animate__animated:nth-child(4n + 3),
    .custom-content-in-columns-main[data-columns="5"] .custom-content-in-columns-main-item.animate__animated:nth-child(5n + 3){
        animation-delay: 0.4s;
    }

    .custom-content-in-columns-main[data-columns="4"] .custom-content-in-columns-main-item.animate__animated:nth-child(4n + 4),
    .custom-content-in-columns-main[data-columns="5"] .custom-content-in-columns-main-item.animate__animated:nth-child(5n + 4){
        animation-delay: 0.6s;
    }

    .custom-content-in-columns-main[data-columns="5"] .custom-content-in-columns-main-item.animate__animated:nth-child(5n + 5){
        animation-delay: 0.8s;
    }

    .custom-content-in-columns-main[data-columns="4"]{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .custom-content-in-columns-main[data-columns="5"]{
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}