/* Original Abha artwork, used only behind the homepage headings. */
.home-page .section-title h2,
.home-page .partners-section h3,
.home-page .hero-section h1 {
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    padding: 20px 32px;
    border-radius: 12px;
    background-color: var(--light-sand);
    background-image: linear-gradient(rgba(253, 250, 246, .82), rgba(253, 250, 246, .82)), url('../img/abha-pattern.jpg');
    background-size: auto, 68px auto;
    background-position: center;
    background-repeat: repeat;
    border-block: 2px solid var(--gold-accent);
    overflow-wrap: anywhere;
}

.home-page .section-title h2::before {
    content: none;
}

.home-page .hero-section h1 {
    background-color: var(--dark-green);
    background-image: linear-gradient(rgba(8, 32, 30, .78), rgba(8, 32, 30, .78)), url('../img/abha-pattern.jpg');
}

@media (max-width: 768px) {
    .home-page .section-title h2,
    .home-page .partners-section h3,
    .home-page .hero-section h1 {
        padding: 16px 18px;
        background-size: auto, 52px auto;
    }
}