/* BREAKPOINT */
.title-text-2cols-container {
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

@media screen and (min-width: 768px) {
    .title-text-2cols-container {
        flex-direction: row;
        gap: 18px;
        justify-content: space-between;
        align-items: flex-end;
    }
}

@media screen and (min-width: 1440px) {
    .title-text-2cols-container {
        padding: 0 80px;
    }
}

.title-text-2cols-container .container-title {
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 631px;
    width: 100%;
    align-self: flex-start;
}

@media screen and (min-width: 768px) {
    .title-text-2cols-container .container-title {
        max-width: 631px;
    }
}

.title-text-2cols-container .container-title .uptitle {
    letter-spacing: 1.4px;
}

.title-text-2cols-container p:not(.uptitle) {
    font-weight: 500;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .title-text-2cols-container p:not(.uptitle) {
        max-width: 631px;
        align-self: self-end;
    }
}

.title-text-2cols-container p:not(.uptitle)+a {
    margin-top: 32px;
}

.title-text-2cols.reverse {
    background: var(--black);
    color: var(--white);
}

@media screen and (min-width: 1025px) {
    .title-text-2cols.translated .title-text-2cols-container {
        padding-bottom: 100px;
    }

    .title-text-2cols.translated .title-text-2cols-container>div:nth-child(2) {
        transform: translateY(100px);
    }

    .title-text-2cols.reverse {
        padding: 120px 80px;
    }
}