.services-screen {
    padding-inline: 24px;
    min-height: calc(100vh - 76px);
}

.services-screen h1.title {
    margin: 98px 0 47px;
    width: min-content;
    font-size: 24px;
    line-height: 29.4px;
    font-family: Obviously Wide Medium;
}

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

.services-screen .search-input-container {
    display: flex;
    justify-content: space-between;
    align-items: end;
    border-bottom: 1px solid var(--color-black);
    margin-bottom: 23px;
}

.services-screen .search-input-container input {
    width: 100%;
    font-size: 12px;
    line-height: 19.14px;
    margin-bottom: 4px;
    background-color: transparent;
}

.services-screen .search-input-container input::placeholder {
    color: var(--color-black);
}

.services-screen .search-input-container button {
    margin-bottom: 5px;
}

.services-screen .search-input-container button img {
    display: block;
    width: 21px;
    height: 21px;
}

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

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

    .services-screen .search-input-container {
        margin-bottom: 45px;
    }

    .services-screen .search-input-container input {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 4px;
    }

    .services-screen .search-input-container button {
        margin-bottom: 9px;
    }
}

@media (min-width: 1194px) {
    .services-screen {
        padding-inline: 60px;
    }

    .services-screen h1.title {
        font-size: 100px;
        margin-top: 265px;
        margin-bottom: 129px;
    }

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

    .services-screen .search-input-container input {
        font-size: 20px;
        line-height: 32px;
    }

    .services-screen .search-input-container button {
        margin-bottom: 11px;
    }

    .services-screen .search-input-container button img {
        width: 25px;
        height: 25px;
    }
}

@media (min-width: 1500px) {
    .services-screen {
        padding-inline: 121px;
    }

    .services-screen h1.title {
        margin-top: 235px;
        margin-bottom: 147px;
    }
    
    .services-screen h1.title.startup-center-title {
        margin-top: 235px;
    }

    .services-screen .search-input-container button img {
        width: 27px;
        height: 27px;
    }
}

@media (min-width: 1920px) {
    .services-screen {
        max-width: 1920px;
        margin: auto;
    }
}