.twocolumn-layout-withtitle {
    margin-top: 194px;
    margin-bottom: 48px;
}


.twocolumn-layout-container {

    display: flex;
    gap: 120px;
    align-items: flex-start;

}

.leftcontainer {
    flex: 0 1 465px;
    position: sticky;
    height: fit-content;
    transition: top 0.45s ease;
}

.leftcontainer .left-title {
    color: var(--color-black)
}

.rightcontainer {
    flex: 0 1 847px;
}

.twocolumn-layout-container .rightcontainer .conetentPart {
    display: flex;
    flex-direction: column;
    gap: 136px;
}

@media (max-width: 767px) {


    .twocolumn-layout-container .rightcontainer .conetentPart {
        gap: 64px;
    }

    .twocolumn-layout-container.sticky {
        gap: 24px;
    }

    .twocolumn-layout-container {
        margin-top: 64px;
        flex-direction: column;
        gap: 40px;
    }

    .leftcontainer {
        position: sticky;
        z-index: 10;
        padding-bottom: 0;
        background: var(--color-white);
        transition: top 0.45s ease;
    }

    .leftcontainer,
    .rightcontainer {
        flex: auto;
        margin-left: 0;
        margin-right: auto;
    }

    .leftcontainer .left-title {
        line-height: 37px;
    }

    .twocolumn-layout-withtitle {
        margin-top: 64px;
        margin-bottom: 0;
    }

}