/* =========================================================
           CHURCH HEADER - ISOLATED STYLES
        ========================================================= */

        :root {
            --igph-cobalt: #123db8;
            --igph-deep-blue: #061b4f;
            --igph-navy: #03102f;
            --igph-gold: #f4c542;
            --igph-dark-gold: #b88008;
            --igph-silver: #e9edf5;
            --igph-white: #ffffff;
            --igph-fire-red: #ed604f;
            --igph-light-red: #ff8c7c;
        }

        * {
            box-sizing: border-box;
        }

        body {
            margin: 0;
            font-family: "Montserrat", sans-serif;
            background: #f4f5f8;
        }

        body.igph-menu-open {
            overflow: hidden;
        }

        .igph-header {
            position: relative;
            z-index: 999;
            width: 100%;
            isolation: isolate;
            box-shadow: 0 12px 35px rgba(3, 16, 47, 0.18);
        }

        .igph-header a {
            text-decoration: none;
        }

        .igph-header ul {
            padding: 0;
            margin: 0;
            list-style: none;
        }

        /* =========================================================
           ROW 1 - INFORMATION BAR
        ========================================================= */

        .igph-topbar {
            position: relative;
            overflow: hidden;
            padding: 10px 0;
            color: var(--igph-white);
            background: #405268;
            background-size: 250% 250%;
 
        }

        .igph-topbar::before {
            content: "";
            position: absolute;
            inset: -100%;
            background:
                radial-gradient(
                    circle,
                    rgba(255, 255, 255, 0.38) 0,
                    transparent 8%
                );
            background-size: 70px 70px;
            opacity: 0.25;
            animation: igphParticlesMove 14s linear infinite;
            pointer-events: none;
        }

        .igph-topbar::after {
            position: absolute;
            top: -80px;
            left: 15%;
            width: 250px;
            height: 170px;
            background: rgba(255, 227, 156, 0.3);
            filter: blur(60px);
            border-radius: 50%;
            pointer-events: none;
        }

        .igph-topbar-inner {
            position: relative;
            z-index: 2;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
        }

        .igph-contact-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }

        .igph-contact-item {
            display: flex;
            align-items: center;
            gap: 9px;
            min-height: 26px;
            padding: 0 20px;
            color: #fff;
            font-size: 13px;
            font-weight: 800;
            letter-spacing: 0.15px;
        }

        .igph-contact-item:first-child {
            padding-left: 0;
        }

        .igph-contact-item + .igph-contact-item {
            border-left: 1px solid rgba(255, 255, 255, 0.42);
        }

        .igph-contact-item i {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 28px;
            height: 28px;
            color: #7b1a15;
            background: #fffa6c;
            border-radius: 50%;
        }

        .igph-contact-item a {
            color: inherit;
            transition: color 0.25s ease;
        }

        .igph-contact-item a:hover {
            color: #fff4bb;
        }

        .igph-social-area {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .igph-follow-label {
            color: rgba(255, 255, 255, 0.9);
            font-family: "Oswald", sans-serif;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 1.4px;
            text-transform: uppercase;
        }

        .igph-social-icons {
            display: flex;
            align-items: center;
            gap: 7px;
        }

        .igph-social-link {
            position: relative;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            color: #fff;
            border: 1px solid rgba(255, 255, 255, 0.5);
            border-radius: 9px;
            transition:
                transform 0.3s ease,
                box-shadow 0.3s ease;
        }

        .igph-social-link::before {
            content: "";
            position: absolute;
            inset: -3px;
            z-index: -1;
            border-radius: 11px;
            opacity: 0;
            filter: blur(7px);
            transition: opacity 0.3s ease;
        }

        .igph-social-link:hover {
            color: #fff;
            transform: translateY(-4px) scale(1.07);
        }

        .igph-social-link:hover::before {
            opacity: 0.9;
        }

        .igph-facebook {
            background: #1877f2;
        }

        .igph-facebook::before {
            background: #1877f2;
        }

        .igph-youtube {
            background: #ff0000;
        }

        .igph-youtube::before {
            background: #ff0000;
        }

        .igph-instagram {
            background:
                radial-gradient(
                    circle at 30% 105%,
                    #fdf497 0 5%,
                    #fd5949 35%,
                    #d6249f 60%,
                    #285aeb 100%
                );
        }

        .igph-instagram::before {
            background: #d6249f;
        }

        .igph-whatsapp {
            background: #20c767;
        }

        .igph-whatsapp::before {
            background: #20c767;
        }

        /* =========================================================
           ROW 2 - BRANDING AREA
        ========================================================= */

        .igph-brand-row {
            position: relative;
            overflow: hidden;
            min-height: 126px;
            padding: 15px 0;
            color: #fff;
            background: #383b4a;
                radial-gradient(
                    circle at 88% 65%,
                    rgba(244, 197, 66, 0.13),
                    transparent 27%
                ),
                linear-gradient(
                    118deg,
                    #020c28 0%,
                    #071a52 35%,
                    #103a9b 68%,
                    #041334 100%
                );
        }

        .igph-brand-row::before {
            content: "";
            position: absolute;
            top: -120px;
            right: 14%;
            width: 380px;
            height: 380px;
            border: 1px solid rgba(244, 197, 66, 0.12);
            border-radius: 50%;
            box-shadow:
                0 0 0 40px rgba(244, 197, 66, 0.04),
                0 0 0 80px rgba(255, 255, 255, 0.02);
            animation: igphRingPulse 6s ease-in-out infinite;
        }

        .igph-brand-row::after {
            content: "";
            position: absolute;
            inset: 0;
            opacity: 0.16;
            background-image:
                linear-gradient(
                    120deg,
                    transparent 45%,
                    rgba(255, 255, 255, 0.24) 46%,
                    transparent 47%
                );
            background-size: 105px 105px;
            animation: igphLinesMove 12s linear infinite;
            pointer-events: none;
        }

        .igph-brand-inner {
            position: relative;
            z-index: 2;
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: center;
            gap: 30px;
        }

        .igph-brand-identity {
            display: flex;
            align-items: center;
            min-width: 0;
        }

        .igph-logo-column {
            flex: 0 0 auto;
            padding-right: 24px;
        }

        .igph-brand-divider {
            align-self: stretch;
            width: 1px;
            min-height: 82px;
            margin-right: 24px;
            background:
                linear-gradient(
                    to bottom,
                    transparent,
                    rgba(244, 197, 66, 0.85),
                    rgba(255, 255, 255, 0.75),
                    transparent
                );
            box-shadow: 0 0 12px rgba(244, 197, 66, 0.35);
        }

        .igph-logo-shell {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 94px;
            height: 94px;
            padding: 5px;
            border-radius: 50%;
            background: #fff;
            box-shadow:
                0 8px 24px rgba(0, 0, 0, 0.32),
                0 0 30px rgba(244, 197, 66, 0.25);
        }

        .igph-logo-shell::before,
        .igph-logo-shell::after {
            content: "";
            position: absolute;
            border-radius: 50%;
            pointer-events: none;
        }

        .igph-logo-shell::before {
            inset: -7px;
            padding: 3px;
            background:
                conic-gradient(
                    from 0deg,
                    #fff2a8,
                    #f4c542,
                    #fff,
                    #2d68ff,
                    #f4c542,
                    #fff2a8
                );

            -webkit-mask:
                linear-gradient(#fff 0 0) content-box,
                linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;

            animation: igphLogoBorderSpin 4s linear infinite;
        }

        .igph-logo-shell::after {
            inset: -13px;
            border: 1px solid rgba(244, 197, 66, 0.36);
            box-shadow:
                0 0 15px rgba(244, 197, 66, 0.55),
                inset 0 0 12px rgba(244, 197, 66, 0.2);
            animation: igphLogoGlow 2.4s ease-in-out infinite alternate;
        }

        .igph-logo {
            position: relative;
            z-index: 2;
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
            background: #fff;
        }

        /*
           Only the animated border rotates.
           The actual logo image never rotates.
        */

        .igph-name-wrapper {
            min-width: 0;
        }

        .igph-ministry-label {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 7px;
            color: #dfe7ff;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 2.5px;
            text-transform: uppercase;
        }

        .igph-ministry-label::before {
            content: "";
            width: 24px;
            height: 1px;
            background: var(--igph-gold);
            box-shadow: 0 0 8px var(--igph-gold);
        }

        .igph-name-box {
            position: relative;
            display: inline-block;
            max-width: 770px;
            padding: 11px 18px 12px;
            overflow: hidden;
            color: #171000;
            background:
                linear-gradient(
                    120deg,
                    #b87806 0%,
                    #f8d761 25%,
                    #fff1a7 48%,
                    #d59615 72%,
                    #ffdf71 100%
                );
            background-size: 220% 220%;
            border: 1px solid rgba(255, 255, 255, 0.72);
            border-radius: 8px;
            box-shadow:
                0 8px 23px rgba(0, 0, 0, 0.27),
                0 0 24px rgba(244, 197, 66, 0.22);
            animation: igphGoldFlow 7s ease infinite;
        }

        .igph-name-box::before {
            content: "";
            position: absolute;
            top: -100%;
            left: -35%;
            width: 18%;
            height: 300%;
            background:
                linear-gradient(
                    to right,
                    transparent,
                    rgba(255, 255, 255, 0.75),
                    transparent
                );
            transform: rotate(24deg);
            animation: igphNameShine 4.8s ease-in-out infinite;
        }

        .igph-main-name {
            position: relative;
            z-index: 2;
            margin: 0;
            font-family: "Oswald", sans-serif;
            font-size: clamp(22px, 2.25vw, 36px);
            font-weight: 600;
            line-height: 1.05;
            letter-spacing: 0.7px;
            text-transform: uppercase;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
        }

        .igph-subtitle {
            margin: 8px 0 0;
            color: #e2e9ff;
            font-size: 10px;
            font-weight: 600;
            letter-spacing: 2.3px;
            text-transform: uppercase;
        }

        .igph-brand-actions {
            display: flex;
            align-items: stretch;
            flex: 0 0 auto;
        }

        .igph-action-divider {
            width: 1px;
            margin: 4px 20px;
            background:
                linear-gradient(
                    to bottom,
                    transparent,
                    rgba(255, 255, 255, 0.65),
                    rgba(244, 197, 66, 0.8),
                    transparent
                );
        }

        .igph-header-button {
            position: relative;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            min-width: 158px;
            min-height: 51px;
            padding: 12px 19px;
            overflow: hidden;
            color: #fff;
            border: 1px solid #817c7c;
            border-radius: 9px;
            font-size: 13px;
            font-weight: 800;
            letter-spacing: 0.25px;
            transition:
                transform 0.3s ease,
                box-shadow 0.3s ease;
        }

        .igph-header-button::before {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 60%;
            height: 100%;
            background:
                linear-gradient(
                    to right,
                    transparent,
                    rgba(255, 255, 255, 0.4),
                    transparent
                );
            transform: skewX(-25deg);
            transition: left 0.7s ease;
        }

        .igph-header-button:hover::before {
            left: 140%;
        }

        .igph-header-button:hover {
            color: #fff;
            transform: translateY(-4px);
        }

        .igph-donate-button {
            background: #515158;
        }

        .igph-donate-button:hover {
            box-shadow:
                0 13px 26px rgba(255, 130, 30, 0.42),
                0 0 20px rgba(255, 156, 36, 0.25);
        }

        .igph-prayer-button {
            background: #515158;
        }

        .igph-prayer-button:hover {
            box-shadow:
                0 13px 26px rgba(58, 107, 241, 0.4),
                0 0 20px rgba(76, 120, 255, 0.26);
        }

        /* =========================================================
           ROW 3 - DESKTOP NAVIGATION
        ========================================================= */

        .igph-navigation-row {
            position: relative;
            overflow: visible;
            min-height: 64px;
            background: #383b4a;
            background-size: 240% 240%;
            animation: igphNavGoldFlow 10s ease infinite;
            border-top: 1px solid #646464;
        }

        .igph-navigation-row::before {
            content: "";
            position: absolute;
            inset: 0;
            opacity: 0.15;
            background-image:
                radial-gradient(
                    rgba(255, 255, 255, 0.9) 1px,
                    transparent 1px
                );
            background-size: 18px 18px;
            animation: igphNavParticles 16s linear infinite;
        }

        .igph-nav-inner {
            position: relative;
            z-index: 2;
            display: flex;
            align-items: center;
            justify-content: space-between;
            min-height: 64px;
        }

        .igph-desktop-menu {
            display: flex;
            align-items: stretch;
            min-height: 64px;
        }

        .igph-nav-item {
            position: relative;
            display: flex;
            align-items: center;
        }

        .igph-nav-item + .igph-nav-item::before {
            content: "";
            width: 1px;
            height: 24px;
            background:
                linear-gradient(
                    to bottom,
                    transparent,
                    rgba(67, 39, 0, 0.62),
                    transparent
                );
        }

        .igph-nav-link {
            position: relative;
            display: flex;
            align-items: center;
            gap: 7px;
            min-height: 64px;
            padding: 0 21px;
            color: #fff;
            font-family: "Oswald", sans-serif;
            font-size: 17px;
            font-weight: 400;
            letter-spacing: 1px;
            text-transform: uppercase;
            transition:
                color 0.3s ease,
                background 0.3s ease;
        }

        .igph-nav-link::after {
     
            position: absolute;
            right: 19px;
            bottom: 9px;
            left: 19px;
            height: 3px;
            background: var(--igph-deep-blue);
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(18, 61, 184, 0.7);
            transform: scaleX(0);
            transform-origin: center;
            transition: transform 0.3s ease;
        }

        .igph-nav-link:hover,
        .igph-nav-link.active {
            color: #fff;
            background: #ff0000;
        }

        .igph-nav-link:hover::after,
        .igph-nav-link.active::after {
            transform: scaleX(1);
        }

        .igph-nav-link i {
            font-size: 11px;
        }

        /* Desktop dropdown */

        .igph-dropdown-menu {
            position: absolute;
            top: calc(100% - 2px);
            left: 0;
            z-index: 50;
            min-width: 235px;
            padding: 10px;
            visibility: hidden;
            opacity: 0;
            background:
                linear-gradient(
                    145deg,
                    rgba(3, 16, 47, 0.98),
                    rgba(14, 50, 133, 0.98)
                );
            border: 1px solid rgba(244, 197, 66, 0.5);
            border-radius: 0 0 12px 12px;
            box-shadow: 0 18px 35px rgba(0, 0, 0, 0.3);
            transform: translateY(13px);
            transition:
                opacity 0.25s ease,
                visibility 0.25s ease,
                transform 0.25s ease;
        }

        .igph-nav-item:hover > .igph-dropdown-menu,
        .igph-nav-item:focus-within > .igph-dropdown-menu {
            visibility: visible;
            opacity: 1;
            transform: translateY(0);
        }

        .igph-dropdown-link {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 11px 13px;
            color: #f3f5fb;
            border-radius: 7px;
            font-size: 12px;
            font-weight: 600;
            transition:
                color 0.25s ease,
                background 0.25s ease,
                transform 0.25s ease;
        }

        .igph-dropdown-link i {
            width: 18px;
            color: var(--igph-gold);
        }

        .igph-dropdown-link:hover {
            color: #fff;
            background:
                linear-gradient(
                    90deg,
                    rgba(244, 197, 66, 0.25),
                    rgba(255, 255, 255, 0.07)
                );
            transform: translateX(4px);
        }


        /* =========================================================
           DESKTOP DROPDOWN FIX
        ========================================================= */

        .igph-navigation-row,
        .igph-nav-inner,
        .igph-desktop-menu {
            overflow: visible;
        }

        .igph-navigation-row {
            z-index: 1000;
        }

        .igph-dropdown-menu {
            top: 100%;
            z-index: 9999;
            pointer-events: none;
        }

        .igph-nav-item:hover > .igph-dropdown-menu,
        .igph-nav-item:focus-within > .igph-dropdown-menu,
        .igph-nav-item.igph-dropdown-open > .igph-dropdown-menu {
            visibility: visible;
            opacity: 1;
            pointer-events: auto;
            transform: translateY(0);
        }

        .igph-nav-item.igph-dropdown-open > .igph-nav-link {
            color: #052269;
            background: rgba(255, 255, 255, 0.17);
        }

        .igph-nav-item.igph-dropdown-open > .igph-nav-link::after {
            transform: scaleX(1);
        }

        .igph-nav-right {
            display: flex;
            align-items: center;
            gap: 13px;
        }

        .igph-live-box {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            padding: 9px 14px;
            color: #2b3256;
            background: linear-gradient(135deg, #c5d162, #fcff4e);
            border: 1px solid rgba(255, 255, 255, 0.4);
            border-radius: 8px;
            font-size: 11px;
            font-weight: 900;
            letter-spacing: 0.7px;
            text-transform: uppercase;
            box-shadow: 0 7px 18px rgba(3, 16, 47, 0.25);
        }

        .igph-live-dot {
            width: 8px;
            height: 8px;
            background: #ff3b30;
            border-radius: 50%;
            box-shadow: 0 0 0 rgba(255, 59, 48, 0.5);
            animation: igphLivePulse 1.8s infinite;
        }

        .igph-mobile-toggle {
            display: none;
            align-items: center;
            justify-content: center;
            width: 44px;
            height: 42px;
            color: #fff;
            background:
                linear-gradient(135deg, #103fa9, #041844);
            border: 1px solid rgba(255, 255, 255, 0.65);
            border-radius: 8px;
            font-size: 19px;
            box-shadow: 0 7px 16px rgba(3, 16, 47, 0.25);
        }

        /* =========================================================
           MOBILE OFF-CANVAS MENU
        ========================================================= */

        .igph-mobile-overlay {
            position: fixed;
            inset: 0;
            z-index: 1998;
            visibility: hidden;
            opacity: 0;
            background: rgba(0, 8, 28, 0.75);
            backdrop-filter: blur(5px);
            transition:
                opacity 0.35s ease,
                visibility 0.35s ease;
        }

        .igph-mobile-overlay.active {
            visibility: visible;
            opacity: 1;
        }

        .igph-mobile-panel {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            z-index: 1999;
            display: flex;
            flex-direction: column;
            width: min(86%, 365px);
            color: #fff;
            background:
                radial-gradient(
                    circle at 0 0,
                    rgba(45, 104, 255, 0.3),
                    transparent 33%
                ),
                linear-gradient(155deg, #020a20, #061b52 65%, #0d368f);
            box-shadow: 20px 0 50px rgba(0, 0, 0, 0.4);
            transform: translateX(-105%);
            transition: transform 0.4s cubic-bezier(0.75, 0, 0.2, 1);
        }

        .igph-mobile-panel.active {
            transform: translateX(0);
        }

        .igph-mobile-panel-header {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 18px;
            background: rgba(255, 255, 255, 0.045);
        }

        .igph-mobile-brand {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .igph-mobile-logo {
            width: 55px;
            height: 55px;
            padding: 3px;
            object-fit: cover;
            background: #fff;
            border: 2px solid var(--igph-gold);
            border-radius: 50%;
            box-shadow: 0 0 15px rgba(244, 197, 66, 0.38);
        }

        .igph-mobile-brand-name {
            max-width: 190px;
            margin: 0;
            color: #ffdb6e;
            font-family: "Oswald", sans-serif;
            font-size: 14px;
            font-weight: 600;
            line-height: 1.25;
            text-transform: uppercase;
        }

        .igph-mobile-close {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            width: 40px;
            height: 40px;
            color: #fff;
            background:
                linear-gradient(135deg, #ff755e, #ad281d);
            border: 1px solid rgba(255, 255, 255, 0.5);
            border-radius: 50%;
            font-size: 17px;
            box-shadow: 0 0 18px rgba(255, 92, 72, 0.3);
            transition: transform 0.3s ease;
        }

        .igph-mobile-close:hover {
            transform: rotate(90deg);
        }

        .igph-mobile-scroll {
            flex: 1;
            overflow-y: auto;
            padding: 15px 14px 30px;
            scrollbar-width: thin;
            scrollbar-color: var(--igph-gold) rgba(255, 255, 255, 0.07);
        }

        .igph-mobile-scroll::-webkit-scrollbar {
            width: 6px;
        }

        .igph-mobile-scroll::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, 0.06);
        }

        .igph-mobile-scroll::-webkit-scrollbar-thumb {
            background:
                linear-gradient(var(--igph-gold), #c78508);
            border-radius: 20px;
        }

        .igph-mobile-nav-link,
        .igph-mobile-dropdown-button {
            display: flex;
            align-items: center;
            width: 100%;
            gap: 12px;
            margin-bottom: 7px;
            padding: 13px 14px;
            color: #f5f7ff;
            background: rgba(255, 255, 255, 0.045);
            border: 1px solid rgba(255, 255, 255, 0.09);
            border-radius: 8px;
            font-family: "Oswald", sans-serif;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.8px;
            text-align: left;
            text-transform: uppercase;
            transition:
                background 0.25s ease,
                color 0.25s ease,
                transform 0.25s ease;
        }

        .igph-mobile-nav-link:hover,
        .igph-mobile-dropdown-button:hover,
        .igph-mobile-nav-link.active {
            color: #171000;
            background:
                linear-gradient(120deg, #e4a91f, #ffe38a);
            transform: translateX(4px);
        }

        .igph-mobile-nav-link > i:first-child,
        .igph-mobile-dropdown-button > i:first-child {
            width: 20px;
            color: var(--igph-gold);
        }

        .igph-mobile-nav-link:hover > i,
        .igph-mobile-dropdown-button:hover > i {
            color: #071c52;
        }

        .igph-mobile-dropdown-button .igph-arrow {
            margin-left: auto;
            transition: transform 0.3s ease;
        }

        .igph-mobile-dropdown-button.active .igph-arrow {
            transform: rotate(180deg);
        }

        .igph-mobile-submenu {
            display: none;
            margin: -1px 0 8px 19px;
            padding: 7px;
            background: rgba(0, 0, 0, 0.15);
            border-left: 2px solid var(--igph-gold);
            border-radius: 0 7px 7px 0;
        }

        .igph-mobile-submenu.active {
            display: block;
            animation: igphSubmenuReveal 0.3s ease;
        }

        .igph-mobile-submenu a {
            display: flex;
            align-items: center;
            gap: 9px;
            padding: 10px 11px;
            color: #dfe6fb;
            border-radius: 6px;
            font-size: 12px;
            font-weight: 600;
            transition:
                color 0.25s ease,
                background 0.25s ease;
        }

        .igph-mobile-submenu a:hover {
            color: var(--igph-gold);
            background: rgba(255, 255, 255, 0.06);
        }

        .igph-mobile-actions {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 9px;
            margin-top: 18px;
        }

        .igph-mobile-action {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            min-height: 47px;
            padding: 10px;
            color: #fff;
            border-radius: 8px;
            font-size: 11px;
            font-weight: 800;
            text-align: center;
        }

        .igph-mobile-action:hover {
            color: #fff;
        }

        /* =========================================================
           ANIMATIONS
        ========================================================= */

        @keyframes igphFireFlow {
            0%,
            100% {
                background-position: 0 50%;
            }

            50% {
                background-position: 100% 50%;
            }
        }

        @keyframes igphParticlesMove {
            from {
                transform: translate3d(0, 0, 0) rotate(0);
            }

            to {
                transform: translate3d(90px, 70px, 0) rotate(8deg);
            }
        }

        @keyframes igphTopGlow {
            from {
                transform: translateX(-60px) scale(0.9);
            }

            to {
                transform: translateX(180px) scale(1.25);
            }
        }

        @keyframes igphRingPulse {
            0%,
            100% {
                transform: scale(0.92);
                opacity: 0.5;
            }

            50% {
                transform: scale(1.08);
                opacity: 1;
            }
        }

        @keyframes igphLinesMove {
            from {
                background-position: 0 0;
            }

            to {
                background-position: 210px 0;
            }
        }

        @keyframes igphLogoBorderSpin {
            to {
                transform: rotate(360deg);
            }
        }

        @keyframes igphLogoGlow {
            from {
                opacity: 0.45;
                transform: scale(0.97);
            }

            to {
                opacity: 1;
                transform: scale(1.04);
            }
        }

        @keyframes igphGoldFlow {
            0%,
            100% {
                background-position: 0 50%;
            }

            50% {
                background-position: 100% 50%;
            }
        }

        @keyframes igphNameShine {
            0% {
                left: -40%;
            }

            45%,
            100% {
                left: 130%;
            }
        }

        @keyframes igphNavGoldFlow {
            0%,
            100% {
                background-position: 0 50%;
            }

            50% {
                background-position: 100% 50%;
            }
        }

        @keyframes igphNavParticles {
            from {
                background-position: 0 0;
            }

            to {
                background-position: 100px 50px;
            }
        }

        @keyframes igphLivePulse {
            0% {
                box-shadow: 0 0 0 0 rgba(255, 59, 48, 0.65);
            }

            70% {
                box-shadow: 0 0 0 9px rgba(255, 59, 48, 0);
            }

            100% {
                box-shadow: 0 0 0 0 rgba(255, 59, 48, 0);
            }
        }

        @keyframes igphSubmenuReveal {
            from {
                opacity: 0;
                transform: translateY(-7px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* =========================================================
           RESPONSIVE DESIGN
        ========================================================= */

        @media (max-width: 1199.98px) {
            .igph-contact-item {
                padding: 0 12px;
                font-size: 12px;
            }

            .igph-brand-inner {
                gap: 18px;
            }

            .igph-logo-column {
                padding-right: 17px;
            }

            .igph-brand-divider {
                margin-right: 17px;
            }

            .igph-logo-shell {
                width: 82px;
                height: 82px;
            }

            .igph-header-button {
                min-width: 135px;
                padding: 11px 14px;
            }

            .igph-action-divider {
                margin-right: 12px;
                margin-left: 12px;
            }

            .igph-nav-link {
                padding: 0 14px;
                font-size: 13px;
            }
        }

        @media (max-width: 991.98px) {
            .igph-topbar-inner {
                justify-content: center;
            }

            .igph-contact-list {
                justify-content: center;
            }

            .igph-social-area {
                display: none;
            }

            .igph-brand-inner {
                grid-template-columns: 1fr;
            }

            .igph-brand-identity {
                justify-content: center;
            }

            .igph-name-wrapper {
                flex: 1;
            }

            .igph-brand-actions {
                justify-content: center;
            }

            .igph-action-divider {
                height: 45px;
                align-self: center;
            }

            .igph-desktop-menu {
                display: none;
            }

            .igph-mobile-toggle {
                display: inline-flex;
            }

            .igph-nav-inner {
                min-height: 59px;
            }

            .igph-navigation-row {
                min-height: 59px;
            }

            .igph-nav-right {
                width: 100%;
                justify-content: space-between;
            }
        }

        @media (max-width: 767.98px) {
            .igph-topbar {
                padding: 8px 0;
            }

            .igph-contact-list {
                gap: 6px 0;
            }

            .igph-contact-item {
                padding: 0 10px;
                font-size: 11px;
            }

            .igph-contact-item:first-child {
                padding-left: 10px;
            }

            .igph-contact-item:nth-child(3) {
                width: 100%;
                justify-content: center;
                border-left: 0;
            }

            .igph-brand-row {
                padding: 18px 0;
            }

            .igph-brand-identity {
                flex-direction: column;
                text-align: center;
            }

            .igph-logo-column {
                padding-right: 0;
                margin-bottom: 18px;
            }

            .igph-brand-divider {
                display: none;
            }

            .igph-ministry-label {
                justify-content: center;
            }

            .igph-name-box {
                display: block;
                width: 100%;
            }

            .igph-main-name {
                font-size: clamp(21px, 6vw, 29px);
                line-height: 1.17;
            }

            .igph-subtitle {
                line-height: 1.6;
            }

            .igph-brand-actions {
                width: 100%;
            }

            .igph-header-button {
                flex: 1;
                min-width: 0;
            }
        }

        @media (max-width: 575.98px) {
            .igph-contact-item {
                width: 100%;
                justify-content: center;
                border-left: 0 !important;
            }

            .igph-contact-item:first-child {
                padding-left: 10px;
            }

            .igph-contact-item i {
                width: 25px;
                height: 25px;
            }

            .igph-logo-shell {
                width: 78px;
                height: 78px;
            }

            .igph-main-name {
                font-size: 20px;
            }

            .igph-name-box {
                padding: 12px 10px;
            }

            .igph-ministry-label {
                font-size: 9px;
                letter-spacing: 1.7px;
            }

            .igph-subtitle {
                font-size: 9px;
                letter-spacing: 1.4px;
            }

            .igph-brand-actions {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 9px;
            }

            .igph-action-divider {
                display: none;
            }

            .igph-header-button {
                min-height: 49px;
                padding: 9px 7px;
                font-size: 14px;
            }

            .igph-live-box {
                padding: 8px 10px;
                font-size: 10px;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .igph-header *,
            .igph-header *::before,
            .igph-header *::after {
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                scroll-behavior: auto !important;
            }
        }

@media (max-width: 767px) {

    .igph-topbar-inner {
        justify-content: flex-start !important;
    }

    .igph-contact-list {
        width: 100%;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
    }

    .igph-contact-item {
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap;
        font-size: 11px !important;
    }

    /* Hide Sunday Service in mobile */
    .igph-contact-item:nth-child(3) {
        display: none !important;
    }

    /* Hide social section in mobile */
    .igph-social-area {
        display: none !important;
    }

    .igph-contact-item i {
        margin-right: 4px !important;
        font-size: 11px !important;
    }

    .igph-contact-item a {
        font-size: 11px !important;
        white-space: nowrap;
    }
}