/* Zad Travel Agency - Brand Theme */

:root {
    --zad-primary: #150342;
    --zad-primary-rgb: 21, 3, 66;
    --zad-white: #ffffff;
    --zad-gradient: linear-gradient(135deg, #150342 0%, #2a0769 55%, #150342 100%);
    --zad-gold: #01FF84;
    --zad-gold-rgb: 1, 255, 132;
    --zad-accent: #FFD700;
    --zad-accent-rgb: 255, 215, 0;
    --zad-success: #28a745;
    --zad-info: #17a2b8;
    --zad-warning: #ffc107;
    --zad-danger: #dc3545;
    --zad-light: #f8f9fa;
    --zad-dark: #343a40;
    --zad-muted: #6c757d;
    --zad-border-radius: 16px;
    --zad-border-radius-lg: 24px;
    --zad-border-radius-xl: 32px;
    --zad-shadow: 0 10px 30px rgba(21, 3, 66, 0.15);
    --zad-shadow-lg: 0 20px 60px rgba(21, 3, 66, 0.25);
    --zad-shadow-xl: 0 30px 90px rgba(21, 3, 66, 0.35);
    --zad-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --zad-transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    --zad-transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* General theme hook */
.zad-theme {
    accent-color: var(--zad-primary);
}

/* ===== Header (Zad) ===== */
.header--zad {
    background: rgba(var(--zad-primary-rgb), 0.82);
    backdrop-filter: saturate(1.2) blur(10px);
    -webkit-backdrop-filter: saturate(1.2) blur(10px);
    box-shadow: 0 10px 30px rgba(var(--zad-primary-rgb), 0.25);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    position: relative;
    z-index: 1000;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    min-height: 68px;
    height: auto;
    display: flex;
    align-items: center;
}
.header--zad > .container-fluid {
    height: 100%;
    display: flex;
    align-items: center;
}
.header--zad nav {
    height: 100%;
    min-height: 68px;
    display: flex;
    align-items: center;
}
.header--zad .logo {
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0;
}
.header--zad .logo img {
    display: block;
    height: 44px;
    width: auto;
    margin: 0;
}
.header--zad .header-btn-wrap {
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0;
}
@media (max-width: 991px) {
    .header--zad {
        min-height: 60px;
    }
    .header--zad nav {
        min-height: 60px;
    }
    .header--zad .logo,
    .header--zad .header-btn-wrap {
        height: 100%;
        margin: 0;
    }
    .header--zad .logo img {
        height: 38px;
    }
}
/* Modern animated underline separator */
.header--zad::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0; height: 2px;
    background: linear-gradient(90deg, transparent 0%, #01FF84 20%, #ffffff 50%, #01FF84 80%, transparent 100%);
    box-shadow: 0 0 20px rgba(1,255,132,.4);
    opacity: 0; transform: scaleX(0); transform-origin: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    animation: zad-header-pulse 3s ease-in-out infinite;
}
@keyframes zad-header-pulse {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 0.7; }
}
.header--zad:hover::after { opacity: 1; transform: scaleX(1); }

.header--zad .logo img {
    filter: drop-shadow(0 2px 8px rgba(0,0,0,.15));
    transition: transform 0.3s ease;
}
.header--zad:hover .logo img { transform: scale(1.05); }

.header--zad .nav-menu__link {
    color: var(--zad-white) !important;
    transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}
.header--zad .nav-menu__link i {
    color: var(--zad-white);
    margin-right: .5rem;
    opacity: .9;
    transition: all .3s ease;
}
.header--zad .nav-menu__item:hover > .nav-menu__link, 
.header--zad .nav-menu__item.activePage > .nav-menu__link {
    color: #fff !important;
    text-shadow: 0 0 10px rgba(1,255,132,.6);
    transform: translateY(-1px);
}
.header--zad .nav-menu__item:hover > .nav-menu__link i { 
    color: #01FF84; 
    transform: scale(1.1);
}

/* Scrolled state - better contrast */
.header--zad.scrolled {
    background: #150342 !important; backdrop-filter: saturate(1.2) blur(10px); -webkit-backdrop-filter: saturate(1.2) blur(10px);
    border-bottom-color: rgba(1,255,132,.3);
    box-shadow: 0 18px 38px rgba(var(--zad-primary-rgb), .4), 0 0 0 1px rgba(1,255,132,.2) inset;
}
.header--zad.scrolled::after { opacity: 0.8; transform: scaleX(1); }
.header--zad.scrolled .nav-menu__link { 
    color: #ffffff !important; 
    text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.header--zad.scrolled .nav-menu__item:hover > .nav-menu__link { 
    color: #01FF84 !important; 
    text-shadow: 0 0 8px rgba(1,255,132,.8);
}

/* Mobile menu toggle */
.header--zad .toggle-mobileMenu,
.header--zad .header-btn-wrap button {
    color: var(--zad-white) !important;
    font-size: 1.5rem;
    transition: all .3s ease;
}
.header--zad .toggle-mobileMenu:hover {
    color: #01FF84 !important;
    transform: scale(1.1);
}

/* Submenu styling */
.header--zad .nav-submenu {
    background: rgba(255,255,255,.98) !important;
    border: 1px solid rgba(var(--zad-primary-rgb), .08);
    box-shadow: 0 20px 40px rgba(5, 10, 25, 0.12);
    backdrop-filter: blur(8px);
}

/* Mobile menu enhancements */
.mobile-menu {
    background: linear-gradient(180deg, rgba(var(--zad-primary-rgb), .95) 0%, rgba(var(--zad-primary-rgb), .98) 100%) !important;
    backdrop-filter: blur(10px);
}
.mobile-menu .nav-menu__link {
    color: #ffffff !important;
    transition: all .3s ease;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.mobile-menu .nav-menu__link:hover {
    color: #01FF84 !important;
    background: rgba(1,255,132,.1);
    padding-left: 1.5rem;
}

/* Footer Social Icons Fix */
.footer--zad .social-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--zad-primary) 0%, rgba(var(--zad-primary-rgb),.8) 100%);
    color: #ffffff !important;
    font-size: 18px;
    transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    border: 2px solid rgba(1,255,132,.2);
    z-index: 1;
}
.footer--zad .social-icon::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #01FF84 0%, #ffffff 100%);
    opacity: 0;
    transition: opacity .3s ease;
    z-index: -1;
}
.footer--zad .social-icon:hover {
    transform: translateY(-3px) scale(1.05);
    border-color: rgba(1,255,132,.6);
    box-shadow: 0 8px 25px rgba(1,255,132,.3);
}
.footer--zad .social-icon:hover::before { opacity: 1; }
.footer--zad .social-icon:hover i { color: var(--zad-primary) !important; }

.footer--zad .social-icon i {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    z-index: 2;
    position: relative;
    transition: color .3s ease;
}

/* Specific social platform colors on hover */
.footer--zad .social-facebook:hover { border-color: #1877f2; box-shadow: 0 8px 25px rgba(24,119,242,.3); }
.footer--zad .social-instagram:hover { border-color: #e4405f; box-shadow: 0 8px 25px rgba(228,64,95,.3); }
.footer--zad .social-x:hover { border-color: #000000; box-shadow: 0 8px 25px rgba(0,0,0,.3); }
.footer--zad .social-linkedin:hover { border-color: #0077b5; box-shadow: 0 8px 25px rgba(0,119,181,.3); }
.footer--zad .social-youtube:hover { border-color: #ff0000; box-shadow: 0 8px 25px rgba(255,0,0,.3); }
.footer--zad .social-telegram:hover { border-color: #0088cc; box-shadow: 0 8px 25px rgba(0,136,204,.3); }
.footer--zad .social-tiktok:hover { border-color: #000000; box-shadow: 0 8px 25px rgba(0,0,0,.3); }
.footer--zad .social-threads:hover { border-color: #000000; box-shadow: 0 8px 25px rgba(0,0,0,.3); }

/* Header CTA */
.btn-brand-solid {
    background: var(--zad-primary) !important;
    color: var(--zad-white) !important;
    border: 0 !important;
    box-shadow: 0 10px 24px rgba(var(--zad-primary-rgb), .35);
}
.btn-brand-outline {
    background: transparent !important;
    color: var(--zad-white) !important;
    border: 2px solid rgba(255,255,255,.85) !important;
}
.btn-aurora { /* animated gradient border ring */
    position: relative;
    isolation: isolate;
    overflow: visible;
}
.btn-aurora::before {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: inherit;
    padding: 2px;
    background: conic-gradient(from 0deg, rgba(255,255,255,.0) 0%, rgba(255,255,255,.0) 25%, rgba(255,255,255,.25) 40%, rgba(255,255,255,.0) 60%, rgba(255,255,255,.12) 85%, rgba(255,255,255,.0) 100%),
                conic-gradient(from 0deg, rgba(var(--zad-primary-rgb), .0) 0%, rgba(var(--zad-primary-rgb), .25) 25%, rgba(var(--zad-primary-rgb), .55) 50%, rgba(var(--zad-primary-rgb), .25) 75%, rgba(var(--zad-primary-rgb), .0) 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: zad-rotate 3.2s linear infinite;
    z-index: -1;
}
@keyframes zad-rotate { to { transform: rotate(360deg); } }

/* ===== Hero / Banner ===== */
.banner-two-area.hero--zad {
    position: relative;
}
.banner-two-area.hero--zad .banner-two-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(1200px 600px at 20% 10%, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 55%),
                radial-gradient(900px 500px at 90% 0%, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 60%),
                linear-gradient(180deg, rgba(var(--zad-primary-rgb), .55) 0%, rgba(var(--zad-primary-rgb), .82) 100%);
    pointer-events: none;
}
.zad-gradient-text {
    background: var(--zad-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.banner-two-area.hero--zad .section-subtitle {
    color: #fff !important;
    opacity: .92;
}
.banner-two-area.hero--zad .banner-two-title {
    color: var(--zad-white);
    text-shadow: 0 6px 40px rgba(0,0,0,.25);
}
.banner-two-area.hero--zad .banner-two-button .primary-btn {
    border-radius: 9999px;
}

/* ===== Checkout (glassmorphism + subtle animated border) ===== */
.checkout-two-area .checkout-bg { background: rgba(255,255,255,.06); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border-radius: 18px; border: 1px solid rgba(255,255,255,.18); box-shadow: 0 18px 40px rgba(21,3,66,.18), 0 0 0 1px rgba(255,255,255,.06) inset; }
.checkout-two-area .checkout-main-wrapper { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); grid-auto-flow: row dense; gap: 16px; }
.checkout-two-area .checkout-main-wrapper > * { min-width: 0; }
.checkout-two-area .checkout-wrapper { background: rgba(255,255,255,.04); border-radius: 14px; padding: 12px; box-shadow: 0 6px 16px rgba(21,3,66,.12) inset; }

/* nice-select polish */
.checkout-two-area .nice-select { position: relative; border-radius: 12px; padding: 12px 40px 12px 14px; border: 1px solid rgba(21,3,66,.18); background: rgba(255,255,255,.85); min-height: 44px; }
.checkout-two-area .nice-select:focus-within { outline: none; box-shadow: 0 0 0 3px rgba(1,255,132,.35); border-color: rgba(1,255,132,.65); }
.checkout-two-area .nice-select .current { font-weight: 600; color: #150342; }
.checkout-two-area .nice-select::after { content: "\f107"; font: var(--fa-font-solid); position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #150342; opacity: .8; }
.checkout-two-area .nice-select .list { margin-top: 8px; border-radius: 10px; background: #fff; border: 1px solid rgba(21,3,66,.12); box-shadow: 0 16px 28px rgba(21,3,66,.18); max-height: 220px; overflow: auto; }
.checkout-two-area .nice-select .option { padding: 10px 12px; cursor: pointer; }
.checkout-two-area .nice-select .option:hover { background: rgba(1,255,132,.08); }

/* live summary chips */
.checkout-summary { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; align-items: center; }
.checkout-chip { display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 9999px; background: #fff; color: #150342; font-weight: 800; box-shadow: 0 8px 18px rgba(21,3,66,.18); white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.checkout-chip i { color: #150342; }

/* CTA states */
.checkout-two-area .checkout-button a.is-disabled { opacity: .55; pointer-events: none; filter: grayscale(.25); }

/* Progress bar */
.checkout-progress { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.checkout-progress .progress-track { position: relative; flex: 1 1 auto; height: 8px; border-radius: 9999px; background: rgba(21,3,66,.12); overflow: hidden; }
.checkout-progress .progress-bar { position: absolute; left: 0; top: 0; bottom: 0; width: 0%; background: linear-gradient(90deg, #01FF84 0%, #150342 100%); box-shadow: 0 4px 12px rgba(1,255,132,.35); border-radius: 9999px; transition: width .35s ease; }
.checkout-progress .progress-label { color: #fff; font-weight: 700; font-size: 13px; text-shadow: 0 2px 10px rgba(0,0,0,.35); }

/* ===== Utilities ===== */
.text-zad { color: var(--zad-primary) !important; }
.bg-zad { background: var(--zad-primary) !important; }
.bg-zad-gradient { background: var(--zad-gradient) !important; }

/* Make header stick feel smoother on scroll */
.header--zad { transition: background-color .25s ease, box-shadow .25s ease, transform .25s ease; } 

/* Progress circle color tweak (if used by JS) */
.progress-wrap path { stroke: rgba(var(--zad-primary-rgb), .9); }

/* Mobile menu close button on brand background */
.mobile-menu .close-button {
    border: 1px solid rgba(var(--zad-primary-rgb), .15);
}

/* Icon helper */
.icon-zad { color: var(--zad-primary) !important; } 

/* ===== Radiant Animated Text ===== */
.zad-animated-gradient {
    background-size: 220% 100% !important;
    animation: zad-gradient-flow 8s ease-in-out infinite;
}
@keyframes zad-gradient-flow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.zad-radiant-text {
    background-image: linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,.95) 15%, #a89dff 35%, #150342 55%, #c9c2ff 75%, #ffffff 100%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    text-shadow: 0 8px 30px rgba(0,0,0,.25);
    letter-spacing: 0.5px;
}
.zad-title-radiant {
    background-image: linear-gradient(90deg, #ffffff 0%, #dcd7ff 20%, #150342 50%, #b4abff 80%, #ffffff 100%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 10px 40px rgba(21,3,66,.35));
}

/* Refine hero title scale for readability */
.banner-two-area.hero--zad .banner-two-title {
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: .5px;
    font-size: clamp(2.5rem, 6vw, 4.5rem);
}

/* Hero title visibility fixes */
.banner-two-area.hero--zad .banner-two-title,
.banner-two-area.hero--zad .banner-two-title * {
    color: #ffffff; /* fallback */
}
.banner-two-area.hero--zad .banner-two-title.zad-title-radiant {
    -webkit-text-stroke: 0.5px rgba(0,0,0,.25);
}
/* Ensure SplitText chars inherit gradient */
.hero--zad .banner-two-title .split, .hero--zad .banner-two-title .char { 
    background: inherit; -webkit-background-clip: inherit; background-clip: inherit; -webkit-text-fill-color: inherit; 
}

/* ===== Header Menu Hover: animated ring + underline ===== */
.header--zad .nav-menu__link {
    position: relative;
    border-radius: 9999px;
    padding-inline: 14px;
}
.header--zad .nav-menu__link::before {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: inherit;
    padding: 2px;
    background: conic-gradient(from 0deg, rgba(255,255,255,.0) 0%, rgba(255,255,255,.28) 18%, rgba(21,3,66,.65) 40%, rgba(21,3,66,.2) 65%, rgba(255,255,255,.0) 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
    opacity: 0; transform: scale(.96);
    transition: opacity .25s ease, transform .25s ease;
}
.header--zad .nav-menu__link::after {
    content: "";
    position: absolute; left: 14px; right: 14px; bottom: 6px; height: 2px;
    background: var(--zad-gradient);
    transform: scaleX(0); transform-origin: 0 50%;
    transition: transform .35s ease;
}
.header--zad .nav-menu__item:hover > .nav-menu__link::before,
.header--zad .nav-menu__item.activePage > .nav-menu__link::before {
    opacity: 1; transform: scale(1);
    animation: zad-rotate 2.2s linear infinite;
}
.header--zad .nav-menu__item:hover > .nav-menu__link::after,
.header--zad .nav-menu__item.activePage > .nav-menu__link::after { transform: scaleX(1); }

/* Strengthen hover text gradient for menu */
.header--zad .nav-menu__item:hover > .nav-menu__link,
.header--zad .nav-menu__item.activePage > .nav-menu__link {
    background-image: linear-gradient(90deg, #ffffff 0%, #b9b0ff 30%, #150342 60%, #ffffff 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent !important;
} 

/* Header hover contrast fix */
.header--zad .nav-menu__item:hover > .nav-menu__link,
.header--zad .nav-menu__item.activePage > .nav-menu__link {
    color: #ffffff !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.35);
    background-image: none; /* override gradient text that reduced contrast */
}
/* Keep underline and ring visual while text stays white */
.header--zad .nav-menu__item:hover > .nav-menu__link::after,
.header--zad .nav-menu__item.activePage > .nav-menu__link::after { background: var(--zad-gradient); }

/* ===== Neon Glow Cards & Buttons ===== */
:root {
    --zad-accent-cyan: #00e5ff;
    --zad-accent-lime: #e7ff64;
}

.zad-neon-card {
    position: relative;
    background: rgba(7, 8, 24, 0.86);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 18px;
    box-shadow: 0 20px 40px rgba(0,0,0,.25);
    overflow: visible;
    transform: translateZ(0);
    transition: transform .25s ease, box-shadow .25s ease;
}
.zad-neon-card::before {
    content: "";
    position: absolute;
    inset: -10px;
    border-radius: 22px;
    background: linear-gradient(135deg, var(--zad-accent-lime) 0%, rgba(21,3,66,.0) 30%, rgba(21,3,66,.0) 70%, var(--zad-accent-cyan) 100%);
    transform: rotate(-2.5deg);
    z-index: -1;
    filter: drop-shadow(0 0 10px rgba(0,0,0,.25)) drop-shadow(0 12px 30px rgba(0,0,0,.35));
}
.zad-neon-card:hover {
    transform: translateY(-6px) rotate(-0.3deg);
    box-shadow: 0 26px 60px rgba(0,0,0,.35);
}
.zad-neon-card:hover::before { animation: zad-rotate 8s linear infinite; }

/* Neon Pill Button */
.btn-neon {
    position: relative;
    border-radius: 9999px !important;
    background: radial-gradient(120% 120% at 0% 0%, rgba(255,255,255,.12), rgba(255,255,255,0)), var(--zad-primary);
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: 0 10px 22px rgba(var(--zad-primary-rgb), .35), 0 0 0 2px rgba(255,255,255,.08) inset;
}
.btn-neon::after {
    content: "";
    position: absolute; inset: -3px; border-radius: inherit;
    background: linear-gradient(90deg, var(--zad-accent-cyan), var(--zad-accent-lime));
    z-index: -1; filter: blur(10px); opacity: .8;
}
.btn-neon:hover { transform: translateY(-2px); }

/* Corner Accent Wrapper */
.zad-corner-accent {
    position: relative;
}
.zad-corner-accent::before,
.zad-corner-accent::after {
    content: ""; position: absolute; width: 88px; height: 88px; pointer-events: none;
    background:
      linear-gradient(90deg, var(--zad-accent-cyan), transparent) left top / 60% 2px no-repeat,
      linear-gradient(180deg, var(--zad-accent-cyan), transparent) left top / 2px 60% no-repeat;
}
.zad-corner-accent::after {
    right: 0; bottom: 0; left: auto; top: auto;
    background:
      linear-gradient(270deg, var(--zad-accent-lime), transparent) right bottom / 60% 2px no-repeat,
      linear-gradient(0deg, var(--zad-accent-lime), transparent) right bottom / 2px 60% no-repeat;
}

/* Apply neon to existing cards on home */
.interactive-features .feature-card { border-radius: 18px; }
.interactive-features .feature-card { background: transparent; }
.interactive-features .feature-card { box-shadow: none; }
.interactive-features .feature-card { position: relative; }
.interactive-features .feature-card { overflow: visible; }
.interactive-features .feature-card { backdrop-filter: none; }

/* without changing markup, decorate feature-card */
.interactive-features .feature-card { border: 0; }
.interactive-features .feature-card { padding: 24px; }
.interactive-features .feature-card { isolation: isolate; }
.interactive-features .feature-card::before {
    content: ""; position: absolute; inset: -10px; border-radius: 22px; z-index: -1;
    background: linear-gradient(135deg, var(--zad-accent-lime) 0%, rgba(21,3,66,.0) 30%, rgba(21,3,66,.0) 70%, var(--zad-accent-cyan) 100%);
    transform: rotate(-2.5deg);
}
.interactive-features .feature-card::after {
    content: ""; position: absolute; inset: 0; border-radius: 18px;
    background: rgba(7,8,24,.86);
    box-shadow: 0 20px 40px rgba(0,0,0,.25);
}
.interactive-features .feature-card * { position: relative; z-index: 1; } 

/* Specific gradient text: #150342 -> #150342 (brand solid gradient) */
.zad-text-gradient-primary {
    background-image: linear-gradient(135deg, #150342 0%, #150342 100%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
} 

/* Force gradient for 'Umrah Package' span and raise hero heading layer */
.hero--zad .text-center { position: relative; z-index: 6; }
.hero--zad .banner-two-title .zad-text-gradient-primary {
    background-image: linear-gradient(135deg, #150342 0%, #150342 100%) !important;
    -webkit-background-clip: text !important; background-clip: text !important;
    -webkit-text-fill-color: transparent !important; color: transparent !important;
} 

/* Visibility boost for hero gradient word */
.hero--zad .banner-two-title { position: relative; z-index: 7; mix-blend-mode: normal; }
.hero--zad .banner-two-title .zad-text-gradient-primary {
    background-image: linear-gradient(135deg, #150342 0%, #150342 100%) !important;
    -webkit-background-clip: text !important; background-clip: text !important;
    -webkit-text-fill-color: transparent !important; color: transparent !important;
    -webkit-text-stroke: 1.25px rgba(255,255,255,.45);
    text-shadow: 0 3px 18px rgba(255,255,255,.28), 0 0 26px rgba(21,3,66,.6);
    letter-spacing: 1px;
} 

/* ===== Checkout UX enhancements ===== */
.checkout-two-area .checkout-main-wrapper {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}
.checkout-two-area .checkout-wrapper { margin-bottom: 0; }
.checkout-two-area .checkout-wrapper:nth-last-child(2) { grid-column: span 5; }
.checkout-two-area .checkout-button { grid-column: span 2; align-self: end; }

@media (max-width: 1199px) {
    .checkout-two-area .checkout-main-wrapper { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .checkout-two-area .checkout-button { grid-column: span 2; }
}
@media (max-width: 991px) {
    .checkout-two-area .checkout-main-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .checkout-two-area .checkout-button { grid-column: span 2; }
}
@media (max-width: 575px) {
    .checkout-two-area .checkout-main-wrapper { grid-template-columns: 1fr; }
    .checkout-two-area .checkout-button { grid-column: span 1; }
}

/* Nice select polish */
.checkout-two-area .nice-select { height: 48px; display: flex; align-items: center; padding-inline: 14px; }
.checkout-two-area .nice-select .current { color: rgba(17,24,39,.92); }
.checkout-two-area .nice-select:hover { border-color: rgba(var(--zad-primary-rgb), .25) !important; }
.checkout-two-area .nice-select:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(var(--zad-primary-rgb), .25); }
.checkout-two-area .nice-select .list { max-height: 220px; overflow: auto; }

/* Summary chips */
.checkout-summary { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 8px 6px; }
.checkout-chip { display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 9999px; background: rgba(21,3,66,.08); border: 1px solid rgba(var(--zad-primary-rgb), .12); color: #0f172a; font-weight: 600; font-size: 13px; }
.checkout-chip i { color: var(--zad-primary); }

/* CTA state */
.checkout-two-area .checkout-button .primary-btn.is-disabled { opacity: .55; pointer-events: none; }
.checkout-two-area .checkout-button .primary-btn { min-height: 48px; } 

/* ===== Umrah Guide – Rotating gradient borders ===== */
.umrah-guide-section .timeline-step {
    position: relative;
    z-index: 0;
    isolation: isolate;
    border-radius: 18px;
    padding: 22px 18px;
    margin-bottom: 16px;
    transform: translateZ(0);
}
/* sweeping glow runner around the edge */
.umrah-guide-section .timeline-step::before {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: inherit;
    padding: 2px; /* ring thickness */
    background:
      conic-gradient(from 0deg,
        rgba(21,3,66,0) 0deg, rgba(21,3,66,0) 350deg,
        #ffffff 352deg, #150342 356deg, #ffffff 359deg,
        rgba(21,3,66,0) 360deg);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
    animation: zad-border-sweep 3s linear infinite; /* anticlockwise sweep */
    filter: drop-shadow(0 0 12px rgba(21,3,66,.55)) drop-shadow(0 0 22px rgba(255,255,255,.45)) drop-shadow(0 10px 24px rgba(21,3,66,.25));
}
@keyframes zad-border-sweep { to { transform: rotate(-360deg); } }

.umrah-guide-section .timeline-step::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: rgba(255, 255, 255, .06);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 14px 36px rgba(16,12,60,.18);
    border: 1px solid rgba(21,3,66,.12);
    z-index: -1;
}
.umrah-guide-section .timeline-step:hover { transform: translateY(-4px); }
.umrah-guide-section .timeline-step:hover::before { animation-duration: 1.8s; }

/* Step header polish */
.umrah-guide-section .timeline-step .step-header { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.umrah-guide-section .timeline-step .step-number {
    font-weight: 800; font-size: 22px; line-height: 1; padding: 8px 12px; border-radius: 9999px;
    background: linear-gradient(135deg, #150342 0%, #ffffff 100%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    border: 1px solid rgba(21,3,66,.25);
}
.umrah-guide-section .timeline-step .step-icon i { color: #150342; filter: drop-shadow(0 4px 12px rgba(21,3,66,.35)); }
.umrah-guide-section .timeline-step .step-title { margin: 0; }

/* Subtle divider */
.umrah-guide-section .timeline-step .step-details { margin-top: 10px; border-top: 1px dashed rgba(21,3,66,.15); padding-top: 12px; }

@media (max-width: 575px) {
    .umrah-guide-section .timeline-step { padding: 16px 14px; }
} 

/* Override previous conic ring for guide steps */
.umrah-guide-section .timeline-step::before {
    content: "";
    position: absolute;
    inset: -6px; /* extend outside to emphasize glow */
    border-radius: inherit;
    padding: 6px; /* ring thickness */
    background: linear-gradient(135deg, #150342 0%, #ffffff 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
    filter: blur(14px);
    opacity: .85;
    z-index: -2;
    pointer-events: none;
}

/* SVG runner overlay */
.umrah-guide-section .timeline-step { overflow: visible; }
.umrah-guide-section .runner-svg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; border-radius: inherit; filter: drop-shadow(0 0 12px rgba(255,255,255,.45)) drop-shadow(0 0 22px rgba(21,3,66,.45)); }
.umrah-guide-section .runner-rect { fill: none; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 8 92; animation: zad-stroke-run 3s linear infinite; }
.umrah-guide-section .timeline-step:hover .runner-rect { animation-duration: 1.6s; }
@keyframes zad-stroke-run { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -100; } } 

/* Brand outer glow around step boxes */
.umrah-guide-section .timeline-step {
    box-shadow:
      0 0 0 1px rgba(21,3,66,.18),                  /* subtle outline */
      0 0 24px rgba(21,3,66,.40),                    /* brand glow */
      0 0 42px rgba(255,255,255,.28),               /* white halo */
      0 20px 40px rgba(16,12,60,.22);               /* depth shadow */
}
.umrah-guide-section .timeline-step:hover {
    box-shadow:
      0 0 0 1px rgba(21,3,66,.24),
      0 0 32px rgba(21,3,66,.60),
      0 0 70px rgba(255,255,255,.36),
      0 26px 54px rgba(16,12,60,.28);
} 

/* ===== Reusable cards/grid with gradient borders and glass ===== */
/* Grid for Umrah guide steps */
.umrah-guide-section .timeline-container { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 1024px) { .umrah-guide-section .timeline-container { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .umrah-guide-section .timeline-container { grid-template-columns: 1fr; } }

/* Equal height cards in the guide grid */
.umrah-guide-section .timeline-container { align-items: stretch; grid-auto-rows: 1fr; }
.umrah-guide-section .timeline-step { height: 100%; display: flex; flex-direction: column; }
.umrah-guide-section .timeline-step .step-content, .umrah-guide-section .timeline-step .step-details { flex: 1 1 auto; }

/* Card base for feature cards (and similar promo cards) */
.feature-card, .service-two-wrapper, .project-two-wrapper {
    position: relative;
    border-radius: 18px;
    background: rgba(255,255,255,.06);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    transform: translateY(0) scale(1);
    transition: transform .35s ease, box-shadow .35s ease, filter .35s ease;
    animation: zad-shadow-pulse 8s ease-in-out infinite;
}
.feature-card::before, .service-two-wrapper::before, .project-two-wrapper::before {
    content: "";
    position: absolute; inset: -2px; border-radius: inherit; padding: 2px;
    background: linear-gradient(135deg, #150342 0%, #ffffff 50%, #150342 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
    pointer-events: none;
}
.feature-card:hover, .service-two-wrapper:hover, .project-two-wrapper:hover { transform: translateY(-6px) scale(1.01); }

/* Animated shadow pulse */
@keyframes zad-shadow-pulse {
  0%,100% { box-shadow: 0 10px 24px rgba(16,12,60,.15), 0 0 0 rgba(21,3,66,0); }
  50% { box-shadow: 0 20px 46px rgba(16,12,60,.25), 0 0 28px rgba(21,3,66,.18); }
}

/* Icon pill with hover motion */
.feature-card .feature-icon, .service-two-wrapper .feature-two-thumb, .project-two-wrapper .project-two-thumb { position: relative; }
.feature-card .feature-icon::before {
    content: ""; position: absolute; inset: -8px; border-radius: 9999px; z-index: -1;
    background: radial-gradient(110% 110% at 30% 25%, #ffffff 0%, rgba(255,255,255,.65) 20%, #150342 65%, rgba(21,3,66,.85) 100%);
    transition: transform .5s ease;
}
.feature-card:hover .feature-icon::before { transform: rotate(8deg) scale(1.06); }

/* Gradient titles */
.feature-card h5, .umrah-guide-section .timeline-step .step-header h3 { 
    background: linear-gradient(135deg, #150342 0%, #ffffff 55%, #150342 100%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}

/* Styled count / badge (reuse for step number) */
.badge-count, .umrah-guide-section .timeline-step .step-number {
    border: 1px solid rgba(21,3,66,.25);
    box-shadow: 0 6px 16px rgba(21,3,66,.2) inset;
}

/* Scroll/hover effect safety for users preferring reduced motion */
@media (prefers-reduced-motion: reduce) {
    .feature-card, .service-two-wrapper, .project-two-wrapper, .umrah-guide-section .runner-rect { animation: none !important; }
    .feature-card, .service-two-wrapper, .project-two-wrapper, .umrah-guide-section .timeline-step, .umrah-guide-section .runner-svg { transition: none !important; }
} 

/* Brand background for Interactive Features cards */
.interactive-features .feature-card {
    background:
      radial-gradient(120% 60% at 50% 0%, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 55%),
      linear-gradient(135deg, #150342 0%, #ffffff 8%, #150342 100%) !important;
    color: #ffffff;
}
.interactive-features .feature-card p { color: rgba(255,255,255,.80); }
.interactive-features .feature-card h5 { -webkit-text-fill-color: #ffffff; background: none; } 

/* ===== Advance gallery (image row) styling ===== */
.advance-area .advance-two-wrap {
    position: relative;
    border-radius: 22px;
    background: rgba(255,255,255,.04);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    box-shadow:
      0 0 0 1px rgba(21,3,66,.15),
      0 14px 36px rgba(16,12,60,.18);
}
.advance-area .advance-two-wrap::before {
    content: ""; position: absolute; inset: -2px; border-radius: inherit; padding: 2px; z-index: -1;
    background: linear-gradient(135deg, #150342 0%, #ffffff 50%, #150342 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
    pointer-events: none;
}

/* Individual image cards */
.advance-area .advance-two-item {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    transform: translateY(0) scale(1);
    transition: transform .35s ease, box-shadow .35s ease, filter .35s ease;
    box-shadow:
      0 0 0 1px rgba(21,3,66,.18),
      0 10px 24px rgba(16,12,60,.18),
      0 0 24px rgba(21,3,66,.28),
      0 0 24px rgba(255,255,255,.18);
}
.advance-area .advance-two-item::before {
    content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1px;
    background: linear-gradient(135deg, #150342 0%, #ffffff 50%, #150342 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
    z-index: 1; pointer-events: none;
}
.advance-area .advance-two-item:hover { transform: translateY(-6px) scale(1.02); box-shadow:
      0 0 0 1px rgba(21,3,66,.22),
      0 18px 40px rgba(16,12,60,.25),
      0 0 40px rgba(21,3,66,.40),
      0 0 52px rgba(255,255,255,.30);
}

.advance-area .advance-two-thumb img { display: block; width: 100%; height: auto; border-radius: inherit; } 

/* SVG runner for advance image cards */
.advance-area .adv-runner-svg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 2; }
.advance-area .adv-runner-rect { fill: none; stroke-width: 2; stroke-linecap: round; stroke-dasharray: 8 92; animation: adv-stroke-run 3s linear infinite; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 8px rgba(0,229,255,.45)) drop-shadow(0 0 16px rgba(231,255,100,.35)); }
@keyframes adv-stroke-run { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -100; } }

/* allow glow to render outside */
.advance-area .advance-two-item { overflow: visible; } 

/* ===== Brand info section (Zad Travel Agency) ===== */
.brand-info-section .travelor-title {
    background: linear-gradient(135deg, #150342 0%, #ffffff 55%, #150342 100%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    letter-spacing: .5px;
}
.brand-info-section .travelor-text { color: rgba(255,255,255,.92); text-shadow: 0 2px 14px rgba(0,0,0,.35); }

.brand-info-section .pill-features {
    display: grid; gap: 12px; margin-top: 18px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1024px) { .brand-info-section .pill-features { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .brand-info-section .pill-features { grid-template-columns: 1fr; } }

.brand-info-section .pill-feature {
    position: relative; border-radius: 9999px; padding: 12px 16px; display: inline-flex; align-items: center; gap: 10px;
    background: rgba(255,255,255,.6);
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
    color: #150342; font-weight: 700;
    transform: translateY(0); transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
    box-shadow: 0 8px 22px rgba(16,12,60,.1);
}
.brand-info-section .pill-feature::before {
    content: ""; position: absolute; inset: -2px; border-radius: inherit; padding: 2px; pointer-events: none;
    background: linear-gradient(135deg, #150342 0%, #ffffff 50%, #150342 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
}
.brand-info-section .pill-feature i { color: #150342; text-shadow: 0 2px 10px rgba(21,3,66,.2); }
.brand-info-section .pill-feature:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(16,12,60,.18); }

@media (prefers-reduced-motion: reduce) {
    .brand-info-section .pill-feature { transition: none; }
} 

/* Section background in brand palette */
.brand-info-section {
    background: linear-gradient(135deg, #10022f 0%, #150342 100%);
    position: relative;
    overflow: hidden;
}
.brand-info-section::before { /* soft vignette/highlight */
    content: ""; position: absolute; top: 0; left: 0; right: 0; height: 220px; pointer-events: none; z-index: 0;
    background: radial-gradient(40% 35% at 50% 0%, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 70%);
}
.brand-info-section .container, .brand-info-section .travelor-plane-shape { position: relative; z-index: 1; }

/* Animated gradient on title */
.brand-info-section .travelor-title {
    color: #ffffff; /* fallback */
    background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #5632ED 100%);
    background-size: 200% 100%;
    animation: zad-title-sheen 6s ease-in-out infinite;
    text-shadow: 0 4px 24px rgba(0,0,0,.35), 0 1px 0 rgba(0,0,0,.25);
}
@keyframes zad-title-sheen { 0%,100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }

/* Gradient emphasis for bold words inside paragraph */
.brand-info-section .travelor-text .fw-bold {
    background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #5632ED 100%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}

/* Pill text uses gradient; ensure readability */
.brand-info-section .pill-feature {
    color: transparent;
    background-clip: padding-box; /* keep background ring intact */
}
.brand-info-section .pill-feature span, .brand-info-section .pill-feature { /* gradient text */
    background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #5632ED 100%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.brand-info-section .pill-feature i { color: #ffffff; filter: drop-shadow(0 2px 8px rgba(21,3,66,.4)); } 

.brand-info-section .text-center { position: relative; }
.brand-info-section .text-center::after {
    content: ""; position: absolute; inset: -16px -16px -16px -16px; z-index: -1; border-radius: 24px;
    background: radial-gradient(60% 60% at 50% 0%, rgba(21,3,66,.35) 0%, rgba(21,3,66,0) 70%);
    filter: blur(8px);
} 

/* ===== Sacred Destinations slider styling ===== */
.sacred-destinations { background: linear-gradient(135deg, #10022f 0%, #150342 100%); }
.sacred-destinations .section-subtitle { color: rgba(255,255,255,.85); }
.sacred-destinations .section-title { 
    background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #5632ED 100%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.sacred-destinations .project-two-wrapper {
    background: rgba(255,255,255,.06) !important; border-radius: 18px; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
    position: relative; overflow: hidden; transform: translateY(0) scale(1); transition: transform .35s ease, box-shadow .35s ease;
    box-shadow: 0 10px 24px rgba(16,12,60,.18), 0 0 24px rgba(21,3,66,.18);
}
.sacred-destinations .project-two-wrapper::before {
    content: ""; position: absolute; inset: -2px; border-radius: inherit; padding: 2px; pointer-events: none;
    background: linear-gradient(135deg, #150342 0%, #ffffff 50%, #150342 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
}
.sacred-destinations .project-two-wrapper:hover { transform: translateY(-6px) scale(1.02); box-shadow: 0 18px 40px rgba(16,12,60,.24), 0 0 40px rgba(21,3,66,.28); }

/* Tag bar for number of days */
.sacred-destinations .project-two-text { background: linear-gradient(135deg, #01FF84 0%, #5632ED 100%) !important; color: #ffffff !important; padding: 6px 12px; border-radius: 9999px; top: 14px; right: 14px; left: auto; }
.sacred-destinations .project-two-title a { color: #ffffff; text-shadow: 0 2px 12px rgba(0,0,0,.35); }
.sacred-destinations .project-two-paragraph { color: rgba(255,255,255,.85); } 

/* Section separator between brand info and sacred destinations */
.brand-info-section + .sacred-destinations { position: relative; }
.brand-info-section + .sacred-destinations::before {
    content: ""; position: absolute; top: -28px; left: 0; right: 0; height: 28px; pointer-events: none; z-index: 3;
    background:
      linear-gradient(135deg, #150342 0%, #ffffff 50%, #150342 100%);
    -webkit-mask: linear-gradient(transparent, #000 60%);
    mask: linear-gradient(transparent, #000 60%);
    box-shadow: 0 -12px 24px rgba(0,0,0,.35), 0 -2px 0 rgba(255,255,255,.15) inset;
} 

/* ===== Umrah Packages (advance tour plan) ===== */
.umrah-packages { background: linear-gradient(135deg, #10022f 0%, #150342 100%); }
.umrah-packages .section-subtitle { color: rgba(255,255,255,.85); }
.umrah-packages .section-title { 
    background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #5632ED 100%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.umrah-packages .service-two-wrapper {
    background: rgba(255,255,255,.06) !important; border-radius: 18px; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
    position: relative; overflow: hidden; transform: translateY(0) scale(1); transition: transform .35s ease, box-shadow .35s ease;
    box-shadow: 0 10px 24px rgba(16,12,60,.18), 0 0 24px rgba(21,3,66,.18);
}
.umrah-packages .service-two-wrapper::before {
    content: ""; position: absolute; inset: -2px; border-radius: inherit; padding: 2px; pointer-events: none;
    background: linear-gradient(135deg, #150342 0%, #ffffff 50%, #150342 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
}
.umrah-packages .service-two-wrapper:hover { transform: translateY(-6px) scale(1.02); box-shadow: 0 18px 40px rgba(16,12,60,.24), 0 0 40px rgba(21,3,66,.28); }

/* badges */
.package-badge { position: absolute; top: 12px; left: 12px; z-index: 3; padding: 6px 12px; border-radius: 9999px; font-weight: 800; font-size: 12px; letter-spacing: .4px; color: #150342; background: #ffffff; box-shadow: 0 6px 16px rgba(0,0,0,.18); }
.package-badge.vvip { background: linear-gradient(135deg, #5632ED 0%, #ffffff 50%, #01FF84 100%); color: #150342; }
.package-badge.vip { background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #5632ED 100%); color: #150342; }

.price-badge { position: absolute; right: 12px; top: 12px; z-index: 3; border-radius: 9999px; padding: 6px 12px; color: #ffffff; font-weight: 800; background: linear-gradient(135deg, #01FF84 0%, #5632ED 100%); box-shadow: 0 8px 22px rgba(16,12,60,.25); }

.umrah-packages .service-two-location, .umrah-packages .service-two-paragraph { color: rgba(255,255,255,.85); }
.umrah-packages .service-two-price h6 { color: #ffffff; } 

/* Animated runner for package cards */
.umrah-packages .service-two-wrapper { overflow: visible; }
.umrah-packages .pkg-runner-svg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 2; }
.umrah-packages .pkg-runner-rect { fill: none; stroke-width: 2; stroke-linecap: round; stroke-dasharray: 8 92; animation: pkg-stroke-run 3s linear infinite; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 8px rgba(1,255,132,.35)) drop-shadow(0 0 16px rgba(86,50,237,.35)); }
@keyframes pkg-stroke-run { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -100; } } 

/* Readability in packages section */
.umrah-packages .section-subtitle { color: #ffffff; text-shadow: 0 3px 16px rgba(0,0,0,.4); }
.umrah-packages .section-title { text-shadow: 0 4px 24px rgba(0,0,0,.45); }
.umrah-packages .section-paragraph { color: rgba(255,255,255,.9); text-shadow: 0 2px 14px rgba(0,0,0,.35); }
.umrah-packages .service-two-title a { color: #ffffff; text-shadow: 0 2px 12px rgba(0,0,0,.35); }
.umrah-packages .font-heading, .umrah-packages .service-two-star span, .umrah-packages .service-two-star i, .umrah-packages .service-two-price p { color: rgba(255,255,255,.88) !important; }

/* Hide any extra duplicate slides beyond the first three */
.umrah-packages .swiper-wrapper > .service-two-wrapper:nth-child(n+4) { display: none !important; } 

/* Gradient text for packages section headings */
.umrah-packages .section-subtitle {
    background: linear-gradient(135deg, #01FF84 0%, #5632ED 100%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    text-shadow: 0 3px 12px rgba(0,0,0,.35);
}
.umrah-packages .section-title {
    background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #5632ED 100%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    text-shadow: 0 4px 22px rgba(0,0,0,.45);
}
/* Ensure SplitText chars inherit gradient if used */
.umrah-packages .section-title .split, .umrah-packages .section-title .char,
.umrah-packages .section-subtitle .split, .umrah-packages .section-subtitle .char {
    background: inherit; -webkit-background-clip: inherit; background-clip: inherit; -webkit-text-fill-color: inherit;
} 

/* Force gradient on the packages main title */
.umrah-packages .section-wrapper .section-title {
    background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #5632ED 100%) !important;
    -webkit-background-clip: text !important; background-clip: text !important;
    -webkit-text-fill-color: transparent !important; color: transparent !important;
}
/* Ensure any animated split spans inherit the gradient */
.umrah-packages .section-wrapper .section-title * {
    background: inherit !important; -webkit-background-clip: inherit !important; background-clip: inherit !important;
    -webkit-text-fill-color: inherit !important; color: inherit !important;
} 

/* Gradient titles on package cards */
.umrah-packages .service-two-title a {
    background: linear-gradient(135deg, #150342 0%, #ffffff 60%, #150342 100%) !important;
    -webkit-background-clip: text !important; background-clip: text !important;
    -webkit-text-fill-color: transparent !important; color: transparent !important;
    text-shadow: 0 3px 14px rgba(0,0,0,.25);
}

/* Overlay (ratings/cta) text should be brand color on white */
.umrah-packages .service-two-wrap,
.umrah-packages .service-two-wrap * { color: #150342 !important; }
.umrah-packages .font-heading { color: #150342 !important; }

/* Keep location and meta bright */
.umrah-packages .service-two-location { color: #ffffff !important; text-shadow: 0 2px 10px rgba(0,0,0,.35); } 

/* ===== Categories (catagori-area) ===== */
.catagori-area { background: linear-gradient(135deg, #10022f 0%, #150342 100%); }
.catagori-area .section-subtitle { background: linear-gradient(135deg, #01FF84 0%, #5632ED 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.catagori-area .section-title { background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #5632ED 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 4px 22px rgba(0,0,0,.45); }

.catagori-area .catagori-item { position: relative; border-radius: 18px; overflow: visible; transform: translateY(0) scale(1); transition: transform .35s ease, box-shadow .35s ease; }
.catagori-area .catagori-item:hover { transform: translateY(-6px) scale(1.02); }
.catagori-area .catagori-item::before { content: ""; position: absolute; inset: -2px; border-radius: inherit; padding: 2px; pointer-events: none; background: linear-gradient(135deg, #150342 0%, #ffffff 50%, #150342 100%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; box-shadow: 0 10px 24px rgba(16,12,60,.2); }

/* Animated border runner */
.catagori-area .cat-runner-svg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 2; }
.catagori-area .cat-runner-rect { fill: none; stroke-width: 2; stroke-linecap: round; stroke-dasharray: 8 92; animation: cat-stroke-run 3s linear infinite; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 8px rgba(21,3,66,.35)) drop-shadow(0 0 14px rgba(255,255,255,.25)); }
@keyframes cat-stroke-run { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -100; } }

/* Gradient titles on category cards */
.catagori-area .catagori-title { background: linear-gradient(135deg, #01FF84 0%, #5632ED 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent !important; text-decoration: none; }
.catagori-area .catagori-title:hover { filter: brightness(1.05); } 

/* ===== Umrah Gallery ===== */
.umrah-gallery { background: linear-gradient(135deg, #10022f 0%, #150342 100%); }
.umrah-gallery .travelor-text { color: rgba(255,255,255,.9); text-shadow: 0 2px 14px rgba(0,0,0,.35); }
.umrah-gallery .travelor-text .fw-bold { background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #5632ED 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

.umrah-gallery .gallery-two-wrapper { position: relative; border-radius: 18px; overflow: visible; transform: translateY(0) scale(1); transition: transform .35s ease, box-shadow .35s ease; box-shadow: 0 12px 28px rgba(16,12,60,.22), 0 0 24px rgba(21,3,66,.25); }
.umrah-gallery .gallery-two-wrapper::before { content: ""; position: absolute; inset: -2px; border-radius: inherit; padding: 2px; pointer-events: none; background: linear-gradient(135deg, #150342 0%, #ffffff 50%, #150342 100%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
.umrah-gallery .gallery-two-wrapper:hover { transform: translateY(-6px) scale(1.02); box-shadow: 0 20px 46px rgba(16,12,60,.28), 0 0 36px rgba(21,3,66,.35); }

/* Animated runner around image card */
.umrah-gallery .gal-runner-svg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 2; }
.umrah-gallery .gal-runner-rect { fill: none; stroke-width: 2; stroke-linecap: round; stroke-dasharray: 8 92; animation: gal-stroke-run 3s linear infinite; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 8px rgba(21,3,66,.35)) drop-shadow(0 0 16px rgba(255,255,255,.28)); }
@keyframes gal-stroke-run { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -100; } }

/* Overlay chip */
.umrah-gallery .gallery-chip { position: absolute; top: 12px; left: 12px; z-index: 3; padding: 6px 12px; border-radius: 9999px; color: #ffffff; font-weight: 800; letter-spacing: .4px; background: linear-gradient(135deg, #150342 0%, #ffffff 60%, #150342 100%); box-shadow: 0 8px 22px rgba(16,12,60,.3); }
.umrah-gallery .gallery-two-thumb img { display: block; width: 100%; height: auto; border-radius: 14px; transform: scale(1); transition: transform .45s ease, filter .45s ease; }
.umrah-gallery .gallery-two-wrapper:hover .gallery-two-thumb img { transform: scale(1.06); }

@media (prefers-reduced-motion: reduce) {
  .umrah-gallery .gallery-two-wrapper, .umrah-gallery .gal-runner-rect { animation: none !important; transition: none !important; }
} 

/* ===== Umrah Counters ===== */
.umrah-counters { background: linear-gradient(135deg, #10022f 0%, #150342 100%); }
.umrah-counters .counter-wrap { position: relative; border-radius: 18px; overflow: visible; }
.umrah-counters .counter-content { position: relative; border-radius: 18px; background: rgba(255,255,255,.08); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); padding: 24px; box-shadow: 0 12px 28px rgba(16,12,60,.22); }
.umrah-counters .counter-content::before { content: ""; position: absolute; inset: -2px; border-radius: inherit; padding: 2px; background: linear-gradient(135deg, #150342 0%, #ffffff 50%, #150342 100%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.umrah-counters .counter-title { background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #5632ED 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 4px 22px rgba(0,0,0,.45); }
.umrah-counters .counter-paragraph { color: rgba(255,255,255,.9); text-shadow: 0 2px 12px rgba(0,0,0,.35); }

/* Runner */
.umrah-counters .ctr-runner-svg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 2; }
.umrah-counters .ctr-runner-rect { fill: none; stroke-width: 2; stroke-linecap: round; stroke-dasharray: 8 92; animation: ctr-stroke-run 3s linear infinite; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 8px rgba(21,3,66,.35)) drop-shadow(0 0 16px rgba(255,255,255,.25)); }
@keyframes ctr-stroke-run { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -100; } } 

/* Equal heights and centered content */
.umrah-counters .row > [class^='col-'],
.umrah-counters .row > [class*=' col-'] { display: flex; }
.umrah-counters .counter-wrap { flex: 1 1 auto; display: flex; }
.umrah-counters .counter-content { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 220px; }

/* Number vs suffix size */
.umrah-counters .counter-two-title { display: inline-flex; align-items: baseline; gap: 6px; font-size: 1.25rem; margin-bottom: 8px; }
.umrah-counters .counter-two-title .purecounter { font-size: clamp(2.75rem, 6vw, 4.5rem); line-height: 1; }

/* Separator from previous (gallery) */
.umrah-gallery + .umrah-counters { position: relative; }
.umrah-gallery + .umrah-counters::before { content: ""; position: absolute; top: -28px; left: 0; right: 0; height: 28px; pointer-events: none; z-index: 3; background: linear-gradient(135deg, #150342 0%, #ffffff 50%, #150342 100%); -webkit-mask: linear-gradient(transparent, #000 60%); mask: linear-gradient(transparent, #000 60%); box-shadow: 0 -12px 24px rgba(0,0,0,.35), 0 -2px 0 rgba(255,255,255,.15) inset; } 

/* ===== Umrah Brands (airlines & hotels) ===== */
.umrah-brands { background: linear-gradient(135deg, #10022f 0%, #150342 100%); }
.umrah-brands .section-subtitle { color: rgba(255,255,255,.9); }
.umrah-brands .section-title { background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #5632ED 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.umrah-brands .section-paragraph { color: rgba(255,255,255,.85); }
.umrah-brands .brand-wrapper { background: rgba(255,255,255,.08) !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border-radius: 16px; position: relative; overflow: visible; transform: translateY(0) scale(1); transition: transform .35s ease, box-shadow .35s ease; box-shadow: 0 12px 28px rgba(16,12,60,.22), 0 0 24px rgba(21,3,66,.25); }
.umrah-brands .brand-wrapper::before { content: ""; position: absolute; inset: -2px; border-radius: inherit; padding: 2px; pointer-events: none; background: linear-gradient(135deg, #150342 0%, #ffffff 50%, #150342 100%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
.umrah-brands .brand-wrapper:hover { transform: translateY(-6px) scale(1.02); box-shadow: 0 20px 46px rgba(16,12,60,.28), 0 0 36px rgba(21,3,66,.35); } 

/* ===== Umrah Testimonials ===== */
.umrah-testimonials { background: linear-gradient(135deg, #10022f 0%, #150342 100%); position: relative; }
.umrah-testimonials .section-subtitle { color: rgba(255,255,255,.9); }
.umrah-testimonials .section-title { background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #5632ED 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 4px 22px rgba(0,0,0,.45); }
.umrah-testimonials .section-paragraph { color: rgba(255,255,255,.85); }

/* Cards */
.umrah-testimonials .testimonial-two-wrapper { border-radius: 18px; overflow: visible; box-shadow: 0 12px 28px rgba(16,12,60,.22), 0 0 24px rgba(21,3,66,.25); }
.umrah-testimonials .testimonial-two-left { background: rgba(255,255,255,.06) !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.umrah-testimonials .testimonial-two-wrapper::before { content: ""; position: absolute; inset: -2px; border-radius: 18px; padding: 2px; pointer-events: none; background: linear-gradient(135deg, #150342 0%, #ffffff 50%, #150342 100%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }

/* Runner */
.umrah-testimonials .tst-runner-svg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 2; }
.umrah-testimonials .tst-runner-rect { fill: none; stroke-width: 2; stroke-linecap: round; stroke-dasharray: 8 92; animation: tst-stroke-run 3s linear infinite; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 8px rgba(21,3,66,.35)) drop-shadow(0 0 16px rgba(255,255,255,.25)); }
@keyframes tst-stroke-run { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -100; } }

/* Separators to neighbor sections */
.umrah-brands + .umrah-testimonials::before { content: ""; position: absolute; top: -28px; left: 0; right: 0; height: 28px; pointer-events: none; z-index: 3; background: linear-gradient(135deg, #150342 0%, #ffffff 50%, #150342 100%); -webkit-mask: linear-gradient(transparent, #000 60%); mask: linear-gradient(transparent, #000 60%); box-shadow: 0 -12px 24px rgba(0,0,0,.35), 0 -2px 0 rgba(255,255,255,.15) inset; }
.umrah-testimonials + .umrah-packages::before { content: ""; position: absolute; top: -28px; left: 0; right: 0; height: 28px; pointer-events: none; z-index: 3; background: linear-gradient(135deg, #150342 0%, #ffffff 50%, #150342 100%); -webkit-mask: linear-gradient(transparent, #000 60%); mask: linear-gradient(transparent, #000 60%); box-shadow: 0 -12px 24px rgba(0,0,0,.35), 0 -2px 0 rgba(255,255,255,.15) inset; } 

/* ===== Umrah Blogs ===== */
.umrah-blogs { background: linear-gradient(135deg, #10022f 0%, #150342 100%); }
.umrah-blogs .section-subtitle { color: rgba(255,255,255,.9); }
.umrah-blogs .section-title { background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #5632ED 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 4px 22px rgba(0,0,0,.45); }
.umrah-blogs .tw-text-lg { color: rgba(255,255,255,.9); }

.umrah-blogs .blog-two-wrapper { border-radius: 18px; overflow: visible; box-shadow: 0 12px 28px rgba(16,12,60,.22), 0 0 24px rgba(21,3,66,.25); background: rgba(255,255,255,.06); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.umrah-blogs .blog-two-wrapper::before { content: ""; position: absolute; inset: -2px; border-radius: inherit; padding: 2px; pointer-events: none; background: linear-gradient(135deg, #150342 0%, #ffffff 50%, #150342 100%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }

.umrah-blogs .blog-meta-chip { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 9999px; color: #150342; background: #ffffff; box-shadow: 0 8px 22px rgba(16,12,60,.25); font-weight: 800; }

/* Runner */
.umrah-blogs .blog-runner-svg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 2; }
.umrah-blogs .blog-runner-rect { fill: none; stroke-width: 2; stroke-linecap: round; stroke-dasharray: 8 92; animation: blog-stroke-run 3s linear infinite; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 8px rgba(21,3,66,.35)) drop-shadow(0 0 16px rgba(255,255,255,.25)); }
@keyframes blog-stroke-run { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -100; } }

/* ===== CTA ===== */
.cta--zad { background: linear-gradient(135deg, rgba(16,2,47,.85), rgba(21,3,66,.9)), url('../images/cta/cta-bg.jpg') center/cover no-repeat; }
.cta--zad .section-subtitle { color: rgba(255,255,255,.9); }
.cta--zad .section-title { background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #5632ED 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 6px 28px rgba(0,0,0,.5); }
.cta--zad .tw-text-lg { color: rgba(255,255,255,.92); text-shadow: 0 2px 14px rgba(0,0,0,.4); }
.cta--zad .section-wrapper { border-radius: 22px; background: rgba(255,255,255,.06); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); box-shadow: 0 16px 40px rgba(16,12,60,.25), 0 0 30px rgba(255,255,255,.08) inset; padding: 48px 24px; }
.cta--zad .section-wrapper::before { content: ""; position: absolute; inset: -2px; border-radius: inherit; padding: 2px; pointer-events: none; background: linear-gradient(135deg, #150342 0%, #ffffff 50%, #150342 100%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }

/* CTA buttons reuse btn-brand-solid/outline/aurora */

/* ===== Umrah Instagram ===== */
.umrah-instagram { background: linear-gradient(135deg, #10022f 0%, #150342 100%); }
.umrah-instagram .instagram-title { background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #5632ED 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 4px 22px rgba(0,0,0,.45); }
.umrah-instagram .instagram-wrapper .instagram-thumb { border-radius: 16px; overflow: hidden; position: relative; box-shadow: 0 12px 28px rgba(16,12,60,.22), 0 0 24px rgba(21,3,66,.25); }
.umrah-instagram .instagram-thumb img { transition: transform .6s ease, filter .6s ease; filter: saturate(1.05) contrast(1.05); }
.umrah-instagram .instagram-thumb:hover img { transform: scale(1.06); }
.umrah-instagram .instagram-btn a { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 9999px; background: rgba(255,255,255,.12); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); color: #fff; box-shadow: 0 8px 22px rgba(16,12,60,.25), 0 0 0 2px rgba(255,255,255,.22) inset; }
.umrah-instagram .instagram-btn a:hover { background: linear-gradient(135deg, #150342 0%, #ffffff 100%); color: #150342; }
.umrah-instagram .insta-chip { position: absolute; top: 10px; left: 10px; display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 9999px; font-weight: 800; color: #150342; background: #ffffff; box-shadow: 0 8px 22px rgba(16,12,60,.25); z-index: 3; }
/* Runner */
.umrah-instagram .insta-runner-svg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 2; }
.umrah-instagram .insta-runner-rect { fill: none; stroke: rgba(255,255,255,.9); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 8 92; animation: insta-stroke-run 3s linear infinite; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 8px rgba(21,3,66,.35)) drop-shadow(0 0 16px rgba(255,255,255,.25)); }
@keyframes insta-stroke-run { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -100; } }

/* Override blog runner stroke */
.umrah-blogs .blog-runner-rect { stroke: rgba(255,255,255,.92); }

/* ===== Footer - RESTORED SMART STYLES WITH VISIBILITY FIXES ===== */
.footer--zad { 
  background: linear-gradient(135deg, #10022f 0%, #150342 100%); 
  color: #ffffff !important; 
}
.footer--zad .footer-wrapper { border-top: 0; position: relative; }
.footer--zad .footer-wrapper::before { 
  content: ""; 
  position: absolute; 
  top: 0; left: 0; right: 0; 
  height: 2px; 
  background: linear-gradient(90deg, #150342, #ffffff, #150342); 
  opacity: .9; 
  box-shadow: 0 0 24px rgba(255,255,255,.25); 
}

.footer--zad h4 { 
  background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #5632ED 100%); 
  -webkit-background-clip: text; 
  background-clip: text; 
  -webkit-text-fill-color: transparent; 
  text-shadow: 0 4px 22px rgba(0,0,0,.45); 
}

.footer--zad .footer-col-one, .footer--zad .footer-col-two, .footer--zad .footer-col-three, .footer--zad .footer-col-four { 
  position: relative; 
  background: rgba(255,255,255,.05); 
  border-radius: 16px; 
  -webkit-backdrop-filter: blur(6px); 
  backdrop-filter: blur(6px); 
  box-shadow: 0 12px 28px rgba(16,12,60,.22), 0 0 24px rgba(21,3,66,.25); 
  padding: 20px; 
}

.footer--zad .footer-link { 
  color: #ffffff !important; 
  transition: all 0.3s ease;
}
.footer--zad .footer-link:hover { 
  color: #ffffff !important; 
  text-shadow: 0 2px 14px rgba(255,255,255,.35); 
}
.footer--zad .footer-form-input { background: rgba(255,255,255,.08); color: #fff; border: 1px solid rgba(255,255,255,.2); }
.footer--zad .tw-w-10.tw-h-10.bg-white { background: #ffffff !important; color: #150342 !important; box-shadow: 0 8px 22px rgba(16,12,60,.25); }
.footer--zad .tw-w-10.tw-h-10.bg-white:hover { background: linear-gradient(135deg, #150342 0%, #ffffff 100%) !important; color: #150342 !important; }
.footer--zad .footer-copyright-wrap { color: rgba(255,255,255,.85); }
.footer--zad .hover-underline { position: relative; }
.footer--zad .hover-underline::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -2px; height: 2px; background: linear-gradient(90deg, #150342, #ffffff, #150342); transition: right .35s ease; }
.footer--zad .hover-underline:hover::after { right: 0; }
.footer--zad .ft-runner-svg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; }
.footer--zad .ft-runner-rect { fill: none; stroke: rgba(255,255,255,.92); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 8 92; animation: ft-stroke-run 3s linear infinite; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 8px rgba(21,3,66,.35)) drop-shadow(0 0 16px rgba(255,255,255,.25)); }
@keyframes ft-stroke-run { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -100; } }

/* RESTORED Footer animated text sheen with visibility fix */
.footer--zad .text-line-1,
.footer--zad .footer-anim-link,
.footer--zad .footer-copyright-social a {
  background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #5632ED 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 300% 100%;
  animation: zad-title-sheen 6s linear infinite;
  text-shadow: 0 2px 14px rgba(0,0,0,.35);
  color: #ffffff; /* Fallback for unsupported browsers */
}
.footer--zad .footer-copyright-social a:hover,
.footer--zad .footer-anim-link:hover { 
  filter: drop-shadow(0 0 10px rgba(255,255,255,.25)); 
  animation-duration: 3s; 
}

/* RESTORED Footer copyright wrap */
.footer--zad .footer-copyright-wrap { 
  color: rgba(255,255,255,.85); 
}
@keyframes zad-title-sheen { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } }

.footer--zad .footer-social-title { background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #5632ED 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 4px 22px rgba(0,0,0,.45); }
.footer--zad .socials { margin-top: 6px; }
/* RESTORED Smart Social Media Icons with better visibility */
.footer--zad .social-icon { 
  width: 44px; 
  height: 44px; 
  display: inline-flex; 
  align-items: center; 
  justify-content: center; 
  border-radius: 9999px; 
  color: #ffffff !important; 
  box-shadow: 0 8px 22px rgba(16,12,60,.25), 0 0 0 2px rgba(255,255,255,.18) inset; 
  transition: transform .2s ease, box-shadow .2s ease; 
  position: relative; 
  overflow: hidden; 
}

.footer--zad .social-icon i { 
  font-size: 18px !important; 
  color: #ffffff !important;
  font-family: "Font Awesome 6 Brands" !important;
  position: relative;
  z-index: 2;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 400 !important;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.footer--zad .social-icon::after { 
  content: ""; 
  position: absolute; 
  inset: -2px; 
  border-radius: inherit; 
  background: linear-gradient(135deg, #150342, #ffffff, #150342); 
  opacity: 0; 
  transition: opacity .2s ease; 
  mix-blend-mode: screen; 
}

.footer--zad .social-icon:hover { 
  transform: translateY(-2px) scale(1.05); 
  box-shadow: 0 12px 28px rgba(16,12,60,.35), 0 0 0 2px rgba(255,255,255,.22) inset; 
}
.footer--zad .social-icon:hover::after { opacity: .35; }

/* Original Smart Social Media Brand Colors */
.footer--zad .social-facebook { background: #1877f2; }
.footer--zad .social-tiktok { background: #000000; }
.footer--zad .social-instagram { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
.footer--zad .social-x { background: #000000; }
.footer--zad .social-linkedin { background: #0a66c2; }
.footer--zad .social-threads { background: #000000; }
.footer--zad .social-youtube { background: #ff0000; }
.footer--zad .social-telegram { background: #229ED9; }

/* Ensure icon visible above overlay */
.footer--zad .social-icon { position: relative; z-index: 0; }
.footer--zad .social-icon::after { z-index: 1; }
.footer--zad .social-icon i { position: relative; z-index: 2; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; font-style: normal; display: inline-block; line-height: 1; font-size: 20px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Keep "My account" and "Service" in the same row on large screens */
@media (min-width: 992px) {
  .footer--zad .footer-right { display: grid !important; grid-template-columns: 1fr 1fr; align-items: start; column-gap: 2rem; row-gap: 0; }
  .footer--zad .footer-right > .footer-col-three,
  .footer--zad .footer-right > .footer-col-four { width: 100%; }
}

/* Prevent gradient text from affecting icons */
.footer--zad .socials i { -webkit-background-clip: initial !important; background-clip: initial !important; -webkit-text-fill-color: #ffffff !important; }

/* Umrah Guide: flowing gradient border (disable old runner) */
.umrah-guide-section .runner-svg { display: none !important; }
.umrah-guide-section .timeline-step { position: relative; }
.umrah-guide-section .timeline-step::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 18px;
  padding: 2px;
  pointer-events: none;
  background: linear-gradient(135deg, #150342 0%, #ffffff 50%, #150342 100%);
  background-size: 200% 200%;
  animation: zad-border-flow 6s linear infinite;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  box-shadow: 0 10px 26px rgba(16,12,60,.25), 0 0 0 1px rgba(255,255,255,.12) inset;
}
@keyframes zad-border-flow { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } }

/* Respect user preference */
@media (prefers-reduced-motion: reduce) {
  .umrah-guide-section .timeline-step::before { animation: none; }
}

/* Force-disable any residual stroke animation and rotation on Umrah Guide */
.umrah-guide-section .runner-svg, .umrah-guide-section .runner-rect { animation: none !important; }
.umrah-guide-section .runner-rect { stroke-dasharray: 0 0 !important; stroke: transparent !important; }

/* Brand-colored soft outer glow on each step */
.umrah-guide-section .timeline-step { box-shadow: 0 12px 28px rgba(21,3,66,.18), 0 0 24px rgba(255,255,255,.06); }
.umrah-guide-section .timeline-step::after {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 14px;
  pointer-events: none;
  box-shadow:
    0 0 0 3px rgba(21,3,66,.18),
    0 12px 26px rgba(21,3,66,.25),
    0 0 28px rgba(255,255,255,.08) inset;
}

/* Umrah Guide: make border static (no rotation/flow) */
.umrah-guide-section .timeline-step::before { animation: none !important; background-position: 0% 50% !important; }
.umrah-guide-section .timeline-step:hover::before { animation: none !important; }

/* Neutralize runner animations globally (no movement) */
@keyframes zad-stroke-run { from { stroke-dashoffset: 0; } to { stroke-dashoffset: 0; } }
@keyframes adv-stroke-run { from { stroke-dashoffset: 0; } to { stroke-dashoffset: 0; } }
@keyframes pkg-stroke-run { from { stroke-dashoffset: 0; } to { stroke-dashoffset: 0; } }
@keyframes cat-stroke-run { from { stroke-dashoffset: 0; } to { stroke-dashoffset: 0; } }
@keyframes gal-stroke-run { from { stroke-dashoffset: 0; } to { stroke-dashoffset: 0; } }
@keyframes ctr-stroke-run { from { stroke-dashoffset: 0; } to { stroke-dashoffset: 0; } }
@keyframes tst-stroke-run { from { stroke-dashoffset: 0; } to { stroke-dashoffset: 0; } }
@keyframes blog-stroke-run { from { stroke-dashoffset: 0; } to { stroke-dashoffset: 0; } }
@keyframes insta-stroke-run { from { stroke-dashoffset: 0; } to { stroke-dashoffset: 0; } }
@keyframes ft-stroke-run { from { stroke-dashoffset: 0; } to { stroke-dashoffset: 0; } }

/* Umrah Guide: four-side solid gradient border + clockwise flowing highlight */
.umrah-guide-section .timeline-step { box-shadow: 0 12px 28px rgba(1,255,132,.12), 0 10px 26px rgba(21,3,66,.18); }
.umrah-guide-section .timeline-step::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 18px;
  pointer-events: none;
  background:
    linear-gradient(90deg, #01FF84 0%, #150342 100%) top left / 100% 2px no-repeat,
    linear-gradient(90deg, #01FF84 0%, #150342 100%) bottom left / 100% 2px no-repeat,
    linear-gradient(180deg, #01FF84 0%, #150342 100%) top left / 2px 100% no-repeat,
    linear-gradient(180deg, #01FF84 0%, #150342 100%) top right / 2px 100% no-repeat;
  box-shadow: 0 0 0 2px rgba(1,255,132,.10) inset, 0 0 24px rgba(1,255,132,.08) inset;
}
.umrah-guide-section .timeline-step::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 18px;
  padding: 2px;
  pointer-events: none;
  background: conic-gradient(from var(--zad-rotate,0deg), rgba(1,255,132,0) 0deg, rgba(1,255,132,.8) 12deg, rgba(1,255,132,0) 24deg) border-box;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: zad-border-sweep 6s linear infinite;
  filter: drop-shadow(0 0 10px rgba(1,255,132,.25));
}
@keyframes zad-border-sweep { to { --zad-rotate: 360deg; } }

/* ===== Global modern container polish ===== */
.box-modern,
.umrah-guide-section .timeline-step,
.interactive-features .feature-card,
.service-two-wrapper,
.project-two-wrapper,
.umrah-gallery .gallery-two-wrapper,
.umrah-counters .counter-wrap,
.umrah-brands .brand-wrapper,
.umrah-testimonials .testimonial-two-wrapper,
.umrah-blogs .blog-two-wrapper,
.umrah-instagram .instagram-thumb,
.footer--zad .footer-col-one,
.footer--zad .footer-col-two,
.footer--zad .footer-col-three,
.footer--zad .footer-col-four,
.checkout-two-area .checkout-bg,
.advance-two-item,
.catagori-area .catagori-item { position: relative; overflow: hidden; border-radius: 18px; transition: transform .35s ease, box-shadow .35s ease, background .45s ease; will-change: transform, box-shadow; }

/* Hover lift + brand glow */
.box-modern:hover,
.umrah-guide-section .timeline-step:hover,
.interactive-features .feature-card:hover,
.service-two-wrapper:hover,
.project-two-wrapper:hover,
.umrah-gallery .gallery-two-wrapper:hover,
.umrah-counters .counter-wrap:hover,
.umrah-brands .brand-wrapper:hover,
.umrah-testimonials .testimonial-two-wrapper:hover,
.umrah-blogs .blog-two-wrapper:hover,
.umrah-instagram .instagram-thumb:hover,
.footer--zad .footer-col-one:hover,
.footer--zad .footer-col-two:hover,
.footer--zad .footer-col-three:hover,
.footer--zad .footer-col-four:hover,
.checkout-two-area .checkout-bg:hover,
.advance-two-item:hover,
.catagori-area .catagori-item:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(1,255,132,.18), 0 10px 26px rgba(21,3,66,.22); }

/* Sheen pass */
.box-modern::after,
.umrah-guide-section .timeline-step::after,
.interactive-features .feature-card::after,
.service-two-wrapper::after,
.project-two-wrapper::after,
.umrah-gallery .gallery-two-wrapper::after,
.umrah-counters .counter-wrap::after,
.umrah-brands .brand-wrapper::after,
.umrah-testimonials .testimonial-two-wrapper::after,
.umrah-blogs .blog-two-wrapper::after,
.umrah-instagram .instagram-thumb::after,
.footer--zad .footer-col-one::after,
.footer--zad .footer-col-two::after,
.footer--zad .footer-col-three::after,
.footer--zad .footer-col-four::after,
.checkout-two-area .checkout-bg::after,
.advance-two-item::after,
.catagori-area .catagori-item::after { content: ""; position: absolute; top: 0; left: -150%; width: 150%; height: 100%; pointer-events: none; background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.18) 45%, rgba(255,255,255,.32) 50%, rgba(255,255,255,.18) 55%, transparent 100%); transform: translateX(0); animation: zad-card-sheen 8s linear infinite; }

@keyframes zad-card-sheen { from { transform: translateX(-150%); } to { transform: translateX(150%); } }

/* Focus ring for accessibility */
.box-modern:focus-within,
.umrah-guide-section .timeline-step:focus-within,
.interactive-features .feature-card:focus-within,
.service-two-wrapper:focus-within,
.project-two-wrapper:focus-within,
.umrah-gallery .gallery-two-wrapper:focus-within,
.umrah-counters .counter-wrap:focus-within,
.umrah-brands .brand-wrapper:focus-within,
.umrah-testimonials .testimonial-two-wrapper:focus-within,
.umrah-blogs .blog-two-wrapper:focus-within,
.umrah-instagram .instagram-thumb:focus-within,
.footer--zad .footer-col-one:focus-within,
.footer--zad .footer-col-two:focus-within,
.footer--zad .footer-col-three:focus-within,
.footer--zad .footer-col-four:focus-within,
.checkout-two-area .checkout-bg:focus-within,
.advance-two-item:focus-within,
.catagori-area .catagori-item:focus-within { box-shadow: 0 0 0 3px rgba(1,255,132,.35), 0 10px 26px rgba(21,3,66,.22); }

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .box-modern::after,
  .umrah-guide-section .timeline-step::after,
  .interactive-features .feature-card::after,
  .service-two-wrapper::after,
  .project-two-wrapper::after,
  .umrah-gallery .gallery-two-wrapper::after,
  .umrah-counters .counter-wrap::after,
  .umrah-brands .brand-wrapper::after,
  .umrah-testimonials .testimonial-two-wrapper::after,
  .umrah-blogs .blog-two-wrapper::after,
  .umrah-instagram .instagram-thumb::after,
  .footer--zad .footer-col-one::after,
  .footer--zad .footer-col-two::after,
  .footer--zad .footer-col-three::after,
  .footer--zad .footer-col-four::after,
  .checkout-two-area .checkout-bg::after,
  .advance-two-item::after,
  .catagori-area .catagori-item::after { animation: none; }
}

/* Umrah Guide headings gradient */
.umrah-guide-section .section-subtitle {
  background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #150342 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  text-shadow: 0 3px 16px rgba(0,0,0,.28);
}
.umrah-guide-section .section-title {
  background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #150342 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  text-shadow: 0 4px 22px rgba(0,0,0,.35);
}

/* Umrah Guide headings gradient - high contrast and visibility */
.umrah-guide-section .section-subtitle, .umrah-guide-section .section-subtitle * {
  position: relative; z-index: 3; mix-blend-mode: normal;
  background: linear-gradient(135deg, #01FF84 0%, #01FF84 32%, #ffffff 46%, #150342 82%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.6px rgba(21,3,66,.55);
  text-shadow: 0 2px 10px rgba(0,0,0,.28), 0 1px 0 rgba(255,255,255,.2);
}
.umrah-guide-section .section-title, .umrah-guide-section .section-title * {
  position: relative; z-index: 3; mix-blend-mode: normal;
  background: linear-gradient(135deg, #01FF84 0%, #01FF84 28%, #ffffff 44%, #150342 84%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px rgba(21,3,66,.55);
  text-shadow: 0 4px 18px rgba(0,0,0,.35), 0 1px 0 rgba(255,255,255,.18);
}
.umrah-guide-section .section-title.char-animation, .umrah-guide-section .section-subtitle.char-animation { opacity: 1 !important; }

/* Umrah Guide step titles gradient - inherit visibility treatment */
.umrah-guide-section .timeline-step .step-title,
.umrah-guide-section .timeline-step .step-title * {
  position: relative; z-index: 3; mix-blend-mode: normal;
  background: linear-gradient(135deg, #01FF84 0%, #01FF84 28%, #ffffff 44%, #150342 84%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.8px rgba(21,3,66,.55);
  text-shadow: 0 3px 14px rgba(0,0,0,.32), 0 1px 0 rgba(255,255,255,.18);
}

/* Fix wrapping: progress + CTA */
.checkout-two-area .checkout-progress { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; flex-wrap: nowrap; min-width: 0; }
.checkout-two-area .checkout-progress .progress-label { white-space: nowrap; min-width: max-content; }
.checkout-two-area .checkout-progress .progress-track { flex: 1 1 auto; min-width: 140px; }
.checkout-two-area .checkout-button { grid-column: 1 / -1; display: flex; align-items: center; justify-content: flex-start; }
.checkout-two-area .checkout-button a { white-space: nowrap; width: auto; }

/* Force horizontal text and full width for checkout fields */
.checkout-two-area .checkout-wrapper label { writing-mode: horizontal-tb !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: inline-flex; align-items: center; gap: 8px; }
.checkout-two-area .nice-select, .checkout-two-area .checkout-wrapper, .checkout-two-area .nice-select .current { width: 100%; writing-mode: horizontal-tb !important; }
.checkout-two-area .nice-select .current { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Grid behavior tweaks */
.checkout-two-area .checkout-main-wrapper { grid-auto-flow: row; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
@media (max-width: 480px) {
  .checkout-two-area .checkout-main-wrapper { grid-template-columns: 1fr; }
  .checkout-two-area .checkout-button { justify-content: stretch; }
  .checkout-two-area .checkout-button a { width: 100%; text-align: center; }
}

/* Responsive fixes for checkout (departure city, etc.) */
.checkout-two-area .checkout-main-wrapper { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important; }
.checkout-two-area .checkout-wrapper { display: flex; flex-direction: column; gap: 6px; }
.checkout-two-area .checkout-wrapper label { margin-bottom: 6px; writing-mode: horizontal-tb !important; }
.checkout-two-area .checkout-wrapper .nice-select { width: 100%; }

@media (max-width: 540px) {
  .checkout-two-area .checkout-main-wrapper { grid-template-columns: 1fr !important; }
  .checkout-two-area .checkout-progress { flex-wrap: wrap; gap: 6px 10px; }
  .checkout-two-area .checkout-progress .progress-label { width: 100%; order: -1; }
  .checkout-two-area .checkout-progress .progress-track { width: 100%; min-width: 0; }
  .checkout-two-area .checkout-button { grid-column: 1 / -1; }
  .checkout-two-area .checkout-button a { width: 100%; text-align: center; }
}

/* Summary chips responsive grid */
.checkout-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px; }
.checkout-chip { white-space: nowrap; }
@media (max-width: 540px) {
  .checkout-summary { grid-template-columns: 1fr 1fr; }
  .checkout-chip { white-space: normal; overflow: visible; text-overflow: clip; font-size: 12px; padding: 6px 8px; }
}
@media (max-width: 380px) {
  .checkout-summary { grid-template-columns: 1fr; }
}

/* Mobile layout: one row per field (label + control) */
@media (max-width: 680px) {
  .checkout-two-area .checkout-summary { display: none; }
  .checkout-two-area .checkout-main-wrapper { grid-template-columns: 1fr !important; }
  .checkout-two-area .checkout-wrapper { display: grid; grid-template-columns: minmax(110px, 36%) 1fr; align-items: center; gap: 10px; }
  .checkout-two-area .checkout-wrapper label { margin: 0; align-items: center; }
  .checkout-two-area .checkout-wrapper .nice-select { width: 100%; }
  .checkout-two-area .checkout-wrapper:nth-last-child(2) { grid-column: 1 / -1 !important; }
  .checkout-two-area .checkout-button { grid-column: 1 / -1; }
}

/* Tablet & down: label–field rows, hide summary earlier */
@media (max-width: 992px) {
  .checkout-two-area .checkout-summary { display: none !important; }
  .checkout-two-area .checkout-main-wrapper { grid-template-columns: 1fr !important; }
  .checkout-two-area .checkout-wrapper { display: grid !important; grid-template-columns: 42% 1fr; align-items: center; gap: 10px; }
  .checkout-two-area .checkout-wrapper label { margin: 0; font-weight: 600; }
  .checkout-two-area .checkout-wrapper .nice-select { margin: 0; width: 100%; }
  .checkout-two-area .checkout-wrapper:nth-last-child(2) { grid-column: 1 / -1 !important; }
  .checkout-two-area .checkout-button { grid-column: 1 / -1; }
}
@media (max-width: 480px) {
  .checkout-two-area .checkout-wrapper { grid-template-columns: 1fr; }
}

/* Force grid even if Bootstrap adds d-flex */
.checkout-two-area .checkout-wrapper.d-flex { display: grid !important; }
.checkout-two-area .checkout-wrapper.flex-column { grid-auto-flow: row; }
.checkout-two-area .checkout-wrapper { align-items: center; }

@media (max-width: 992px) {
  .checkout-two-area .nice-select { height: 44px; }
  .checkout-two-area .nice-select .current { font-size: 14px; }
}

/* Checkout layout normalization for desktop/tablet */
.checkout-two-area .checkout-main-wrapper > .checkout-summary { grid-column: 1 / -1; }
.checkout-two-area .checkout-main-wrapper > .checkout-progress { grid-column: 1 / -1; }
.checkout-two-area .checkout-main-wrapper > .checkout-button { grid-column: 1 / -1; }
/* Cancel old hack that stretched the second-last wrapper (it was pushing fields) */
.checkout-two-area .checkout-main-wrapper > .checkout-wrapper:nth-last-child(2) { grid-column: auto !important; }

@media (min-width: 1200px) {
  .checkout-two-area .checkout-main-wrapper { grid-template-columns: repeat(3, minmax(280px, 1fr)) !important; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .checkout-two-area .checkout-main-wrapper { grid-template-columns: repeat(2, minmax(280px, 1fr)) !important; }
}

/* Umrah Guide: language visibility */
#umrah-guide .step-title, #umrah-guide .step-detail { display: none; }
#umrah-guide.lang--en .step-title.en, #umrah-guide.lang--en .step-detail.en { display: block; }
#umrah-guide.lang--am .step-title.am, #umrah-guide.lang--am .step-detail.am { display: block; }
#umrah-guide.lang--ar .step-title.ar, #umrah-guide.lang--ar .step-detail.ar { display: block; }

/* Partnership CTA styles */
.partnership-cta-fullwidth{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.partnership-cta-enhanced{background:radial-gradient(1200px 600px at 10% -10%, rgba(100,64,251,0.18), transparent 60%), radial-gradient(1000px 500px at 110% 10%, rgba(1,255,132,0.16), transparent 60%), linear-gradient(180deg, rgba(21,3,66,.82), rgba(21,3,66,.92))}
.partnership-cta-content{max-width:1200px;margin:0 auto;padding:48px 20px}
.partnership-badges{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:22px 0 8px}
.partnership-badges .badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.14);color:#fff;font-weight:600;font-size:13px;backdrop-filter:blur(6px)}
.partnership-badges .badge i{color:#00d084}
.partnership-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}
.partnership-grid .grid-item{padding:18px;border-radius:16px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);box-shadow:0 10px 30px rgba(0,0,0,0.08);transition:transform .25s ease, box-shadow .25s ease}
.partnership-grid .grid-item:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(100,64,251,0.28)}
.partnership-grid .grid-item i{font-size:22px;color:#fff;margin-bottom:10px;background:linear-gradient(135deg,#7c4dff,#00d084);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.partnership-grid .grid-item h4{margin:0 0 6px;color:#fff;font-size:16px}
.partnership-grid .grid-item p{margin:0;color:rgba(255,255,255,0.85);font-size:13px}
@media (max-width: 1024px){.partnership-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.partnership-grid{grid-template-columns:1fr}.partnership-cta-content{padding:36px 16px}.partnership-badges{gap:10px}}
.tnx-icon-box{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:18px;background:rgba(255,255,255,0.06);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 10px 30px rgba(0,0,0,0.08);}
.tnx-icon-box i{font-size:64px;color:#fff;background:linear-gradient(135deg,#7c4dff,#00d084);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 6px 18px rgba(124,77,255,0.35));}
.tnx-icon-box.tnx-icon-lg i{font-size:84px}
.tnx-rotating-border{--b:3px;--c1:#7c4dff;--c2:#00d084;--size:200%;position:relative;}
.tnx-rotating-border::before{content:"";position:absolute;inset:-2px;border-radius:20px;padding:2px;background:conic-gradient(from 0deg,var(--c1),var(--c2),var(--c1));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:tnx-anticw 6s linear infinite reverse;}
@keyframes tnx-anticw{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
@media (prefers-reduced-motion: reduce){.tnx-rotating-border::before{animation:none}}
.tnx-icon-box i{position:relative;z-index:2}
.tnx-text-ring{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);pointer-events:none;z-index:1;transform-origin:center;animation:tnx-anticw 12s linear infinite reverse}
.tnx-text-ring text{font-family:inherit;font-weight:700;letter-spacing:2px;fill:rgba(255,255,255,0.85)}
@media (prefers-reduced-motion: reduce){.tnx-text-ring{animation:none}}

/* Keep original brand color when scrolled and on mobile */
@media (max-width: 991px) {
  .header--zad { background: rgba(var(--zad-primary-rgb), .95) !important; }
  .header--zad.scrolled { background: rgba(var(--zad-primary-rgb), .98) !important; }
}
.header--zad .logo, .header--zad .header-btn-wrap, .header--zad .toggle-mobileMenu { z-index: 1001; }
.header--zad .header-btn-wrap a { white-space: nowrap; }

/* Mobile CTA / Hamburger visibility and sizing */
.header--zad .header-btn-wrap { display: flex; align-items: center; gap: 10px; }
.header--zad .toggle-mobileMenu { 
  color: #ffffff !important; 
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.3) !important;
}

.header--zad .toggle-mobileMenu i { 
  color: #ffffff !important; 
  font-size: 18px !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

.header--zad .toggle-mobileMenu .fa-bars::before {
  color: #ffffff !important;
}

@media (max-width: 575px){
  .header--zad .header-btn-wrap .primary-btn { padding: .45rem .7rem !important; font-size: 12px !important; }
}
@media (max-width: 420px){
  .header--zad .header-btn-wrap .primary-btn { padding: .35rem .55rem !important; font-size: 11px !important; }
}

/* Ensure header actions are visible on all widths */
@media (max-width: 1399px){
  .header--zad .header-btn-wrap { display: flex !important; }
}

/* Keep brand background when header becomes sticky/fixed (desktop too) */
.header--zad.fixed-header { background: #150342 !important; color: #ffffff !important; }
.header--zad.fixed-header .nav-menu__link { color: #ffffff !important; }
.header--zad.fixed-header .toggle-mobileMenu { color: #ffffff !important; }

/* Enhanced Mobile Menu Styling */
.mobile-menu.zad-theme {
  background: linear-gradient(135deg, #150342 0%, #1e0548 100%) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-right: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 25px 50px rgba(21,3,66,.4);
}

.mobile-menu .close-button {
  background: rgba(255,255,255,.1) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.2);
  backdrop-filter: blur(10px);
  transition: all .3s ease;
}

.mobile-menu .close-button:hover {
  background: rgba(255,255,255,.2) !important;
  transform: scale(1.1);
}

.mobile-menu .mobile-menu__logo img {
  filter: brightness(1.2);
}

.mobile-menu .nav-menu--mobile {
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.1);
  backdrop-filter: blur(10px);
  border-radius: 20px !important;
  padding: 20px 15px !important;
  margin-top: 25px !important;
}

.mobile-menu .nav-menu--mobile .nav-menu__link {
  color: #ffffff !important;
  font-weight: 500 !important;
  padding: 15px 20px !important;
  border-radius: 12px;
  border-bottom: 1px solid rgba(255,255,255,.1) !important;
  transition: all .3s ease;
  display: flex;
  align-items: center;
  gap: 12px;
}

.mobile-menu .nav-menu--mobile .nav-menu__link:hover,
.mobile-menu .nav-menu--mobile .nav-menu__item.activePage .nav-menu__link {
  background: linear-gradient(135deg, rgba(1,255,132,.15) 0%, rgba(255,255,255,.05) 100%) !important;
  color: #01FF84 !important;
  transform: translateX(5px);
  border-left: 3px solid #01FF84;
}

.mobile-menu .nav-menu--mobile .nav-menu__link i {
  color: inherit !important;
  font-size: 16px;
  width: 20px;
  text-align: center;
}

.mobile-menu .nav-menu--mobile .nav-menu__item:last-child .nav-menu__link {
  border-bottom: none !important;
}

/* HAMBURGER ICON - MOBILE ONLY, WHITE, NON-CIRCULAR */
.header--zad .toggle-mobileMenu { 
  display: none !important; /* Hidden by default on desktop */
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  padding: 8px 12px !important;
  border-radius: 6px !important; /* Non-circular - rectangular with rounded corners */
  color: #ffffff !important; 
  background: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(255,255,255,.3) !important;
}

.header--zad .toggle-mobileMenu i { 
  color: #ffffff !important; 
  font-size: 16px !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

/* Show hamburger only on mobile screens */
@media (max-width: 991px) {
  .header--zad .toggle-mobileMenu { 
    display: inline-flex !important;
  }
}

/* NUCLEAR FORCE - "Complete Umrah Package" TRULY RESPONSIVE */
.hero--zad .banner-content .banner-title,
.hero--zad .banner-content .banner-two-title,
.banner-content .banner-title,
.banner-content .banner-two-title,
.banner-two-title,
.banner-title,
h1.banner-two-title,
h1.banner-title {
  font-size: 2.5vw !important; /* Responsive viewport-based sizing */
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em !important;
  margin-bottom: 1rem !important;
  font-family: 'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif !important;
  position: relative !important;
  z-index: 10 !important;
  width: 100% !important;
  max-width: 70vw !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  text-align: center !important;
  background: linear-gradient(45deg, 
    #ffffff 0%, 
    #01FF84 25%, 
    #00e5ff 50%, 
    #01FF84 75%, 
    #ffffff 100%) !important;
  background-size: 400% 400% !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  animation: zad-mega-flow 3s linear infinite !important;
  text-shadow: none !important;
  filter: drop-shadow(0 0 8px rgba(1,255,132,0.4)) 
          drop-shadow(0 0 4px rgba(0,229,255,0.2))
          drop-shadow(0 1px 2px rgba(0,0,0,0.6)) !important;
}

/* HAMBURGER ICON - PURE WHITE & VISIBLE */
.header--zad .toggle-mobileMenu { 
  display: none !important; /* Hidden by default on desktop */
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  color: #ffffff !important; 
  background: rgba(255,255,255,.15) !important; /* Lighter background */
  border: 2px solid #ffffff !important; /* Pure white border */
}

.header--zad .toggle-mobileMenu i { 
  color: #ffffff !important; 
  font-size: 18px !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.8) !important; /* Black shadow for contrast */
  -webkit-text-stroke: 1px rgba(0,0,0,0.3) !important; /* Black outline */
}

/* Show hamburger only on mobile screens */
@media (max-width: 991px) {
  .header--zad .toggle-mobileMenu { 
    display: inline-flex !important;
  }
}

/* NUCLEAR RESPONSIVE - VIEWPORT-BASED SIZING */
@media (max-width: 1200px) {
  .hero--zad .banner-content .banner-title,
  .hero--zad .banner-content .banner-two-title,
  .banner-content .banner-title,
  .banner-content .banner-two-title,
  .banner-two-title,
  .banner-title,
  h1.banner-two-title,
  h1.banner-title {
    font-size: 3vw !important; /* Larger on medium screens */
    max-width: 75vw !important;
  }
}

@media (max-width: 768px) {
  .hero--zad .banner-content .banner-title,
  .hero--zad .banner-content .banner-two-title,
  .banner-content .banner-title,
  .banner-content .banner-two-title,
  .banner-two-title,
  .banner-title,
  h1.banner-two-title,
  h1.banner-title {
    font-size: 4vw !important; /* Responsive to screen width */
    max-width: 80vw !important;
    margin-bottom: 0.8rem !important;
  }
  
  .hero--zad .banner-content .banner-title .zad-text-gradient-primary,
  .hero--zad .banner-content .banner-two-title .zad-text-gradient-primary {
    font-size: 0.55em !important;
  }
}

@media (max-width: 480px) {
  .hero--zad .banner-content .banner-title,
  .hero--zad .banner-content .banner-two-title,
  .banner-content .banner-title,
  .banner-content .banner-two-title,
  .banner-two-title,
  .banner-title,
  h1.banner-two-title,
  h1.banner-title {
    font-size: 4.2vw !important; /* Smaller font size for better mobile fit */
    max-width: 88vw !important;
    line-height: 1.3 !important;
    margin-bottom: 0.6rem !important;
  }
  
  .hero--zad .banner-content .banner-title .zad-text-gradient-primary,
  .hero--zad .banner-content .banner-two-title .zad-text-gradient-primary {
    font-size: 0.5em !important;
    display: block !important;
    margin-top: 0.1em !important;
  }
}

/* ULTRA-AGGRESSIVE MOBILE RESPONSIVE - FORCE EVEN SMALLER */
@media (max-width: 375px) {
  .hero--zad .banner-content .banner-title,
  .hero--zad .banner-content .banner-two-title,
  .banner-content .banner-title,
  .banner-content .banner-two-title,
  .banner-two-title,
  .banner-title,
  h1.banner-two-title,
  h1.banner-title {
    font-size: 3.8vw !important;
    max-width: 90vw !important;
    line-height: 1.4 !important;
    margin-bottom: 0.5rem !important;
  }
}

@media (max-width: 360px) {
  .hero--zad .banner-content .banner-title,
  .hero--zad .banner-content .banner-two-title,
  .banner-content .banner-title,
  .banner-content .banner-two-title,
  .banner-two-title,
  .banner-title,
  h1.banner-two-title,
  h1.banner-title {
    font-size: 3.5vw !important;
    max-width: 92vw !important;
    padding: 0 3px !important;
  }
}

@media (max-width: 320px) {
  .hero--zad .banner-content .banner-title,
  .hero--zad .banner-content .banner-two-title,
  .banner-content .banner-title,
  .banner-content .banner-two-title,
  .banner-two-title,
  .banner-title,
  h1.banner-two-title,
  h1.banner-title {
    font-size: 3.2vw !important;
    max-width: 94vw !important;
    line-height: 1.5 !important;
    margin-bottom: 0.4rem !important;
  }
}

@media (max-width: 280px) {
  .hero--zad .banner-content .banner-title,
  .hero--zad .banner-content .banner-two-title,
  .banner-content .banner-title,
  .banner-content .banner-two-title,
  .banner-two-title,
  .banner-title,
  h1.banner-two-title,
  h1.banner-title {
    font-size: 2.8vw !important;
    max-width: 96vw !important;
    line-height: 1.6 !important;
    margin-bottom: 0.3rem !important;
  }
}

/* EMERGENCY OVERRIDE - FORCE MAXIMUM RESPONSIVENESS */
@media (max-width: 480px) {
  .hero--zad .banner-content .banner-title,
  .hero--zad .banner-content .banner-two-title,
  .banner-content .banner-title,
  .banner-content .banner-two-title,
  .banner-two-title,
  .banner-title,
  h1.banner-two-title,
  h1.banner-title {
    font-size: clamp(14px, 4vw, 20px) !important; /* Clamp for safety */
    max-width: 90vw !important;
    word-break: break-word !important;
    hyphens: auto !important;
  }
}

@media (max-width: 320px) {
  .hero--zad .banner-content .banner-title,
  .hero--zad .banner-content .banner-two-title,
  .banner-content .banner-title,
  .banner-content .banner-two-title,
  .banner-two-title,
  .banner-title,
  h1.banner-two-title,
  h1.banner-title {
    font-size: 6vw !important; /* Maximum responsive size */
    max-width: 90vw !important;
    padding: 0 5px !important;
  }
  
  .hero--zad .banner-content .banner-title .zad-text-gradient-primary,
  .hero--zad .banner-content .banner-two-title .zad-text-gradient-primary {
    font-size: 0.45em !important;
  }
}

/* MEGA flowing gradient animation - FORCED */
@keyframes zad-mega-flow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Remove old char-specific styles that might conflict */
.hero--zad .banner-content .banner-title .char {
  color: inherit !important;
  background: inherit !important;
  -webkit-background-clip: inherit !important;
  -webkit-text-fill-color: inherit !important;
  background-clip: inherit !important;
  text-stroke: none !important;
  -webkit-text-stroke: none !important;
  filter: inherit !important;
  text-shadow: inherit !important;
  mix-blend-mode: normal !important;
  display: inline !important;
}

/* Fallback for browsers that don't support background-clip */
@supports not (-webkit-background-clip: text) {
  .hero--zad .banner-content .banner-title {
    background: none !important;
    color: #ffffff !important;
    text-shadow: 
      0 0 25px rgba(1,255,132,0.9),
      0 0 40px rgba(0,229,255,0.6),
      0 4px 12px rgba(0,0,0,0.9),
      0 2px 6px rgba(0,0,0,1) !important;
  }
}

/* Enhanced background panel for better contrast */
.hero--zad .banner-content .banner-title::before {
  content: '';
  position: absolute;
  top: -15px;
  left: -25px;
  right: -25px;
  bottom: -15px;
  background: linear-gradient(135deg, 
    rgba(0,0,0,0.4) 0%, 
    rgba(21,3,66,0.3) 50%,
    rgba(0,0,0,0.4) 100%);
  border-radius: 20px;
  z-index: -1;
  backdrop-filter: blur(8px);
  border: 1px solid rgba(1,255,132,0.2);
}

/* Make "Umrah Package" span smaller and more elegant */
.hero--zad .banner-content .banner-title .zad-text-gradient-primary {
  font-size: 0.65em !important;
  font-weight: 600 !important;
  font-style: italic !important;
  display: inline-block;
  transform: translateY(-0.02em);
  opacity: 0.9;
}

/* FORCE FOOTER TEXT VISIBILITY - OVERRIDE ALL GRADIENT ISSUES */
.footer--zad * {
  color: #ffffff !important;
}

.footer--zad h4,
.footer--zad .footer-social-title,
.footer--zad .text-line-1,
.footer--zad .footer-anim-link,
.footer--zad .footer-copyright-social a,
.footer--zad .footer-copyright-wrap,
.footer--zad .footer-link,
.footer--zad p,
.footer--zad span,
.footer--zad a {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background-clip: initial !important;
  -webkit-background-clip: initial !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.8) !important;
}

/* Keep gradient effects on headers only, but with fallback */
.footer--zad h4,
.footer--zad .footer-social-title {
  background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #5632ED 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  /* Fallback for unsupported browsers */
  color: #ffffff !important;
}

/* Ensure all footer content links are visible */
.footer--zad .footer-col-one *,
.footer--zad .footer-col-two *,
.footer--zad .footer-col-three *,
.footer--zad .footer-col-four * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Hover states remain green */
.footer--zad .footer-link:hover,
.footer--zad a:hover {
  color: #01FF84 !important;
  -webkit-text-fill-color: #01FF84 !important;
  text-shadow: 0 0 15px rgba(1,255,132,0.8) !important;
}

/* ULTRA-SPECIFIC FOOTER MENU VISIBILITY - TARGET EXACT ELEMENTS */
.footer--zad .footer-col-three ul li a,
.footer--zad .footer-col-four ul li a,
.footer--zad .footer-col-three .footer-link,
.footer--zad .footer-col-four .footer-link,
.footer--zad .footer-col-three li,
.footer--zad .footer-col-four li,
.footer--zad .footer-col-three a,
.footer--zad .footer-col-four a {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  background-clip: initial !important;
  -webkit-background-clip: initial !important;
  text-decoration: none !important;
  display: block !important;
  padding: 8px 0 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.9) !important;
  transition: all 0.3s ease !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Specific menu items by text content - FORCE VISIBILITY */
.footer--zad .footer-col-three a[href*="contact"],
.footer--zad .footer-col-three a[href*="faq"],
.footer--zad .footer-col-three a[href*="touch"],
.footer--zad .footer-col-three a[href*="network"],
.footer--zad .footer-col-three a[href*="support"],
.footer--zad .footer-col-four a[href*="normal"],
.footer--zad .footer-col-four a[href*="vip"],
.footer--zad .footer-col-four a[href*="package"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

/* Footer navigation lists - FORCE VISIBILITY */
.footer--zad .footer-col-three ul,
.footer--zad .footer-col-four ul,
.footer--zad .footer-col-three .footer-nav,
.footer--zad .footer-col-four .footer-nav {
  list-style: none !important;
  padding: 0 !important;
  margin: 10px 0 0 0 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.footer--zad .footer-col-three ul li,
.footer--zad .footer-col-four ul li {
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Hover effects for menu items */
.footer--zad .footer-col-three a:hover,
.footer--zad .footer-col-four a:hover {
  color: #01FF84 !important;
  -webkit-text-fill-color: #01FF84 !important;
  text-shadow: 0 0 15px rgba(1,255,132,0.8) !important;
  transform: translateX(5px) !important;
  padding-left: 10px !important;
}

/* Emergency override for any hidden elements */
.footer--zad .footer-col-three *,
.footer--zad .footer-col-four * {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* FORCE SOCIAL MEDIA ICONS VISIBILITY */
.footer--zad .socials {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.footer--zad .social-icon {
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 44px !important;
  height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9999px !important;
  color: #ffffff !important;
  box-shadow: 0 8px 22px rgba(16,12,60,.25), 0 0 0 2px rgba(255,255,255,.18) inset !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

.footer--zad .social-icon i {
  font-size: 18px !important;
  color: #ffffff !important;
  font-family: "Font Awesome 6 Brands" !important;
  position: relative !important;
  z-index: 2 !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 400 !important;
  font-style: normal !important;
  display: inline-block !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.footer--zad .social-icon:hover {
  transform: translateY(-2px) scale(1.05) !important;
  box-shadow: 0 12px 28px rgba(16,12,60,.35), 0 0 0 2px rgba(255,255,255,.22) inset !important;
}

/* Social Media Brand Colors */
.footer--zad .social-facebook { background: #1877f2 !important; }
.footer--zad .social-tiktok { background: #000000 !important; }
.footer--zad .social-instagram { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important; }
.footer--zad .social-x { background: #000000 !important; }
.footer--zad .social-linkedin { background: #0a66c2 !important; }
.footer--zad .social-threads { background: #000000 !important; }
.footer--zad .social-youtube { background: #ff0000 !important; }
.footer--zad .social-telegram { background: #229ED9 !important; }

/* FORCE "SAY HELLO" SECTION VISIBILITY */
.footer--zad .footer-col-one h4,
.footer--zad .footer-col-one .footer-anim-link,
.footer--zad .footer-col-one a,
.footer--zad .footer-col-one .btn-brand-solid {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  background-clip: initial !important;
  -webkit-background-clip: initial !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.9) !important;
}

/* Specific targeting for email addresses */
.footer--zad .footer-col-one a[href^="mailto:"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  margin-bottom: 8px !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

/* Specific targeting for phone numbers */
.footer--zad .footer-col-one a[href^="tel:"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-bottom: 12px !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-decoration: none !important;
  text-shadow: 0 2px 4px rgba(0,0,0,0.8) !important;
}

/* "Book Umrah" button visibility */
.footer--zad .footer-col-one .btn-brand-solid {
  background: linear-gradient(135deg, #01FF84 0%, #5632ED 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: none !important;
  padding: 12px 24px !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 16px !important;
  box-shadow: 0 8px 25px rgba(1,255,132,0.3) !important;
  transition: all 0.3s ease !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.footer--zad .footer-col-one .btn-brand-solid:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 35px rgba(1,255,132,0.4) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* SIMPLIFIED SOCIAL MEDIA ICONS - REMOVE COMPLEX STYLING */
.footer--zad .socials {
  display: flex !important;
  gap: 12px !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.footer--zad .social-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
  opacity: 1 !important;
  visibility: visible !important;
  border: 2px solid rgba(255,255,255,0.2) !important;
}

.footer--zad .social-icon i {
  font-size: 16px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 400 !important;
  font-style: normal !important;
  display: inline-block !important;
  line-height: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Simple brand colors for social icons */
.footer--zad .social-facebook { background: #1877f2 !important; }
.footer--zad .social-tiktok { background: #000000 !important; }
.footer--zad .social-instagram { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important; }
.footer--zad .social-x { background: #000000 !important; }
.footer--zad .social-linkedin { background: #0a66c2 !important; }
.footer--zad .social-threads { background: #000000 !important; }
.footer--zad .social-telegram { background: #229ED9 !important; }
.footer--zad .social-youtube { background: #ff0000 !important; }

/* Hover effects for social icons */
.footer--zad .social-icon:hover {
  transform: translateY(-3px) scale(1.1) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.3) !important;
  border-color: rgba(255,255,255,0.4) !important;
}

.footer--zad .social-icon:hover i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Emergency override for any hidden footer elements */
.footer--zad .footer-col-one *,
.footer--zad .footer-col-two *,
.footer--zad .footer-col-three *,
.footer--zad .footer-col-four * {
  opacity: 1 !important;
  visibility: visible !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Force all footer text to be white */
.footer--zad * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Keep gradient effects only on headers */
.footer--zad h4,
.footer--zad .footer-social-title {
  background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #5632ED 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #ffffff !important; /* Fallback */
}

/* NUCLEAR FORCE - SOCIAL MEDIA ICONS MUST DISPLAY */
.footer--zad .social-icon i,
.footer--zad .socials i,
.footer--zad .social-icon .fa,
.footer--zad .social-icon .fa-brands,
.footer--zad .social-icon .fa-solid,
.footer--zad .social-icon .fa-regular,
.footer--zad .social-icon .fa-light,
.footer--zad .social-icon .fa-thin,
.footer--zad .social-icon .fa-duotone,
.footer--zad .social-icon .fa-sharp,
.footer--zad .social-icon .fa-classic,
.footer--zad .social-icon .fa-solid,
.footer--zad .social-icon .fa-regular,
.footer--zad .social-icon .fa-light,
.footer--zad .social-icon .fa-thin,
.footer--zad .social-icon .fa-duotone,
.footer--zad .social-icon .fa-sharp,
.footer--zad .social-icon .fa-classic {
  /* Remove all conflicting styles */
  display: inline-block !important;
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro", "FontAwesome" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size: 18px !important;
  line-height: 1 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  z-index: 999 !important;
  text-align: center !important;
  vertical-align: middle !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  /* Remove any content that might be blocking */
  content: "" !important;
}

/* Remove any ::before and ::after content that might be interfering */
.footer--zad .social-icon i::before,
.footer--zad .social-icon i::after {
  content: "" !important;
  display: none !important;
}

/* Force the actual Font Awesome content to show */
.footer--zad .social-facebook i::before { content: "\f39e" !important; display: inline-block !important; }
.footer--zad .social-tiktok i::before { content: "\e07b" !important; display: inline-block !important; }
.footer--zad .social-instagram i::before { content: "\f16d" !important; display: inline-block !important; }
.footer--zad .social-x i::before { content: "\e61b" !important; display: inline-block !important; }
.footer--zad .social-linkedin i::before { content: "\f0e1" !important; display: inline-block !important; }
.footer--zad .social-threads i::before { content: "\e618" !important; display: inline-block !important; }
.footer--zad .social-telegram i::before { content: "\f2c6" !important; display: inline-block !important; }
.footer--zad .social-youtube i::before { content: "\f167" !important; display: inline-block !important; }

/* Alternative codes if the above don't work */
.footer--zad .social-facebook i::before { content: "\f09a" !important; }
.footer--zad .social-tiktok i::before { content: "\f07b" !important; }
.footer--zad .social-instagram i::before { content: "\f16d" !important; }
.footer--zad .social-x i::before { content: "\f099" !important; }
.footer--zad .social-linkedin i::before { content: "\f08c" !important; }
.footer--zad .social-threads i::before { content: "\f08c" !important; }
.footer--zad .social-telegram i::before { content: "\f2c6" !important; }
.footer--zad .social-youtube i::before { content: "\f167" !important; }

/* Remove any ::after content that might be showing letters */
.footer--zad .social-icon i::after {
  content: "" !important;
  display: none !important;
}

/* Force social icon containers to be clean */
.footer--zad .social-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  border: 2px solid rgba(255,255,255,0.3) !important;
  background: var(--social-bg, #333) !important;
  /* Remove any conflicting styles */
  box-shadow: none !important;
  transform: none !important;
  animation: none !important;
}

/* Ensure social icons list is clean */
.footer--zad .socials {
  display: flex !important;
  gap: 12px !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  opacity: 1 !important;
  visibility: visible !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.footer--zad .socials li {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Brand colors for social icons */
.footer--zad .social-facebook { --social-bg: #1877f2 !important; }
.footer--zad .social-tiktok { --social-bg: #000000 !important; }
.footer--zad .social-instagram { --social-bg: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important; }
.footer--zad .social-x { --social-bg: #000000 !important; }
.footer--zad .social-linkedin { --social-bg: #0a66c2 !important; }
.footer--zad .social-threads { --social-bg: #000000 !important; }
.footer--zad .social-telegram { --social-bg: #229ED9 !important; }
.footer--zad .social-youtube { --social-bg: #ff0000 !important; }

/* Hover effects */
.footer--zad .social-icon:hover {
  transform: translateY(-3px) scale(1.1) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.3) !important;
  border-color: rgba(255,255,255,0.6) !important;
}

.footer--zad .social-icon:hover i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transform: scale(1.1) !important;
}

/* GLOBAL FONT AWESOME OVERRIDE - REMOVE ANY CSS THAT BLOCKS ICONS */
*[class*="fa-"] {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro", "FontAwesome" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* Remove any CSS that might be hiding Font Awesome icons */
.fa,
.fas,
.far,
.fal,
.fat,
.fad,
.fass,
.fa-solid,
.fa-regular,
.fa-light,
.fa-thin,
.fa-duotone,
.fa-sharp-solid,
.fa-sharp-regular,
.fa-sharp-light,
.fa-classic,
.fa-brands {
  display: inline-block !important;
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro", "FontAwesome" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* FORCE BOTTOM FOOTER TEXT VISIBILITY */
.footer--zad .footer-copyright-wrap,
.footer--zad .footer-copyright-wrap *,
.footer--zad .footer-copyright-social,
.footer--zad .footer-copyright-social *,
.footer--zad .text-line-1,
.footer--zad .text-main-600,
.footer--zad .border-top {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  background-clip: initial !important;
  -webkit-background-clip: initial !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.9) !important;
}

/* Specific targeting for copyright text */
.footer--zad .footer-copyright-wrap p,
.footer--zad .text-line-1,
.footer--zad .footer-copyright-wrap .fw-normal {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

/* Specific targeting for navigation links */
.footer--zad .footer-copyright-social a,
.footer--zad .footer-copyright-social li a,
.footer--zad .footer-copyright-social .text-main-600,
.footer--zad .footer-copyright-social .text-uppercase,
.footer--zad .footer-copyright-social .fw-semibold,
.footer--zad .footer-copyright-social .tw-text-sm {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  margin: 0 8px !important;
  padding: 4px 8px !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-block !important;
  transition: all 0.3s ease !important;
  border-radius: 4px !important;
}

/* Hover effects for navigation links */
.footer--zad .footer-copyright-social a:hover,
.footer--zad .footer-copyright-social li a:hover {
  color: #01FF84 !important;
  -webkit-text-fill-color: #01FF84 !important;
  text-shadow: 0 0 15px rgba(1,255,132,0.8) !important;
  transform: translateY(-1px) !important;
  background: rgba(1,255,132,0.1) !important;
}

/* Force the copyright year to be visible */
.footer--zad #zad-year,
.footer--zad .footer-copyright-wrap span {
  color: #01FF84 !important;
  -webkit-text-fill-color: #01FF84 !important;
  font-weight: 700 !important;
  text-shadow: 0 0 10px rgba(1,255,132,0.6) !important;
}

/* Ensure the bottom footer container is visible */
.footer--zad .border-top {
  border-top: 1px solid rgba(255,255,255,0.2) !important;
  background: rgba(21,3,66,0.8) !important;
  backdrop-filter: blur(10px) !important;
}

.footer--zad .footer-copyright-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  padding: 16px 0 !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .footer--zad .footer-copyright-wrap {
    flex-direction: column !important;
    text-align: center !important;
    gap: 12px !important;
  }
  
  .footer--zad .footer-copyright-social {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  
  .footer--zad .footer-copyright-social a {
    margin: 0 4px !important;
    font-size: 11px !important;
  }
}

/* HOLY CITY ICONS - MODERN & BEAUTIFUL STYLING */
.holy-city-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 80px !important;
  height: 80px !important;
  border-radius: 20px !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;
  background: linear-gradient(135deg, #150342 0%, #5632ED 50%, #01FF84 100%) !important;
}

.holy-city-icon::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%) !important;
  border-radius: 20px !important;
  z-index: 1 !important;
}

.holy-city-icon i {
  font-size: 32px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 900 !important;
  position: relative !important;
  z-index: 2 !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
  transition: all 0.3s ease !important;
}

/* Individual icon styling with unique gradients */
.makkah-icon {
  background: linear-gradient(135deg, #8B0000 0%, #DC143C 50%, #FFD700 100%) !important;
  box-shadow: 0 8px 25px rgba(139,0,0,0.3) !important;
}

.madinah-icon {
  background: linear-gradient(135deg, #006400 0%, #228B22 50%, #32CD32 100%) !important;
  box-shadow: 0 8px 25px rgba(0,100,0,0.3) !important;
}

.jeddah-icon {
  background: linear-gradient(135deg, #000080 0%, #4169E1 50%, #87CEEB 100%) !important;
  box-shadow: 0 8px 25px rgba(0,0,128,0.3) !important;
}

.arafah-icon {
  background: linear-gradient(135deg, #8B4513 0%, #D2691E 50%, #F4A460 100%) !important;
  box-shadow: 0 8px 25px rgba(139,69,19,0.3) !important;
}

.mina-icon {
  background: linear-gradient(135deg, #4B0082 0%, #8A2BE2 50%, #DDA0DD 100%) !important;
  box-shadow: 0 8px 25px rgba(75,0,130,0.3) !important;
}

/* Hover effects */
.holy-city-icon:hover {
  transform: translateY(-8px) scale(1.05) !important;
  box-shadow: 0 15px 35px rgba(0,0,0,0.25) !important;
}

.holy-city-icon:hover i {
  transform: scale(1.1) rotate(5deg) !important;
  text-shadow: 0 4px 12px rgba(0,0,0,0.4) !important;
}

/* Specific hover effects for each icon */
.makkah-icon:hover {
  box-shadow: 0 15px 35px rgba(139,0,0,0.4) !important;
  background: linear-gradient(135deg, #DC143C 0%, #FFD700 50%, #8B0000 100%) !important;
}

.madinah-icon:hover {
  box-shadow: 0 15px 35px rgba(0,100,0,0.4) !important;
  background: linear-gradient(135deg, #228B22 0%, #32CD32 50%, #006400 100%) !important;
}

.jeddah-icon:hover {
  box-shadow: 0 15px 35px rgba(0,0,128,0.4) !important;
  background: linear-gradient(135deg, #4169E1 0%, #87CEEB 50%, #000080 100%) !important;
}

.arafah-icon:hover {
  box-shadow: 0 15px 35px rgba(139,69,19,0.4) !important;
  background: linear-gradient(135deg, #D2691E 0%, #F4A460 50%, #8B4513 100%) !important;
}

.mina-icon:hover {
  box-shadow: 0 15px 35px rgba(75,0,130,0.4) !important;
  background: linear-gradient(135deg, #8A2BE2 0%, #DDA0DD 50%, #4B0082 100%) !important;
}

/* Link styling */
.holy-city-icon-link {
  text-decoration: none !important;
  display: block !important;
  transition: all 0.3s ease !important;
}

.holy-city-icon-link:hover {
  text-decoration: none !important;
}

/* Animation for icon entrance */
.holy-city-icon {
  animation: iconEntrance 0.6s ease-out !important;
}

@keyframes iconEntrance {
  0% {
    opacity: 0 !important;
    transform: translateY(20px) scale(0.8) !important;
  }
  100% {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
  }
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .holy-city-icon {
    width: 60px !important;
    height: 60px !important;
    border-radius: 15px !important;
  }
  
  .holy-city-icon i {
    font-size: 24px !important;
  }
}

@media (max-width: 480px) {
  .holy-city-icon {
    width: 50px !important;
    height: 50px !important;
    border-radius: 12px !important;
  }
  
  .holy-city-icon i {
    font-size: 20px !important;
  }
}

/* BLOG SECTION TEXT VISIBILITY FIXES */
.umrah-blogs,
.umrah-blogs *,
.blog-two-area,
.blog-two-area * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Section titles and subtitles */
.umrah-blogs .section-subtitle,
.umrah-blogs .section-title,
.umrah-blogs h2,
.umrah-blogs h6 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  background-clip: initial !important;
  -webkit-background-clip: initial !important;
  text-shadow: 0 2px 4px rgba(0,0,0,0.8) !important;
  font-weight: 600 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Section description paragraph */
.umrah-blogs .tw-text-lg,
.umrah-blogs p {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  background-clip: initial !important;
  -webkit-background-clip: initial !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.7) !important;
  opacity: 0.9 !important;
  visibility: visible !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

/* Blog panel containers */
.umrah-blogs .blog-panel,
.umrah-blogs .blog-two-wrapper {
  background: rgba(255,255,255,0.1) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.1) !important;
}

/* Blog meta information */
.umrah-blogs .blog-two-meta,
.umrah-blogs .blog-two-meta ul,
.umrah-blogs .blog-two-meta li {
  color: #01FF84 !important;
  -webkit-text-fill-color: #01FF84 !important;
  background: none !important;
  background-clip: initial !important;
  -webkit-background-clip: initial !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.8) !important;
  font-weight: 500 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Blog titles */
.umrah-blogs .blog-two-title,
.umrah-blogs .blog-two-title a,
.umrah-blogs h4,
.umrah-blogs h4 a {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  background-clip: initial !important;
  -webkit-background-clip: initial !important;
  text-shadow: 0 2px 4px rgba(0,0,0,0.9) !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-decoration: none !important;
}

/* Blog read more links */
.umrah-blogs .blog-two-button,
.umrah-blogs .blog-two-button a,
.umrah-blogs .text-black {
  color: #01FF84 !important;
  -webkit-text-fill-color: #01FF84 !important;
  background: none !important;
  background-clip: initial !important;
  -webkit-background-clip: initial !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.8) !important;
  font-weight: 600 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

/* Hover effects for blog titles */
.umrah-blogs .blog-two-title a:hover,
.umrah-blogs h4 a:hover {
  color: #01FF84 !important;
  -webkit-text-fill-color: #01FF84 !important;
  text-shadow: 0 0 15px rgba(1,255,132,0.8) !important;
  transform: translateX(5px) !important;
}

/* Hover effects for read more links */
.umrah-blogs .blog-two-button a:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 0 15px rgba(255,255,255,0.8) !important;
  transform: translateX(5px) !important;
}

/* Explore more button */
.umrah-blogs .primary-btn,
.umrah-blogs .bg-main-two-600 {
  background: linear-gradient(135deg, #01FF84 0%, #5632ED 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: none !important;
  padding: 12px 24px !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  box-shadow: 0 8px 25px rgba(1,255,132,0.3) !important;
  transition: all 0.3s ease !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.umrah-blogs .primary-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 35px rgba(1,255,132,0.4) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Blog thumbnails - ensure they're visible */
.umrah-blogs .blog-two-thumb {
  opacity: 1 !important;
  visibility: visible !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.umrah-blogs .blog-two-thumb img {
  opacity: 1 !important;
  visibility: visible !important;
  border-radius: 12px !important;
  transition: all 0.3s ease !important;
}

.umrah-blogs .blog-two-thumb:hover img {
  transform: scale(1.05) !important;
}

/* Force all text elements to be visible */
.umrah-blogs .text-black,
.umrah-blogs .fw-medium,
.umrah-blogs .fw-normal,
.umrah-blogs .font-sofia,
.umrah-blogs .font-heading {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .umrah-blogs .blog-two-title,
  .umrah-blogs .blog-two-title a,
  .umrah-blogs h4,
  .umrah-blogs h4 a {
    font-size: 16px !important;
  }
  
  .umrah-blogs .tw-text-lg,
  .umrah-blogs p {
    font-size: 14px !important;
  }
}

/* PACKAGE CATEGORY ICONS - MODERN & BEAUTIFUL STYLING */
.package-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.15) !important;
  background: linear-gradient(135deg, #150342 0%, #5632ED 50%, #01FF84 100%) !important;
}

.package-icon::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.05) 100%) !important;
  border-radius: 12px !important;
  z-index: 1 !important;
}

.package-icon i {
  font-size: 20px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 900 !important;
  position: relative !important;
  z-index: 2 !important;
  text-shadow: 0 2px 6px rgba(0,0,0,0.3) !important;
  transition: all 0.3s ease !important;
}

/* Individual package icon styling with unique gradients */
.standard-icon {
  background: linear-gradient(135deg, #4CAF50 0%, #8BC34A 50%, #CDDC39 100%) !important;
  box-shadow: 0 6px 20px rgba(76,175,80,0.3) !important;
}

.premium-icon {
  background: linear-gradient(135deg, #FF9800 0%, #FFC107 50%, #FFEB3B 100%) !important;
  box-shadow: 0 6px 20px rgba(255,152,0,0.3) !important;
}

.group-icon {
  background: linear-gradient(135deg, #2196F3 0%, #03A9F4 50%, #00BCD4 100%) !important;
  box-shadow: 0 6px 20px rgba(33,150,243,0.3) !important;
}

.luxury-icon {
  background: linear-gradient(135deg, #9C27B0 0%, #E91E63 50%, #F44336 100%) !important;
  box-shadow: 0 6px 20px rgba(156,39,176,0.3) !important;
}

.custom-icon {
  background: linear-gradient(135deg, #607D8B 0%, #795548 50%, #9E9E9E 100%) !important;
  box-shadow: 0 6px 20px rgba(96,125,139,0.3) !important;
}

/* Hover effects */
.package-icon:hover {
  transform: translateY(-4px) scale(1.1) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,0.25) !important;
}

.package-icon:hover i {
  transform: scale(1.2) rotate(10deg) !important;
  text-shadow: 0 4px 12px rgba(0,0,0,0.4) !important;
}

/* Specific hover effects for each icon */
.standard-icon:hover {
  box-shadow: 0 12px 30px rgba(76,175,80,0.4) !important;
  background: linear-gradient(135deg, #8BC34A 0%, #CDDC39 50%, #4CAF50 100%) !important;
}

.premium-icon:hover {
  box-shadow: 0 12px 30px rgba(255,152,0,0.4) !important;
  background: linear-gradient(135deg, #FFC107 0%, #FFEB3B 50%, #FF9800 100%) !important;
}

.group-icon:hover {
  box-shadow: 0 12px 30px rgba(33,150,243,0.4) !important;
  background: linear-gradient(135deg, #03A9F4 0%, #00BCD4 50%, #2196F3 100%) !important;
}

.luxury-icon:hover {
  box-shadow: 0 12px 30px rgba(156,39,176,0.4) !important;
  background: linear-gradient(135deg, #E91E63 0%, #F44336 50%, #9C27B0 100%) !important;
}

.custom-icon:hover {
  box-shadow: 0 12px 30px rgba(96,125,139,0.4) !important;
  background: linear-gradient(135deg, #795548 0%, #9E9E9E 50%, #607D8B 100%) !important;
}

/* Animation for icon entrance */
.package-icon {
  animation: packageIconEntrance 0.6s ease-out !important;
}

@keyframes packageIconEntrance {
  0% {
    opacity: 0 !important;
    transform: translateY(15px) scale(0.8) !important;
  }
  100% {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
  }
}

/* Staggered animation for multiple icons */
.catagori-item:nth-child(1) .package-icon {
  animation-delay: 0.1s !important;
}

.catagori-item:nth-child(2) .package-icon {
  animation-delay: 0.2s !important;
}

.catagori-item:nth-child(3) .package-icon {
  animation-delay: 0.3s !important;
}

.catagori-item:nth-child(4) .package-icon {
  animation-delay: 0.4s !important;
}

.catagori-item:nth-child(5) .package-icon {
  animation-delay: 0.5s !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .package-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
  }
  
  .package-icon i {
    font-size: 16px !important;
  }
}

@media (max-width: 480px) {
  .package-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
  }
  
  .package-icon i {
    font-size: 14px !important;
  }
}

/* RESPONSIVE "UMRAH PACKAGE" TEXT - FIX SMALL SCREEN SIZING */
.zad-text-gradient-primary,
.banner-two-title .zad-text-gradient-primary,
h1 .zad-text-gradient-primary,
.zad-title-radiant .zad-text-gradient-primary {
  font-size: 0.8em !important; /* Smaller relative to parent */
  display: inline-block !important;
  line-height: 1.2 !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

/* AGGRESSIVE MOBILE RESPONSIVE FOR "UMRAH PACKAGE" TEXT */
@media (max-width: 768px) {
  .zad-text-gradient-primary,
  .banner-two-title .zad-text-gradient-primary,
  h1 .zad-text-gradient-primary,
  .zad-title-radiant .zad-text-gradient-primary {
    font-size: 0.7em !important;
    line-height: 1.3 !important;
    display: block !important;
    margin-top: 0.2em !important;
  }
}

@media (max-width: 480px) {
  .zad-text-gradient-primary,
  .banner-two-title .zad-text-gradient-primary,
  h1 .zad-text-gradient-primary,
  .zad-title-radiant .zad-text-gradient-primary {
    font-size: 0.6em !important;
    line-height: 1.4 !important;
    display: block !important;
    margin-top: 0.1em !important;
    word-break: break-word !important;
  }
}

@media (max-width: 375px) {
  .zad-text-gradient-primary,
  .banner-two-title .zad-text-gradient-primary,
  h1 .zad-text-gradient-primary,
  .zad-title-radiant .zad-text-gradient-primary {
    font-size: 0.55em !important;
    line-height: 1.5 !important;
    display: block !important;
    margin-top: 0.1em !important;
  }
}

@media (max-width: 360px) {
  .zad-text-gradient-primary,
  .banner-two-title .zad-text-gradient-primary,
  h1 .zad-text-gradient-primary,
  .zad-title-radiant .zad-text-gradient-primary {
    font-size: 0.5em !important;
    line-height: 1.6 !important;
    display: block !important;
    margin-top: 0.05em !important;
  }
}

@media (max-width: 320px) {
  .zad-text-gradient-primary,
  .banner-two-title .zad-text-gradient-primary,
  h1 .zad-text-gradient-primary,
  .zad-title-radiant .zad-text-gradient-primary {
    font-size: 0.45em !important;
    line-height: 1.7 !important;
    display: block !important;
    margin-top: 0.05em !important;
  }
}

/* EMERGENCY OVERRIDE - FORCE MAXIMUM RESPONSIVENESS */
@media (max-width: 480px) {
  .zad-text-gradient-primary,
  .banner-two-title .zad-text-gradient-primary,
  h1 .zad-text-gradient-primary,
  .zad-title-radiant .zad-text-gradient-primary {
    font-size: clamp(12px, 0.6em, 18px) !important; /* Clamp for safety */
    word-break: break-word !important;
    hyphens: auto !important;
    display: block !important;
  }
}

/* Ensure the main title container is also responsive */
@media (max-width: 480px) {
  .banner-two-title,
  h1.banner-two-title,
  .zad-title-radiant {
    font-size: clamp(16px, 4vw, 24px) !important;
    line-height: 1.3 !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
}

/* FIX "Complete Spiritual Journey to the Holy Cities" TEXT VISIBILITY */
.catagori-area .section-title,
.catagori-area h2,
.catagori-area .char-animation,
.catagori-area .text-white {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  background-clip: initial !important;
  -webkit-background-clip: initial !important;
  text-shadow: 0 2px 4px rgba(0,0,0,0.9) !important;
  font-weight: 600 !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  z-index: 10 !important;
}

/* Specific targeting for the exact text */
.catagori-area .section-title.text-white,
.catagori-area h2.text-white,
.catagori-area .char-animation.text-white {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 3px 6px rgba(0,0,0,0.8) !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 1.3 !important;
  letter-spacing: 0.02em !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Hover effect for better visibility */
.catagori-area .section-title:hover,
.catagori-area h2:hover,
.catagori-area .char-animation:hover {
  color: #01FF84 !important;
  -webkit-text-fill-color: #01FF84 !important;
  text-shadow: 0 0 15px rgba(1,255,132,0.8) !important;
}

/* --- HEADER LAYOUT FIXES --- */
.header--zad nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.header--zad .logo {
  flex: 0 0 auto;
  margin-right: 18px;
  display: flex;
  align-items: center;
}
.header--zad .header-menu {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
}
.header--zad .header-btn-wrap {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 18px;
}

@media (max-width: 991px) {
  .header--zad nav {
    flex-wrap: wrap;
  }
  .header--zad .logo {
    margin-bottom: 0;
  }
  .header--zad .header-btn-wrap {
    margin-left: 0;
    gap: 8px;
  }
}

@media (max-width: 767px) {
  .header--zad nav {
    flex-direction: row;
    align-items: center;
  }
  .header--zad .logo {
    flex: 1 1 auto;
    margin-right: 0;
  }
  .header--zad .header-btn-wrap {
    flex: 0 0 auto;
    margin-left: auto;
    gap: 6px;
  }
}

/* --- MOBILE HEADER: Book Umrah and Hamburger in one row --- */
@media (max-width: 991px) {
  .header--zad .header-btn-wrap {
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    margin-top: 0;
  }
  .header--zad .header-btn-wrap .primary-btn {
    margin-bottom: 0;
  }
}

/* --- HERO SUBTITLE VISIBILITY FIX --- */
.banner-two-area.hero--zad .section-subtitle {
  color: #01FF84 !important;
  background: none !important;
  text-shadow: 0 2px 12px #150342, 0 1px 0 #fff, 0 0 8px #01FF84;
  font-weight: 700;
  letter-spacing: 0.5px;
  font-size: 1.25rem;
  opacity: 1 !important;
  z-index: 10;
  position: relative;
}
@media (max-width: 767px) {
  .banner-two-area.hero--zad .section-subtitle {
    font-size: 1.1rem;
  }
}

/* --- ADVANCE GALLERY: FORCE HORIZONTAL ROW, NO WRAP --- */
.advance-two-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 28px;
  justify-content: flex-start;
  align-items: flex-end;
  overflow-x: auto;
  overflow-y: visible;
  padding-bottom: 16px;
  scrollbar-width: thin;
  scrollbar-color: #150342 #e6e6f0;
}
.advance-two-item {
  flex: 0 0 260px;
  max-width: 260px;
  min-width: 220px;
  margin: 0;
  transition: transform .3s cubic-bezier(.4,0,.2,1);
}
@media (max-width: 1200px) {
  .advance-two-item { flex-basis: 220px; max-width: 220px; }
}
@media (max-width: 900px) {
  .advance-two-item { flex-basis: 180px; max-width: 180px; }
}
@media (max-width: 600px) {
  .advance-two-item { flex-basis: 140px; max-width: 140px; }
  .advance-two-wrap { gap: 14px; }
}
/* Hide scroll bar but allow scroll (optional) */
.advance-two-wrap::-webkit-scrollbar { height: 8px; background: #e6e6f0; }
.advance-two-wrap::-webkit-scrollbar-thumb { background: #150342; border-radius: 4px; }

@media (max-width: 480px) {
  .advance-two-item {
    flex-basis: 110px;
    max-width: 110px;
    min-width: 90px;
  }
  .advance-two-wrap { gap: 8px; }
  .advance-two-thumb img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 14px;
    display: block;
  }
}
@media (max-width: 400px) {
  .advance-two-item {
    flex-basis: 90px;
    max-width: 90px;
    min-width: 70px;
  }
}
.advance-two-wrap {
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
.advance-two-item {
  scroll-snap-align: start;
}
/* ===============================================
   ENHANCED ABOUT SECTION STYLES
=============================================== */

/* About Section Main Container */
.about--zad {
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.03) 0%, 
        rgba(1, 255, 132, 0.02) 50%, 
        rgba(21, 3, 66, 0.03) 100%);
    position: relative;
}

/* Background Gradient Orbs */
.zad-gradient-orb {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    filter: blur(60px);
}

.zad-orb-1 {
    background: radial-gradient(circle, rgba(21, 3, 66, 0.4) 0%, transparent 70%);
    top: 10%;
    left: -5%;
    animation: zad-float 8s ease-in-out infinite;
}

.zad-orb-2 {
    background: radial-gradient(circle, rgba(1, 255, 132, 0.3) 0%, transparent 70%);
    bottom: 10%;
    right: -5%;
    animation: zad-float 10s ease-in-out infinite reverse;
}

/* Border Runner Animation */
.zad-border-runner {
    pointer-events: none;
    opacity: 0.5;
}

/* Floating Element */
.zad-floating-element {
    animation: zad-float 6s ease-in-out infinite;
}

/* About Images Grid */
.about-images-grid {
    min-height: 400px;
}

.about-images-grid .main-image,
.about-images-grid .secondary-image {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.about-images-grid:hover .main-image {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 20px 60px rgba(21, 3, 66, 0.2);
}

.about-images-grid:hover .secondary-image {
    transform: translateY(-10px) scale(1.05);
    box-shadow: 0 25px 80px rgba(1, 255, 132, 0.15);
}

/* Image Overlay */
.zad-image-overlay {
    background: linear-gradient(to top, 
        rgba(0, 0, 0, 0.6) 0%, 
        rgba(0, 0, 0, 0.3) 30%, 
        transparent 100%);
}

/* Floating Stats */
.zad-floating-stats {
    animation: zad-gentle-pulse 4s ease-in-out infinite;
}

.zad-floating-stats:nth-child(even) {
    animation-delay: 1s;
}

/* About Content Glass Card */
.about-content .zad-glass-card {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.about-content .zad-glass-card:hover {
    transform: translateY(-5px);
    box-shadow: 
        0 20px 60px rgba(21, 3, 66, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

/* Feature Items */
.feature-item {
    padding: 1rem;
    border-radius: 12px;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.feature-item:hover {
    background: rgba(21, 3, 66, 0.05);
    border-color: rgba(1, 255, 132, 0.2);
    transform: translateX(10px);
}

.feature-item i {
    font-size: 1.2rem;
    transition: all 0.3s ease;
}

.feature-item:hover i {
    transform: scale(1.2);
    filter: drop-shadow(0 4px 8px rgba(21, 3, 66, 0.3));
}

/* About Actions */
.about-actions .btn-brand-solid,
.about-actions .btn-brand-outline {
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.about-actions .btn-brand-solid::before,
.about-actions .btn-brand-outline::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.2), 
        transparent);
    transition: left 0.5s ease;
}

.about-actions .btn-brand-solid:hover::before,
.about-actions .btn-brand-outline:hover::before {
    left: 100%;
}

.about-actions .btn-brand-solid:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(21, 3, 66, 0.3);
}

.about-actions .btn-brand-outline:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(1, 255, 132, 0.2);
}

/* Responsive Design */
@media (max-width: 1199px) {
    .about-images-grid {
        flex-direction: column;
        gap: 1.5rem !important;
    }
    
    .about-images-grid .secondary-image {
        width: 100% !important;
    }
    
    .zad-floating-stats {
        position: static !important;
        margin: 1rem 0;
    }
}

@media (max-width: 991px) {
    .about--zad {
        padding: 80px 0;
    }
    
    .about-content .zad-glass-card {
        margin-top: 2rem;
        padding: 2rem !important;
    }
    
    .about-images-grid {
        min-height: 300px;
    }
}

@media (max-width: 767px) {
    .about--zad {
        padding: 60px 0;
    }
    
    .about-header .zad-chip {
        justify-content: center;
    }
    
    .about-title {
        font-size: 2rem !important;
        text-align: center;
    }
    
    .about-actions {
        justify-content: center;
    }
    
    .about-actions .btn-brand-solid,
    .about-actions .btn-brand-outline {
        flex: 1;
        justify-content: center;
        min-width: 140px;
    }
}

@media (max-width: 575px) {
    .about-actions {
        flex-direction: column;
    }
    
    .feature-item:hover {
        transform: none;
    }
    
    .zad-gradient-orb {
        width: 200px;
        height: 200px;
    }
}

/* Animation Keyframes */
@keyframes zad-float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
}

@keyframes zad-gentle-pulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.05); opacity: 0.9; }
}

/* Accessibility and Motion Preferences */
@media (prefers-reduced-motion: reduce) {
    .zad-floating-element,
    .zad-floating-stats,
    .zad-gradient-orb,
    .zad-orb-1,
    .zad-orb-2 {
        animation: none !important;
    }
    
    .about-images-grid .main-image:hover,
    .about-images-grid .secondary-image:hover,
    .feature-item:hover,
    .about-content .zad-glass-card:hover,
    .about-actions .btn-brand-solid:hover,
    .about-actions .btn-brand-outline:hover {
        transform: none !important;
    }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .about--zad {
        background: #ffffff;
    }
    
    .zad-glass-card {
        background: #ffffff !important;
        border: 2px solid #000000 !important;
    }
    
    .feature-item:hover {
        background: #f0f0f0 !important;
        border-color: #000000 !important;
    }
}


/* ===============================================
   ENHANCED ABOUT SECTION WITH FONT AWESOME ICONS
=============================================== */

/* About Section Main Container */
.about--zad {
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.05) 0%, 
        rgba(1, 255, 132, 0.03) 50%, 
        rgba(21, 3, 66, 0.05) 100%);
    position: relative;
    overflow: hidden;
}

/* Floating Background Icons */
.zad-floating-icons {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.zad-floating-icons i {
    position: absolute;
    opacity: 0.1;
    color: #150342;
    animation: zad-float-icons 15s ease-in-out infinite;
}

.zad-icon-float-1 {
    top: 10%;
    left: 5%;
    font-size: 3rem;
    animation-delay: 0s;
}

.zad-icon-float-2 {
    top: 20%;
    right: 10%;
    font-size: 2.5rem;
    animation-delay: 3s;
}

.zad-icon-float-3 {
    bottom: 30%;
    left: 8%;
    font-size: 2rem;
    animation-delay: 6s;
}

.zad-icon-float-4 {
    top: 60%;
    right: 15%;
    font-size: 2.8rem;
    animation-delay: 9s;
}

.zad-icon-float-5 {
    bottom: 10%;
    right: 5%;
    font-size: 2.2rem;
    animation-delay: 12s;
}

/* Gradient Border Animation */
.zad-gradient-border {
    background: linear-gradient(45deg, 
        #150342, #01FF84, #150342, #01FF84);
    background-size: 400% 400%;
    animation: zad-gradient-flow 8s ease infinite;
    opacity: 0.1;
    border-radius: 20px;
}

/* Icon Display Animations */
.zad-icon-display {
    animation: zad-gentle-float 6s ease-in-out infinite;
}

.zad-pulse-animation {
    animation: zad-pulse 3s ease-in-out infinite;
}

.zad-icon-bounce {
    animation: zad-bounce 2s ease-in-out infinite;
}

.zad-icon-rotate {
    animation: zad-rotate 4s linear infinite;
}

.zad-icon-hover {
    transition: all 0.3s ease;
}

.zad-icon-hover:hover {
    transform: scale(1.2) rotate(10deg);
    filter: drop-shadow(0 8px 16px rgba(21, 3, 66, 0.3));
}

/* Icons Grid Layout */
.zad-icons-grid {
    min-height: 400px;
}

.zad-icons-grid .main-icon-display,
.zad-icons-grid .secondary-icon-display {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.zad-icons-grid:hover .main-icon-display {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 25px 80px rgba(21, 3, 66, 0.2);
}

.zad-icons-grid:hover .secondary-icon-display {
    transform: translateY(-12px) scale(1.05);
    box-shadow: 0 30px 100px rgba(1, 255, 132, 0.15);
}

/* Icon Wrapper */
.zad-icon-wrapper {
    position: relative;
    display: inline-block;
}

.zad-icon-wrapper::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 120%;
    background: radial-gradient(circle, rgba(1, 255, 132, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: zad-icon-glow 3s ease-in-out infinite;
}

/* Feature Icon Wrapper */
.feature-icon-wrapper {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(21, 3, 66, 0.1), rgba(1, 255, 132, 0.1));
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.feature-icon-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(1, 255, 132, 0.2), 
        transparent);
    transition: left 0.5s ease;
}

.feature-item:hover .feature-icon-wrapper::before {
    left: 100%;
}

.feature-item:hover .feature-icon-wrapper {
    transform: scale(1.1);
    box-shadow: 0 8px 25px rgba(21, 3, 66, 0.2);
}

/* Feature Items Enhanced */
.feature-item {
    padding: 1.5rem;
    border-radius: 16px;
    transition: all 0.4s ease;
    border: 1px solid transparent;
    background: rgba(255, 255, 255, 0.02);
    position: relative;
    overflow: hidden;
}

.feature-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.05) 0%, 
        rgba(1, 255, 132, 0.03) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.feature-item:hover::before {
    opacity: 1;
}

.feature-item:hover {
    background: rgba(21, 3, 66, 0.08);
    border-color: rgba(1, 255, 132, 0.3);
    transform: translateX(15px) translateY(-5px);
    box-shadow: 0 15px 40px rgba(21, 3, 66, 0.15);
}

.feature-item i {
    transition: all 0.3s ease;
}

.feature-item:hover i {
    transform: scale(1.2);
    filter: drop-shadow(0 4px 12px rgba(21, 3, 66, 0.4));
}

/* Feature Cards Grid */
.zad-features-grid .zad-feature-card {
    transition: all 0.4s ease;
    border: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
}

.zad-features-grid .zad-feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.05) 0%, 
        rgba(1, 255, 132, 0.03) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.zad-features-grid .zad-feature-card:hover::before {
    opacity: 1;
}

.zad-features-grid .zad-feature-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 20px 60px rgba(21, 3, 66, 0.2);
    border-color: rgba(1, 255, 132, 0.3);
}

.feature-icon-large {
    position: relative;
    display: inline-block;
}

.feature-icon-large::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    background: radial-gradient(circle, rgba(1, 255, 132, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: zad-icon-pulse 2s ease-in-out infinite;
}

/* Floating Stats Enhanced */
.zad-floating-stats {
    animation: zad-gentle-pulse 4s ease-in-out infinite;
}

.zad-floating-stats:nth-child(even) {
    animation-delay: 1s;
}

.zad-floating-stats .zad-glass-card {
    transition: all 0.3s ease;
}

.zad-floating-stats:hover .zad-glass-card {
    transform: scale(1.05);
    box-shadow: 0 15px 40px rgba(21, 3, 66, 0.2);
}

/* About Content Glass Card */
.about-content .zad-glass-card {
    backdrop-filter: blur(15px);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 
        0 12px 40px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

.about-content .zad-glass-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.03) 0%, 
        rgba(1, 255, 132, 0.02) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.about-content .zad-glass-card:hover::before {
    opacity: 1;
}

.about-content .zad-glass-card:hover {
    transform: translateY(-8px);
    box-shadow: 
        0 25px 80px rgba(21, 3, 66, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

/* About Actions Enhanced */
.about-actions .btn-brand-solid,
.about-actions .btn-brand-outline {
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

.about-actions .btn-brand-solid::before,
.about-actions .btn-brand-outline::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.2), 
        transparent);
    transition: left 0.6s ease;
}

.about-actions .btn-brand-solid:hover::before,
.about-actions .btn-brand-outline:hover::before {
    left: 100%;
}

.about-actions .btn-brand-solid:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(21, 3, 66, 0.3);
}

.about-actions .btn-brand-outline:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(1, 255, 132, 0.25);
}

/* Responsive Design */
@media (max-width: 1199px) {
    .zad-icons-grid {
        flex-direction: column;
        gap: 2rem !important;
    }
    
    .zad-icons-grid .secondary-icon-display {
        width: 100% !important;
    }
    
    .zad-floating-stats {
        position: static !important;
        margin: 1.5rem 0;
    }
}

@media (max-width: 991px) {
    .about--zad {
        padding: 80px 0;
    }
    
    .about-content .zad-glass-card {
        margin-top: 2rem;
        padding: 2rem !important;
    }
    
    .zad-icons-grid {
        min-height: 350px;
    }
    
    .zad-floating-icons i {
        font-size: 1.5rem !important;
    }
}

@media (max-width: 767px) {
    .about--zad {
        padding: 60px 0;
    }
    
    .about-header .zad-chip {
        justify-content: center;
    }
    
    .about-title {
        font-size: 2rem !important;
        text-align: center;
    }
    
    .about-actions {
        justify-content: center;
    }
    
    .about-actions .btn-brand-solid,
    .about-actions .btn-brand-outline {
        flex: 1;
        justify-content: center;
        min-width: 140px;
    }
    
    .zad-features-grid .row {
        gap: 1rem !important;
    }
}

@media (max-width: 575px) {
    .about-actions {
        flex-direction: column;
    }
    
    .feature-item:hover {
        transform: none;
    }
    
    .zad-floating-icons i {
        font-size: 1rem !important;
    }
    
    .feature-icon-large {
        font-size: 2rem !important;
    }
}

/* Animation Keyframes */
@keyframes zad-float-icons {
    0%, 100% { 
        transform: translateY(0px) rotate(0deg); 
        opacity: 0.1; 
    }
    25% { 
        transform: translateY(-20px) rotate(5deg); 
        opacity: 0.15; 
    }
    50% { 
        transform: translateY(-10px) rotate(-3deg); 
        opacity: 0.2; 
    }
    75% { 
        transform: translateY(-30px) rotate(8deg); 
        opacity: 0.12; 
    }
}

@keyframes zad-gradient-flow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes zad-gentle-float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
}

@keyframes zad-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.1); opacity: 1; }
}

@keyframes zad-bounce {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

@keyframes zad-rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes zad-icon-glow {
    0%, 100% { opacity: 0.3; transform: translate(-50%, -50%) scale(1); }
    50% { opacity: 0.6; transform: translate(-50%, -50%) scale(1.2); }
}

@keyframes zad-icon-pulse {
    0%, 100% { opacity: 0.2; transform: translate(-50%, -50%) scale(1); }
    50% { opacity: 0.4; transform: translate(-50%, -50%) scale(1.1); }
}

@keyframes zad-gentle-pulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.05); opacity: 0.9; }
}

/* Accessibility and Motion Preferences */
@media (prefers-reduced-motion: reduce) {
    .zad-floating-icons i,
    .zad-icon-display,
    .zad-pulse-animation,
    .zad-icon-bounce,
    .zad-icon-rotate,
    .zad-floating-stats,
    .zad-gradient-border {
        animation: none !important;
    }
    
    .zad-icons-grid .main-icon-display:hover,
    .zad-icons-grid .secondary-icon-display:hover,
    .feature-item:hover,
    .about-content .zad-glass-card:hover,
    .about-actions .btn-brand-solid:hover,
    .about-actions .btn-brand-outline:hover,
    .zad-features-grid .zad-feature-card:hover {
        transform: none !important;
    }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .about--zad {
        background: #ffffff;
    }
    
    .zad-glass-card {
        background: #ffffff !important;
        border: 2px solid #000000 !important;
    }
    
    .feature-item:hover {
        background: #f0f0f0 !important;
        border-color: #000000 !important;
    }
    
    .zad-floating-icons i {
        opacity: 0.3 !important;
        color: #000000 !important;
    }
}


/* ===============================================
   ADVANCED STYLES FOR ABOUT SECTION
=============================================== */

/* Advanced Glass Morphism Effects */
.zad-glass-card {
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.3),
        inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

.zad-glass-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.4), 
        transparent);
}

/* Advanced Gradient Text Effects */
.zad-text-gradient-primary {
    background: linear-gradient(135deg, #150342 0%, #01FF84 50%, #150342 100%);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: zad-gradient-shift 4s ease infinite;
    filter: drop-shadow(0 2px 4px rgba(21, 3, 66, 0.3));
}

.zad-text-gradient-secondary {
    background: linear-gradient(135deg, #01FF84 0%, #150342 50%, #01FF84 100%);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: zad-gradient-shift 4s ease infinite reverse;
    filter: drop-shadow(0 2px 4px rgba(1, 255, 132, 0.3));
}

/* Advanced Chip Design */
.zad-chip {
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.1) 0%, 
        rgba(1, 255, 132, 0.1) 100%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.zad-chip::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.2), 
        transparent);
    transition: left 0.5s ease;
}

.zad-chip:hover::before {
    left: 100%;
}

.zad-chip:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(21, 3, 66, 0.15);
    border-color: rgba(1, 255, 132, 0.3);
}

/* Advanced Button Styles */
.btn-brand-solid {
    background: linear-gradient(135deg, #150342 0%, #01FF84 100%);
    border: none;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
}

.btn-brand-solid::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.3), 
        transparent);
    transition: left 0.6s ease;
}

.btn-brand-solid:hover::before {
    left: 100%;
}

.btn-brand-solid:hover {
    transform: translateY(-3px);
    box-shadow: 
        0 15px 40px rgba(21, 3, 66, 0.4),
        0 5px 15px rgba(1, 255, 132, 0.2);
}

.btn-brand-outline {
    background: transparent;
    border: 2px solid transparent;
    background-clip: padding-box;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
}

.btn-brand-outline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #150342, #01FF84);
    border-radius: inherit;
    padding: 2px;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: xor;
    z-index: -1;
}

.btn-brand-outline:hover {
    transform: translateY(-3px);
    box-shadow: 
        0 15px 40px rgba(1, 255, 132, 0.3),
        0 5px 15px rgba(21, 3, 66, 0.2);
}

/* Advanced Icon Animations */
.zad-icon-bounce {
    animation: zad-advanced-bounce 2s ease-in-out infinite;
}

.zad-icon-rotate {
    animation: zad-advanced-rotate 4s linear infinite;
}

.zad-icon-hover {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.zad-icon-hover:hover {
    transform: scale(1.3) rotate(15deg);
    filter: 
        drop-shadow(0 10px 20px rgba(21, 3, 66, 0.4))
        drop-shadow(0 0 20px rgba(1, 255, 132, 0.3));
}

/* Advanced Feature Cards */
.zad-feature-card {
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

.zad-feature-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.1) 0%, 
        rgba(1, 255, 132, 0.05) 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.zad-feature-card:hover::after {
    opacity: 1;
}

.zad-feature-card:hover {
    transform: translateY(-15px) scale(1.03);
    box-shadow: 
        0 25px 80px rgba(21, 3, 66, 0.25),
        0 10px 30px rgba(1, 255, 132, 0.15);
}

/* Advanced Floating Elements */
.zad-floating-stats {
    animation: zad-advanced-float 6s ease-in-out infinite;
}

.zad-floating-stats .zad-glass-card {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.zad-floating-stats:hover .zad-glass-card {
    transform: scale(1.1) rotate(2deg);
    box-shadow: 
        0 20px 60px rgba(21, 3, 66, 0.3),
        0 0 30px rgba(1, 255, 132, 0.2);
}

/* Advanced Background Effects */
.about--zad {
    background: 
        radial-gradient(circle at 20% 20%, rgba(21, 3, 66, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(1, 255, 132, 0.08) 0%, transparent 50%),
        linear-gradient(135deg, 
            rgba(21, 3, 66, 0.03) 0%, 
            rgba(1, 255, 132, 0.02) 50%, 
            rgba(21, 3, 66, 0.03) 100%);
    position: relative;
}

.about--zad::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 30% 70%, rgba(1, 255, 132, 0.05) 0%, transparent 40%),
        radial-gradient(circle at 70% 30%, rgba(21, 3, 66, 0.05) 0%, transparent 40%);
    animation: zad-bg-shift 20s ease-in-out infinite;
    pointer-events: none;
}

/* Advanced Feature Items */
.feature-item {
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

.feature-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.08) 0%, 
        rgba(1, 255, 132, 0.05) 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.feature-item:hover::before {
    opacity: 1;
}

.feature-item:hover {
    transform: translateX(20px) translateY(-8px) scale(1.02);
    box-shadow: 
        0 20px 60px rgba(21, 3, 66, 0.2),
        0 0 30px rgba(1, 255, 132, 0.1);
    border-color: rgba(1, 255, 132, 0.4);
}

/* Advanced Icon Wrapper Effects */
.feature-icon-wrapper {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

.feature-icon-wrapper::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: radial-gradient(circle, rgba(1, 255, 132, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease;
}

.feature-item:hover .feature-icon-wrapper::after {
    width: 100px;
    height: 100px;
}

.feature-item:hover .feature-icon-wrapper {
    transform: scale(1.2) rotate(10deg);
    box-shadow: 0 10px 30px rgba(21, 3, 66, 0.3);
}

/* Advanced Responsive Design */
@media (max-width: 1400px) {
    .zad-floating-icons i {
        font-size: 2rem !important;
    }
}

@media (max-width: 1200px) {
    .zad-icons-grid {
        flex-direction: column;
        gap: 2.5rem !important;
    }
    
    .zad-icons-grid .secondary-icon-display {
        width: 100% !important;
    }
    
    .zad-floating-stats {
        position: static !important;
        margin: 2rem 0;
    }
}

@media (max-width: 992px) {
    .about--zad {
        padding: 100px 0;
    }
    
    .about-content .zad-glass-card {
        margin-top: 3rem;
        padding: 2.5rem !important;
    }
    
    .zad-icons-grid {
        min-height: 400px;
    }
    
    .zad-floating-icons i {
        font-size: 1.8rem !important;
    }
    
    .feature-icon-large {
        font-size: 2.5rem !important;
    }
}

@media (max-width: 768px) {
    .about--zad {
        padding: 80px 0;
    }
    
    .about-header .zad-chip {
        justify-content: center;
        margin-bottom: 2rem;
    }
    
    .about-title {
        font-size: 2.2rem !important;
        text-align: center;
        line-height: 1.2;
    }
    
    .about-actions {
        justify-content: center;
        gap: 1rem !important;
    }
    
    .about-actions .btn-brand-solid,
    .about-actions .btn-brand-outline {
        flex: 1;
        justify-content: center;
        min-width: 160px;
        padding: 1rem 2rem !important;
    }
    
    .zad-features-grid .row {
        gap: 1.5rem !important;
    }
    
    .zad-features-grid .zad-feature-card {
        padding: 2rem !important;
    }
}

@media (max-width: 576px) {
    .about-actions {
        flex-direction: column;
        align-items: center;
    }
    
    .about-actions .btn-brand-solid,
    .about-actions .btn-brand-outline {
        width: 100%;
        max-width: 280px;
    }
    
    .feature-item:hover {
        transform: translateY(-5px) !important;
    }
    
    .zad-floating-icons i {
        font-size: 1.2rem !important;
    }
    
    .feature-icon-large {
        font-size: 2rem !important;
    }
    
    .zad-feature-card {
        padding: 1.5rem !important;
    }
}

/* Advanced Animation Keyframes */
@keyframes zad-gradient-shift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes zad-advanced-bounce {
    0%, 100% { 
        transform: translateY(0px) scale(1); 
    }
    25% { 
        transform: translateY(-15px) scale(1.05); 
    }
    50% { 
        transform: translateY(-8px) scale(1.1); 
    }
    75% { 
        transform: translateY(-20px) scale(1.05); 
    }
}

@keyframes zad-advanced-rotate {
    0% { transform: rotate(0deg) scale(1); }
    25% { transform: rotate(90deg) scale(1.1); }
    50% { transform: rotate(180deg) scale(1); }
    75% { transform: rotate(270deg) scale(1.1); }
    100% { transform: rotate(360deg) scale(1); }
}

@keyframes zad-advanced-float {
    0%, 100% { 
        transform: translateY(0px) rotate(0deg); 
    }
    25% { 
        transform: translateY(-10px) rotate(1deg); 
    }
    50% { 
        transform: translateY(-5px) rotate(-1deg); 
    }
    75% { 
        transform: translateY(-15px) rotate(0.5deg); 
    }
}

@keyframes zad-bg-shift {
    0%, 100% { 
        transform: translateX(0px) translateY(0px); 
        opacity: 0.5; 
    }
    25% { 
        transform: translateX(20px) translateY(-10px); 
        opacity: 0.7; 
    }
    50% { 
        transform: translateX(-10px) translateY(15px); 
        opacity: 0.6; 
    }
    75% { 
        transform: translateX(15px) translateY(-5px); 
        opacity: 0.8; 
    }
}

/* Advanced Accessibility */
@media (prefers-reduced-motion: reduce) {
    .zad-floating-icons i,
    .zad-icon-display,
    .zad-pulse-animation,
    .zad-icon-bounce,
    .zad-icon-rotate,
    .zad-floating-stats,
    .zad-gradient-border,
    .zad-text-gradient-primary,
    .zad-text-gradient-secondary {
        animation: none !important;
    }
    
    .zad-icons-grid .main-icon-display:hover,
    .zad-icons-grid .secondary-icon-display:hover,
    .feature-item:hover,
    .about-content .zad-glass-card:hover,
    .about-actions .btn-brand-solid:hover,
    .about-actions .btn-brand-outline:hover,
    .zad-features-grid .zad-feature-card:hover,
    .zad-floating-stats:hover .zad-glass-card {
        transform: none !important;
    }
}

/* Advanced High Contrast Mode */
@media (prefers-contrast: high) {
    .about--zad {
        background: #ffffff !important;
    }
    
    .zad-glass-card {
        background: #ffffff !important;
        border: 3px solid #000000 !important;
        backdrop-filter: none !important;
    }
    
    .feature-item:hover {
        background: #f0f0f0 !important;
        border-color: #000000 !important;
    }
    
    .zad-floating-icons i {
        opacity: 0.4 !important;
        color: #000000 !important;
    }
    
    .zad-text-gradient-primary,
    .zad-text-gradient-secondary {
        background: #000000 !important;
        -webkit-text-fill-color: #000000 !important;
        color: #000000 !important;
    }
    
    .btn-brand-solid {
        background: #000000 !important;
        color: #ffffff !important;
    }
    
    .btn-brand-outline {
        border-color: #000000 !important;
        color: #000000 !important;
    }
}

/* Advanced Print Styles */
@media print {
    .about--zad {
        background: #ffffff !important;
        color: #000000 !important;
    }
    
    .zad-glass-card {
        background: #ffffff !important;
        border: 1px solid #000000 !important;
        box-shadow: none !important;
    }
    
    .zad-floating-icons,
    .zad-floating-stats {
        display: none !important;
    }
    
    .zad-text-gradient-primary,
    .zad-text-gradient-secondary {
        background: #000000 !important;
        -webkit-text-fill-color: #000000 !important;
        color: #000000 !important;
    }
}


/* ===============================================
   ADVANCED INTERACTIVE EFFECTS & MICRO-ANIMATIONS
=============================================== */

/* Advanced Hover States with Staggered Animations */
.about-content .feature-item:nth-child(1) { transition-delay: 0.1s; }
.about-content .feature-item:nth-child(2) { transition-delay: 0.2s; }
.about-content .feature-item:nth-child(3) { transition-delay: 0.3s; }

/* Advanced Parallax-like Effects */
.about--zad {
    transform-style: preserve-3d;
    perspective: 1000px;
}

.zad-icons-grid .main-icon-display,
.zad-icons-grid .secondary-icon-display {
    transform-style: preserve-3d;
    transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.zad-icons-grid:hover .main-icon-display {
    transform: translateY(-15px) translateZ(20px) rotateX(5deg) rotateY(-5deg);
}

.zad-icons-grid:hover .secondary-icon-display {
    transform: translateY(-20px) translateZ(30px) rotateX(-5deg) rotateY(5deg);
}

/* Advanced Magnetic Hover Effects */
.btn-brand-solid,
.btn-brand-outline {
    position: relative;
    overflow: hidden;
}

.btn-brand-solid::after,
.btn-brand-outline::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.6s ease;
}

.btn-brand-solid:hover::after,
.btn-brand-outline:hover::after {
    width: 300px;
    height: 300px;
}

/* Advanced Icon Morphing Effects */
.zad-icon-wrapper i {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.zad-icon-wrapper:hover i {
    transform: scale(1.2) rotate(360deg);
    filter: 
        drop-shadow(0 0 20px rgba(1, 255, 132, 0.6))
        drop-shadow(0 0 40px rgba(21, 3, 66, 0.4));
}

/* Advanced Loading States */
.zad-feature-card {
    opacity: 0;
    transform: translateY(30px);
    animation: zad-fade-in-up 0.8s ease forwards;
}

.zad-feature-card:nth-child(1) { animation-delay: 0.1s; }
.zad-feature-card:nth-child(2) { animation-delay: 0.2s; }
.zad-feature-card:nth-child(3) { animation-delay: 0.3s; }
.zad-feature-card:nth-child(4) { animation-delay: 0.4s; }

/* Advanced Scroll-triggered Animations */
.about-content .zad-glass-card {
    opacity: 0;
    transform: translateX(-50px);
    transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.about-content .zad-glass-card.animate-in {
    opacity: 1;
    transform: translateX(0);
}

/* Advanced Particle Effects */
.zad-floating-icons i {
    position: relative;
}

.zad-floating-icons i::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    background: rgba(1, 255, 132, 0.6);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: zad-particle-float 3s ease-in-out infinite;
}

.zad-floating-icons i::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 2px;
    background: rgba(21, 3, 66, 0.4);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: zad-particle-float 3s ease-in-out infinite reverse;
}

/* Advanced Glow Effects */
.zad-glass-card {
    position: relative;
}

.zad-glass-card::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, 
        rgba(21, 3, 66, 0.3), 
        rgba(1, 255, 132, 0.3), 
        rgba(21, 3, 66, 0.3));
    border-radius: inherit;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.4s ease;
    filter: blur(8px);
}

.zad-glass-card:hover::after {
    opacity: 1;
}

/* Advanced Text Reveal Animation */
.about-title {
    overflow: hidden;
}

.about-title span {
    display: inline-block;
    transform: translateY(100%);
    animation: zad-text-reveal 1s ease forwards;
}

.about-title span:nth-child(1) { animation-delay: 0.1s; }
.about-title span:nth-child(2) { animation-delay: 0.2s; }
.about-title span:nth-child(3) { animation-delay: 0.3s; }

/* Advanced Responsive Enhancements */
@media (max-width: 1400px) {
    .zad-icons-grid:hover .main-icon-display,
    .zad-icons-grid:hover .secondary-icon-display {
        transform: translateY(-10px) translateZ(10px);
    }
}

@media (max-width: 1200px) {
    .zad-glass-card::after {
        filter: blur(4px);
    }
    
    .btn-brand-solid::after,
    .btn-brand-outline::after {
        width: 200px;
        height: 200px;
    }
}

@media (max-width: 992px) {
    .zad-icons-grid:hover .main-icon-display,
    .zad-icons-grid:hover .secondary-icon-display {
        transform: translateY(-5px);
    }
    
    .zad-icon-wrapper:hover i {
        transform: scale(1.1) rotate(180deg);
    }
}

@media (max-width: 768px) {
    .zad-glass-card::after {
        display: none;
    }
    
    .btn-brand-solid::after,
    .btn-brand-outline::after {
        width: 150px;
        height: 150px;
    }
    
    .zad-floating-icons i::before,
    .zad-floating-icons i::after {
        display: none;
    }
}

@media (max-width: 576px) {
    .zad-feature-card {
        animation-delay: 0s !important;
    }
    
    .about-content .feature-item:nth-child(n) {
        transition-delay: 0s !important;
    }
}

/* Advanced Animation Keyframes */
@keyframes zad-fade-in-up {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes zad-text-reveal {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}

@keyframes zad-particle-float {
    0%, 100% {
        transform: translate(-50%, -50%) translateY(0px);
        opacity: 0.6;
    }
    50% {
        transform: translate(-50%, -50%) translateY(-20px);
        opacity: 1;
    }
}

/* Advanced Performance Optimizations */
.zad-glass-card,
.zad-feature-card,
.feature-item {
    will-change: transform, opacity, box-shadow;
}

.zad-floating-icons i {
    will-change: transform, opacity;
}

.btn-brand-solid,
.btn-brand-outline {
    will-change: transform, box-shadow;
}

/* Advanced Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .about--zad {
        background: 
            radial-gradient(circle at 20% 20%, rgba(21, 3, 66, 0.2) 0%, transparent 50%),
            radial-gradient(circle at 80% 80%, rgba(1, 255, 132, 0.15) 0%, transparent 50%),
            linear-gradient(135deg, 
                rgba(21, 3, 66, 0.1) 0%, 
                rgba(1, 255, 132, 0.05) 50%, 
                rgba(21, 3, 66, 0.1) 100%);
    }
    
    .zad-glass-card {
        background: rgba(255, 255, 255, 0.05);
        border-color: rgba(255, 255, 255, 0.1);
    }
    
    .zad-chip {
        background: rgba(255, 255, 255, 0.05);
        border-color: rgba(255, 255, 255, 0.1);
    }
}

/* Advanced Focus States for Accessibility */
.btn-brand-solid:focus,
.btn-brand-outline:focus,
.zad-chip:focus {
    outline: 3px solid rgba(1, 255, 132, 0.5);
    outline-offset: 2px;
}

.feature-item:focus-within {
    outline: 2px solid rgba(21, 3, 66, 0.3);
    outline-offset: 4px;
}

/* Advanced Loading Animation */
.about--zad.loading {
    pointer-events: none;
}

.about--zad.loading::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(21, 3, 66, 0.9);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about--zad.loading::after {
    content: 'Loading...';
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #01FF84;
    font-size: 1.5rem;
    font-weight: bold;
    z-index: 10000;
}


/* ===============================================
   LARGE ASTONISHING FONT AWESOME ICONS STYLES
=============================================== */

/* Mega Icon Class for Extra Large Icons */
.zad-icon-mega {
    font-size: 8rem !important;
    line-height: 1;
    filter: drop-shadow(0 10px 30px rgba(21, 3, 66, 0.3));
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Enhanced Floating Icons with Larger Sizes */
.zad-floating-icons i {
    position: absolute;
    opacity: 0.15;
    color: #150342;
    animation: zad-float-icons 20s ease-in-out infinite;
    filter: drop-shadow(0 5px 15px rgba(21, 3, 66, 0.2));
}

.zad-icon-float-1 {
    top: 8%;
    left: 3%;
    font-size: 5rem;
    animation-delay: 0s;
}

.zad-icon-float-2 {
    top: 15%;
    right: 8%;
    font-size: 4.5rem;
    animation-delay: 3s;
}

.zad-icon-float-3 {
    bottom: 25%;
    left: 5%;
    font-size: 4rem;
    animation-delay: 6s;
}

.zad-icon-float-4 {
    top: 55%;
    right: 12%;
    font-size: 4.8rem;
    animation-delay: 9s;
}

.zad-icon-float-5 {
    bottom: 8%;
    right: 3%;
    font-size: 3.8rem;
    animation-delay: 12s;
}

.zad-icon-float-6 {
    top: 35%;
    left: 2%;
    font-size: 3.5rem;
    animation-delay: 15s;
}

.zad-icon-float-7 {
    top: 45%;
    right: 5%;
    font-size: 3.2rem;
    animation-delay: 18s;
}

/* Enhanced Icon Wrapper for Mega Icons */
.zad-icon-wrapper {
    position: relative;
    display: inline-block;
    padding: 2rem;
}

.zad-icon-wrapper::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(1, 255, 132, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: zad-icon-glow-mega 4s ease-in-out infinite;
}

.zad-icon-wrapper::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150%;
    height: 150%;
    background: radial-gradient(circle, rgba(21, 3, 66, 0.1) 0%, transparent 60%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: zad-icon-glow-mega 4s ease-in-out infinite reverse;
}

/* Enhanced Feature Icon Wrapper for Large Icons */
.feature-icon-wrapper {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(21, 3, 66, 0.15), rgba(1, 255, 132, 0.15));
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(21, 3, 66, 0.2);
}

.feature-icon-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(1, 255, 132, 0.3), 
        transparent);
    transition: left 0.6s ease;
}

.feature-item:hover .feature-icon-wrapper::before {
    left: 100%;
}

.feature-item:hover .feature-icon-wrapper {
    transform: scale(1.2) rotate(15deg);
    box-shadow: 0 15px 40px rgba(21, 3, 66, 0.3);
}

/* Enhanced Feature Icon Large */
.feature-icon-large {
    position: relative;
    display: inline-block;
    padding: 1.5rem;
}

.feature-icon-large::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    background: radial-gradient(circle, rgba(1, 255, 132, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: zad-icon-pulse-mega 3s ease-in-out infinite;
}

/* Enhanced Icon Hover Effects */
.zad-icon-hover {
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.zad-icon-hover:hover {
    transform: scale(1.4) rotate(20deg);
    filter: 
        drop-shadow(0 15px 35px rgba(21, 3, 66, 0.5))
        drop-shadow(0 0 30px rgba(1, 255, 132, 0.4));
}

/* Enhanced Chip Design for Larger Icons */
.zad-chip {
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.12) 0%, 
        rgba(1, 255, 132, 0.12) 100%);
    border: 1px solid rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(21, 3, 66, 0.1);
}

.zad-chip::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.25), 
        transparent);
    transition: left 0.6s ease;
}

.zad-chip:hover::before {
    left: 100%;
}

.zad-chip:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(21, 3, 66, 0.2);
    border-color: rgba(1, 255, 132, 0.4);
}

/* Enhanced Button Styles with Larger Icons */
.btn-brand-solid,
.btn-brand-outline {
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(21, 3, 66, 0.2);
}

.btn-brand-solid::before,
.btn-brand-outline::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.3), 
        transparent);
    transition: left 0.7s ease;
}

.btn-brand-solid:hover::before,
.btn-brand-outline:hover::before {
    left: 100%;
}

.btn-brand-solid:hover {
    transform: translateY(-4px);
    box-shadow: 
        0 20px 50px rgba(21, 3, 66, 0.4),
        0 8px 20px rgba(1, 255, 132, 0.3);
}

.btn-brand-outline:hover {
    transform: translateY(-4px);
    box-shadow: 
        0 20px 50px rgba(1, 255, 132, 0.3),
        0 8px 20px rgba(21, 3, 66, 0.2);
}

/* Enhanced Floating Stats */
.zad-floating-stats .zad-glass-card {
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 12px 35px rgba(21, 3, 66, 0.15);
}

.zad-floating-stats:hover .zad-glass-card {
    transform: scale(1.15) rotate(3deg);
    box-shadow: 
        0 25px 70px rgba(21, 3, 66, 0.3),
        0 0 40px rgba(1, 255, 132, 0.25);
}

/* Enhanced Glass Card Effects */
.zad-glass-card {
    backdrop-filter: blur(25px) saturate(200%);
    -webkit-backdrop-filter: blur(25px) saturate(200%);
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 
        0 12px 40px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.4),
        inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

.zad-glass-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.5), 
        transparent);
}

/* Enhanced Responsive Design for Large Icons */
@media (max-width: 1400px) {
    .zad-icon-mega {
        font-size: 6rem !important;
    }
    
    .zad-floating-icons i {
        font-size: 3rem !important;
    }
}

@media (max-width: 1200px) {
    .zad-icon-mega {
        font-size: 5rem !important;
    }
    
    .zad-floating-icons i {
        font-size: 2.5rem !important;
    }
    
    .feature-icon-wrapper {
        width: 70px;
        height: 70px;
    }
    
    .feature-icon-large::after {
        width: 100px;
        height: 100px;
    }
}

@media (max-width: 992px) {
    .zad-icon-mega {
        font-size: 4rem !important;
    }
    
    .zad-floating-icons i {
        font-size: 2rem !important;
    }
    
    .zad-icon-wrapper {
        padding: 1.5rem;
    }
    
    .feature-icon-wrapper {
        width: 60px;
        height: 60px;
    }
    
    .feature-icon-large::after {
        width: 80px;
        height: 80px;
    }
}

@media (max-width: 768px) {
    .zad-icon-mega {
        font-size: 3rem !important;
    }
    
    .zad-floating-icons i {
        font-size: 1.5rem !important;
    }
    
    .zad-icon-wrapper {
        padding: 1rem;
    }
    
    .feature-icon-wrapper {
        width: 50px;
        height: 50px;
    }
    
    .feature-icon-large::after {
        width: 60px;
        height: 60px;
    }
    
    .zad-chip {
        padding: 0.75rem 1.5rem !important;
    }
}

@media (max-width: 576px) {
    .zad-icon-mega {
        font-size: 2.5rem !important;
    }
    
    .zad-floating-icons i {
        font-size: 1.2rem !important;
    }
    
    .feature-icon-wrapper {
        width: 45px;
        height: 45px;
    }
    
    .feature-icon-large::after {
        width: 50px;
        height: 50px;
    }
}

/* Enhanced Animation Keyframes */
@keyframes zad-icon-glow-mega {
    0%, 100% { 
        opacity: 0.3; 
        transform: translate(-50%, -50%) scale(1); 
    }
    50% { 
        opacity: 0.7; 
        transform: translate(-50%, -50%) scale(1.3); 
    }
}

@keyframes zad-icon-pulse-mega {
    0%, 100% { 
        opacity: 0.2; 
        transform: translate(-50%, -50%) scale(1); 
    }
    50% { 
        opacity: 0.5; 
        transform: translate(-50%, -50%) scale(1.2); 
    }
}

@keyframes zad-float-icons {
    0%, 100% { 
        transform: translateY(0px) rotate(0deg) scale(1); 
        opacity: 0.15; 
    }
    25% { 
        transform: translateY(-30px) rotate(10deg) scale(1.1); 
        opacity: 0.2; 
    }
    50% { 
        transform: translateY(-15px) rotate(-5deg) scale(1.05); 
        opacity: 0.25; 
    }
    75% { 
        transform: translateY(-40px) rotate(15deg) scale(1.15); 
        opacity: 0.18; 
    }
}

/* Enhanced Accessibility */
@media (prefers-reduced-motion: reduce) {
    .zad-floating-icons i,
    .zad-icon-mega,
    .zad-icon-wrapper::before,
    .zad-icon-wrapper::after,
    .feature-icon-large::after {
        animation: none !important;
    }
    
    .zad-icon-hover:hover,
    .feature-item:hover .feature-icon-wrapper,
    .zad-floating-stats:hover .zad-glass-card {
        transform: none !important;
    }
}

/* Enhanced High Contrast Mode */
@media (prefers-contrast: high) {
    .zad-icon-mega,
    .zad-floating-icons i {
        filter: none !important;
        opacity: 0.8 !important;
    }
    
    .zad-icon-wrapper::before,
    .zad-icon-wrapper::after,
    .feature-icon-large::after {
        display: none !important;
    }
}


/* ===============================================
   FIX TEXT VISIBILITY AND INCREASE ICON SIZES
=============================================== */

/* Fix Text Visibility Issues */
.about-title {
    color: #150342 !important;
    text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.8) !important;
}

.about-title .zad-text-gradient-primary {
    background: linear-gradient(135deg, #150342 0%, #01FF84 50%, #150342 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(2px 2px 4px rgba(255, 255, 255, 0.9)) !important;
}

.about-title .zad-text-gradient-secondary {
    background: linear-gradient(135deg, #150342 0%, #01FF84 50%, #150342 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(2px 2px 4px rgba(255, 255, 255, 0.9)) !important;
}

.section-subtitle {
    color: #150342 !important;
    text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.8) !important;
    font-weight: 600 !important;
}

.about-subtitle {
    color: #150342 !important;
    text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.8) !important;
    font-weight: 600 !important;
}

/* Make Icons Even Larger */
.zad-icon-mega {
    font-size: 10rem !important;
    line-height: 1;
    filter: drop-shadow(0 15px 40px rgba(21, 3, 66, 0.4)) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Increase Header Icon Size */
.about-title .fa-4x {
    font-size: 6rem !important;
}

/* Increase Action Icon Size */
.about-action .fa-6x {
    font-size: 8rem !important;
}

/* Increase Main Display Icons */
.main-icon-display .fa-8x {
    font-size: 12rem !important;
}

.secondary-icon-display .fa-6x {
    font-size: 9rem !important;
}

/* Increase Floating Stats Icons */
.zad-floating-stats .fa-3x {
    font-size: 4rem !important;
}

/* Increase Feature Icons */
.feature-icon-wrapper .fa-2x {
    font-size: 3rem !important;
}

.feature-icon-large .fa-4x {
    font-size: 6rem !important;
}

/* Increase Chip Icons */
.zad-chip .fa-2x {
    font-size: 2.5rem !important;
}

.zad-chip .fa-lg {
    font-size: 1.8rem !important;
}

/* Increase Button Icons */
.btn-brand-solid .fa-lg,
.btn-brand-outline .fa-lg {
    font-size: 1.5rem !important;
}

/* Increase Content Icons */
.about-story .fa-2x {
    font-size: 2.5rem !important;
}

.about-features .fa-2x {
    font-size: 2.5rem !important;
}

.about-features .fa-lg {
    font-size: 1.5rem !important;
}

/* Increase Floating Background Icons */
.zad-floating-icons i {
    font-size: 6rem !important;
    opacity: 0.2 !important;
}

.zad-icon-float-1 { font-size: 7rem !important; }
.zad-icon-float-2 { font-size: 6.5rem !important; }
.zad-icon-float-3 { font-size: 6rem !important; }
.zad-icon-float-4 { font-size: 6.8rem !important; }
.zad-icon-float-5 { font-size: 5.8rem !important; }
.zad-icon-float-6 { font-size: 5.5rem !important; }
.zad-icon-float-7 { font-size: 5.2rem !important; }

/* Enhanced Text Shadows for Better Visibility */
.about-title,
.about-title span,
.section-subtitle,
.about-subtitle {
    text-shadow: 
        2px 2px 4px rgba(255, 255, 255, 0.9),
        0 0 8px rgba(255, 255, 255, 0.5) !important;
}

/* Stronger Background for Text Areas */
.about-header,
.about-content .tw-ps-lg-9 {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 15px !important;
    padding: 1.5rem !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Enhanced Icon Wrapper for Mega Icons */
.zad-icon-wrapper {
    padding: 3rem !important;
}

.zad-icon-wrapper::before {
    width: 300% !important;
    height: 300% !important;
}

.zad-icon-wrapper::after {
    width: 250% !important;
    height: 250% !important;
}

/* Enhanced Feature Icon Wrapper */
.feature-icon-wrapper {
    width: 100px !important;
    height: 100px !important;
}

/* Enhanced Feature Icon Large */
.feature-icon-large {
    padding: 2rem !important;
}

.feature-icon-large::after {
    width: 150px !important;
    height: 150px !important;
}

/* Responsive Adjustments for Larger Icons */
@media (max-width: 1400px) {
    .zad-icon-mega {
        font-size: 8rem !important;
    }
    
    .main-icon-display .fa-8x {
        font-size: 10rem !important;
    }
    
    .secondary-icon-display .fa-6x {
        font-size: 7rem !important;
    }
    
    .zad-floating-icons i {
        font-size: 4rem !important;
    }
}

@media (max-width: 1200px) {
    .zad-icon-mega {
        font-size: 6rem !important;
    }
    
    .main-icon-display .fa-8x {
        font-size: 8rem !important;
    }
    
    .secondary-icon-display .fa-6x {
        font-size: 6rem !important;
    }
    
    .zad-floating-icons i {
        font-size: 3rem !important;
    }
    
    .feature-icon-wrapper {
        width: 80px !important;
        height: 80px !important;
    }
    
    .feature-icon-large::after {
        width: 120px !important;
        height: 120px !important;
    }
}

@media (max-width: 992px) {
    .zad-icon-mega {
        font-size: 5rem !important;
    }
    
    .main-icon-display .fa-8x {
        font-size: 6rem !important;
    }
    
    .secondary-icon-display .fa-6x {
        font-size: 5rem !important;
    }
    
    .zad-floating-icons i {
        font-size: 2.5rem !important;
    }
    
    .zad-icon-wrapper {
        padding: 2rem !important;
    }
    
    .feature-icon-wrapper {
        width: 70px !important;
        height: 70px !important;
    }
    
    .feature-icon-large::after {
        width: 100px !important;
        height: 100px !important;
    }
}

@media (max-width: 768px) {
    .zad-icon-mega {
        font-size: 4rem !important;
    }
    
    .main-icon-display .fa-8x {
        font-size: 5rem !important;
    }
    
    .secondary-icon-display .fa-6x {
        font-size: 4rem !important;
    }
    
    .zad-floating-icons i {
        font-size: 2rem !important;
    }
    
    .zad-icon-wrapper {
        padding: 1.5rem !important;
    }
    
    .feature-icon-wrapper {
        width: 60px !important;
        height: 60px !important;
    }
    
    .feature-icon-large::after {
        width: 80px !important;
        height: 80px !important;
    }
}

@media (max-width: 576px) {
    .zad-icon-mega {
        font-size: 3rem !important;
    }
    
    .main-icon-display .fa-8x {
        font-size: 4rem !important;
    }
    
    .secondary-icon-display .fa-6x {
        font-size: 3rem !important;
    }
    
    .zad-floating-icons i {
        font-size: 1.5rem !important;
    }
    
    .feature-icon-wrapper {
        width: 50px !important;
        height: 50px !important;
    }
    
    .feature-icon-large::after {
        width: 60px !important;
        height: 60px !important;
    }
}

/* Force Text Visibility Override */
.about-title,
.about-title *,
.section-subtitle,
.about-subtitle {
    color: #150342 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Enhanced Background Contrast */
.about--zad {
    background: 
        radial-gradient(circle at 20% 20%, rgba(21, 3, 66, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(1, 255, 132, 0.05) 0%, transparent 50%),
        linear-gradient(135deg, 
            rgba(255, 255, 255, 0.1) 0%, 
            rgba(255, 255, 255, 0.05) 50%, 
            rgba(255, 255, 255, 0.1) 100%) !important;
}

/* Enhanced Glass Card for Better Text Readability */
.zad-glass-card {
    background: rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(20px) saturate(150%) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}


/* ===============================================
   MISSION SECTION ENHANCED STYLES
=============================================== */

/* Mission Section Container */
.about-mission-section {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

.mission-content-wrapper {
    position: relative;
    z-index: 10;
    padding: 3rem 2rem;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    border-radius: 25px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 
        0 20px 60px rgba(21, 3, 66, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

/* Mission Icon Display */
.mission-icon-display {
    position: relative;
    margin-bottom: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mission-main-icon {
    font-size: 8rem !important;
    color: #01FF84;
    filter: drop-shadow(0 15px 40px rgba(1, 255, 132, 0.4));
    animation: zad-mission-pulse 4s ease-in-out infinite;
    position: relative;
    z-index: 5;
}

.mission-main-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(1, 255, 132, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: zad-mission-glow 3s ease-in-out infinite;
    z-index: -1;
}

/* Mission Floating Icons */
.mission-floating-icons {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.mission-floating-icons i {
    position: absolute;
    color: #150342;
    opacity: 0.3;
    animation: zad-mission-float 8s ease-in-out infinite;
    filter: drop-shadow(0 5px 15px rgba(21, 3, 66, 0.3));
}

.mission-floating-icons .zad-icon-float-1 {
    top: 10%;
    left: 15%;
    font-size: 3rem;
    animation-delay: 0s;
}

.mission-floating-icons .zad-icon-float-2 {
    top: 20%;
    right: 20%;
    font-size: 2.5rem;
    animation-delay: 1.5s;
}

.mission-floating-icons .zad-icon-float-3 {
    bottom: 30%;
    left: 10%;
    font-size: 2.8rem;
    animation-delay: 3s;
}

.mission-floating-icons .zad-icon-float-4 {
    top: 60%;
    right: 15%;
    font-size: 3.2rem;
    animation-delay: 4.5s;
}

.mission-floating-icons .zad-icon-float-5 {
    bottom: 10%;
    right: 10%;
    font-size: 2.2rem;
    animation-delay: 6s;
}

/* Mission Text Styling */
.mission-text {
    font-size: 1.4rem !important;
    line-height: 1.8;
    color: #150342 !important;
    text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.8);
    margin-bottom: 2.5rem;
    position: relative;
    z-index: 10;
}

.mission-text .zad-text-gradient-primary {
    background: linear-gradient(135deg, #150342 0%, #01FF84 50%, #150342 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(2px 2px 4px rgba(255, 255, 255, 0.9));
}

.mission-text .zad-text-gradient-secondary {
    background: linear-gradient(135deg, #01FF84 0%, #150342 50%, #01FF84 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(2px 2px 4px rgba(255, 255, 255, 0.9));
}

/* Mission Features */
.mission-features {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.mission-feature-item {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 1rem 1.5rem;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

.mission-feature-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(1, 255, 132, 0.3), 
        transparent);
    transition: left 0.6s ease;
}

.mission-feature-item:hover::before {
    left: 100%;
}

.mission-feature-item:hover {
    transform: translateY(-5px) scale(1.05);
    box-shadow: 
        0 15px 40px rgba(21, 3, 66, 0.3),
        0 0 30px rgba(1, 255, 132, 0.2);
    border-color: rgba(1, 255, 132, 0.4);
}

.mission-feature-icon {
    font-size: 1.5rem;
    color: #01FF84;
    filter: drop-shadow(0 3px 10px rgba(1, 255, 132, 0.4));
    transition: all 0.3s ease;
}

.mission-feature-item:hover .mission-feature-icon {
    transform: scale(1.2) rotate(10deg);
    color: #150342;
}

.mission-feature-item span {
    color: #150342;
    font-weight: 600;
    font-size: 1rem;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
}

/* Enhanced Background */
.mission-bg-enhanced {
    position: relative;
    overflow: hidden;
}

.mission-bg-enhanced img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.7) contrast(1.1);
}

.mission-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 30% 20%, rgba(21, 3, 66, 0.3) 0%, transparent 50%),
        radial-gradient(circle at 70% 80%, rgba(1, 255, 132, 0.2) 0%, transparent 50%),
        linear-gradient(135deg, 
            rgba(255, 255, 255, 0.1) 0%, 
            rgba(255, 255, 255, 0.05) 50%, 
            rgba(255, 255, 255, 0.1) 100%);
    backdrop-filter: blur(2px);
}

/* Animation Keyframes */
@keyframes zad-mission-pulse {
    0%, 100% { 
        transform: scale(1);
        filter: drop-shadow(0 15px 40px rgba(1, 255, 132, 0.4));
    }
    50% { 
        transform: scale(1.1);
        filter: drop-shadow(0 20px 50px rgba(1, 255, 132, 0.6));
    }
}

@keyframes zad-mission-glow {
    0%, 100% { 
        opacity: 0.3;
        transform: translate(-50%, -50%) scale(1);
    }
    50% { 
        opacity: 0.6;
        transform: translate(-50%, -50%) scale(1.2);
    }
}

@keyframes zad-mission-float {
    0%, 100% { 
        transform: translateY(0px) rotate(0deg) scale(1);
        opacity: 0.3;
    }
    25% { 
        transform: translateY(-20px) rotate(5deg) scale(1.1);
        opacity: 0.4;
    }
    50% { 
        transform: translateY(-10px) rotate(-3deg) scale(1.05);
        opacity: 0.5;
    }
    75% { 
        transform: translateY(-25px) rotate(8deg) scale(1.15);
        opacity: 0.35;
    }
}

/* Responsive Design */
@media (max-width: 1200px) {
    .mission-main-icon {
        font-size: 6rem !important;
    }
    
    .mission-floating-icons i {
        font-size: 2rem !important;
    }
    
    .mission-text {
        font-size: 1.2rem !important;
    }
    
    .mission-features {
        gap: 1.5rem;
    }
}

@media (max-width: 992px) {
    .mission-main-icon {
        font-size: 5rem !important;
    }
    
    .mission-floating-icons i {
        font-size: 1.8rem !important;
    }
    
    .mission-text {
        font-size: 1.1rem !important;
    }
    
    .mission-features {
        gap: 1rem;
        flex-direction: column;
        align-items: center;
    }
    
    .mission-feature-item {
        padding: 0.8rem 1.2rem;
    }
}

@media (max-width: 768px) {
    .mission-main-icon {
        font-size: 4rem !important;
    }
    
    .mission-floating-icons i {
        font-size: 1.5rem !important;
    }
    
    .mission-text {
        font-size: 1rem !important;
    }
    
    .mission-content-wrapper {
        padding: 2rem 1rem;
    }
    
    .mission-feature-item {
        padding: 0.7rem 1rem;
    }
    
    .mission-feature-icon {
        font-size: 1.2rem;
    }
    
    .mission-feature-item span {
        font-size: 0.9rem;
    }
}

@media (max-width: 576px) {
    .mission-main-icon {
        font-size: 3rem !important;
    }
    
    .mission-floating-icons i {
        font-size: 1.2rem !important;
    }
    
    .mission-text {
        font-size: 0.95rem !important;
    }
    
    .mission-content-wrapper {
        padding: 1.5rem 0.8rem;
    }
    
    .mission-feature-item {
        padding: 0.6rem 0.8rem;
    }
    
    .mission-feature-icon {
        font-size: 1rem;
    }
    
    .mission-feature-item span {
        font-size: 0.85rem;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .mission-main-icon,
    .mission-floating-icons i,
    .mission-main-icon::before {
        animation: none !important;
    }
    
    .mission-feature-item:hover {
        transform: none !important;
    }
}

@media (prefers-contrast: high) {
    .mission-content-wrapper {
        background: rgba(255, 255, 255, 0.9) !important;
        border: 2px solid #150342 !important;
    }
    
    .mission-text {
        color: #150342 !important;
        text-shadow: none !important;
    }
    
    .mission-feature-item {
        background: rgba(255, 255, 255, 0.9) !important;
        border: 2px solid #150342 !important;
    }
}


/* ===============================================
   DESTINATIONS SECTION ENHANCED STYLES
=============================================== */

/* Destinations Section Container */
.zad-destinations-enhanced {
    background: 
        radial-gradient(circle at 20% 20%, rgba(21, 3, 66, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(1, 255, 132, 0.05) 0%, transparent 50%),
        linear-gradient(135deg, 
            rgba(255, 255, 255, 0.1) 0%, 
            rgba(255, 255, 255, 0.05) 50%, 
            rgba(255, 255, 255, 0.1) 100%);
    position: relative;
    overflow: hidden;
}

.zad-destinations-enhanced::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 30% 30%, rgba(1, 255, 132, 0.1) 0%, transparent 40%),
        radial-gradient(circle at 70% 70%, rgba(21, 3, 66, 0.08) 0%, transparent 40%);
    pointer-events: none;
    z-index: 1;
}

/* Section Text Styling */
.zad-destination-description {
    color: #150342 !important;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8) !important;
    line-height: 1.7 !important;
}

/* Destinations Panels Container */
.zad-destinations-panels {
    position: relative;
    z-index: 10;
    padding: 2rem 0;
}

.zad-destinations-container {
    display: flex;
    gap: 1.5rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 1rem 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(1, 255, 132, 0.3) transparent;
}

.zad-destinations-container::-webkit-scrollbar {
    height: 8px;
}

.zad-destinations-container::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

.zad-destinations-container::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #01FF84, #150342);
    border-radius: 10px;
}

.zad-destinations-container::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(90deg, #150342, #01FF84);
}

/* Destination Panel Cards */
.zad-destination-panel {
    flex: 0 0 auto;
    scroll-snap-align: start;
    min-width: 200px;
}

.zad-destination-header {
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(20px) saturate(150%) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 20px !important;
    padding: 2rem 1.5rem !important;
    text-align: center !important;
    box-shadow: 
        0 15px 40px rgba(21, 3, 66, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.zad-destination-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(1, 255, 132, 0.2), 
        transparent);
    transition: left 0.6s ease;
}

.zad-destination-header:hover::before {
    left: 100%;
}

.zad-destination-header:hover {
    transform: translateY(-8px) scale(1.02) !important;
    box-shadow: 
        0 25px 60px rgba(21, 3, 66, 0.25),
        0 0 40px rgba(1, 255, 132, 0.2) !important;
    border-color: rgba(1, 255, 132, 0.4) !important;
}

.zad-destination-header-text {
    background: linear-gradient(135deg, #150342 0%, #01FF84 50%, #150342 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.8) !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
}

/* Destination Service Cards */
.zad-destination-card {
    background: rgba(255, 255, 255, 0.12) !important;
    backdrop-filter: blur(20px) saturate(150%) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 20px !important;
    padding: 2rem 1.5rem !important;
    text-align: center !important;
    box-shadow: 
        0 12px 35px rgba(21, 3, 66, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 200px !important;
}

.zad-destination-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(1, 255, 132, 0.15), 
        transparent);
    transition: left 0.6s ease;
}

.zad-destination-card:hover::before {
    left: 100%;
}

.zad-destination-card:hover {
    transform: translateY(-10px) scale(1.05) !important;
    box-shadow: 
        0 20px 50px rgba(21, 3, 66, 0.2),
        0 0 35px rgba(1, 255, 132, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
    border-color: rgba(1, 255, 132, 0.3) !important;
}

/* Destination Icons */
.zad-destination-icon {
    margin-bottom: 1.5rem !important;
    position: relative !important;
}

.zad-destination-icon-large {
    font-size: 3.5rem !important;
    background: linear-gradient(135deg, #01FF84 0%, #150342 50%, #01FF84 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 8px 20px rgba(1, 255, 132, 0.4)) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative !important;
    z-index: 2 !important;
}

.zad-destination-icon-large::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 120%;
    background: radial-gradient(circle, rgba(1, 255, 132, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: zad-destination-icon-glow 3s ease-in-out infinite;
    z-index: -1;
}

.zad-destination-card:hover .zad-destination-icon-large {
    transform: scale(1.2) rotate(10deg) !important;
    filter: drop-shadow(0 12px 30px rgba(1, 255, 132, 0.6)) !important;
}

/* Destination Titles */
.zad-destination-title {
    background: linear-gradient(135deg, #150342 0%, #01FF84 50%, #150342 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.8) !important;
    font-weight: 700 !important;
    font-size: 1.2rem !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
}

.zad-destination-card:hover .zad-destination-title {
    transform: translateY(-2px) !important;
}

/* Enhanced Button Styling */
.btn-brand-solid {
    background: linear-gradient(135deg, #150342 0%, #01FF84 100%) !important;
    border: 2px solid transparent !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 8px 25px rgba(21, 3, 66, 0.3) !important;
}

.btn-brand-solid::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.3), 
        transparent);
    transition: left 0.7s ease;
}

.btn-brand-solid:hover::before {
    left: 100%;
}

.btn-brand-solid:hover {
    transform: translateY(-4px) !important;
    box-shadow: 
        0 20px 50px rgba(21, 3, 66, 0.4),
        0 8px 20px rgba(1, 255, 132, 0.3) !important;
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%) !important;
}

.btn-brand-solid i {
    transition: transform 0.3s ease !important;
}

.btn-brand-solid:hover i {
    transform: translateX(5px) !important;
}

/* Animation Keyframes */
@keyframes zad-destination-icon-glow {
    0%, 100% { 
        opacity: 0.3;
        transform: translate(-50%, -50%) scale(1);
    }
    50% { 
        opacity: 0.6;
        transform: translate(-50%, -50%) scale(1.1);
    }
}

@keyframes zad-destination-float {
    0%, 100% { 
        transform: translateY(0px); 
    }
    50% { 
        transform: translateY(-5px); 
    }
}

/* Add floating animation to cards */
.zad-destination-card {
    animation: zad-destination-float 6s ease-in-out infinite;
}

.zad-destination-card:nth-child(1) { animation-delay: 0s; }
.zad-destination-card:nth-child(2) { animation-delay: 0.8s; }
.zad-destination-card:nth-child(3) { animation-delay: 1.6s; }
.zad-destination-card:nth-child(4) { animation-delay: 2.4s; }
.zad-destination-card:nth-child(5) { animation-delay: 3.2s; }
.zad-destination-card:nth-child(6) { animation-delay: 4s; }
.zad-destination-card:nth-child(7) { animation-delay: 4.8s; }
.zad-destination-card:nth-child(8) { animation-delay: 5.6s; }

/* Responsive Design */
@media (max-width: 1200px) {
    .zad-destination-panel {
        min-width: 180px;
    }
    
    .zad-destination-card {
        padding: 1.5rem 1rem !important;
        min-height: 180px !important;
    }
    
    .zad-destination-icon-large {
        font-size: 3rem !important;
    }
    
    .zad-destination-title {
        font-size: 1.1rem !important;
    }
}

@media (max-width: 992px) {
    .zad-destinations-container {
        gap: 1rem;
    }
    
    .zad-destination-panel {
        min-width: 160px;
    }
    
    .zad-destination-card {
        padding: 1.2rem 0.8rem !important;
        min-height: 160px !important;
    }
    
    .zad-destination-icon-large {
        font-size: 2.5rem !important;
    }
    
    .zad-destination-title {
        font-size: 1rem !important;
    }
    
    .zad-destination-header {
        padding: 1.5rem 1rem !important;
    }
    
    .zad-destination-header-text {
        font-size: 1rem !important;
    }
}

@media (max-width: 768px) {
    .zad-destinations-container {
        gap: 0.8rem;
        padding: 0.5rem 0;
    }
    
    .zad-destination-panel {
        min-width: 140px;
    }
    
    .zad-destination-card {
        padding: 1rem 0.6rem !important;
        min-height: 140px !important;
    }
    
    .zad-destination-icon-large {
        font-size: 2rem !important;
    }
    
    .zad-destination-title {
        font-size: 0.9rem !important;
    }
    
    .zad-destination-header {
        padding: 1.2rem 0.8rem !important;
    }
    
    .zad-destination-header-text {
        font-size: 0.9rem !important;
    }
}

@media (max-width: 576px) {
    .zad-destinations-container {
        gap: 0.6rem;
    }
    
    .zad-destination-panel {
        min-width: 120px;
    }
    
    .zad-destination-card {
        padding: 0.8rem 0.4rem !important;
        min-height: 120px !important;
    }
    
    .zad-destination-icon-large {
        font-size: 1.8rem !important;
    }
    
    .zad-destination-title {
        font-size: 0.8rem !important;
    }
    
    .zad-destination-header {
        padding: 1rem 0.6rem !important;
    }
    
    .zad-destination-header-text {
        font-size: 0.8rem !important;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .zad-destination-card,
    .zad-destination-icon-large::before {
        animation: none !important;
    }
    
    .zad-destination-card:hover,
    .zad-destination-header:hover {
        transform: none !important;
    }
    
    .zad-destination-icon-large {
        transition: none !important;
    }
}

@media (prefers-contrast: high) {
    .zad-destination-card,
    .zad-destination-header {
        background: rgba(255, 255, 255, 0.9) !important;
        border: 2px solid #150342 !important;
    }
    
    .zad-destination-title,
    .zad-destination-header-text {
        color: #150342 !important;
        -webkit-text-fill-color: #150342 !important;
        text-shadow: none !important;
    }
    
    .zad-destination-icon-large {
        color: #150342 !important;
        -webkit-text-fill-color: #150342 !important;
        filter: none !important;
    }
}


/* ===============================================
   DESTINATIONS SECTION ENHANCED STYLES
=============================================== */

/* Destinations Section Container */
.zad-destinations-enhanced {
    background: 
        radial-gradient(circle at 20% 20%, rgba(21, 3, 66, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(1, 255, 132, 0.05) 0%, transparent 50%),
        linear-gradient(135deg, 
            rgba(255, 255, 255, 0.1) 0%, 
            rgba(255, 255, 255, 0.05) 50%, 
            rgba(255, 255, 255, 0.1) 100%);
    position: relative;
    overflow: hidden;
}

.zad-destinations-enhanced::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 30% 30%, rgba(1, 255, 132, 0.1) 0%, transparent 40%),
        radial-gradient(circle at 70% 70%, rgba(21, 3, 66, 0.08) 0%, transparent 40%);
    pointer-events: none;
    z-index: 1;
}

/* Section Text Styling */
.zad-destination-description {
    color: #150342 !important;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8) !important;
    line-height: 1.7 !important;
}

/* Destinations Panels Container */
.zad-destinations-panels {
    position: relative;
    z-index: 10;
    padding: 2rem 0;
}

.zad-destinations-container {
    display: flex;
    gap: 1.5rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 1rem 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(1, 255, 132, 0.3) transparent;
}

.zad-destinations-container::-webkit-scrollbar {
    height: 8px;
}

.zad-destinations-container::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

.zad-destinations-container::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #01FF84, #150342);
    border-radius: 10px;
}

.zad-destinations-container::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(90deg, #150342, #01FF84);
}

/* Destination Panel Cards */
.zad-destination-panel {
    flex: 0 0 auto;
    scroll-snap-align: start;
    min-width: 200px;
}

.zad-destination-header {
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(20px) saturate(150%) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 20px !important;
    padding: 2rem 1.5rem !important;
    text-align: center !important;
    box-shadow: 
        0 15px 40px rgba(21, 3, 66, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.zad-destination-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(1, 255, 132, 0.2), 
        transparent);
    transition: left 0.6s ease;
}

.zad-destination-header:hover::before {
    left: 100%;
}

.zad-destination-header:hover {
    transform: translateY(-8px) scale(1.02) !important;
    box-shadow: 
        0 25px 60px rgba(21, 3, 66, 0.25),
        0 0 40px rgba(1, 255, 132, 0.2) !important;
    border-color: rgba(1, 255, 132, 0.4) !important;
}

.zad-destination-header-text {
    background: linear-gradient(135deg, #150342 0%, #01FF84 50%, #150342 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.8) !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
}

/* Destination Service Cards */
.zad-destination-card {
    background: rgba(255, 255, 255, 0.12) !important;
    backdrop-filter: blur(20px) saturate(150%) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 20px !important;
    padding: 2rem 1.5rem !important;
    text-align: center !important;
    box-shadow: 
        0 12px 35px rgba(21, 3, 66, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 200px !important;
}

.zad-destination-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(1, 255, 132, 0.15), 
        transparent);
    transition: left 0.6s ease;
}

.zad-destination-card:hover::before {
    left: 100%;
}

.zad-destination-card:hover {
    transform: translateY(-10px) scale(1.05) !important;
    box-shadow: 
        0 20px 50px rgba(21, 3, 66, 0.2),
        0 0 35px rgba(1, 255, 132, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
    border-color: rgba(1, 255, 132, 0.3) !important;
}

/* Destination Icons */
.zad-destination-icon {
    margin-bottom: 1.5rem !important;
    position: relative !important;
}

.zad-destination-icon-large {
    font-size: 3.5rem !important;
    background: linear-gradient(135deg, #01FF84 0%, #150342 50%, #01FF84 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 8px 20px rgba(1, 255, 132, 0.4)) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative !important;
    z-index: 2 !important;
}

.zad-destination-icon-large::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 120%;
    background: radial-gradient(circle, rgba(1, 255, 132, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: zad-destination-icon-glow 3s ease-in-out infinite;
    z-index: -1;
}

.zad-destination-card:hover .zad-destination-icon-large {
    transform: scale(1.2) rotate(10deg) !important;
    filter: drop-shadow(0 12px 30px rgba(1, 255, 132, 0.6)) !important;
}

/* Destination Titles */
.zad-destination-title {
    background: linear-gradient(135deg, #150342 0%, #01FF84 50%, #150342 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.8) !important;
    font-weight: 700 !important;
    font-size: 1.2rem !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
}

.zad-destination-card:hover .zad-destination-title {
    transform: translateY(-2px) !important;
}

/* Enhanced Button Styling */
.btn-brand-solid {
    background: linear-gradient(135deg, #150342 0%, #01FF84 100%) !important;
    border: 2px solid transparent !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 8px 25px rgba(21, 3, 66, 0.3) !important;
}

.btn-brand-solid::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.3), 
        transparent);
    transition: left 0.7s ease;
}

.btn-brand-solid:hover::before {
    left: 100%;
}

.btn-brand-solid:hover {
    transform: translateY(-4px) !important;
    box-shadow: 
        0 20px 50px rgba(21, 3, 66, 0.4),
        0 8px 20px rgba(1, 255, 132, 0.3) !important;
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%) !important;
}

.btn-brand-solid i {
    transition: transform 0.3s ease !important;
}

.btn-brand-solid:hover i {
    transform: translateX(5px) !important;
}

/* Animation Keyframes */
@keyframes zad-destination-icon-glow {
    0%, 100% { 
        opacity: 0.3;
        transform: translate(-50%, -50%) scale(1);
    }
    50% { 
        opacity: 0.6;
        transform: translate(-50%, -50%) scale(1.1);
    }
}

@keyframes zad-destination-float {
    0%, 100% { 
        transform: translateY(0px); 
    }
    50% { 
        transform: translateY(-5px); 
    }
}

/* Add floating animation to cards */
.zad-destination-card {
    animation: zad-destination-float 6s ease-in-out infinite;
}

.zad-destination-card:nth-child(1) { animation-delay: 0s; }
.zad-destination-card:nth-child(2) { animation-delay: 0.8s; }
.zad-destination-card:nth-child(3) { animation-delay: 1.6s; }
.zad-destination-card:nth-child(4) { animation-delay: 2.4s; }
.zad-destination-card:nth-child(5) { animation-delay: 3.2s; }
.zad-destination-card:nth-child(6) { animation-delay: 4s; }
.zad-destination-card:nth-child(7) { animation-delay: 4.8s; }
.zad-destination-card:nth-child(8) { animation-delay: 5.6s; }

/* Responsive Design */
@media (max-width: 1200px) {
    .zad-destination-panel {
        min-width: 180px;
    }
    
    .zad-destination-card {
        padding: 1.5rem 1rem !important;
        min-height: 180px !important;
    }
    
    .zad-destination-icon-large {
        font-size: 3rem !important;
    }
    
    .zad-destination-title {
        font-size: 1.1rem !important;
    }
}

@media (max-width: 992px) {
    .zad-destinations-container {
        gap: 1rem;
    }
    
    .zad-destination-panel {
        min-width: 160px;
    }
    
    .zad-destination-card {
        padding: 1.2rem 0.8rem !important;
        min-height: 160px !important;
    }
    
    .zad-destination-icon-large {
        font-size: 2.5rem !important;
    }
    
    .zad-destination-title {
        font-size: 1rem !important;
    }
    
    .zad-destination-header {
        padding: 1.5rem 1rem !important;
    }
    
    .zad-destination-header-text {
        font-size: 1rem !important;
    }
}

@media (max-width: 768px) {
    .zad-destinations-container {
        gap: 0.8rem;
        padding: 0.5rem 0;
    }
    
    .zad-destination-panel {
        min-width: 140px;
    }
    
    .zad-destination-card {
        padding: 1rem 0.6rem !important;
        min-height: 140px !important;
    }
    
    .zad-destination-icon-large {
        font-size: 2rem !important;
    }
    
    .zad-destination-title {
        font-size: 0.9rem !important;
    }
    
    .zad-destination-header {
        padding: 1.2rem 0.8rem !important;
    }
    
    .zad-destination-header-text {
        font-size: 0.9rem !important;
    }
}

@media (max-width: 576px) {
    .zad-destinations-container {
        gap: 0.6rem;
    }
    
    .zad-destination-panel {
        min-width: 120px;
    }
    
    .zad-destination-card {
        padding: 0.8rem 0.4rem !important;
        min-height: 120px !important;
    }
    
    .zad-destination-icon-large {
        font-size: 1.8rem !important;
    }
    
    .zad-destination-title {
        font-size: 0.8rem !important;
    }
    
    .zad-destination-header {
        padding: 1rem 0.6rem !important;
    }
    
    .zad-destination-header-text {
        font-size: 0.8rem !important;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .zad-destination-card,
    .zad-destination-icon-large::before {
        animation: none !important;
    }
    
    .zad-destination-card:hover,
    .zad-destination-header:hover {
        transform: none !important;
    }
    
    .zad-destination-icon-large {
        transition: none !important;
    }
}

@media (prefers-contrast: high) {
    .zad-destination-card,
    .zad-destination-header {
        background: rgba(255, 255, 255, 0.9) !important;
        border: 2px solid #150342 !important;
    }
    
    .zad-destination-title,
    .zad-destination-header-text {
        color: #150342 !important;
        -webkit-text-fill-color: #150342 !important;
        text-shadow: none !important;
    }
    
    .zad-destination-icon-large {
        color: #150342 !important;
        -webkit-text-fill-color: #150342 !important;
        filter: none !important;
    }
}


/* ===============================================
   DESTINATIONS SECTION ENHANCED STYLES
=============================================== */

/* Destinations Section Container */
.zad-destinations-enhanced {
    background: 
        radial-gradient(circle at 20% 20%, rgba(21, 3, 66, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(1, 255, 132, 0.05) 0%, transparent 50%),
        linear-gradient(135deg, 
            rgba(255, 255, 255, 0.1) 0%, 
            rgba(255, 255, 255, 0.05) 50%, 
            rgba(255, 255, 255, 0.1) 100%);
    position: relative;
    overflow: hidden;
}

.zad-destinations-enhanced::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 30% 30%, rgba(1, 255, 132, 0.1) 0%, transparent 40%),
        radial-gradient(circle at 70% 70%, rgba(21, 3, 66, 0.08) 0%, transparent 40%);
    pointer-events: none;
    z-index: 1;
}

/* Section Text Styling */
.zad-destination-description {
    color: #150342 !important;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8) !important;
    line-height: 1.7 !important;
}

/* Destinations Panels Container */
.zad-destinations-panels {
    position: relative;
    z-index: 10;
    padding: 2rem 0;
}

.zad-destinations-container {
    display: flex;
    gap: 1.5rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 1rem 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(1, 255, 132, 0.3) transparent;
}

.zad-destinations-container::-webkit-scrollbar {
    height: 8px;
}

.zad-destinations-container::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

.zad-destinations-container::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #01FF84, #150342);
    border-radius: 10px;
}

.zad-destinations-container::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(90deg, #150342, #01FF84);
}

/* Destination Panel Cards */
.zad-destination-panel {
    flex: 0 0 auto;
    scroll-snap-align: start;
    min-width: 200px;
}

.zad-destination-header {
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(20px) saturate(150%) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 20px !important;
    padding: 2rem 1.5rem !important;
    text-align: center !important;
    box-shadow: 
        0 15px 40px rgba(21, 3, 66, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.zad-destination-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(1, 255, 132, 0.2), 
        transparent);
    transition: left 0.6s ease;
}

.zad-destination-header:hover::before {
    left: 100%;
}

.zad-destination-header:hover {
    transform: translateY(-8px) scale(1.02) !important;
    box-shadow: 
        0 25px 60px rgba(21, 3, 66, 0.25),
        0 0 40px rgba(1, 255, 132, 0.2) !important;
    border-color: rgba(1, 255, 132, 0.4) !important;
}

.zad-destination-header-text {
    background: linear-gradient(135deg, #150342 0%, #01FF84 50%, #150342 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.8) !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
}

/* Destination Service Cards */
.zad-destination-card {
    background: rgba(255, 255, 255, 0.12) !important;
    backdrop-filter: blur(20px) saturate(150%) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 20px !important;
    padding: 2rem 1.5rem !important;
    text-align: center !important;
    box-shadow: 
        0 12px 35px rgba(21, 3, 66, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 200px !important;
}

.zad-destination-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(1, 255, 132, 0.15), 
        transparent);
    transition: left 0.6s ease;
}

.zad-destination-card:hover::before {
    left: 100%;
}

.zad-destination-card:hover {
    transform: translateY(-10px) scale(1.05) !important;
    box-shadow: 
        0 20px 50px rgba(21, 3, 66, 0.2),
        0 0 35px rgba(1, 255, 132, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
    border-color: rgba(1, 255, 132, 0.3) !important;
}

/* Destination Icons */
.zad-destination-icon {
    margin-bottom: 1.5rem !important;
    position: relative !important;
}

.zad-destination-icon-large {
    font-size: 3.5rem !important;
    background: linear-gradient(135deg, #01FF84 0%, #150342 50%, #01FF84 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 8px 20px rgba(1, 255, 132, 0.4)) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative !important;
    z-index: 2 !important;
}

.zad-destination-icon-large::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 120%;
    background: radial-gradient(circle, rgba(1, 255, 132, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: zad-destination-icon-glow 3s ease-in-out infinite;
    z-index: -1;
}

.zad-destination-card:hover .zad-destination-icon-large {
    transform: scale(1.2) rotate(10deg) !important;
    filter: drop-shadow(0 12px 30px rgba(1, 255, 132, 0.6)) !important;
}

/* Destination Titles */
.zad-destination-title {
    background: linear-gradient(135deg, #150342 0%, #01FF84 50%, #150342 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.8) !important;
    font-weight: 700 !important;
    font-size: 1.2rem !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
}

.zad-destination-card:hover .zad-destination-title {
    transform: translateY(-2px) !important;
}

/* Enhanced Button Styling */
.btn-brand-solid {
    background: linear-gradient(135deg, #150342 0%, #01FF84 100%) !important;
    border: 2px solid transparent !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 8px 25px rgba(21, 3, 66, 0.3) !important;
}

.btn-brand-solid::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.3), 
        transparent);
    transition: left 0.7s ease;
}

.btn-brand-solid:hover::before {
    left: 100%;
}

.btn-brand-solid:hover {
    transform: translateY(-4px) !important;
    box-shadow: 
        0 20px 50px rgba(21, 3, 66, 0.4),
        0 8px 20px rgba(1, 255, 132, 0.3) !important;
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%) !important;
}

.btn-brand-solid i {
    transition: transform 0.3s ease !important;
}

.btn-brand-solid:hover i {
    transform: translateX(5px) !important;
}

/* Animation Keyframes */
@keyframes zad-destination-icon-glow {
    0%, 100% { 
        opacity: 0.3;
        transform: translate(-50%, -50%) scale(1);
    }
    50% { 
        opacity: 0.6;
        transform: translate(-50%, -50%) scale(1.1);
    }
}

@keyframes zad-destination-float {
    0%, 100% { 
        transform: translateY(0px); 
    }
    50% { 
        transform: translateY(-5px); 
    }
}

/* Add floating animation to cards */
.zad-destination-card {
    animation: zad-destination-float 6s ease-in-out infinite;
}

.zad-destination-card:nth-child(1) { animation-delay: 0s; }
.zad-destination-card:nth-child(2) { animation-delay: 0.8s; }
.zad-destination-card:nth-child(3) { animation-delay: 1.6s; }
.zad-destination-card:nth-child(4) { animation-delay: 2.4s; }
.zad-destination-card:nth-child(5) { animation-delay: 3.2s; }
.zad-destination-card:nth-child(6) { animation-delay: 4s; }
.zad-destination-card:nth-child(7) { animation-delay: 4.8s; }
.zad-destination-card:nth-child(8) { animation-delay: 5.6s; }

/* Responsive Design */
@media (max-width: 1200px) {
    .zad-destination-panel {
        min-width: 180px;
    }
    
    .zad-destination-card {
        padding: 1.5rem 1rem !important;
        min-height: 180px !important;
    }
    
    .zad-destination-icon-large {
        font-size: 3rem !important;
    }
    
    .zad-destination-title {
        font-size: 1.1rem !important;
    }
}

@media (max-width: 992px) {
    .zad-destinations-container {
        gap: 1rem;
    }
    
    .zad-destination-panel {
        min-width: 160px;
    }
    
    .zad-destination-card {
        padding: 1.2rem 0.8rem !important;
        min-height: 160px !important;
    }
    
    .zad-destination-icon-large {
        font-size: 2.5rem !important;
    }
    
    .zad-destination-title {
        font-size: 1rem !important;
    }
    
    .zad-destination-header {
        padding: 1.5rem 1rem !important;
    }
    
    .zad-destination-header-text {
        font-size: 1rem !important;
    }
}

@media (max-width: 768px) {
    .zad-destinations-container {
        gap: 0.8rem;
        padding: 0.5rem 0;
    }
    
    .zad-destination-panel {
        min-width: 140px;
    }
    
    .zad-destination-card {
        padding: 1rem 0.6rem !important;
        min-height: 140px !important;
    }
    
    .zad-destination-icon-large {
        font-size: 2rem !important;
    }
    
    .zad-destination-title {
        font-size: 0.9rem !important;
    }
    
    .zad-destination-header {
        padding: 1.2rem 0.8rem !important;
    }
    
    .zad-destination-header-text {
        font-size: 0.9rem !important;
    }
}

@media (max-width: 576px) {
    .zad-destinations-container {
        gap: 0.6rem;
    }
    
    .zad-destination-panel {
        min-width: 120px;
    }
    
    .zad-destination-card {
        padding: 0.8rem 0.4rem !important;
        min-height: 120px !important;
    }
    
    .zad-destination-icon-large {
        font-size: 1.8rem !important;
    }
    
    .zad-destination-title {
        font-size: 0.8rem !important;
    }
    
    .zad-destination-header {
        padding: 1rem 0.6rem !important;
    }
    
    .zad-destination-header-text {
        font-size: 0.8rem !important;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .zad-destination-card,
    .zad-destination-icon-large::before {
        animation: none !important;
    }
    
    .zad-destination-card:hover,
    .zad-destination-header:hover {
        transform: none !important;
    }
    
    .zad-destination-icon-large {
        transition: none !important;
    }
}

@media (prefers-contrast: high) {
    .zad-destination-card,
    .zad-destination-header {
        background: rgba(255, 255, 255, 0.9) !important;
        border: 2px solid #150342 !important;
    }
    
    .zad-destination-title,
    .zad-destination-header-text {
        color: #150342 !important;
        -webkit-text-fill-color: #150342 !important;
        text-shadow: none !important;
    }
    
    .zad-destination-icon-large {
        color: #150342 !important;
        -webkit-text-fill-color: #150342 !important;
        filter: none !important;
    }
}


/* ===============================================
   TEAM SECTION ENHANCED STYLES
=============================================== */

/* Team Section Container */
.zad-team-section {
    background: 
        radial-gradient(circle at 15% 25%, rgba(1, 255, 132, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 85% 75%, rgba(21, 3, 66, 0.06) 0%, transparent 50%),
        linear-gradient(135deg, 
            rgba(255, 255, 255, 0.12) 0%, 
            rgba(255, 255, 255, 0.08) 50%, 
            rgba(255, 255, 255, 0.12) 100%);
    position: relative;
    overflow: hidden;
    padding: 100px 0;
}

.zad-team-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 25% 35%, rgba(1, 255, 132, 0.12) 0%, transparent 40%),
        radial-gradient(circle at 75% 65%, rgba(21, 3, 66, 0.1) 0%, transparent 40%);
    pointer-events: none;
    z-index: 1;
}

.zad-team-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(1,255,132,0.05)"/><circle cx="75" cy="75" r="1" fill="rgba(21,3,66,0.05)"/><circle cx="50" cy="10" r="0.5" fill="rgba(1,255,132,0.03)"/><circle cx="10" cy="60" r="0.5" fill="rgba(21,3,66,0.03)"/><circle cx="90" cy="40" r="0.5" fill="rgba(1,255,132,0.03)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
    opacity: 0.3;
    pointer-events: none;
    z-index: 1;
}

/* Team Description Styling */
.zad-team-description {
    color: #150342 !important;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8) !important;
    line-height: 1.8 !important;
    margin-bottom: 2rem !important;
}

/* Team Features Container */
.team-features {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.team-feature-item {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 1rem 1.5rem;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(21, 3, 66, 0.1);
}

.team-feature-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(1, 255, 132, 0.25), 
        transparent);
    transition: left 0.6s ease;
}

.team-feature-item:hover::before {
    left: 100%;
}

.team-feature-item:hover {
    transform: translateY(-5px) scale(1.05);
    box-shadow: 
        0 15px 40px rgba(21, 3, 66, 0.2),
        0 0 30px rgba(1, 255, 132, 0.15);
    border-color: rgba(1, 255, 132, 0.4);
}

.team-feature-icon {
    font-size: 1.5rem;
    color: #01FF84;
    filter: drop-shadow(0 3px 10px rgba(1, 255, 132, 0.4));
    transition: all 0.3s ease;
}

.team-feature-item:hover .team-feature-icon {
    transform: scale(1.2) rotate(10deg);
    color: #150342;
}

.team-feature-item span {
    color: #150342;
    font-weight: 600;
    font-size: 1rem;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
}

/* Enhanced Button Styling */
.btn-brand-outline {
    background: transparent !important;
    border: 2px solid #01FF84 !important;
    color: #01FF84 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 8px 25px rgba(1, 255, 132, 0.2) !important;
}

.btn-brand-outline::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(1, 255, 132, 0.2), 
        transparent);
    transition: left 0.7s ease;
}

.btn-brand-outline:hover::before {
    left: 100%;
}

.btn-brand-outline:hover {
    transform: translateY(-4px) !important;
    box-shadow: 
        0 20px 50px rgba(1, 255, 132, 0.3),
        0 8px 20px rgba(21, 3, 66, 0.2) !important;
    background: #01FF84 !important;
    color: #150342 !important;
    border-color: #01FF84 !important;
}

.btn-brand-outline i {
    transition: transform 0.3s ease !important;
}

.btn-brand-outline:hover i {
    transform: translateX(5px) !important;
}

/* Floating Background Elements */
.zad-team-section .floating-elements {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.zad-team-section .floating-elements i {
    position: absolute;
    color: rgba(1, 255, 132, 0.1);
    animation: zad-team-float 15s ease-in-out infinite;
    font-size: 3rem;
}

.zad-team-section .floating-elements .float-1 {
    top: 10%;
    left: 5%;
    animation-delay: 0s;
}

.zad-team-section .floating-elements .float-2 {
    top: 20%;
    right: 10%;
    animation-delay: 3s;
}

.zad-team-section .floating-elements .float-3 {
    bottom: 30%;
    left: 8%;
    animation-delay: 6s;
}

.zad-team-section .floating-elements .float-4 {
    top: 60%;
    right: 5%;
    animation-delay: 9s;
}

.zad-team-section .floating-elements .float-5 {
    bottom: 10%;
    right: 15%;
    animation-delay: 12s;
}

/* Animation Keyframes */
@keyframes zad-team-float {
    0%, 100% { 
        transform: translateY(0px) rotate(0deg) scale(1);
        opacity: 0.1;
    }
    25% { 
        transform: translateY(-20px) rotate(5deg) scale(1.1);
        opacity: 0.15;
    }
    50% { 
        transform: translateY(-10px) rotate(-3deg) scale(1.05);
        opacity: 0.2;
    }
    75% { 
        transform: translateY(-25px) rotate(8deg) scale(1.15);
        opacity: 0.12;
    }
}

@keyframes zad-team-pulse {
    0%, 100% { 
        transform: scale(1);
        opacity: 0.8;
    }
    50% { 
        transform: scale(1.05);
        opacity: 1;
    }
}

/* Add floating animation to feature items */
.team-feature-item {
    animation: zad-team-pulse 4s ease-in-out infinite;
}

.team-feature-item:nth-child(1) { animation-delay: 0s; }
.team-feature-item:nth-child(2) { animation-delay: 1.3s; }
.team-feature-item:nth-child(3) { animation-delay: 2.6s; }

/* Responsive Design */
@media (max-width: 1200px) {
    .zad-team-section {
        padding: 80px 0;
    }
    
    .team-features {
        gap: 1.2rem;
    }
    
    .team-feature-item {
        padding: 0.8rem 1.2rem;
    }
    
    .team-feature-icon {
        font-size: 1.3rem;
    }
    
    .team-feature-item span {
        font-size: 0.9rem;
    }
}

@media (max-width: 992px) {
    .zad-team-section {
        padding: 70px 0;
    }
    
    .team-features {
        gap: 1rem;
        flex-direction: column;
        align-items: center;
    }
    
    .team-feature-item {
        padding: 0.8rem 1rem;
        width: 100%;
        max-width: 300px;
        justify-content: center;
    }
    
    .team-feature-icon {
        font-size: 1.2rem;
    }
    
    .team-feature-item span {
        font-size: 0.9rem;
    }
    
    .zad-team-description {
        font-size: 1rem !important;
    }
}

@media (max-width: 768px) {
    .zad-team-section {
        padding: 60px 0;
    }
    
    .team-features {
        gap: 0.8rem;
    }
    
    .team-feature-item {
        padding: 0.7rem 0.8rem;
        max-width: 280px;
    }
    
    .team-feature-icon {
        font-size: 1.1rem;
    }
    
    .team-feature-item span {
        font-size: 0.85rem;
    }
    
    .zad-team-description {
        font-size: 0.95rem !important;
    }
}

@media (max-width: 576px) {
    .zad-team-section {
        padding: 50px 0;
    }
    
    .team-features {
        gap: 0.6rem;
    }
    
    .team-feature-item {
        padding: 0.6rem 0.7rem;
        max-width: 250px;
    }
    
    .team-feature-icon {
        font-size: 1rem;
    }
    
    .team-feature-item span {
        font-size: 0.8rem;
    }
    
    .zad-team-description {
        font-size: 0.9rem !important;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .zad-team-section .floating-elements i,
    .team-feature-item {
        animation: none !important;
    }
    
    .team-feature-item:hover {
        transform: none !important;
    }
    
    .team-feature-icon {
        transition: none !important;
    }
}

@media (prefers-contrast: high) {
    .zad-team-section {
        background: rgba(255, 255, 255, 0.9) !important;
    }
    
    .team-feature-item {
        background: rgba(255, 255, 255, 0.9) !important;
        border: 2px solid #150342 !important;
    }
    
    .zad-team-description,
    .team-feature-item span {
        color: #150342 !important;
        text-shadow: none !important;
    }
    
    .team-feature-icon {
        color: #150342 !important;
        filter: none !important;
    }
}


/* ===============================================
   DESTINATIONS SECTION ENHANCED STYLES
=============================================== */

/* Destinations Section Container */
.zad-destinations-enhanced {
    background: 
        radial-gradient(circle at 20% 20%, rgba(21, 3, 66, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(1, 255, 132, 0.05) 0%, transparent 50%),
        linear-gradient(135deg, 
            rgba(255, 255, 255, 0.1) 0%, 
            rgba(255, 255, 255, 0.05) 50%, 
            rgba(255, 255, 255, 0.1) 100%);
    position: relative;
    overflow: hidden;
}

.zad-destinations-enhanced::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 30% 30%, rgba(1, 255, 132, 0.1) 0%, transparent 40%),
        radial-gradient(circle at 70% 70%, rgba(21, 3, 66, 0.08) 0%, transparent 40%);
    pointer-events: none;
    z-index: 1;
}

/* Section Text Styling */
.zad-destination-description {
    color: #150342 !important;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8) !important;
    line-height: 1.7 !important;
}

/* Destinations Panels Container */
.zad-destinations-panels {
    position: relative;
    z-index: 10;
    padding: 2rem 0;
}

.zad-destinations-container {
    display: flex;
    gap: 1.5rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 1rem 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(1, 255, 132, 0.3) transparent;
}

.zad-destinations-container::-webkit-scrollbar {
    height: 8px;
}

.zad-destinations-container::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

.zad-destinations-container::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #01FF84, #150342);
    border-radius: 10px;
}

.zad-destinations-container::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(90deg, #150342, #01FF84);
}

/* Destination Panel Cards */
.zad-destination-panel {
    flex: 0 0 auto;
    scroll-snap-align: start;
    min-width: 200px;
}

.zad-destination-header {
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(20px) saturate(150%) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 20px !important;
    padding: 2rem 1.5rem !important;
    text-align: center !important;
    box-shadow: 
        0 15px 40px rgba(21, 3, 66, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.zad-destination-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(1, 255, 132, 0.2), 
        transparent);
    transition: left 0.6s ease;
}

.zad-destination-header:hover::before {
    left: 100%;
}

.zad-destination-header:hover {
    transform: translateY(-8px) scale(1.02) !important;
    box-shadow: 
        0 25px 60px rgba(21, 3, 66, 0.25),
        0 0 40px rgba(1, 255, 132, 0.2) !important;
    border-color: rgba(1, 255, 132, 0.4) !important;
}

.zad-destination-header-text {
    background: linear-gradient(135deg, #150342 0%, #01FF84 50%, #150342 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.8) !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
}

/* Destination Service Cards */
.zad-destination-card {
    background: rgba(255, 255, 255, 0.12) !important;
    backdrop-filter: blur(20px) saturate(150%) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 20px !important;
    padding: 2rem 1.5rem !important;
    text-align: center !important;
    box-shadow: 
        0 12px 35px rgba(21, 3, 66, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 200px !important;
}

.zad-destination-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(1, 255, 132, 0.15), 
        transparent);
    transition: left 0.6s ease;
}

.zad-destination-card:hover::before {
    left: 100%;
}

.zad-destination-card:hover {
    transform: translateY(-10px) scale(1.05) !important;
    box-shadow: 
        0 20px 50px rgba(21, 3, 66, 0.2),
        0 0 35px rgba(1, 255, 132, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
    border-color: rgba(1, 255, 132, 0.3) !important;
}

/* Destination Icons - Enhanced Font Awesome Styling */
.zad-destination-icon {
    margin-bottom: 1.5rem !important;
    position: relative !important;
}

.zad-destination-icon-large {
    font-size: 4rem !important;
    background: linear-gradient(135deg, #01FF84 0%, #150342 50%, #01FF84 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 8px 20px rgba(1, 255, 132, 0.4)) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative !important;
    z-index: 2 !important;
    animation: zad-icon-pulse 3s ease-in-out infinite !important;
}

.zad-destination-icon-large::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 120%;
    background: radial-gradient(circle, rgba(1, 255, 132, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: zad-destination-icon-glow 3s ease-in-out infinite;
    z-index: -1;
}

.zad-destination-icon-large::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: conic-gradient(from 0deg, 
        rgba(1, 255, 132, 0.3), 
        rgba(21, 3, 66, 0.2), 
        rgba(1, 255, 132, 0.3));
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: zad-icon-rotate 8s linear infinite;
    z-index: -2;
    opacity: 0.6;
}

.zad-destination-card:hover .zad-destination-icon-large {
    transform: scale(1.3) rotate(15deg) !important;
    filter: drop-shadow(0 15px 40px rgba(1, 255, 132, 0.6)) !important;
    animation: zad-icon-bounce 0.6s ease-in-out !important;
}

/* Destination Titles - Enhanced Text Styling */
.zad-destination-title {
    background: linear-gradient(135deg, #150342 0%, #01FF84 50%, #150342 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.8) !important;
    font-weight: 700 !important;
    font-size: 1.3rem !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

.zad-destination-title::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #01FF84 0%, #150342 50%, #01FF84 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.zad-destination-card:hover .zad-destination-title {
    transform: translateY(-3px) !important;
}

.zad-destination-card:hover .zad-destination-title::before {
    opacity: 1;
}

/* Enhanced Button Styling */
.btn-brand-solid {
    background: linear-gradient(135deg, #150342 0%, #01FF84 100%) !important;
    border: 2px solid transparent !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 8px 25px rgba(21, 3, 66, 0.3) !important;
}

.btn-brand-solid::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.3), 
        transparent);
    transition: left 0.7s ease;
}

.btn-brand-solid:hover::before {
    left: 100%;
}

.btn-brand-solid:hover {
    transform: translateY(-4px) !important;
    box-shadow: 
        0 20px 50px rgba(21, 3, 66, 0.4),
        0 8px 20px rgba(1, 255, 132, 0.3) !important;
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%) !important;
}

.btn-brand-solid i {
    transition: transform 0.3s ease !important;
}

.btn-brand-solid:hover i {
    transform: translateX(5px) !important;
}

/* Advanced Animation Keyframes */
@keyframes zad-destination-icon-glow {
    0%, 100% { 
        opacity: 0.3;
        transform: translate(-50%, -50%) scale(1);
    }
    50% { 
        opacity: 0.6;
        transform: translate(-50%, -50%) scale(1.2);
    }
}

@keyframes zad-icon-pulse {
    0%, 100% { 
        transform: scale(1);
        filter: drop-shadow(0 8px 20px rgba(1, 255, 132, 0.4));
    }
    50% { 
        transform: scale(1.05);
        filter: drop-shadow(0 12px 30px rgba(1, 255, 132, 0.6));
    }
}

@keyframes zad-icon-rotate {
    0% { 
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% { 
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes zad-icon-bounce {
    0%, 100% { 
        transform: scale(1.3) rotate(15deg);
    }
    50% { 
        transform: scale(1.4) rotate(20deg);
    }
}

@keyframes zad-destination-float {
    0%, 100% { 
        transform: translateY(0px); 
    }
    50% { 
        transform: translateY(-8px); 
    }
}

/* Add floating animation to cards */
.zad-destination-card {
    animation: zad-destination-float 6s ease-in-out infinite;
}

.zad-destination-card:nth-child(1) { animation-delay: 0s; }
.zad-destination-card:nth-child(2) { animation-delay: 0.8s; }
.zad-destination-card:nth-child(3) { animation-delay: 1.6s; }
.zad-destination-card:nth-child(4) { animation-delay: 2.4s; }
.zad-destination-card:nth-child(5) { animation-delay: 3.2s; }
.zad-destination-card:nth-child(6) { animation-delay: 4s; }
.zad-destination-card:nth-child(7) { animation-delay: 4.8s; }
.zad-destination-card:nth-child(8) { animation-delay: 5.6s; }

/* Responsive Design */
@media (max-width: 1200px) {
    .zad-destination-panel {
        min-width: 180px;
    }
    
    .zad-destination-card {
        padding: 1.5rem 1rem !important;
        min-height: 180px !important;
    }
    
    .zad-destination-icon-large {
        font-size: 3.5rem !important;
    }
    
    .zad-destination-title {
        font-size: 1.2rem !important;
    }
}

@media (max-width: 992px) {
    .zad-destinations-container {
        gap: 1rem;
    }
    
    .zad-destination-panel {
        min-width: 160px;
    }
    
    .zad-destination-card {
        padding: 1.2rem 0.8rem !important;
        min-height: 160px !important;
    }
    
    .zad-destination-icon-large {
        font-size: 3rem !important;
    }
    
    .zad-destination-title {
        font-size: 1.1rem !important;
    }
    
    .zad-destination-header {
        padding: 1.5rem 1rem !important;
    }
    
    .zad-destination-header-text {
        font-size: 1rem !important;
    }
}

@media (max-width: 768px) {
    .zad-destinations-container {
        gap: 0.8rem;
        padding: 0.5rem 0;
    }
    
    .zad-destination-panel {
        min-width: 140px;
    }
    
    .zad-destination-card {
        padding: 1rem 0.6rem !important;
        min-height: 140px !important;
    }
    
    .zad-destination-icon-large {
        font-size: 2.5rem !important;
    }
    
    .zad-destination-title {
        font-size: 1rem !important;
    }
    
    .zad-destination-header {
        padding: 1.2rem 0.8rem !important;
    }
    
    .zad-destination-header-text {
        font-size: 0.9rem !important;
    }
}

@media (max-width: 576px) {
    .zad-destinations-container {
        gap: 0.6rem;
    }
    
    .zad-destination-panel {
        min-width: 120px;
    }
    
    .zad-destination-card {
        padding: 0.8rem 0.4rem !important;
        min-height: 120px !important;
    }
    
    .zad-destination-icon-large {
        font-size: 2rem !important;
    }
    
    .zad-destination-title {
        font-size: 0.9rem !important;
    }
    
    .zad-destination-header {
        padding: 1rem 0.6rem !important;
    }
    
    .zad-destination-header-text {
        font-size: 0.8rem !important;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .zad-destination-card,
    .zad-destination-icon-large,
    .zad-destination-icon-large::before,
    .zad-destination-icon-large::after {
        animation: none !important;
    }
    
    .zad-destination-card:hover,
    .zad-destination-header:hover {
        transform: none !important;
    }
    
    .zad-destination-icon-large {
        transition: none !important;
    }
}

@media (prefers-contrast: high) {
    .zad-destination-card,
    .zad-destination-header {
        background: rgba(255, 255, 255, 0.9) !important;
        border: 2px solid #150342 !important;
    }
    
    .zad-destination-title,
    .zad-destination-header-text {
        color: #150342 !important;
        -webkit-text-fill-color: #150342 !important;
        text-shadow: none !important;
    }
    
    .zad-destination-icon-large {
        color: #150342 !important;
        -webkit-text-fill-color: #150342 !important;
        filter: none !important;
    }
}


/* ===============================================
   GALLERY SECTION ENHANCED STYLES
=============================================== */

/* Gallery Section Container */
.zad-gallery-enhanced {
    background: 
        radial-gradient(circle at 25% 25%, rgba(21, 3, 66, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 75% 75%, rgba(1, 255, 132, 0.06) 0%, transparent 50%),
        linear-gradient(135deg, 
            rgba(255, 255, 255, 0.12) 0%, 
            rgba(255, 255, 255, 0.08) 50%, 
            rgba(255, 255, 255, 0.12) 100%);
    position: relative;
    overflow: hidden;
}

.zad-gallery-enhanced::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 20% 30%, rgba(1, 255, 132, 0.1) 0%, transparent 40%),
        radial-gradient(circle at 80% 70%, rgba(21, 3, 66, 0.08) 0%, transparent 40%);
    pointer-events: none;
    z-index: 1;
}

/* Gallery Description Styling */
.zad-gallery-description {
    color: #150342 !important;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8) !important;
    line-height: 1.8 !important;
    font-size: 1.2rem !important;
}

/* Gallery Slider Container */
.zad-gallery-slider {
    position: relative;
    z-index: 10;
    padding: 2rem 0;
}

/* Gallery Slide Styling */
.zad-gallery-slide {
    position: relative;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.zad-gallery-thumb {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 
        0 15px 40px rgba(21, 3, 66, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.zad-gallery-thumb::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.1) 0%, 
        rgba(1, 255, 132, 0.1) 50%, 
        rgba(21, 3, 66, 0.1) 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

.zad-gallery-thumb:hover::before {
    opacity: 1;
}

.zad-gallery-img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    filter: brightness(0.9) contrast(1.1);
}

.zad-gallery-thumb:hover .zad-gallery-img {
    transform: scale(1.1);
    filter: brightness(1.1) contrast(1.2);
}

/* Gallery Overlay */
.zad-gallery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        linear-gradient(135deg, 
            rgba(21, 3, 66, 0.8) 0%, 
            rgba(1, 255, 132, 0.6) 50%, 
            rgba(21, 3, 66, 0.8) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 3;
}

.zad-gallery-thumb:hover .zad-gallery-overlay {
    opacity: 1;
}

/* Gallery Content */
.zad-gallery-content {
    text-align: center;
    color: #ffffff;
    transform: translateY(20px);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.zad-gallery-thumb:hover .zad-gallery-content {
    transform: translateY(0);
}

/* Gallery Icon */
.zad-gallery-icon {
    font-size: 3rem;
    color: #01FF84;
    filter: drop-shadow(0 5px 15px rgba(1, 255, 132, 0.5));
    margin-bottom: 1rem;
    transition: all 0.3s ease;
}

.zad-gallery-thumb:hover .zad-gallery-icon {
    transform: scale(1.2) rotate(10deg);
    filter: drop-shadow(0 8px 25px rgba(1, 255, 132, 0.7));
}

/* Gallery Title */
.zad-gallery-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    background: linear-gradient(135deg, #ffffff 0%, #01FF84 50%, #ffffff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Gallery Description */
.zad-gallery-desc {
    font-size: 1rem;
    opacity: 0.9;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    margin: 0;
}

/* Enhanced Hover Effects */
.zad-gallery-thumb:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 
        0 25px 60px rgba(21, 3, 66, 0.25),
        0 0 40px rgba(1, 255, 132, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

/* Floating Animation */
.zad-gallery-slide {
    animation: zad-gallery-float 8s ease-in-out infinite;
}

.zad-gallery-slide:nth-child(1) { animation-delay: 0s; }
.zad-gallery-slide:nth-child(2) { animation-delay: 1.3s; }
.zad-gallery-slide:nth-child(3) { animation-delay: 2.6s; }
.zad-gallery-slide:nth-child(4) { animation-delay: 3.9s; }
.zad-gallery-slide:nth-child(5) { animation-delay: 5.2s; }
.zad-gallery-slide:nth-child(6) { animation-delay: 6.5s; }

/* Animation Keyframes */
@keyframes zad-gallery-float {
    0%, 100% { 
        transform: translateY(0px); 
    }
    50% { 
        transform: translateY(-8px); 
    }
}

@keyframes zad-gallery-pulse {
    0%, 100% { 
        transform: scale(1);
        box-shadow: 0 15px 40px rgba(21, 3, 66, 0.15);
    }
    50% { 
        transform: scale(1.02);
        box-shadow: 0 20px 50px rgba(21, 3, 66, 0.2);
    }
}

/* Add pulse animation to gallery thumbs */
.zad-gallery-thumb {
    animation: zad-gallery-pulse 6s ease-in-out infinite;
}

.zad-gallery-thumb:nth-child(1) { animation-delay: 0s; }
.zad-gallery-thumb:nth-child(2) { animation-delay: 1s; }
.zad-gallery-thumb:nth-child(3) { animation-delay: 2s; }
.zad-gallery-thumb:nth-child(4) { animation-delay: 3s; }
.zad-gallery-thumb:nth-child(5) { animation-delay: 4s; }
.zad-gallery-thumb:nth-child(6) { animation-delay: 5s; }

/* Responsive Design */
@media (max-width: 1200px) {
    .zad-gallery-img {
        height: 250px;
    }
    
    .zad-gallery-icon {
        font-size: 2.5rem;
    }
    
    .zad-gallery-title {
        font-size: 1.3rem;
    }
    
    .zad-gallery-desc {
        font-size: 0.9rem;
    }
}

@media (max-width: 992px) {
    .zad-gallery-img {
        height: 220px;
    }
    
    .zad-gallery-icon {
        font-size: 2rem;
    }
    
    .zad-gallery-title {
        font-size: 1.2rem;
    }
    
    .zad-gallery-desc {
        font-size: 0.85rem;
    }
    
    .zad-gallery-description {
        font-size: 1.1rem !important;
    }
}

@media (max-width: 768px) {
    .zad-gallery-img {
        height: 200px;
    }
    
    .zad-gallery-icon {
        font-size: 1.8rem;
    }
    
    .zad-gallery-title {
        font-size: 1.1rem;
    }
    
    .zad-gallery-desc {
        font-size: 0.8rem;
    }
    
    .zad-gallery-description {
        font-size: 1rem !important;
    }
}

@media (max-width: 576px) {
    .zad-gallery-img {
        height: 180px;
    }
    
    .zad-gallery-icon {
        font-size: 1.5rem;
    }
    
    .zad-gallery-title {
        font-size: 1rem;
    }
    
    .zad-gallery-desc {
        font-size: 0.75rem;
    }
    
    .zad-gallery-description {
        font-size: 0.95rem !important;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .zad-gallery-slide,
    .zad-gallery-thumb {
        animation: none !important;
    }
    
    .zad-gallery-thumb:hover {
        transform: none !important;
    }
    
    .zad-gallery-img,
    .zad-gallery-icon {
        transition: none !important;
    }
}

@media (prefers-contrast: high) {
    .zad-gallery-thumb {
        border: 2px solid #150342 !important;
    }
    
    .zad-gallery-overlay {
        background: rgba(21, 3, 66, 0.9) !important;
    }
    
    .zad-gallery-title,
    .zad-gallery-desc {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
    }
    
    .zad-gallery-icon {
        color: #01FF84 !important;
        filter: none !important;
    }
}


/* ===============================================
   FAQ - USER FRIENDLY, SMART UI
=============================================== */

/* Wrapper spacing and subtle background texture */
.faq-area {
  position: relative;
  overflow: hidden;
}

.faq-area::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(800px 400px at 10% -10%, rgba(86,50,237,0.08), transparent 60%),
    radial-gradient(1000px 500px at 110% 10%, rgba(1,255,132,0.08), transparent 60%);
  pointer-events: none;
}

/* Section intro text */
.zad-faq-description {
  color: #150342 !important;
  text-shadow: 1px 1px 2px rgba(255,255,255,.85) !important;
}

/* Accordion card */
.faq-accordion-item {
  border: 0 !important;
  margin-bottom: 14px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,0.18) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  box-shadow: 0 14px 34px rgba(21,3,66,.12), inset 0 1px 0 rgba(255,255,255,.28) !important;
  overflow: hidden;
}

/* Gradient rim without layout shift */
.faq-accordion-item::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: 18px;
  padding: 1px;
  background: linear-gradient(135deg,#150342,#01FF84,#5632ED,#150342);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; /* Safari */
  mask-composite: exclude;
  pointer-events: none;
}

/* Button (question) */
.faq-accordion-button {
  position: relative;
  padding: 18px 56px 18px 18px !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  color: #150342 !important;
  gap: 10px;
  font-weight: 700 !important;
}

/* Chevron indicator */
.faq-accordion-button::after {
  content: '\f078'; /* fa-chevron-down */
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  color: #150342;
  transition: transform .25s ease;
}

.faq-accordion-button[aria-expanded="true"]::after {
  transform: translateY(-50%) rotate(180deg);
}

/* Icon in question */
.faq-accordion-button i {
  font-size: 1.25rem;
  filter: drop-shadow(0 3px 10px rgba(1,255,132,.35));
}

/* Answer body */
.faq-accordion-body {
  padding: 0 18px 18px 52px !important;
  color: #150342 !important;
  line-height: 1.75;
  text-shadow: 1px 1px 2px rgba(255,255,255,.8);
}

/* Hover/active states */
.faq-accordion-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 48px rgba(21,3,66,.18), 0 0 36px rgba(1,255,132,.18) !important;
}

.faq-accordion-button[aria-expanded="true"] {
  background: linear-gradient(135deg, rgba(1,255,132,.12), rgba(86,50,237,.10)) !important;
}

/* Keyboard focus */
.faq-accordion-button:focus-visible {
  outline: 3px solid #01FF84 !important;
  outline-offset: 2px !important;
  border-radius: 12px;
}

/* Reduce-motion friendly */
@media (prefers-reduced-motion: reduce) {
  .faq-accordion-item:hover { transform: none; }
  .faq-accordion-button::after { transition: none; }
}

/* High contrast support */
@media (prefers-contrast: high) {
  .faq-accordion-item { background: #fff !important; box-shadow: none !important; }
  .faq-accordion-item::before { display: none; }
  .faq-accordion-button, .faq-accordion-body { color: #150342 !important; text-shadow: none !important; }
}

/* ===============================================
   FAQ DESKTOP GRID + TYPOGRAPHY
=============================================== */

/* Two-column grid on desktop for FAQ list */
@media (min-width: 992px) {
  .faq-wrapper .accordion {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 22px;
  }
  .faq-wrapper .accordion-item {
    margin-bottom: 0 !important; /* grid handles spacing */
  }
}

/* Wider touch target and balanced line lengths */
.faq-accordion-button {
  font-size: clamp(1rem, 0.7rem + 0.7vw, 1.15rem) !important;
  line-height: 1.35 !important;
}

/* Compact the question so it doesn’t look stacked like mobile */
.faq-accordion-button { align-items: center; }
.faq-accordion-button i { min-width: 24px; text-align: center; }

/* Keep chevron aligned and subtle */
.faq-accordion-button::after { opacity: .9; font-size: .9rem; }

/* Card body readable width on desktop */
.faq-accordion-body { max-width: 60ch; }

/* Section spacing on large screens */
@media (min-width: 1200px) {
  .faq-area.py-140 { padding-top: 120px; padding-bottom: 120px; }
}

/* Make first item open by default feel intentional */
.faq-accordion-item:first-child .accordion-button { border-top-left-radius: 16px; border-top-right-radius: 16px; }


/* ===============================================
   FAQ LAYOUT FIXES: WIDER CARDS + NORMAL TEXT FLOW
=============================================== */

/* Make the FAQ container wider and centered nicely */
.faq-area .container { max-width: 1280px; }

/* Responsive auto-fit grid with sensible min widths */
@media (min-width: 992px) {
  .faq-wrapper .accordion {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)) !important;
    gap: 22px !important;
    align-items: start !important;
  }
}

@media (min-width: 1400px) {
  .faq-wrapper .accordion {
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr)) !important;
    gap: 24px 28px !important;
  }
}

/* Ensure each item stretches to card width */
.faq-wrapper .accordion-item,
.faq-wrapper .accordion-button,
.faq-wrapper .accordion-body { width: 100% !important; }

/* Fix text becoming stacked vertically */
.faq-accordion-button {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  text-align: left !important;
}

/* Balance multi-line question text for nicer ragged edges */
.faq-accordion-button { text-wrap: balance; }

/* Comfortable padding and typography scale */
.faq-accordion-button { padding: clamp(14px, 1.6vw, 18px) clamp(18px, 1.8vw, 24px) !important; }
.faq-accordion-body { padding: 0 clamp(18px, 1.8vw, 24px) clamp(16px, 1.6vw, 20px) clamp(40px, 3.5vw, 52px) !important; }

/* Keep the chevron aligned to the far right within wider cards */
.faq-accordion-button::after { right: clamp(14px, 1.6vw, 18px); }

/* Prevent super-tall narrow cards if grid gets tight */
.faq-wrapper .accordion-item { min-width: 0; min-height: 0; }


/* Hotfix: FAQ question text breaking per character – restore normal wrapping */
.faq-accordion-button {
  white-space: normal !important;
  word-break: keep-all !important;     /* do not break letters */
  overflow-wrap: break-word !important; /* break only long words when needed */
  hyphens: auto !important;            /* nicer breaks for long words */
  line-height: 1.35 !important;
}

/* Ensure accordion button has enough content width inside the grid */
.faq-wrapper .accordion-item { min-width: 360px; }
@media (max-width: 991.98px) {
  .faq-wrapper .accordion-item { min-width: 0; }
}


/* ===============================================
   FAQ FULL DESKTOP WIDTH + TWO COLUMN LAYOUT
=============================================== */

/* Use full desktop width */
.faq-area .container { 
  max-width: 1400px !important; 
  width: 100% !important;
}

/* Proper two-column grid on desktop */
@media (min-width: 992px) {
  .faq-wrapper .accordion {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
    align-items: start !important;
  }
}

/* Three columns on extra large screens */
@media (min-width: 1400px) {
  .faq-wrapper .accordion {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 28px !important;
  }
}

/* Ensure cards use full width */
.faq-wrapper .accordion-item {
  width: 100% !important;
  margin-bottom: 0 !important;
}

/* Fix text wrapping issues */
.faq-accordion-button {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  text-align: left !important;
  line-height: 1.4 !important;
  font-size: 1.1rem !important;
}

/* Better spacing and typography */
.faq-accordion-button {
  padding: 20px 60px 20px 20px !important;
}

.faq-accordion-body {
  padding: 0 20px 20px 60px !important;
  line-height: 1.6 !important;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
  .faq-wrapper .accordion {
    display: block !important;
  }
  
  .faq-wrapper .accordion-item {
    margin-bottom: 16px !important;
  }
  
  .faq-accordion-button {
    padding: 16px 50px 16px 16px !important;
    font-size: 1rem !important;
  }
  
  .faq-accordion-body {
    padding: 0 16px 16px 50px !important;
  }
}


/* ===============================================
   FAQ CARD SEPARATION FIX
=============================================== */

/* Ensure each accordion item is a separate card */
.faq-accordion-item {
  display: block !important;
  margin-bottom: 16px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* Force each accordion button to be its own container */
.faq-accordion-button {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 60px !important;
}

/* Ensure proper spacing between cards */
.faq-wrapper .accordion > .accordion-item {
  margin-bottom: 16px !important;
}

.faq-wrapper .accordion > .accordion-item:last-child {
  margin-bottom: 0 !important;
}

/* Fix any nested accordion issues */
.faq-wrapper .accordion .accordion-item .accordion-item {
  margin-bottom: 8px !important;
}

/* Ensure consistent card heights */
.faq-accordion-item {
  min-height: 60px !important;
}

/* Remove any unwanted borders or backgrounds */
.faq-accordion-item:not(:last-child) {
  border-bottom: none !important;
}


/* ===============================================
   FORCE SEPARATE FAQ CARDS - NO NESTING
=============================================== */

/* Remove any nested accordion structure */
.faq-wrapper .accordion .accordion-item .accordion-item {
  display: none !important;
}

/* Ensure each accordion item is completely separate */
.faq-wrapper .accordion > .accordion-item {
  display: block !important;
  margin-bottom: 16px !important;
  border: none !important;
  background: rgba(255,255,255,0.18) !important;
  backdrop-filter: blur(14px) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* Force single question per card */
.faq-accordion-button {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 20px !important;
  border: none !important;
  background: transparent !important;
  color: #150342 !important;
  font-weight: 600 !important;
  font-size: 1.1rem !important;
  line-height: 1.4 !important;
}

/* Ensure proper spacing between all cards */
.faq-wrapper .accordion > .accordion-item:not(:last-child) {
  margin-bottom: 16px !important;
}

/* Remove any unwanted nested content */
.faq-wrapper .accordion .accordion-item .accordion-header,
.faq-wrapper .accordion .accordion-item .accordion-button {
  border: none !important;
  background: transparent !important;
}


/* ===============================================
   PACKAGES SECTION - HIGH LEVEL MODERN DESIGN
=============================================== */

/* Enhanced Section Container */
.zad-packages-enhanced {
    background: 
        radial-gradient(circle at 20% 20%, rgba(21, 3, 66, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(1, 255, 132, 0.08) 0%, transparent 50%),
        linear-gradient(135deg, 
            rgba(255, 255, 255, 0.15) 0%, 
            rgba(255, 255, 255, 0.08) 50%, 
            rgba(255, 255, 255, 0.15) 100%);
    position: relative;
    overflow: hidden;
}

.zad-packages-enhanced::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 30% 30%, rgba(1, 255, 132, 0.12) 0%, transparent 40%),
        radial-gradient(circle at 70% 70%, rgba(21, 3, 66, 0.1) 0%, transparent 40%);
    pointer-events: none;
    z-index: 1;
}

/* Section Description */
.zad-packages-description {
    color: #150342 !important;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8) !important;
    line-height: 1.8 !important;
}

/* Package Cards Container */
.zad-packages-slider {
    position: relative;
    z-index: 10;
}

/* Enhanced Package Cards */
.zad-package-card {
    position: relative;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.zad-package-thumb {
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.9) 0%, 
        rgba(1, 255, 132, 0.8) 50%, 
        rgba(21, 3, 66, 0.9) 100%);
    border-radius: 20px !important;
    overflow: hidden;
    position: relative;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 
        0 20px 60px rgba(21, 3, 66, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.zad-package-thumb::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 30% 30%, rgba(1, 255, 132, 0.2) 0%, transparent 50%),
        radial-gradient(circle at 70% 70%, rgba(21, 3, 66, 0.15) 0%, transparent 50%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.zad-package-card:hover .zad-package-thumb::before {
    opacity: 1;
}

/* Package Icon Wrapper */
.zad-package-icon-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(20px);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(255, 255, 255, 0.3);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 2;
}

.zad-package-icon-wrapper::before {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    background: conic-gradient(from 0deg, 
        rgba(1, 255, 132, 0.5), 
        rgba(21, 3, 66, 0.3), 
        rgba(1, 255, 132, 0.5));
    border-radius: 50%;
    animation: zad-package-icon-rotate 8s linear infinite;
    z-index: -1;
}

.zad-package-card:hover .zad-package-icon-wrapper {
    transform: translate(-50%, -50%) scale(1.1);
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(1, 255, 132, 0.6);
}

/* Package Icons */
.zad-package-icon {
    font-size: 3.5rem;
    color: #ffffff;
    filter: drop-shadow(0 5px 15px rgba(255, 255, 255, 0.4));
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 3;
}

.zad-package-card:hover .zad-package-icon {
    transform: scale(1.2) rotate(10deg);
    filter: drop-shadow(0 8px 25px rgba(255, 255, 255, 0.6));
}

/* Package Content */
.zad-package-content {
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.9) 0%, 
        rgba(1, 255, 132, 0.8) 50%, 
        rgba(21, 3, 66, 0.9) 100%);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    padding: 2rem !important;
    margin: 1rem !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 
        0 15px 40px rgba(21, 3, 66, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

/* Package Location */
.zad-package-location {
    color: #01FF84 !important;
    font-weight: 600 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
}

.zad-package-location i {
    color: #01FF84 !important;
    margin-right: 0.5rem;
}

/* Package Title */
.zad-package-title {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    margin-bottom: 0.5rem !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important;
    background: linear-gradient(135deg, #ffffff 0%, #01FF84 50%, #ffffff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Package Description */
.zad-package-description {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
    margin-bottom: 1rem !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
}

/* Package Duration & Price */
.zad-package-duration {
    color: rgba(255, 255, 255, 0.8) !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
}

.zad-package-price {
    color: #01FF84 !important;
    font-size: 1.2rem !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important;
    background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #01FF84 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Package Features */
.zad-package-features {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.zad-package-feature {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    padding: 0.3rem 0.8rem;
    font-size: 0.8rem;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
}

.zad-package-feature i {
    color: #01FF84;
    margin-right: 0.3rem;
    font-size: 0.7rem;
}

.zad-package-feature:hover {
    background: rgba(1, 255, 132, 0.2);
    border-color: rgba(1, 255, 132, 0.4);
    transform: translateY(-2px);
}

/* Enhanced Hover Effects */
.zad-package-card:hover {
    transform: translateY(-15px) scale(1.02);
    box-shadow: 
        0 30px 80px rgba(21, 3, 66, 0.4),
        0 0 50px rgba(1, 255, 132, 0.3);
}

/* Animation Keyframes */
@keyframes zad-package-icon-rotate {
    0% { 
        transform: rotate(0deg);
    }
    100% { 
        transform: rotate(360deg);
    }
}

@keyframes zad-package-float {
    0%, 100% { 
        transform: translateY(0px);
    }
    50% { 
        transform: translateY(-10px);
    }
}

/* Add floating animation to cards */
.zad-package-card {
    animation: zad-package-float 8s ease-in-out infinite;
}

.zad-package-card:nth-child(1) { animation-delay: 0s; }
.zad-package-card:nth-child(2) { animation-delay: 2s; }
.zad-package-card:nth-child(3) { animation-delay: 4s; }
.zad-package-card:nth-child(4) { animation-delay: 6s; }

/* Responsive Design */
@media (max-width: 1200px) {
    .zad-package-icon {
        font-size: 3rem;
    }
    
    .zad-package-icon-wrapper {
        width: 100px;
        height: 100px;
    }
    
    .zad-package-title {
        font-size: 1.3rem !important;
    }
    
    .zad-package-price {
        font-size: 1.1rem !important;
    }
}

@media (max-width: 992px) {
    .zad-package-icon {
        font-size: 2.5rem;
    }
    
    .zad-package-icon-wrapper {
        width: 80px;
        height: 80px;
    }
    
    .zad-package-title {
        font-size: 1.2rem !important;
    }
    
    .zad-package-price {
        font-size: 1rem !important;
    }
    
    .zad-package-content {
        padding: 1.5rem !important;
    }
}

@media (max-width: 768px) {
    .zad-package-icon {
        font-size: 2rem;
    }
    
    .zad-package-icon-wrapper {
        width: 70px;
        height: 70px;
    }
    
    .zad-package-title {
        font-size: 1.1rem !important;
    }
    
    .zad-package-price {
        font-size: 0.9rem !important;
    }
    
    .zad-package-content {
        padding: 1.2rem !important;
    }
    
    .zad-package-features {
        gap: 0.3rem;
    }
    
    .zad-package-feature {
        font-size: 0.7rem;
        padding: 0.2rem 0.6rem;
    }
}

@media (max-width: 576px) {
    .zad-package-icon {
        font-size: 1.8rem;
    }
    
    .zad-package-icon-wrapper {
        width: 60px;
        height: 60px;
    }
    
    .zad-package-title {
        font-size: 1rem !important;
    }
    
    .zad-package-price {
        font-size: 0.85rem !important;
    }
    
    .zad-package-content {
        padding: 1rem !important;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .zad-package-card,
    .zad-package-icon-wrapper::before {
        animation: none !important;
    }
    
    .zad-package-card:hover {
        transform: none !important;
    }
    
    .zad-package-icon {
        transition: none !important;
    }
}

@media (prefers-contrast: high) {
    .zad-package-thumb {
        background: #150342 !important;
        border: 2px solid #01FF84 !important;
    }
    
    .zad-package-content {
        background: #150342 !important;
        border: 2px solid #01FF84 !important;
    }
    
    .zad-package-title,
    .zad-package-description,
    .zad-package-duration {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        text-shadow: none !important;
    }
    
    .zad-package-icon {
        color: #01FF84 !important;
        filter: none !important;
    }
}


/* ===============================================
   CTA SECTION - ANIMATED WAVE BACKGROUND
=============================================== */

/* Enhanced CTA Container */
.zad-cta-enhanced {
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.95) 0%, 
        rgba(1, 255, 132, 0.8) 50%, 
        rgba(21, 3, 66, 0.95) 100%);
    border-radius: 30px;
    padding: 4rem 2rem;
    position: relative;
    overflow: hidden;
    box-shadow: 
        0 25px 70px rgba(21, 3, 66, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

/* CTA Title Styling */
.zad-cta-title {
    font-size: clamp(2rem, 4vw, 3.5rem) !important;
    line-height: 1.2 !important;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5) !important;
    margin-bottom: 1.5rem !important;
}

/* CTA Description */
.zad-cta-description {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 1.2rem !important;
    line-height: 1.6 !important;
    margin-bottom: 2.5rem !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* Wave Animation Container */
.zad-wave-animation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 1;
}

/* Individual Wave Elements */
.wave {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(1, 255, 132, 0.3) 25%, 
        rgba(255, 255, 255, 0.2) 50%, 
        rgba(1, 255, 132, 0.3) 75%, 
        transparent 100%);
    border-radius: 50% 50% 0 0;
    animation: wave-move 8s linear infinite;
}

.wave-1 {
    animation-duration: 8s;
    opacity: 0.7;
    transform: translateY(20px);
}

.wave-2 {
    animation-duration: 10s;
    animation-delay: -2s;
    opacity: 0.5;
    transform: translateY(40px);
}

.wave-3 {
    animation-duration: 12s;
    animation-delay: -4s;
    opacity: 0.3;
    transform: translateY(60px);
}

/* Wave Movement Animation */
@keyframes wave-move {
    0% {
        transform: translateX(-50%) translateY(20px);
    }
    50% {
        transform: translateX(0%) translateY(10px);
    }
    100% {
        transform: translateX(-50%) translateY(20px);
    }
}

/* Floating Background Elements */
.zad-cta-bg-animation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}

.zad-floating-elements {
    position: relative;
    width: 100%;
    height: 100%;
}

.zad-floating-element {
    position: absolute;
    width: 100px;
    height: 100px;
    background: radial-gradient(circle, 
        rgba(1, 255, 132, 0.1) 0%, 
        transparent 70%);
    border-radius: 50%;
    animation: float-around 20s linear infinite;
    animation-delay: var(--delay);
    animation-duration: var(--duration);
}

.zad-floating-element:nth-child(1) {
    top: 10%;
    left: 10%;
    width: 80px;
    height: 80px;
}

.zad-floating-element:nth-child(2) {
    top: 20%;
    right: 15%;
    width: 120px;
    height: 120px;
}

.zad-floating-element:nth-child(3) {
    bottom: 30%;
    left: 20%;
    width: 90px;
    height: 90px;
}

.zad-floating-element:nth-child(4) {
    bottom: 10%;
    right: 10%;
    width: 100px;
    height: 100px;
}

/* Floating Animation */
@keyframes float-around {
    0% {
        transform: translate(0, 0) rotate(0deg);
        opacity: 0.3;
    }
    25% {
        transform: translate(50px, -30px) rotate(90deg);
        opacity: 0.6;
    }
    50% {
        transform: translate(0, -60px) rotate(180deg);
        opacity: 0.4;
    }
    75% {
        transform: translate(-50px, -30px) rotate(270deg);
        opacity: 0.7;
    }
    100% {
        transform: translate(0, 0) rotate(360deg);
        opacity: 0.3;
    }
}

/* Enhanced Button Styling */
.zad-cta-enhanced .btn-brand-solid {
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%) !important;
    border: 2px solid transparent !important;
    color: #150342 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 8px 25px rgba(1, 255, 132, 0.3) !important;
    z-index: 10;
}

.zad-cta-enhanced .btn-brand-solid::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.3), 
        transparent);
    transition: left 0.7s ease;
}

.zad-cta-enhanced .btn-brand-solid:hover::before {
    left: 100%;
}

.zad-cta-enhanced .btn-brand-solid:hover {
    transform: translateY(-4px) !important;
    box-shadow: 
        0 20px 50px rgba(1, 255, 132, 0.4),
        0 8px 20px rgba(21, 3, 66, 0.3) !important;
    background: linear-gradient(135deg, #150342 0%, #01FF84 100%) !important;
    color: #ffffff !important;
}

.zad-cta-enhanced .btn-brand-solid i {
    transition: transform 0.3s ease !important;
}

.zad-cta-enhanced .btn-brand-solid:hover i {
    transform: translateX(5px) !important;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .zad-cta-enhanced {
        padding: 3rem 1.5rem;
    }
    
    .zad-cta-description {
        font-size: 1.1rem !important;
    }
}

@media (max-width: 992px) {
    .zad-cta-enhanced {
        padding: 2.5rem 1rem;
    }
    
    .zad-cta-description {
        font-size: 1rem !important;
    }
    
    .wave {
        width: 300%;
    }
}

@media (max-width: 768px) {
    .zad-cta-enhanced {
        padding: 2rem 1rem;
        border-radius: 20px;
    }
    
    .zad-cta-description {
        font-size: 0.95rem !important;
    }
    
    .zad-floating-element {
        width: 60px !important;
        height: 60px !important;
    }
}

@media (max-width: 576px) {
    .zad-cta-enhanced {
        padding: 1.5rem 0.8rem;
        border-radius: 15px;
    }
    
    .zad-cta-description {
        font-size: 0.9rem !important;
    }
    
    .zad-floating-element {
        width: 40px !important;
        height: 40px !important;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .wave,
    .zad-floating-element {
        animation: none !important;
    }
    
    .zad-cta-enhanced .btn-brand-solid:hover {
        transform: none !important;
    }
}

@media (prefers-contrast: high) {
    .zad-cta-enhanced {
        background: #150342 !important;
        border: 2px solid #01FF84 !important;
    }
    
    .zad-cta-title,
    .zad-cta-description {
        color: #ffffff !important;
        text-shadow: none !important;
    }
    
    .wave {
        display: none !important;
    }
    
    .zad-floating-element {
        display: none !important;
    }
}


/* ===============================================
   INSTAGRAM SECTION - ENHANCED DESIGN
=============================================== */

/* Enhanced Instagram Section */
.zad-instagram-enhanced {
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.05) 0%, 
        rgba(1, 255, 132, 0.08) 50%, 
        rgba(21, 3, 66, 0.05) 100%);
    padding: 4rem 0;
    position: relative;
    overflow: hidden;
}

.zad-instagram-enhanced::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 20% 20%, rgba(1, 255, 132, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(21, 3, 66, 0.08) 0%, transparent 50%);
    pointer-events: none;
    z-index: 1;
}

/* Instagram Title Styling */
.zad-instagram-title {
    background: linear-gradient(135deg, #150342 0%, #01FF84 50%, #150342 100%) !important;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: clamp(1.5rem, 3vw, 2.5rem) !important;
    font-weight: 700 !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 1rem !important;
    position: relative;
    z-index: 10;
}

.zad-instagram-subtitle {
    color: #150342 !important;
    font-size: 1.1rem !important;
    line-height: 1.6 !important;
    opacity: 0.8 !important;
    margin-bottom: 3rem !important;
    position: relative;
    z-index: 10;
}

/* Instagram Cards Container */
.zad-instagram-enhanced .row {
    position: relative;
    z-index: 10;
}

/* Enhanced Instagram Cards */
.zad-instagram-card {
    margin-bottom: 1.5rem;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.zad-instagram-thumb {
    position: relative;
    border-radius: 20px !important;
    overflow: hidden;
    box-shadow: 
        0 10px 30px rgba(21, 3, 66, 0.2),
        0 5px 15px rgba(1, 255, 132, 0.1);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.zad-instagram-thumb::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.3) 0%, 
        rgba(1, 255, 132, 0.2) 50%, 
        rgba(21, 3, 66, 0.3) 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

.zad-instagram-card:hover .zad-instagram-thumb::before {
    opacity: 1;
}

/* Instagram Images */
.zad-instagram-thumb img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border-radius: 20px !important;
}

.zad-instagram-card:hover .zad-instagram-thumb img {
    transform: scale(1.1);
}

/* Instagram Overlay */
.zad-instagram-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 3;
}

.zad-instagram-card:hover .zad-instagram-overlay {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

/* Instagram Link */
.zad-instagram-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%);
    border-radius: 50%;
    text-decoration: none;
    box-shadow: 0 8px 25px rgba(1, 255, 132, 0.4);
    transition: all 0.3s ease;
}

.zad-instagram-link:hover {
    transform: scale(1.1);
    box-shadow: 0 12px 35px rgba(1, 255, 132, 0.6);
}

/* Instagram Icon */
.zad-instagram-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.zad-instagram-icon i {
    font-size: 1.5rem;
    color: #ffffff;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

/* Enhanced Hover Effects */
.zad-instagram-card:hover {
    transform: translateY(-10px);
}

.zad-instagram-card:hover .zad-instagram-thumb {
    box-shadow: 
        0 20px 50px rgba(21, 3, 66, 0.3),
        0 10px 25px rgba(1, 255, 132, 0.2);
}

/* Animation for Cards */
.zad-instagram-card {
    animation: zad-instagram-float 8s ease-in-out infinite;
}

.zad-instagram-card:nth-child(1) { animation-delay: 0s; }
.zad-instagram-card:nth-child(2) { animation-delay: 1s; }
.zad-instagram-card:nth-child(3) { animation-delay: 2s; }
.zad-instagram-card:nth-child(4) { animation-delay: 3s; }
.zad-instagram-card:nth-child(5) { animation-delay: 4s; }
.zad-instagram-card:nth-child(6) { animation-delay: 5s; }

@keyframes zad-instagram-float {
    0%, 100% { 
        transform: translateY(0px);
    }
    50% { 
        transform: translateY(-5px);
    }
}

/* Responsive Design */
@media (max-width: 1200px) {
    .zad-instagram-thumb img {
        height: 220px;
    }
    
    .zad-instagram-title {
        font-size: clamp(1.3rem, 2.5vw, 2rem) !important;
    }
}

@media (max-width: 992px) {
    .zad-instagram-thumb img {
        height: 200px;
    }
    
    .zad-instagram-subtitle {
        font-size: 1rem !important;
    }
    
    .zad-instagram-link {
        width: 50px;
        height: 50px;
    }
    
    .zad-instagram-icon i {
        font-size: 1.2rem;
    }
}

@media (max-width: 768px) {
    .zad-instagram-enhanced {
        padding: 3rem 0;
    }
    
    .zad-instagram-thumb img {
        height: 180px;
    }
    
    .zad-instagram-title {
        font-size: clamp(1.2rem, 2vw, 1.8rem) !important;
    }
    
    .zad-instagram-subtitle {
        font-size: 0.95rem !important;
    }
    
    .zad-instagram-link {
        width: 45px;
        height: 45px;
    }
    
    .zad-instagram-icon i {
        font-size: 1.1rem;
    }
}

@media (max-width: 576px) {
    .zad-instagram-enhanced {
        padding: 2rem 0;
    }
    
    .zad-instagram-thumb img {
        height: 160px;
    }
    
    .zad-instagram-title {
        font-size: clamp(1.1rem, 1.8vw, 1.6rem) !important;
    }
    
    .zad-instagram-subtitle {
        font-size: 0.9rem !important;
    }
    
    .zad-instagram-link {
        width: 40px;
        height: 40px;
    }
    
    .zad-instagram-icon i {
        font-size: 1rem;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .zad-instagram-card {
        animation: none !important;
    }
    
    .zad-instagram-card:hover {
        transform: none !important;
    }
    
    .zad-instagram-thumb img {
        transition: none !important;
    }
}

@media (prefers-contrast: high) {
    .zad-instagram-enhanced {
        background: #ffffff !important;
        border: 2px solid #150342 !important;
    }
    
    .zad-instagram-title {
        color: #150342 !important;
        -webkit-text-fill-color: #150342 !important;
        text-shadow: none !important;
    }
    
    .zad-instagram-subtitle {
        color: #150342 !important;
    }
    
    .zad-instagram-thumb {
        border: 2px solid #01FF84 !important;
    }
}


/* ===============================================
   TEAM SECTION - ENHANCED DESIGN
=============================================== */

/* Enhanced Team Section */
.zad-team-enhanced {
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.08) 0%, 
        rgba(1, 255, 132, 0.12) 50%, 
        rgba(21, 3, 66, 0.08) 100%);
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
}

.zad-team-enhanced::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 30% 30%, rgba(1, 255, 132, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 70% 70%, rgba(21, 3, 66, 0.1) 0%, transparent 50%);
    pointer-events: none;
    z-index: 1;
}

/* Team Content */
.zad-team-content {
    position: relative;
    z-index: 10;
}

/* Team Subtitle */
.zad-team-subtitle {
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%) !important;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: clamp(1.2rem, 2.5vw, 1.8rem) !important;
    font-weight: 600 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 1rem !important;
}

/* Team Title */
.zad-team-title {
    font-size: clamp(2rem, 4vw, 3.5rem) !important;
    line-height: 1.2 !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 1.5rem !important;
}

/* Team Description */
.zad-team-description {
    color: #150342 !important;
    font-size: 1.1rem !important;
    line-height: 1.7 !important;
    opacity: 0.9 !important;
    margin-bottom: 2.5rem !important;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8) !important;
}

/* Team Features Container */
.zad-team-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
}

/* Team Feature Items */
.zad-team-feature {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.2rem;
    background: linear-gradient(135deg, 
        rgba(255, 255, 255, 0.9) 0%, 
        rgba(255, 255, 255, 0.7) 100%);
    backdrop-filter: blur(20px);
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 
        0 8px 25px rgba(21, 3, 66, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

.zad-team-feature::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(1, 255, 132, 0.2), 
        transparent);
    transition: left 0.6s ease;
}

.zad-team-feature:hover::before {
    left: 100%;
}

.zad-team-feature:hover {
    transform: translateY(-5px);
    box-shadow: 
        0 15px 40px rgba(21, 3, 66, 0.25),
        0 5px 15px rgba(1, 255, 132, 0.2);
    background: linear-gradient(135deg, 
        rgba(255, 255, 255, 0.95) 0%, 
        rgba(1, 255, 132, 0.1) 100%);
}

/* Feature Icon Wrapper */
.zad-feature-icon-wrapper {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

.zad-feature-icon-wrapper::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: conic-gradient(from 0deg, 
        rgba(1, 255, 132, 0.5), 
        rgba(21, 3, 66, 0.3), 
        rgba(1, 255, 132, 0.5));
    border-radius: 50%;
    animation: zad-feature-icon-rotate 6s linear infinite;
    z-index: -1;
}

.zad-team-feature:hover .zad-feature-icon-wrapper::before {
    animation-duration: 3s;
}

/* Feature Icons */
.zad-feature-icon {
    font-size: 1.3rem;
    color: #ffffff;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
    transition: all 0.3s ease;
    z-index: 2;
}

.zad-team-feature:hover .zad-feature-icon {
    transform: scale(1.2) rotate(10deg);
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.4));
}

/* Feature Text */
.zad-feature-text {
    color: #150342 !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8) !important;
    transition: all 0.3s ease;
}

.zad-team-feature:hover .zad-feature-text {
    color: #01FF84 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* Team Button Wrapper */
.zad-team-button-wrapper {
    position: relative;
    z-index: 10;
}

/* Enhanced Team Button */
.zad-team-button {
    background: linear-gradient(135deg, #150342 0%, #01FF84 100%) !important;
    border: 2px solid transparent !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 8px 25px rgba(21, 3, 66, 0.3) !important;
}

.zad-team-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.3), 
        transparent);
    transition: left 0.7s ease;
}

.zad-team-button:hover::before {
    left: 100%;
}

.zad-team-button:hover {
    transform: translateY(-4px) !important;
    box-shadow: 
        0 20px 50px rgba(21, 3, 66, 0.4),
        0 8px 20px rgba(1, 255, 132, 0.3) !important;
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%) !important;
    color: #150342 !important;
}

.zad-team-button i {
    transition: transform 0.3s ease !important;
}

.zad-team-button:hover i {
    transform: translateX(5px) !important;
}

/* Floating Background Animation */
.zad-team-bg-animation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 1;
}

.zad-floating-particles {
    position: relative;
    width: 100%;
    height: 100%;
}

.zad-particle {
    position: absolute;
    width: 8px;
    height: 8px;
    background: radial-gradient(circle, 
        rgba(1, 255, 132, 0.6) 0%, 
        rgba(21, 3, 66, 0.3) 70%);
    border-radius: 50%;
    animation: zad-particle-float 20s linear infinite;
    animation-delay: var(--delay);
    animation-duration: var(--duration);
}

.zad-particle:nth-child(1) {
    top: 20%;
    left: 10%;
}

.zad-particle:nth-child(2) {
    top: 60%;
    right: 15%;
}

.zad-particle:nth-child(3) {
    bottom: 30%;
    left: 20%;
}

.zad-particle:nth-child(4) {
    bottom: 10%;
    right: 10%;
}

/* Particle Animation */
@keyframes zad-particle-float {
    0% {
        transform: translate(0, 0) scale(1);
        opacity: 0.3;
    }
    25% {
        transform: translate(30px, -20px) scale(1.2);
        opacity: 0.6;
    }
    50% {
        transform: translate(0, -40px) scale(0.8);
        opacity: 0.4;
    }
    75% {
        transform: translate(-30px, -20px) scale(1.1);
        opacity: 0.7;
    }
    100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.3;
    }
}

/* Feature Icon Rotation Animation */
@keyframes zad-feature-icon-rotate {
    0% { 
        transform: rotate(0deg);
    }
    100% { 
        transform: rotate(360deg);
    }
}

/* Responsive Design */
@media (max-width: 1200px) {
    .zad-team-features {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 1.2rem;
    }
    
    .zad-team-title {
        font-size: clamp(1.8rem, 3.5vw, 3rem) !important;
    }
}

@media (max-width: 992px) {
    .zad-team-enhanced {
        padding: 4rem 0;
    }
    
    .zad-team-features {
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: 1rem;
    }
    
    .zad-team-description {
        font-size: 1rem !important;
    }
    
    .zad-feature-icon-wrapper {
        width: 45px;
        height: 45px;
    }
    
    .zad-feature-icon {
        font-size: 1.2rem;
    }
}

@media (max-width: 768px) {
    .zad-team-enhanced {
        padding: 3rem 0;
    }
    
    .zad-team-features {
        grid-template-columns: 1fr;
        gap: 0.8rem;
    }
    
    .zad-team-feature {
        padding: 1rem;
    }
    
    .zad-feature-icon-wrapper {
        width: 40px;
        height: 40px;
    }
    
    .zad-feature-icon {
        font-size: 1.1rem;
    }
    
    .zad-feature-text {
        font-size: 0.9rem !important;
    }
}

@media (max-width: 576px) {
    .zad-team-enhanced {
        padding: 2.5rem 0;
    }
    
    .zad-team-feature {
        padding: 0.8rem;
    }
    
    .zad-feature-icon-wrapper {
        width: 35px;
        height: 35px;
    }
    
    .zad-feature-icon {
        font-size: 1rem;
    }
    
    .zad-feature-text {
        font-size: 0.85rem !important;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .zad-team-feature,
    .zad-feature-icon-wrapper::before,
    .zad-particle {
        animation: none !important;
    }
    
    .zad-team-feature:hover {
        transform: none !important;
    }
    
    .zad-team-button:hover {
        transform: none !important;
    }
}

@media (prefers-contrast: high) {
    .zad-team-enhanced {
        background: #ffffff !important;
        border: 2px solid #150342 !important;
    }
    
    .zad-team-feature {
        background: #ffffff !important;
        border: 2px solid #01FF84 !important;
    }
    
    .zad-feature-icon-wrapper {
        background: #01FF84 !important;
        border: 2px solid #150342 !important;
    }
    
    .zad-feature-icon-wrapper::before {
        display: none !important;
    }
    
    .zad-particle {
        display: none !important;
    }
}


/* ===============================================
   TEAM SECTION - FEATURE LAYOUT FIX
=============================================== */

/* Ensure team features are in one row and responsive */
.zad-team-features {
    display: flex;
    flex-wrap: wrap; /* Allow items to wrap on smaller screens */
    gap: 1.5rem; /* Space between feature items */
    margin-top: 2rem;
    justify-content: center; /* Center items when they wrap */
}

.zad-team-feature {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    padding: 0.8rem 1.2rem;
    flex: 1 1 auto; /* Allow items to grow and shrink */
    min-width: 220px; /* Minimum width for each feature item */
    max-width: 48%; /* Max width to allow two items per row on medium screens */
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.zad-team-feature:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    border-color: #01FF84;
}

.zad-feature-icon-wrapper {
    width: 40px;
    height: 40px;
    min-width: 40px; /* Prevent icon wrapper from shrinking */
    background: linear-gradient(135deg, #01FF84, #5632ED);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.zad-feature-icon {
    color: #ffffff;
    font-size: 1.2rem;
}

.zad-feature-text {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 500;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Responsive adjustments for team features */
@media (min-width: 992px) {
    .zad-team-features {
        flex-wrap: nowrap; /* Keep all items in one row on larger screens */
        justify-content: space-between; /* Distribute items evenly */
    }
    .zad-team-feature {
        max-width: 24%; /* Four items per row */
        min-width: unset; /* Remove min-width constraint */
    }
}

@media (max-width: 768px) {
    .zad-team-features {
        gap: 1rem;
    }
    .zad-team-feature {
        max-width: 100%; /* One item per row on small screens */
        min-width: unset;
        justify-content: center; /* Center content within the card */
        padding: 0.6rem 1rem;
    }
    .zad-feature-text {
        font-size: 0.9rem;
    }
}

@media (max-width: 576px) {
    .zad-team-features {
        flex-direction: column; /* Stack items vertically on very small screens */
        align-items: center;
    }
    .zad-team-feature {
        width: 90%; /* Make cards take up most of the width */
        max-width: 300px; /* Limit max width for very narrow screens */
    }
}


/* ===============================================
   PACKAGE DETAILS SECTION - ENHANCED DESIGN
=============================================== */

/* Enhanced Package Details Section */
.zad-package-details-enhanced {
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.95) 0%, 
        rgba(1, 255, 132, 0.1) 50%, 
        rgba(21, 3, 66, 0.95) 100%);
    position: relative;
    overflow: hidden;
}

.zad-package-details-enhanced::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 20% 20%, rgba(1, 255, 132, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(21, 3, 66, 0.1) 0%, transparent 50%);
    pointer-events: none;
    z-index: 1;
}

/* Package Header Container */
.zad-package-header {
    position: relative;
    z-index: 10;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    border-radius: 25px;
    padding: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 
        0 20px 60px rgba(21, 3, 66, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

/* Featured Badge */
.zad-featured-badge {
    position: relative;
    overflow: hidden;
}

.zad-badge {
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 5px 15px rgba(1, 255, 132, 0.3) !important;
}

.zad-badge::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.3), 
        transparent);
    transition: left 0.6s ease;
}

.zad-featured-badge:hover .zad-badge::before {
    left: 100%;
}

/* Views Counter */
.zad-views-counter {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 0.5rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.zad-views-text {
    color: #ffffff !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

.zad-views-number {
    color: #01FF84 !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

/* Package Title */
.zad-package-title {
    font-size: clamp(2rem, 4vw, 3.5rem) !important;
    line-height: 1.2 !important;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5) !important;
    margin-bottom: 1rem !important;
}

.zad-package-subtitle {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 1.1rem !important;
    line-height: 1.6 !important;
    margin-bottom: 1.5rem !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
}

/* Package Features */
.zad-package-features {
    margin-top: 2rem;
}

.zad-features-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.zad-feature-item {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    padding: 0.8rem 1.2rem;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

.zad-feature-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(1, 255, 132, 0.2), 
        transparent);
    transition: left 0.5s ease;
}

.zad-feature-item:hover::before {
    left: 100%;
}

.zad-feature-item:hover {
    transform: translateY(-3px);
    box-shadow: 
        0 10px 25px rgba(21, 3, 66, 0.3),
        0 5px 15px rgba(1, 255, 132, 0.2);
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(1, 255, 132, 0.4);
}

.zad-feature-icon {
    font-size: 1.2rem !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3)) !important;
    transition: all 0.3s ease;
}

.zad-feature-item:hover .zad-feature-icon {
    transform: scale(1.2) rotate(10deg);
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.4)) !important;
}

.zad-feature-text {
    color: #ffffff !important;
    font-weight: 600 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
    transition: all 0.3s ease;
}

.zad-feature-item:hover .zad-feature-text {
    color: #01FF84 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* Package Pricing */
.zad-package-pricing {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    padding: 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 
        0 15px 40px rgba(21, 3, 66, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

/* Rating Stars */
.zad-rating-stars {
    display: flex;
    gap: 0.2rem;
}

.zad-rating-stars i {
    font-size: 1.2rem;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
    animation: zad-star-pulse 2s ease-in-out infinite;
}

.zad-rating-stars i:nth-child(1) { animation-delay: 0s; }
.zad-rating-stars i:nth-child(2) { animation-delay: 0.2s; }
.zad-rating-stars i:nth-child(3) { animation-delay: 0.4s; }
.zad-rating-stars i:nth-child(4) { animation-delay: 0.6s; }
.zad-rating-stars i:nth-child(5) { animation-delay: 0.8s; }

@keyframes zad-star-pulse {
    0%, 100% { 
        transform: scale(1);
        opacity: 1;
    }
    50% { 
        transform: scale(1.1);
        opacity: 0.8;
    }
}

.zad-review-text {
    color: rgba(255, 255, 255, 0.8) !important;
    font-weight: 500 !important;
}

/* Price Container */
.zad-price-container {
    margin-bottom: 1.5rem;
}

.zad-current-price {
    color: #01FF84 !important;
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important;
    background: linear-gradient(135deg, #01FF84 0%, #ffffff 50%, #01FF84 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.zad-original-price {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 1.5rem !important;
    text-decoration: line-through !important;
}

.zad-discount-badge {
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
    border-radius: 20px;
    padding: 0.3rem 0.8rem;
    box-shadow: 0 3px 10px rgba(255, 107, 107, 0.3);
}

.zad-discount-text {
    color: #ffffff !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Package CTA */
.zad-package-cta {
    margin-top: 1rem;
}

.zad-book-button {
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%) !important;
    border: 2px solid transparent !important;
    color: #150342 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 8px 25px rgba(1, 255, 132, 0.3) !important;
}

.zad-book-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.3), 
        transparent);
    transition: left 0.7s ease;
}

.zad-book-button:hover::before {
    left: 100%;
}

.zad-book-button:hover {
    transform: translateY(-4px) !important;
    box-shadow: 
        0 20px 50px rgba(1, 255, 132, 0.4),
        0 8px 20px rgba(21, 3, 66, 0.3) !important;
    background: linear-gradient(135deg, #150342 0%, #01FF84 100%) !important;
    color: #ffffff !important;
}

.zad-book-button i {
    transition: transform 0.3s ease !important;
}

.zad-book-button:hover i:last-child {
    transform: translateX(5px) !important;
}

/* Floating Background Animation */
.zad-package-bg-animation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 1;
}

.zad-floating-elements {
    position: relative;
    width: 100%;
    height: 100%;
}

.zad-floating-element {
    position: absolute;
    width: 6px;
    height: 6px;
    background: radial-gradient(circle, 
        rgba(1, 255, 132, 0.6) 0%, 
        rgba(21, 3, 66, 0.3) 70%);
    border-radius: 50%;
    animation: zad-package-float 20s linear infinite;
    animation-delay: var(--delay);
    animation-duration: var(--duration);
}

.zad-floating-element:nth-child(1) {
    top: 30%;
    left: 10%;
}

.zad-floating-element:nth-child(2) {
    top: 60%;
    right: 15%;
}

.zad-floating-element:nth-child(3) {
    bottom: 20%;
    left: 20%;
}

/* Floating Animation */
@keyframes zad-package-float {
    0% {
        transform: translate(0, 0) scale(1);
        opacity: 0.3;
    }
    25% {
        transform: translate(20px, -15px) scale(1.2);
        opacity: 0.6;
    }
    50% {
        transform: translate(0, -30px) scale(0.8);
        opacity: 0.4;
    }
    75% {
        transform: translate(-20px, -15px) scale(1.1);
        opacity: 0.7;
    }
    100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.3;
    }
}

/* Responsive Design */
@media (max-width: 1200px) {
    .zad-package-header {
        padding: 1.5rem;
    }
    
    .zad-package-title {
        font-size: clamp(1.8rem, 3.5vw, 3rem) !important;
    }
    
    .zad-current-price {
        font-size: 2rem !important;
    }
}

@media (max-width: 992px) {
    .zad-package-header {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 2rem;
    }
    
    .zad-package-pricing {
        width: 100%;
    }
    
    .zad-features-list {
        flex-direction: column;
    }
    
    .zad-feature-item {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .zad-package-header {
        padding: 1rem;
        border-radius: 15px;
    }
    
    .zad-package-title {
        font-size: clamp(1.5rem, 3vw, 2.5rem) !important;
    }
    
    .zad-package-subtitle {
        font-size: 1rem !important;
    }
    
    .zad-current-price {
        font-size: 1.8rem !important;
    }
    
    .zad-feature-item {
        padding: 0.6rem 1rem;
    }
    
    .zad-feature-icon {
        font-size: 1rem !important;
    }
    
    .zad-feature-text {
        font-size: 0.9rem !important;
    }
}

@media (max-width: 576px) {
    .zad-package-header {
        padding: 0.8rem;
        border-radius: 10px;
    }
    
    .zad-package-title {
        font-size: clamp(1.3rem, 2.5vw, 2rem) !important;
    }
    
    .zad-current-price {
        font-size: 1.5rem !important;
    }
    
    .zad-feature-item {
        padding: 0.5rem 0.8rem;
    }
    
    .zad-feature-icon {
        font-size: 0.9rem !important;
    }
    
    .zad-feature-text {
        font-size: 0.8rem !important;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .zad-feature-item,
    .zad-floating-element,
    .zad-rating-stars i {
        animation: none !important;
    }
    
    .zad-feature-item:hover {
        transform: none !important;
    }
    
    .zad-book-button:hover {
        transform: none !important;
    }
}

@media (prefers-contrast: high) {
    .zad-package-details-enhanced {
        background: #150342 !important;
        border: 2px solid #01FF84 !important;
    }
    
    .zad-package-header {
        background: #150342 !important;
        border: 2px solid #01FF84 !important;
    }
    
    .zad-package-title,
    .zad-package-subtitle,
    .zad-feature-text {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        text-shadow: none !important;
    }
    
    .zad-floating-element {
        display: none !important;
    }
}


/* ===============================================
   PACKAGE GALLERY - FONT AWESOME ICONS
=============================================== */

/* Enhanced Package Gallery */
.zad-package-gallery-enhanced {
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.08) 0%, 
        rgba(1, 255, 132, 0.12) 50%, 
        rgba(21, 3, 66, 0.08) 100%);
    padding: 3rem 0;
    position: relative;
    overflow: hidden;
}

.zad-package-gallery-enhanced::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 30% 30%, rgba(1, 255, 132, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 70% 70%, rgba(21, 3, 66, 0.1) 0%, transparent 50%);
    pointer-events: none;
    z-index: 1;
}

/* Package Gallery Container */
.zad-package-gallery {
    position: relative;
    z-index: 10;
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.9) 0%, 
        rgba(1, 255, 132, 0.8) 50%, 
        rgba(21, 3, 66, 0.9) 100%);
    backdrop-filter: blur(20px);
    border-radius: 25px !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 
        0 25px 70px rgba(21, 3, 66, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    overflow: hidden;
}

/* Swiper Container */
.zad-swiper-container {
    position: relative;
    overflow: hidden;
}

.zad-swiper-wrapper {
    display: flex;
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Individual Slides */
.zad-slide {
    flex: 0 0 100%;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.zad-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 30% 30%, rgba(1, 255, 132, 0.2) 0%, transparent 50%),
        radial-gradient(circle at 70% 70%, rgba(21, 3, 66, 0.15) 0%, transparent 50%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.zad-slide:hover::before {
    opacity: 1;
}

/* Slide Content */
.zad-slide-content {
    text-align: center;
    padding: 3rem 2rem;
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 500px;
}

/* Icon Slide Container */
.zad-icon-slide {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    border-radius: 30px;
    padding: 3rem 2rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 
        0 15px 40px rgba(21, 3, 66, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

.zad-icon-slide::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: conic-gradient(from 0deg, 
        rgba(1, 255, 132, 0.5), 
        rgba(21, 3, 66, 0.3), 
        rgba(1, 255, 132, 0.5));
    border-radius: 30px;
    animation: zad-icon-border-rotate 8s linear infinite;
    z-index: -1;
}

.zad-slide:hover .zad-icon-slide {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 
        0 25px 60px rgba(21, 3, 66, 0.3),
        0 10px 25px rgba(1, 255, 132, 0.2);
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(1, 255, 132, 0.4);
}

/* Slide Icons */
.zad-slide-icon {
    font-size: 4rem;
    color: #01FF84;
    filter: drop-shadow(0 5px 15px rgba(1, 255, 132, 0.4));
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    margin-bottom: 1.5rem;
    display: block;
    position: relative;
    z-index: 2;
}

.zad-slide-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    background: radial-gradient(circle, 
        rgba(1, 255, 132, 0.2) 0%, 
        transparent 70%);
    border-radius: 50%;
    animation: zad-icon-glow 3s ease-in-out infinite;
    z-index: -1;
}

.zad-slide:hover .zad-slide-icon {
    transform: scale(1.2) rotate(10deg);
    filter: drop-shadow(0 8px 25px rgba(1, 255, 132, 0.6));
    color: #ffffff;
}

/* Slide Titles */
.zad-slide-title {
    font-size: 2rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    background: linear-gradient(135deg, #ffffff 0%, #01FF84 50%, #ffffff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease;
}

.zad-slide:hover .zad-slide-title {
    transform: scale(1.05);
    -webkit-text-fill-color: #01FF84;
}

/* Slide Descriptions */
.zad-slide-description {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.1rem;
    line-height: 1.6;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
}

.zad-slide:hover .zad-slide-description {
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

/* Arrow Box */
.zad-arrow-box {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 2rem;
    z-index: 10;
    pointer-events: none;
}

/* Slider Buttons */
.zad-slider-btn {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    pointer-events: auto;
    box-shadow: 0 8px 25px rgba(1, 255, 132, 0.3);
    position: relative;
    overflow: hidden;
}

.zad-slider-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.3), 
        transparent);
    transition: left 0.6s ease;
}

.zad-slider-btn:hover::before {
    left: 100%;
}

.zad-slider-btn:hover {
    transform: scale(1.1);
    box-shadow: 
        0 15px 40px rgba(1, 255, 132, 0.4),
        0 5px 15px rgba(21, 3, 66, 0.3);
    background: linear-gradient(135deg, #150342 0%, #01FF84 100%);
    border-color: rgba(1, 255, 132, 0.6);
}

.zad-slider-btn i {
    transition: transform 0.3s ease;
}

.zad-slider-btn:hover i {
    transform: scale(1.2);
}

/* Animation Keyframes */
@keyframes zad-icon-border-rotate {
    0% { 
        transform: rotate(0deg);
    }
    100% { 
        transform: rotate(360deg);
    }
}

@keyframes zad-icon-glow {
    0%, 100% { 
        opacity: 0.3;
        transform: translate(-50%, -50%) scale(1);
    }
    50% { 
        opacity: 0.6;
        transform: translate(-50%, -50%) scale(1.2);
    }
}

@keyframes zad-slide-float {
    0%, 100% { 
        transform: translateY(0px);
    }
    50% { 
        transform: translateY(-10px);
    }
}

/* Add floating animation to slides */
.zad-slide {
    animation: zad-slide-float 8s ease-in-out infinite;
}

.zad-slide:nth-child(1) { animation-delay: 0s; }
.zad-slide:nth-child(2) { animation-delay: 1.5s; }
.zad-slide:nth-child(3) { animation-delay: 3s; }
.zad-slide:nth-child(4) { animation-delay: 4.5s; }
.zad-slide:nth-child(5) { animation-delay: 6s; }
.zad-slide:nth-child(6) { animation-delay: 7.5s; }

/* Responsive Design */
@media (max-width: 1200px) {
    .zad-slide-icon {
        font-size: 3.5rem;
    }
    
    .zad-slide-title {
        font-size: 1.8rem;
    }
    
    .zad-slide-description {
        font-size: 1rem;
    }
    
    .zad-slider-btn {
        width: 50px;
        height: 50px;
        font-size: 1rem;
    }
}

@media (max-width: 992px) {
    .zad-slide-icon {
        font-size: 3rem;
    }
    
    .zad-slide-title {
        font-size: 1.6rem;
    }
    
    .zad-slide-description {
        font-size: 0.95rem;
    }
    
    .zad-icon-slide {
        padding: 2rem 1.5rem;
    }
    
    .zad-arrow-box {
        padding: 0 1rem;
    }
}

@media (max-width: 768px) {
    .zad-slide-icon {
        font-size: 2.5rem;
    }
    
    .zad-slide-title {
        font-size: 1.4rem;
    }
    
    .zad-slide-description {
        font-size: 0.9rem;
    }
    
    .zad-icon-slide {
        padding: 1.5rem 1rem;
        border-radius: 20px;
    }
    
    .zad-slider-btn {
        width: 45px;
        height: 45px;
        font-size: 0.9rem;
    }
    
    .zad-arrow-box {
        padding: 0 0.5rem;
    }
}

@media (max-width: 576px) {
    .zad-slide-icon {
        font-size: 2rem;
    }
    
    .zad-slide-title {
        font-size: 1.2rem;
    }
    
    .zad-slide-description {
        font-size: 0.85rem;
    }
    
    .zad-icon-slide {
        padding: 1rem 0.8rem;
        border-radius: 15px;
    }
    
    .zad-slider-btn {
        width: 40px;
        height: 40px;
        font-size: 0.8rem;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .zad-slide,
    .zad-icon-slide::before,
    .zad-slide-icon::before {
        animation: none !important;
    }
    
    .zad-slide:hover .zad-icon-slide {
        transform: none !important;
    }
    
    .zad-slider-btn:hover {
        transform: none !important;
    }
}

@media (prefers-contrast: high) {
    .zad-package-gallery {
        background: #150342 !important;
        border: 2px solid #01FF84 !important;
    }
    
    .zad-icon-slide {
        background: #150342 !important;
        border: 2px solid #01FF84 !important;
    }
    
    .zad-slide-title,
    .zad-slide-description {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        text-shadow: none !important;
    }
    
    .zad-slide-icon {
        color: #01FF84 !important;
        filter: none !important;
    }
    
    .zad-icon-slide::before {
        display: none !important;
    }
}


/* ===============================================
   PACKAGE FEATURES - ENHANCED DESIGN
=============================================== */

/* Enhanced Package Features Section */
.zad-package-features-enhanced {
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.05) 0%, 
        rgba(1, 255, 132, 0.08) 50%, 
        rgba(21, 3, 66, 0.05) 100%);
    padding: 4rem 0;
    position: relative;
    overflow: hidden;
}

.zad-package-features-enhanced::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 20% 20%, rgba(1, 255, 132, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(21, 3, 66, 0.08) 0%, transparent 50%);
    pointer-events: none;
    z-index: 1;
}

/* Package Features Container */
.zad-package-features {
    position: relative;
    z-index: 10;
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.95) 0%, 
        rgba(1, 255, 132, 0.8) 50%, 
        rgba(21, 3, 66, 0.95) 100%);
    backdrop-filter: blur(20px);
    border-radius: 25px !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 
        0 25px 70px rgba(21, 3, 66, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    overflow: hidden;
}

/* Features Swiper */
.zad-features-swiper {
    position: relative;
    overflow: hidden;
}

.zad-features-wrapper {
    display: flex;
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Feature Slides */
.zad-feature-slide {
    flex: 0 0 100%;
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.zad-feature-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 30% 30%, rgba(1, 255, 132, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 70% 70%, rgba(21, 3, 66, 0.1) 0%, transparent 50%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.zad-feature-slide:hover::before {
    opacity: 1;
}

/* Feature Cards */
.zad-feature-card {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    border-radius: 30px;
    padding: 3rem 2rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 
        0 15px 40px rgba(21, 3, 66, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 100%;
    max-width: 400px;
}

.zad-feature-card::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: conic-gradient(from 0deg, 
        rgba(1, 255, 132, 0.5), 
        rgba(21, 3, 66, 0.3), 
        rgba(1, 255, 132, 0.5));
    border-radius: 30px;
    animation: zad-feature-border-rotate 10s linear infinite;
    z-index: -1;
}

.zad-feature-slide:hover .zad-feature-card {
    transform: translateY(-15px) scale(1.03);
    box-shadow: 
        0 30px 80px rgba(21, 3, 66, 0.3),
        0 15px 35px rgba(1, 255, 132, 0.2);
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(1, 255, 132, 0.4);
}

/* Feature Icon Wrapper */
.zad-feature-icon-wrapper {
    width: 100px;
    height: 100px;
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(1, 255, 132, 0.3);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.zad-feature-icon-wrapper::before {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: conic-gradient(from 0deg, 
        rgba(1, 255, 132, 0.6), 
        rgba(21, 3, 66, 0.4), 
        rgba(1, 255, 132, 0.6));
    border-radius: 50%;
    animation: zad-feature-icon-rotate 8s linear infinite;
    z-index: -1;
}

.zad-feature-slide:hover .zad-feature-icon-wrapper {
    transform: scale(1.1) rotate(10deg);
    box-shadow: 
        0 20px 50px rgba(1, 255, 132, 0.4),
        0 10px 25px rgba(21, 3, 66, 0.3);
}

/* Feature Icons */
.zad-feature-icon {
    font-size: 2.5rem;
    color: #ffffff;
    filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.3));
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 2;
}

.zad-feature-slide:hover .zad-feature-icon {
    transform: scale(1.2);
    filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.4));
}

/* Feature Titles */
.zad-feature-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    background: linear-gradient(135deg, #ffffff 0%, #01FF84 50%, #ffffff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease;
}

.zad-feature-slide:hover .zad-feature-title {
    transform: scale(1.05);
    -webkit-text-fill-color: #01FF84;
}

/* Feature Descriptions */
.zad-feature-description {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
}

.zad-feature-slide:hover .zad-feature-description {
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

/* Feature Badge */
.zad-feature-badge {
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%);
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    box-shadow: 0 5px 15px rgba(1, 255, 132, 0.3);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.zad-feature-badge::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.3), 
        transparent);
    transition: left 0.6s ease;
}

.zad-feature-slide:hover .zad-feature-badge::before {
    left: 100%;
}

.zad-feature-slide:hover .zad-feature-badge {
    transform: scale(1.05);
    box-shadow: 0 8px 25px rgba(1, 255, 132, 0.4);
}

/* Feature Arrows */
.zad-features-arrows {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 2rem;
    z-index: 10;
    pointer-events: none;
}

/* Feature Buttons */
.zad-feature-btn {
    width: 55px;
    height: 55px;
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 1.1rem;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    pointer-events: auto;
    box-shadow: 0 8px 25px rgba(1, 255, 132, 0.3);
    position: relative;
    overflow: hidden;
}

.zad-feature-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.3), 
        transparent);
    transition: left 0.6s ease;
}

.zad-feature-btn:hover::before {
    left: 100%;
}

.zad-feature-btn:hover {
    transform: scale(1.1);
    box-shadow: 
        0 15px 40px rgba(1, 255, 132, 0.4),
        0 5px 15px rgba(21, 3, 66, 0.3);
    background: linear-gradient(135deg, #150342 0%, #01FF84 100%);
    border-color: rgba(1, 255, 132, 0.6);
}

.zad-feature-btn i {
    transition: transform 0.3s ease;
}

.zad-feature-btn:hover i {
    transform: scale(1.2);
}

/* Animation Keyframes */
@keyframes zad-feature-border-rotate {
    0% { 
        transform: rotate(0deg);
    }
    100% { 
        transform: rotate(360deg);
    }
}

@keyframes zad-feature-icon-rotate {
    0% { 
        transform: rotate(0deg);
    }
    100% { 
        transform: rotate(360deg);
    }
}

@keyframes zad-feature-float {
    0%, 100% { 
        transform: translateY(0px);
    }
    50% { 
        transform: translateY(-8px);
    }
}

/* Add floating animation to feature slides */
.zad-feature-slide {
    animation: zad-feature-float 10s ease-in-out infinite;
}

.zad-feature-slide:nth-child(1) { animation-delay: 0s; }
.zad-feature-slide:nth-child(2) { animation-delay: 1.5s; }
.zad-feature-slide:nth-child(3) { animation-delay: 3s; }
.zad-feature-slide:nth-child(4) { animation-delay: 4.5s; }
.zad-feature-slide:nth-child(5) { animation-delay: 6s; }
.zad-feature-slide:nth-child(6) { animation-delay: 7.5s; }

/* Responsive Design */
@media (max-width: 1200px) {
    .zad-feature-icon {
        font-size: 2.2rem;
    }
    
    .zad-feature-title {
        font-size: 1.6rem;
    }
    
    .zad-feature-description {
        font-size: 0.95rem;
    }
    
    .zad-feature-icon-wrapper {
        width: 90px;
        height: 90px;
    }
    
    .zad-feature-btn {
        width: 50px;
        height: 50px;
        font-size: 1rem;
    }
}

@media (max-width: 992px) {
    .zad-feature-icon {
        font-size: 2rem;
    }
    
    .zad-feature-title {
        font-size: 1.4rem;
    }
    
    .zad-feature-description {
        font-size: 0.9rem;
    }
    
    .zad-feature-card {
        padding: 2rem 1.5rem;
    }
    
    .zad-feature-icon-wrapper {
        width: 80px;
        height: 80px;
    }
    
    .zad-features-arrows {
        padding: 0 1rem;
    }
}

@media (max-width: 768px) {
    .zad-feature-icon {
        font-size: 1.8rem;
    }
    
    .zad-feature-title {
        font-size: 1.3rem;
    }
    
    .zad-feature-description {
        font-size: 0.85rem;
    }
    
    .zad-feature-card {
        padding: 1.5rem 1rem;
        border-radius: 20px;
    }
    
    .zad-feature-icon-wrapper {
        width: 70px;
        height: 70px;
    }
    
    .zad-feature-btn {
        width: 45px;
        height: 45px;
        font-size: 0.9rem;
    }
    
    .zad-features-arrows {
        padding: 0 0.5rem;
    }
}

@media (max-width: 576px) {
    .zad-feature-icon {
        font-size: 1.5rem;
    }
    
    .zad-feature-title {
        font-size: 1.2rem;
    }
    
    .zad-feature-description {
        font-size: 0.8rem;
    }
    
    .zad-feature-card {
        padding: 1rem 0.8rem;
        border-radius: 15px;
    }
    
    .zad-feature-icon-wrapper {
        width: 60px;
        height: 60px;
    }
    
    .zad-feature-btn {
        width: 40px;
        height: 40px;
        font-size: 0.8rem;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .zad-feature-slide,
    .zad-feature-card::before,
    .zad-feature-icon-wrapper::before {
        animation: none !important;
    }
    
    .zad-feature-slide:hover .zad-feature-card {
        transform: none !important;
    }
    
    .zad-feature-btn:hover {
        transform: none !important;
    }
}

@media (prefers-contrast: high) {
    .zad-package-features {
        background: #150342 !important;
        border: 2px solid #01FF84 !important;
    }
    
    .zad-feature-card {
        background: #150342 !important;
        border: 2px solid #01FF84 !important;
    }
    
    .zad-feature-title,
    .zad-feature-description {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        text-shadow: none !important;
    }
    
    .zad-feature-icon {
        color: #01FF84 !important;
        filter: none !important;
    }
    
    .zad-feature-card::before,
    .zad-feature-icon-wrapper::before {
        display: none !important;
    }
}


/* ===============================================
   PACKAGE GALLERY - FONT AWESOME ICONS
=============================================== */

/* Enhanced Package Gallery */
.zad-package-gallery-enhanced {
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.08) 0%, 
        rgba(1, 255, 132, 0.12) 50%, 
        rgba(21, 3, 66, 0.08) 100%);
    padding: 3rem 0;
    position: relative;
    overflow: hidden;
}

.zad-package-gallery-enhanced::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 30% 30%, rgba(1, 255, 132, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 70% 70%, rgba(21, 3, 66, 0.1) 0%, transparent 50%);
    pointer-events: none;
    z-index: 1;
}

/* Package Gallery Container */
.zad-package-gallery {
    position: relative;
    z-index: 10;
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.9) 0%, 
        rgba(1, 255, 132, 0.8) 50%, 
        rgba(21, 3, 66, 0.9) 100%);
    backdrop-filter: blur(20px);
    border-radius: 25px !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 
        0 25px 70px rgba(21, 3, 66, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    overflow: hidden;
}

/* Swiper Container */
.zad-swiper-container {
    position: relative;
    overflow: hidden;
}

.zad-swiper-wrapper {
    display: flex;
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Individual Slides */
.zad-slide {
    flex: 0 0 100%;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.zad-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 30% 30%, rgba(1, 255, 132, 0.2) 0%, transparent 50%),
        radial-gradient(circle at 70% 70%, rgba(21, 3, 66, 0.15) 0%, transparent 50%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.zad-slide:hover::before {
    opacity: 1;
}

/* Slide Content */
.zad-slide-content {
    text-align: center;
    padding: 3rem 2rem;
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 500px;
}

/* Icon Slide Container */
.zad-icon-slide {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    border-radius: 30px;
    padding: 3rem 2rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 
        0 15px 40px rgba(21, 3, 66, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

.zad-icon-slide::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: conic-gradient(from 0deg, 
        rgba(1, 255, 132, 0.5), 
        rgba(21, 3, 66, 0.3), 
        rgba(1, 255, 132, 0.5));
    border-radius: 30px;
    animation: zad-icon-border-rotate 8s linear infinite;
    z-index: -1;
}

.zad-slide:hover .zad-icon-slide {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 
        0 20px 50px rgba(21, 3, 66, 0.3),
        0 10px 25px rgba(1, 255, 132, 0.2);
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(1, 255, 132, 0.4);
}

/* Slide Icons */
.zad-slide-icon {
    font-size: 4rem;
    color: #01FF84;
    filter: drop-shadow(0 5px 15px rgba(1, 255, 132, 0.4));
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    margin-bottom: 1.5rem;
    display: block;
    position: relative;
    z-index: 2;
}

.zad-slide-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    background: radial-gradient(circle, 
        rgba(1, 255, 132, 0.2) 0%, 
        transparent 70%);
    border-radius: 50%;
    animation: zad-icon-glow 3s ease-in-out infinite;
    z-index: -1;
}

.zad-slide:hover .zad-slide-icon {
    transform: scale(1.2) rotate(10deg);
    filter: drop-shadow(0 8px 25px rgba(1, 255, 132, 0.6));
    color: #ffffff;
}

/* Slide Titles */
.zad-slide-title {
    font-size: 2rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    background: linear-gradient(135deg, #ffffff 0%, #01FF84 50%, #ffffff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease;
}

.zad-slide:hover .zad-slide-title {
    transform: scale(1.05);
    -webkit-text-fill-color: #01FF84;
}

/* Slide Descriptions */
.zad-slide-description {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.1rem;
    line-height: 1.6;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
}

.zad-slide:hover .zad-slide-description {
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

/* Arrow Box */
.zad-arrow-box {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 2rem;
    z-index: 10;
    pointer-events: none;
}

/* Slider Buttons */
.zad-slider-btn {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    pointer-events: auto;
    box-shadow: 0 8px 25px rgba(1, 255, 132, 0.3);
    position: relative;
    overflow: hidden;
}

.zad-slider-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.3), 
        transparent);
    transition: left 0.6s ease;
}

.zad-slider-btn:hover::before {
    left: 100%;
}

.zad-slider-btn:hover {
    transform: scale(1.1);
    box-shadow: 
        0 15px 40px rgba(1, 255, 132, 0.4),
        0 5px 15px rgba(21, 3, 66, 0.3);
    background: linear-gradient(135deg, #150342 0%, #01FF84 100%);
    border-color: rgba(1, 255, 132, 0.6);
}

.zad-slider-btn i {
    transition: transform 0.3s ease;
}

.zad-slider-btn:hover i {
    transform: scale(1.2);
}

/* Animation Keyframes */
@keyframes zad-icon-border-rotate {
    0% { 
        transform: rotate(0deg);
    }
    100% { 
        transform: rotate(360deg);
    }
}

@keyframes zad-icon-glow {
    0%, 100% { 
        opacity: 0.3;
        transform: translate(-50%, -50%) scale(1);
    }
    50% { 
        opacity: 0.6;
        transform: translate(-50%, -50%) scale(1.2);
    }
}

@keyframes zad-slide-float {
    0%, 100% { 
        transform: translateY(0px);
    }
    50% { 
        transform: translateY(-10px);
    }
}

/* Add floating animation to slides */
.zad-slide {
    animation: zad-slide-float 8s ease-in-out infinite;
}

.zad-slide:nth-child(1) { animation-delay: 0s; }
.zad-slide:nth-child(2) { animation-delay: 1.5s; }
.zad-slide:nth-child(3) { animation-delay: 3s; }
.zad-slide:nth-child(4) { animation-delay: 4.5s; }
.zad-slide:nth-child(5) { animation-delay: 6s; }
.zad-slide:nth-child(6) { animation-delay: 7.5s; }

/* Responsive Design */
@media (max-width: 1200px) {
    .zad-slide-icon {
        font-size: 3.5rem;
    }
    
    .zad-slide-title {
        font-size: 1.8rem;
    }
    
    .zad-slide-description {
        font-size: 1rem;
    }
    
    .zad-slider-btn {
        width: 50px;
        height: 50px;
        font-size: 1rem;
    }
}

@media (max-width: 992px) {
    .zad-slide-icon {
        font-size: 3rem;
    }
    
    .zad-slide-title {
        font-size: 1.6rem;
    }
    
    .zad-slide-description {
        font-size: 0.95rem;
    }
    
    .zad-icon-slide {
        padding: 2rem 1.5rem;
    }
    
    .zad-arrow-box {
        padding: 0 1rem;
    }
}

@media (max-width: 768px) {
    .zad-slide-icon {
        font-size: 2.5rem;
    }
    
    .zad-slide-title {
        font-size: 1.4rem;
    }
    
    .zad-slide-description {
        font-size: 0.9rem;
    }
    
    .zad-icon-slide {
        padding: 1.5rem 1rem;
        border-radius: 20px;
    }
    
    .zad-slider-btn {
        width: 45px;
        height: 45px;
        font-size: 0.9rem;
    }
    
    .zad-arrow-box {
        padding: 0 0.5rem;
    }
}

@media (max-width: 576px) {
    .zad-slide-icon {
        font-size: 2rem;
    }
    
    .zad-slide-title {
        font-size: 1.2rem;
    }
    
    .zad-slide-description {
        font-size: 0.85rem;
    }
    
    .zad-icon-slide {
        padding: 1rem 0.8rem;
        border-radius: 15px;
    }
    
    .zad-slider-btn {
        width: 40px;
        height: 40px;
        font-size: 0.8rem;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .zad-slide,
    .zad-icon-slide::before,
    .zad-slide-icon::before {
        animation: none !important;
    }
    
    .zad-slide:hover .zad-icon-slide {
        transform: none !important;
    }
    
    .zad-slider-btn:hover {
        transform: none !important;
    }
}

@media (prefers-contrast: high) {
    .zad-package-gallery {
        background: #150342 !important;
        border: 2px solid #01FF84 !important;
    }
    
    .zad-icon-slide {
        background: #150342 !important;
        border: 2px solid #01FF84 !important;
    }
    
    .zad-slide-title,
    .zad-slide-description {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        text-shadow: none !important;
    }
    
    .zad-slide-icon {
        color: #01FF84 !important;
        filter: none !important;
    }
    
    .zad-icon-slide::before {
        display: none !important;
    }
}


/* ===============================================
   PACKAGE CONTENT - ENHANCED DESIGN
=============================================== */

/* Enhanced Package Content Section */
.zad-package-content-enhanced {
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.05) 0%, 
        rgba(1, 255, 132, 0.08) 50%, 
        rgba(21, 3, 66, 0.05) 100%);
    padding: 4rem 0;
    position: relative;
    overflow: hidden;
}

.zad-package-content-enhanced::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 20% 20%, rgba(1, 255, 132, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(21, 3, 66, 0.08) 0%, transparent 50%);
    pointer-events: none;
    z-index: 1;
}

/* Content Sections */
.zad-content-section {
    position: relative;
    z-index: 10;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    padding: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 
        0 15px 40px rgba(21, 3, 66, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.zad-content-section:hover {
    transform: translateY(-5px);
    box-shadow: 
        0 20px 50px rgba(21, 3, 66, 0.2),
        0 10px 25px rgba(1, 255, 132, 0.1);
    background: rgba(255, 255, 255, 0.08);
}

/* Section Titles */
.zad-section-title {
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%) !important;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: clamp(1.5rem, 3vw, 2.5rem) !important;
    font-weight: 700 !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 1.5rem !important;
}

/* Section Descriptions */
.zad-section-description {
    color: #150342 !important;
    font-size: 1.1rem !important;
    line-height: 1.7 !important;
    opacity: 0.9 !important;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8) !important;
}

/* Highlights List */
.zad-highlights-list {
    position: relative;
    z-index: 10;
}

.zad-highlights {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.zad-highlight-item {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    padding: 1rem 1.5rem;
    margin-bottom: 1rem !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
}

.zad-highlight-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(1, 255, 132, 0.2), 
        transparent);
    transition: left 0.5s ease;
}

.zad-highlight-item:hover::before {
    left: 100%;
}

.zad-highlight-item:hover {
    transform: translateY(-3px);
    box-shadow: 
        0 10px 25px rgba(21, 3, 66, 0.3),
        0 5px 15px rgba(1, 255, 132, 0.2);
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(1, 255, 132, 0.4);
}

.zad-highlight-icon {
    font-size: 1.3rem;
    color: #01FF84;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.zad-highlight-item:hover .zad-highlight-icon {
    transform: scale(1.2) rotate(10deg);
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.4));
}

/* Schedule Section */
.zad-schedule-section {
    position: relative;
    z-index: 10;
}

.zad-schedule-container {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    padding: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 
        0 15px 40px rgba(21, 3, 66, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.zad-schedule-item {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    padding: 1rem 1.5rem;
    margin-bottom: 1rem;
    transition: all 0.3s ease;
}

.zad-schedule-item:hover {
    transform: translateY(-2px);
    box-shadow: 
        0 8px 20px rgba(21, 3, 66, 0.2),
        0 3px 10px rgba(1, 255, 132, 0.1);
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(1, 255, 132, 0.3);
}

.zad-schedule-label {
    display: flex !important;
    align-items: center !important;
    gap: 0.8rem !important;
    color: #01FF84 !important;
}

.zad-schedule-icon {
    font-size: 1.2rem;
    color: #01FF84;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
    transition: all 0.3s ease;
}

.zad-schedule-item:hover .zad-schedule-icon {
    transform: scale(1.1);
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.4));
}

.zad-schedule-value {
    color: #150342 !important;
    font-weight: 600 !important;
}

/* Included Section */
.zad-included-section {
    position: relative;
    z-index: 10;
}

.zad-included-container {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    padding: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 
        0 15px 40px rgba(21, 3, 66, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.zad-included-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.zad-included-item {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    padding: 0.8rem 1.2rem;
    margin-bottom: 0.8rem;
    transition: all 0.3s ease;
    display: flex !important;
    align-items: center !important;
    gap: 0.8rem !important;
}

.zad-included-item:hover {
    transform: translateY(-2px);
    box-shadow: 
        0 8px 20px rgba(21, 3, 66, 0.2),
        0 3px 10px rgba(1, 255, 132, 0.1);
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(1, 255, 132, 0.3);
}

.zad-included-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%);
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 3px 8px rgba(1, 255, 132, 0.3);
}

.zad-included-icon i {
    font-size: 0.9rem;
    color: #ffffff;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
}

/* Amenities Section */
.zad-amenities-section {
    position: relative;
    z-index: 10;
}

.zad-amenities-container {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    padding: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 
        0 15px 40px rgba(21, 3, 66, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.zad-amenities-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.zad-amenity-item {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    padding: 0.8rem 1.2rem;
    margin-bottom: 0.8rem;
    transition: all 0.3s ease;
    display: flex !important;
    align-items: center !important;
    gap: 0.8rem !important;
}

.zad-amenity-item:hover {
    transform: translateY(-2px);
    box-shadow: 
        0 8px 20px rgba(21, 3, 66, 0.2),
        0 3px 10px rgba(1, 255, 132, 0.1);
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(1, 255, 132, 0.3);
}

.zad-amenity-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%);
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 3px 8px rgba(1, 255, 132, 0.3);
}

.zad-amenity-icon i {
    font-size: 0.9rem;
    color: #ffffff;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
}

/* Responsive Design */
@media (max-width: 1200px) {
    .zad-content-section {
        padding: 1.5rem;
    }
    
    .zad-section-title {
        font-size: clamp(1.3rem, 2.5vw, 2rem) !important;
    }
    
    .zad-section-description {
        font-size: 1rem !important;
    }
}

@media (max-width: 992px) {
    .zad-content-section {
        padding: 1.2rem;
    }
    
    .zad-schedule-container,
    .zad-included-container,
    .zad-amenities-container {
        padding: 1.5rem;
    }
    
    .zad-highlight-item,
    .zad-schedule-item,
    .zad-included-item,
    .zad-amenity-item {
        padding: 0.8rem 1rem;
    }
}

@media (max-width: 768px) {
    .zad-content-section {
        padding: 1rem;
        border-radius: 15px;
    }
    
    .zad-section-title {
        font-size: clamp(1.2rem, 2vw, 1.8rem) !important;
    }
    
    .zad-section-description {
        font-size: 0.95rem !important;
    }
    
    .zad-schedule-container,
    .zad-included-container,
    .zad-amenities-container {
        padding: 1rem;
        border-radius: 15px;
    }
    
    .zad-highlight-item,
    .zad-schedule-item,
    .zad-included-item,
    .zad-amenity-item {
        padding: 0.6rem 0.8rem;
        border-radius: 10px;
    }
    
    .zad-highlight-icon,
    .zad-schedule-icon {
        font-size: 1.1rem;
    }
    
    .zad-included-icon,
    .zad-amenity-icon {
        width: 25px;
        height: 25px;
    }
    
    .zad-included-icon i,
    .zad-amenity-icon i {
        font-size: 0.8rem;
    }
}

@media (max-width: 576px) {
    .zad-content-section {
        padding: 0.8rem;
        border-radius: 10px;
    }
    
    .zad-section-title {
        font-size: clamp(1.1rem, 1.8vw, 1.6rem) !important;
    }
    
    .zad-section-description {
        font-size: 0.9rem !important;
    }
    
    .zad-schedule-container,
    .zad-included-container,
    .zad-amenities-container {
        padding: 0.8rem;
        border-radius: 10px;
    }
    
    .zad-highlight-item,
    .zad-schedule-item,
    .zad-included-item,
    .zad-amenity-item {
        padding: 0.5rem 0.6rem;
        border-radius: 8px;
    }
    
    .zad-highlight-icon,
    .zad-schedule-icon {
        font-size: 1rem;
    }
    
    .zad-included-icon,
    .zad-amenity-icon {
        width: 22px;
        height: 22px;
    }
    
    .zad-included-icon i,
    .zad-amenity-icon i {
        font-size: 0.7rem;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .zad-content-section,
    .zad-highlight-item,
    .zad-schedule-item,
    .zad-included-item,
    .zad-amenity-item {
        transition: none !important;
    }
    
    .zad-content-section:hover,
    .zad-highlight-item:hover,
    .zad-schedule-item:hover,
    .zad-included-item:hover,
    .zad-amenity-item:hover {
        transform: none !important;
    }
}

@media (prefers-contrast: high) {
    .zad-package-content-enhanced {
        background: #ffffff !important;
        border: 2px solid #150342 !important;
    }
    
    .zad-content-section,
    .zad-schedule-container,
    .zad-included-container,
    .zad-amenities-container {
        background: #ffffff !important;
        border: 2px solid #01FF84 !important;
    }
    
    .zad-section-title,
    .zad-section-description {
        color: #150342 !important;
        -webkit-text-fill-color: #150342 !important;
        text-shadow: none !important;
    }
    
    .zad-highlight-item,
    .zad-schedule-item,
    .zad-included-item,
    .zad-amenity-item {
        background: #ffffff !important;
        border: 2px solid #01FF84 !important;
    }
}


/* ===============================================
   CUSTOMER REVIEW SECTION - ENHANCED DESIGN
=============================================== */

/* Enhanced Customer Review Section */
.zad-review-section {
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.95) 0%, 
        rgba(1, 255, 132, 0.8) 50%, 
        rgba(21, 3, 66, 0.95) 100%);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 
        0 25px 70px rgba(21, 3, 66, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    position: relative;
    overflow: hidden;
}

.zad-review-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 30% 30%, rgba(1, 255, 132, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 70% 70%, rgba(21, 3, 66, 0.1) 0%, transparent 50%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.zad-review-section:hover::before {
    opacity: 1;
}

/* Rating Circle */
.zad-rating-circle {
    position: relative;
    z-index: 10;
}

.zad-circle-container {
    position: relative;
    width: 186px;
    height: 186px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 
        0 15px 40px rgba(21, 3, 66, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.zad-circle-container::before {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: conic-gradient(from 0deg, 
        rgba(1, 255, 132, 0.5), 
        rgba(21, 3, 66, 0.3), 
        rgba(1, 255, 132, 0.5));
    border-radius: 50%;
    animation: zad-circle-rotate 8s linear infinite;
    z-index: -1;
}

.zad-review-section:hover .zad-circle-container {
    transform: scale(1.05);
    box-shadow: 
        0 20px 50px rgba(21, 3, 66, 0.3),
        0 10px 25px rgba(1, 255, 132, 0.2);
}

.zad-circle-progress {
    text-align: center;
    color: #ffffff;
    position: relative;
    z-index: 2;
}

.zad-circle-icon {
    font-size: 2rem;
    color: #01FF84;
    filter: drop-shadow(0 3px 8px rgba(1, 255, 132, 0.4));
    margin-bottom: 0.5rem;
    display: block;
}

.zad-circle-rating {
    font-size: 2.5rem;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    display: block;
    margin-bottom: 0.3rem;
}

.zad-circle-label {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Rating Details */
.zad-rating-details {
    position: relative;
    z-index: 10;
}

.zad-rating-item {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    padding: 1.2rem;
    margin-bottom: 1rem;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

.zad-rating-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(1, 255, 132, 0.2), 
        transparent);
    transition: left 0.5s ease;
}

.zad-rating-item:hover::before {
    left: 100%;
}

.zad-rating-item:hover {
    transform: translateY(-3px);
    box-shadow: 
        0 10px 25px rgba(21, 3, 66, 0.3),
        0 5px 15px rgba(1, 255, 132, 0.2);
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(1, 255, 132, 0.4);
}

.zad-rating-category {
    color: #01FF84 !important;
    font-size: 1.1rem !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
}

.zad-rating-score {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 0.9rem !important;
}

/* Stars */
.zad-stars {
    display: flex;
    gap: 0.2rem;
}

.zad-stars i {
    font-size: 1rem;
    color: #01FF84;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
    animation: zad-star-pulse 2s ease-in-out infinite;
}

.zad-stars i:nth-child(1) { animation-delay: 0s; }
.zad-stars i:nth-child(2) { animation-delay: 0.2s; }
.zad-stars i:nth-child(3) { animation-delay: 0.4s; }
.zad-stars i:nth-child(4) { animation-delay: 0.6s; }
.zad-stars i:nth-child(5) { animation-delay: 0.8s; }

/* Progress Bars */
.zad-progress-bar {
    position: relative;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    height: 8px;
    overflow: hidden;
    margin-top: 0.5rem;
}

.zad-progress {
    background: linear-gradient(90deg, #01FF84 0%, #150342 100%);
    height: 100%;
    border-radius: 10px;
    transition: width 1s ease;
    position: relative;
    overflow: hidden;
}

.zad-progress::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.3), 
        transparent);
    animation: zad-progress-shimmer 2s infinite;
}

.zad-percentage {
    position: absolute;
    right: 0;
    top: -20px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #01FF84;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Animation Keyframes */
@keyframes zad-circle-rotate {
    0% { 
        transform: rotate(0deg);
    }
    100% { 
        transform: rotate(360deg);
    }
}

@keyframes zad-star-pulse {
    0%, 100% { 
        transform: scale(1);
        opacity: 1;
    }
    50% { 
        transform: scale(1.1);
        opacity: 0.8;
    }
}

@keyframes zad-progress-shimmer {
    0% { 
        left: -100%;
    }
    100% { 
        left: 100%;
    }
}

/* Responsive Design */
@media (max-width: 1200px) {
    .zad-circle-container {
        width: 150px;
        height: 150px;
    }
    
    .zad-circle-rating {
        font-size: 2rem;
    }
    
    .zad-circle-icon {
        font-size: 1.5rem;
    }
}

@media (max-width: 992px) {
    .zad-circle-container {
        width: 120px;
        height: 120px;
    }
    
    .zad-circle-rating {
        font-size: 1.8rem;
    }
    
    .zad-circle-icon {
        font-size: 1.3rem;
    }
    
    .zad-rating-item {
        padding: 1rem;
    }
}

@media (max-width: 768px) {
    .zad-circle-container {
        width: 100px;
        height: 100px;
    }
    
    .zad-circle-rating {
        font-size: 1.5rem;
    }
    
    .zad-circle-icon {
        font-size: 1.2rem;
    }
    
    .zad-rating-item {
        padding: 0.8rem;
        border-radius: 10px;
    }
    
    .zad-rating-category {
        font-size: 1rem !important;
    }
}

@media (max-width: 576px) {
    .zad-circle-container {
        width: 80px;
        height: 80px;
    }
    
    .zad-circle-rating {
        font-size: 1.2rem;
    }
    
    .zad-circle-icon {
        font-size: 1rem;
    }
    
    .zad-rating-item {
        padding: 0.6rem;
        border-radius: 8px;
    }
    
    .zad-rating-category {
        font-size: 0.9rem !important;
    }
    
    .zad-stars i {
        font-size: 0.8rem;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .zad-circle-container::before,
    .zad-stars i,
    .zad-progress::before {
        animation: none !important;
    }
    
    .zad-review-section:hover .zad-circle-container,
    .zad-rating-item:hover {
        transform: none !important;
    }
}

@media (prefers-contrast: high) {
    .zad-review-section {
        background: #150342 !important;
        border: 2px solid #01FF84 !important;
    }
    
    .zad-circle-container {
        background: #150342 !important;
        border: 2px solid #01FF84 !important;
    }
    
    .zad-rating-item {
        background: #150342 !important;
        border: 2px solid #01FF84 !important;
    }
    
    .zad-circle-container::before {
        display: none !important;
    }
}


/* ===============================================
   CUSTOMER REVIEW SECTION - ENHANCED DESIGN
=============================================== */

/* Enhanced Customer Review Section */
.zad-review-section {
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.95) 0%, 
        rgba(1, 255, 132, 0.8) 50%, 
        rgba(21, 3, 66, 0.95) 100%);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 
        0 25px 70px rgba(21, 3, 66, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    position: relative;
    overflow: hidden;
}

.zad-review-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 30% 30%, rgba(1, 255, 132, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 70% 70%, rgba(21, 3, 66, 0.1) 0%, transparent 50%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.zad-review-section:hover::before {
    opacity: 1;
}

/* Rating Circle */
.zad-rating-circle {
    position: relative;
    z-index: 10;
}

.zad-circle-container {
    position: relative;
    width: 186px;
    height: 186px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 
        0 15px 40px rgba(21, 3, 66, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.zad-circle-container::before {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: conic-gradient(from 0deg, 
        rgba(1, 255, 132, 0.5), 
        rgba(21, 3, 66, 0.3), 
        rgba(1, 255, 132, 0.5));
    border-radius: 50%;
    animation: zad-circle-rotate 8s linear infinite;
    z-index: -1;
}

.zad-review-section:hover .zad-circle-container {
    transform: scale(1.05);
    box-shadow: 
        0 20px 50px rgba(21, 3, 66, 0.3),
        0 10px 25px rgba(1, 255, 132, 0.2);
}

.zad-circle-progress {
    text-align: center;
    color: #ffffff;
    position: relative;
    z-index: 2;
}

.zad-circle-icon {
    font-size: 2rem;
    color: #01FF84;
    filter: drop-shadow(0 3px 8px rgba(1, 255, 132, 0.4));
    margin-bottom: 0.5rem;
    display: block;
}

.zad-circle-rating {
    font-size: 2.5rem;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    display: block;
    margin-bottom: 0.3rem;
}

.zad-circle-label {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Rating Details */
.zad-rating-details {
    position: relative;
    z-index: 10;
}

.zad-rating-item {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    padding: 1.2rem;
    margin-bottom: 1rem;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

.zad-rating-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(1, 255, 132, 0.2), 
        transparent);
    transition: left 0.5s ease;
}

.zad-rating-item:hover::before {
    left: 100%;
}

.zad-rating-item:hover {
    transform: translateY(-3px);
    box-shadow: 
        0 10px 25px rgba(21, 3, 66, 0.3),
        0 5px 15px rgba(1, 255, 132, 0.2);
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(1, 255, 132, 0.4);
}

.zad-rating-category {
    color: #01FF84 !important;
    font-size: 1.1rem !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
}

.zad-rating-score {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 0.9rem !important;
}

/* Stars */
.zad-stars {
    display: flex;
    gap: 0.2rem;
}

.zad-stars i {
    font-size: 1rem;
    color: #01FF84;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
    animation: zad-star-pulse 2s ease-in-out infinite;
}

.zad-stars i:nth-child(1) { animation-delay: 0s; }
.zad-stars i:nth-child(2) { animation-delay: 0.2s; }
.zad-stars i:nth-child(3) { animation-delay: 0.4s; }
.zad-stars i:nth-child(4) { animation-delay: 0.6s; }
.zad-stars i:nth-child(5) { animation-delay: 0.8s; }

/* Progress Bars */
.zad-progress-bar {
    position: relative;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    height: 8px;
    overflow: hidden;
    margin-top: 0.5rem;
}

.zad-progress {
    background: linear-gradient(90deg, #01FF84 0%, #150342 100%);
    height: 100%;
    border-radius: 10px;
    transition: width 1s ease;
    position: relative;
    overflow: hidden;
}

.zad-progress::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.3), 
        transparent);
    animation: zad-progress-shimmer 2s infinite;
}

.zad-percentage {
    position: absolute;
    right: 0;
    top: -20px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #01FF84;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Animation Keyframes */
@keyframes zad-circle-rotate {
    0% { 
        transform: rotate(0deg);
    }
    100% { 
        transform: rotate(360deg);
    }
}

@keyframes zad-star-pulse {
    0%, 100% { 
        transform: scale(1);
        opacity: 1;
    }
    50% { 
        transform: scale(1.1);
        opacity: 0.8;
    }
}

@keyframes zad-progress-shimmer {
    0% { 
        left: -100%;
    }
    100% { 
        left: 100%;
    }
}

/* Responsive Design */
@media (max-width: 1200px) {
    .zad-circle-container {
        width: 150px;
        height: 150px;
    }
    
    .zad-circle-rating {
        font-size: 2rem;
    }
    
    .zad-circle-icon {
        font-size: 1.5rem;
    }
}

@media (max-width: 992px) {
    .zad-circle-container {
        width: 120px;
        height: 120px;
    }
    
    .zad-circle-rating {
        font-size: 1.8rem;
    }
    
    .zad-circle-icon {
        font-size: 1.3rem;
    }
    
    .zad-rating-item {
        padding: 1rem;
    }
}

@media (max-width: 768px) {
    .zad-circle-container {
        width: 100px;
        height: 100px;
    }
    
    .zad-circle-rating {
        font-size: 1.5rem;
    }
    
    .zad-circle-icon {
        font-size: 1.2rem;
    }
    
    .zad-rating-item {
        padding: 0.8rem;
        border-radius: 10px;
    }
    
    .zad-rating-category {
        font-size: 1rem !important;
    }
}

@media (max-width: 576px) {
    .zad-circle-container {
        width: 80px;
        height: 80px;
    }
    
    .zad-circle-rating {
        font-size: 1.2rem;
    }
    
    .zad-circle-icon {
        font-size: 1rem;
    }
    
    .zad-rating-item {
        padding: 0.6rem;
        border-radius: 8px;
    }
    
    .zad-rating-category {
        font-size: 0.9rem !important;
    }
    
    .zad-stars i {
        font-size: 0.8rem;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .zad-circle-container::before,
    .zad-stars i,
    .zad-progress::before {
        animation: none !important;
    }
    
    .zad-review-section:hover .zad-circle-container,
    .zad-rating-item:hover {
        transform: none !important;
    }
}

@media (prefers-contrast: high) {
    .zad-review-section {
        background: #150342 !important;
        border: 2px solid #01FF84 !important;
    }
    
    .zad-circle-container {
        background: #150342 !important;
        border: 2px solid #01FF84 !important;
    }
    
    .zad-rating-item {
        background: #150342 !important;
        border: 2px solid #01FF84 !important;
    }
    
    .zad-circle-container::before {
        display: none !important;
    }
}


/* ===============================================
   DESTINATIONS SECTION - ENHANCED DESIGN
=============================================== */

/* Enhanced Destinations Section */
.zad-destinations-enhanced {
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.05) 0%, 
        rgba(1, 255, 132, 0.08) 50%, 
        rgba(21, 3, 66, 0.05) 100%);
    position: relative;
    overflow: hidden;
    padding: 4rem 0;
}

.zad-destinations-enhanced::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 20% 20%, rgba(1, 255, 132, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(21, 3, 66, 0.08) 0%, transparent 50%);
    pointer-events: none;
    z-index: 1;
}

/* Destinations Header */
.zad-destinations-header {
    position: relative;
    z-index: 10;
}

.zad-destinations-subtitle {
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%) !important;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: clamp(1.2rem, 2.5vw, 1.8rem) !important;
    font-weight: 600 !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 1rem !important;
}

.zad-destinations-title {
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%) !important;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: clamp(2rem, 4vw, 3.5rem) !important;
    font-weight: 700 !important;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2) !important;
    margin-bottom: 1.5rem !important;
    line-height: 1.2 !important;
}

.zad-destinations-description {
    color: #150342 !important;
    font-size: 1.1rem !important;
    line-height: 1.7 !important;
    opacity: 0.9 !important;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8) !important;
    max-width: 600px;
}

/* Destinations Button */
.zad-destinations-btn {
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%) !important;
    border: 2px solid #01FF84 !important;
    color: #ffffff !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 
        0 10px 25px rgba(1, 255, 132, 0.3),
        0 5px 15px rgba(21, 3, 66, 0.2) !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative;
    overflow: hidden;
}

.zad-destinations-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.2), 
        transparent);
    transition: left 0.5s ease;
}

.zad-destinations-btn:hover::before {
    left: 100%;
}

.zad-destinations-btn:hover {
    transform: translateY(-3px) scale(1.05) !important;
    box-shadow: 
        0 15px 35px rgba(1, 255, 132, 0.4),
        0 8px 20px rgba(21, 3, 66, 0.3) !important;
    background: linear-gradient(135deg, #150342 0%, #01FF84 100%) !important;
}

/* Destinations Grid */
.zad-destinations-grid {
    position: relative;
    z-index: 10;
}

/* Destination Cards */
.zad-destination-card {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
    box-shadow: 
        0 15px 40px rgba(21, 3, 66, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.zad-destination-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.1) 0%, 
        rgba(1, 255, 132, 0.05) 50%, 
        rgba(21, 3, 66, 0.1) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

.zad-destination-card:hover::before {
    opacity: 1;
}

.zad-destination-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 
        0 25px 60px rgba(21, 3, 66, 0.25),
        0 15px 35px rgba(1, 255, 132, 0.15);
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(1, 255, 132, 0.4);
}

/* Destination Thumb */
.zad-destination-thumb {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 1rem;
    transition: all 0.4s ease;
}

.zad-destination-thumb img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: all 0.4s ease;
    border-radius: 15px;
}

.zad-destination-card:hover .zad-destination-thumb img {
    transform: scale(1.1);
}

/* Destination Overlay */
.zad-destination-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    opacity: 0;
    transition: all 0.3s ease;
}

.zad-destination-card:hover .zad-destination-overlay {
    opacity: 1;
}

.zad-destination-icon {
    font-size: 2.5rem;
    color: #01FF84;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
    transition: all 0.3s ease;
    text-shadow: 0 0 20px rgba(1, 255, 132, 0.5);
}

.zad-destination-card:hover .zad-destination-icon {
    transform: scale(1.2) rotate(10deg);
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.4));
}

/* Destination Content */
.zad-destination-content {
    position: relative;
    z-index: 2;
}

.zad-destination-label {
    color: #01FF84 !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 0.5rem !important;
}

.zad-destination-title {
    color: #150342 !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.zad-destination-title:hover {
    color: #01FF84 !important;
    transform: translateX(5px);
}

.zad-destination-description {
    color: #150342 !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    opacity: 0.8 !important;
    margin-top: 0.5rem !important;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8) !important;
}

/* Destination Badge */
.zad-destination-badge {
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%) !important;
    color: #ffffff !important;
    border-radius: 20px !important;
    padding: 0.5rem 1rem !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 
        0 5px 15px rgba(1, 255, 132, 0.3),
        0 2px 8px rgba(21, 3, 66, 0.2);
    top: 1rem !important;
    right: 1rem !important;
    z-index: 4;
    transition: all 0.3s ease;
}

.zad-destination-card:hover .zad-destination-badge {
    transform: scale(1.1);
    box-shadow: 
        0 8px 20px rgba(1, 255, 132, 0.4),
        0 3px 10px rgba(21, 3, 66, 0.3);
}

/* Animation Keyframes */
@keyframes zad-destination-float {
    0%, 100% { 
        transform: translateY(0px);
    }
    50% { 
        transform: translateY(-5px);
    }
}

@keyframes zad-destination-glow {
    0%, 100% { 
        box-shadow: 
            0 15px 40px rgba(21, 3, 66, 0.15),
            inset 0 1px 0 rgba(255, 255, 255, 0.2);
    }
    50% { 
        box-shadow: 
            0 20px 50px rgba(21, 3, 66, 0.2),
            0 10px 25px rgba(1, 255, 132, 0.1),
            inset 0 1px 0 rgba(255, 255, 255, 0.3);
    }
}

/* Responsive Design */
@media (max-width: 1200px) {
    .zad-destination-thumb img {
        height: 180px;
    }
    
    .zad-destination-icon {
        font-size: 2rem;
    }
    
    .zad-destination-title {
        font-size: 1.3rem !important;
    }
}

@media (max-width: 992px) {
    .zad-destination-card {
        padding: 1.2rem;
        border-radius: 15px;
    }
    
    .zad-destination-thumb img {
        height: 160px;
    }
    
    .zad-destination-title {
        font-size: 1.2rem !important;
    }
    
    .zad-destination-description {
        font-size: 0.85rem !important;
    }
}

@media (max-width: 768px) {
    .zad-destination-card {
        padding: 1rem;
        border-radius: 12px;
    }
    
    .zad-destination-thumb img {
        height: 140px;
    }
    
    .zad-destination-icon {
        font-size: 1.8rem;
    }
    
    .zad-destination-title {
        font-size: 1.1rem !important;
    }
    
    .zad-destination-description {
        font-size: 0.8rem !important;
    }
    
    .zad-destination-badge {
        font-size: 0.7rem !important;
        padding: 0.4rem 0.8rem !important;
    }
}

@media (max-width: 576px) {
    .zad-destination-card {
        padding: 0.8rem;
        border-radius: 10px;
    }
    
    .zad-destination-thumb img {
        height: 120px;
    }
    
    .zad-destination-icon {
        font-size: 1.5rem;
    }
    
    .zad-destination-title {
        font-size: 1rem !important;
    }
    
    .zad-destination-description {
        font-size: 0.75rem !important;
    }
    
    .zad-destination-badge {
        font-size: 0.65rem !important;
        padding: 0.3rem 0.6rem !important;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .zad-destination-card,
    .zad-destination-thumb img,
    .zad-destination-overlay,
    .zad-destination-icon,
    .zad-destination-title,
    .zad-destination-badge {
        transition: none !important;
        animation: none !important;
    }
    
    .zad-destination-card:hover,
    .zad-destination-card:hover .zad-destination-thumb img,
    .zad-destination-title:hover,
    .zad-destination-card:hover .zad-destination-badge {
        transform: none !important;
    }
}

@media (prefers-contrast: high) {
    .zad-destinations-enhanced {
        background: #ffffff !important;
        border: 2px solid #150342 !important;
    }
    
    .zad-destination-card {
        background: #ffffff !important;
        border: 2px solid #01FF84 !important;
    }
    
    .zad-destinations-subtitle,
    .zad-destinations-title,
    .zad-destination-title,
    .zad-destination-description {
        color: #150342 !important;
        -webkit-text-fill-color: #150342 !important;
        text-shadow: none !important;
    }
    
    .zad-destination-card::before {
        display: none !important;
    }
}


/* ===============================================
   DESTINATIONS SECTION - ENHANCED DESIGN
=============================================== */

/* Enhanced Destinations Section */
.zad-destinations-enhanced {
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.05) 0%, 
        rgba(1, 255, 132, 0.08) 50%, 
        rgba(21, 3, 66, 0.05) 100%);
    position: relative;
    overflow: hidden;
    padding: 4rem 0;
}

.zad-destinations-enhanced::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 20% 20%, rgba(1, 255, 132, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(21, 3, 66, 0.08) 0%, transparent 50%);
    pointer-events: none;
    z-index: 1;
}

/* Destinations Header */
.zad-destinations-header {
    position: relative;
    z-index: 10;
}

.zad-destinations-subtitle {
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%) !important;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: clamp(1.2rem, 2.5vw, 1.8rem) !important;
    font-weight: 600 !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 1rem !important;
}

.zad-destinations-title {
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%) !important;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: clamp(2rem, 4vw, 3.5rem) !important;
    font-weight: 700 !important;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2) !important;
    margin-bottom: 1.5rem !important;
    line-height: 1.2 !important;
}

.zad-destinations-description {
    color: #150342 !important;
    font-size: 1.1rem !important;
    line-height: 1.7 !important;
    opacity: 0.9 !important;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8) !important;
    max-width: 600px;
}

/* Destinations Button */
.zad-destinations-btn {
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%) !important;
    border: 2px solid #01FF84 !important;
    color: #ffffff !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 
        0 10px 25px rgba(1, 255, 132, 0.3),
        0 5px 15px rgba(21, 3, 66, 0.2) !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative;
    overflow: hidden;
}

.zad-destinations-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.2), 
        transparent);
    transition: left 0.5s ease;
}

.zad-destinations-btn:hover::before {
    left: 100%;
}

.zad-destinations-btn:hover {
    transform: translateY(-3px) scale(1.05) !important;
    box-shadow: 
        0 15px 35px rgba(1, 255, 132, 0.4),
        0 8px 20px rgba(21, 3, 66, 0.3) !important;
    background: linear-gradient(135deg, #150342 0%, #01FF84 100%) !important;
}

/* Destinations Grid */
.zad-destinations-grid {
    position: relative;
    z-index: 10;
}

/* Destination Cards */
.zad-destination-card {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
    box-shadow: 
        0 15px 40px rgba(21, 3, 66, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.zad-destination-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.1) 0%, 
        rgba(1, 255, 132, 0.05) 50%, 
        rgba(21, 3, 66, 0.1) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

.zad-destination-card:hover::before {
    opacity: 1;
}

.zad-destination-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 
        0 25px 60px rgba(21, 3, 66, 0.25),
        0 15px 35px rgba(1, 255, 132, 0.15);
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(1, 255, 132, 0.4);
}

/* Destination Icon Wrapper */
.zad-destination-icon-wrapper {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 1rem;
    transition: all 0.4s ease;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Destination Icon Background */
.zad-destination-icon-bg {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.1) 0%, 
        rgba(1, 255, 132, 0.2) 50%, 
        rgba(21, 3, 66, 0.1) 100%);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

.zad-destination-icon-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 30% 30%, rgba(1, 255, 132, 0.3) 0%, transparent 50%),
        radial-gradient(circle at 70% 70%, rgba(21, 3, 66, 0.2) 0%, transparent 50%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.zad-destination-card:hover .zad-destination-icon-bg::before {
    opacity: 1;
}

.zad-destination-card:hover .zad-destination-icon-bg {
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.2) 0%, 
        rgba(1, 255, 132, 0.3) 50%, 
        rgba(21, 3, 66, 0.2) 100%);
    transform: scale(1.05);
}

/* Large Destination Icons */
.zad-destination-icon-large {
    font-size: 4rem;
    color: #01FF84;
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.3));
    transition: all 0.4s ease;
    text-shadow: 0 0 30px rgba(1, 255, 132, 0.6);
    position: relative;
    z-index: 2;
}

.zad-destination-card:hover .zad-destination-icon-large {
    transform: scale(1.2) rotate(5deg);
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.4));
    text-shadow: 0 0 40px rgba(1, 255, 132, 0.8);
}

/* Destination Overlay */
.zad-destination-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    opacity: 0;
    transition: all 0.3s ease;
}

.zad-destination-card:hover .zad-destination-overlay {
    opacity: 1;
}

.zad-destination-icon {
    font-size: 2rem;
    color: #ffffff;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
    transition: all 0.3s ease;
    text-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
}

.zad-destination-card:hover .zad-destination-icon {
    transform: scale(1.1) rotate(10deg);
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.4));
}

/* Destination Content */
.zad-destination-content {
    position: relative;
    z-index: 2;
}

.zad-destination-label {
    color: #01FF84 !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 0.5rem !important;
}

.zad-destination-title {
    color: #150342 !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.zad-destination-title:hover {
    color: #01FF84 !important;
    transform: translateX(5px);
}

.zad-destination-description {
    color: #150342 !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    opacity: 0.8 !important;
    margin-top: 0.5rem !important;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8) !important;
}

/* Destination Badge */
.zad-destination-badge {
    background: linear-gradient(135deg, #01FF84 0%, #150342 100%) !important;
    color: #ffffff !important;
    border-radius: 20px !important;
    padding: 0.5rem 1rem !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 
        0 5px 15px rgba(1, 255, 132, 0.3),
        0 2px 8px rgba(21, 3, 66, 0.2);
    top: 1rem !important;
    right: 1rem !important;
    z-index: 4;
    transition: all 0.3s ease;
}

.zad-destination-card:hover .zad-destination-badge {
    transform: scale(1.1);
    box-shadow: 
        0 8px 20px rgba(1, 255, 132, 0.4),
        0 3px 10px rgba(21, 3, 66, 0.3);
}

/* Animation Keyframes */
@keyframes zad-destination-float {
    0%, 100% { 
        transform: translateY(0px);
    }
    50% { 
        transform: translateY(-5px);
    }
}

@keyframes zad-destination-glow {
    0%, 100% { 
        box-shadow: 
            0 15px 40px rgba(21, 3, 66, 0.15),
            inset 0 1px 0 rgba(255, 255, 255, 0.2);
    }
    50% { 
        box-shadow: 
            0 20px 50px rgba(21, 3, 66, 0.2),
            0 10px 25px rgba(1, 255, 132, 0.1),
            inset 0 1px 0 rgba(255, 255, 255, 0.3);
    }
}

/* Responsive Design */
@media (max-width: 1200px) {
    .zad-destination-icon-wrapper {
        height: 180px;
    }
    
    .zad-destination-icon-large {
        font-size: 3.5rem;
    }
    
    .zad-destination-icon {
        font-size: 1.8rem;
    }
    
    .zad-destination-title {
        font-size: 1.3rem !important;
    }
}

@media (max-width: 992px) {
    .zad-destination-card {
        padding: 1.2rem;
        border-radius: 15px;
    }
    
    .zad-destination-icon-wrapper {
        height: 160px;
    }
    
    .zad-destination-icon-large {
        font-size: 3rem;
    }
    
    .zad-destination-icon {
        font-size: 1.6rem;
    }
    
    .zad-destination-title {
        font-size: 1.2rem !important;
    }
    
    .zad-destination-description {
        font-size: 0.85rem !important;
    }
}

@media (max-width: 768px) {
    .zad-destination-card {
        padding: 1rem;
        border-radius: 12px;
    }
    
    .zad-destination-icon-wrapper {
        height: 140px;
    }
    
    .zad-destination-icon-large {
        font-size: 2.5rem;
    }
    
    .zad-destination-icon {
        font-size: 1.4rem;
    }
    
    .zad-destination-title {
        font-size: 1.1rem !important;
    }
    
    .zad-destination-description {
        font-size: 0.8rem !important;
    }
    
    .zad-destination-badge {
        font-size: 0.7rem !important;
        padding: 0.4rem 0.8rem !important;
    }
}

@media (max-width: 576px) {
    .zad-destination-card {
        padding: 0.8rem;
        border-radius: 10px;
    }
    
    .zad-destination-icon-wrapper {
        height: 120px;
    }
    
    .zad-destination-icon-large {
        font-size: 2rem;
    }
    
    .zad-destination-icon {
        font-size: 1.2rem;
    }
    
    .zad-destination-title {
        font-size: 1rem !important;
    }
    
    .zad-destination-description {
        font-size: 0.75rem !important;
    }
    
    .zad-destination-badge {
        font-size: 0.65rem !important;
        padding: 0.3rem 0.6rem !important;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .zad-destination-card,
    .zad-destination-icon-wrapper,
    .zad-destination-icon-bg,
    .zad-destination-icon-large,
    .zad-destination-overlay,
    .zad-destination-icon,
    .zad-destination-title,
    .zad-destination-badge {
        transition: none !important;
        animation: none !important;
    }
    
    .zad-destination-card:hover,
    .zad-destination-card:hover .zad-destination-icon-bg,
    .zad-destination-card:hover .zad-destination-icon-large,
    .zad-destination-title:hover,
    .zad-destination-card:hover .zad-destination-badge {
        transform: none !important;
    }
}

@media (prefers-contrast: high) {
    .zad-destinations-enhanced {
        background: #ffffff !important;
        border: 2px solid #150342 !important;
    }
    
    .zad-destination-card {
        background: #ffffff !important;
        border: 2px solid #01FF84 !important;
    }
    
    .zad-destinations-subtitle,
    .zad-destinations-title,
    .zad-destination-title,
    .zad-destination-description {
        color: #150342 !important;
        -webkit-text-fill-color: #150342 !important;
        text-shadow: none !important;
    }
    
    .zad-destination-card::before,
    .zad-destination-icon-bg::before {
        display: none !important;
    }
}

/* ===== Enhanced Destination Section Styles ===== */
.destination-section-enhanced {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(21, 3, 66, 0.02) 0%, rgba(1, 255, 132, 0.05) 100%);
}

/* Badge Styles */
.destination-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 100%);
    color: var(--zad-primary);
    font-weight: 600;
    font-size: 0.875rem;
    border-radius: var(--zad-border-radius-xl);
    box-shadow: var(--zad-shadow);
    position: relative;
    overflow: hidden;
    transition: var(--zad-transition);
}

.destination-badge::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: var(--zad-transition);
}

.destination-badge:hover::before {
    left: 100%;
}

.destination-badge:hover {
    transform: translateY(-2px);
    box-shadow: var(--zad-shadow-lg);
}

/* Gradient Text */
.gradient-text {
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 50%, var(--zad-primary) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    position: relative;
}

.gradient-bg {
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Enhanced Button */
.enhanced-btn {
    display: inline-flex;
    align-items: center;
    padding: 1rem 2rem;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
    text-decoration: none;
    border-radius: var(--zad-border-radius-xl);
    font-weight: 600;
    font-size: 0.875rem;
    position: relative;
    overflow: hidden;
    transition: var(--zad-transition);
    box-shadow: var(--zad-shadow);
    border: 2px solid transparent;
}

.enhanced-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: var(--zad-transition);
}

.enhanced-btn:hover::before {
    left: 100%;
}

.enhanced-btn:hover {
    transform: translateY(-3px);
    box-shadow: var(--zad-shadow-xl);
    border-color: var(--zad-gold);
}

.btn-content {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    z-index: 2;
    position: relative;
}

.btn-arrow {
    margin-left: 0.5rem;
    transition: var(--zad-transition);
}

.enhanced-btn:hover .btn-arrow {
    transform: translateX(3px) translateY(-3px);
}

/* Destination Cards */
.destination-card {
    position: relative;
    background: var(--zad-white);
    border-radius: var(--zad-border-radius-lg);
    padding: 2rem;
    box-shadow: var(--zad-shadow);
    transition: var(--zad-transition);
    overflow: hidden;
    border: 1px solid rgba(var(--zad-primary-rgb), 0.1);
    height: 100%;
    min-height: 280px;
}

.destination-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--zad-gold) 0%, var(--zad-accent) 50%, var(--zad-gold) 100%);
    transform: scaleX(0);
    transition: var(--zad-transition);
}

.destination-card:hover::before {
    transform: scaleX(1);
}

.destination-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--zad-shadow-xl);
    border-color: var(--zad-gold);
}

.card-inner {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.card-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    position: relative;
    transition: var(--zad-transition);
    box-shadow: var(--zad-shadow);
}

.card-icon::before {
    content: '';
    position: absolute;
    inset: -3px;
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 50%, var(--zad-gold) 100%);
    border-radius: 50%;
    opacity: 0;
    transition: var(--zad-transition);
    z-index: -1;
}

.card-icon i {
    font-size: 2rem;
    color: var(--zad-white);
    transition: var(--zad-transition);
}

.destination-card:hover .card-icon {
    transform: scale(1.1) rotate(5deg);
}

.destination-card:hover .card-icon::before {
    opacity: 1;
    animation: rotate 3s linear infinite;
}

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

.card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.destination-number {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 3rem;
    font-weight: 900;
    color: rgba(var(--zad-primary-rgb), 0.1);
    line-height: 1;
    transition: var(--zad-transition);
}

.destination-card:hover .destination-number {
    color: var(--zad-gold);
    transform: scale(1.1);
}

.destination-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    color: var(--zad-primary);
    transition: var(--zad-transition);
}

.destination-title a {
    color: inherit;
    text-decoration: none;
    transition: var(--zad-transition);
}

.destination-title a:hover {
    color: var(--zad-gold);
}

.destination-description {
    color: var(--zad-muted);
    font-size: 0.875rem;
    line-height: 1.6;
    margin-bottom: 1rem;
    flex: 1;
}

.destination-stats {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.stat-item {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--zad-primary);
    background: rgba(var(--zad-gold-rgb), 0.1);
    padding: 0.25rem 0.5rem;
    border-radius: var(--zad-border-radius);
    transition: var(--zad-transition);
}

.stat-item i {
    font-size: 0.875rem;
    color: var(--zad-gold);
}

.destination-card:hover .stat-item {
    background: var(--zad-gold);
    color: var(--zad-primary);
}

.destination-card:hover .stat-item i {
    color: var(--zad-primary);
}

/* Card Overlay */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(var(--zad-primary-rgb), 0.9) 0%, rgba(var(--zad-gold-rgb), 0.8) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: var(--zad-transition);
    border-radius: var(--zad-border-radius-lg);
}

.overlay-content {
    color: var(--zad-white);
    font-size: 2rem;
    transform: scale(0.5);
    transition: var(--zad-transition);
}

.destination-card:hover .card-overlay {
    opacity: 1;
}

.destination-card:hover .overlay-content {
    transform: scale(1);
}

/* Floating Background Elements */
.destination-bg-elements {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: -1;
}

.floating-element {
    position: absolute;
    color: rgba(var(--zad-gold-rgb), 0.3);
    font-size: 1.5rem;
    animation: float 6s ease-in-out infinite;
}

.floating-element.element-1 {
    top: 10%;
    left: 5%;
    animation-delay: 0s;
}

.floating-element.element-2 {
    top: 20%;
    right: 10%;
    animation-delay: 2s;
}

.floating-element.element-3 {
    bottom: 15%;
    left: 15%;
    animation-delay: 4s;
}

@keyframes float {
    0%, 100% {
        transform: translateY(0px) rotate(0deg);
        opacity: 0.3;
    }
    50% {
        transform: translateY(-20px) rotate(180deg);
        opacity: 0.7;
    }
}

/* Responsive Design */
@media (max-width: 1200px) {
    .destination-card {
        min-height: 260px;
        padding: 1.5rem;
    }
    
    .card-icon {
        width: 70px;
        height: 70px;
    }
    
    .card-icon i {
        font-size: 1.75rem;
    }
    
    .destination-title {
        font-size: 1.125rem;
    }
}

@media (max-width: 991px) {
    .destination-card {
        min-height: 240px;
        padding: 1.25rem;
    }
    
    .card-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 1rem;
    }
    
    .card-icon i {
        font-size: 1.5rem;
    }
    
    .destination-number {
        font-size: 2.5rem;
    }
}

@media (max-width: 767px) {
    .destination-card {
        min-height: 220px;
        padding: 1rem;
    }
    
    .card-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 0.75rem;
    }
    
    .card-icon i {
        font-size: 1.25rem;
    }
    
    .destination-title {
        font-size: 1rem;
    }
    
    .destination-description {
        font-size: 0.8rem;
    }
    
    .destination-number {
        font-size: 2rem;
    }
    
    .enhanced-btn {
        padding: 0.75rem 1.5rem;
        font-size: 0.8rem;
    }
}

@media (max-width: 575px) {
    .destination-card {
        min-height: 200px;
        padding: 0.75rem;
    }
    
    .card-icon {
        width: 45px;
        height: 45px;
        margin-bottom: 0.5rem;
    }
    
    .card-icon i {
        font-size: 1.125rem;
    }
    
    .destination-title {
        font-size: 0.9rem;
    }
    
    .destination-description {
        font-size: 0.75rem;
    }
    
    .destination-number {
        font-size: 1.75rem;
    }
    
    .destination-badge {
        padding: 0.5rem 1rem;
        font-size: 0.75rem;
    }
    
    .stats-grid {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
    
    .stat-card {
        padding: 0.75rem;
    }
    
    .stat-icon {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
    
    .stat-number {
        font-size: 1.25rem;
    }
    
    .stat-label {
        font-size: 0.7rem;
    }
    
    .card-action-btn {
        padding: 0.4rem 0.8rem;
        font-size: 0.8rem;
    }
    
    .card-action-btn i {
        font-size: 0.875rem;
    }
}

/* Enhanced Stats Overview */
.destination-stats-overview {
    margin-top: 2rem;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin-top: 1.5rem;
}

.stat-card {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: rgba(var(--zad-white-rgb), 0.8);
    border-radius: var(--zad-border-radius);
    border: 1px solid rgba(var(--zad-primary-rgb), 0.1);
    transition: var(--zad-transition);
    backdrop-filter: blur(10px);
}

.stat-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--zad-shadow);
    border-color: var(--zad-gold);
}

.stat-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--zad-white);
    font-size: 1.25rem;
    transition: var(--zad-transition);
}

.stat-card:hover .stat-icon {
    transform: scale(1.1) rotate(5deg);
}

.stat-content {
    flex: 1;
}

.stat-number {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--zad-primary);
    margin: 0;
    line-height: 1.2;
}

.stat-label {
    font-size: 0.75rem;
    color: var(--zad-muted);
    margin: 0;
    font-weight: 500;
}

/* Card Actions */
.card-actions {
    margin-top: auto;
    padding-top: 1rem;
}

.card-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
    text-decoration: none;
    border-radius: var(--zad-border-radius);
    font-size: 0.875rem;
    font-weight: 600;
    transition: var(--zad-transition);
    position: relative;
    overflow: hidden;
}

.card-action-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: var(--zad-transition);
}

.card-action-btn:hover::before {
    left: 100%;
}

.card-action-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--zad-shadow);
    color: var(--zad-white);
}

.card-action-btn i {
    font-size: 1rem;
    transition: var(--zad-transition);
}

.card-action-btn:hover i {
    transform: scale(1.1);
}

/* Enhanced Card Interactions */
.destination-card {
    cursor: pointer;
}

.destination-card:focus-within {
    outline: 2px solid var(--zad-gold);
    outline-offset: 2px;
}

.destination-card:focus-within .card-icon {
    transform: scale(1.05);
}

/* Loading States */
.destination-card.loading {
    position: relative;
    overflow: hidden;
}

.destination-card.loading::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    0% { left: -100%; }
    100% { left: 100%; }
}

/* Print Styles */
@media print {
    .destination-card {
        break-inside: avoid;
        box-shadow: none;
        border: 1px solid #000;
    }
    
    .card-overlay,
    .floating-element,
    .enhanced-btn,
    .card-action-btn {
        display: none !important;
    }
    
    .destination-card:hover {
        transform: none !important;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .destination-card,
    .card-icon,
    .destination-number,
    .floating-element,
    .enhanced-btn,
    .destination-badge,
    .stat-card,
    .card-action-btn {
        transition: none !important;
        animation: none !important;
    }
    
    .destination-card:hover,
    .destination-card:hover .card-icon,
    .destination-card:hover .destination-number,
    .stat-card:hover,
    .stat-card:hover .stat-icon {
        transform: none !important;
    }
}

@media (prefers-contrast: high) {
    .destination-card {
        border: 2px solid var(--zad-primary) !important;
        background: var(--zad-white) !important;
    }
    
    .card-icon {
        background: var(--zad-primary) !important;
    }
    
    .destination-title,
    .destination-description {
        color: var(--zad-primary) !important;
        -webkit-text-fill-color: var(--zad-primary) !important;
    }
    
    .gradient-text,
    .gradient-bg {
        color: var(--zad-primary) !important;
        -webkit-text-fill-color: var(--zad-primary) !important;
        background: none !important;
    }
}

/* ===== Enhanced Package Section Styles ===== */
.enhanced-packages-section {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(21, 3, 66, 0.03) 0%, rgba(1, 255, 132, 0.08) 100%);
}

/* Package Badge */
.package-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 100%);
    color: var(--zad-primary);
    font-weight: 600;
    font-size: 0.875rem;
    border-radius: var(--zad-border-radius-xl);
    box-shadow: var(--zad-shadow);
    position: relative;
    overflow: hidden;
    transition: var(--zad-transition);
}

.package-badge::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: var(--zad-transition);
}

.package-badge:hover::before {
    left: 100%;
}

.package-badge:hover {
    transform: translateY(-2px);
    box-shadow: var(--zad-shadow-lg);
}

/* Enhanced Package Container */
.enhanced-package-container {
    position: relative;
    padding: 2rem 0;
}

.package-flex-container {
    display: flex;
    gap: 2rem;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
}

.package-flex-item {
    flex: 1;
    min-width: 300px;
    max-width: 400px;
}

/* Package Cards */
.package-card {
    background: var(--zad-white);
    border-radius: var(--zad-border-radius-lg);
    padding: 2rem;
    box-shadow: var(--zad-shadow);
    transition: var(--zad-transition);
    overflow: hidden;
    border: 1px solid rgba(var(--zad-primary-rgb), 0.1);
    height: 100%;
    position: relative;
    cursor: pointer;
}

.package-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--zad-gold) 0%, var(--zad-accent) 50%, var(--zad-gold) 100%);
    transform: scaleX(0);
    transition: var(--zad-transition);
}

.package-card:hover::before {
    transform: scaleX(1);
}

.package-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--zad-shadow-xl);
    border-color: var(--zad-gold);
}

/* Package Header */
.package-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.package-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--zad-transition);
    box-shadow: var(--zad-shadow);
}

.package-icon i {
    font-size: 1.5rem;
    color: var(--zad-white);
    transition: var(--zad-transition);
}

.package-card:hover .package-icon {
    transform: scale(1.1) rotate(5deg);
}

.package-badge {
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.75rem;
    border-radius: var(--zad-border-radius);
    color: var(--zad-white);
    background: var(--zad-primary);
}

.vip-badge {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    color: var(--zad-primary);
}

.vvip-badge {
    background: linear-gradient(135deg, #C0C0C0 0%, #808080 100%);
    color: var(--zad-white);
}

.family-badge {
    background: linear-gradient(135deg, #FF6B6B 0%, #FF8E8E 100%);
    color: var(--zad-white);
}

.standard-badge {
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
}

/* Featured Card */
.featured-card {
    transform: scale(1.05);
    border: 2px solid var(--zad-gold);
    box-shadow: var(--zad-shadow-xl);
    position: relative;
}

.featured-card::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 50%, var(--zad-gold) 100%);
    border-radius: var(--zad-border-radius-lg);
    z-index: -1;
    animation: featured-glow 2s ease-in-out infinite alternate;
}

@keyframes featured-glow {
    0% { opacity: 0.7; }
    100% { opacity: 1; }
}

.featured-badge {
    position: absolute;
    top: -10px;
    right: 20px;
    background: linear-gradient(135deg, #FF6B6B 0%, #FF8E8E 100%);
    color: var(--zad-white);
    padding: 0.25rem 0.75rem;
    border-radius: var(--zad-border-radius);
    font-size: 0.7rem;
    font-weight: 700;
    box-shadow: var(--zad-shadow);
    animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

/* Package Content */
.package-content {
    margin-bottom: 1.5rem;
}

.package-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--zad-primary);
    margin-bottom: 0.75rem;
    transition: var(--zad-transition);
}

.package-card:hover .package-title {
    color: var(--zad-gold);
}

.package-description {
    color: var(--zad-muted);
    font-size: 0.875rem;
    line-height: 1.6;
    margin-bottom: 1rem;
}

/* Package Features */
.package-features {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: var(--zad-primary);
}

.feature-item i {
    color: var(--zad-gold);
    font-size: 0.875rem;
}

/* Package Duration */
.package-duration {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: var(--zad-muted);
    margin-bottom: 1rem;
}

.package-duration i {
    color: var(--zad-gold);
}

/* Package Price */
.package-price {
    text-align: center;
    margin-bottom: 1.5rem;
}

.price-amount {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--zad-primary);
    margin-bottom: 0.25rem;
}

.price-note {
    font-size: 0.75rem;
    color: var(--zad-muted);
}

/* Package Footer */
.package-footer {
    text-align: center;
}

.package-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
    text-decoration: none;
    border-radius: var(--zad-border-radius);
    font-size: 0.875rem;
    font-weight: 600;
    transition: var(--zad-transition);
    position: relative;
    overflow: hidden;
}

.package-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: var(--zad-transition);
}

.package-btn:hover::before {
    left: 100%;
}

.package-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--zad-shadow);
    color: var(--zad-white);
}

.vip-btn {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    color: var(--zad-primary);
}

.vvip-btn {
    background: linear-gradient(135deg, #C0C0C0 0%, #808080 100%);
    color: var(--zad-white);
}

.family-btn {
    background: linear-gradient(135deg, #FF6B6B 0%, #FF8E8E 100%);
    color: var(--zad-white);
}

.standard-btn {
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
}

/* Package Navigation */
.package-navigation {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
}

.package-nav-btn {
    width: 50px;
    height: 50px;
    background: var(--zad-white);
    border: 2px solid var(--zad-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--zad-primary);
    font-size: 1.25rem;
    transition: var(--zad-transition);
    cursor: pointer;
}

.package-nav-btn:hover {
    background: var(--zad-primary);
    color: var(--zad-white);
    transform: scale(1.1);
}

/* Enhanced CTA Button */
.enhanced-cta-btn {
    display: inline-flex;
    align-items: center;
    padding: 1.25rem 2.5rem;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
    text-decoration: none;
    border-radius: var(--zad-border-radius-xl);
    font-weight: 600;
    font-size: 1rem;
    position: relative;
    overflow: hidden;
    transition: var(--zad-transition);
    box-shadow: var(--zad-shadow-lg);
    border: 2px solid transparent;
}

.enhanced-cta-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: var(--zad-transition);
}

.enhanced-cta-btn:hover::before {
    left: 100%;
}

.enhanced-cta-btn:hover {
    transform: translateY(-3px);
    box-shadow: var(--zad-shadow-xl);
    border-color: var(--zad-gold);
}

/* Package Background Elements */
.package-bg-elements {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: -1;
}

.floating-package-element {
    position: absolute;
    color: rgba(var(--zad-gold-rgb), 0.3);
    font-size: 1.5rem;
    animation: float 6s ease-in-out infinite;
}

.floating-package-element.element-1 {
    top: 15%;
    left: 10%;
    animation-delay: 0s;
}

.floating-package-element.element-2 {
    top: 25%;
    right: 15%;
    animation-delay: 2s;
}

.floating-package-element.element-3 {
    bottom: 20%;
    left: 20%;
    animation-delay: 4s;
}

/* ===== Enhanced FAQ Section Styles ===== */
.enhanced-faq-section {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(21, 3, 66, 0.02) 0%, rgba(1, 255, 132, 0.05) 100%);
}

/* FAQ Badge */
.faq-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 100%);
    color: var(--zad-primary);
    font-weight: 600;
    font-size: 0.875rem;
    border-radius: var(--zad-border-radius-xl);
    box-shadow: var(--zad-shadow);
    position: relative;
    overflow: hidden;
    transition: var(--zad-transition);
}

.faq-badge::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: var(--zad-transition);
}

.faq-badge:hover::before {
    left: 100%;
}

.faq-badge:hover {
    transform: translateY(-2px);
    box-shadow: var(--zad-shadow-lg);
}

/* FAQ Stats */
.faq-stats {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

.faq-stats .stat-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: var(--zad-primary);
    background: rgba(var(--zad-gold-rgb), 0.1);
    padding: 0.5rem 1rem;
    border-radius: var(--zad-border-radius);
    transition: var(--zad-transition);
}

.faq-stats .stat-item i {
    color: var(--zad-gold);
    font-size: 1rem;
}

.faq-stats .stat-item:hover {
    background: var(--zad-gold);
    color: var(--zad-primary);
}

.faq-stats .stat-item:hover i {
    color: var(--zad-primary);
}

/* Enhanced FAQ Items */
.enhanced-faq-item {
    background: var(--zad-white);
    border-radius: var(--zad-border-radius-lg);
    margin-bottom: 1rem;
    box-shadow: var(--zad-shadow);
    border: 1px solid rgba(var(--zad-primary-rgb), 0.1);
    overflow: hidden;
    transition: var(--zad-transition);
}

.enhanced-faq-item:hover {
    box-shadow: var(--zad-shadow-lg);
    border-color: var(--zad-gold);
}

.enhanced-faq-button {
    background: var(--zad-white);
    border: none;
    padding: 1.5rem;
    width: 100%;
    text-align: left;
    font-weight: 600;
    color: var(--zad-primary);
    transition: var(--zad-transition);
    position: relative;
    display: flex;
    align-items: center;
}

.enhanced-faq-button:hover {
    background: rgba(var(--zad-gold-rgb), 0.05);
    color: var(--zad-gold);
}

.enhanced-faq-button:not(.collapsed) {
    background: linear-gradient(135deg, rgba(var(--zad-primary-rgb), 0.05) 0%, rgba(var(--zad-gold-rgb), 0.1) 100%);
    color: var(--zad-primary);
}

.enhanced-faq-button i {
    font-size: 1.25rem;
    margin-right: 1rem;
    transition: var(--zad-transition);
}

.enhanced-faq-button:hover i {
    transform: scale(1.1);
}

.enhanced-faq-body {
    padding: 1.5rem;
    background: var(--zad-white);
    border-top: 1px solid rgba(var(--zad-primary-rgb), 0.1);
}

.enhanced-faq-body p {
    color: var(--zad-muted);
    line-height: 1.6;
    margin-bottom: 1rem;
}

/* FAQ Features */
.faq-features {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.feature-tag {
    background: rgba(var(--zad-gold-rgb), 0.1);
    color: var(--zad-primary);
    padding: 0.25rem 0.75rem;
    border-radius: var(--zad-border-radius);
    font-size: 0.75rem;
    font-weight: 600;
    transition: var(--zad-transition);
}

.feature-tag:hover {
    background: var(--zad-gold);
    color: var(--zad-primary);
}

/* Duration Breakdown */
.duration-breakdown {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

.duration-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: var(--zad-primary);
    background: rgba(var(--zad-gold-rgb), 0.1);
    padding: 0.5rem 1rem;
    border-radius: var(--zad-border-radius);
}

.duration-item i {
    color: var(--zad-gold);
}

/* Timeline */
.timeline {
    margin-top: 1rem;
}

.timeline-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
    color: var(--zad-primary);
}

.timeline-dot {
    width: 8px;
    height: 8px;
    background: var(--zad-gold);
    border-radius: 50%;
    flex-shrink: 0;
}

/* Payment Methods */
.payment-methods {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

.payment-method {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: var(--zad-primary);
    background: rgba(var(--zad-gold-rgb), 0.1);
    padding: 0.5rem 1rem;
    border-radius: var(--zad-border-radius);
}

.payment-method i {
    color: var(--zad-gold);
}

/* Family Benefits */
.family-benefits {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

.benefit-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: var(--zad-primary);
    background: rgba(var(--zad-gold-rgb), 0.1);
    padding: 0.5rem 1rem;
    border-radius: var(--zad-border-radius);
}

.benefit-item i {
    color: var(--zad-gold);
}

/* Support Features */
.support-features {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

.support-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: var(--zad-primary);
    background: rgba(var(--zad-gold-rgb), 0.1);
    padding: 0.5rem 1rem;
    border-radius: var(--zad-border-radius);
}

.support-item i {
    color: var(--zad-gold);
}

/* FAQ CTA */
.faq-cta {
    margin-top: 2rem;
}

.cta-card {
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    border-radius: var(--zad-border-radius-lg);
    padding: 2rem;
    text-align: center;
    color: var(--zad-white);
    position: relative;
    overflow: hidden;
}

.cta-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    transition: var(--zad-transition);
}

.cta-card:hover::before {
    left: 100%;
}

.cta-icon {
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    font-size: 2rem;
}

.cta-content h4 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.cta-content p {
    margin-bottom: 1.5rem;
    opacity: 0.9;
}

.cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: var(--zad-white);
    color: var(--zad-primary);
    text-decoration: none;
    border-radius: var(--zad-border-radius);
    font-weight: 600;
    transition: var(--zad-transition);
}

.cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--zad-shadow);
    color: var(--zad-primary);
}

/* FAQ Background Elements */
.faq-bg-elements {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: -1;
}

.floating-faq-element {
    position: absolute;
    color: rgba(var(--zad-gold-rgb), 0.3);
    font-size: 1.5rem;
    animation: float 6s ease-in-out infinite;
}

.floating-faq-element.element-1 {
    top: 10%;
    left: 5%;
    animation-delay: 0s;
}

.floating-faq-element.element-2 {
    top: 20%;
    right: 10%;
    animation-delay: 2s;
}

.floating-faq-element.element-3 {
    bottom: 15%;
    left: 15%;
    animation-delay: 4s;
}

/* Responsive Design for Enhanced Sections */
@media (max-width: 1200px) {
    .package-flex-container {
        gap: 1.5rem;
    }
    
    .package-flex-item {
        min-width: 280px;
        max-width: 350px;
    }
    
    .package-card {
        padding: 1.5rem;
    }
    
    .package-icon {
        width: 50px;
        height: 50px;
    }
    
    .package-icon i {
        font-size: 1.25rem;
    }
    
    .package-title {
        font-size: 1.125rem;
    }
    
    .price-amount {
        font-size: 1.25rem;
    }
}

@media (max-width: 991px) {
    .package-flex-container {
        gap: 1rem;
        flex-direction: column;
        align-items: center;
    }
    
    .package-flex-item {
        min-width: 100%;
        max-width: 500px;
    }
    
    .featured-card {
        transform: scale(1.02);
    }
    
    .package-card {
        padding: 1.25rem;
    }
    
    .package-icon {
        width: 45px;
        height: 45px;
    }
    
    .package-icon i {
        font-size: 1.125rem;
    }
    
    .package-features {
        gap: 0.25rem;
    }
    
    .feature-item {
        font-size: 0.75rem;
    }
    
    .enhanced-faq-button {
        padding: 1.25rem;
        font-size: 0.9rem;
    }
    
    .enhanced-faq-button i {
        font-size: 1rem;
        margin-right: 0.75rem;
    }
}

@media (max-width: 767px) {
    .package-flex-container {
        gap: 1rem;
    }
    
    .package-flex-item {
        min-width: 100%;
        max-width: 100%;
    }
    
    .featured-card {
        transform: scale(1);
    }
    
    .package-card {
        padding: 1rem;
    }
    
    .package-header {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }
    
    .package-icon {
        width: 40px;
        height: 40px;
    }
    
    .package-icon i {
        font-size: 1rem;
    }
    
    .package-title {
        font-size: 1rem;
    }
    
    .package-description {
        font-size: 0.8rem;
    }
    
    .price-amount {
        font-size: 1.125rem;
    }
    
    .package-btn {
        padding: 0.5rem 1rem;
        font-size: 0.8rem;
    }
    
    .enhanced-cta-btn {
        padding: 1rem 2rem;
        font-size: 0.9rem;
    }
    
    .enhanced-faq-button {
        padding: 1rem;
        font-size: 0.85rem;
    }
    
    .enhanced-faq-button i {
        font-size: 0.9rem;
        margin-right: 0.5rem;
    }
    
    .enhanced-faq-body {
        padding: 1rem;
    }
    
    .faq-features,
    .duration-breakdown,
    .payment-methods,
    .family-benefits,
    .support-features {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .cta-card {
        padding: 1.5rem;
    }
    
    .cta-icon {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
    }
}

@media (max-width: 575px) {
    .package-card {
        padding: 0.75rem;
    }
    
    .package-icon {
        width: 35px;
        height: 35px;
    }
    
    .package-icon i {
        font-size: 0.875rem;
    }
    
    .package-title {
        font-size: 0.9rem;
    }
    
    .package-description {
        font-size: 0.75rem;
    }
    
    .feature-item {
        font-size: 0.7rem;
    }
    
    .price-amount {
        font-size: 1rem;
    }
    
    .package-btn {
        padding: 0.4rem 0.8rem;
        font-size: 0.75rem;
    }
    
    .enhanced-cta-btn {
        padding: 0.75rem 1.5rem;
        font-size: 0.8rem;
    }
    
    .package-badge,
    .faq-badge {
        padding: 0.5rem 1rem;
        font-size: 0.75rem;
    }
    
    .faq-stats {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .faq-stats .stat-item {
        font-size: 0.7rem;
        padding: 0.4rem 0.8rem;
    }
    
    .cta-card {
        padding: 1rem;
    }
    
    .cta-icon {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }
    
    .cta-content h4 {
        font-size: 1.25rem;
    }
    
    .cta-content p {
        font-size: 0.8rem;
    }
    
    .cta-btn {
        padding: 0.5rem 1rem;
        font-size: 0.8rem;
    }
}

/* Accessibility for Enhanced Sections */
@media (prefers-reduced-motion: reduce) {
    .package-card,
    .package-icon,
    .package-btn,
    .enhanced-cta-btn,
    .enhanced-faq-item,
    .enhanced-faq-button,
    .floating-package-element,
    .floating-faq-element,
    .package-badge,
    .faq-badge {
        transition: none !important;
        animation: none !important;
    }
    
    .package-card:hover,
    .package-card:hover .package-icon,
    .enhanced-faq-item:hover {
        transform: none !important;
    }
}

@media (prefers-contrast: high) {
    .package-card,
    .enhanced-faq-item {
        border: 2px solid var(--zad-primary) !important;
        background: var(--zad-white) !important;
    }
    
    .package-icon,
    .cta-icon {
        background: var(--zad-primary) !important;
    }
    
    .package-title,
    .package-description,
    .enhanced-faq-button,
    .enhanced-faq-body p {
        color: var(--zad-primary) !important;
        -webkit-text-fill-color: var(--zad-primary) !important;
    }
    
    .cta-card {
        background: var(--zad-primary) !important;
    }
    
    .cta-card h4,
    .cta-card p {
        color: var(--zad-white) !important;
        -webkit-text-fill-color: var(--zad-white) !important;
    }
}


/* ========================================
   ENHANCED CTA SECTION STYLES
======================================== */

/* Enhanced CTA Section */
.enhanced-cta-section {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, var(--zad-primary) 0%, #1a0a4a 50%, var(--zad-primary) 100%);
    min-height: 80vh;
    display: flex;
    align-items: center;
}

/* CTA Background */
.cta-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.cta-gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.9) 0%, 
        rgba(1, 255, 132, 0.1) 25%, 
        rgba(255, 215, 0, 0.1) 50%, 
        rgba(21, 3, 66, 0.9) 75%, 
        rgba(1, 255, 132, 0.1) 100%);
    animation: gradient-shift 8s ease-in-out infinite;
}

@keyframes gradient-shift {
    0%, 100% { opacity: 0.8; }
    50% { opacity: 1; }
}

.cta-pattern-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 20% 20%, rgba(1, 255, 132, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(255, 215, 0, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 40% 60%, rgba(1, 255, 132, 0.05) 0%, transparent 50%);
    animation: pattern-float 12s ease-in-out infinite;
}

@keyframes pattern-float {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(2deg); }
}

/* CTA Wrapper */
.enhanced-cta-wrapper {
    position: relative;
    z-index: 2;
    padding: 3rem 0;
}

/* CTA Badge */
.cta-badge {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 100%);
    color: var(--zad-white);
    padding: 0.5rem 1.5rem;
    border-radius: var(--zad-border-radius-xl);
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: var(--zad-shadow-lg);
    animation: badge-pulse 3s ease-in-out infinite;
}

@keyframes badge-pulse {
    0%, 100% { transform: scale(1); box-shadow: var(--zad-shadow-lg); }
    50% { transform: scale(1.05); box-shadow: 0 25px 70px rgba(1, 255, 132, 0.3); }
}

/* CTA Title */
.cta-title {
    font-size: 3.5rem;
    line-height: 1.2;
    margin-bottom: 2rem;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.gradient-text-white {
    background: linear-gradient(135deg, var(--zad-white) 0%, var(--zad-gold) 50%, var(--zad-white) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: text-shimmer 3s ease-in-out infinite;
}

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

.gradient-bg-white {
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* CTA Description */
.cta-description {
    font-size: 1.25rem;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto 2rem;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.text-white-80 {
    color: rgba(255, 255, 255, 0.8);
}

/* CTA Stats */
.cta-stats {
    margin: 2rem 0;
}

.stats-row {
    display: flex;
    justify-content: center;
    gap: 3rem;
    flex-wrap: wrap;
}

.cta-stats .stat-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    padding: 1.5rem 2rem;
    border-radius: var(--zad-border-radius-lg);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: var(--zad-transition);
    animation: stat-float 4s ease-in-out infinite;
}

.cta-stats .stat-item:nth-child(2) {
    animation-delay: 1s;
}

.cta-stats .stat-item:nth-child(3) {
    animation-delay: 2s;
}

@keyframes stat-float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

.cta-stats .stat-item:hover {
    transform: translateY(-5px) scale(1.05);
    background: rgba(255, 255, 255, 0.15);
    box-shadow: var(--zad-shadow-xl);
}

.cta-stats .stat-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: var(--zad-white);
    box-shadow: var(--zad-shadow);
}

.cta-stats .stat-content h4 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--zad-white);
    margin: 0;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.cta-stats .stat-content p {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* CTA Buttons */
.cta-buttons {
    margin: 2rem 0;
    gap: 1.5rem;
}

.cta-primary-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 100%);
    color: var(--zad-white);
    padding: 1.25rem 2.5rem;
    border-radius: var(--zad-border-radius-xl);
    text-decoration: none;
    font-weight: 700;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: var(--zad-shadow-xl);
    transition: var(--zad-transition);
    overflow: hidden;
    border: 2px solid transparent;
}

.cta-primary-btn:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 30px 80px rgba(1, 255, 132, 0.4);
    color: var(--zad-white);
    text-decoration: none;
}

.cta-primary-btn .btn-shine {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.6s ease;
}

.cta-primary-btn:hover .btn-shine {
    left: 100%;
}

.cta-secondary-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    background: transparent;
    color: var(--zad-white);
    padding: 1.25rem 2.5rem;
    border: 2px solid var(--zad-gold);
    border-radius: var(--zad-border-radius-xl);
    text-decoration: none;
    font-weight: 700;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: var(--zad-transition);
    backdrop-filter: blur(10px);
}

.cta-secondary-btn:hover {
    background: var(--zad-gold);
    color: var(--zad-primary);
    transform: translateY(-3px) scale(1.05);
    box-shadow: var(--zad-shadow-xl);
    text-decoration: none;
}

.cta-secondary-btn .btn-arrow {
    transition: var(--zad-transition);
}

.cta-secondary-btn:hover .btn-arrow {
    transform: translateX(5px);
}

/* Trust Indicators */
.trust-indicators {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.trust-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.9rem;
    font-weight: 500;
    transition: var(--zad-transition);
}

.trust-item:hover {
    color: var(--zad-gold);
    transform: translateY(-2px);
}

.trust-item i {
    font-size: 1rem;
    color: var(--zad-gold);
}

/* Floating Background Elements */
.cta-bg-elements {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}

.floating-cta-element {
    position: absolute;
    color: rgba(1, 255, 132, 0.2);
    font-size: 2rem;
    animation: float-cta 6s ease-in-out infinite;
}

.floating-cta-element.element-1 {
    top: 10%;
    left: 10%;
    animation-delay: 0s;
}

.floating-cta-element.element-2 {
    top: 20%;
    right: 15%;
    animation-delay: 1s;
}

.floating-cta-element.element-3 {
    bottom: 30%;
    left: 20%;
    animation-delay: 2s;
}

.floating-cta-element.element-4 {
    bottom: 20%;
    right: 10%;
    animation-delay: 3s;
}

.floating-cta-element.element-5 {
    top: 50%;
    left: 5%;
    animation-delay: 4s;
}

@keyframes float-cta {
    0%, 100% { 
        transform: translateY(0px) rotate(0deg); 
        opacity: 0.2; 
    }
    50% { 
        transform: translateY(-20px) rotate(180deg); 
        opacity: 0.4; 
    }
}

/* Animated SVG Shapes */
.cta-svg-shapes {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}

.cta-shape-1 {
    position: absolute;
    top: 15%;
    left: 5%;
    width: 200px;
    height: 200px;
    opacity: 0.3;
}

.cta-shape-2 {
    position: absolute;
    top: 60%;
    right: 8%;
    width: 150px;
    height: 150px;
    opacity: 0.4;
}

.cta-shape-3 {
    position: absolute;
    bottom: 15%;
    left: 15%;
    width: 100px;
    height: 100px;
    opacity: 0.5;
}

/* Responsive Design for CTA */
@media (max-width: 1200px) {
    .cta-title {
        font-size: 3rem;
    }
    
    .stats-row {
        gap: 2rem;
    }
    
    .cta-stats .stat-item {
        padding: 1.25rem 1.5rem;
    }
}

@media (max-width: 991px) {
    .cta-title {
        font-size: 2.5rem;
    }
    
    .cta-description {
        font-size: 1.1rem;
    }
    
    .stats-row {
        flex-direction: column;
        align-items: center;
        gap: 1.5rem;
    }
    
    .cta-buttons {
        flex-direction: column;
        align-items: center;
    }
    
    .cta-primary-btn,
    .cta-secondary-btn {
        padding: 1rem 2rem;
        font-size: 1rem;
    }
    
    .trust-indicators {
        gap: 1.5rem;
    }
}

@media (max-width: 767px) {
    .enhanced-cta-section {
        min-height: 70vh;
        padding: 2rem 0;
    }
    
    .cta-title {
        font-size: 2rem;
    }
    
    .cta-description {
        font-size: 1rem;
    }
    
    .cta-stats .stat-item {
        padding: 1rem 1.25rem;
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }
    
    .cta-stats .stat-icon {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
    
    .cta-stats .stat-content h4 {
        font-size: 1.25rem;
    }
    
    .cta-primary-btn,
    .cta-secondary-btn {
        padding: 0.875rem 1.5rem;
        font-size: 0.9rem;
    }
    
    .trust-indicators {
        flex-direction: column;
        gap: 1rem;
    }
    
    .cta-shape-1,
    .cta-shape-2,
    .cta-shape-3 {
        display: none;
    }
}

@media (max-width: 575px) {
    .cta-title {
        font-size: 1.75rem;
    }
    
    .cta-badge {
        padding: 0.4rem 1rem;
        font-size: 0.8rem;
    }
    
    .cta-stats .stat-item {
        padding: 0.875rem 1rem;
    }
    
    .cta-primary-btn,
    .cta-secondary-btn {
        padding: 0.75rem 1.25rem;
        font-size: 0.85rem;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .cta-gradient-overlay,
    .cta-pattern-overlay,
    .floating-cta-element,
    .cta-badge,
    .gradient-text-white,
    .cta-stats .stat-item,
    .cta-primary-btn .btn-shine {
        animation: none;
    }
    
    .cta-primary-btn:hover,
    .cta-secondary-btn:hover,
    .cta-stats .stat-item:hover,
    .trust-item:hover {
        transform: none;
    }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .enhanced-cta-section {
        background: var(--zad-primary);
    }
    
    .cta-title,
    .cta-description,
    .cta-stats .stat-content h4 {
        color: var(--zad-white);
    }
    
    .cta-primary-btn {
        background: var(--zad-gold);
        border: 2px solid var(--zad-white);
    }
    
    .cta-secondary-btn {
        border: 2px solid var(--zad-white);
        color: var(--zad-white);
    }
}


/* Enhanced CTA Title Colors */
.gradient-text-white {
    background: linear-gradient(135deg, 
        #FFFFFF 0%, 
        #01FF84 25%, 
        #FFD700 50%, 
        #01FF84 75%, 
        #FFFFFF 100%);
    background-size: 300% 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: text-shimmer 4s ease-in-out infinite;
    text-shadow: 0 0 30px rgba(1, 255, 132, 0.5);
}

.gradient-bg-white {
    background: linear-gradient(135deg, 
        #FFD700 0%, 
        #01FF84 25%, 
        #FFD700 50%, 
        #01FF84 75%, 
        #FFD700 100%);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: gradient-shift 3s ease-in-out infinite;
    text-shadow: 0 0 20px rgba(255, 215, 0, 0.6);
}

/* Enhanced text shimmer animation */
@keyframes text-shimmer {
    0% { 
        background-position: 0% 50%; 
        filter: brightness(1);
    }
    50% { 
        background-position: 100% 50%; 
        filter: brightness(1.2);
    }
    100% { 
        background-position: 0% 50%; 
        filter: brightness(1);
    }
}

/* Fallback for browsers that don't support background-clip: text */
@supports not (-webkit-background-clip: text) {
    .gradient-text-white {
        color: #FFFFFF;
        text-shadow: 
            0 0 10px rgba(1, 255, 132, 0.8),
            0 0 20px rgba(255, 215, 0, 0.6),
            0 0 30px rgba(1, 255, 132, 0.4);
    }
    
    .gradient-bg-white {
        color: #FFD700;
        text-shadow: 
            0 0 10px rgba(255, 215, 0, 0.8),
            0 0 20px rgba(1, 255, 132, 0.6),
            0 0 30px rgba(255, 215, 0, 0.4);
    }
}

/* Enhanced CTA title with better visibility */
.cta-title {
    font-size: 3.5rem;
    line-height: 1.2;
    margin-bottom: 2rem;
    text-shadow: 
        0 4px 20px rgba(0, 0, 0, 0.3),
        0 0 40px rgba(1, 255, 132, 0.3);
    filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.2));
}

/* Mobile responsive text colors */
@media (max-width: 991px) {
    .cta-title {
        font-size: 2.5rem;
        text-shadow: 
            0 3px 15px rgba(0, 0, 0, 0.3),
            0 0 30px rgba(1, 255, 132, 0.4);
    }
}

@media (max-width: 767px) {
    .cta-title {
        font-size: 2rem;
        text-shadow: 
            0 2px 10px rgba(0, 0, 0, 0.3),
            0 0 20px rgba(1, 255, 132, 0.5);
    }
}

@media (max-width: 575px) {
    .cta-title {
        font-size: 1.75rem;
        text-shadow: 
            0 2px 8px rgba(0, 0, 0, 0.3),
            0 0 15px rgba(1, 255, 132, 0.6);
    }
}


/* Make CTA Title Text White for Better Visibility */
.gradient-text-white {
    color: #FFFFFF !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
    text-shadow: 
        0 0 10px rgba(1, 255, 132, 0.8),
        0 0 20px rgba(255, 215, 0, 0.6),
        0 0 30px rgba(1, 255, 132, 0.4),
        0 4px 20px rgba(0, 0, 0, 0.3);
    animation: white-text-glow 3s ease-in-out infinite;
}

.gradient-bg-white {
    color: #FFFFFF !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
    text-shadow: 
        0 0 15px rgba(255, 215, 0, 0.8),
        0 0 25px rgba(1, 255, 132, 0.6),
        0 0 35px rgba(255, 215, 0, 0.4),
        0 4px 20px rgba(0, 0, 0, 0.3);
    animation: white-text-glow 3s ease-in-out infinite;
}

@keyframes white-text-glow {
    0%, 100% { 
        text-shadow: 
            0 0 10px rgba(1, 255, 132, 0.8),
            0 0 20px rgba(255, 215, 0, 0.6),
            0 0 30px rgba(1, 255, 132, 0.4),
            0 4px 20px rgba(0, 0, 0, 0.3);
    }
    50% { 
        text-shadow: 
            0 0 15px rgba(1, 255, 132, 1),
            0 0 25px rgba(255, 215, 0, 0.8),
            0 0 35px rgba(1, 255, 132, 0.6),
            0 4px 20px rgba(0, 0, 0, 0.3);
    }
}

/* Enhanced CTA title with white text */
.cta-title {
    color: #FFFFFF !important;
    font-size: 3.5rem;
    line-height: 1.2;
    margin-bottom: 2rem;
    text-shadow: 
        0 0 20px rgba(1, 255, 132, 0.8),
        0 0 30px rgba(255, 215, 0, 0.6),
        0 4px 20px rgba(0, 0, 0, 0.3);
    filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.3));
}

/* Mobile responsive white text */
@media (max-width: 991px) {
    .cta-title {
        color: #FFFFFF !important;
        font-size: 2.5rem;
        text-shadow: 
            0 0 15px rgba(1, 255, 132, 0.8),
            0 0 25px rgba(255, 215, 0, 0.6),
            0 3px 15px rgba(0, 0, 0, 0.3);
    }
}

@media (max-width: 767px) {
    .cta-title {
        color: #FFFFFF !important;
        font-size: 2rem;
        text-shadow: 
            0 0 12px rgba(1, 255, 132, 0.8),
            0 0 20px rgba(255, 215, 0, 0.6),
            0 2px 10px rgba(0, 0, 0, 0.3);
    }
}

@media (max-width: 575px) {
    .cta-title {
        color: #FFFFFF !important;
        font-size: 1.75rem;
        text-shadow: 
            0 0 10px rgba(1, 255, 132, 0.8),
            0 0 15px rgba(255, 215, 0, 0.6),
            0 2px 8px rgba(0, 0, 0, 0.3);
    }
}


/* Remove all effects from CTA title - make it simple white text */
.gradient-text-white {
    color: #FFFFFF !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
    text-shadow: none !important;
    animation: none !important;
    filter: none !important;
}

.gradient-bg-white {
    color: #FFFFFF !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
    text-shadow: none !important;
    animation: none !important;
    filter: none !important;
}

/* Simple white CTA title with no effects */
.cta-title {
    color: #FFFFFF !important;
    font-size: 3.5rem;
    line-height: 1.2;
    margin-bottom: 2rem;
    text-shadow: none !important;
    filter: none !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
    animation: none !important;
}

/* Mobile responsive simple white text */
@media (max-width: 991px) {
    .cta-title {
        color: #FFFFFF !important;
        font-size: 2.5rem;
        text-shadow: none !important;
        filter: none !important;
    }
}

@media (max-width: 767px) {
    .cta-title {
        color: #FFFFFF !important;
        font-size: 2rem;
        text-shadow: none !important;
        filter: none !important;
    }
}

@media (max-width: 575px) {
    .cta-title {
        color: #FFFFFF !important;
        font-size: 1.75rem;
        text-shadow: none !important;
        filter: none !important;
    }
}


/* ========================================
   ENHANCED GALLERY SECTION STYLES
======================================== */

/* Enhanced Gallery Section */
.enhanced-gallery-section {
    position: relative;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    overflow: hidden;
}

/* Gallery Badge */
.gallery-badge {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
    padding: 0.5rem 1.5rem;
    border-radius: var(--zad-border-radius-xl);
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: var(--zad-shadow-lg);
    animation: badge-pulse 3s ease-in-out infinite;
}

/* Gallery Stats */
.gallery-stats {
    margin: 2rem 0;
}

.gallery-stats .stats-row {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.gallery-stats .stat-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--zad-primary);
    font-size: 0.9rem;
    font-weight: 500;
    transition: var(--zad-transition);
}

.gallery-stats .stat-item:hover {
    color: var(--zad-gold);
    transform: translateY(-2px);
}

.gallery-stats .stat-item i {
    font-size: 1rem;
    color: var(--zad-gold);
}

/* Enhanced Gallery Items */
.enhanced-gallery-item {
    height: 100%;
}

.gallery-card {
    position: relative;
    background: var(--zad-white);
    border-radius: var(--zad-border-radius-lg);
    box-shadow: var(--zad-shadow);
    overflow: hidden;
    transition: var(--zad-transition);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.gallery-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: var(--zad-shadow-xl);
}

.gallery-image-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: var(--zad-border-radius-lg) var(--zad-border-radius-lg) 0 0;
    aspect-ratio: 1;
}

.gallery-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--zad-transition);
}

.gallery-card:hover .gallery-image {
    transform: scale(1.1);
}

/* Gallery Overlay */
.gallery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.8) 0%, 
        rgba(1, 255, 132, 0.1) 50%, 
        rgba(21, 3, 66, 0.8) 100%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.5rem;
    opacity: 0;
    transition: var(--zad-transition);
}

.gallery-card:hover .gallery-overlay {
    opacity: 1;
}

.gallery-content {
    text-align: center;
    color: var(--zad-white);
}

.gallery-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin: 0 auto 1rem;
    box-shadow: var(--zad-shadow);
    animation: icon-float 3s ease-in-out infinite;
}

@keyframes icon-float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-5px); }
}

.gallery-title {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.gallery-description {
    font-size: 0.875rem;
    opacity: 0.9;
    margin: 0;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

/* Gallery Actions */
.gallery-actions {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.gallery-btn {
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--zad-white);
    text-decoration: none;
    font-size: 1rem;
    transition: var(--zad-transition);
}

.gallery-btn:hover {
    background: var(--zad-gold);
    color: var(--zad-primary);
    transform: scale(1.1);
    text-decoration: none;
}

/* Gallery CTA Button */
.gallery-cta-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
    padding: 1rem 2rem;
    border-radius: var(--zad-border-radius-xl);
    text-decoration: none;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: var(--zad-shadow-lg);
    transition: var(--zad-transition);
    overflow: hidden;
}

.gallery-cta-btn:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: var(--zad-shadow-xl);
    color: var(--zad-white);
    text-decoration: none;
}

.gallery-cta-btn .btn-arrow {
    transition: var(--zad-transition);
}

.gallery-cta-btn:hover .btn-arrow {
    transform: translateX(5px);
}

/* Floating Background Elements */
.gallery-bg-elements {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}

.floating-gallery-element {
    position: absolute;
    color: rgba(1, 255, 132, 0.1);
    font-size: 2rem;
    animation: float-gallery 8s ease-in-out infinite;
}

.floating-gallery-element.element-1 {
    top: 15%;
    left: 10%;
    animation-delay: 0s;
}

.floating-gallery-element.element-2 {
    top: 60%;
    right: 15%;
    animation-delay: 2s;
}

.floating-gallery-element.element-3 {
    bottom: 20%;
    left: 20%;
    animation-delay: 4s;
}

@keyframes float-gallery {
    0%, 100% { 
        transform: translateY(0px) rotate(0deg); 
        opacity: 0.1; 
    }
    50% { 
        transform: translateY(-30px) rotate(180deg); 
        opacity: 0.2; 
    }
}

/* Responsive Design for Gallery */
@media (max-width: 1200px) {
    .gallery-stats .stats-row {
        gap: 1.5rem;
    }
    
    .gallery-overlay {
        padding: 1.25rem;
    }
    
    .gallery-icon {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }
}

@media (max-width: 991px) {
    .gallery-stats .stats-row {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
    
    .gallery-overlay {
        padding: 1rem;
    }
    
    .gallery-icon {
        width: 45px;
        height: 45px;
        font-size: 1.125rem;
    }
    
    .gallery-title {
        font-size: 1rem;
    }
    
    .gallery-description {
        font-size: 0.8rem;
    }
    
    .gallery-btn {
        width: 40px;
        height: 40px;
        font-size: 0.9rem;
    }
}

@media (max-width: 767px) {
    .enhanced-gallery-section {
        padding: 3rem 0;
    }
    
    .gallery-card:hover {
        transform: translateY(-5px) scale(1.01);
    }
    
    .gallery-overlay {
        padding: 0.875rem;
    }
    
    .gallery-icon {
        width: 40px;
        height: 40px;
        font-size: 1rem;
        margin-bottom: 0.75rem;
    }
    
    .gallery-title {
        font-size: 0.9rem;
    }
    
    .gallery-description {
        font-size: 0.75rem;
    }
    
    .gallery-actions {
        gap: 0.75rem;
    }
    
    .gallery-btn {
        width: 35px;
        height: 35px;
        font-size: 0.8rem;
    }
    
    .gallery-cta-btn {
        padding: 0.875rem 1.5rem;
        font-size: 0.9rem;
    }
}

@media (max-width: 575px) {
    .gallery-badge {
        padding: 0.4rem 1rem;
        font-size: 0.8rem;
    }
    
    .gallery-overlay {
        padding: 0.75rem;
    }
    
    .gallery-icon {
        width: 35px;
        height: 35px;
        font-size: 0.9rem;
        margin-bottom: 0.5rem;
    }
    
    .gallery-title {
        font-size: 0.85rem;
    }
    
    .gallery-description {
        font-size: 0.7rem;
    }
    
    .gallery-actions {
        gap: 0.5rem;
    }
    
    .gallery-btn {
        width: 30px;
        height: 30px;
        font-size: 0.75rem;
    }
    
    .gallery-cta-btn {
        padding: 0.75rem 1.25rem;
        font-size: 0.85rem;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .gallery-card:hover,
    .gallery-image,
    .gallery-icon,
    .gallery-btn,
    .gallery-cta-btn,
    .floating-gallery-element {
        animation: none;
        transform: none;
    }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .enhanced-gallery-section {
        background: var(--zad-white);
    }
    
    .gallery-card {
        border: 2px solid var(--zad-primary);
    }
    
    .gallery-overlay {
        background: var(--zad-primary);
    }
    
    .gallery-btn {
        background: var(--zad-white);
        color: var(--zad-primary);
        border: 2px solid var(--zad-primary);
    }
}


/* ========================================
   ENHANCED PACKAGE COMPARISON STYLES
======================================== */

/* Enhanced Package Comparison Section */
.enhanced-package-comparison {
    position: relative;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    overflow: hidden;
}

/* Comparison Badge */
.comparison-badge {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
    padding: 0.5rem 1.5rem;
    border-radius: var(--zad-border-radius-xl);
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: var(--zad-shadow-lg);
    animation: badge-pulse 3s ease-in-out infinite;
}

/* Comparison Stats */
.comparison-stats {
    margin: 2rem 0;
}

.comparison-stats .stats-row {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.comparison-stats .stat-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--zad-primary);
    font-size: 0.9rem;
    font-weight: 500;
    transition: var(--zad-transition);
}

.comparison-stats .stat-item:hover {
    color: var(--zad-gold);
    transform: translateY(-2px);
}

.comparison-stats .stat-item i {
    font-size: 1rem;
    color: var(--zad-gold);
}

/* Package Comparison Container */
.package-comparison-container {
    position: relative;
    padding: 2rem 0;
}

.package-comparison-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
    align-items: stretch;
}

/* Package Comparison Cards */
.package-comparison-card {
    position: relative;
    background: var(--zad-white);
    border-radius: var(--zad-border-radius-lg);
    box-shadow: var(--zad-shadow);
    overflow: hidden;
    transition: var(--zad-transition);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.package-comparison-card:hover {
    transform: translateY(-10px);
    box-shadow: var(--zad-shadow-xl);
}

/* Featured Package */
.featured-package {
    transform: scale(1.05);
    border: 2px solid var(--zad-gold);
    box-shadow: var(--zad-shadow-xl);
    position: relative;
}

.featured-package::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 50%, var(--zad-gold) 100%);
    border-radius: var(--zad-border-radius-lg);
    z-index: -1;
    animation: featured-glow 2s ease-in-out infinite alternate;
}

.featured-badge {
    position: absolute;
    top: -10px;
    right: 20px;
    background: linear-gradient(135deg, #FF6B6B 0%, #FF8E8E 100%);
    color: var(--zad-white);
    padding: 0.25rem 0.75rem;
    border-radius: var(--zad-border-radius);
    font-size: 0.7rem;
    font-weight: 700;
    box-shadow: var(--zad-shadow);
    animation: pulse 2s ease-in-out infinite;
    z-index: 10;
}

/* Package Card Header */
.package-card-header {
    padding: 2rem 2rem 1rem;
    text-align: center;
    position: relative;
}

.package-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: var(--zad-white);
    margin: 0 auto 1.5rem;
    box-shadow: var(--zad-shadow-lg);
    transition: var(--zad-transition);
}

.package-comparison-card:hover .package-icon {
    transform: scale(1.1) rotate(5deg);
}

.package-badge {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: var(--zad-border-radius);
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 1rem;
}

.standard-badge {
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
}

.vip-badge {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    color: var(--zad-white);
}

.vvip-badge {
    background: linear-gradient(135deg, #8B5CF6 0%, #A855F7 100%);
    color: var(--zad-white);
}

.package-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--zad-primary);
    margin-bottom: 0.5rem;
}

.package-subtitle {
    font-size: 0.9rem;
    color: var(--zad-muted);
    margin: 0;
}

/* Package Card Content */
.package-card-content {
    padding: 0 2rem 2rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.package-price {
    text-align: center;
    margin-bottom: 1.5rem;
}

.price-amount {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--zad-primary);
    display: block;
}

.price-note {
    font-size: 0.9rem;
    color: var(--zad-muted);
}

.package-duration {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: var(--zad-primary);
    font-weight: 500;
    margin-bottom: 1.5rem;
}

.package-duration i {
    color: var(--zad-gold);
}

.package-features {
    flex-grow: 1;
    margin-bottom: 1.5rem;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    font-size: 0.9rem;
    color: var(--zad-primary);
}

.feature-item i {
    color: var(--zad-success);
    font-size: 0.8rem;
    width: 16px;
    text-align: center;
}

/* Package Card Footer */
.package-card-footer {
    padding: 0 2rem 2rem;
}

.package-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    border-radius: var(--zad-border-radius);
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
    transition: var(--zad-transition);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.standard-btn {
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
}

.standard-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--zad-shadow-lg);
    color: var(--zad-white);
    text-decoration: none;
}

.vip-btn {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    color: var(--zad-white);
}

.vip-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--zad-shadow-lg);
    color: var(--zad-white);
    text-decoration: none;
}

.vvip-btn {
    background: linear-gradient(135deg, #8B5CF6 0%, #A855F7 100%);
    color: var(--zad-white);
}

.vvip-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--zad-shadow-lg);
    color: var(--zad-white);
    text-decoration: none;
}

/* Comparison CTA */
.comparison-cta-wrapper {
    margin-top: 3rem;
}

.comparison-cta-card {
    background: var(--zad-white);
    border-radius: var(--zad-border-radius-lg);
    padding: 2rem;
    box-shadow: var(--zad-shadow);
    display: flex;
    align-items: center;
    gap: 2rem;
    max-width: 600px;
    margin: 0 auto;
}

.cta-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: var(--zad-white);
    flex-shrink: 0;
}

.cta-content {
    flex-grow: 1;
    text-align: left;
}

.cta-content h4 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--zad-primary);
    margin-bottom: 0.5rem;
}

.cta-content p {
    color: var(--zad-muted);
    margin-bottom: 1rem;
}

.cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
    padding: 0.75rem 1.5rem;
    border-radius: var(--zad-border-radius);
    text-decoration: none;
    font-weight: 600;
    transition: var(--zad-transition);
}

.cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--zad-shadow-lg);
    color: var(--zad-white);
    text-decoration: none;
}

/* Floating Background Elements */
.comparison-bg-elements {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}

.floating-comparison-element {
    position: absolute;
    color: rgba(1, 255, 132, 0.1);
    font-size: 2rem;
    animation: float-comparison 10s ease-in-out infinite;
}

.floating-comparison-element.element-1 {
    top: 20%;
    left: 10%;
    animation-delay: 0s;
}

.floating-comparison-element.element-2 {
    top: 60%;
    right: 15%;
    animation-delay: 3s;
}

.floating-comparison-element.element-3 {
    bottom: 20%;
    left: 20%;
    animation-delay: 6s;
}

@keyframes float-comparison {
    0%, 100% { 
        transform: translateY(0px) rotate(0deg); 
        opacity: 0.1; 
    }
    50% { 
        transform: translateY(-25px) rotate(180deg); 
        opacity: 0.2; 
    }
}

/* Responsive Design for Package Comparison */
@media (max-width: 1200px) {
    .package-comparison-grid {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 1.5rem;
    }
    
    .featured-package {
        transform: scale(1.02);
    }
}

@media (max-width: 991px) {
    .package-comparison-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        max-width: 500px;
        margin: 0 auto;
    }
    
    .featured-package {
        transform: scale(1.01);
    }
    
    .comparison-cta-card {
        flex-direction: column;
        text-align: center;
        gap: 1.5rem;
    }
    
    .cta-content {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .enhanced-package-comparison {
        padding: 3rem 0;
    }
    
    .package-comparison-grid {
        gap: 1rem;
    }
    
    .package-card-header {
        padding: 1.5rem 1.5rem 1rem;
    }
    
    .package-card-content {
        padding: 0 1.5rem 1.5rem;
    }
    
    .package-card-footer {
        padding: 0 1.5rem 1.5rem;
    }
    
    .package-icon {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
    }
    
    .package-title {
        font-size: 1.25rem;
    }
    
    .price-amount {
        font-size: 2rem;
    }
    
    .comparison-cta-card {
        padding: 1.5rem;
    }
    
    .cta-icon {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
    }
}

@media (max-width: 575px) {
    .package-comparison-grid {
        grid-template-columns: 1fr;
    }
    
    .package-card-header {
        padding: 1.25rem 1.25rem 0.75rem;
    }
    
    .package-card-content {
        padding: 0 1.25rem 1.25rem;
    }
    
    .package-card-footer {
        padding: 0 1.25rem 1.25rem;
    }
    
    .package-icon {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }
    
    .package-title {
        font-size: 1.125rem;
    }
    
    .price-amount {
        font-size: 1.75rem;
    }
    
    .comparison-cta-card {
        padding: 1.25rem;
    }
    
    .cta-icon {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .package-comparison-card:hover,
    .package-icon,
    .floating-comparison-element,
    .featured-badge,
    .comparison-badge {
        animation: none;
        transform: none;
    }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .enhanced-package-comparison {
        background: var(--zad-white);
    }
    
    .package-comparison-card {
        border: 2px solid var(--zad-primary);
    }
    
    .featured-package {
        border: 3px solid var(--zad-gold);
    }
}


/* ========================================
   ENHANCED BLOG SECTION STYLES
======================================== */

/* Enhanced Blog Section */
.enhanced-blog-section {
    position: relative;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    overflow: hidden;
}

/* Blog Badge */
.blog-badge {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
    padding: 0.5rem 1.5rem;
    border-radius: var(--zad-border-radius-xl);
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: var(--zad-shadow-lg);
    animation: badge-pulse 3s ease-in-out infinite;
}

/* Blog Stats */
.blog-stats {
    margin: 2rem 0;
}

.blog-stats .stats-row {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.blog-stats .stat-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--zad-primary);
    font-size: 0.9rem;
    font-weight: 500;
    transition: var(--zad-transition);
}

.blog-stats .stat-item:hover {
    color: var(--zad-gold);
    transform: translateY(-2px);
}

.blog-stats .stat-item i {
    font-size: 1rem;
    color: var(--zad-gold);
}

/* Enhanced Blog Grid */
.enhanced-blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    gap: 2rem;
    align-items: stretch;
}

/* Enhanced Blog Cards */
.enhanced-blog-card {
    position: relative;
    background: var(--zad-white);
    border-radius: var(--zad-border-radius-lg);
    box-shadow: var(--zad-shadow);
    overflow: hidden;
    transition: var(--zad-transition);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.enhanced-blog-card:hover {
    transform: translateY(-10px);
    box-shadow: var(--zad-shadow-xl);
}

/* Featured Post */
.featured-post {
    grid-column: span 2;
    transform: scale(1.02);
    border: 2px solid var(--zad-gold);
    box-shadow: var(--zad-shadow-xl);
}

.featured-post::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 50%, var(--zad-gold) 100%);
    border-radius: var(--zad-border-radius-lg);
    z-index: -1;
    animation: featured-glow 2s ease-in-out infinite alternate;
}

.featured-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: linear-gradient(135deg, #FF6B6B 0%, #FF8E8E 100%);
    color: var(--zad-white);
    padding: 0.25rem 0.75rem;
    border-radius: var(--zad-border-radius);
    font-size: 0.7rem;
    font-weight: 700;
    box-shadow: var(--zad-shadow);
    animation: pulse 2s ease-in-out infinite;
    z-index: 10;
}

/* Blog Card Header */
.blog-card-header {
    position: relative;
    overflow: hidden;
}

.blog-image-wrapper {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16/9;
}

.blog-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--zad-transition);
}

.enhanced-blog-card:hover .blog-image {
    transform: scale(1.1);
}

/* Blog Overlay */
.blog-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.8) 0%, 
        rgba(1, 255, 132, 0.1) 50%, 
        rgba(21, 3, 66, 0.8) 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: var(--zad-transition);
}

.enhanced-blog-card:hover .blog-overlay {
    opacity: 1;
}

.overlay-content {
    text-align: center;
    color: var(--zad-white);
}

.overlay-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin: 0 auto 1rem;
    box-shadow: var(--zad-shadow);
    animation: icon-float 3s ease-in-out infinite;
}

.overlay-actions {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.action-btn {
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--zad-white);
    text-decoration: none;
    font-size: 1rem;
    transition: var(--zad-transition);
}

.action-btn:hover {
    background: var(--zad-gold);
    color: var(--zad-primary);
    transform: scale(1.1);
    text-decoration: none;
}

/* Blog Card Content */
.blog-card-content {
    padding: 2rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.blog-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1rem;
}

.meta-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--zad-muted);
    font-size: 0.85rem;
}

.meta-item i {
    color: var(--zad-gold);
    font-size: 0.9rem;
}

.blog-title {
    margin-bottom: 1rem;
}

.blog-title-link {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--zad-primary);
    text-decoration: none;
    line-height: 1.4;
    transition: var(--zad-transition);
}

.blog-title-link:hover {
    color: var(--zad-gold);
    text-decoration: none;
}

.blog-excerpt {
    color: var(--zad-muted);
    line-height: 1.6;
    margin-bottom: 1.5rem;
    flex-grow: 1;
}

.blog-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.blog-tag {
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
    padding: 0.25rem 0.75rem;
    border-radius: var(--zad-border-radius);
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Blog Card Footer */
.blog-card-footer {
    padding: 0 2rem 2rem;
}

.blog-read-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
    padding: 0.75rem 1.5rem;
    border-radius: var(--zad-border-radius);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: var(--zad-transition);
    position: relative;
    overflow: hidden;
}

.blog-read-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: var(--zad-transition);
}

.blog-read-btn:hover::before {
    left: 100%;
}

.blog-read-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--zad-shadow-lg);
    color: var(--zad-white);
    text-decoration: none;
}

.blog-read-btn i {
    transition: var(--zad-transition);
}

.blog-read-btn:hover i {
    transform: translateX(3px);
}

/* Blog CTA */
.blog-cta-wrapper {
    margin-top: 3rem;
}

.blog-cta-card {
    background: var(--zad-white);
    border-radius: var(--zad-border-radius-lg);
    padding: 2rem;
    box-shadow: var(--zad-shadow);
    display: flex;
    align-items: center;
    gap: 2rem;
    max-width: 600px;
    margin: 0 auto;
}

.cta-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: var(--zad-white);
    flex-shrink: 0;
}

.cta-content {
    flex-grow: 1;
    text-align: left;
}

.cta-content h4 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--zad-primary);
    margin-bottom: 0.5rem;
}

.cta-content p {
    color: var(--zad-muted);
    margin-bottom: 1rem;
}

.cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
    padding: 0.75rem 1.5rem;
    border-radius: var(--zad-border-radius);
    text-decoration: none;
    font-weight: 600;
    transition: var(--zad-transition);
}

.cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--zad-shadow-lg);
    color: var(--zad-white);
    text-decoration: none;
}

/* Floating Background Elements */
.blog-bg-elements {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}

.floating-blog-element {
    position: absolute;
    color: rgba(1, 255, 132, 0.1);
    font-size: 2rem;
    animation: float-blog 12s ease-in-out infinite;
}

.floating-blog-element.element-1 {
    top: 15%;
    left: 10%;
    animation-delay: 0s;
}

.floating-blog-element.element-2 {
    top: 60%;
    right: 15%;
    animation-delay: 4s;
}

.floating-blog-element.element-3 {
    bottom: 20%;
    left: 20%;
    animation-delay: 8s;
}

@keyframes float-blog {
    0%, 100% { 
        transform: translateY(0px) rotate(0deg); 
        opacity: 0.1; 
    }
    50% { 
        transform: translateY(-30px) rotate(180deg); 
        opacity: 0.2; 
    }
}

/* Responsive Design for Blog */
@media (max-width: 1200px) {
    .enhanced-blog-grid {
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        gap: 1.5rem;
    }
    
    .featured-post {
        grid-column: span 1;
        transform: scale(1.01);
    }
}

@media (max-width: 991px) {
    .enhanced-blog-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        max-width: 500px;
        margin: 0 auto;
    }
    
    .featured-post {
        grid-column: span 1;
        transform: scale(1.01);
    }
    
    .blog-cta-card {
        flex-direction: column;
        text-align: center;
        gap: 1.5rem;
    }
    
    .cta-content {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .enhanced-blog-section {
        padding: 3rem 0;
    }
    
    .enhanced-blog-grid {
        gap: 1rem;
    }
    
    .blog-card-content {
        padding: 1.5rem;
    }
    
    .blog-card-footer {
        padding: 0 1.5rem 1.5rem;
    }
    
    .overlay-icon {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }
    
    .action-btn {
        width: 40px;
        height: 40px;
        font-size: 0.9rem;
    }
    
    .blog-title-link {
        font-size: 1.125rem;
    }
    
    .blog-cta-card {
        padding: 1.5rem;
    }
    
    .cta-icon {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
    }
}

@media (max-width: 575px) {
    .enhanced-blog-grid {
        grid-template-columns: 1fr;
    }
    
    .blog-card-content {
        padding: 1.25rem;
    }
    
    .blog-card-footer {
        padding: 0 1.25rem 1.25rem;
    }
    
    .overlay-icon {
        width: 45px;
        height: 45px;
        font-size: 1.125rem;
    }
    
    .action-btn {
        width: 35px;
        height: 35px;
        font-size: 0.8rem;
    }
    
    .blog-title-link {
        font-size: 1rem;
    }
    
    .blog-cta-card {
        padding: 1.25rem;
    }
    
    .cta-icon {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .enhanced-blog-card:hover,
    .blog-image,
    .overlay-icon,
    .action-btn,
    .blog-read-btn,
    .floating-blog-element,
    .featured-badge,
    .blog-badge {
        animation: none;
        transform: none;
    }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .enhanced-blog-section {
        background: var(--zad-white);
    }
    
    .enhanced-blog-card {
        border: 2px solid var(--zad-primary);
    }
    
    .featured-post {
        border: 3px solid var(--zad-gold);
    }
    
    .blog-overlay {
        background: var(--zad-primary);
    }
    
    .action-btn {
        background: var(--zad-white);
        color: var(--zad-primary);
        border: 2px solid var(--zad-primary);
    }
}


/* ========================================
   ENHANCED ISLAMIC BLOG SECTION STYLES
======================================== */

/* Enhanced Blog Section with Islamic Theme */
.enhanced-blog-section {
    position: relative;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    overflow: hidden;
}

/* Islamic Pattern Overlay */
.islamic-pattern-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 20% 80%, rgba(1, 255, 132, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(21, 3, 66, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 40% 40%, rgba(255, 215, 0, 0.05) 0%, transparent 50%);
    z-index: 1;
    pointer-events: none;
}

/* Blog Badge with Islamic Theme */
.blog-badge {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
    padding: 0.5rem 1.5rem;
    border-radius: var(--zad-border-radius-xl);
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: var(--zad-shadow-lg);
    animation: badge-pulse 3s ease-in-out infinite;
    position: relative;
    overflow: hidden;
}

.blog-badge::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    animation: shimmer 2s infinite;
}

/* Blog Stats */
.blog-stats {
    margin: 2rem 0;
}

.blog-stats .stats-row {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.blog-stats .stat-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--zad-primary);
    font-size: 0.9rem;
    font-weight: 500;
    transition: var(--zad-transition);
    position: relative;
}

.blog-stats .stat-item:hover {
    color: var(--zad-gold);
    transform: translateY(-2px);
}

.blog-stats .stat-item i {
    font-size: 1rem;
    color: var(--zad-gold);
    animation: icon-pulse 2s ease-in-out infinite;
}

/* Enhanced Blog Grid */
.enhanced-blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    gap: 2rem;
    align-items: stretch;
    position: relative;
    z-index: 2;
}

/* Enhanced Blog Cards */
.enhanced-blog-card {
    position: relative;
    background: var(--zad-white);
    border-radius: var(--zad-border-radius-lg);
    box-shadow: var(--zad-shadow);
    overflow: hidden;
    transition: var(--zad-transition);
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid rgba(1, 255, 132, 0.1);
}

.enhanced-blog-card:hover {
    transform: translateY(-10px);
    box-shadow: var(--zad-shadow-xl);
    border-color: var(--zad-gold);
}

/* Featured Post */
.featured-post {
    grid-column: span 2;
    transform: scale(1.02);
    border: 2px solid var(--zad-gold);
    box-shadow: var(--zad-shadow-xl);
    position: relative;
}

.featured-post::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 50%, var(--zad-gold) 100%);
    border-radius: var(--zad-border-radius-lg);
    z-index: -1;
    animation: featured-glow 2s ease-in-out infinite alternate;
}

.featured-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: linear-gradient(135deg, #FF6B6B 0%, #FF8E8E 100%);
    color: var(--zad-white);
    padding: 0.25rem 0.75rem;
    border-radius: var(--zad-border-radius);
    font-size: 0.7rem;
    font-weight: 700;
    box-shadow: var(--zad-shadow);
    animation: pulse 2s ease-in-out infinite;
    z-index: 10;
}

/* Blog Card Header */
.blog-card-header {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-icon-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-icon {
    width: 100px;
    height: 100px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    color: var(--zad-white);
    transition: var(--zad-transition);
    animation: icon-float 3s ease-in-out infinite;
}

.enhanced-blog-card:hover .blog-icon {
    transform: scale(1.1) rotate(5deg);
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.5);
}

/* Blog Overlay */
.blog-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.9) 0%, 
        rgba(1, 255, 132, 0.2) 50%, 
        rgba(21, 3, 66, 0.9) 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: var(--zad-transition);
}

.enhanced-blog-card:hover .blog-overlay {
    opacity: 1;
}

.overlay-content {
    text-align: center;
    color: var(--zad-white);
}

.overlay-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin: 0 auto 1rem;
    box-shadow: var(--zad-shadow);
    animation: icon-float 3s ease-in-out infinite;
}

.overlay-actions {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.action-btn {
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--zad-white);
    text-decoration: none;
    font-size: 1rem;
    transition: var(--zad-transition);
}

.action-btn:hover {
    background: var(--zad-gold);
    color: var(--zad-primary);
    transform: scale(1.1);
    text-decoration: none;
}

/* Blog Card Content */
.blog-card-content {
    padding: 2rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
}

.blog-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1rem;
}

.meta-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--zad-muted);
    font-size: 0.85rem;
}

.meta-item i {
    color: var(--zad-gold);
    font-size: 0.9rem;
}

.blog-title {
    margin-bottom: 1rem;
}

.blog-title-link {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--zad-primary);
    text-decoration: none;
    line-height: 1.4;
    transition: var(--zad-transition);
}

.blog-title-link:hover {
    color: var(--zad-gold);
    text-decoration: none;
}

.blog-excerpt {
    color: var(--zad-muted);
    line-height: 1.6;
    margin-bottom: 1.5rem;
    flex-grow: 1;
}

.blog-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.blog-tag {
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
    padding: 0.25rem 0.75rem;
    border-radius: var(--zad-border-radius);
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: var(--zad-transition);
}

.blog-tag:hover {
    transform: translateY(-2px);
    box-shadow: var(--zad-shadow);
}

/* Blog Card Footer */
.blog-card-footer {
    padding: 0 2rem 2rem;
    position: relative;
    z-index: 2;
}

.blog-read-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
    padding: 0.75rem 1.5rem;
    border-radius: var(--zad-border-radius);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: var(--zad-transition);
    position: relative;
    overflow: hidden;
}

.blog-read-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: var(--zad-transition);
}

.blog-read-btn:hover::before {
    left: 100%;
}

.blog-read-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--zad-shadow-lg);
    color: var(--zad-white);
    text-decoration: none;
}

.blog-read-btn i {
    transition: var(--zad-transition);
}

.blog-read-btn:hover i {
    transform: translateX(3px);
}

/* Blog CTA */
.blog-cta-wrapper {
    margin-top: 3rem;
    position: relative;
    z-index: 2;
}

.blog-cta-card {
    background: var(--zad-white);
    border-radius: var(--zad-border-radius-lg);
    padding: 2rem;
    box-shadow: var(--zad-shadow);
    display: flex;
    align-items: center;
    gap: 2rem;
    max-width: 600px;
    margin: 0 auto;
    border: 1px solid rgba(1, 255, 132, 0.1);
    position: relative;
    overflow: hidden;
}

.blog-cta-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(1, 255, 132, 0.05) 0%, rgba(21, 3, 66, 0.05) 100%);
    z-index: -1;
}

.cta-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: var(--zad-white);
    flex-shrink: 0;
    animation: icon-pulse 2s ease-in-out infinite;
}

.cta-content {
    flex-grow: 1;
    text-align: left;
}

.cta-content h4 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--zad-primary);
    margin-bottom: 0.5rem;
}

.cta-content p {
    color: var(--zad-muted);
    margin-bottom: 1rem;
}

.cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
    padding: 0.75rem 1.5rem;
    border-radius: var(--zad-border-radius);
    text-decoration: none;
    font-weight: 600;
    transition: var(--zad-transition);
    position: relative;
    overflow: hidden;
}

.cta-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: var(--zad-transition);
}

.cta-btn:hover::before {
    left: 100%;
}

.cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--zad-shadow-lg);
    color: var(--zad-white);
    text-decoration: none;
}

/* Islamic Floating Background Elements */
.islamic-bg-elements {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}

.floating-islamic-element {
    position: absolute;
    color: rgba(1, 255, 132, 0.1);
    font-size: 2.5rem;
    animation: float-islamic 15s ease-in-out infinite;
}

.floating-islamic-element.element-1 {
    top: 10%;
    left: 5%;
    animation-delay: 0s;
}

.floating-islamic-element.element-2 {
    top: 20%;
    right: 10%;
    animation-delay: 2s;
}

.floating-islamic-element.element-3 {
    top: 60%;
    left: 15%;
    animation-delay: 4s;
}

.floating-islamic-element.element-4 {
    top: 70%;
    right: 20%;
    animation-delay: 6s;
}

.floating-islamic-element.element-5 {
    bottom: 20%;
    left: 25%;
    animation-delay: 8s;
}

.floating-islamic-element.element-6 {
    bottom: 30%;
    right: 15%;
    animation-delay: 10s;
}

@keyframes float-islamic {
    0%, 100% { 
        transform: translateY(0px) rotate(0deg); 
        opacity: 0.1; 
    }
    25% { 
        transform: translateY(-20px) rotate(90deg); 
        opacity: 0.15; 
    }
    50% { 
        transform: translateY(-40px) rotate(180deg); 
        opacity: 0.2; 
    }
    75% { 
        transform: translateY(-20px) rotate(270deg); 
        opacity: 0.15; 
    }
}

@keyframes shimmer {
    0% { left: -100%; }
    100% { left: 100%; }
}

@keyframes icon-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

/* Responsive Design for Islamic Blog */
@media (max-width: 1200px) {
    .enhanced-blog-grid {
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        gap: 1.5rem;
    }
    
    .featured-post {
        grid-column: span 1;
        transform: scale(1.01);
    }
    
    .blog-icon {
        width: 80px;
        height: 80px;
        font-size: 2rem;
    }
}

@media (max-width: 991px) {
    .enhanced-blog-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        max-width: 500px;
        margin: 0 auto;
    }
    
    .featured-post {
        grid-column: span 1;
        transform: scale(1.01);
    }
    
    .blog-cta-card {
        flex-direction: column;
        text-align: center;
        gap: 1.5rem;
    }
    
    .cta-content {
        text-align: center;
    }
    
    .blog-icon {
        width: 70px;
        height: 70px;
        font-size: 1.75rem;
    }
}

@media (max-width: 767px) {
    .enhanced-blog-section {
        padding: 3rem 0;
    }
    
    .enhanced-blog-grid {
        gap: 1rem;
    }
    
    .blog-card-content {
        padding: 1.5rem;
    }
    
    .blog-card-footer {
        padding: 0 1.5rem 1.5rem;
    }
    
    .blog-card-header {
        min-height: 150px;
    }
    
    .blog-icon {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
    }
    
    .overlay-icon {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }
    
    .action-btn {
        width: 40px;
        height: 40px;
        font-size: 0.9rem;
    }
    
    .blog-title-link {
        font-size: 1.125rem;
    }
    
    .blog-cta-card {
        padding: 1.5rem;
    }
    
    .cta-icon {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
    }
}

@media (max-width: 575px) {
    .enhanced-blog-grid {
        grid-template-columns: 1fr;
    }
    
    .blog-card-content {
        padding: 1.25rem;
    }
    
    .blog-card-footer {
        padding: 0 1.25rem 1.25rem;
    }
    
    .blog-card-header {
        min-height: 120px;
    }
    
    .blog-icon {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }
    
    .overlay-icon {
        width: 45px;
        height: 45px;
        font-size: 1.125rem;
    }
    
    .action-btn {
        width: 35px;
        height: 35px;
        font-size: 0.8rem;
    }
    
    .blog-title-link {
        font-size: 1rem;
    }
    
    .blog-cta-card {
        padding: 1.25rem;
    }
    
    .cta-icon {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .enhanced-blog-card:hover,
    .blog-icon,
    .overlay-icon,
    .action-btn,
    .blog-read-btn,
    .floating-islamic-element,
    .featured-badge,
    .blog-badge,
    .cta-icon,
    .blog-stats .stat-item i {
        animation: none;
        transform: none;
    }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .enhanced-blog-section {
        background: var(--zad-white);
    }
    
    .enhanced-blog-card {
        border: 2px solid var(--zad-primary);
    }
    
    .featured-post {
        border: 3px solid var(--zad-gold);
    }
    
    .blog-overlay {
        background: var(--zad-primary);
    }
    
    .action-btn {
        background: var(--zad-white);
        color: var(--zad-primary);
        border: 2px solid var(--zad-primary);
    }
}


/* ========================================
   ENHANCED CTA SECTION STYLES
======================================== */

/* Enhanced CTA Section */
.enhanced-cta-section {
    position: relative;
    background: linear-gradient(135deg, #150342 0%, #2D1B69 50%, #150342 100%);
    overflow: hidden;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

/* CTA Background */
.cta-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.cta-gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.9) 0%, 
        rgba(1, 255, 132, 0.1) 30%, 
        rgba(255, 215, 0, 0.1) 60%, 
        rgba(21, 3, 66, 0.9) 100%);
}

.cta-pattern-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 20% 80%, rgba(1, 255, 132, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 215, 0, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 40% 40%, rgba(21, 3, 66, 0.2) 0%, transparent 50%);
    animation: pattern-move 20s ease-in-out infinite;
}

@keyframes pattern-move {
    0%, 100% { transform: translateX(0px) translateY(0px); }
    25% { transform: translateX(10px) translateY(-10px); }
    50% { transform: translateX(-5px) translateY(5px); }
    75% { transform: translateX(5px) translateY(-5px); }
}

/* CTA Badge */
.cta-badge {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 100%);
    color: var(--zad-primary);
    padding: 0.5rem 1.5rem;
    border-radius: var(--zad-border-radius-xl);
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: var(--zad-shadow-lg);
    animation: badge-pulse 3s ease-in-out infinite;
}

/* CTA Title */
.cta-title {
    font-size: 3.5rem;
    font-weight: 700;
    color: var(--zad-white);
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    line-height: 1.2;
}

.text-glow {
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: text-glow-pulse 3s ease-in-out infinite;
}

@keyframes text-glow-pulse {
    0%, 100% { filter: brightness(1); }
    50% { filter: brightness(1.2); }
}

/* CTA Description */
.cta-description {
    font-size: 1.25rem;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto;
}

/* CTA Stats */
.cta-stats {
    margin: 2rem 0;
}

.cta-stats .stats-row {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.cta-stats .stat-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--zad-white);
    font-size: 1rem;
    font-weight: 500;
    transition: var(--zad-transition);
}

.cta-stats .stat-item:hover {
    color: var(--zad-gold);
    transform: translateY(-2px);
}

.cta-stats .stat-item i {
    font-size: 1.25rem;
    color: var(--zad-gold);
    animation: icon-pulse 2s ease-in-out infinite;
}

/* CTA Buttons */
.cta-buttons {
    margin: 2rem 0;
}

.cta-primary-btn {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 100%);
    color: var(--zad-primary);
    padding: 1rem 2rem;
    border-radius: var(--zad-border-radius-xl);
    text-decoration: none;
    font-weight: 700;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: var(--zad-shadow-lg);
    transition: var(--zad-transition);
    position: relative;
    overflow: hidden;
}

.cta-primary-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: var(--zad-transition);
}

.cta-primary-btn:hover::before {
    left: 100%;
}

.cta-primary-btn:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: var(--zad-shadow-xl);
    color: var(--zad-primary);
    text-decoration: none;
}

.cta-secondary-btn {
    display: inline-flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255, 255, 255, 0.3);
    color: var(--zad-white);
    padding: 1rem 2rem;
    border-radius: var(--zad-border-radius-xl);
    text-decoration: none;
    font-weight: 600;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: var(--zad-transition);
}

.cta-secondary-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: var(--zad-gold);
    color: var(--zad-white);
    transform: translateY(-3px);
    text-decoration: none;
}

/* Trust Indicators */
.trust-indicators {
    margin-top: 3rem;
}

.trust-row {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.trust-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
    font-weight: 500;
    transition: var(--zad-transition);
}

.trust-item:hover {
    color: var(--zad-gold);
    transform: translateY(-2px);
}

.trust-item i {
    font-size: 1rem;
    color: var(--zad-gold);
}

/* Floating CTA Elements */
.cta-bg-elements {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    pointer-events: none;
}

.floating-cta-element {
    position: absolute;
    color: rgba(1, 255, 132, 0.1);
    font-size: 3rem;
    animation: float-cta 20s ease-in-out infinite;
}

.floating-cta-element.element-1 {
    top: 10%;
    left: 10%;
    animation-delay: 0s;
}

.floating-cta-element.element-2 {
    top: 20%;
    right: 15%;
    animation-delay: 4s;
}

.floating-cta-element.element-3 {
    top: 60%;
    left: 20%;
    animation-delay: 8s;
}

.floating-cta-element.element-4 {
    bottom: 20%;
    right: 25%;
    animation-delay: 12s;
}

.floating-cta-element.element-5 {
    bottom: 30%;
    left: 15%;
    animation-delay: 16s;
}

@keyframes float-cta {
    0%, 100% { 
        transform: translateY(0px) rotate(0deg); 
        opacity: 0.1; 
    }
    25% { 
        transform: translateY(-30px) rotate(90deg); 
        opacity: 0.2; 
    }
    50% { 
        transform: translateY(-60px) rotate(180deg); 
        opacity: 0.3; 
    }
    75% { 
        transform: translateY(-30px) rotate(270deg); 
        opacity: 0.2; 
    }
}

/* CTA SVG Shapes */
.cta-svg-shapes {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}

.cta-shape-1 {
    position: absolute;
    top: 20%;
    left: 5%;
    width: 100px;
    height: 100px;
}

.cta-shape-2 {
    position: absolute;
    top: 60%;
    right: 10%;
    width: 80px;
    height: 80px;
}

.cta-shape-3 {
    position: absolute;
    bottom: 20%;
    left: 15%;
    width: 60px;
    height: 60px;
}

/* Responsive Design for CTA */
@media (max-width: 1200px) {
    .cta-title {
        font-size: 3rem;
    }
    
    .cta-stats .stats-row {
        gap: 1.5rem;
    }
    
    .trust-row {
        gap: 1.5rem;
    }
}

@media (max-width: 991px) {
    .enhanced-cta-section {
        min-height: 80vh;
    }
    
    .cta-title {
        font-size: 2.5rem;
    }
    
    .cta-description {
        font-size: 1.1rem;
    }
    
    .cta-stats .stats-row {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
    
    .trust-row {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
    
    .cta-buttons {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
}

@media (max-width: 767px) {
    .enhanced-cta-section {
        min-height: 70vh;
        padding: 3rem 0;
    }
    
    .cta-title {
        font-size: 2rem;
    }
    
    .cta-description {
        font-size: 1rem;
    }
    
    .cta-primary-btn,
    .cta-secondary-btn {
        padding: 0.875rem 1.5rem;
        font-size: 1rem;
    }
    
    .floating-cta-element {
        font-size: 2rem;
    }
}

@media (max-width: 575px) {
    .cta-title {
        font-size: 1.75rem;
    }
    
    .cta-description {
        font-size: 0.9rem;
    }
    
    .cta-primary-btn,
    .cta-secondary-btn {
        padding: 0.75rem 1.25rem;
        font-size: 0.9rem;
    }
    
    .floating-cta-element {
        font-size: 1.5rem;
    }
}

/* ========================================
   ENHANCED GALLERY SECTION STYLES
======================================== */

/* Enhanced Gallery Section */
.enhanced-gallery-section {
    position: relative;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    overflow: hidden;
}

/* Gallery Badge */
.gallery-badge {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
    padding: 0.5rem 1.5rem;
    border-radius: var(--zad-border-radius-xl);
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: var(--zad-shadow-lg);
    animation: badge-pulse 3s ease-in-out infinite;
}

/* Gallery Stats */
.gallery-stats {
    margin: 2rem 0;
}

.gallery-stats .stats-row {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.gallery-stats .stat-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--zad-primary);
    font-size: 0.9rem;
    font-weight: 500;
    transition: var(--zad-transition);
}

.gallery-stats .stat-item:hover {
    color: var(--zad-gold);
    transform: translateY(-2px);
}

.gallery-stats .stat-item i {
    font-size: 1rem;
    color: var(--zad-gold);
}

/* Enhanced Gallery Items */
.enhanced-gallery-item {
    height: 100%;
    margin-bottom: 1.5rem;
}

.gallery-card {
    position: relative;
    background: var(--zad-white);
    border-radius: var(--zad-border-radius-lg);
    box-shadow: var(--zad-shadow);
    overflow: hidden;
    transition: var(--zad-transition);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.gallery-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: var(--zad-shadow-xl);
}

.gallery-image-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: var(--zad-border-radius-lg) var(--zad-border-radius-lg) 0 0;
    aspect-ratio: 1;
}

.gallery-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--zad-transition);
}

.gallery-card:hover .gallery-image {
    transform: scale(1.1);
}

/* Gallery Overlay */
.gallery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.8) 0%, 
        rgba(1, 255, 132, 0.1) 50%, 
        rgba(21, 3, 66, 0.8) 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: var(--zad-transition);
}

.gallery-card:hover .gallery-overlay {
    opacity: 1;
}

.overlay-content {
    text-align: center;
    color: var(--zad-white);
    padding: 1rem;
}

.overlay-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin: 0 auto 1rem;
    box-shadow: var(--zad-shadow);
    animation: icon-float 3s ease-in-out infinite;
}

.overlay-title {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.overlay-description {
    font-size: 0.875rem;
    opacity: 0.9;
    margin-bottom: 1rem;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.overlay-actions {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.action-btn {
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--zad-white);
    text-decoration: none;
    font-size: 1rem;
    transition: var(--zad-transition);
}

.action-btn:hover {
    background: var(--zad-gold);
    color: var(--zad-primary);
    transform: scale(1.1);
    text-decoration: none;
}

/* Gallery CTA */
.gallery-cta-wrapper {
    margin-top: 3rem;
}

.gallery-cta-card {
    background: var(--zad-white);
    border-radius: var(--zad-border-radius-lg);
    padding: 2rem;
    box-shadow: var(--zad-shadow);
    display: flex;
    align-items: center;
    gap: 2rem;
    max-width: 600px;
    margin: 0 auto;
}

.cta-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: var(--zad-white);
    flex-shrink: 0;
}

.cta-content {
    flex-grow: 1;
    text-align: left;
}

.cta-content h4 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--zad-primary);
    margin-bottom: 0.5rem;
}

.cta-content p {
    color: var(--zad-muted);
    margin-bottom: 1rem;
}

.cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
    padding: 0.75rem 1.5rem;
    border-radius: var(--zad-border-radius);
    text-decoration: none;
    font-weight: 600;
    transition: var(--zad-transition);
}

.cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--zad-shadow-lg);
    color: var(--zad-white);
    text-decoration: none;
}

/* Gallery Background Elements */
.gallery-bg-elements {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}

.floating-gallery-element {
    position: absolute;
    color: rgba(1, 255, 132, 0.1);
    font-size: 2rem;
    animation: float-gallery 8s ease-in-out infinite;
}

.floating-gallery-element.element-1 {
    top: 15%;
    left: 10%;
    animation-delay: 0s;
}

.floating-gallery-element.element-2 {
    top: 60%;
    right: 15%;
    animation-delay: 2s;
}

.floating-gallery-element.element-3 {
    bottom: 20%;
    left: 20%;
    animation-delay: 4s;
}

.floating-gallery-element.element-4 {
    top: 30%;
    right: 25%;
    animation-delay: 1s;
}

.floating-gallery-element.element-5 {
    bottom: 40%;
    left: 30%;
    animation-delay: 3s;
}

.floating-gallery-element.element-6 {
    top: 70%;
    right: 30%;
    animation-delay: 5s;
}

@keyframes float-gallery {
    0%, 100% { 
        transform: translateY(0px) rotate(0deg); 
        opacity: 0.1; 
    }
    50% { 
        transform: translateY(-30px) rotate(180deg); 
        opacity: 0.2; 
    }
}

/* Responsive Design for Gallery */
@media (max-width: 1200px) {
    .gallery-stats .stats-row {
        gap: 1.5rem;
    }
    
    .overlay-content {
        padding: 0.875rem;
    }
    
    .overlay-icon {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }
}

@media (max-width: 991px) {
    .gallery-stats .stats-row {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
    
    .gallery-cta-card {
        flex-direction: column;
        text-align: center;
        gap: 1.5rem;
    }
    
    .cta-content {
        text-align: center;
    }
    
    .overlay-content {
        padding: 0.75rem;
    }
    
    .overlay-icon {
        width: 45px;
        height: 45px;
        font-size: 1.125rem;
    }
    
    .overlay-title {
        font-size: 1rem;
    }
    
    .overlay-description {
        font-size: 0.8rem;
    }
    
    .action-btn {
        width: 40px;
        height: 40px;
        font-size: 0.9rem;
    }
}

@media (max-width: 767px) {
    .enhanced-gallery-section {
        padding: 3rem 0;
    }
    
    .gallery-card:hover {
        transform: translateY(-5px) scale(1.01);
    }
    
    .overlay-content {
        padding: 0.625rem;
    }
    
    .overlay-icon {
        width: 40px;
        height: 40px;
        font-size: 1rem;
        margin-bottom: 0.75rem;
    }
    
    .overlay-title {
        font-size: 0.9rem;
    }
    
    .overlay-description {
        font-size: 0.75rem;
    }
    
    .overlay-actions {
        gap: 0.75rem;
    }
    
    .action-btn {
        width: 35px;
        height: 35px;
        font-size: 0.8rem;
    }
    
    .gallery-cta-card {
        padding: 1.5rem;
    }
    
    .cta-icon {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
    }
}

@media (max-width: 575px) {
    .gallery-badge {
        padding: 0.4rem 1rem;
        font-size: 0.8rem;
    }
    
    .overlay-content {
        padding: 0.5rem;
    }
    
    .overlay-icon {
        width: 35px;
        height: 35px;
        font-size: 0.9rem;
        margin-bottom: 0.5rem;
    }
    
    .overlay-title {
        font-size: 0.85rem;
    }
    
    .overlay-description {
        font-size: 0.7rem;
    }
    
    .overlay-actions {
        gap: 0.5rem;
    }
    
    .action-btn {
        width: 30px;
        height: 30px;
        font-size: 0.75rem;
    }
    
    .gallery-cta-card {
        padding: 1.25rem;
    }
    
    .cta-icon {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .gallery-card:hover,
    .gallery-image,
    .overlay-icon,
    .action-btn,
    .cta-btn,
    .floating-gallery-element,
    .gallery-badge,
    .cta-badge,
    .text-glow,
    .cta-pattern-overlay,
    .floating-cta-element {
        animation: none;
        transform: none;
    }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .enhanced-cta-section {
        background: var(--zad-primary);
    }
    
    .enhanced-gallery-section {
        background: var(--zad-white);
    }
    
    .gallery-card {
        border: 2px solid var(--zad-primary);
    }
    
    .gallery-overlay {
        background: var(--zad-primary);
    }
    
    .action-btn {
        background: var(--zad-white);
        color: var(--zad-primary);
        border: 2px solid var(--zad-primary);
    }
}


/* ========================================
   ENHANCED INSTAGRAM SECTION STYLES
======================================== */

/* Enhanced Instagram Section */
.instagram-area {
    position: relative;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    overflow: hidden;
    padding: 5rem 0;
}

/* Instagram Title Enhancement */
.instagram-title {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 2rem !important;
    position: relative;
}

.instagram-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 4px;
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 100%);
    border-radius: 2px;
    animation: title-underline 3s ease-in-out infinite;
}

@keyframes title-underline {
    0%, 100% { width: 100px; }
    50% { width: 150px; }
}

/* Enhanced Instagram Wrapper */
.instagram-wrapper {
    position: relative;
    margin-bottom: 2rem;
    transition: var(--zad-transition);
}

.instagram-wrapper:hover {
    transform: translateY(-10px);
}

/* Enhanced Instagram Thumb */
.instagram-thumb {
    position: relative;
    border-radius: var(--zad-border-radius-lg) !important;
    overflow: hidden;
    box-shadow: var(--zad-shadow);
    transition: var(--zad-transition);
    background: var(--zad-white);
    padding: 0.5rem;
}

.instagram-thumb:hover {
    box-shadow: var(--zad-shadow-xl);
    transform: scale(1.05);
}

.instagram-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--zad-border-radius);
    transition: var(--zad-transition);
    aspect-ratio: 1;
}

.instagram-thumb:hover img {
    transform: scale(1.1);
    filter: brightness(1.1) contrast(1.1);
}

/* Enhanced Instagram Button */
.instagram-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: var(--zad-transition);
    z-index: 10;
}

.instagram-wrapper:hover .instagram-btn {
    opacity: 1;
    animation: button-bounce 0.6s ease-out;
}

@keyframes button-bounce {
    0% { transform: translate(-50%, -50%) scale(0.3); }
    50% { transform: translate(-50%, -50%) scale(1.2); }
    100% { transform: translate(-50%, -50%) scale(1); }
}

.instagram-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    border-radius: 50%;
    text-decoration: none;
    box-shadow: var(--zad-shadow-lg);
    transition: var(--zad-transition);
    position: relative;
    overflow: hidden;
}

.instagram-btn a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: var(--zad-transition);
}

.instagram-btn a:hover::before {
    left: 100%;
}

.instagram-btn a:hover {
    transform: scale(1.1);
    box-shadow: var(--zad-shadow-xl);
}

.instagram-btn a span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.instagram-btn a span img {
    width: 24px;
    height: 24px;
    filter: brightness(0) invert(1);
    transition: var(--zad-transition);
}

.instagram-btn a:hover span img {
    transform: rotate(360deg);
}

/* Instagram Overlay Effect */
.instagram-thumb::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.8) 0%, 
        rgba(1, 255, 132, 0.1) 50%, 
        rgba(21, 3, 66, 0.8) 100%);
    opacity: 0;
    transition: var(--zad-transition);
    z-index: 5;
    border-radius: var(--zad-border-radius);
}

.instagram-wrapper:hover .instagram-thumb::before {
    opacity: 1;
}

/* Instagram Image Counter */
.instagram-thumb::after {
    content: attr(data-count);
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(0, 0, 0, 0.7);
    color: var(--zad-white);
    padding: 0.25rem 0.5rem;
    border-radius: var(--zad-border-radius);
    font-size: 0.75rem;
    font-weight: 600;
    opacity: 0;
    transition: var(--zad-transition);
    z-index: 10;
}

.instagram-wrapper:hover .instagram-thumb::after {
    opacity: 1;
}

/* Add data-count attributes to images */
.instagram-thumb:nth-child(1)::after { content: "01"; }
.instagram-thumb:nth-child(2)::after { content: "02"; }
.instagram-thumb:nth-child(3)::after { content: "03"; }
.instagram-thumb:nth-child(4)::after { content: "04"; }
.instagram-thumb:nth-child(5)::after { content: "05"; }
.instagram-thumb:nth-child(6)::after { content: "06"; }

/* Instagram Section Background Elements */
.instagram-area::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 20% 80%, rgba(1, 255, 132, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(21, 3, 66, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 40% 40%, rgba(255, 215, 0, 0.03) 0%, transparent 50%);
    z-index: 1;
    pointer-events: none;
}

/* Floating Instagram Elements */
.instagram-area::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='20' cy='20' r='2' fill='%2301FF84' opacity='0.1'%3E%3Canimate attributeName='opacity' values='0.1;0.3;0.1' dur='4s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='80' cy='30' r='1.5' fill='%23FFD700' opacity='0.1'%3E%3Canimate attributeName='opacity' values='0.1;0.2;0.1' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='60' cy='70' r='2.5' fill='%23150342' opacity='0.1'%3E%3Canimate attributeName='opacity' values='0.1;0.25;0.1' dur='5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E");
    z-index: 1;
    pointer-events: none;
    animation: float-pattern 20s ease-in-out infinite;
}

@keyframes float-pattern {
    0%, 100% { transform: translateX(0px) translateY(0px); }
    25% { transform: translateX(10px) translateY(-10px); }
    50% { transform: translateX(-5px) translateY(5px); }
    75% { transform: translateX(5px) translateY(-5px); }
}

/* Instagram Grid Enhancement */
.instagram-area .row {
    position: relative;
    z-index: 2;
}

/* Instagram Item Hover Effects */
.instagram-wrapper:nth-child(1) .instagram-thumb:hover {
    box-shadow: 0 20px 60px rgba(1, 255, 132, 0.3);
}

.instagram-wrapper:nth-child(2) .instagram-thumb:hover {
    box-shadow: 0 20px 60px rgba(255, 215, 0, 0.3);
}

.instagram-wrapper:nth-child(3) .instagram-thumb:hover {
    box-shadow: 0 20px 60px rgba(21, 3, 66, 0.3);
}

.instagram-wrapper:nth-child(4) .instagram-thumb:hover {
    box-shadow: 0 20px 60px rgba(1, 255, 132, 0.3);
}

.instagram-wrapper:nth-child(5) .instagram-thumb:hover {
    box-shadow: 0 20px 60px rgba(255, 215, 0, 0.3);
}

.instagram-wrapper:nth-child(6) .instagram-thumb:hover {
    box-shadow: 0 20px 60px rgba(21, 3, 66, 0.3);
}

/* Instagram Loading Animation */
.instagram-thumb img {
    opacity: 0;
    animation: image-fade-in 0.8s ease-out forwards;
}

.instagram-thumb:nth-child(1) img { animation-delay: 0.1s; }
.instagram-thumb:nth-child(2) img { animation-delay: 0.2s; }
.instagram-thumb:nth-child(3) img { animation-delay: 0.3s; }
.instagram-thumb:nth-child(4) img { animation-delay: 0.4s; }
.instagram-thumb:nth-child(5) img { animation-delay: 0.5s; }
.instagram-thumb:nth-child(6) img { animation-delay: 0.6s; }

@keyframes image-fade-in {
    0% { 
        opacity: 0; 
        transform: scale(0.8); 
    }
    100% { 
        opacity: 1; 
        transform: scale(1); 
    }
}

/* Instagram Responsive Design */
@media (max-width: 1200px) {
    .instagram-title {
        font-size: 2.25rem !important;
    }
    
    .instagram-btn a {
        width: 50px;
        height: 50px;
    }
    
    .instagram-btn a span img {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 991px) {
    .instagram-area {
        padding: 4rem 0;
    }
    
    .instagram-title {
        font-size: 2rem !important;
    }
    
    .instagram-thumb {
        padding: 0.375rem;
    }
    
    .instagram-btn a {
        width: 45px;
        height: 45px;
    }
    
    .instagram-btn a span img {
        width: 18px;
        height: 18px;
    }
}

@media (max-width: 767px) {
    .instagram-area {
        padding: 3rem 0;
    }
    
    .instagram-title {
        font-size: 1.75rem !important;
    }
    
    .instagram-wrapper:hover {
        transform: translateY(-5px);
    }
    
    .instagram-thumb:hover {
        transform: scale(1.02);
    }
    
    .instagram-thumb {
        padding: 0.25rem;
    }
    
    .instagram-btn a {
        width: 40px;
        height: 40px;
    }
    
    .instagram-btn a span img {
        width: 16px;
        height: 16px;
    }
}

@media (max-width: 575px) {
    .instagram-title {
        font-size: 1.5rem !important;
    }
    
    .instagram-thumb {
        padding: 0.125rem;
    }
    
    .instagram-btn a {
        width: 35px;
        height: 35px;
    }
    
    .instagram-btn a span img {
        width: 14px;
        height: 14px;
    }
}

/* Instagram Accessibility */
@media (prefers-reduced-motion: reduce) {
    .instagram-wrapper:hover,
    .instagram-thumb:hover,
    .instagram-thumb img,
    .instagram-btn a:hover,
    .instagram-btn a span img,
    .instagram-title::after,
    .instagram-area::after {
        animation: none;
        transform: none;
    }
    
    .instagram-thumb img {
        opacity: 1;
    }
}

/* Instagram High Contrast Mode */
@media (prefers-contrast: high) {
    .instagram-area {
        background: var(--zad-white);
    }
    
    .instagram-thumb {
        border: 2px solid var(--zad-primary);
    }
    
    .instagram-btn a {
        background: var(--zad-primary);
        border: 2px solid var(--zad-white);
    }
    
    .instagram-thumb::before {
        background: var(--zad-primary);
    }
}

/* Instagram Print Styles */
@media print {
    .instagram-area {
        background: white !important;
    }
    
    .instagram-thumb {
        box-shadow: none !important;
        border: 1px solid #ccc !important;
    }
    
    .instagram-btn {
        display: none !important;
    }
    
    .instagram-thumb::before,
    .instagram-thumb::after {
        display: none !important;
    }
}


/* ========================================
   ENHANCED CONTACT INFO SECTION STYLES
======================================== */

/* Enhanced Contact Info Section */
.enhanced-contact-info {
    position: relative;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    overflow: hidden;
}

/* Contact Badge */
.contact-badge {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
    padding: 0.5rem 1.5rem;
    border-radius: var(--zad-border-radius-xl);
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: var(--zad-shadow-lg);
    animation: badge-pulse 3s ease-in-out infinite;
}

/* Contact Stats */
.contact-stats {
    margin: 2rem 0;
}

.contact-stats .stats-row {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.contact-stats .stat-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--zad-primary);
    font-size: 0.9rem;
    font-weight: 500;
    transition: var(--zad-transition);
}

.contact-stats .stat-item:hover {
    color: var(--zad-gold);
    transform: translateY(-2px);
}

.contact-stats .stat-item i {
    font-size: 1rem;
    color: var(--zad-gold);
}

/* Enhanced Contact Cards */
.enhanced-contact-card {
    position: relative;
    background: var(--zad-white);
    border-radius: var(--zad-border-radius-lg);
    box-shadow: var(--zad-shadow);
    overflow: hidden;
    transition: var(--zad-transition);
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-bottom: 2rem;
    border: 1px solid rgba(1, 255, 132, 0.1);
}

.enhanced-contact-card:hover {
    transform: translateY(-10px);
    box-shadow: var(--zad-shadow-xl);
    border-color: var(--zad-gold);
}

/* Contact Card Header */
.contact-card-header {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-icon-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-icon {
    width: 100px;
    height: 100px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    color: var(--zad-white);
    transition: var(--zad-transition);
    animation: icon-float 3s ease-in-out infinite;
}

.enhanced-contact-card:hover .contact-icon {
    transform: scale(1.1) rotate(5deg);
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.5);
}

/* Contact Overlay */
.contact-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.9) 0%, 
        rgba(1, 255, 132, 0.2) 50%, 
        rgba(21, 3, 66, 0.9) 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: var(--zad-transition);
}

.enhanced-contact-card:hover .contact-overlay {
    opacity: 1;
}

.overlay-content {
    text-align: center;
    color: var(--zad-white);
}

.overlay-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin: 0 auto 1rem;
    box-shadow: var(--zad-shadow);
    animation: icon-float 3s ease-in-out infinite;
}

.overlay-actions {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.action-btn {
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--zad-white);
    text-decoration: none;
    font-size: 1rem;
    transition: var(--zad-transition);
}

.action-btn:hover {
    background: var(--zad-gold);
    color: var(--zad-primary);
    transform: scale(1.1);
    text-decoration: none;
}

/* Contact Card Content */
.contact-card-content {
    padding: 2rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
}

.contact-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--zad-primary);
    margin-bottom: 1rem;
    text-align: center;
}

.contact-description {
    color: var(--zad-muted);
    line-height: 1.6;
    margin-bottom: 1.5rem;
    text-align: center;
    flex-grow: 1;
}

.contact-details {
    margin-bottom: 1.5rem;
}

.contact-item {
    margin-bottom: 1rem;
    text-align: center;
}

.contact-label {
    font-size: 0.85rem;
    color: var(--zad-muted);
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.contact-value {
    font-size: 1rem;
    color: var(--zad-primary);
    font-weight: 600;
    text-decoration: none;
    transition: var(--zad-transition);
}

.contact-value:hover {
    color: var(--zad-gold);
    text-decoration: none;
}

.contact-features {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--zad-muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.feature-item i {
    color: var(--zad-gold);
    font-size: 0.9rem;
}

/* Contact Card Footer */
.contact-card-footer {
    padding: 0 2rem 2rem;
    position: relative;
    z-index: 2;
}

.contact-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: var(--zad-border-radius);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: var(--zad-transition);
    position: relative;
    overflow: hidden;
}

.contact-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: var(--zad-transition);
}

.contact-btn:hover::before {
    left: 100%;
}

.contact-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--zad-shadow-lg);
    text-decoration: none;
}

.contact-btn i {
    transition: var(--zad-transition);
}

.contact-btn:hover i {
    transform: translateX(3px);
}

/* Contact Button Variants */
.primary-btn {
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
}

.primary-btn:hover {
    color: var(--zad-white);
}

.secondary-btn {
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 100%);
    color: var(--zad-white);
}

.secondary-btn:hover {
    color: var(--zad-white);
}

.tertiary-btn {
    background: linear-gradient(135deg, #8B5CF6 0%, #A855F7 100%);
    color: var(--zad-white);
}

.tertiary-btn:hover {
    color: var(--zad-white);
}

/* Contact CTA */
.contact-cta-wrapper {
    margin-top: 3rem;
    position: relative;
    z-index: 2;
}

.contact-cta-card {
    background: var(--zad-white);
    border-radius: var(--zad-border-radius-lg);
    padding: 2rem;
    box-shadow: var(--zad-shadow);
    display: flex;
    align-items: center;
    gap: 2rem;
    max-width: 800px;
    margin: 0 auto;
    border: 1px solid rgba(1, 255, 132, 0.1);
    position: relative;
    overflow: hidden;
}

.contact-cta-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(1, 255, 132, 0.05) 0%, rgba(21, 3, 66, 0.05) 100%);
    z-index: -1;
}

.cta-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: var(--zad-white);
    flex-shrink: 0;
    animation: icon-pulse 2s ease-in-out infinite;
}

.cta-content {
    flex-grow: 1;
    text-align: left;
}

.cta-content h4 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--zad-primary);
    margin-bottom: 0.5rem;
}

.cta-content p {
    color: var(--zad-muted);
    margin-bottom: 1.5rem;
}

.cta-buttons {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: var(--zad-border-radius);
    text-decoration: none;
    font-weight: 600;
    transition: var(--zad-transition);
    position: relative;
    overflow: hidden;
}

.cta-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: var(--zad-transition);
}

.cta-btn:hover::before {
    left: 100%;
}

.cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--zad-shadow-lg);
    text-decoration: none;
}

.primary-cta-btn {
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
}

.primary-cta-btn:hover {
    color: var(--zad-white);
}

.secondary-cta-btn {
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 100%);
    color: var(--zad-white);
}

.secondary-cta-btn:hover {
    color: var(--zad-white);
}

/* Contact Background Elements */
.contact-bg-elements {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}

.floating-contact-element {
    position: absolute;
    color: rgba(1, 255, 132, 0.1);
    font-size: 2rem;
    animation: float-contact 10s ease-in-out infinite;
}

.floating-contact-element.element-1 {
    top: 15%;
    left: 10%;
    animation-delay: 0s;
}

.floating-contact-element.element-2 {
    top: 20%;
    right: 15%;
    animation-delay: 2s;
}

.floating-contact-element.element-3 {
    top: 60%;
    left: 20%;
    animation-delay: 4s;
}

.floating-contact-element.element-4 {
    bottom: 20%;
    right: 25%;
    animation-delay: 6s;
}

.floating-contact-element.element-5 {
    bottom: 30%;
    left: 15%;
    animation-delay: 8s;
}

.floating-contact-element.element-6 {
    top: 70%;
    right: 30%;
    animation-delay: 10s;
}

@keyframes float-contact {
    0%, 100% { 
        transform: translateY(0px) rotate(0deg); 
        opacity: 0.1; 
    }
    50% { 
        transform: translateY(-30px) rotate(180deg); 
        opacity: 0.2; 
    }
}

/* Responsive Design for Contact Info */
@media (max-width: 1200px) {
    .contact-stats .stats-row {
        gap: 1.5rem;
    }
    
    .contact-icon {
        width: 80px;
        height: 80px;
        font-size: 2rem;
    }
    
    .cta-buttons {
        justify-content: center;
    }
}

@media (max-width: 991px) {
    .contact-stats .stats-row {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
    
    .contact-cta-card {
        flex-direction: column;
        text-align: center;
        gap: 1.5rem;
    }
    
    .cta-content {
        text-align: center;
    }
    
    .contact-icon {
        width: 70px;
        height: 70px;
        font-size: 1.75rem;
    }
    
    .cta-buttons {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .enhanced-contact-info {
        padding: 3rem 0;
    }
    
    .contact-card-content {
        padding: 1.5rem;
    }
    
    .contact-card-footer {
        padding: 0 1.5rem 1.5rem;
    }
    
    .contact-card-header {
        min-height: 150px;
    }
    
    .contact-icon {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
    }
    
    .overlay-icon {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }
    
    .action-btn {
        width: 40px;
        height: 40px;
        font-size: 0.9rem;
    }
    
    .contact-title {
        font-size: 1.25rem;
    }
    
    .contact-cta-card {
        padding: 1.5rem;
    }
    
    .cta-icon {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
    }
}

@media (max-width: 575px) {
    .contact-card-content {
        padding: 1.25rem;
    }
    
    .contact-card-footer {
        padding: 0 1.25rem 1.25rem;
    }
    
    .contact-card-header {
        min-height: 120px;
    }
    
    .contact-icon {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }
    
    .overlay-icon {
        width: 45px;
        height: 45px;
        font-size: 1.125rem;
    }
    
    .action-btn {
        width: 35px;
        height: 35px;
        font-size: 0.8rem;
    }
    
    .contact-title {
        font-size: 1.125rem;
    }
    
    .contact-cta-card {
        padding: 1.25rem;
    }
    
    .cta-icon {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .enhanced-contact-card:hover,
    .contact-icon,
    .overlay-icon,
    .action-btn,
    .contact-btn,
    .floating-contact-element,
    .contact-badge,
    .cta-icon {
        animation: none;
        transform: none;
    }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .enhanced-contact-info {
        background: var(--zad-white);
    }
    
    .enhanced-contact-card {
        border: 2px solid var(--zad-primary);
    }
    
    .contact-overlay {
        background: var(--zad-primary);
    }
    
    .action-btn {
        background: var(--zad-white);
        color: var(--zad-primary);
        border: 2px solid var(--zad-primary);
    }
}


/* ========================================
   ENHANCED CONTACT FORM SECTION STYLES
======================================== */

/* Enhanced Contact Form Section */
.enhanced-contact-form {
    position: relative;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    overflow: hidden;
}

/* Form Badge */
.form-badge {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
    padding: 0.5rem 1.5rem;
    border-radius: var(--zad-border-radius-xl);
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: var(--zad-shadow-lg);
    animation: badge-pulse 3s ease-in-out infinite;
}

/* Form Stats */
.form-stats {
    margin: 2rem 0;
}

.form-stats .stats-row {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.form-stats .stat-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--zad-primary);
    font-size: 0.9rem;
    font-weight: 500;
    transition: var(--zad-transition);
}

.form-stats .stat-item:hover {
    color: var(--zad-gold);
    transform: translateY(-2px);
}

.form-stats .stat-item i {
    font-size: 1rem;
    color: var(--zad-gold);
}

/* Enhanced Form Container */
.enhanced-form-container {
    position: relative;
    z-index: 2;
}

/* Form Progress Indicator */
.form-progress-wrapper {
    margin-bottom: 3rem;
    position: relative;
}

.form-progress-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    max-width: 800px;
    margin: 0 auto;
}

.form-progress-bar::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #e9ecef 0%, #e9ecef 100%);
    z-index: 1;
}

.progress-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    position: relative;
    z-index: 2;
    transition: var(--zad-transition);
}

.step-icon {
    width: 60px;
    height: 60px;
    background: #e9ecef;
    border: 3px solid #e9ecef;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: var(--zad-muted);
    transition: var(--zad-transition);
}

.step-label {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--zad-muted);
    text-align: center;
    transition: var(--zad-transition);
}

.progress-step.active .step-icon {
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    border-color: var(--zad-gold);
    color: var(--zad-white);
    animation: step-pulse 2s ease-in-out infinite;
}

.progress-step.active .step-label {
    color: var(--zad-primary);
    font-weight: 700;
}

.progress-step.completed .step-icon {
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 100%);
    border-color: var(--zad-accent);
    color: var(--zad-white);
}

.progress-step.completed .step-label {
    color: var(--zad-gold);
}

@keyframes step-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

/* Enhanced Form Card */
.enhanced-form-card {
    background: var(--zad-white);
    border-radius: var(--zad-border-radius-lg);
    box-shadow: var(--zad-shadow-xl);
    overflow: hidden;
    border: 1px solid rgba(1, 255, 132, 0.1);
    position: relative;
}

.enhanced-form-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(1, 255, 132, 0.02) 0%, rgba(21, 3, 66, 0.02) 100%);
    z-index: 1;
}

.enhanced-form {
    position: relative;
    z-index: 2;
    padding: 2rem;
}

/* Form Steps */
.form-step {
    display: none;
    animation: fadeInUp 0.5s ease-out;
}

.form-step.active {
    display: block;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Step Header */
.step-header {
    text-align: center;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid #f8f9fa;
}

.step-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--zad-primary);
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.step-description {
    color: var(--zad-muted);
    font-size: 1rem;
    margin: 0;
}

/* Enhanced Form Groups */
.enhanced-form-group {
    margin-bottom: 1.5rem;
    position: relative;
}

.enhanced-form-label {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: var(--zad-primary);
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.enhanced-form-label i {
    color: var(--zad-gold);
    font-size: 0.8rem;
}

/* Input Wrapper */
.input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.enhanced-form-control {
    width: 100%;
    padding: 1rem 1rem 1rem 3rem;
    border: 2px solid #e9ecef;
    border-radius: var(--zad-border-radius);
    font-size: 1rem;
    color: var(--zad-primary);
    background: var(--zad-white);
    transition: var(--zad-transition);
    outline: none;
}

.enhanced-form-control:focus {
    border-color: var(--zad-gold);
    box-shadow: 0 0 0 3px rgba(1, 255, 132, 0.1);
    background: #f8f9fa;
}

.enhanced-form-control::placeholder {
    color: var(--zad-muted);
    font-style: italic;
}

.input-icon {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--zad-gold);
    font-size: 1rem;
    z-index: 3;
    pointer-events: none;
}

.enhanced-textarea {
    resize: vertical;
    min-height: 120px;
    padding-top: 1rem;
}

/* Package Options */
.package-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.package-option {
    position: relative;
}

.package-radio {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.package-label {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    border: 2px solid #e9ecef;
    border-radius: var(--zad-border-radius);
    background: var(--zad-white);
    cursor: pointer;
    transition: var(--zad-transition);
    position: relative;
    overflow: hidden;
}

.package-label::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(1, 255, 132, 0.1), transparent);
    transition: var(--zad-transition);
}

.package-label:hover::before {
    left: 100%;
}

.package-label:hover {
    border-color: var(--zad-gold);
    transform: translateY(-2px);
    box-shadow: var(--zad-shadow);
}

.package-radio:checked + .package-label {
    border-color: var(--zad-primary);
    background: linear-gradient(135deg, rgba(21, 3, 66, 0.05) 0%, rgba(1, 255, 132, 0.05) 100%);
    box-shadow: var(--zad-shadow-lg);
}

.package-radio:checked + .package-label .package-icon {
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
    transform: scale(1.1);
}

.package-icon {
    width: 50px;
    height: 50px;
    background: #f8f9fa;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: var(--zad-muted);
    transition: var(--zad-transition);
    flex-shrink: 0;
}

.package-info {
    flex-grow: 1;
}

.package-name {
    font-size: 1rem;
    font-weight: 700;
    color: var(--zad-primary);
    margin-bottom: 0.25rem;
}

.package-price {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--zad-gold);
    margin-bottom: 0.25rem;
}

.package-desc {
    font-size: 0.8rem;
    color: var(--zad-muted);
    line-height: 1.4;
}

/* Form Navigation */
.form-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 2px solid #f8f9fa;
}

.form-nav-btn {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border: 2px solid var(--zad-primary);
    border-radius: var(--zad-border-radius);
    background: transparent;
    color: var(--zad-primary);
    font-weight: 600;
    text-decoration: none;
    transition: var(--zad-transition);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.form-nav-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(21, 3, 66, 0.1), transparent);
    transition: var(--zad-transition);
}

.form-nav-btn:hover::before {
    left: 100%;
}

.form-nav-btn:hover {
    background: var(--zad-primary);
    color: var(--zad-white);
    transform: translateY(-2px);
    box-shadow: var(--zad-shadow);
}

.next-btn {
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
    border-color: var(--zad-gold);
}

.next-btn:hover {
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 100%);
    color: var(--zad-white);
}

.form-submit-btn {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 2rem;
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    color: var(--zad-white);
    border: none;
    border-radius: var(--zad-border-radius);
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: var(--zad-transition);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    box-shadow: var(--zad-shadow-lg);
}

.form-submit-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: var(--zad-transition);
}

.form-submit-btn:hover::before {
    left: 100%;
}

.form-submit-btn:hover {
    transform: translateY(-3px);
    box-shadow: var(--zad-shadow-xl);
    background: linear-gradient(135deg, var(--zad-gold) 0%, var(--zad-accent) 100%);
}

/* Form Background Elements */
.form-bg-elements {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}

.floating-form-element {
    position: absolute;
    color: rgba(1, 255, 132, 0.1);
    font-size: 2rem;
    animation: float-form 12s ease-in-out infinite;
}

.floating-form-element.element-1 {
    top: 10%;
    left: 5%;
    animation-delay: 0s;
}

.floating-form-element.element-2 {
    top: 25%;
    right: 10%;
    animation-delay: 2s;
}

.floating-form-element.element-3 {
    top: 50%;
    left: 15%;
    animation-delay: 4s;
}

.floating-form-element.element-4 {
    bottom: 30%;
    right: 20%;
    animation-delay: 6s;
}

.floating-form-element.element-5 {
    bottom: 15%;
    left: 10%;
    animation-delay: 8s;
}

.floating-form-element.element-6 {
    top: 70%;
    right: 5%;
    animation-delay: 10s;
}

@keyframes float-form {
    0%, 100% { 
        transform: translateY(0px) rotate(0deg); 
        opacity: 0.1; 
    }
    50% { 
        transform: translateY(-40px) rotate(180deg); 
        opacity: 0.2; 
    }
}

/* Responsive Design for Contact Form */
@media (max-width: 1200px) {
    .form-stats .stats-row {
        gap: 1.5rem;
    }
    
    .form-progress-bar {
        max-width: 600px;
    }
    
    .step-icon {
        width: 50px;
        height: 50px;
        font-size: 1rem;
    }
    
    .package-options {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
}

@media (max-width: 991px) {
    .form-stats .stats-row {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
    
    .form-progress-bar {
        flex-direction: column;
        gap: 1rem;
        max-width: 300px;
    }
    
    .form-progress-bar::before {
        display: none;
    }
    
    .step-icon {
        width: 45px;
        height: 45px;
        font-size: 0.9rem;
    }
    
    .step-label {
        font-size: 0.75rem;
    }
    
    .package-options {
        grid-template-columns: 1fr;
    }
    
    .form-navigation {
        flex-direction: column;
        gap: 1rem;
    }
    
    .form-nav-btn,
    .form-submit-btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .enhanced-contact-form {
        padding: 3rem 0;
    }
    
    .enhanced-form {
        padding: 1.5rem;
    }
    
    .step-header {
        margin-bottom: 1.5rem;
        padding-bottom: 1rem;
    }
    
    .step-title {
        font-size: 1.25rem;
        flex-direction: column;
        gap: 0.25rem;
    }
    
    .enhanced-form-control {
        padding: 0.875rem 0.875rem 0.875rem 2.5rem;
        font-size: 0.9rem;
    }
    
    .input-icon {
        left: 0.875rem;
        font-size: 0.9rem;
    }
    
    .package-label {
        padding: 1rem;
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }
    
    .package-icon {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
    
    .form-navigation {
        margin-top: 1.5rem;
        padding-top: 1.5rem;
    }
}

@media (max-width: 575px) {
    .enhanced-form {
        padding: 1.25rem;
    }
    
    .step-title {
        font-size: 1.125rem;
    }
    
    .enhanced-form-control {
        padding: 0.75rem 0.75rem 0.75rem 2.25rem;
        font-size: 0.85rem;
    }
    
    .input-icon {
        left: 0.75rem;
        font-size: 0.85rem;
    }
    
    .package-label {
        padding: 0.875rem;
    }
    
    .package-icon {
        width: 35px;
        height: 35px;
        font-size: 0.9rem;
    }
    
    .package-name {
        font-size: 0.9rem;
    }
    
    .package-price {
        font-size: 1rem;
    }
    
    .package-desc {
        font-size: 0.75rem;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .enhanced-form-control:focus,
    .package-label:hover,
    .form-nav-btn:hover,
    .form-submit-btn:hover,
    .floating-form-element,
    .form-badge,
    .step-icon {
        animation: none;
        transform: none;
    }
    
    .form-step {
        animation: none;
    }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .enhanced-contact-form {
        background: var(--zad-white);
    }
    
    .enhanced-form-card {
        border: 2px solid var(--zad-primary);
    }
    
    .enhanced-form-control {
        border: 2px solid var(--zad-primary);
    }
    
    .package-label {
        border: 2px solid var(--zad-primary);
    }
    
    .form-nav-btn {
        border: 2px solid var(--zad-primary);
    }
}


/* ========================================
   MULTI-STEP FORM JAVASCRIPT FUNCTIONALITY
======================================== */

/* Add this JavaScript to your main.js or create a separate file */

/*
document.addEventListener('DOMContentLoaded', function() {
    const form = document.getElementById('umrah-quote-form');
    const steps = document.querySelectorAll('.form-step');
    const progressSteps = document.querySelectorAll('.progress-step');
    const nextBtn = document.getElementById('nextBtn');
    const prevBtn = document.getElementById('prevBtn');
    const submitBtn = document.getElementById('submitBtn');
    
    let currentStep = 1;
    const totalSteps = steps.length;
    
    // Initialize form
    updateFormDisplay();
    
    // Next button functionality
    nextBtn.addEventListener('click', function() {
        if (validateCurrentStep()) {
            if (currentStep < totalSteps) {
                currentStep++;
                updateFormDisplay();
            }
        }
    });
    
    // Previous button functionality
    prevBtn.addEventListener('click', function() {
        if (currentStep > 1) {
            currentStep--;
            updateFormDisplay();
        }
    });
    
    // Update form display
    function updateFormDisplay() {
        // Hide all steps
        steps.forEach(step => {
            step.classList.remove('active');
        });
        
        // Show current step
        document.querySelector(`[data-step="${currentStep}"]`).classList.add('active');
        
        // Update progress indicators
        progressSteps.forEach((step, index) => {
            step.classList.remove('active', 'completed');
            if (index + 1 < currentStep) {
                step.classList.add('completed');
            } else if (index + 1 === currentStep) {
                step.classList.add('active');
            }
        });
        
        // Update navigation buttons
        prevBtn.style.display = currentStep > 1 ? 'flex' : 'none';
        nextBtn.style.display = currentStep < totalSteps ? 'flex' : 'none';
        submitBtn.style.display = currentStep === totalSteps ? 'flex' : 'none';
        
        // Update progress bar
        updateProgressBar();
    }
    
    // Update progress bar
    function updateProgressBar() {
        const progressBar = document.querySelector('.form-progress-bar::before');
        const progress = (currentStep / totalSteps) * 100;
        if (progressBar) {
            progressBar.style.background = `linear-gradient(90deg, var(--zad-primary) 0%, var(--zad-gold) ${progress}%, #e9ecef ${progress}%, #e9ecef 100%)`;
        }
    }
    
    // Validate current step
    function validateCurrentStep() {
        const currentStepElement = document.querySelector(`[data-step="${currentStep}"]`);
        const requiredFields = currentStepElement.querySelectorAll('[required]');
        let isValid = true;
        
        requiredFields.forEach(field => {
            if (!field.value.trim()) {
                field.classList.add('error');
                isValid = false;
            } else {
                field.classList.remove('error');
            }
        });
        
        return isValid;
    }
    
    // Form submission
    form.addEventListener('submit', function(e) {
        e.preventDefault();
        
        if (validateCurrentStep()) {
            // Show loading state
            submitBtn.innerHTML = '<i class="fa-solid fa-spinner fa-spin me-2"></i>Processing...';
            submitBtn.disabled = true;
            
            // Simulate form submission (replace with actual submission logic)
            setTimeout(() => {
                // Show success message
                showSuccessMessage();
            }, 2000);
        }
    });
    
    // Show success message
    function showSuccessMessage() {
        const successMessage = document.createElement('div');
        successMessage.className = 'form-success-message';
        successMessage.innerHTML = `
            <div class="success-content">
                <div class="success-icon">
                    <i class="fa-solid fa-check-circle"></i>
                </div>
                <h3>Thank You!</h3>
                <p>Your Umrah quote request has been submitted successfully. Our team will contact you within 24 hours with a personalized package.</p>
                <button class="success-btn" onclick="location.reload()">Submit Another Request</button>
            </div>
        `;
        
        document.body.appendChild(successMessage);
    }
    
    // Add error styles
    const style = document.createElement('style');
    style.textContent = `
        .enhanced-form-control.error {
            border-color: #dc3545;
            box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1);
        }
        
        .form-success-message {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.8);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10000;
            animation: fadeIn 0.3s ease-out;
        }
        
        .success-content {
            background: white;
            padding: 3rem;
            border-radius: 1rem;
            text-align: center;
            max-width: 500px;
            margin: 1rem;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
        }
        
        .success-icon {
            width: 80px;
            height: 80px;
            background: linear-gradient(135deg, #28a745, #20c997);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            color: white;
            margin: 0 auto 1.5rem;
            animation: successPulse 2s ease-in-out infinite;
        }
        
        .success-content h3 {
            color: var(--zad-primary);
            margin-bottom: 1rem;
        }
        
        .success-content p {
            color: var(--zad-muted);
            margin-bottom: 2rem;
            line-height: 1.6;
        }
        
        .success-btn {
            background: linear-gradient(135deg, var(--zad-primary), var(--zad-gold));
            color: white;
            border: none;
            padding: 0.75rem 2rem;
            border-radius: 0.5rem;
            font-weight: 600;
            cursor: pointer;
            transition: var(--zad-transition);
        }
        
        .success-btn:hover {
            transform: translateY(-2px);
            box-shadow: var(--zad-shadow-lg);
        }
        
        @keyframes successPulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.05); }
        }
        
        @keyframes fadeIn {
            0% { opacity: 0; }
            100% { opacity: 1; }
        }
    `;
    document.head.appendChild(style);
});
*/

/* ===== Contact Info visibility/stacking fixes (appended) ===== */
#contact-info { scroll-margin-top: 120px; }
.zad-contact-info { position: relative; z-index: 5; overflow: visible !important; isolation: isolate; }
.zad-contact-info .container { position: relative; z-index: 2; }
.zad-bg-elements { z-index: 1; pointer-events: none; }
#booking-form { position: relative; z-index: 0; }

/* ===== Islamic background with modern flow animation (Contact Info) ===== */
.zad-contact-info { background-color: #eef4f8; background-image: radial-gradient(1200px 600px at 110% -10%, rgba(1,255,132,.06), transparent 60%), radial-gradient(900px 500px at -10% 110%, rgba(21,3,66,.06), transparent 60%); }
.zad-bg-elements::after, .zad-bg-elements::before { content:""; position:absolute; inset:0; pointer-events:none; }
.zad-bg-elements::after { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'><defs><pattern id='p' width='40' height='40' patternUnits='userSpaceOnUse' patternTransform='rotate(45)'><path d='M0 20h40M20 0v40' stroke='rgba(21,3,66,0.08)' stroke-width='1'/><circle cx='20' cy='20' r='6' fill='none' stroke='rgba(1,255,132,0.08)' stroke-width='1.2'/></pattern></defs><rect width='100%' height='100%' fill='url(%23p)'/></svg>"); background-size: 800px 800px; background-repeat: repeat; opacity: .5; animation: zad-pattern-flow 60s linear infinite; }
.zad-bg-elements::before { background: repeating-linear-gradient(135deg, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.08) 8%, rgba(255,255,255,0.0) 16%); mix-blend-mode: overlay; opacity: .35; transform: translate3d(0,0,0); animation: zad-sheen 18s linear infinite; }
@keyframes zad-pattern-flow { 0%{ background-position: 0 0; } 100%{ background-position: 800px 0; } }
@keyframes zad-sheen { 0%{ background-position: 0 0; } 100%{ background-position: 1200px 0; } }
.zad-contact-info::before, .zad-contact-info::after { content:""; position:absolute; border-radius:50%; pointer-events:none; filter: blur(20px); }
.zad-contact-info::before { width: 220px; height: 220px; top: -40px; right: -40px; background: radial-gradient(circle at 30% 30%, rgba(1,255,132,.2), rgba(1,255,132,.0) 60%); opacity:.6; }
.zad-contact-info::after { width: 180px; height: 180px; bottom: -30px; left: -30px; background: radial-gradient(circle at 30% 30%, rgba(21,3,66,.18), rgba(21,3,66,.0) 60%); opacity:.5; }
@media (prefers-reduced-motion: reduce) { .zad-bg-elements::before, .zad-bg-elements::after { animation: none !important; } }


/* ===== Advanced Success Modal Styles ===== */
#booking-success-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(20px) saturate(1.2);
    -webkit-backdrop-filter: blur(20px) saturate(1.2);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10500;
    animation: zad-modal-fade-in 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

#booking-success-modal::before {
    content: '';
    position: absolute;
    inset: 0;
    background: 
        radial-gradient(circle at 20% 20%, rgba(1, 255, 132, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(21, 3, 66, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 40% 60%, rgba(255, 215, 0, 0.08) 0%, transparent 50%);
    animation: zad-modal-bg-flow 8s ease-in-out infinite;
    pointer-events: none;
}

#booking-success-modal .modal-card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(30px) saturate(1.3);
    -webkit-backdrop-filter: blur(30px) saturate(1.3);
    border-radius: 32px;
    padding: 48px 40px;
    width: min(580px, 92vw);
    max-height: 90vh;
    text-align: center;
    box-shadow: 
        0 32px 120px rgba(21, 3, 66, 0.4),
        0 16px 60px rgba(1, 255, 132, 0.15),
        0 0 0 1px rgba(255, 255, 255, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    position: relative;
    overflow: hidden;
    animation: zad-modal-card-enter 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid transparent;
    background-clip: padding-box;
}

#booking-success-modal .modal-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 32px;
    padding: 2px;
    background: linear-gradient(135deg, 
        rgba(1, 255, 132, 0.3) 0%, 
        rgba(21, 3, 66, 0.2) 25%, 
        rgba(255, 215, 0, 0.2) 50%, 
        rgba(21, 3, 66, 0.2) 75%, 
        rgba(1, 255, 132, 0.3) 100%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: xor;
    -webkit-mask-composite: xor;
    animation: zad-modal-border-glow 3s ease-in-out infinite;
    z-index: -1;
}

#booking-success-modal .modal-card::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, 
        transparent 30%, 
        rgba(1, 255, 132, 0.1) 50%, 
        transparent 70%);
    animation: zad-modal-shine 2s ease-in-out infinite;
    pointer-events: none;
    z-index: 1;
}

#booking-success-modal .icons {
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-bottom: 24px;
    position: relative;
    z-index: 2;
}

#booking-success-modal .icons i {
    color: var(--zad-primary);
    filter: drop-shadow(0 4px 12px rgba(21, 3, 66, 0.3));
    animation: zad-icon-float 3s ease-in-out infinite;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

#booking-success-modal .icons i:nth-child(1) {
    animation-delay: 0s;
}

#booking-success-modal .icons i:nth-child(2) {
    animation-delay: 0.5s;
}

#booking-success-modal .icons i:hover {
    transform: scale(1.1) rotate(5deg);
    filter: drop-shadow(0 6px 20px rgba(1, 255, 132, 0.4));
}

#booking-success-modal .success-icon {
    width: 120px;
    height: 120px;
    margin: 0 auto 24px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg, 
        #28a745 0%, 
        #20c997 25%, 
        #01FF84 50%, 
        #20c997 75%, 
        #28a745 100%);
    box-shadow: 
        0 16px 40px rgba(40, 167, 69, 0.4),
        0 8px 20px rgba(1, 255, 132, 0.3),
        inset 0 2px 4px rgba(255, 255, 255, 0.2);
    position: relative;
    z-index: 2;
    animation: zad-success-pulse 2s ease-in-out infinite;
    border: 3px solid rgba(255, 255, 255, 0.3);
}

#booking-success-modal .success-icon::before {
    content: '';
    position: absolute;
    inset: -8px;
    border-radius: 50%;
    background: linear-gradient(135deg, 
        rgba(40, 167, 69, 0.3), 
        rgba(1, 255, 132, 0.3));
    animation: zad-success-ring 2s ease-in-out infinite;
    z-index: -1;
}

#booking-success-modal .success-icon i {
    font-size: 2.5rem;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.2));
    animation: zad-check-bounce 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s both;
}

#booking-success-modal h3 {
    font-size: 2rem;
    font-weight: 700;
    color: var(--zad-primary);
    margin-bottom: 16px;
    position: relative;
    z-index: 2;
    background: linear-gradient(135deg, var(--zad-primary) 0%, #2a0769 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: zad-title-glow 2s ease-in-out infinite;
}

#booking-success-modal p {
    font-size: 1.1rem;
    color: #4a5568;
    margin-bottom: 16px;
    line-height: 1.6;
    position: relative;
    z-index: 2;
}

#booking-success-modal p:last-of-type {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--zad-primary);
    margin-bottom: 32px;
}

#booking-success-modal strong {
    color: var(--zad-gold);
    font-weight: 700;
    text-shadow: 0 2px 4px rgba(1, 255, 132, 0.3);
    animation: zad-code-glow 2s ease-in-out infinite;
}

#booking-success-modal button {
    background: linear-gradient(135deg, 
        var(--zad-primary) 0%, 
        #2a0769 50%, 
        var(--zad-primary) 100%);
    border: none;
    border-radius: 16px;
    padding: 16px 32px;
    color: white;
    font-weight: 600;
    font-size: 1.1rem;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    z-index: 2;
    overflow: hidden;
    box-shadow: 
        0 8px 24px rgba(21, 3, 66, 0.3),
        0 4px 12px rgba(1, 255, 132, 0.2);
    border: 2px solid transparent;
    background-clip: padding-box;
}

#booking-success-modal button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 14px;
    padding: 2px;
    background: linear-gradient(135deg, 
        rgba(1, 255, 132, 0.5), 
        rgba(255, 215, 0, 0.3), 
        rgba(1, 255, 132, 0.5));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: xor;
    -webkit-mask-composite: xor;
    opacity: 0;
    transition: opacity 0.3s ease;
}

#booking-success-modal button:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 
        0 12px 32px rgba(21, 3, 66, 0.4),
        0 6px 16px rgba(1, 255, 132, 0.3);
}

#booking-success-modal button:hover::before {
    opacity: 1;
}

#booking-success-modal button:active {
    transform: translateY(0) scale(0.98);
}

/* Modal Animations */
@keyframes zad-modal-fade-in {
    0% {
        opacity: 0;
        backdrop-filter: blur(0px);
    }
    100% {
        opacity: 1;
        backdrop-filter: blur(20px);
    }
}

@keyframes zad-modal-card-enter {
    0% {
        opacity: 0;
        transform: scale(0.8) translateY(30px);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

@keyframes zad-modal-bg-flow {
    0%, 100% {
        transform: translateX(0) translateY(0) rotate(0deg);
    }
    25% {
        transform: translateX(20px) translateY(-10px) rotate(1deg);
    }
    50% {
        transform: translateX(-10px) translateY(20px) rotate(-1deg);
    }
    75% {
        transform: translateX(15px) translateY(10px) rotate(0.5deg);
    }
}

@keyframes zad-modal-border-glow {
    0%, 100% {
        opacity: 0.6;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.02);
    }
}

@keyframes zad-modal-shine {
    0% {
        transform: translateX(-100%) translateY(-100%) rotate(45deg);
    }
    100% {
        transform: translateX(100%) translateY(100%) rotate(45deg);
    }
}

@keyframes zad-icon-float {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-8px) rotate(2deg);
    }
}

@keyframes zad-success-pulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 
            0 16px 40px rgba(40, 167, 69, 0.4),
            0 8px 20px rgba(1, 255, 132, 0.3),
            inset 0 2px 4px rgba(255, 255, 255, 0.2);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 
            0 20px 50px rgba(40, 167, 69, 0.5),
            0 10px 25px rgba(1, 255, 132, 0.4),
            inset 0 2px 4px rgba(255, 255, 255, 0.3);
    }
}

@keyframes zad-success-ring {
    0% {
        transform: scale(1);
        opacity: 0.7;
    }
    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}

@keyframes zad-check-bounce {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes zad-title-glow {
    0%, 100% {
        text-shadow: 0 0 10px rgba(21, 3, 66, 0.3);
    }
    50% {
        text-shadow: 0 0 20px rgba(1, 255, 132, 0.4);
    }
}

@keyframes zad-code-glow {
    0%, 100% {
        text-shadow: 0 2px 4px rgba(1, 255, 132, 0.3);
    }
    50% {
        text-shadow: 0 4px 8px rgba(1, 255, 132, 0.6);
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    #booking-success-modal .modal-card {
        padding: 32px 24px;
        width: 95vw;
        border-radius: 24px;
    }
    
    #booking-success-modal .success-icon {
        width: 100px;
        height: 100px;
    }
    
    #booking-success-modal .success-icon i {
        font-size: 2rem;
    }
    
    #booking-success-modal h3 {
        font-size: 1.5rem;
    }
    
    #booking-success-modal .icons {
        gap: 16px;
    }
    
    #booking-success-modal .icons i {
        font-size: 1.5rem;
    }
}

@media (max-width: 480px) {
    #booking-success-modal .modal-card {
        padding: 24px 20px;
        border-radius: 20px;
    }
    
    #booking-success-modal .success-icon {
        width: 80px;
        height: 80px;
    }
    
    #booking-success-modal .success-icon i {
        font-size: 1.5rem;
    }
    
    #booking-success-modal h3 {
        font-size: 1.3rem;
    }
    
    #booking-success-modal p {
        font-size: 1rem;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    #booking-success-modal,
    #booking-success-modal .modal-card,
    #booking-success-modal .success-icon,
    #booking-success-modal .icons i,
    #booking-success-modal h3,
    #booking-success-modal strong {
        animation: none !important;
    }
    
    #booking-success-modal .modal-card {
        animation: zad-modal-card-enter 0.3s ease-out;
    }
}

/* High contrast mode */
@media (prefers-contrast: high) {
    #booking-success-modal .modal-card {
        background: #ffffff;
        border: 3px solid #000000;
    }
    
    #booking-success-modal h3,
    #booking-success-modal p:last-of-type {
        color: #000000;
    }
    
    #booking-success-modal strong {
        color: #0066cc;
    }
}


/* ===== Advanced FAQ Section Styles ===== */
.py-140:has(#umrahFAQ) {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, 
        rgba(21, 3, 66, 0.02) 0%, 
        rgba(1, 255, 132, 0.03) 25%, 
        rgba(255, 215, 0, 0.02) 50%, 
        rgba(21, 3, 66, 0.02) 75%, 
        rgba(1, 255, 132, 0.03) 100%);
}

.py-140:has(#umrahFAQ)::before {
    content: '';
    position: absolute;
    inset: 0;
    background: 
        radial-gradient(circle at 15% 25%, rgba(1, 255, 132, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 85% 75%, rgba(21, 3, 66, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(255, 215, 0, 0.05) 0%, transparent 50%);
    animation: zad-faq-bg-flow 12s ease-in-out infinite;
    pointer-events: none;
    z-index: 1;
}

.py-140:has(#umrahFAQ) .container {
    position: relative;
    z-index: 2;
}

/* FAQ Section Header */
.py-140:has(#umrahFAQ) .text-center {
    position: relative;
    z-index: 3;
}

.py-140:has(#umrahFAQ) .section-subtitle {
    background: linear-gradient(135deg, var(--zad-primary) 0%, var(--zad-gold) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    position: relative;
    display: inline-block;
}

.py-140:has(#umrahFAQ) .section-subtitle::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -20px;
    width: 16px;
    height: 16px;
    background: linear-gradient(135deg, var(--zad-primary), var(--zad-gold));
    border-radius: 50%;
    transform: translateY(-50%);
    animation: zad-faq-dot-pulse 2s ease-in-out infinite;
}

.py-140:has(#umrahFAQ) .section-subtitle::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -20px;
    width: 16px;
    height: 16px;
    background: linear-gradient(135deg, var(--zad-gold), var(--zad-primary));
    border-radius: 50%;
    transform: translateY(-50%);
    animation: zad-faq-dot-pulse 2s ease-in-out infinite 0.5s;
}

.py-140:has(#umrahFAQ) .section-title {
    background: linear-gradient(135deg, var(--zad-primary) 0%, #2a0769 50%, var(--zad-primary) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    position: relative;
    text-shadow: 0 4px 8px rgba(21, 3, 66, 0.1);
}

.py-140:has(#umrahFAQ) .section-title::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        var(--zad-primary) 20%, 
        var(--zad-gold) 50%, 
        var(--zad-primary) 80%, 
        transparent 100%);
    border-radius: 2px;
    animation: zad-faq-underline-glow 3s ease-in-out infinite;
}

/* Enhanced Accordion Styles */
#umrahFAQ {
    position: relative;
    z-index: 3;
}

#umrahFAQ .accordion-item {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px) saturate(1.2);
    -webkit-backdrop-filter: blur(20px) saturate(1.2);
    border: 2px solid transparent;
    border-radius: 20px !important;
    box-shadow: 
        0 8px 32px rgba(21, 3, 66, 0.08),
        0 4px 16px rgba(1, 255, 132, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

#umrahFAQ .accordion-item::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 18px;
    padding: 2px;
    background: linear-gradient(135deg, 
        rgba(1, 255, 132, 0.2) 0%, 
        rgba(21, 3, 66, 0.1) 25%, 
        rgba(255, 215, 0, 0.1) 50%, 
        rgba(21, 3, 66, 0.1) 75%, 
        rgba(1, 255, 132, 0.2) 100%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: xor;
    -webkit-mask-composite: xor;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
}

#umrahFAQ .accordion-item:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 
        0 16px 48px rgba(21, 3, 66, 0.15),
        0 8px 24px rgba(1, 255, 132, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

#umrahFAQ .accordion-item:hover::before {
    opacity: 1;
}

#umrahFAQ .accordion-item:not(:last-child) {
    margin-bottom: 24px;
}

/* Accordion Button Styles */
#umrahFAQ .accordion-button {
    background: transparent;
    border: none;
    border-radius: 18px !important;
    padding: 24px 28px;
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--zad-primary);
    position: relative;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: none;
}

#umrahFAQ .accordion-button::before {
    content: '';
    position: absolute;
    left: 28px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, var(--zad-primary), var(--zad-gold));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: -1;
}

#umrahFAQ .accordion-button::after {
    content: '\f067';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 28px;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-size: 1rem;
    transition: all 0.3s ease;
}

#umrahFAQ .accordion-button:not(.collapsed)::after {
    content: '\f068';
    transform: translateY(-50%) rotate(180deg);
}

#umrahFAQ .accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, 
        rgba(1, 255, 132, 0.1) 0%, 
        rgba(21, 3, 66, 0.05) 100%);
    color: var(--zad-primary);
    box-shadow: 
        0 4px 16px rgba(1, 255, 132, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

#umrahFAQ .accordion-button:hover {
    background: linear-gradient(135deg, 
        rgba(1, 255, 132, 0.08) 0%, 
        rgba(21, 3, 66, 0.03) 100%);
    transform: translateX(4px);
}

#umrahFAQ .accordion-button:focus {
    box-shadow: 0 0 0 3px rgba(1, 255, 132, 0.2);
    border-color: transparent;
}

/* Accordion Body Styles */
#umrahFAQ .accordion-body {
    padding: 0 28px 28px 28px;
    background: transparent;
    border-radius: 0 0 18px 18px;
    position: relative;
}

#umrahFAQ .accordion-body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 28px;
    right: 28px;
    height: 1px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(1, 255, 132, 0.3) 20%, 
        rgba(21, 3, 66, 0.2) 50%, 
        rgba(1, 255, 132, 0.3) 80%, 
        transparent 100%);
}

#umrahFAQ .accordion-body p {
    color: #4a5568;
    line-height: 1.7;
    font-size: 1rem;
    margin: 0;
    padding: 20px 0 0 0;
    position: relative;
}

#umrahFAQ .accordion-body p::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(135deg, var(--zad-primary), var(--zad-gold));
    border-radius: 2px;
    opacity: 0.6;
}

/* FAQ Icons Enhancement */
#umrahFAQ .accordion-item:nth-child(1) .accordion-button::before {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
}

#umrahFAQ .accordion-item:nth-child(2) .accordion-button::before {
    background: linear-gradient(135deg, #3498db, #2980b9);
}

#umrahFAQ .accordion-item:nth-child(3) .accordion-button::before {
    background: linear-gradient(135deg, #f39c12, #e67e22);
}

#umrahFAQ .accordion-item:nth-child(4) .accordion-button::before {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
}

#umrahFAQ .accordion-item:nth-child(5) .accordion-button::before {
    background: linear-gradient(135deg, #1abc9c, #16a085);
}

/* FAQ Content Icons */
#umrahFAQ .accordion-body p::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 0;
    width: 24px;
    height: 24px;
    background: linear-gradient(135deg, var(--zad-primary), var(--zad-gold));
    border-radius: 50%;
    opacity: 0.1;
    transition: all 0.3s ease;
}

#umrahFAQ .accordion-item:hover .accordion-body p::after {
    opacity: 0.2;
    transform: scale(1.1);
}

/* FAQ Animations */
@keyframes zad-faq-bg-flow {
    0%, 100% {
        transform: translateX(0) translateY(0) rotate(0deg);
    }
    25% {
        transform: translateX(20px) translateY(-15px) rotate(1deg);
    }
    50% {
        transform: translateX(-15px) translateY(20px) rotate(-1deg);
    }
    75% {
        transform: translateX(25px) translateY(10px) rotate(0.5deg);
    }
}

@keyframes zad-faq-dot-pulse {
    0%, 100% {
        transform: translateY(-50%) scale(1);
        opacity: 0.8;
    }
    50% {
        transform: translateY(-50%) scale(1.2);
        opacity: 1;
    }
}

@keyframes zad-faq-underline-glow {
    0%, 100% {
        opacity: 0.6;
        transform: translateX(-50%) scaleX(1);
    }
    50% {
        opacity: 1;
        transform: translateX(-50%) scaleX(1.1);
    }
}

/* FAQ Hover Effects */
#umrahFAQ .accordion-item {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#umrahFAQ .accordion-item:hover {
    transform: translateY(-6px) scale(1.02);
}

#umrahFAQ .accordion-item:hover .accordion-button::before {
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 4px 16px rgba(1, 255, 132, 0.3);
}

/* FAQ Responsive Design */
@media (max-width: 768px) {
    #umrahFAQ .accordion-button {
        padding: 20px 24px;
        font-size: 1rem;
    }
    
    #umrahFAQ .accordion-button::before {
        left: 24px;
        width: 36px;
        height: 36px;
    }
    
    #umrahFAQ .accordion-button::after {
        left: 24px;
        font-size: 0.9rem;
    }
    
    #umrahFAQ .accordion-body {
        padding: 0 24px 24px 24px;
    }
    
    #umrahFAQ .accordion-body::before {
        left: 24px;
        right: 24px;
    }
    
    .py-140:has(#umrahFAQ) .section-subtitle::before,
    .py-140:has(#umrahFAQ) .section-subtitle::after {
        width: 12px;
        height: 12px;
    }
}

@media (max-width: 480px) {
    #umrahFAQ .accordion-button {
        padding: 18px 20px;
        font-size: 0.95rem;
    }
    
    #umrahFAQ .accordion-button::before {
        left: 20px;
        width: 32px;
        height: 32px;
    }
    
    #umrahFAQ .accordion-button::after {
        left: 20px;
        font-size: 0.8rem;
    }
    
    #umrahFAQ .accordion-body {
        padding: 0 20px 20px 20px;
    }
    
    #umrahFAQ .accordion-body::before {
        left: 20px;
        right: 20px;
    }
}

/* FAQ Accessibility */
@media (prefers-reduced-motion: reduce) {
    .py-140:has(#umrahFAQ)::before,
    .py-140:has(#umrahFAQ) .section-subtitle::before,
    .py-140:has(#umrahFAQ) .section-subtitle::after,
    .py-140:has(#umrahFAQ) .section-title::after,
    #umrahFAQ .accordion-item,
    #umrahFAQ .accordion-button::before,
    #umrahFAQ .accordion-body p::after {
        animation: none !important;
        transition: none !important;
    }
}

/* FAQ High Contrast Mode */
@media (prefers-contrast: high) {
    #umrahFAQ .accordion-item {
        background: #ffffff;
        border: 2px solid #000000;
    }
    
    #umrahFAQ .accordion-button {
        color: #000000;
    }
    
    #umrahFAQ .accordion-body p {
        color: #000000;
    }
}

/* FAQ Print Styles */
@media print {
    .py-140:has(#umrahFAQ)::before {
        display: none;
    }
    
    #umrahFAQ .accordion-item {
        background: #ffffff;
        border: 1px solid #000000;
        box-shadow: none;
    }
    
    #umrahFAQ .accordion-button {
        color: #000000;
    }
    
    #umrahFAQ .accordion-body p {
        color: #000000;
    }
}


/* ===== Additional FAQ Enhancement Styles ===== */
.zad-faq-icon {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, var(--zad-primary), var(--zad-gold));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    flex-shrink: 0;
    box-shadow: 0 4px 16px rgba(21, 3, 66, 0.2);
}

.zad-faq-highlight {
    background: rgba(1, 255, 132, 0.05);
    border: 1px solid rgba(1, 255, 132, 0.1);
    border-radius: 12px;
    padding: 16px;
    transition: all 0.3s ease;
}

.zad-faq-highlight:hover {
    background: rgba(1, 255, 132, 0.08);
    border-color: rgba(1, 255, 132, 0.2);
    transform: translateY(-2px);
}

.zad-faq-cta {
    background: linear-gradient(135deg, 
        var(--zad-primary) 0%, 
        #2a0769 50%, 
        var(--zad-primary) 100%);
    border-radius: 24px;
    padding: 48px 40px;
    position: relative;
    overflow: hidden;
    box-shadow: 
        0 16px 48px rgba(21, 3, 66, 0.3),
        0 8px 24px rgba(1, 255, 132, 0.1);
}

.zad-faq-cta-bg {
    position: absolute;
    inset: 0;
    background: 
        radial-gradient(circle at 20% 20%, rgba(1, 255, 132, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(255, 215, 0, 0.08) 0%, transparent 50%);
    animation: zad-faq-cta-bg-flow 8s ease-in-out infinite;
}

.zad-faq-cta-content {
    position: relative;
    z-index: 2;
}

.zad-faq-cta-icon {
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.zad-faq-cta-icon i {
    font-size: 2rem;
    color: white;
}

.zad-faq-cta-btn {
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    padding: 12px 24px;
    color: white;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    backdrop-filter: blur(10px);
    display: inline-flex;
    align-items: center;
}

.zad-faq-cta-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.4);
    transform: translateY(-2px);
    color: white;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.zad-faq-cta-btn:active {
    transform: translateY(0);
}

/* FAQ Animations */
@keyframes zad-faq-cta-bg-flow {
    0%, 100% {
        transform: translateX(0) translateY(0) rotate(0deg);
    }
    25% {
        transform: translateX(15px) translateY(-10px) rotate(1deg);
    }
    50% {
        transform: translateX(-10px) translateY(15px) rotate(-1deg);
    }
    75% {
        transform: translateX(20px) translateY(5px) rotate(0.5deg);
    }
}

/* FAQ Responsive Enhancements */
@media (max-width: 768px) {
    .zad-faq-cta {
        padding: 32px 24px;
        border-radius: 20px;
    }
    
    .zad-faq-cta-icon {
        width: 64px;
        height: 64px;
    }
    
    .zad-faq-cta-icon i {
        font-size: 1.5rem;
    }
    
    .zad-faq-cta-btn {
        padding: 10px 20px;
        font-size: 0.9rem;
    }
    
    .zad-faq-icon {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
    
    .zad-faq-highlight {
        padding: 12px;
    }
}

@media (max-width: 480px) {
    .zad-faq-cta {
        padding: 24px 20px;
        border-radius: 16px;
    }
    
    .zad-faq-cta-icon {
        width: 56px;
        height: 56px;
    }
    
    .zad-faq-cta-icon i {
        font-size: 1.3rem;
    }
    
    .zad-faq-cta-btn {
        padding: 8px 16px;
        font-size: 0.85rem;
    }
    
    .zad-faq-icon {
        width: 36px;
        height: 36px;
        font-size: 0.9rem;
    }
    
    .zad-faq-highlight {
        padding: 10px;
    }
}

/* FAQ Accessibility */
@media (prefers-reduced-motion: reduce) {
    .zad-faq-cta-bg,
    .zad-faq-highlight,
    .zad-faq-cta-btn {
        animation: none !important;
        transition: none !important;
    }
}

/* FAQ High Contrast Mode */
@media (prefers-contrast: high) {
    .zad-faq-cta {
        background: #000000;
        border: 3px solid #ffffff;
    }
    
    .zad-faq-cta-btn {
        background: #ffffff;
        color: #000000;
        border-color: #000000;
    }
    
    .zad-faq-cta-btn:hover {
        background: #000000;
        color: #ffffff;
        border-color: #ffffff;
    }
}


/* ===== FAQ Section Spacing and Visibility Fixes ===== */
.py-140:has(#umrahFAQ) {
    padding-bottom: 200px !important;
    margin-bottom: 60px;
}

.py-140:has(#umrahFAQ) .container {
    position: relative;
    z-index: 10;
}

/* FAQ Section Header Visibility */
.py-140:has(#umrahFAQ) .section-subtitle {
    color: var(--zad-primary) !important;
    font-weight: 600 !important;
    text-shadow: 0 2px 4px rgba(21, 3, 66, 0.1);
    font-size: 1.3rem !important;
}

.py-140:has(#umrahFAQ) .section-title {
    color: var(--zad-primary) !important;
    font-weight: 700 !important;
    font-size: 2.5rem !important;
    text-shadow: 0 4px 8px rgba(21, 3, 66, 0.15);
    line-height: 1.2 !important;
}

.py-140:has(#umrahFAQ) .section-title p {
    color: #4a5568 !important;
    font-weight: 500 !important;
    font-size: 1.1rem !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* FAQ Accordion Button Text Visibility */
#umrahFAQ .accordion-button {
    color: var(--zad-primary) !important;
    font-weight: 700 !important;
    font-size: 1.2rem !important;
    text-shadow: 0 1px 2px rgba(21, 3, 66, 0.1);
    line-height: 1.4 !important;
}

#umrahFAQ .accordion-button i {
    color: var(--zad-primary) !important;
    font-size: 1.1rem !important;
}

/* FAQ Body Text Visibility */
#umrahFAQ .accordion-body p {
    color: #2d3748 !important;
    font-weight: 500 !important;
    font-size: 1.05rem !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    line-height: 1.6 !important;
}

#umrahFAQ .accordion-body ul li {
    color: #2d3748 !important;
    font-weight: 500 !important;
    font-size: 1rem !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

#umrahFAQ .accordion-body h6 {
    color: var(--zad-primary) !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    text-shadow: 0 1px 2px rgba(21, 3, 66, 0.1);
}

/* FAQ Highlight Boxes */
.zad-faq-highlight {
    background: rgba(255, 255, 255, 0.8) !important;
    border: 2px solid rgba(1, 255, 132, 0.2) !important;
    box-shadow: 0 4px 12px rgba(21, 3, 66, 0.1) !important;
}

.zad-faq-highlight h6 {
    color: var(--zad-primary) !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 2px rgba(21, 3, 66, 0.1);
}

.zad-faq-highlight p {
    color: #2d3748 !important;
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* FAQ Alert Boxes */
#umrahFAQ .alert {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 2px solid rgba(1, 255, 132, 0.3) !important;
    color: #2d3748 !important;
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 12px rgba(21, 3, 66, 0.1) !important;
}

#umrahFAQ .alert strong {
    color: var(--zad-primary) !important;
    font-weight: 700 !important;
}

/* FAQ CTA Section */
.zad-faq-cta {
    margin-top: 80px !important;
    margin-bottom: 60px !important;
}

.zad-faq-cta h4 {
    color: white !important;
    font-weight: 700 !important;
    font-size: 1.8rem !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.zad-faq-cta p {
    color: rgba(255, 255, 255, 0.95) !important;
    font-weight: 500 !important;
    font-size: 1.1rem !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.zad-faq-cta-btn {
    color: white !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Ensure CTA Section doesn't overlap */
.cta--zad {
    margin-top: 100px !important;
    position: relative;
    z-index: 5;
}

/* FAQ Section Background Enhancement */
.py-140:has(#umrahFAQ)::before {
    background: 
        radial-gradient(circle at 15% 25%, rgba(1, 255, 132, 0.12) 0%, transparent 50%),
        radial-gradient(circle at 85% 75%, rgba(21, 3, 66, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(255, 215, 0, 0.08) 0%, transparent 50%);
}

/* FAQ Icons Enhancement */
.zad-faq-icon {
    background: linear-gradient(135deg, var(--zad-primary), var(--zad-gold)) !important;
    box-shadow: 0 6px 20px rgba(21, 3, 66, 0.3) !important;
}

.zad-faq-icon i {
    color: white !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* FAQ Responsive Text Adjustments */
@media (max-width: 768px) {
    .py-140:has(#umrahFAQ) {
        padding-bottom: 150px !important;
    }
    
    .py-140:has(#umrahFAQ) .section-title {
        font-size: 2rem !important;
    }
    
    .py-140:has(#umrahFAQ) .section-subtitle {
        font-size: 1.1rem !important;
    }
    
    #umrahFAQ .accordion-button {
        font-size: 1.1rem !important;
    }
    
    .zad-faq-cta h4 {
        font-size: 1.5rem !important;
    }
}

@media (max-width: 480px) {
    .py-140:has(#umrahFAQ) {
        padding-bottom: 120px !important;
    }
    
    .py-140:has(#umrahFAQ) .section-title {
        font-size: 1.8rem !important;
    }
    
    .py-140:has(#umrahFAQ) .section-subtitle {
        font-size: 1rem !important;
    }
    
    #umrahFAQ .accordion-button {
        font-size: 1rem !important;
    }
    
    .zad-faq-cta h4 {
        font-size: 1.3rem !important;
    }
}



/* ===== Clean FAQ Section Styles ===== */
.py-140:has(#umrahFAQ) {
    padding-bottom: 200px !important;
    margin-bottom: 60px;
    position: relative;
    z-index: 10;
}

/* FAQ Section Header Visibility */
.py-140:has(#umrahFAQ) .section-subtitle {
    color: var(--zad-primary) !important;
    font-weight: 600 !important;
    text-shadow: 0 2px 4px rgba(21, 3, 66, 0.1);
    font-size: 1.3rem !important;
}

.py-140:has(#umrahFAQ) .section-title {
    color: var(--zad-primary) !important;
    font-weight: 700 !important;
    font-size: 2.5rem !important;
    text-shadow: 0 4px 8px rgba(21, 3, 66, 0.15);
    line-height: 1.2 !important;
}

.py-140:has(#umrahFAQ) .section-title p {
    color: #4a5568 !important;
    font-weight: 500 !important;
    font-size: 1.1rem !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* FAQ Accordion Button Text Visibility */
#umrahFAQ .accordion-button {
    color: var(--zad-primary) !important;
    font-weight: 700 !important;
    font-size: 1.2rem !important;
    text-shadow: 0 1px 2px rgba(21, 3, 66, 0.1);
    line-height: 1.4 !important;
}

#umrahFAQ .accordion-button i {
    color: var(--zad-primary) !important;
    font-size: 1.1rem !important;
}

/* FAQ Body Text Visibility */
#umrahFAQ .accordion-body p {
    color: #2d3748 !important;
    font-weight: 500 !important;
    font-size: 1.05rem !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    line-height: 1.6 !important;
}

#umrahFAQ .accordion-body ul li {
    color: #2d3748 !important;
    font-weight: 500 !important;
    font-size: 1rem !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

#umrahFAQ .accordion-body h6 {
    color: var(--zad-primary) !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    text-shadow: 0 1px 2px rgba(21, 3, 66, 0.1);
}

/* FAQ Highlight Boxes */
.zad-faq-highlight {
    background: rgba(255, 255, 255, 0.8) !important;
    border: 2px solid rgba(1, 255, 132, 0.2) !important;
    box-shadow: 0 4px 12px rgba(21, 3, 66, 0.1) !important;
}

.zad-faq-highlight h6 {
    color: var(--zad-primary) !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 2px rgba(21, 3, 66, 0.1);
}

.zad-faq-highlight p {
    color: #2d3748 !important;
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* FAQ Alert Boxes */
#umrahFAQ .alert {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 2px solid rgba(1, 255, 132, 0.3) !important;
    color: #2d3748 !important;
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 12px rgba(21, 3, 66, 0.1) !important;
}

#umrahFAQ .alert strong {
    color: var(--zad-primary) !important;
    font-weight: 700 !important;
}

/* FAQ CTA Section */
.zad-faq-cta {
    margin-top: 80px !important;
    margin-bottom: 60px !important;
}

.zad-faq-cta h4 {
    color: white !important;
    font-weight: 700 !important;
    font-size: 1.8rem !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.zad-faq-cta p {
    color: rgba(255, 255, 255, 0.95) !important;
    font-weight: 500 !important;
    font-size: 1.1rem !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.zad-faq-cta-btn {
    color: white !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Ensure CTA Section doesn't overlap */
.cta--zad {
    margin-top: 100px !important;
    position: relative;
    z-index: 5;
}

/* FAQ Icons Enhancement */
.zad-faq-icon {
    background: linear-gradient(135deg, var(--zad-primary), var(--zad-gold)) !important;
    box-shadow: 0 6px 20px rgba(21, 3, 66, 0.3) !important;
}

.zad-faq-icon i {
    color: white !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* FAQ Responsive Text Adjustments */
@media (max-width: 768px) {
    .py-140:has(#umrahFAQ) {
        padding-bottom: 150px !important;
    }
    
    .py-140:has(#umrahFAQ) .section-title {
        font-size: 2rem !important;
    }
    
    .py-140:has(#umrahFAQ) .section-subtitle {
        font-size: 1.1rem !important;
    }
    
    #umrahFAQ .accordion-button {
        font-size: 1.1rem !important;
    }
    
    .zad-faq-cta h4 {
        font-size: 1.5rem !important;
    }
}

@media (max-width: 480px) {
    .py-140:has(#umrahFAQ) {
        padding-bottom: 120px !important;
    }
    
    .py-140:has(#umrahFAQ) .section-title {
        font-size: 1.8rem !important;
    }
    
    .py-140:has(#umrahFAQ) .section-subtitle {
        font-size: 1rem !important;
    }
    
    #umrahFAQ .accordion-button {
        font-size: 1rem !important;
    }
    
    .zad-faq-cta h4 {
        font-size: 1.3rem !important;
    }
}


/* ===== FAQ Section Spacing Fix ===== */
/* Add more space to FAQ section */
.py-140:has(#umrahFAQ) {
    padding-bottom: 400px !important;
    margin-bottom: 120px !important;
    min-height: 100vh !important;
}

/* Ensure FAQ container has proper spacing */
.py-140:has(#umrahFAQ) .container {
    padding-bottom: 100px !important;
}

/* Add space after FAQ content */
#umrahFAQ {
    margin-bottom: 100px !important;
}

/* Add space after FAQ CTA */
.zad-faq-cta {
    margin-bottom: 120px !important;
}

/* Ensure next section (CTA) has proper top margin */
.cta--zad {
    margin-top: 200px !important;
    clear: both !important;
}

/* Force FAQ section to be above everything */
.py-140:has(#umrahFAQ) {
    position: relative !important;
    z-index: 100 !important;
}

/* Ensure FAQ content is visible */
#umrahFAQ .accordion-item {
    margin-bottom: 24px !important;
    position: relative !important;
    z-index: 101 !important;
}

/* Add extra space for mobile */
@media (max-width: 768px) {
    .py-140:has(#umrahFAQ) {
        padding-bottom: 300px !important;
        margin-bottom: 80px !important;
    }
    
    .cta--zad {
        margin-top: 150px !important;
    }
    
    .zad-faq-cta {
        margin-bottom: 80px !important;
    }
}

@media (max-width: 480px) {
    .py-140:has(#umrahFAQ) {
        padding-bottom: 250px !important;
        margin-bottom: 60px !important;
    }
    
    .cta--zad {
        margin-top: 120px !important;
    }
    
    .zad-faq-cta {
        margin-bottom: 60px !important;
    }
}


/* ===== FAQ Debug - Temporary Visibility Check ===== */
/* Add a temporary background to see FAQ section boundaries */
.py-140:has(#umrahFAQ) {
    background: rgba(255, 0, 0, 0.1) !important; /* Light red background to see section */
    border: 2px solid red !important; /* Red border to see section */
}

/* Make FAQ accordion visible with temporary styling */
#umrahFAQ {
    background: rgba(0, 255, 0, 0.1) !important; /* Light green background */
    border: 2px solid green !important; /* Green border */
    padding: 20px !important;
    margin: 20px 0 !important;
}

/* Make each FAQ item visible */
#umrahFAQ .accordion-item {
    background: rgba(0, 0, 255, 0.1) !important; /* Light blue background */
    border: 2px solid blue !important; /* Blue border */
    margin: 10px 0 !important;
    padding: 10px !important;
}

/* Make FAQ buttons visible */
#umrahFAQ .accordion-button {
    background: rgba(255, 255, 0, 0.2) !important; /* Light yellow background */
    border: 2px solid orange !important; /* Orange border */
    color: #000 !important; /* Black text */
    font-weight: bold !important;
    font-size: 16px !important;
}

/* Make FAQ bodies visible */
#umrahFAQ .accordion-body {
    background: rgba(255, 0, 255, 0.1) !important; /* Light magenta background */
    border: 2px solid purple !important; /* Purple border */
    padding: 15px !important;
    color: #000 !important; /* Black text */
}

/* Make FAQ CTA visible */
.zad-faq-cta {
    background: rgba(0, 255, 255, 0.2) !important; /* Light cyan background */
    border: 3px solid cyan !important; /* Cyan border */
    padding: 30px !important;
    margin: 30px 0 !important;
}


/* ===== FAQ Expanded Content Spacing ===== */
/* Add more space when FAQ items are expanded */
.py-140:has(#umrahFAQ) {
    padding-bottom: 600px !important; /* Increased from 400px */
    margin-bottom: 150px !important; /* Increased from 120px */
}

/* Add space for expanded FAQ content */
#umrahFAQ .accordion-item {
    margin-bottom: 40px !important; /* Increased from 24px */
}

/* Add space for expanded accordion bodies */
#umrahFAQ .accordion-body {
    padding: 30px !important; /* Increased padding */
    margin-bottom: 20px !important; /* Add bottom margin */
}

/* Add space for FAQ highlights */
.zad-faq-highlight {
    margin-bottom: 20px !important;
    padding: 20px !important; /* Increased padding */
}

/* Add space for FAQ alerts */
#umrahFAQ .alert {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding: 20px !important; /* Increased padding */
}

/* Add space for FAQ CTA */
.zad-faq-cta {
    margin-top: 150px !important; /* Increased from 80px */
    margin-bottom: 150px !important; /* Increased from 120px */
}

/* Ensure next section has even more space */
.cta--zad {
    margin-top: 300px !important; /* Increased from 200px */
    clear: both !important;
}

/* Add space for FAQ icons and content */
.zad-faq-icon {
    margin-bottom: 20px !important;
}

/* Add space for FAQ lists */
#umrahFAQ .accordion-body ul {
    margin-bottom: 20px !important;
}

#umrahFAQ .accordion-body ul li {
    margin-bottom: 12px !important; /* Increased from default */
    padding: 8px 0 !important; /* Add padding */
}

/* Add space for FAQ rows */
#umrahFAQ .row {
    margin-bottom: 20px !important;
}

/* Mobile spacing adjustments */
@media (max-width: 768px) {
    .py-140:has(#umrahFAQ) {
        padding-bottom: 500px !important; /* Increased from 300px */
        margin-bottom: 100px !important; /* Increased from 80px */
    }
    
    .cta--zad {
        margin-top: 250px !important; /* Increased from 150px */
    }
    
    .zad-faq-cta {
        margin-top: 120px !important;
        margin-bottom: 120px !important; /* Increased from 80px */
    }
    
    #umrahFAQ .accordion-body {
        padding: 25px !important;
    }
    
    .zad-faq-highlight {
        padding: 15px !important;
        margin-bottom: 15px !important;
    }
}

@media (max-width: 480px) {
    .py-140:has(#umrahFAQ) {
        padding-bottom: 400px !important; /* Increased from 250px */
        margin-bottom: 80px !important; /* Increased from 60px */
    }
    
    .cta--zad {
        margin-top: 200px !important; /* Increased from 120px */
    }
    
    .zad-faq-cta {
        margin-top: 100px !important;
        margin-bottom: 100px !important; /* Increased from 60px */
    }
    
    #umrahFAQ .accordion-body {
        padding: 20px !important;
    }
    
    .zad-faq-highlight {
        padding: 12px !important;
        margin-bottom: 12px !important;
    }
}


/* ===== FAQ Bottom Spacing - Maximum Space ===== */
/* Add maximum bottom space for expanded FAQ content */
.py-140:has(#umrahFAQ) {
    padding-bottom: 800px !important; /* Increased from 600px */
    margin-bottom: 200px !important; /* Increased from 150px */
    min-height: 120vh !important; /* Increased from 100vh */
}

/* Add extra space after FAQ container */
.py-140:has(#umrahFAQ) .container {
    padding-bottom: 150px !important; /* Increased from 100px */
}

/* Add maximum space after FAQ content */
#umrahFAQ {
    margin-bottom: 150px !important; /* Increased from 100px */
}

/* Add maximum space after FAQ CTA */
.zad-faq-cta {
    margin-top: 200px !important; /* Increased from 150px */
    margin-bottom: 200px !important; /* Increased from 150px */
}

/* Ensure next section has maximum space */
.cta--zad {
    margin-top: 400px !important; /* Increased from 300px */
    clear: both !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Add extra space for expanded accordion bodies */
#umrahFAQ .accordion-body {
    padding: 40px !important; /* Increased from 30px */
    margin-bottom: 30px !important; /* Increased from 20px */
}

/* Add extra space for FAQ highlights */
.zad-faq-highlight {
    margin-bottom: 25px !important; /* Increased from 20px */
    padding: 25px !important; /* Increased from 20px */
}

/* Add extra space for FAQ alerts */
#umrahFAQ .alert {
    margin-top: 25px !important; /* Increased from 20px */
    margin-bottom: 25px !important; /* Increased from 20px */
    padding: 25px !important; /* Increased from 20px */
}

/* Add extra space for FAQ lists */
#umrahFAQ .accordion-body ul {
    margin-bottom: 25px !important; /* Increased from 20px */
}

#umrahFAQ .accordion-body ul li {
    margin-bottom: 15px !important; /* Increased from 12px */
    padding: 10px 0 !important; /* Increased from 8px */
}

/* Add extra space for FAQ rows */
#umrahFAQ .row {
    margin-bottom: 25px !important; /* Increased from 20px */
}

/* Add extra space for FAQ icons */
.zad-faq-icon {
    margin-bottom: 25px !important; /* Increased from 20px */
}

/* Mobile spacing adjustments - Maximum */
@media (max-width: 768px) {
    .py-140:has(#umrahFAQ) {
        padding-bottom: 700px !important; /* Increased from 500px */
        margin-bottom: 150px !important; /* Increased from 100px */
    }
    
    .cta--zad {
        margin-top: 350px !important; /* Increased from 250px */
    }
    
    .zad-faq-cta {
        margin-top: 150px !important; /* Increased from 120px */
        margin-bottom: 150px !important; /* Increased from 120px */
    }
    
    #umrahFAQ .accordion-body {
        padding: 35px !important; /* Increased from 25px */
    }
    
    .zad-faq-highlight {
        padding: 20px !important; /* Increased from 15px */
        margin-bottom: 20px !important; /* Increased from 15px */
    }
}

@media (max-width: 480px) {
    .py-140:has(#umrahFAQ) {
        padding-bottom: 600px !important; /* Increased from 400px */
        margin-bottom: 120px !important; /* Increased from 80px */
    }
    
    .cta--zad {
        margin-top: 300px !important; /* Increased from 200px */
    }
    
    .zad-faq-cta {
        margin-top: 120px !important; /* Increased from 100px */
        margin-bottom: 120px !important; /* Increased from 100px */
    }
    
    #umrahFAQ .accordion-body {
        padding: 30px !important; /* Increased from 20px */
    }
    
    .zad-faq-highlight {
        padding: 18px !important; /* Increased from 12px */
        margin-bottom: 18px !important; /* Increased from 12px */
    }
}


/* ===== FAQ Internal Container Spacing ===== */
/* Add space INSIDE the FAQ container (inside the red border) */
.py-140:has(#umrahFAQ) {
    padding-bottom: 0 !important; /* Remove external padding */
    margin-bottom: 0 !important; /* Remove external margin */
    min-height: auto !important; /* Remove min-height */
}

/* Add space INSIDE the FAQ container */
.py-140:has(#umrahFAQ) .container {
    padding-bottom: 0 !important; /* Remove external padding */
    padding-top: 40px !important; /* Add top padding inside */
    padding-left: 40px !important; /* Add left padding inside */
    padding-right: 40px !important; /* Add right padding inside */
}

/* Add space INSIDE the FAQ accordion container */
#umrahFAQ {
    margin-bottom: 0 !important; /* Remove external margin */
    padding: 40px !important; /* Add padding inside the green border */
    background: rgba(0, 255, 0, 0.1) !important; /* Keep green background */
    border: 2px solid green !important; /* Keep green border */
}

/* Add space INSIDE each FAQ item */
#umrahFAQ .accordion-item {
    margin-bottom: 30px !important; /* Space between items inside container */
    padding: 0 !important; /* Remove external padding */
    background: rgba(0, 0, 255, 0.1) !important; /* Keep blue background */
    border: 2px solid blue !important; /* Keep blue border */
}

/* Add space INSIDE accordion buttons */
#umrahFAQ .accordion-button {
    padding: 25px 30px !important; /* Add padding inside buttons */
    background: rgba(255, 255, 0, 0.2) !important; /* Keep yellow background */
    border: 2px solid orange !important; /* Keep orange border */
    color: #000 !important; /* Black text */
    font-weight: bold !important;
    font-size: 16px !important;
}

/* Add space INSIDE accordion bodies */
#umrahFAQ .accordion-body {
    padding: 35px 30px !important; /* Add padding inside bodies */
    margin: 0 !important; /* Remove external margins */
    background: rgba(255, 0, 255, 0.1) !important; /* Keep magenta background */
    border: 2px solid purple !important; /* Keep purple border */
    color: #000 !important; /* Black text */
}

/* Add space INSIDE FAQ highlights */
.zad-faq-highlight {
    margin: 20px 0 !important; /* Add margins inside container */
    padding: 25px !important; /* Add padding inside highlights */
}

/* Add space INSIDE FAQ alerts */
#umrahFAQ .alert {
    margin: 25px 0 !important; /* Add margins inside container */
    padding: 25px !important; /* Add padding inside alerts */
}

/* Add space INSIDE FAQ lists */
#umrahFAQ .accordion-body ul {
    margin: 20px 0 !important; /* Add margins inside container */
    padding-left: 20px !important; /* Add left padding */
}

#umrahFAQ .accordion-body ul li {
    margin: 12px 0 !important; /* Add margins inside container */
    padding: 8px 0 !important; /* Add padding inside list items */
}

/* Add space INSIDE FAQ rows */
#umrahFAQ .row {
    margin: 20px 0 !important; /* Add margins inside container */
}

/* Add space INSIDE FAQ icons */
.zad-faq-icon {
    margin: 20px 0 !important; /* Add margins inside container */
}

/* Add space INSIDE FAQ CTA */
.zad-faq-cta {
    margin: 40px 0 !important; /* Add margins inside container */
    padding: 40px !important; /* Add padding inside CTA */
    background: rgba(0, 255, 255, 0.2) !important; /* Keep cyan background */
    border: 3px solid cyan !important; /* Keep cyan border */
}

/* Ensure next section doesn't overlap */
.cta--zad {
    margin-top: 50px !important; /* Small margin to prevent overlap */
    clear: both !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Mobile adjustments for internal spacing */
@media (max-width: 768px) {
    .py-140:has(#umrahFAQ) .container {
        padding: 30px 20px !important; /* Adjust internal padding for mobile */
    }
    
    #umrahFAQ {
        padding: 30px !important; /* Adjust internal padding for mobile */
    }
    
    #umrahFAQ .accordion-button {
        padding: 20px 25px !important; /* Adjust internal padding for mobile */
    }
    
    #umrahFAQ .accordion-body {
        padding: 30px 25px !important; /* Adjust internal padding for mobile */
    }
    
    .zad-faq-highlight {
        padding: 20px !important; /* Adjust internal padding for mobile */
        margin: 15px 0 !important; /* Adjust internal margins for mobile */
    }
}

@media (max-width: 480px) {
    .py-140:has(#umrahFAQ) .container {
        padding: 25px 15px !important; /* Adjust internal padding for small mobile */
    }
    
    #umrahFAQ {
        padding: 25px !important; /* Adjust internal padding for small mobile */
    }
    
    #umrahFAQ .accordion-button {
        padding: 18px 20px !important; /* Adjust internal padding for small mobile */
    }
    
    #umrahFAQ .accordion-body {
        padding: 25px 20px !important; /* Adjust internal padding for small mobile */
    }
    
    .zad-faq-highlight {
        padding: 18px !important; /* Adjust internal padding for small mobile */
        margin: 12px 0 !important; /* Adjust internal margins for small mobile */
    }
}


/* ===== FAQ Content Expansion and Proper Spacing ===== */
/* Expand FAQ section to show all content properly */
.py-140:has(#umrahFAQ) {
    padding-bottom: 600px !important; /* Add bottom space */
    margin-bottom: 100px !important; /* Add bottom margin */
    min-height: 100vh !important; /* Ensure full height */
}

/* Expand FAQ container with proper internal spacing */
.py-140:has(#umrahFAQ) .container {
    padding: 60px 40px !important; /* Generous internal padding */
    padding-bottom: 200px !important; /* Extra bottom space inside */
}

/* Expand FAQ accordion container */
#umrahFAQ {
    padding: 50px !important; /* Generous internal padding */
    padding-bottom: 150px !important; /* Extra bottom space inside */
    background: rgba(0, 255, 0, 0.1) !important; /* Keep green background */
    border: 2px solid green !important; /* Keep green border */
    min-height: 800px !important; /* Ensure minimum height for content */
}

/* Expand FAQ items with proper spacing */
#umrahFAQ .accordion-item {
    margin-bottom: 40px !important; /* Generous spacing between items */
    padding: 0 !important; /* Remove external padding */
    background: rgba(0, 0, 255, 0.1) !important; /* Keep blue background */
    border: 2px solid blue !important; /* Keep blue border */
    min-height: 80px !important; /* Ensure minimum height for items */
}

/* Expand accordion buttons */
#umrahFAQ .accordion-button {
    padding: 30px 35px !important; /* Generous padding inside buttons */
    background: rgba(255, 255, 0, 0.2) !important; /* Keep yellow background */
    border: 2px solid orange !important; /* Keep orange border */
    color: #000 !important; /* Black text */
    font-weight: bold !important;
    font-size: 18px !important; /* Larger font size */
    min-height: 80px !important; /* Ensure minimum height */
    display: flex !important;
    align-items: center !important;
}

/* Expand accordion bodies */
#umrahFAQ .accordion-body {
    padding: 40px 35px !important; /* Generous padding inside bodies */
    margin: 0 !important; /* Remove external margins */
    background: rgba(255, 0, 255, 0.1) !important; /* Keep magenta background */
    border: 2px solid purple !important; /* Keep purple border */
    color: #000 !important; /* Black text */
    min-height: 200px !important; /* Ensure minimum height for content */
}

/* Expand FAQ highlights */
.zad-faq-highlight {
    margin: 25px 0 !important; /* Generous margins inside container */
    padding: 30px !important; /* Generous padding inside highlights */
    min-height: 100px !important; /* Ensure minimum height */
}

/* Expand FAQ alerts */
#umrahFAQ .alert {
    margin: 30px 0 !important; /* Generous margins inside container */
    padding: 30px !important; /* Generous padding inside alerts */
    min-height: 80px !important; /* Ensure minimum height */
}

/* Expand FAQ lists */
#umrahFAQ .accordion-body ul {
    margin: 25px 0 !important; /* Generous margins inside container */
    padding-left: 30px !important; /* Generous left padding */
}

#umrahFAQ .accordion-body ul li {
    margin: 15px 0 !important; /* Generous margins inside container */
    padding: 12px 0 !important; /* Generous padding inside list items */
    font-size: 16px !important; /* Larger font size */
}

/* Expand FAQ rows */
#umrahFAQ .row {
    margin: 25px 0 !important; /* Generous margins inside container */
}

/* Expand FAQ icons */
.zad-faq-icon {
    margin: 25px 0 !important; /* Generous margins inside container */
    width: 60px !important; /* Larger icons */
    height: 60px !important; /* Larger icons */
    font-size: 1.5rem !important; /* Larger icon font size */
}

/* Expand FAQ CTA */
.zad-faq-cta {
    margin: 50px 0 !important; /* Generous margins inside container */
    padding: 50px !important; /* Generous padding inside CTA */
    background: rgba(0, 255, 255, 0.2) !important; /* Keep cyan background */
    border: 3px solid cyan !important; /* Keep cyan border */
    min-height: 200px !important; /* Ensure minimum height */
}

/* Ensure next section doesn't overlap */
.cta--zad {
    margin-top: 100px !important; /* Adequate margin to prevent overlap */
    clear: both !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Mobile adjustments for expanded content */
@media (max-width: 768px) {
    .py-140:has(#umrahFAQ) .container {
        padding: 40px 25px !important; /* Adjust for mobile */
        padding-bottom: 150px !important;
    }
    
    #umrahFAQ {
        padding: 40px !important; /* Adjust for mobile */
        padding-bottom: 120px !important;
        min-height: 600px !important;
    }
    
    #umrahFAQ .accordion-button {
        padding: 25px 30px !important; /* Adjust for mobile */
        font-size: 16px !important;
        min-height: 70px !important;
    }
    
    #umrahFAQ .accordion-body {
        padding: 35px 30px !important; /* Adjust for mobile */
        min-height: 150px !important;
    }
    
    .zad-faq-highlight {
        padding: 25px !important; /* Adjust for mobile */
        margin: 20px 0 !important;
        min-height: 80px !important;
    }
    
    .zad-faq-icon {
        width: 50px !important; /* Adjust for mobile */
        height: 50px !important;
        font-size: 1.3rem !important;
    }
}

@media (max-width: 480px) {
    .py-140:has(#umrahFAQ) .container {
        padding: 30px 20px !important; /* Adjust for small mobile */
        padding-bottom: 120px !important;
    }
    
    #umrahFAQ {
        padding: 30px !important; /* Adjust for small mobile */
        padding-bottom: 100px !important;
        min-height: 500px !important;
    }
    
    #umrahFAQ .accordion-button {
        padding: 20px 25px !important; /* Adjust for small mobile */
        font-size: 15px !important;
        min-height: 60px !important;
    }
    
    #umrahFAQ .accordion-body {
        padding: 30px 25px !important; /* Adjust for small mobile */
        min-height: 120px !important;
    }
    
    .zad-faq-highlight {
        padding: 20px !important; /* Adjust for small mobile */
        margin: 15px 0 !important;
        min-height: 70px !important;
    }
    
    .zad-faq-icon {
        width: 45px !important; /* Adjust for small mobile */
        height: 45px !important;
        font-size: 1.2rem !important;
    }
}


/* ===== FAQ Bottom Space Inside Red Border ===== */
/* Add more bottom space INSIDE the red border container */
.py-140:has(#umrahFAQ) {
    padding-bottom: 800px !important; /* Increase bottom space */
    margin-bottom: 150px !important; /* Increase bottom margin */
}

/* Add more bottom space INSIDE the container */
.py-140:has(#umrahFAQ) .container {
    padding-bottom: 400px !important; /* Much more bottom space inside */
    padding-top: 60px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* Add more bottom space INSIDE the FAQ accordion */
#umrahFAQ {
    padding-bottom: 300px !important; /* Much more bottom space inside green border */
    padding-top: 50px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    min-height: 1000px !important; /* Increase minimum height */
}

/* Add more space after FAQ items */
#umrahFAQ .accordion-item:last-child {
    margin-bottom: 100px !important; /* Extra space after last FAQ item */
}

/* Add more space after FAQ CTA */
.zad-faq-cta {
    margin-bottom: 150px !important; /* Much more bottom space inside */
    margin-top: 50px !important;
    padding: 50px !important;
    background: rgba(0, 255, 255, 0.2) !important;
    border: 3px solid cyan !important;
    min-height: 200px !important;
}

/* Add extra space for expanded content */
#umrahFAQ .accordion-body {
    padding-bottom: 50px !important; /* Extra bottom padding for expanded content */
    margin-bottom: 30px !important; /* Extra bottom margin for expanded content */
}

/* Add extra space for FAQ highlights */
.zad-faq-highlight {
    margin-bottom: 30px !important; /* Extra bottom margin */
    padding-bottom: 25px !important; /* Extra bottom padding */
}

/* Add extra space for FAQ alerts */
#umrahFAQ .alert {
    margin-bottom: 30px !important; /* Extra bottom margin */
    padding-bottom: 25px !important; /* Extra bottom padding */
}

/* Add extra space for FAQ lists */
#umrahFAQ .accordion-body ul {
    margin-bottom: 30px !important; /* Extra bottom margin */
    padding-bottom: 20px !important; /* Extra bottom padding */
}

/* Add extra space for FAQ rows */
#umrahFAQ .row {
    margin-bottom: 30px !important; /* Extra bottom margin */
}

/* Mobile adjustments for bottom space */
@media (max-width: 768px) {
    .py-140:has(#umrahFAQ) {
        padding-bottom: 600px !important; /* Adjust for mobile */
        margin-bottom: 100px !important;
    }
    
    .py-140:has(#umrahFAQ) .container {
        padding-bottom: 300px !important; /* Adjust for mobile */
    }
    
    #umrahFAQ {
        padding-bottom: 250px !important; /* Adjust for mobile */
        min-height: 800px !important;
    }
    
    #umrahFAQ .accordion-item:last-child {
        margin-bottom: 80px !important; /* Adjust for mobile */
    }
    
    .zad-faq-cta {
        margin-bottom: 120px !important; /* Adjust for mobile */
    }
}

@media (max-width: 480px) {
    .py-140:has(#umrahFAQ) {
        padding-bottom: 500px !important; /* Adjust for small mobile */
        margin-bottom: 80px !important;
    }
    
    .py-140:has(#umrahFAQ) .container {
        padding-bottom: 250px !important; /* Adjust for small mobile */
    }
    
    #umrahFAQ {
        padding-bottom: 200px !important; /* Adjust for small mobile */
        min-height: 700px !important;
    }
    
    #umrahFAQ .accordion-item:last-child {
        margin-bottom: 60px !important; /* Adjust for small mobile */
    }
    
    .zad-faq-cta {
        margin-bottom: 100px !important; /* Adjust for small mobile */
    }
}


/* ===== Space After Red Border Element ===== */
/* Add space AFTER the red border element (.py-140:has(#umrahFAQ)) */
.py-140:has(#umrahFAQ) {
    margin-bottom: 300px !important; /* Space after the red border */
    padding-bottom: 100px !important; /* Keep some internal padding */
}

/* Ensure the next section has proper spacing */
.py-140:has(#umrahFAQ) + section {
    margin-top: 200px !important; /* Space before the next section */
}

/* Alternative: Add space to the next section directly */
.cta--zad {
    margin-top: 300px !important; /* Space after the red border element */
    clear: both !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Ensure no overlap with the red border element */
.cta--zad::before {
    content: '';
    display: block;
    height: 200px; /* Additional space before CTA */
    width: 100%;
}

/* Mobile adjustments for space after red border */
@media (max-width: 768px) {
    .py-140:has(#umrahFAQ) {
        margin-bottom: 250px !important; /* Adjust for mobile */
    }
    
    .py-140:has(#umrahFAQ) + section {
        margin-top: 150px !important; /* Adjust for mobile */
    }
    
    .cta--zad {
        margin-top: 250px !important; /* Adjust for mobile */
    }
    
    .cta--zad::before {
        height: 150px; /* Adjust for mobile */
    }
}

@media (max-width: 480px) {
    .py-140:has(#umrahFAQ) {
        margin-bottom: 200px !important; /* Adjust for small mobile */
    }
    
    .py-140:has(#umrahFAQ) + section {
        margin-top: 120px !important; /* Adjust for small mobile */
    }
    
    .cta--zad {
        margin-top: 200px !important; /* Adjust for small mobile */
    }
    
    .cta--zad::before {
        height: 120px; /* Adjust for small mobile */
    }
}


/* ===== Correct FAQ Internal Spacing ===== */
/* Remove external spacing and add internal spacing only */
.py-140:has(#umrahFAQ) {
    margin-bottom: 0 !important; /* Remove external margin */
    padding-bottom: 0 !important; /* Remove external padding */
}

/* Add space INSIDE the FAQ container only */
.py-140:has(#umrahFAQ) .container {
    padding-bottom: 0 !important; /* Remove external padding */
    padding-top: 40px !important; /* Keep top padding */
    padding-left: 40px !important; /* Keep left padding */
    padding-right: 40px !important; /* Keep right padding */
}

/* Add space INSIDE the FAQ accordion container */
#umrahFAQ {
    padding: 50px !important; /* Internal padding */
    padding-bottom: 200px !important; /* Much more bottom space INSIDE */
    background: rgba(0, 255, 0, 0.1) !important; /* Keep green background */
    border: 2px solid green !important; /* Keep green border */
}

/* Add space INSIDE each FAQ item */
#umrahFAQ .accordion-item {
    margin-bottom: 30px !important; /* Space between items INSIDE */
    background: rgba(0, 0, 255, 0.1) !important; /* Keep blue background */
    border: 2px solid blue !important; /* Keep blue border */
}

/* Add space INSIDE accordion buttons */
#umrahFAQ .accordion-button {
    padding: 25px 30px !important; /* Internal padding */
    background: rgba(255, 255, 0, 0.2) !important; /* Keep yellow background */
    border: 2px solid orange !important; /* Keep orange border */
    color: #000 !important; /* Black text */
    font-weight: bold !important;
    font-size: 16px !important;
}

/* Add space INSIDE accordion bodies */
#umrahFAQ .accordion-body {
    padding: 30px !important; /* Internal padding */
    background: rgba(255, 0, 255, 0.1) !important; /* Keep magenta background */
    border: 2px solid purple !important; /* Keep purple border */
    color: #000 !important; /* Black text */
}

/* Add space INSIDE FAQ highlights */
.zad-faq-highlight {
    margin: 20px 0 !important; /* Internal margins */
    padding: 20px !important; /* Internal padding */
}

/* Add space INSIDE FAQ alerts */
#umrahFAQ .alert {
    margin: 20px 0 !important; /* Internal margins */
    padding: 20px !important; /* Internal padding */
}

/* Add space INSIDE FAQ lists */
#umrahFAQ .accordion-body ul {
    margin: 20px 0 !important; /* Internal margins */
    padding-left: 20px !important; /* Internal padding */
}

#umrahFAQ .accordion-body ul li {
    margin: 10px 0 !important; /* Internal margins */
    padding: 8px 0 !important; /* Internal padding */
}

/* Add space INSIDE FAQ rows */
#umrahFAQ .row {
    margin: 20px 0 !important; /* Internal margins */
}

/* Add space INSIDE FAQ icons */
.zad-faq-icon {
    margin: 20px 0 !important; /* Internal margins */
}

/* Add space INSIDE FAQ CTA */
.zad-faq-cta {
    margin: 30px 0 !important; /* Internal margins */
    padding: 30px !important; /* Internal padding */
    background: rgba(0, 255, 255, 0.2) !important; /* Keep cyan background */
    border: 3px solid cyan !important; /* Keep cyan border */
}

/* Remove external spacing from next section */
.cta--zad {
    margin-top: 0 !important; /* Remove external margin */
    clear: both !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Remove pseudo element spacing */
.cta--zad::before {
    display: none !important; /* Remove external spacer */
}

/* Mobile adjustments for internal spacing only */
@media (max-width: 768px) {
    #umrahFAQ {
        padding: 40px !important; /* Adjust internal padding for mobile */
        padding-bottom: 150px !important; /* Adjust internal bottom space for mobile */
    }
    
    #umrahFAQ .accordion-button {
        padding: 20px 25px !important; /* Adjust internal padding for mobile */
    }
    
    #umrahFAQ .accordion-body {
        padding: 25px !important; /* Adjust internal padding for mobile */
    }
    
    .zad-faq-highlight {
        padding: 15px !important; /* Adjust internal padding for mobile */
        margin: 15px 0 !important; /* Adjust internal margins for mobile */
    }
}

@media (max-width: 480px) {
    #umrahFAQ {
        padding: 30px !important; /* Adjust internal padding for small mobile */
        padding-bottom: 120px !important; /* Adjust internal bottom space for small mobile */
    }
    
    #umrahFAQ .accordion-button {
        padding: 18px 20px !important; /* Adjust internal padding for small mobile */
    }
    
    #umrahFAQ .accordion-body {
        padding: 20px !important; /* Adjust internal padding for small mobile */
    }
    
    .zad-faq-highlight {
        padding: 12px !important; /* Adjust internal padding for small mobile */
        margin: 12px 0 !important; /* Adjust internal margins for small mobile */
    }
}


/* ===== FAQ Container Expansion for Expanded Content ===== */
/* Expand the FAQ container to accommodate expanded content */
#umrahFAQ {
    padding: 50px !important; /* Keep internal padding */
    padding-bottom: 500px !important; /* Much more bottom space for expanded content */
    background: rgba(0, 255, 0, 0.1) !important; /* Keep green background */
    border: 2px solid green !important; /* Keep green border */
    min-height: 1200px !important; /* Ensure enough height for expanded content */
}

/* Add extra space after the last FAQ item for expanded content */
#umrahFAQ .accordion-item:last-child {
    margin-bottom: 200px !important; /* Extra space after last item for expansion */
}

/* Add extra space for expanded accordion bodies */
#umrahFAQ .accordion-body {
    padding: 30px !important; /* Internal padding */
    margin-bottom: 50px !important; /* Extra bottom margin for expanded content */
    background: rgba(255, 0, 255, 0.1) !important; /* Keep magenta background */
    border: 2px solid purple !important; /* Keep purple border */
    color: #000 !important; /* Black text */
    min-height: 150px !important; /* Ensure minimum height for content */
}

/* Add extra space for FAQ highlights in expanded content */
.zad-faq-highlight {
    margin: 20px 0 !important; /* Internal margins */
    padding: 20px !important; /* Internal padding */
    margin-bottom: 30px !important; /* Extra bottom margin */
}

/* Add extra space for FAQ alerts in expanded content */
#umrahFAQ .alert {
    margin: 20px 0 !important; /* Internal margins */
    padding: 20px !important; /* Internal padding */
    margin-bottom: 30px !important; /* Extra bottom margin */
}

/* Add extra space for FAQ lists in expanded content */
#umrahFAQ .accordion-body ul {
    margin: 20px 0 !important; /* Internal margins */
    padding-left: 20px !important; /* Internal padding */
    margin-bottom: 30px !important; /* Extra bottom margin */
}

#umrahFAQ .accordion-body ul li {
    margin: 10px 0 !important; /* Internal margins */
    padding: 8px 0 !important; /* Internal padding */
}

/* Add extra space for FAQ rows in expanded content */
#umrahFAQ .row {
    margin: 20px 0 !important; /* Internal margins */
    margin-bottom: 30px !important; /* Extra bottom margin */
}

/* Add extra space for FAQ icons in expanded content */
.zad-faq-icon {
    margin: 20px 0 !important; /* Internal margins */
    margin-bottom: 30px !important; /* Extra bottom margin */
}

/* Add extra space for FAQ CTA */
.zad-faq-cta {
    margin: 50px 0 !important; /* Internal margins */
    padding: 30px !important; /* Internal padding */
    margin-bottom: 100px !important; /* Extra bottom margin */
    background: rgba(0, 255, 255, 0.2) !important; /* Keep cyan background */
    border: 3px solid cyan !important; /* Keep cyan border */
}

/* Mobile adjustments for expanded content */
@media (max-width: 768px) {
    #umrahFAQ {
        padding: 40px !important; /* Adjust internal padding for mobile */
        padding-bottom: 400px !important; /* Adjust bottom space for mobile */
        min-height: 1000px !important; /* Adjust minimum height for mobile */
    }
    
    #umrahFAQ .accordion-item:last-child {
        margin-bottom: 150px !important; /* Adjust for mobile */
    }
    
    #umrahFAQ .accordion-body {
        padding: 25px !important; /* Adjust internal padding for mobile */
        margin-bottom: 40px !important; /* Adjust bottom margin for mobile */
    }
    
    .zad-faq-highlight {
        padding: 15px !important; /* Adjust internal padding for mobile */
        margin: 15px 0 !important; /* Adjust internal margins for mobile */
        margin-bottom: 25px !important; /* Adjust bottom margin for mobile */
    }
    
    .zad-faq-cta {
        margin-bottom: 80px !important; /* Adjust for mobile */
    }
}

@media (max-width: 480px) {
    #umrahFAQ {
        padding: 30px !important; /* Adjust internal padding for small mobile */
        padding-bottom: 350px !important; /* Adjust bottom space for small mobile */
        min-height: 900px !important; /* Adjust minimum height for small mobile */
    }
    
    #umrahFAQ .accordion-item:last-child {
        margin-bottom: 120px !important; /* Adjust for small mobile */
    }
    
    #umrahFAQ .accordion-body {
        padding: 20px !important; /* Adjust internal padding for small mobile */
        margin-bottom: 35px !important; /* Adjust bottom margin for small mobile */
    }
    
    .zad-faq-highlight {
        padding: 12px !important; /* Adjust internal padding for small mobile */
        margin: 12px 0 !important; /* Adjust internal margins for small mobile */
        margin-bottom: 20px !important; /* Adjust bottom margin for small mobile */
    }
    
    .zad-faq-cta {
        margin-bottom: 60px !important; /* Adjust for small mobile */
    }
}


/* ===== Maximum FAQ Container Space ===== */
/* Add maximum space inside the FAQ container */
#umrahFAQ {
    padding: 50px !important; /* Keep internal padding */
    padding-bottom: 800px !important; /* Maximum bottom space for expanded content */
    background: rgba(0, 255, 0, 0.1) !important; /* Keep green background */
    border: 2px solid green !important; /* Keep green border */
    min-height: 1500px !important; /* Maximum height for expanded content */
}

/* Add maximum space after the last FAQ item */
#umrahFAQ .accordion-item:last-child {
    margin-bottom: 400px !important; /* Maximum space after last item for expansion */
}

/* Add maximum space for expanded accordion bodies */
#umrahFAQ .accordion-body {
    padding: 30px !important; /* Internal padding */
    margin-bottom: 100px !important; /* Maximum bottom margin for expanded content */
    background: rgba(255, 0, 255, 0.1) !important; /* Keep magenta background */
    border: 2px solid purple !important; /* Keep purple border */
    color: #000 !important; /* Black text */
    min-height: 200px !important; /* Ensure minimum height for content */
}

/* Add maximum space for FAQ highlights in expanded content */
.zad-faq-highlight {
    margin: 20px 0 !important; /* Internal margins */
    padding: 20px !important; /* Internal padding */
    margin-bottom: 50px !important; /* Maximum bottom margin */
}

/* Add maximum space for FAQ alerts in expanded content */
#umrahFAQ .alert {
    margin: 20px 0 !important; /* Internal margins */
    padding: 20px !important; /* Internal padding */
    margin-bottom: 50px !important; /* Maximum bottom margin */
}

/* Add maximum space for FAQ lists in expanded content */
#umrahFAQ .accordion-body ul {
    margin: 20px 0 !important; /* Internal margins */
    padding-left: 20px !important; /* Internal padding */
    margin-bottom: 50px !important; /* Maximum bottom margin */
}

#umrahFAQ .accordion-body ul li {
    margin: 10px 0 !important; /* Internal margins */
    padding: 8px 0 !important; /* Internal padding */
}

/* Add maximum space for FAQ rows in expanded content */
#umrahFAQ .row {
    margin: 20px 0 !important; /* Internal margins */
    margin-bottom: 50px !important; /* Maximum bottom margin */
}

/* Add maximum space for FAQ icons in expanded content */
.zad-faq-icon {
    margin: 20px 0 !important; /* Internal margins */
    margin-bottom: 50px !important; /* Maximum bottom margin */
}

/* Add maximum space for FAQ CTA */
.zad-faq-cta {
    margin: 50px 0 !important; /* Internal margins */
    padding: 30px !important; /* Internal padding */
    margin-bottom: 200px !important; /* Maximum bottom margin */
    background: rgba(0, 255, 255, 0.2) !important; /* Keep cyan background */
    border: 3px solid cyan !important; /* Keep cyan border */
}

/* Mobile adjustments for maximum space */
@media (max-width: 768px) {
    #umrahFAQ {
        padding: 40px !important; /* Adjust internal padding for mobile */
        padding-bottom: 600px !important; /* Adjust bottom space for mobile */
        min-height: 1200px !important; /* Adjust minimum height for mobile */
    }
    
    #umrahFAQ .accordion-item:last-child {
        margin-bottom: 300px !important; /* Adjust for mobile */
    }
    
    #umrahFAQ .accordion-body {
        padding: 25px !important; /* Adjust internal padding for mobile */
        margin-bottom: 80px !important; /* Adjust bottom margin for mobile */
    }
    
    .zad-faq-highlight {
        padding: 15px !important; /* Adjust internal padding for mobile */
        margin: 15px 0 !important; /* Adjust internal margins for mobile */
        margin-bottom: 40px !important; /* Adjust bottom margin for mobile */
    }
    
    .zad-faq-cta {
        margin-bottom: 150px !important; /* Adjust for mobile */
    }
}

@media (max-width: 480px) {
    #umrahFAQ {
        padding: 30px !important; /* Adjust internal padding for small mobile */
        padding-bottom: 500px !important; /* Adjust bottom space for small mobile */
        min-height: 1000px !important; /* Adjust minimum height for small mobile */
    }
    
    #umrahFAQ .accordion-item:last-child {
        margin-bottom: 250px !important; /* Adjust for small mobile */
    }
    
    #umrahFAQ .accordion-body {
        padding: 20px !important; /* Adjust internal padding for small mobile */
        margin-bottom: 60px !important; /* Adjust bottom margin for small mobile */
    }
    
    .zad-faq-highlight {
        padding: 12px !important; /* Adjust internal padding for small mobile */
        margin: 12px 0 !important; /* Adjust internal margins for small mobile */
        margin-bottom: 30px !important; /* Adjust bottom margin for small mobile */
    }
    
    .zad-faq-cta {
        margin-bottom: 120px !important; /* Adjust for small mobile */
    }
}


/* ===== Remove Debug Borders and Add Real Space ===== */
/* Remove debug borders and add proper space to FAQ section */
.py-140:has(#umrahFAQ) {
    background: transparent !important; /* Remove red debug background */
    border: none !important; /* Remove red debug border */
    padding-bottom: 600px !important; /* Add real bottom space */
    margin-bottom: 200px !important; /* Add real bottom margin */
}

/* Remove debug styling from FAQ container */
#umrahFAQ {
    background: transparent !important; /* Remove green debug background */
    border: none !important; /* Remove green debug border */
    padding: 0 !important; /* Remove debug padding */
    padding-bottom: 0 !important; /* Remove debug bottom padding */
    min-height: auto !important; /* Remove debug min-height */
}

/* Remove debug styling from FAQ items */
#umrahFAQ .accordion-item {
    background: transparent !important; /* Remove blue debug background */
    border: none !important; /* Remove blue debug border */
    margin-bottom: 24px !important; /* Normal spacing between items */
}

/* Remove debug styling from accordion buttons */
#umrahFAQ .accordion-button {
    background: transparent !important; /* Remove yellow debug background */
    border: none !important; /* Remove orange debug border */
    color: var(--zad-primary) !important; /* Restore normal text color */
    font-weight: 600 !important; /* Normal font weight */
    font-size: 1.1rem !important; /* Normal font size */
    padding: 20px 24px !important; /* Normal padding */
}

/* Remove debug styling from accordion bodies */
#umrahFAQ .accordion-body {
    background: transparent !important; /* Remove magenta debug background */
    border: none !important; /* Remove purple debug border */
    color: #4a5568 !important; /* Restore normal text color */
    padding: 0 24px 24px 24px !important; /* Normal padding */
    margin: 0 !important; /* Remove debug margins */
    min-height: auto !important; /* Remove debug min-height */
}

/* Remove debug styling from FAQ highlights */
.zad-faq-highlight {
    background: rgba(1, 255, 132, 0.05) !important; /* Restore normal background */
    border: 1px solid rgba(1, 255, 132, 0.1) !important; /* Restore normal border */
    border-radius: 12px !important; /* Restore normal border radius */
    padding: 16px !important; /* Restore normal padding */
    margin: 16px 0 !important; /* Restore normal margins */
}

/* Remove debug styling from FAQ alerts */
#umrahFAQ .alert {
    background: rgba(255, 255, 255, 0.9) !important; /* Restore normal background */
    border: 1px solid rgba(1, 255, 132, 0.3) !important; /* Restore normal border */
    color: #2d3748 !important; /* Restore normal text color */
    padding: 16px !important; /* Restore normal padding */
    margin: 16px 0 !important; /* Restore normal margins */
}

/* Remove debug styling from FAQ lists */
#umrahFAQ .accordion-body ul {
    margin: 16px 0 !important; /* Restore normal margins */
    padding-left: 20px !important; /* Restore normal padding */
}

#umrahFAQ .accordion-body ul li {
    margin: 8px 0 !important; /* Restore normal margins */
    padding: 4px 0 !important; /* Restore normal padding */
    color: #2d3748 !important; /* Restore normal text color */
}

/* Remove debug styling from FAQ rows */
#umrahFAQ .row {
    margin: 16px 0 !important; /* Restore normal margins */
}

/* Remove debug styling from FAQ icons */
.zad-faq-icon {
    background: linear-gradient(135deg, var(--zad-primary), var(--zad-gold)) !important; /* Restore normal background */
    border-radius: 50% !important; /* Restore normal border radius */
    width: 48px !important; /* Restore normal width */
    height: 48px !important; /* Restore normal height */
    display: flex !important; /* Restore normal display */
    align-items: center !important; /* Restore normal alignment */
    justify-content: center !important; /* Restore normal alignment */
    color: white !important; /* Restore normal text color */
    font-size: 1.2rem !important; /* Restore normal font size */
    margin: 0 0 16px 0 !important; /* Restore normal margins */
}

/* Remove debug styling from FAQ CTA */
.zad-faq-cta {
    background: linear-gradient(135deg, var(--zad-primary), #2a0769) !important; /* Restore normal background */
    border: none !important; /* Remove cyan debug border */
    border-radius: 24px !important; /* Restore normal border radius */
    padding: 48px 40px !important; /* Restore normal padding */
    margin: 80px 0 !important; /* Restore normal margins */
    color: white !important; /* Restore normal text color */
}

.zad-faq-cta h4 {
    color: white !important; /* Restore normal text color */
    font-weight: 700 !important; /* Restore normal font weight */
    font-size: 1.8rem !important; /* Restore normal font size */
}

.zad-faq-cta p {
    color: rgba(255, 255, 255, 0.95) !important; /* Restore normal text color */
    font-weight: 500 !important; /* Restore normal font weight */
    font-size: 1.1rem !important; /* Restore normal font size */
}

.zad-faq-cta-btn {
    background: rgba(255, 255, 255, 0.1) !important; /* Restore normal background */
    border: 2px solid rgba(255, 255, 255, 0.2) !important; /* Restore normal border */
    border-radius: 16px !important; /* Restore normal border radius */
    padding: 12px 24px !important; /* Restore normal padding */
    color: white !important; /* Restore normal text color */
    font-weight: 600 !important; /* Restore normal font weight */
    font-size: 1rem !important; /* Restore normal font size */
    text-decoration: none !important; /* Restore normal text decoration */
    transition: all 0.3s ease !important; /* Restore normal transition */
}

.zad-faq-cta-btn:hover {
    background: rgba(255, 255, 255, 0.2) !important; /* Restore normal hover background */
    border-color: rgba(255, 255, 255, 0.4) !important; /* Restore normal hover border */
    color: white !important; /* Restore normal hover text color */
    text-decoration: none !important; /* Restore normal hover text decoration */
}


/* ===== Add Space After FAQ Content for Expanded Answers ===== */
/* Add space after the FAQ section so expanded content is visible */
.py-140:has(#umrahFAQ) {
    padding-bottom: 1000px !important; /* Much more bottom space */
    margin-bottom: 300px !important; /* Much more bottom margin */
}

/* Add space after the FAQ container */
.py-140:has(#umrahFAQ) .container {
    padding-bottom: 800px !important; /* Much more bottom space inside container */
}

/* Add space after the FAQ accordion */
#umrahFAQ {
    margin-bottom: 600px !important; /* Much more space after FAQ content */
}

/* Add space after the last FAQ item */
#umrahFAQ .accordion-item:last-child {
    margin-bottom: 500px !important; /* Much more space after last item */
}

/* Add space for expanded accordion bodies */
#umrahFAQ .accordion-body {
    margin-bottom: 200px !important; /* Much more space after expanded content */
}

/* Add space for FAQ CTA */
.zad-faq-cta {
    margin-bottom: 400px !important; /* Much more space after CTA */
}

/* Ensure next section doesn't overlap */
.cta--zad {
    margin-top: 500px !important; /* Much more space before next section */
    clear: both !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Mobile adjustments for expanded content space */
@media (max-width: 768px) {
    .py-140:has(#umrahFAQ) {
        padding-bottom: 800px !important; /* Adjust for mobile */
        margin-bottom: 200px !important;
    }
    
    .py-140:has(#umrahFAQ) .container {
        padding-bottom: 600px !important; /* Adjust for mobile */
    }
    
    #umrahFAQ {
        margin-bottom: 400px !important; /* Adjust for mobile */
    }
    
    #umrahFAQ .accordion-item:last-child {
        margin-bottom: 300px !important; /* Adjust for mobile */
    }
    
    #umrahFAQ .accordion-body {
        margin-bottom: 150px !important; /* Adjust for mobile */
    }
    
    .zad-faq-cta {
        margin-bottom: 300px !important; /* Adjust for mobile */
    }
    
    .cta--zad {
        margin-top: 400px !important; /* Adjust for mobile */
    }
}

@media (max-width: 480px) {
    .py-140:has(#umrahFAQ) {
        padding-bottom: 600px !important; /* Adjust for small mobile */
        margin-bottom: 150px !important;
    }
    
    .py-140:has(#umrahFAQ) .container {
        padding-bottom: 400px !important; /* Adjust for small mobile */
    }
    
    #umrahFAQ {
        margin-bottom: 300px !important; /* Adjust for small mobile */
    }
    
    #umrahFAQ .accordion-item:last-child {
        margin-bottom: 200px !important; /* Adjust for small mobile */
    }
    
    #umrahFAQ .accordion-body {
        margin-bottom: 100px !important; /* Adjust for small mobile */
    }
    
    .zad-faq-cta {
        margin-bottom: 200px !important; /* Adjust for small mobile */
    }
    
    .cta--zad {
        margin-top: 300px !important; /* Adjust for small mobile */
    }
}