.news-and-insights {
    padding-inline: 24px;
}

h1.title {
    font-family: Obviously Wide Medium;
    margin-top: 74px;
    margin-bottom: 35px;
    cursor: pointer;
    font-size: 24px;
    line-height: 29.4px;
}

h1.title.startup-center-title {
    color: var(--color-red);
    margin-top: 128px;
}

@media (min-width: 468px) {
    h1.title.news-and-insights {
        margin-top: 154px;
    }
}

.news-and-insights .main-content {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media (min-width: 500px) {
    h1.title {
        font-size: 48px;
        line-height: 62px;
        margin-top: 87px;
        margin-bottom: 44px;
    }

    .news-and-insights .main-content {
        gap: 40px;
    }
}

@media (min-width: 768px) {
    h1.title {
        margin-top: 144px;
        margin-bottom: 50px;
        font-size: 80px;
        line-height: 97px;
    }

    h1.title.startup-center-title {
        margin-top: 139px;
    }

    .news-and-insights .main-content {
        flex-direction: row;
        justify-content: space-between;
        gap: 45px;
        margin-bottom: unset;
    }
}

@media (min-width: 1194px) {
    h1.title {
        margin-top: 252px;
        margin-bottom: 53px;
        font-size: 100px;
    }

    h1.title.startup-center-title {
        margin-top: 248px;
    }

    .news-and-insights {
        padding-inline: 60px;
    }

    .news-and-insights .main-content {
        height: unset;
        margin-bottom: 0;
        gap: 60px;
    }
}


@media (min-width: 1500px) {
    h1.title {
        margin-bottom: 171px;
    }

    .news-and-insights {
        padding-inline: 121px;
    }

    .news-and-insights .main-content {
        gap: 68px;
    }
}

@media (min-width: 1920px) {
    .news-and-insights {
        max-width: 1920px;
        margin: 0 auto;
    }
}