.container-transformation {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 60px;
    width: 100%;
    margin-top: 110px;
}

.transformation-backImg {
    position: absolute;
    z-index: 0;
    left: -100px;
    width: 486px;
    transform: matrix(-1, -0.07, 0.07, -1, 0, 0);
    opacity: 0.5;
}

.demo-wrapper {
    overflow-x: hidden;
    padding: 100px 0;
}

.container-transformation .row-card {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 154px;
    width: 300px;
    min-width: 300px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 40px #0000000F;
    border: 2px solid #EEEEEE;
    border-radius: 26px;
    opacity: 1;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.container-transformation .row-card a > img {
    filter: grayscale(100%);
}

.container-transformation>h2 {
    text-align: center;
    font-size: 70px;
    font-family: 'InterTight-Regular';
    color: #222222;
    transition: font-size 0.2s ease;
}

.container-transformation>h2>span {
    font-family: 'InterTight-Bold';
    color: #FC743F;
}

.container-transformation>div {
    display: flex;
    flex-direction: column;
    gap: 38px;
}

.parceiros-row {
    display: flex;
    justify-content: flex-start;
    gap: 28px;
    position: relative;
    transition: transform 1s ease;
    padding-left: 1rem;
    list-style: none;
    display: flex;
}

.parceiros-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 0px;
    height: 55px;
    background: transparent linear-gradient(266deg, #FE8F38 0%, #F72B52 100%) 0% 0% no-repeat padding-box;
    font-family: InterTight-Medium;
    font-size: 22px;
    color: #FFFFFF;
    border-radius: 26px;
    transition: width 0.5s ease;
    margin: auto;
}

.container-transformation>.transformation-parceiros>.parceiros-btn img {
    width: 26px;
    height: 26px;
}

.transformation-and-services {
    position: relative;
}

.sevices-blob-maior {
    position: absolute;
    z-index: 0;
    right: -600px;
    height: 1120px;
    transform: matrix(-0.63, 0.56, -0.56, -0.63, 0, 0);
    opacity: 0.5;
    bottom: 140px;
}

.parceiros-row > .row-card:hover a img {
    filter: grayscale(0%);
}
.home-text-ideas {
    width: 100%; 
    max-width: 1070px; 
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    bottom: -100px;
}
.home-text-ideas > div {
    max-width: 547px;
}
.home-text-ideas > div > p {
    font-family: 'InterTight-Regular';
    font-size: 70px;
    color: #222222;
    line-height: 76px;
}
.home-text-ideas > div > p > span {
    font-family: 'InterTight-Bold';
    color: #FC743F;
}

/*MOBILE*/
@media (max-width: 769px) {
    .container-transformation {
        margin-top: 110px;
        gap: 26px;
    }

    .container-transformation>h2 {
        font-size: 38px !important;
        white-space: normal;
        line-height: 44px;
        padding-bottom: 29px;
    }

    .container-transformation>.transformation-parceiros>.parceiros-row>.row-card {
        width: 184px;
        height: 95px;
        border-radius: 16px;
    }

    .container-transformation>.transformation-parceiros>.parceiros-row img {
        width: 102px;
        height: 36px;
        border: 1px solid red;
    }

    .sevices-blob-maior {
        transform: matrix(-0.93, 0.37, -0.37, -0.93, 0, 0);
        right: -300px;
        height: 400px;
    }

    .transformation-backImg {
        left: -200px;
    }

    .parceiros-btn {
        display: none;
    }
    .container-transformation .row-card a > img {
        filter: grayscale(0%);
        transform: scale(0.5);
    }
    .home-text-ideas > div > p {
        font-size: 38px;
        line-height: 46px;
    }
    .home-text-ideas {
        max-width: 320px;
        left: 30px;
        transform: none;
        bottom: -60px;
    }
    .container-transformation .row-card {
        min-width: 184px;
        width: 184px;
        height: 95px;
    }
    .home-text-ideas > div {
        max-width: 308px;
    }
}