.service-hero {
    /* Change these to control where the text breaks */
    --cataracts-max-width: 730px;
    --cosmetics-max-width: 950px;
}

.hero-headline {
    font-weight: bold;
    margin: 0;
    font-size: clamp(1.7rem, 5vw, 4rem);
    line-height: 1.2;
    display: inline;
}

.text-inner-hero {
    padding-top: 5px;
    padding-bottom: 10px;
}

.home .hero-headline {
    font-size: clamp(1.3rem, 5vw, 3.5rem);
}

.page-template-oculoplastics-page .hero-headline {
    font-size: clamp(1.5rem, 5vw, 3.5rem);
}

.cta-buttons-cat {
    max-width: 100%;
}

.border-gap-outer {
    position: relative;
    /*width: 100%;*/
    /*height: 100%;*/
}

.border-gap {
    --bottom-line-height: 15px;
    --top-line-height: 15px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #fff;
    border-right: none;
    width: 94%;
    height: 100%;
}

.border-gap::before,
.border-gap::after {
    content: '';
    position: absolute;
    background: #fff;
    right: 0;
    height: 7%;
    width: 1px;
}

.border-gap::before {
    bottom: 0;
}

.border-gap::after {
    top: 0;
}

.inner-hero-text-wrapper {
    max-width: none;
    color: #fff;
    padding: 15px 25px 30px 25px;
    position: relative;
    width: 80%;
}

.page-template-cataracts-page .inner-hero-text-wrapper {
    max-width: var(--cataracts-max-width);
}

.page-template-oculoplastics-page .inner-hero-text-wrapper {
    max-width: var(--cosmetics-max-width);
}

.page-template-cataracts-page .border-gap::after,
.page-template-oculoplastics-page .border-gap::after {
    height: var(--top-line-height)
}

.page-template-cataracts-page .border-gap::before,
.page-template-oculoplastics-page .border-gap::before {
    height: var(--bottom-line-height);
}

@media screen and (max-width: 991px) {
    .cta-buttons-cat {
        flex-wrap: wrap;
    }

    .cta-buttons-cat a {
        width: calc(100% - 20px);
    }

    .cta-buttons-cat a:not(:first-child) {
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px) {

    .page-template-cataracts-page .border-gap::before,
    .page-template-oculoplastics-page .border-gap::before {
        height: var(--bottom-line-height);
    }

    .cta-buttons-cat a {
        max-width: calc(100% - 20px);
    }

}

@media screen and (max-width: 479px) {

    .cta-buttons-cat a:not(:first-child) {
        margin-top: 10px;
    }

    .inner-hero-text-wrapper {
        padding: 15px 20px 10px 20px;
        width: 100%;
    }

    .hero-headline {
        display: block;
    }

    .page-template-cataracts-page .inner-hero-text-wrapper,
    .page-template-oculoplastics-page .inner-hero-text-wrapper {
        max-width: 100%;
        width: 100%;
    }

}