Ellipses in Services Icon


I would like my services icons on the homepage to only display the first line of text that is present on the connected services page. Instead, I have these, which may or may not have the first few lines, all ending with " . . . ".
How do I limit it to only one line of text, and how do I stop the " . . . " from appearing at the end?



Please try this CSS code below:

.service-title {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

Add the code above to Customize > additional CSS.