/* Graphic (non-photo) hero treatment for every Partnerships page: a warm
   gradient in the site's brand indigo, a subtle African-textile-inspired
   diamond pattern, and an overlapping-rings motif symbolising partnership.
   Used in place of a stock/generic photo. Kept light-toned on purpose —
   the theme's .page-title/.banner-section-one h1/h2/.title are dark navy
   (#2c2b7d) and expect a light background underneath for contrast. */
.kt-partnership-hero-bg {
    background: linear-gradient(135deg, #fdf3e9 0%, #f7e2cd 30%, #f0cba3 60%, #e6ac78 100%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

.kt-partnership-hero-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background-repeat: repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cg fill='none' stroke='%232c2b7d' stroke-width='1.5' opacity='0.14'%3E%3Cpath d='M0 45 L22.5 0 L45 45 L22.5 90 Z'/%3E%3Cpath d='M45 45 L67.5 0 L90 45 L67.5 90 Z'/%3E%3C/g%3E%3C/svg%3E");
}

.kt-partnership-hero-bg::after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    right: 4%;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: 220px;
    max-width: 30%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='80' cy='100' r='58' fill='none' stroke='%232c2b7d' stroke-width='7' opacity='0.22'/%3E%3Ccircle cx='128' cy='100' r='58' fill='none' stroke='%23c2801f' stroke-width='7' opacity='0.28'/%3E%3C/svg%3E");
}

/* Keep real content above the decorative layers */
.kt-partnership-hero-bg .title-outer,
.kt-partnership-hero-bg .content-outer,
.kt-partnership-hero-bg .content-box {
    position: relative;
    z-index: 2;
}

@media only screen and (max-width: 767px) {
    .kt-partnership-hero-bg::after {
        display: none;
    }
}

/* The Partnerships home hero is a single static slide, not an Owl Carousel
   instance (no .banner-carousel wrapper) — the theme's banner text/buttons
   default to opacity:0/visibility:hidden until Owl Carousel adds an
   .active class, which never happens here. Force them visible instead of
   pulling in a one-slide carousel just to satisfy that CSS. */
.banner-section-one .content-box .title,
.banner-section-one .content-box h2,
.banner-section-one .content-box .text,
.banner-section-one .content-box .btn-box {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}