.result-case-studies {
    border: 1px solid #ddeee7;
    background-color: #f1f8f5;
    border-radius: 15px
}

@media (max-width: 576px) {
    .result-case-studies {
        background-image: url("../../../dist/images/tiles-blog-pattern.svg");
        background-size: 75rem 48rem;
        background-repeat: no-repeat;
        background-position: 0% 5%
    }
}

@media (max-width: 768px) {
    .result-case-studies {
        padding: 6rem 3rem
    }
}

@media (min-width: 769px) {
    .result-case-studies {
        padding: 10rem
    }
}

@media (min-width: 1441px) {
    .result-case-studies {
        padding: 10rem 12rem
    }
}

@media (min-width: 1621px) {
    .result-case-studies {
        padding: 12rem 17rem
    }
}

.result-case-studies__header {
    position: relative;
    width: 100%;
    text-align: center
}

@media (max-width: 576px) {
    .result-case-studies__header {
        font-size: 3.5rem;
        font-weight: 700;
        line-height: 4rem;
        margin-bottom: 5rem
    }
}

@media (min-width: 577px) {
    .result-case-studies__header {
        font-size: 7rem;
        font-weight: 700;
        line-height: 7.9rem;
        margin-bottom: 10rem
    }
}
.result-case-studies__header h2 {
    font-size: 4rem
}
@media (min-width: 1201px) {
    .result-case-studies__header h2 {
        font-size: 7rem;
        line-height: 7.9rem
    }
}
.result-case-studies__header small {
    font-size: 2.6rem
}
@media (min-width: 1201px) {
    .result-case-studies__header small
    {
        font-size: 4rem !important
    }
}



.case-studies-boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media (max-width: 1440px) {
    .case-studies-boxes {
        gap: 2rem
    }
}

@media (min-width: 1441px) {
    .case-studies-boxes {
        gap: 4rem
    }
}

.case-studies-boxes:hover .case-studies-boxes__col--title {
    color: #04bf7e
}

.case-studies-boxes__col {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid #ddeee7;
    border-radius: 15px;
    opacity: 0;
    animation: showDefinitions 0.4s ease forwards;
    justify-content: space-between
}

.case-studies-boxes__col:nth-child(1) {
    animation-delay: 0.1s
}

.case-studies-boxes__col:nth-child(2) {
    animation-delay: 0.2s
}

.case-studies-boxes__col:nth-child(3) {
    animation-delay: 0.3s
}

.case-studies-boxes__col:nth-child(4) {
    animation-delay: 0.4s
}

.case-studies-boxes__col:nth-child(5) {
    animation-delay: 0.5s
}

.case-studies-boxes__col:nth-child(6) {
    animation-delay: 0.6s
}

.case-studies-boxes__col:nth-child(7) {
    animation-delay: 0.7s
}

.case-studies-boxes__col:nth-child(8) {
    animation-delay: 0.8s
}

.case-studies-boxes__col:nth-child(9) {
    animation-delay: 0.9s
}

.case-studies-boxes__col:nth-child(10) {
    animation-delay: 1s
}

.case-studies-boxes__col:nth-child(11) {
    animation-delay: 1.1s
}

.case-studies-boxes__col:nth-child(12) {
    animation-delay: 1.2s
}

.case-studies-boxes__col:nth-child(13) {
    animation-delay: 1.3s
}

.case-studies-boxes__col:nth-child(14) {
    animation-delay: 1.4s
}

.case-studies-boxes__col:nth-child(15) {
    animation-delay: 1.5s
}

.case-studies-boxes__col:nth-child(16) {
    animation-delay: 1.6s
}

.case-studies-boxes__col:nth-child(17) {
    animation-delay: 1.7s
}

.case-studies-boxes__col:nth-child(18) {
    animation-delay: 1.8s
}

.case-studies-boxes__col:nth-child(19) {
    animation-delay: 1.9s
}

.case-studies-boxes__col:nth-child(20) {
    animation-delay: 2s
}

@media (max-width: 576px) {
    .case-studies-boxes__col {
        padding: 5rem 5rem
    }
}

@media (min-width: 577px) {
    .case-studies-boxes__col {
        padding: 6rem 6rem
    }
}

@media (max-width: 992px) {
    .case-studies-boxes__col {
        width: 100%
    }
}

@media (min-width: 993px) {
    .case-studies-boxes__col {
        width: calc((100% - 4rem) / 2)
    }
}

@media (min-width: 1441px) {
    .case-studies-boxes__col {
        width: calc((100% - 8rem) / 3)
    }
}

.case-studies-boxes__col--title {
    width: 100%;
    color: #464646;
    transition: all 0.4s ease
}

@media (max-width: 576px) {
    .case-studies-boxes__col--title {
        font-size: 2.2rem;
        font-weight: 700;
        line-height: 3.4rem;
        margin-bottom: 4rem
    }
}

@media (min-width: 577px) {
    .case-studies-boxes__col--title {
        font-size: 2.8rem;
        font-weight: 700;
        line-height: 4rem;
        margin-bottom: 7rem
    }
}

@media (min-width: 993px) {
    .case-studies-boxes__col--title {
        min-height: 12rem
    }
}

.case-studies-boxes__col--logo {
    width: 100%
}

@media (max-width: 576px) {
    .case-studies-boxes__col--logo {
        margin-bottom: 5rem
    }
}

@media (min-width: 577px) {
    .case-studies-boxes__col--logo {
        margin-bottom: 8rem
    }
}

.case-studies-boxes__col--logo img,
.case-studies-boxes__col--logo object {
    max-width: 100%
}

@media (max-width: 576px) {

    .case-studies-boxes__col--logo img,
    .case-studies-boxes__col--logo object {
        height: 2.5rem
    }
}

@media (min-width: 577px) {

    .case-studies-boxes__col--logo img,
    .case-studies-boxes__col--logo object {
        height: 4rem
    }
}

.case-studies-boxes__col--categories {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: auto
}

@media (max-width: 576px) {
    .case-studies-boxes__col--categories {
        gap: 1rem
    }
}

@media (min-width: 577px) {
    .case-studies-boxes__col--categories {
        gap: 1rem 2rem
    }
}

.case-studies-boxes__col--categories .--category {
    display: inline-block;
    border: 1px solid #04bf7e;
    border-radius: 10px;
    color: #04bf7e
}

@media (max-width: 576px) {
    .case-studies-boxes__col--categories .--category {
        padding: 0.3rem 1rem;
        font-size: 1.1rem;
        font-weight: 500;
        line-height: 3.3rem
    }
}

@media (min-width: 577px) {
    .case-studies-boxes__col--categories .--category {
        padding: 0.5rem 1rem;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 3.3rem
    }
}

.case-studies-boxes__col--search {
    margin-bottom: 6rem
}

@media (max-width: 576px) {
    .case-studies-boxes__col--search {
        font-size: 3rem;
        font-weight: 600;
        line-height: 4rem
    }
}

@media (min-width: 577px) {
    .case-studies-boxes__col--search {
        font-size: 3.5rem;
        font-weight: 600;
        line-height: 4rem
    }
}

.case-studies-boxes__col.--new {
    justify-content: space-between
}