.bannerCases {
    background-color: #FFE8F1;
    padding: 240px 0 87px 0;
    position: relative;
    overflow: hidden;
}

.bannerCases img {
    position: absolute;
    bottom: 155px;
    right: 0;
}

.bannerCases p,
.bannerCases h1 {
    letter-spacing: 0px;
    color: #E8335D;
    text-transform: lowercase;
}

.bannerCases h1 {
    font-size: 48px;
    font-weight: 100;
}

.bannerCases h1 i {
    font-weight: 300;
}

.bannerCases p:first-of-type {
    font-size: 34px;
    font-weight: 500;
    letter-spacing: 1.7px;

}

.bannerCases p:first-of-type i {
    font-size: 48px;
    letter-spacing: 0;
    text-transform: lowercase;
}

.bannerCases p:last-of-type {
    max-width: 540px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 0.8px;
    color: #535173;
    margin-top: 54px;
}

.listAllCases {
    background-color: #FFF7FA;
    padding: 100px 0;
}

.listAllCases>div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.listAllCases .case {
    max-width: 370px;
    min-width: 370px;
    margin-bottom: 30px;
}

@media (max-width: 1024px) {
    .bannerCases {
        padding: 70px 0 87px 0;
    }   

    .bannerCases img {
        width: 100vw;
        position: initial;
        transform: translateX(0) translateY(40px) !important;
    }

    .bannerCases h1 {
        font-size: 40px;
    }

    .bannerCases p {
        position: relative;
        z-index: 1;
    }

    .bannerCases p:first-of-type {
        margin-top: 25px;
        font-size: 27px;
    }   

    .bannerCases p:first-of-type i {
        font-size: 40px;
    }

    .bannerCases p:last-of-type {
        margin-top: 40px;
    }

    .listAllCases {
        padding: 50px 0;
    }

    .listAllCases .case {
        max-width: 100%;
        min-width: 100%;
    }
}