body:not(.is-home-page) .ul-section-sub-title,
body:not(.is-home-page) .policies-page-kicker,
body:not(.is-home-page) .campaign-detail-kicker,
body:not(.is-home-page) .internship-detail-kicker,
body:not(.is-home-page) .gallery-page-kicker,
body:not(.is-home-page) .internship-filter-kicker,
body:not(.is-home-page) .member-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: fit-content !important;
    min-height: 40px !important;
    padding: 9px 18px !important;
    border-radius: 999px !important;
    background: #ffe8df !important;
    color: var(--ul-primary) !important;
    font-family: "Playfair Display", serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

body:not(.is-home-page) .ul-section-sub-title::before,
body:not(.is-home-page) .policies-page-kicker::before,
body:not(.is-home-page) .campaign-detail-kicker::before,
body:not(.is-home-page) .internship-detail-kicker::before,
body:not(.is-home-page) .gallery-page-kicker::before,
body:not(.is-home-page) .internship-filter-kicker::before,
body:not(.is-home-page) .member-label::before {
    content: "\2665" !important;
    display: inline-flex !important;
    align-items: center !important;
    color: var(--ul-primary) !important;
    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

.inner-page-heading {
    max-width: 760px;
    margin: 0 auto 34px;
    text-align: center;
}

.inner-page-heading .ul-section-title {
    margin: 12px auto 12px;
}

.inner-page-heading p {
    margin: 0 auto;
    color: #64748b;
    font-size: 16px;
    line-height: 1.7;
}

body:not(.is-home-page):not(.is-contact-page) .about-page-hero,
body:not(.is-home-page):not(.is-contact-page) .blog-page-hero,
body:not(.is-home-page):not(.is-contact-page) .donation-page-hero,
body:not(.is-home-page):not(.is-contact-page) .gallery-page-hero,
body:not(.is-home-page):not(.is-contact-page) .members-page-hero,
body:not(.is-home-page):not(.is-contact-page) .management-plain-hero,
body:not(.is-home-page):not(.is-contact-page) .internship-page-hero,
body:not(.is-home-page):not(.is-contact-page) .policies-page-hero,
body:not(.is-home-page):not(.is-contact-page) .campaign-detail-hero,
body:not(.is-home-page):not(.is-contact-page) .internship-detail-hero {
    position: relative !important;
    overflow: hidden !important;
    min-height: 260px !important;
    display: flex !important;
    align-items: center !important;
    padding: 72px 0 54px !important;
    background:
        radial-gradient(circle at top left, rgba(235, 83, 16, 0.12), transparent 32%),
        linear-gradient(135deg, #ffffff 0%, #f6f8fb 55%, #eef3f7 100%) !important;
    border-bottom: 1px solid rgba(30, 37, 47, 0.08) !important;
}

body:not(.is-home-page):not(.is-contact-page) .about-page-hero::before,
body:not(.is-home-page):not(.is-contact-page) .blog-page-hero::before,
body:not(.is-home-page):not(.is-contact-page) .donation-page-hero::before,
body:not(.is-home-page):not(.is-contact-page) .gallery-page-hero::before,
body:not(.is-home-page):not(.is-contact-page) .members-page-hero::before,
body:not(.is-home-page):not(.is-contact-page) .management-plain-hero::before,
body:not(.is-home-page):not(.is-contact-page) .internship-page-hero::before,
body:not(.is-home-page):not(.is-contact-page) .policies-page-hero::before,
body:not(.is-home-page):not(.is-contact-page) .campaign-detail-hero::before,
body:not(.is-home-page):not(.is-contact-page) .internship-detail-hero::before {
    content: "" !important;
    position: absolute !important;
    right: -90px !important;
    top: -90px !important;
    left: auto !important;
    bottom: auto !important;
    width: 260px !important;
    height: 260px !important;
    border-radius: 50% !important;
    background: rgba(235, 83, 16, 0.09) !important;
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
}

body:not(.is-home-page):not(.is-contact-page) .about-page-hero::after,
body:not(.is-home-page):not(.is-contact-page) .blog-page-hero::after,
body:not(.is-home-page):not(.is-contact-page) .donation-page-hero::after,
body:not(.is-home-page):not(.is-contact-page) .gallery-page-hero::after,
body:not(.is-home-page):not(.is-contact-page) .members-page-hero::after,
body:not(.is-home-page):not(.is-contact-page) .management-plain-hero::after,
body:not(.is-home-page):not(.is-contact-page) .internship-page-hero::after,
body:not(.is-home-page):not(.is-contact-page) .policies-page-hero::after,
body:not(.is-home-page):not(.is-contact-page) .campaign-detail-hero::after,
body:not(.is-home-page):not(.is-contact-page) .internship-detail-hero::after {
    content: "" !important;
    position: absolute !important;
    inset: auto auto -110px -80px !important;
    width: 240px !important;
    height: 240px !important;
    border-radius: 50% !important;
    background: rgba(37, 99, 235, 0.08) !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

body:not(.is-home-page):not(.is-contact-page) .about-page-hero .ul-container,
body:not(.is-home-page):not(.is-contact-page) .blog-page-hero .ul-container,
body:not(.is-home-page):not(.is-contact-page) .donation-page-hero .ul-container,
body:not(.is-home-page):not(.is-contact-page) .gallery-page-hero .ul-container,
body:not(.is-home-page):not(.is-contact-page) .members-page-hero .ul-container,
body:not(.is-home-page):not(.is-contact-page) .management-plain-hero .ul-container,
body:not(.is-home-page):not(.is-contact-page) .internship-page-hero .ul-container,
body:not(.is-home-page):not(.is-contact-page) .policies-page-hero .ul-container,
body:not(.is-home-page):not(.is-contact-page) .campaign-detail-hero .ul-container,
body:not(.is-home-page):not(.is-contact-page) .internship-detail-hero .ul-container {
    position: relative !important;
    z-index: 2 !important;
    text-align: center !important;
}

body:not(.is-home-page):not(.is-contact-page) .ul-breadcrumb-title,
body:not(.is-home-page):not(.is-contact-page) .policies-page-title,
body:not(.is-home-page):not(.is-contact-page) .campaign-detail-title,
body:not(.is-home-page):not(.is-contact-page) .internship-detail-title {
    color: #101820 !important;
    font-size: clamp(34px, 4vw, 52px) !important;
    font-weight: 900 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}

body:not(.is-home-page):not(.is-contact-page) .ul-breadcrumb-nav,
body:not(.is-home-page):not(.is-contact-page) .ul-breadcrumb-nav a {
    color: #1e252f !important;
    text-shadow: none !important;
}

body:not(.is-home-page):not(.is-contact-page) .ul-breadcrumb-nav {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-top: 12px !important;
    padding: 9px 18px !important;
    border-radius: 999px !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(30, 37, 47, 0.08) !important;
    box-shadow: 0 12px 28px rgba(30, 37, 47, 0.06) !important;
}

body:not(.is-home-page):not(.is-contact-page) .about-page-main,
body:not(.is-home-page):not(.is-contact-page) .about-page-stats,
body:not(.is-home-page):not(.is-contact-page) .about-page-programs,
body:not(.is-home-page):not(.is-contact-page) .about-page-updates,
body:not(.is-home-page):not(.is-contact-page) .events-page-main,
body:not(.is-home-page):not(.is-contact-page) .gallery-page-section,
body:not(.is-home-page):not(.is-contact-page) .management-section,
body:not(.is-home-page):not(.is-contact-page) .policies-page-main,
body:not(.is-home-page):not(.is-contact-page) .campaign-detail-page,
body:not(.is-home-page):not(.is-contact-page) .internship-detail-page,
body:not(.is-home-page):not(.is-contact-page) .donation-form-section,
body:not(.is-home-page):not(.is-contact-page) .ul-section-spacing:not(.ul-breadcrumb) {
    background:
        radial-gradient(circle at 34% -8%, rgba(235, 83, 16, 0.13), transparent 34%),
        radial-gradient(circle at -10% 88%, rgba(37, 99, 235, 0.10), transparent 30%),
        linear-gradient(135deg, #fffaf7 0%, #ffffff 48%, #f8fafc 100%) !important;
}

body:not(.is-home-page):not(.is-contact-page) .about-page-main,
body:not(.is-home-page):not(.is-contact-page) .about-page-stats,
body:not(.is-home-page):not(.is-contact-page) .about-page-programs,
body:not(.is-home-page):not(.is-contact-page) .about-page-updates {
    background:
        radial-gradient(circle at 28% -12%, rgba(235, 83, 16, 0.06), transparent 32%),
        radial-gradient(circle at 110% 78%, rgba(37, 99, 235, 0.05), transparent 28%),
        linear-gradient(135deg, #ffffff 0%, #fbfcfe 52%, #f8fafc 100%) !important;
}

body:not(.is-home-page):not(.is-contact-page) .ul-inner-blog,
body:not(.is-home-page):not(.is-contact-page) .ul-donation,
body:not(.is-home-page):not(.is-contact-page) .events-card,
body:not(.is-home-page):not(.is-contact-page) .gallery-page-shell,
body:not(.is-home-page):not(.is-contact-page) .gallery-page-card,
body:not(.is-home-page):not(.is-contact-page) .management-card,
body:not(.is-home-page):not(.is-contact-page) .internship-card,
body:not(.is-home-page):not(.is-contact-page) .internship-filter-panel,
body:not(.is-home-page):not(.is-contact-page) .internship-detail-panel,
body:not(.is-home-page):not(.is-contact-page) .internship-detail-sidebar,
body:not(.is-home-page):not(.is-contact-page) .campaign-detail-panel,
body:not(.is-home-page):not(.is-contact-page) .campaign-detail-sidebar,
body:not(.is-home-page):not(.is-contact-page) .blog-page-heading,
body:not(.is-home-page):not(.is-contact-page) .blog-detail-content,
body:not(.is-home-page):not(.is-contact-page) .blog-detail-sidebar-card,
body:not(.is-home-page):not(.is-contact-page) .policy-list-card,
body:not(.is-home-page):not(.is-contact-page) .ul-member-search-result,
body:not(.is-home-page):not(.is-contact-page) .donation-card,
body:not(.is-home-page):not(.is-contact-page) .about-purpose-card,
body:not(.is-home-page):not(.is-contact-page) .about-stat-card,
body:not(.is-home-page):not(.is-contact-page) .about-program-card,
body:not(.is-home-page):not(.is-contact-page) .about-update-card {
    border: 1px solid rgba(30, 37, 47, 0.08) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 34px rgba(30, 37, 47, 0.06) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body:not(.is-home-page):not(.is-contact-page) .ul-inner-blog:hover,
body:not(.is-home-page):not(.is-contact-page) .ul-donation:hover,
body:not(.is-home-page):not(.is-contact-page) .events-card:hover,
body:not(.is-home-page):not(.is-contact-page) .gallery-page-card:hover,
body:not(.is-home-page):not(.is-contact-page) .management-card:hover,
body:not(.is-home-page):not(.is-contact-page) .internship-card:hover,
body:not(.is-home-page):not(.is-contact-page) .policy-list-card:hover,
body:not(.is-home-page):not(.is-contact-page) .ul-member-search-result:hover,
body:not(.is-home-page):not(.is-contact-page) .about-purpose-card:hover,
body:not(.is-home-page):not(.is-contact-page) .about-stat-card:hover,
body:not(.is-home-page):not(.is-contact-page) .about-program-card:hover,
body:not(.is-home-page):not(.is-contact-page) .about-update-card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(235, 83, 16, 0.18) !important;
    box-shadow: 0 22px 45px rgba(30, 37, 47, 0.10) !important;
}

body:not(.is-home-page):not(.is-contact-page) input,
body:not(.is-home-page):not(.is-contact-page) select,
body:not(.is-home-page):not(.is-contact-page) textarea {
    border-color: rgba(30, 37, 47, 0.10) !important;
    border-radius: 12px !important;
    background-color: #f8fafc !important;
}

body:not(.is-home-page):not(.is-contact-page) input:focus,
body:not(.is-home-page):not(.is-contact-page) select:focus,
body:not(.is-home-page):not(.is-contact-page) textarea:focus {
    border-color: var(--ul-primary) !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(235, 83, 16, 0.10) !important;
}

body:not(.is-home-page):not(.is-contact-page) .management-filter-btn,
body:not(.is-home-page):not(.is-contact-page) .donation-pay-btn,
body:not(.is-home-page):not(.is-contact-page) .campaign-detail-donate {
    border-radius: 999px !important;
    background: var(--ul-primary) !important;
    box-shadow: 0 12px 24px rgba(235, 83, 16, 0.22) !important;
}

body:not(.is-home-page):not(.is-contact-page) .management-filter-btn:hover,
body:not(.is-home-page):not(.is-contact-page) .donation-pay-btn:hover,
body:not(.is-home-page):not(.is-contact-page) .campaign-detail-donate:hover {
    background: #1e252f !important;
    color: #ffffff !important;
}

@media (max-width: 767.98px) {
    body:not(.is-home-page):not(.is-contact-page) .about-page-hero,
    body:not(.is-home-page):not(.is-contact-page) .blog-page-hero,
    body:not(.is-home-page):not(.is-contact-page) .donation-page-hero,
    body:not(.is-home-page):not(.is-contact-page) .gallery-page-hero,
    body:not(.is-home-page):not(.is-contact-page) .members-page-hero,
    body:not(.is-home-page):not(.is-contact-page) .management-plain-hero,
    body:not(.is-home-page):not(.is-contact-page) .internship-page-hero,
    body:not(.is-home-page):not(.is-contact-page) .policies-page-hero,
    body:not(.is-home-page):not(.is-contact-page) .campaign-detail-hero,
    body:not(.is-home-page):not(.is-contact-page) .internship-detail-hero {
        min-height: 220px !important;
        padding: 52px 0 40px !important;
    }
}