/* Modern Design System - Glassmorphism & Neumorphism */
/* CSS Variables for easy customization */

:root {
    /* Color Palette */
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    --orange-gradient: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);
    --purple-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);

    /* Background Colors */
    --bg-primary: #0f0f23;
    --bg-secondary: #1a1a2e;
    --bg-card: rgba(255, 255, 255, 0.05);
    --bg-card-hover: rgba(255, 255, 255, 0.1);
    --bg-glass: rgba(255, 255, 255, 0.08);
    --bg-glass-hover: rgba(255, 255, 255, 0.12);
    /* Text Colors */
    --text-primary: #f8fafc;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --text-dark: #334155;
    --text-accent: #a855f7;
    --text-highlight: #ff9a56;

    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    --spacing-xxl: 4rem;

    /* Border Radius */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-xl: 32px;

    /* Shadows */
    --shadow-glass: 0 8px 32px rgba(31, 38, 135, 0.37);
    --shadow-neumorphism: 20px 20px 60px #0a0a1a, -20px -20px 60px #1e1e32;
    --shadow-card: 0 25px 50px rgba(0, 0, 0, 0.25);
    --shadow-button: 0 15px 35px rgba(0, 0, 0, 0.2);

    /* Typography */
    --font-primary: "Space Grotesk", -apple-system, BlinkMacSystemFont,
        sans-serif;
    --font-secondary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;

    /* Font Sizes */
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 1.875rem;
    --text-4xl: 2.25rem;
    --text-5xl: 3rem;
    --text-6xl: 3.75rem;
    --text-7xl: 4.5rem;

    /* Animations */
    --transition-base: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    /* Glass Effects */
    --glass-border: 1px solid rgba(255, 255, 255, 0.1);
    --glass-backdrop: blur(20px);

    /* Z-Index */
    --z-background: -1;
    --z-content: 1;
    --z-card: 10;
    --z-modal: 100;
    --z-tooltip: 1000;

    /* Gradient Aliases */
    --gradient-primary: var(--primary-gradient);
    --gradient-secondary: var(--secondary-gradient);
    --gradient-tertiary: var(--accent-gradient);
}

/* Global Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-secondary);
    background: var(--bg-primary);
    color: var(--text-primary);
    line-height: 1.6;
    overflow-x: hidden;
}

/* Animated Background */
.modern-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--z-background);
    background: radial-gradient(
        ellipse at top,
        #1e1e32 0%,
        var(--bg-primary) 70%
    );
}

.modern-background::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(
            circle at 25% 25%,
            rgba(120, 119, 198, 0.1) 0%,
            transparent 50%
        ),
        radial-gradient(
            circle at 75% 75%,
            rgba(255, 154, 86, 0.1) 0%,
            transparent 50%
        ),
        radial-gradient(
            circle at 75% 25%,
            rgba(168, 85, 247, 0.1) 0%,
            transparent 50%
        ),
        radial-gradient(
            circle at 25% 75%,
            rgba(239, 68, 68, 0.1) 0%,
            transparent 50%
        );
    animation: float 20s ease-in-out infinite;
}

@keyframes float {
    0%,
    100% {
        transform: translateY(0px);
    }
    33% {
        transform: translateY(-20px);
    }
    66% {
        transform: translateY(10px);
    }
}

/* Glass Card Base */
.glass-card {
    background: var(--bg-glass);
    backdrop-filter: var(--glass-backdrop);
    -webkit-backdrop-filter: var(--glass-backdrop);
    border: var(--glass-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-glass);
    transition: var(--transition-base);
    position: relative;
    overflow: hidden;
}

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

.glass-card:hover {
    background: var(--bg-glass-hover);
    transform: translateY(-5px);
    box-shadow: var(--shadow-card);
}

/* Modern Button */
.modern-btn {
    position: relative;
    padding: var(--spacing-sm) var(--spacing-lg);
    border: none;
    border-radius: var(--radius-xl);
    font-family: var(--font-primary);
    font-weight: 600;
    font-size: var(--text-base);
    color: var(--text-primary);
    cursor: pointer;
    transition: var(--transition-base);
    overflow: hidden;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
    min-width: 200px;
    justify-content: center;
}

.modern-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s ease;
}

.modern-btn:hover::before {
    width: 300px;
    height: 300px;
}

.modern-btn-primary {
    background: var(--primary-gradient);
    box-shadow: var(--shadow-button);
}

.modern-btn-secondary {
    background: var(--bg-glass);
    backdrop-filter: var(--glass-backdrop);
    border: var(--glass-border);
}

.modern-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.modern-btn:active {
    transform: translateY(0);
}

/* Typography */
.modern-title {
    font-family: var(--font-primary);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: var(--spacing-md);
    color: var(--text-primary);
}

.modern-subtitle {
    font-family: var(--font-secondary);
    font-weight: 400;
    color: var(--text-secondary);
    line-height: 1.6;
}

/* Heading Styles */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--text-primary);
    font-family: var(--font-primary);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: var(--spacing-sm);
}

.service-title {
    color: var(--text-primary);
    font-size: var(--text-lg);
    font-weight: 600;
    margin-bottom: var(--spacing-xs);
}

/* Gradient Text */
.gradient-text {
    background: linear-gradient(135deg, #c084fc 0%, #f472b6 50%, #60a5fa 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
}

.gradient-text-orange {
    background: linear-gradient(135deg, #fbbf24 0%, #f97316 50%, #ef4444 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
}

/* Highlight Badge */
.highlight-badge {
    display: inline-block;
    background: var(--orange-gradient);
    color: var(--text-primary);
    padding: var(--spacing-xs) var(--spacing-sm);
    border-radius: var(--radius-sm);
    font-size: var(--text-sm);
    font-weight: 600;
    margin-bottom: var(--spacing-sm);
}

/* Service Cards Grid */
.services-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-md);
    margin-top: var(--spacing-xl);
}

@media (max-width: 1200px) {
    .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .services-grid {
        grid-template-columns: 1fr;
    }

    /* Logo và hamburger nằm ngang */
    .wp-site-blocks header .wp-block-group {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
    }

    /* Reset header padding */
    body.home header .wp-block-group,
    body.front-page header .wp-block-group,
    .page-id-6 header .wp-block-group {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Reset alignwide padding cho header */
    body.home header .alignwide,
    body.front-page header .alignwide,
    .page-id-6 header .alignwide {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Specific override cho container header */
    .wp-block-group.alignwide.is-content-justification-space-between {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.service-card {
    padding: var(--spacing-md);
    height: auto;
    min-height: 280px;
    display: flex;
    flex-direction: column;
}

.service-icon {
    width: 50px;
    height: 50px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-xl);
    margin-bottom: var(--spacing-sm);
}

/* Service Icon Colors - Platform Specific */
.service-icon.tiktok-icon {
    background: linear-gradient(135deg, #ff0050 0%, #000000 100%);
}

.service-icon.facebook-icon {
    background: linear-gradient(135deg, #1877f2 0%, #42a5f5 100%);
}

.service-icon.instagram-icon {
    background: linear-gradient(135deg, #e1306c 0%, #fd1d1d 50%, #fcaf45 100%);
}

.service-icon.youtube-icon {
    background: linear-gradient(135deg, #ff0000 0%, #cc0000 100%);
}

.service-icon.telegram-icon {
    background: linear-gradient(135deg, #0088cc 0%, #229ed9 100%);
}

.service-icon.threads-icon {
    background: linear-gradient(135deg, #000000 0%, #333333 100%);
}

.service-icon.website-icon {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.service-icon.google-icon {
    background: linear-gradient(
        135deg,
        #4285f4 0%,
        #34a853 50%,
        #fbbc05 75%,
        #ea4335 100%
    );
}

.service-icon.soundcloud-icon {
    background: linear-gradient(135deg, #ff5500 0%, #ff7700 100%);
}

.service-icon.spotify-icon {
    background: linear-gradient(135deg, #1db954 0%, #1ed760 100%);
}

.service-icon.shopee-icon {
    background: linear-gradient(135deg, #ee4d2d 0%, #ff6633 100%);
}

.service-icon.lazada-icon {
    background: linear-gradient(135deg, #0f146d 0%, #1a237e 100%);
}

.service-icon.twitter-icon {
    background: linear-gradient(135deg, #1da1f2 0%, #0d8bd9 100%);
}

/* Legacy classes for backward compatibility */
.service-icon-primary {
    background: var(--orange-gradient);
}

.service-icon-secondary {
    background: var(--accent-gradient);
}

.service-icon-tertiary {
    background: var(--purple-gradient);
}

.service-title {
    font-family: var(--font-primary);
    font-size: var(--text-xl);
    font-weight: 600;
    margin-bottom: var(--spacing-sm);
    color: var(--text-primary);
}

.service-description {
    color: var(--text-secondary);
    margin-bottom: var(--spacing-md);
    flex-grow: 1;
}

.service-tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
    margin-bottom: var(--spacing-md);
}

.service-tag {
    background: rgba(255, 255, 255, 0.1);
    color: var(--text-primary);
    padding: 4px 12px;
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: 500;
}

/* ===== ADVANCED JAVASCRIPT EFFECTS ===== */

/* Custom Cursor Effects */
.custom-cursor {
    position: fixed;
    width: 8px;
    height: 8px;
    background: var(--primary);
    border-radius: 50%;
    pointer-events: none;
    z-index: var(--z-modal);
    transition: transform 0.1s ease;
}

.cursor-follower {
    position: fixed;
    width: 30px;
    height: 30px;
    border: 2px solid var(--primary);
    border-radius: 50%;
    pointer-events: none;
    z-index: var(--z-modal);
    transition: all 0.15s ease;
    opacity: 0.5;
}

.custom-cursor.cursor-hover {
    transform: scale(1.5);
    background: var(--secondary);
}

.cursor-follower.cursor-hover {
    transform: scale(1.5);
    border-color: var(--secondary);
}

/* Ripple Effects */
.ripple-effect {
    position: relative;
    overflow: hidden;
}

.ripple {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.6);
    transform: scale(0);
    animation: ripple-animation 0.6s linear;
    pointer-events: none;
}

@keyframes ripple-animation {
    to {
        transform: scale(4);
        opacity: 0;
    }
}

/* Button Ripple Effect */
.btn-ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    transform: translate(-50%, -50%);
    animation: btn-ripple-effect 0.6s ease-out;
}

@keyframes btn-ripple-effect {
    to {
        width: 200px;
        height: 200px;
        opacity: 0;
    }
}

/* Floating Elements */
.floating-element {
    animation: floating 3s ease-in-out infinite;
}

@keyframes floating {
    0%,
    100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
}

/* Tilt Effects */
.tilt-effect {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform-style: preserve-3d;
}

/* Typing Effect */
.typing-effect::after {
    content: "|";
    animation: blink 1s infinite;
    color: var(--primary);
}

@keyframes blink {
    0%,
    50% {
        opacity: 1;
    }
    51%,
    100% {
        opacity: 0;
    }
}

/* Page Loader */
.page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--bg-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: var(--z-modal);
    transition: opacity 0.5s ease;
}

.page-loader.fade-out {
    opacity: 0;
}

.loader-content {
    text-align: center;
}

.loader-spinner {
    width: 50px;
    height: 50px;
    border: 3px solid var(--border-color);
    border-top: 3px solid var(--primary);
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto var(--spacing-md);
}

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

.loader-text {
    color: var(--text-secondary);
    font-size: var(--text-sm);
    margin: 0;
}

/* Modern Notifications */
.modern-notification {
    position: fixed;
    top: var(--spacing-lg);
    right: var(--spacing-lg);
    max-width: 400px;
    padding: var(--spacing-md);
    border-radius: var(--radius-lg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--border-color);
    z-index: var(--z-modal);
    transform: translateX(100%);
    animation: slide-in 0.3s ease forwards;
}

.modern-notification.fade-out {
    animation: slide-out 0.3s ease forwards;
}

.notification-success {
    background: rgba(34, 197, 94, 0.1);
    border-color: rgba(34, 197, 94, 0.2);
}

.notification-error {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.2);
}

.notification-content {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.notification-icon {
    font-size: var(--text-lg);
}

.notification-message {
    flex: 1;
    color: var(--text-primary);
    font-size: var(--text-sm);
}

.notification-close {
    background: none;
    border: none;
    color: var(--text-secondary);
    font-size: var(--text-lg);
    cursor: pointer;
    padding: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.notification-close:hover {
    background: var(--border-color);
    color: var(--text-primary);
}

@keyframes slide-in {
    to {
        transform: translateX(0);
    }
}

@keyframes slide-out {
    to {
        transform: translateX(100%);
    }
}

/* Enhanced Service Cards */
.service-card.tilt-effect {
    transform-origin: center;
}

/* Enhanced Stats Animation */
.stat-item {
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.stat-item.in-view {
    transform: translateY(0);
    opacity: 1;
}

/* ===== WHY US & TESTIMONIALS SECTIONS ===== */

/* Why Us Section Enhancements */
#why-us .glass-card {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

#why-us .glass-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: left 0.6s ease;
}

#why-us .glass-card:hover::before {
    left: 100%;
}

#why-us .service-icon {
    transition: all 0.3s ease;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#why-us .glass-card:hover .service-icon {
    transform: scale(1.1) rotate(5deg);
}

/* Why Us Grid Layout */
.why-us-grid {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
    max-width: 1200px;
    margin: 0 auto;
}

.why-us-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-lg);
    width: 100%;
}

/* Responsive for Why Us Grid */
@media (max-width: 768px) {
    .why-us-row {
        grid-template-columns: 1fr;
        gap: var(--spacing-md);
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .why-us-row {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--spacing-md);
    }
}

/* Testimonials Section Enhancements */
#testimonials .glass-card {
    border: 2px solid transparent;
    background: linear-gradient(var(--glass-bg), var(--glass-bg)) padding-box,
        var(--gradient-primary) border-box;
    position: relative;
    overflow: hidden;
}

/* Testimonials Slider Styles - FINAL CLEAN VERSION */
.testimonials-slider {
    position: relative;
    min-height: 450px;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 80px;
}

.testimonials-container {
    position: relative;
    width: 100%;
    height: 450px;
}

.testimonial-slide {
    display: none;
    width: 100%;
    padding: var(--spacing-md) 0;
}

.testimonial-slide.active {
    display: block;
}

.testimonial-slide .glass-card {
    max-width: 900px;
    margin: 0 auto;
    padding: var(--spacing-xxl);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--radius-lg);
    backdrop-filter: blur(20px);
}

/* Testimonial Avatar Enhancement - LEFT ALIGNED */
.testimonial-slide .glass-card > div:first-child {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: var(--spacing-xl);
    gap: var(--spacing-sm);
}

.testimonial-slide .glass-card > div:first-child > div:first-child {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-4xl);
    flex-shrink: 0;
    border: 3px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

/* Testimonial Text Styling */
.testimonial-slide h4 {
    font-size: var(--text-2xl);
    margin-bottom: var(--spacing-xs);
    color: var(--text-primary);
    font-weight: 700;
}

.testimonial-slide p {
    font-size: var(--text-lg);
    color: var(--text-secondary);
    margin: 0;
}

/* Star Rating Styling - LEFT ALIGNED */
.testimonial-slide > div > div:nth-child(2) {
    display: flex;
    justify-content: flex-start;
    gap: var(--spacing-xs);
    margin-bottom: var(--spacing-lg);
}

/* Quote Styling - LEFT ALIGNED */
.testimonial-slide blockquote {
    font-size: var(--text-xl);
    line-height: 1.8;
    color: var(--text-secondary);
    font-style: italic;
    text-align: left;
    margin: 0;
    position: relative;
    padding-left: 0px;
}

/* Testimonials Navigation Controls - REPOSITIONED */
.testimonials-navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-md);
    margin-top: var(--spacing-xl);
    position: relative;
    z-index: 10;
}

/* Slider Navigation Buttons - FIXED POSITIONING */
.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.2);
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 20px;
    backdrop-filter: blur(10px);
    z-index: 100;
    font-weight: bold;
}

.slider-btn.slider-prev {
    left: -25px;
}

.slider-btn.slider-next {
    right: -25px;
}

.slider-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.4);
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
}

.slider-btn:active {
    transform: translateY(-50%) scale(0.95);
}

.slider-btn.disabled {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
}

/* Slider Dots Navigation - FIXED */
.slider-dots {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 16px 0 0 0 !important;
    position: relative !important;
    z-index: 10 !important;
}

.slider-dot {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.3) !important;
    border: 2px solid rgba(255, 255, 255, 0.5) !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.slider-dot:hover,
.slider-dot.active {
    background: rgba(255, 255, 255, 0.8) !important;
    border-color: rgba(255, 255, 255, 1) !important;
    transform: scale(1.3) !important;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.5) !important;
}

#testimonials .glass-card::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 3px;
    height: 100%;
    background: var(--gradient-primary);
    transform: scaleY(0);
    transition: transform 0.3s ease;
}

#testimonials .glass-card:hover::after {
    transform: scaleY(1);
}

/* Testimonial Avatar Hover Effect */
#testimonials .glass-card:hover > div:first-child > div:first-child {
    transform: scale(1.05);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

/* Star Rating Animation */
.testimonial-stars {
    display: flex;
    gap: var(--spacing-xs);
}

.testimonial-stars span {
    transition: all 0.2s ease;
    cursor: pointer;
}

.testimonial-stars:hover span {
    transform: scale(1.1);
}

/* Trust Indicators Enhancement */
.trust-indicators {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--radius-lg);
    padding: var(--spacing-xl);
    transition: all 0.3s ease;
    max-width: 800px !important;
    margin: 0 auto !important;
}

/* Target the trust indicators container div */
.glass-card
    > div[style*="align-items: center"][style*="justify-content: center"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--spacing-lg) !important;
    flex-wrap: wrap !important;
}

/* Trust indicators glass card max-width */
div[style*="text-align: center"][style*="margin-top: var(--spacing-xxl)"]
    .glass-card {
    max-width: 800px !important;
    margin: 0 auto !important;
}

.trust-indicators:hover {
    background: rgba(255, 255, 255, 0.08);
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

/* Trust Indicators Divider Lines */
#testimonials
    + .section-divider
    + div
    .glass-card
    > div
    > div[style*="width: 1px"] {
    height: 60px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    flex-shrink: 0 !important;
}

/* CTA Section Enhancements */
#contact .glass-card {
    position: relative;
    overflow: hidden;
}

#contact .glass-card::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(
        from 0deg,
        var(--primary),
        var(--secondary),
        var(--tertiary),
        var(--primary)
    );
    /* animation: rotate 10s linear infinite; - BỎ XOAY */
    opacity: 0.1;
    z-index: -1;
}

/* Keyframes rotate đã bị loại bỏ - không còn hiệu ứng xoay */

/* Features List Styling */
.features-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-xl);
}

.feature-item {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-sm);
    background: rgba(255, 255, 255, 0.05);
    border-radius: var(--radius-md);
    transition: all 0.3s ease;
}

.feature-item:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateX(5px);
}

.feature-icon {
    color: var(--secondary);
    font-size: var(--text-lg);
    transition: all 0.3s ease;
}

.feature-item:hover .feature-icon {
    transform: scale(1.2);
}

.feature-text {
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

/* ===== SECTION DIVIDERS ===== */
.section-divider {
    max-width: 1200px !important;
    margin: var(--spacing-xxl) auto !important;
    position: relative;
    height: 1px;
    z-index: var(--z-card);
}

.section-divider::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.1) 20%,
        rgba(167, 139, 250, 0.5) 40%,
        rgba(236, 72, 153, 0.5) 50%,
        rgba(96, 165, 250, 0.5) 60%,
        rgba(255, 255, 255, 0.1) 80%,
        transparent 100%
    );
    animation: 3s ease-in-out 0s infinite alternate none running divider-glow;
}

.section-divider::after {
    content: "";
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 6px;
    height: 6px;
    box-shadow: rgba(168, 85, 247, 0.5) 0px 0px 12px;
    background: linear-gradient(135deg, rgb(168, 85, 247), rgb(236, 72, 153));
    border-radius: 50%;
    animation: 2s ease-in-out 0s infinite normal none running divider-pulse;
}

/* Divider Animations */
@keyframes divider-glow {
    0% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

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

/* Dots style divider */
.section-divider.style-dots {
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    height: 20px;
}

.section-divider.style-dots span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    animation: pulse 2s infinite;
}

.section-divider.style-dots span:nth-child(2) {
    animation-delay: 0.5s;
}

.section-divider.style-dots span:nth-child(3) {
    animation-delay: 1s;
}

@keyframes pulse {
    0%,
    100% {
        opacity: 0.3;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.2);
    }
}

/* Enhanced Responsive Design for New Sections */
@media (max-width: 768px) {
    #why-us .glass-card,
    #testimonials .glass-card {
        margin-bottom: var(--spacing-lg);
    }

    .trust-indicators {
        padding: var(--spacing-lg);
    }

    /* Make trust indicators vertical on mobile */
    .glass-card
        > div[style*="align-items: center"][style*="justify-content: center"] {
        flex-direction: column !important;
        gap: var(--spacing-md) !important;
    }

    .trust-indicators > div {
        flex-direction: column;
        gap: var(--spacing-md) !important;
    }

    .trust-indicators > div > div:not(:last-child) {
        display: none;
    }

    .features-list {
        grid-template-columns: 1fr;
        gap: var(--spacing-sm);
    }
}

@media (max-width: 480px) {
    .testimonials-slider {
        padding: 0 var(--spacing-sm);
    }

    .testimonial-slide .glass-card {
        padding: var(--spacing-md) !important;
        margin: 0 var(--spacing-xs);
    }

    /* Avatar mobile - smaller */
    .testimonial-slide .glass-card > div:first-child > div:first-child {
        width: 60px !important;
        height: 60px !important;
        font-size: var(--text-2xl) !important;
    }

    /* User info mobile */
    .testimonial-slide h4 {
        font-size: var(--text-lg) !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .testimonial-slide p {
        font-size: var(--text-sm) !important;
    }

    /* Quote mobile - truncate */
    .testimonial-slide blockquote {
        font-size: var(--text-base) !important;
        line-height: 1.6 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 4 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* Navigation mobile */
    .slider-btn {
        width: 35px !important;
        height: 35px !important;
        font-size: 16px !important;
    }

    .slider-btn.slider-prev {
        left: -10px !important;
    }
    .slider-btn.slider-next {
        right: -10px !important;
    }
}

/* Tablet Testimonials (481px-768px) */
@media (min-width: 481px) and (max-width: 768px) {
    .testimonial-slide .glass-card > div:first-child > div:first-child {
        width: 80px !important;
        height: 80px !important;
        font-size: var(--text-3xl) !important;
    }

    .testimonial-slide blockquote {
        display: -webkit-box !important;
        -webkit-line-clamp: 5 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
}

/* Desktop optimization */
@media (min-width: 769px) {
    .testimonial-slide blockquote {
        display: -webkit-box !important;
        -webkit-line-clamp: 6 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .testimonial-slide .glass-card {
        min-height: 300px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }
}

/* Touch device optimization */
@media (hover: none) and (pointer: coarse) {
    .service-card:hover,
    .modern-btn:hover,
    .glass-card:hover {
        transform: none !important;
    }

    .tilt-effect {
        transform: none !important;
    }

    /* Increase touch targets */
    .modern-btn {
        min-height: 48px;
        padding: var(--spacing-md) var(--spacing-lg);
    }
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    .scroll-animate,
    .floating-element,
    .pulse,
    .tilt-effect {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .glass-card {
        border: 2px solid currentColor;
        background: var(--bg-secondary) !important;
    }

    .gradient-text,
    .gradient-text-orange {
        background: none !important;
        color: currentColor !important;
    }
}

/* ===== END RESPONSIVE OPTIMIZATION ===== */

/* ===== FIX HEADER & FOOTER PADDING ON HOMEPAGE ===== */

/* Ensure header has proper padding on homepage */
body.home header .wp-block-group,
body.front-page header .wp-block-group,
.page-id-6 header .wp-block-group {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
}

/* Ensure footer has proper padding on homepage */
body.home footer .wp-block-group,
body.front-page footer .wp-block-group,
.page-id-6 footer .wp-block-group {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
}

/* Alternative: target by WordPress alignwide class */
body.home .alignwide,
body.front-page .alignwide,
.page-id-6 .alignwide {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
}

/* ===== END FIX ===== */

/* Override inline styles for testimonials */
.testimonial-slide div[style*="justify-content: center"] {
    justify-content: flex-start !important;
}

.testimonial-slide blockquote[style*="text-align: center"] {
    text-align: left !important;
}

/* ===== ENHANCED RESPONSIVE OPTIMIZATION FOR HOMEPAGE ===== */

/* Mobile First - Optimize for mobile devices */
@media (max-width: 480px) {
    /* Hero Section Mobile Optimization */
    .hero-section {
        padding: var(--spacing-lg) var(--spacing-sm) !important;
    }

    #testimonials .slider-navigation {
        display: none !important;
    }

    .modern-title {
        font-size: var(--text-4xl) !important;
        line-height: 1.2 !important;
    }

    .modern-subtitle {
        font-size: var(--text-base) !important;
        padding: 0 var(--spacing-sm) !important;
    }

    /* Button responsive */
    .modern-btn {
        width: 100%;
        margin-bottom: var(--spacing-sm);
        font-size: var(--text-sm);
        padding: var(--spacing-sm) var(--spacing-md);
    }

    /* Service cards mobile optimization */
    .service-card {
        min-height: 250px;
        padding: var(--spacing-sm);
    }

    .service-title {
        font-size: var(--text-lg);
    }

    .service-description {
        font-size: var(--text-sm);
    }

    /* Stats section mobile */
    .stats-container > div {
        flex-direction: column !important;
        gap: var(--spacing-sm) !important;
    }

    /* Header/Footer mobile padding */
    body.home header .wp-block-group,
    body.front-page header .wp-block-group,
    .page-id-6 header .wp-block-group {
        padding-left: var(--spacing-sm) !important;
        padding-right: var(--spacing-sm) !important;
    }

    body.home footer .wp-block-group,
    body.front-page footer .wp-block-group,
    .page-id-6 footer .wp-block-group {
        padding-left: var(--spacing-sm) !important;
        padding-right: var(--spacing-sm) !important;
    }
}

/* Tablet Optimization */
@media (min-width: 481px) and (max-width: 768px) {
    .hero-section {
        padding: var(--spacing-xl) var(--spacing-md) !important;
    }

    .modern-title {
        font-size: var(--text-5xl) !important;
    }

    .modern-subtitle {
        font-size: var(--text-lg) !important;
    }

    /* Services grid tablet */
    .services-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: var(--spacing-md);
    }

    /* Header/Footer tablet padding */
    body.home header .wp-block-group,
    body.front-page header .wp-block-group,
    .page-id-6 header .wp-block-group,
    body.home footer .wp-block-group,
    body.front-page footer .wp-block-group,
    .page-id-6 footer .wp-block-group {
        padding-left: var(--spacing-md) !important;
        padding-right: var(--spacing-md) !important;
    }
}

/* Large Tablet / Small Desktop */
@media (min-width: 769px) and (max-width: 1024px) {
    .services-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .modern-title {
        font-size: var(--text-6xl) !important;
    }
}

/* Large Desktop Optimization */
@media (min-width: 1200px) {
    .hero-section {
        padding: var(--spacing-xxl) var(--spacing-xl) !important;
    }

    .services-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    /* Ensure proper max-width for readability */
    .modern-subtitle {
        max-width: 700px !important;
    }
}

/* Container max-width for very large screens */
@media (min-width: 1400px) {
    .hero-section > div,
    .services-section > div,
    .why-us-section > div {
        max-width: 1200px;
        margin: 0 auto;
    }
}

/* ===== TESTIMONIALS RESPONSIVE OPTIMIZATION ===== */

/* Mobile Testimonials (≤480px) */
@media (max-width: 480px) {
    .testimonials-slider {
        padding: 0 var(--spacing-sm);
    }

    .testimonial-slide .glass-card {
        padding: var(--spacing-md) !important;
        margin: 0 var(--spacing-xs);
    }

    /* Avatar mobile - smaller */
    .testimonial-slide .glass-card > div:first-child > div:first-child {
        width: 60px !important;
        height: 60px !important;
        font-size: var(--text-2xl) !important;
    }

    /* User info mobile */
    .testimonial-slide h4 {
        font-size: var(--text-lg) !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .testimonial-slide p {
        font-size: var(--text-sm) !important;
    }

    /* Quote mobile - truncate */
    .testimonial-slide blockquote {
        font-size: var(--text-base) !important;
        line-height: 1.6 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 4 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* Navigation mobile */
    .slider-btn {
        width: 35px !important;
        height: 35px !important;
        font-size: 16px !important;
    }

    .slider-btn.slider-prev {
        left: -10px !important;
    }
    .slider-btn.slider-next {
        right: -10px !important;
    }
}

/* Tablet Testimonials (481px-768px) */
@media (min-width: 481px) and (max-width: 768px) {
    .testimonial-slide .glass-card > div:first-child > div:first-child {
        width: 80px !important;
        height: 80px !important;
        font-size: var(--text-3xl) !important;
    }

    .testimonial-slide blockquote {
        display: -webkit-box !important;
        -webkit-line-clamp: 5 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
}

/* Desktop optimization */
@media (min-width: 769px) {
    .testimonial-slide blockquote {
        display: -webkit-box !important;
        -webkit-line-clamp: 6 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .testimonial-slide .glass-card {
        min-height: 300px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }
}

/* Touch device optimization */
@media (hover: none) and (pointer: coarse) {
    .service-card:hover,
    .modern-btn:hover,
    .glass-card:hover {
        transform: none !important;
    }

    .tilt-effect {
        transform: none !important;
    }

    /* Increase touch targets */
    .modern-btn {
        min-height: 48px;
        padding: var(--spacing-md) var(--spacing-lg);
    }
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    .scroll-animate,
    .floating-element,
    .pulse,
    .tilt-effect {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .glass-card {
        border: 2px solid currentColor;
        background: var(--bg-secondary) !important;
    }

    .gradient-text,
    .gradient-text-orange {
        background: none !important;
        color: currentColor !important;
    }
}

/* ===== END RESPONSIVE OPTIMIZATION ===== */

/* ===== FIX HEADER & FOOTER PADDING ON HOMEPAGE ===== */

/* Ensure header has proper padding on homepage */
body.home header .wp-block-group,
body.front-page header .wp-block-group,
.page-id-6 header .wp-block-group {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
}

/* Ensure footer has proper padding on homepage */
body.home footer .wp-block-group,
body.front-page footer .wp-block-group,
.page-id-6 footer .wp-block-group {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
}

/* Alternative: target by WordPress alignwide class */
body.home .alignwide,
body.front-page .alignwide,
.page-id-6 .alignwide {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
}

/* ===== END FIX ===== */

/* Override inline styles for testimonials */
.testimonial-slide div[style*="justify-content: center"] {
    justify-content: flex-start !important;
}

.testimonial-slide blockquote[style*="text-align: center"] {
    text-align: left !important;
}

/* ===== ENHANCED RESPONSIVE OPTIMIZATION FOR HOMEPAGE ===== */

/* Mobile First - Optimize for mobile devices */
@media (max-width: 480px) {
    /* Hero Section Mobile Optimization */
    .hero-section {
        padding: var(--spacing-lg) var(--spacing-sm) !important;
    }

    .modern-title {
        font-size: var(--text-4xl) !important;
        line-height: 1.2 !important;
    }

    .modern-subtitle {
        font-size: var(--text-base) !important;
        padding: 0 var(--spacing-sm) !important;
    }

    /* Button responsive */
    .modern-btn {
        width: 100%;
        margin-bottom: var(--spacing-sm);
        font-size: var(--text-sm);
        padding: var(--spacing-sm) var(--spacing-md);
    }

    /* Service cards mobile optimization */
    .service-card {
        min-height: 250px;
        padding: var(--spacing-sm);
    }

    .service-title {
        font-size: var(--text-lg);
    }

    .service-description {
        font-size: var(--text-sm);
    }

    /* Stats section mobile */
    .stats-container > div {
        flex-direction: column !important;
        gap: var(--spacing-sm) !important;
    }

    /* Header/Footer mobile padding */
    body.home header .wp-block-group,
    body.front-page header .wp-block-group,
    .page-id-6 header .wp-block-group {
        padding-left: var(--spacing-sm) !important;
        padding-right: var(--spacing-sm) !important;
    }

    body.home footer .wp-block-group,
    body.front-page footer .wp-block-group,
    .page-id-6 footer .wp-block-group {
        padding-left: var(--spacing-sm) !important;
        padding-right: var(--spacing-sm) !important;
    }

    .section-divider + div .glass-card > div > div[style*="width: 1px"] {
        display: none;
    }

    div[style*="text-align: center"][style*="margin-top: var(--spacing-xxl)"]
        .glass-card {
        max-width: 400px !important;
    }
}

/* Tablet Optimization */
@media (min-width: 481px) and (max-width: 768px) {
    .hero-section {
        padding: var(--spacing-xl) var(--spacing-md) !important;
    }

    .modern-title {
        font-size: var(--text-5xl) !important;
    }

    .modern-subtitle {
        font-size: var(--text-lg) !important;
    }

    /* Services grid tablet */
    .services-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: var(--spacing-md);
    }

    /* Header/Footer tablet padding */
    body.home header .wp-block-group,
    body.front-page header .wp-block-group,
    .page-id-6 header .wp-block-group,
    body.home footer .wp-block-group,
    body.front-page footer .wp-block-group,
    .page-id-6 footer .wp-block-group {
        padding-left: var(--spacing-md) !important;
        padding-right: var(--spacing-md) !important;
    }
}

/* Large Tablet / Small Desktop */
@media (min-width: 769px) and (max-width: 1024px) {
    .services-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .modern-title {
        font-size: var(--text-6xl) !important;
    }
}

/* Large Desktop Optimization */
@media (min-width: 1200px) {
    .hero-section {
        padding: var(--spacing-xxl) var(--spacing-xl) !important;
    }

    .services-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    /* Ensure proper max-width for readability */
    .modern-subtitle {
        max-width: 700px !important;
    }
}

/* Container max-width for very large screens */
@media (min-width: 1400px) {
    .hero-section > div,
    .services-section > div,
    .why-us-section > div {
        max-width: 1200px;
        margin: 0 auto;
    }
}

/* ===== TESTIMONIALS RESPONSIVE OPTIMIZATION ===== */

/* Mobile Testimonials (≤480px) */
@media (max-width: 480px) {
    .testimonials-slider {
        padding: 0 var(--spacing-sm);
    }

    .testimonial-slide .glass-card {
        padding: var(--spacing-md) !important;
        margin: 0 var(--spacing-xs);
    }

    /* Avatar mobile - smaller */
    .testimonial-slide .glass-card > div:first-child > div:first-child {
        width: 60px !important;
        height: 60px !important;
        font-size: var(--text-2xl) !important;
    }

    /* User info mobile */
    .testimonial-slide h4 {
        font-size: var(--text-lg) !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .testimonial-slide p {
        font-size: var(--text-sm) !important;
    }

    /* Quote mobile - truncate */
    .testimonial-slide blockquote {
        font-size: var(--text-base) !important;
        line-height: 1.6 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 4 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* Navigation mobile */
    .slider-btn {
        width: 35px !important;
        height: 35px !important;
        font-size: 16px !important;
    }

    .slider-btn.slider-prev {
        left: -10px !important;
    }
    .slider-btn.slider-next {
        right: -10px !important;
    }
}

/* Tablet Testimonials (481px-768px) */
@media (min-width: 481px) and (max-width: 768px) {
    .testimonial-slide .glass-card > div:first-child > div:first-child {
        width: 80px !important;
        height: 80px !important;
        font-size: var(--text-3xl) !important;
    }

    .testimonial-slide blockquote {
        display: -webkit-box !important;
        -webkit-line-clamp: 5 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
}

/* Desktop optimization */
@media (min-width: 769px) {
    .testimonial-slide blockquote {
        display: -webkit-box !important;
        -webkit-line-clamp: 6 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .testimonial-slide .glass-card {
        min-height: 300px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }
}

/* Touch device optimization */
@media (hover: none) and (pointer: coarse) {
    .service-card:hover,
    .modern-btn:hover,
    .glass-card:hover {
        transform: none !important;
    }

    .tilt-effect {
        transform: none !important;
    }

    /* Increase touch targets */
    .modern-btn {
        min-height: 48px;
        padding: var(--spacing-md) var(--spacing-lg);
    }
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    .scroll-animate,
    .floating-element,
    .pulse,
    .tilt-effect {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .glass-card {
        border: 2px solid currentColor;
        background: var(--bg-secondary) !important;
    }

    .gradient-text,
    .gradient-text-orange {
        background: none !important;
        color: currentColor !important;
    }
}

/* ===== END RESPONSIVE OPTIMIZATION ===== */

/* ===== FIX HEADER & FOOTER PADDING ON HOMEPAGE ===== */

/* Ensure header has proper padding on homepage */
body.home header .wp-block-group,
body.front-page header .wp-block-group,
.page-id-6 header .wp-block-group {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
}

/* Ensure footer has proper padding on homepage */
body.home footer .wp-block-group,
body.front-page footer .wp-block-group,
.page-id-6 footer .wp-block-group {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
}

/* Alternative: target by WordPress alignwide class */
body.home .alignwide,
body.front-page .alignwide,
.page-id-6 .alignwide {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
}

/* ===== END FIX ===== */

/* Override inline styles for testimonials */
.testimonial-slide div[style*="justify-content: center"] {
    justify-content: flex-start !important;
}

.testimonial-slide blockquote[style*="text-align: center"] {
    text-align: left !important;
}

/* ===== ENHANCED RESPONSIVE OPTIMIZATION FOR HOMEPAGE ===== */

/* Mobile First - Optimize for mobile devices */
@media (max-width: 480px) {
    /* Hero Section Mobile Optimization */
    .hero-section {
        padding: var(--spacing-lg) var(--spacing-sm) !important;
    }

    .modern-title {
        font-size: var(--text-4xl) !important;
        line-height: 1.2 !important;
    }

    .modern-subtitle {
        font-size: var(--text-base) !important;
        padding: 0 var(--spacing-sm) !important;
    }

    /* Button responsive */
    .modern-btn {
        width: 100%;
        margin-bottom: var(--spacing-sm);
        font-size: var(--text-sm);
        padding: var(--spacing-sm) var(--spacing-md);
    }

    /* Service cards mobile optimization */
    .service-card {
        min-height: 250px;
        padding: var(--spacing-sm);
    }

    .service-title {
        font-size: var(--text-lg);
    }

    .service-description {
        font-size: var(--text-sm);
    }

    /* Stats section mobile */
    .stats-container > div {
        flex-direction: column !important;
        gap: var(--spacing-sm) !important;
    }

    /* Header/Footer mobile padding */
    body.home header .wp-block-group,
    body.front-page header .wp-block-group,
    .page-id-6 header .wp-block-group {
        padding-left: var(--spacing-sm) !important;
        padding-right: var(--spacing-sm) !important;
    }

    body.home footer .wp-block-group,
    body.front-page footer .wp-block-group,
    .page-id-6 footer .wp-block-group {
        padding-left: var(--spacing-sm) !important;
        padding-right: var(--spacing-sm) !important;
    }
}

/* Tablet Optimization */
@media (min-width: 481px) and (max-width: 768px) {
    .hero-section {
        padding: var(--spacing-xl) var(--spacing-md) !important;
    }

    .modern-title {
        font-size: var(--text-5xl) !important;
    }

    .modern-subtitle {
        font-size: var(--text-lg) !important;
    }

    /* Services grid tablet */
    .services-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: var(--spacing-md);
    }

    /* Header/Footer tablet padding */
    body.home header .wp-block-group,
    body.front-page header .wp-block-group,
    .page-id-6 header .wp-block-group,
    body.home footer .wp-block-group,
    body.front-page footer .wp-block-group,
    .page-id-6 footer .wp-block-group {
        padding-left: var(--spacing-md) !important;
        padding-right: var(--spacing-md) !important;
    }
}

/* Large Tablet / Small Desktop */
@media (min-width: 769px) and (max-width: 1024px) {
    .services-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .modern-title {
        font-size: var(--text-6xl) !important;
    }
}

/* Large Desktop Optimization */
@media (min-width: 1200px) {
    .hero-section {
        padding: var(--spacing-xxl) var(--spacing-xl) !important;
    }

    .services-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    /* Ensure proper max-width for readability */
    .modern-subtitle {
        max-width: 700px !important;
    }
}

/* Container max-width for very large screens */
@media (min-width: 1400px) {
    .hero-section > div,
    .services-section > div,
    .why-us-section > div {
        max-width: 1200px;
        margin: 0 auto;
    }
}

/* ===== TESTIMONIALS RESPONSIVE OPTIMIZATION ===== */

/* Mobile Testimonials (≤480px) */
@media (max-width: 480px) {
    .testimonials-slider {
        padding: 0 var(--spacing-sm);
    }

    .testimonial-slide .glass-card {
        padding: var(--spacing-md) !important;
        margin: 0 var(--spacing-xs);
    }

    /* Avatar mobile - smaller */
    .testimonial-slide .glass-card > div:first-child > div:first-child {
        width: 60px !important;
        height: 60px !important;
        font-size: var(--text-2xl) !important;
    }

    /* User info mobile */
    .testimonial-slide h4 {
        font-size: var(--text-lg) !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .testimonial-slide p {
        font-size: var(--text-sm) !important;
    }

    /* Quote mobile - truncate */
    .testimonial-slide blockquote {
        font-size: var(--text-base) !important;
        line-height: 1.6 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 4 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* Navigation mobile */
    .slider-btn {
        width: 35px !important;
        height: 35px !important;
        font-size: 16px !important;
    }

    .slider-btn.slider-prev {
        left: -10px !important;
    }
    .slider-btn.slider-next {
        right: -10px !important;
    }
}

/* Tablet Testimonials (481px-768px) */
@media (min-width: 481px) and (max-width: 768px) {
    .testimonial-slide .glass-card > div:first-child > div:first-child {
        width: 80px !important;
        height: 80px !important;
        font-size: var(--text-3xl) !important;
    }

    .testimonial-slide blockquote {
        display: -webkit-box !important;
        -webkit-line-clamp: 5 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
}

/* Desktop optimization */
@media (min-width: 769px) {
    .testimonial-slide blockquote {
        display: -webkit-box !important;
        -webkit-line-clamp: 6 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .testimonial-slide .glass-card {
        min-height: 300px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }
}

/* Touch device optimization */
@media (hover: none) and (pointer: coarse) {
    .service-card:hover,
    .modern-btn:hover,
    .glass-card:hover {
        transform: none !important;
    }

    .tilt-effect {
        transform: none !important;
    }

    /* Increase touch targets */
    .modern-btn {
        min-height: 48px;
        padding: var(--spacing-md) var(--spacing-lg);
    }
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    .scroll-animate,
    .floating-element,
    .pulse,
    .tilt-effect {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .glass-card {
        border: 2px solid currentColor;
        background: var(--bg-secondary) !important;
    }

    .gradient-text,
    .gradient-text-orange {
        background: none !important;
        color: currentColor !important;
    }
}

/* ===== END RESPONSIVE OPTIMIZATION ===== */

/* ===== FIX HEADER & FOOTER PADDING ON HOMEPAGE ===== */

/* Ensure header has proper padding on homepage */
body.home header .wp-block-group,
body.front-page header .wp-block-group,
.page-id-6 header .wp-block-group {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
}

/* Ensure footer has proper padding on homepage */
body.home footer .wp-block-group,
body.front-page footer .wp-block-group,
.page-id-6 footer .wp-block-group {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
}

/* Alternative: target by WordPress alignwide class */
body.home .alignwide,
body.front-page .alignwide,
.page-id-6 .alignwide {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
}

/* ===== END FIX ===== */

/* Override inline styles for testimonials */
.testimonial-slide div[style*="justify-content: center"] {
    justify-content: flex-start !important;
}

.testimonial-slide blockquote[style*="text-align: center"] {
    text-align: left !important;
}

/* ===== ENHANCED RESPONSIVE OPTIMIZATION FOR HOMEPAGE ===== */

/* Mobile First - Optimize for mobile devices */
@media (max-width: 480px) {
    /* Hero Section Mobile Optimization */
    .hero-section {
        padding: var(--spacing-lg) var(--spacing-sm) !important;
    }

    .modern-title {
        font-size: var(--text-4xl) !important;
        line-height: 1.2 !important;
    }

    .modern-subtitle {
        font-size: var(--text-base) !important;
        padding: 0 var(--spacing-sm) !important;
    }

    /* Button responsive */
    .modern-btn {
        width: 100%;
        margin-bottom: var(--spacing-sm);
        font-size: var(--text-sm);
        padding: var(--spacing-sm) var(--spacing-md);
    }

    /* Service cards mobile optimization */
    .service-card {
        min-height: 250px;
        padding: var(--spacing-sm);
    }

    .service-title {
        font-size: var(--text-lg);
    }

    .service-description {
        font-size: var(--text-sm);
    }

    /* Stats section mobile */
    .stats-container > div {
        flex-direction: column !important;
        gap: var(--spacing-sm) !important;
    }

    /* Header/Footer mobile padding */
    body.home header .wp-block-group,
    body.front-page header .wp-block-group,
    .page-id-6 header .wp-block-group {
        padding-left: var(--spacing-sm) !important;
        padding-right: var(--spacing-sm) !important;
    }

    body.home footer .wp-block-group,
    body.front-page footer .wp-block-group,
    .page-id-6 footer .wp-block-group {
        padding-left: var(--spacing-sm) !important;
        padding-right: var(--spacing-sm) !important;
    }
}

/* Tablet Optimization */
@media (min-width: 481px) and (max-width: 768px) {
    .hero-section {
        padding: var(--spacing-xl) var(--spacing-md) !important;
    }

    .modern-title {
        font-size: var(--text-5xl) !important;
    }

    .modern-subtitle {
        font-size: var(--text-lg) !important;
    }

    /* Services grid tablet */
    .services-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: var(--spacing-md);
    }

    /* Header/Footer tablet padding */
    body.home header .wp-block-group,
    body.front-page header .wp-block-group,
    .page-id-6 header .wp-block-group,
    body.home footer .wp-block-group,
    body.front-page footer .wp-block-group,
    .page-id-6 footer .wp-block-group {
        padding-left: var(--spacing-md) !important;
        padding-right: var(--spacing-md) !important;
    }
}

/* Large Tablet / Small Desktop */
@media (min-width: 769px) and (max-width: 1024px) {
    .services-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .modern-title {
        font-size: var(--text-6xl) !important;
    }
}

/* Large Desktop Optimization */
@media (min-width: 1200px) {
    .hero-section {
        padding: var(--spacing-xxl) var(--spacing-xl) !important;
    }

    .services-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    /* Ensure proper max-width for readability */
    .modern-subtitle {
        max-width: 700px !important;
    }
}

/* Container max-width for very large screens */
@media (min-width: 1400px) {
    .hero-section > div,
    .services-section > div,
    .why-us-section > div {
        max-width: 1200px;
        margin: 0 auto;
    }
}

/* ===== TESTIMONIALS RESPONSIVE OPTIMIZATION ===== */

/* Mobile Testimonials (≤480px) */
@media (max-width: 480px) {
    .testimonials-slider {
        padding: 0 var(--spacing-sm);
    }

    .testimonial-slide .glass-card {
        padding: var(--spacing-md) !important;
        margin: 0 var(--spacing-xs);
    }

    /* Avatar mobile - smaller */
    .testimonial-slide .glass-card > div:first-child > div:first-child {
        width: 60px !important;
        height: 60px !important;
        font-size: var(--text-2xl) !important;
    }

    /* User info mobile */
    .testimonial-slide h4 {
        font-size: var(--text-lg) !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .testimonial-slide p {
        font-size: var(--text-sm) !important;
    }

    /* Quote mobile - truncate */
    .testimonial-slide blockquote {
        font-size: var(--text-base) !important;
        line-height: 1.6 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 4 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* Navigation mobile */
    .slider-btn {
        width: 35px !important;
        height: 35px !important;
        font-size: 16px !important;
    }

    .slider-btn.slider-prev {
        left: -10px !important;
    }
    .slider-btn.slider-next {
        right: -10px !important;
    }
}

/* Tablet Testimonials (481px-768px) */
@media (min-width: 481px) and (max-width: 768px) {
    .testimonial-slide .glass-card > div:first-child > div:first-child {
        width: 80px !important;
        height: 80px !important;
        font-size: var(--text-3xl) !important;
    }

    .testimonial-slide blockquote {
        display: -webkit-box !important;
        -webkit-line-clamp: 5 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
}

/* Desktop optimization */
@media (min-width: 769px) {
    .testimonial-slide blockquote {
        display: -webkit-box !important;
        -webkit-line-clamp: 6 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .testimonial-slide .glass-card {
        min-height: 300px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }
}

/* Touch device optimization */
@media (hover: none) and (pointer: coarse) {
    .service-card:hover,
    .modern-btn:hover,
    .glass-card:hover {
        transform: none !important;
    }

    .tilt-effect {
        transform: none !important;
    }

    /* Increase touch targets */
    .modern-btn {
        min-height: 48px;
        padding: var(--spacing-md) var(--spacing-lg);
    }
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    .scroll-animate,
    .floating-element,
    .pulse,
    .tilt-effect {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .glass-card {
        border: 2px solid currentColor;
        background: var(--bg-secondary) !important;
    }

    .gradient-text,
    .gradient-text-orange {
        background: none !important;
        color: currentColor !important;
    }
}

/* ===== END RESPONSIVE OPTIMIZATION ===== */

/* ===== FIX HEADER & FOOTER PADDING ON HOMEPAGE ===== */

/* Ensure header has proper padding on homepage */
body.home header .wp-block-group,
body.front-page header .wp-block-group,
.page-id-6 header .wp-block-group {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
}

/* Ensure footer has proper padding on homepage */
body.home footer .wp-block-group,
body.front-page footer .wp-block-group,
.page-id-6 footer .wp-block-group {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
}

/* Alternative: target by WordPress alignwide class */
body.home .alignwide,
body.front-page .alignwide,
.page-id-6 .alignwide {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
}

/* ===== END FIX ===== */

/* Override inline styles for testimonials */
.testimonial-slide div[style*="justify-content: center"] {
    justify-content: flex-start !important;
}

.testimonial-slide blockquote[style*="text-align: center"] {
    text-align: left !important;
}

/* ===== ENHANCED RESPONSIVE OPTIMIZATION FOR HOMEPAGE ===== */

/* Mobile First - Optimize for mobile devices */
@media (max-width: 480px) {
    /* Hero Section Mobile Optimization */
    .hero-section {
        padding: var(--spacing-lg) var(--spacing-sm) !important;
    }

    .modern-title {
        font-size: var(--text-4xl) !important;
        line-height: 1.2 !important;
    }

    .modern-subtitle {
        font-size: var(--text-base) !important;
        padding: 0 var(--spacing-sm) !important;
    }

    /* Button responsive */
    .modern-btn {
        width: 100%;
        margin-bottom: var(--spacing-sm);
        font-size: var(--text-sm);
        padding: var(--spacing-sm) var(--spacing-md);
    }

    /* Service cards mobile optimization */
    .service-card {
        min-height: 250px;
        padding: var(--spacing-sm);
    }

    .service-title {
        font-size: var(--text-lg);
    }

    .service-description {
        font-size: var(--text-sm);
    }

    /* Stats section mobile */
    .stats-container > div {
        flex-direction: column !important;
        gap: var(--spacing-sm) !important;
    }

    /* Header/Footer mobile padding */
    body.home header .wp-block-group,
    body.front-page header .wp-block-group,
    .page-id-6 header .wp-block-group {
        padding-left: var(--spacing-sm) !important;
        padding-right: var(--spacing-sm) !important;
    }

    body.home footer .wp-block-group,
    body.front-page footer .wp-block-group,
    .page-id-6 footer .wp-block-group {
        padding-left: var(--spacing-sm) !important;
        padding-right: var(--spacing-sm) !important;
    }
}

/* Tablet Optimization */
@media (min-width: 481px) and (max-width: 768px) {
    .hero-section {
        padding: var(--spacing-xl) var(--spacing-md) !important;
    }

    .modern-title {
        font-size: var(--text-5xl) !important;
    }

    .modern-subtitle {
        font-size: var(--text-lg) !important;
    }

    /* Services grid tablet */
    .services-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: var(--spacing-md);
    }

    /* Header/Footer tablet padding */
    body.home header .wp-block-group,
    body.front-page header .wp-block-group,
    .page-id-6 header .wp-block-group,
    body.home footer .wp-block-group,
    body.front-page footer .wp-block-group,
    .page-id-6 footer .wp-block-group {
        padding-left: var(--spacing-md) !important;
        padding-right: var(--spacing-md) !important;
    }
}

/* Large Tablet / Small Desktop */
@media (min-width: 769px) and (max-width: 1024px) {
    .services-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .modern-title {
        font-size: var(--text-6xl) !important;
    }
}

/* Large Desktop Optimization */
@media (min-width: 1200px) {
    .hero-section {
        padding: var(--spacing-xxl) var(--spacing-xl) !important;
    }

    .services-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    /* Ensure proper max-width for readability */
    .modern-subtitle {
        max-width: 700px !important;
    }
}

/* Container max-width for very large screens */
@media (min-width: 1400px) {
    .hero-section > div,
    .services-section > div,
    .why-us-section > div {
        max-width: 1200px;
        margin: 0 auto;
    }
}

/* ===== TESTIMONIALS RESPONSIVE OPTIMIZATION ===== */

/* Mobile Testimonials (≤480px) */
@media (max-width: 480px) {
    .testimonials-slider {
        padding: 0 var(--spacing-sm);
    }

    .testimonial-slide .glass-card {
        padding: var(--spacing-md) !important;
        margin: 0 var(--spacing-xs);
    }

    /* Avatar mobile - smaller */
    .testimonial-slide .glass-card > div:first-child > div:first-child {
        width: 60px !important;
        height: 60px !important;
        font-size: var(--text-2xl) !important;
    }

    /* User info mobile */
    .testimonial-slide h4 {
        font-size: var(--text-lg) !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .testimonial-slide p {
        font-size: var(--text-sm) !important;
    }

    /* Quote mobile - truncate */
    .testimonial-slide blockquote {
        font-size: var(--text-base) !important;
        line-height: 1.6 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 4 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* Navigation mobile */
    .slider-btn {
        width: 35px !important;
        height: 35px !important;
        font-size: 16px !important;
    }

    .slider-btn.slider-prev {
        left: -10px !important;
    }
    .slider-btn.slider-next {
        right: -10px !important;
    }
}

/* Tablet Testimonials (481px-768px) */
@media (min-width: 481px) and (max-width: 768px) {
    .testimonial-slide .glass-card > div:first-child > div:first-child {
        width: 80px !important;
        height: 80px !important;
        font-size: var(--text-3xl) !important;
    }

    .testimonial-slide blockquote {
        display: -webkit-box !important;
        -webkit-line-clamp: 5 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
}

/* Desktop optimization */
@media (min-width: 769px) {
    .testimonial-slide blockquote {
        display: -webkit-box !important;
        -webkit-line-clamp: 6 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .testimonial-slide .glass-card {
        min-height: 300px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }
}

/* Touch device optimization */
@media (hover: none) and (pointer: coarse) {
    .service-card:hover,
    .modern-btn:hover,
    .glass-card:hover {
        transform: none !important;
    }

    .tilt-effect {
        transform: none !important;
    }

    /* Increase touch targets */
    .modern-btn {
        min-height: 48px;
        padding: var(--spacing-md) var(--spacing-lg);
    }
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    .scroll-animate,
    .floating-element,
    .pulse,
    .tilt-effect {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .glass-card {
        border: 2px solid currentColor;
        background: var(--bg-secondary) !important;
    }

    .gradient-text,
    .gradient-text-orange {
        background: none !important;
        color: currentColor !important;
    }
}

/* ===== END RESPONSIVE OPTIMIZATION ===== */

/* ===== FIX HEADER & FOOTER PADDING ON HOMEPAGE ===== */

/* Ensure header has proper padding on homepage */
body.home header .wp-block-group,
body.front-page header .wp-block-group,
.page-id-6 header .wp-block-group {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
}

/* Ensure footer has proper padding on homepage */
body.home footer .wp-block-group,
body.front-page footer .wp-block-group,
.page-id-6 footer .wp-block-group {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
}

/* Alternative: target by WordPress alignwide class */
body.home .alignwide,
body.front-page .alignwide,
.page-id-6 .alignwide {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
}

/* ===== END FIX ===== */

/* Override inline styles for testimonials */
.testimonial-slide div[style*="justify-content: center"] {
    justify-content: flex-start !important;
}

.testimonial-slide blockquote[style*="text-align: center"] {
    text-align: left !important;
}

/* ===== ENHANCED RESPONSIVE OPTIMIZATION FOR HOMEPAGE ===== */

/* Mobile First - Optimize for mobile devices */
@media (max-width: 480px) {
    /* Hero Section Mobile Optimization */
    .hero-section {
        padding: var(--spacing-lg) var(--spacing-sm) !important;
    }

    .modern-title {
        font-size: var(--text-4xl) !important;
        line-height: 1.2 !important;
    }

    .modern-subtitle {
        font-size: var(--text-base) !important;
        padding: 0 var(--spacing-sm) !important;
    }

    /* Button responsive */
    .modern-btn {
        width: 100%;
        margin-bottom: var(--spacing-sm);
        font-size: var(--text-sm);
        padding: var(--spacing-sm) var(--spacing-md);
    }

    /* Service cards mobile optimization */
    .service-card {
        min-height: 250px;
        padding: var(--spacing-sm);
    }

    .service-title {
        font-size: var(--text-lg);
    }

    .service-description {
        font-size: var(--text-sm);
    }

    /* Stats section mobile */
    .stats-container > div {
        flex-direction: column !important;
        gap: var(--spacing-sm) !important;
    }

    /* Header/Footer mobile padding */
    body.home header .wp-block-group,
    body.front-page header .wp-block-group,
    .page-id-6 header .wp-block-group {
        padding-left: var(--spacing-sm) !important;
        padding-right: var(--spacing-sm) !important;
    }

    body.home footer .wp-block-group,
    body.front-page footer .wp-block-group,
    .page-id-6 footer .wp-block-group {
        padding-left: var(--spacing-sm) !important;
        padding-right: var(--spacing-sm) !important;
    }
}

/* Tablet Optimization */
@media (min-width: 481px) and (max-width: 768px) {
    .hero-section {
        padding: var(--spacing-xl) var(--spacing-md) !important;
    }

    .modern-title {
        font-size: var(--text-5xl) !important;
    }

    .modern-subtitle {
        font-size: var(--text-lg) !important;
    }

    /* Services grid tablet */
    .services-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: var(--spacing-md);
    }

    /* Header/Footer tablet padding */
    body.home header .wp-block-group,
    body.front-page header .wp-block-group,
    .page-id-6 header .wp-block-group,
    body.home footer .wp-block-group,
    body.front-page footer .wp-block-group,
    .page-id-6 footer .wp-block-group {
        padding-left: var(--spacing-md) !important;
        padding-right: var(--spacing-md) !important;
    }
}

/* Large Tablet / Small Desktop */
@media (min-width: 769px) and (max-width: 1024px) {
    .services-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .modern-title {
        font-size: var(--text-6xl) !important;
    }
}

/* Large Desktop Optimization */
@media (min-width: 1200px) {
    .hero-section {
        padding: var(--spacing-xxl) var(--spacing-xl) !important;
    }

    .services-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    /* Ensure proper max-width for readability */
    .modern-subtitle {
        max-width: 700px !important;
    }
}

/* Container max-width for very large screens */
@media (min-width: 1400px) {
    .hero-section > div,
    .services-section > div,
    .why-us-section > div {
        max-width: 1200px;
        margin: 0 auto;
    }
}

/* ===== TESTIMONIALS RESPONSIVE OPTIMIZATION ===== */

/* Mobile Testimonials (≤480px) */
@media (max-width: 480px) {
    .testimonials-slider {
        padding: 0 var(--spacing-sm);
    }

    .testimonial-slide .glass-card {
        padding: var(--spacing-md) !important;
        margin: 0 var(--spacing-xs);
    }

    /* Avatar mobile - smaller */
    .testimonial-slide .glass-card > div:first-child > div:first-child {
        width: 60px !important;
        height: 60px !important;
        font-size: var(--text-2xl) !important;
    }

    /* User info mobile */
    .testimonial-slide h4 {
        font-size: var(--text-lg) !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .testimonial-slide p {
        font-size: var(--text-sm) !important;
    }

    /* Quote mobile - truncate */
    .testimonial-slide blockquote {
        font-size: var(--text-base) !important;
        line-height: 1.6 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 4 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* Navigation mobile */
    .slider-btn {
        width: 35px !important;
        height: 35px !important;
        font-size: 16px !important;
    }

    .slider-btn.slider-prev {
        left: -10px !important;
    }
    .slider-btn.slider-next {
        right: -10px !important;
    }
}

/* Tablet Testimonials (481px-768px) */
@media (min-width: 481px) and (max-width: 768px) {
    .testimonial-slide .glass-card > div:first-child > div:first-child {
        width: 80px !important;
        height: 80px !important;
        font-size: var(--text-3xl) !important;
    }

    .testimonial-slide blockquote {
        display: -webkit-box !important;
        -webkit-line-clamp: 5 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
}

/* Desktop optimization */
@media (min-width: 769px) {
    .testimonial-slide blockquote {
        display: -webkit-box !important;
        -webkit-line-clamp: 6 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .testimonial-slide .glass-card {
        min-height: 300px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }
}

/* Touch device optimization */
@media (hover: none) and (pointer: coarse) {
    .service-card:hover,
    .modern-btn:hover,
    .glass-card:hover {
        transform: none !important;
    }

    .tilt-effect {
        transform: none !important;
    }

    /* Increase touch targets */
    .modern-btn {
        min-height: 48px;
        padding: var(--spacing-md) var(--spacing-lg);
    }
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    .scroll-animate,
    .floating-element,
    .pulse,
    .tilt-effect {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .glass-card {
        border: 2px solid currentColor;
        background: var(--bg-secondary) !important;
    }

    .gradient-text,
    .gradient-text-orange {
        background: none !important;
        color: currentColor !important;
    }
}

/* ===== END RESPONSIVE OPTIMIZATION ===== */

/* ===== FIX HEADER & FOOTER PADDING ON HOMEPAGE ===== */

/* Ensure header has proper padding on homepage */
body.home header .wp-block-group,
body.front-page header .wp-block-group,
.page-id-6 header .wp-block-group {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
}

/* Ensure footer has proper padding on homepage */
body.home footer .wp-block-group,
body.front-page footer .wp-block-group,
.page-id-6 footer .wp-block-group {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
}

/* Alternative: target by WordPress alignwide class */
body.home .alignwide,
body.front-page .alignwide,
.page-id-6 .alignwide {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
}

/* ===== END FIX ===== */

/* Override inline styles for testimonials */
.testimonial-slide div[style*="justify-content: center"] {
    justify-content: flex-start !important;
}

.testimonial-slide blockquote[style*="text-align: center"] {
    text-align: left !important;
}

/* ===== ENHANCED RESPONSIVE OPTIMIZATION FOR HOMEPAGE ===== */

/* Mobile First - Optimize for mobile devices */
@media (max-width: 480px) {
    /* Hero Section Mobile Optimization */
    .hero-section {
        padding: var(--spacing-lg) var(--spacing-sm) !important;
    }

    .modern-title {
        font-size: var(--text-4xl) !important;
        line-height: 1.2 !important;
    }

    .modern-subtitle {
        font-size: var(--text-base) !important;
        padding: 0 var(--spacing-sm) !important;
    }

    /* Button responsive */
    .modern-btn {
        width: 100%;
        margin-bottom: var(--spacing-sm);
        font-size: var(--text-sm);
        padding: var(--spacing-sm) var(--spacing-md);
    }

    /* Service cards mobile optimization */
    .service-card {
        min-height: 250px;
        padding: var(--spacing-sm);
    }

    .service-title {
        font-size: var(--text-lg);
    }

    .service-description {
        font-size: var(--text-sm);
    }

    /* Stats section mobile */
    .stats-container > div {
        flex-direction: column !important;
        gap: var(--spacing-sm) !important;
    }

    /* Header/Footer mobile padding */
    body.home header .wp-block-group,
    body.front-page header .wp-block-group,
    .page-id-6 header .wp-block-group {
        padding-left: var(--spacing-sm) !important;
        padding-right: var(--spacing-sm) !important;
    }

    body.home footer .wp-block-group,
    body.front-page footer .wp-block-group,
    .page-id-6 footer .wp-block-group {
        padding-left: var(--spacing-sm) !important;
        padding-right: var(--spacing-sm) !important;
    }
}

/* Tablet Optimization */
@media (min-width: 481px) and (max-width: 768px) {
    .hero-section {
        padding: var(--spacing-xl) var(--spacing-md) !important;
    }

    .modern-title {
        font-size: var(--text-5xl) !important;
    }

    .modern-subtitle {
        font-size: var(--text-lg) !important;
    }

    /* Services grid tablet */
    .services-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: var(--spacing-md);
    }

    /* Header/Footer tablet padding */
    body.home header .wp-block-group,
    body.front-page header .wp-block-group,
    .page-id-6 header .wp-block-group,
    body.home footer .wp-block-group,
    body.front-page footer .wp-block-group,
    .page-id-6 footer .wp-block-group {
        padding-left: var(--spacing-md) !important;
        padding-right: var(--spacing-md) !important;
    }
}

/* Large Tablet / Small Desktop */
@media (min-width: 769px) and (max-width: 1024px) {
    .services-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .modern-title {
        font-size: var(--text-6xl) !important;
    }
}

/* Large Desktop Optimization */
@media (min-width: 1200px) {
    .hero-section {
        padding: var(--spacing-xxl) var(--spacing-xl) !important;
    }

    .services-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    /* Ensure proper max-width for readability */
    .modern-subtitle {
        max-width: 700px !important;
    }
}

/* Container max-width for very large screens */
@media (min-width: 1400px) {
    .hero-section > div,
    .services-section > div,
    .why-us-section > div {
        max-width: 1200px;
        margin: 0 auto;
    }
}

/* ===== TESTIMONIALS RESPONSIVE OPTIMIZATION ===== */

/* Mobile Testimonials (≤480px) */
@media (max-width: 480px) {
    .testimonials-slider {
        padding: 0 var(--spacing-sm);
    }

    .testimonial-slide .glass-card {
        padding: var(--spacing-md) !important;
        margin: 0 var(--spacing-xs);
    }

    /* Avatar mobile - smaller */
    .testimonial-slide .glass-card > div:first-child > div:first-child {
        width: 60px !important;
        height: 60px !important;
        font-size: var(--text-2xl) !important;
    }

    /* User info mobile */
    .testimonial-slide h4 {
        font-size: var(--text-lg) !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .testimonial-slide p {
        font-size: var(--text-sm) !important;
    }

    /* Quote mobile - truncate */
    .testimonial-slide blockquote {
        font-size: var(--text-base) !important;
        line-height: 1.6 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 4 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* Navigation mobile */
    .slider-btn {
        width: 35px !important;
        height: 35px !important;
        font-size: 16px !important;
    }

    .slider-btn.slider-prev {
        left: -10px !important;
    }
    .slider-btn.slider-next {
        right: -10px !important;
    }
}

/* Tablet Testimonials (481px-768px) */
@media (min-width: 481px) and (max-width: 768px) {
    .testimonial-slide .glass-card > div:first-child > div:first-child {
        width: 80px !important;
        height: 80px !important;
        font-size: var(--text-3xl) !important;
    }

    .testimonial-slide blockquote {
        display: -webkit-box !important;
        -webkit-line-clamp: 5 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
}

/* Desktop optimization */
@media (min-width: 769px) {
    .testimonial-slide blockquote {
        display: -webkit-box !important;
        -webkit-line-clamp: 6 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .testimonial-slide .glass-card {
        min-height: 300px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }
}

/* Touch device optimization */
@media (hover: none) and (pointer: coarse) {
    .service-card:hover,
    .modern-btn:hover,
    .glass-card:hover {
        transform: none !important;
    }

    .tilt-effect {
        transform: none !important;
    }

    /* Increase touch targets */
    .modern-btn {
        min-height: 48px;
        padding: var(--spacing-md) var(--spacing-lg);
    }
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    .scroll-animate,
    .floating-element,
    .pulse,
    .tilt-effect {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .glass-card {
        border: 2px solid currentColor;
        background: var(--bg-secondary) !important;
    }

    .gradient-text,
    .gradient-text-orange {
        background: none !important;
        color: currentColor !important;
    }
}

/* ===== END RESPONSIVE OPTIMIZATION ===== */

/* ===== FIX HEADER & FOOTER PADDING ON HOMEPAGE ===== */

/* Ensure header has proper padding on homepage */
body.home header .wp-block-group,
body.front-page header .wp-block-group,
.page-id-6 header .wp-block-group {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
}

/* Ensure footer has proper padding on homepage */
body.home footer .wp-block-group,
body.front-page footer .wp-block-group,
.page-id-6 footer .wp-block-group {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
}

/* Alternative: target by WordPress alignwide class */
body.home .alignwide,
body.front-page .alignwide,
.page-id-6 .alignwide {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
}

/* ===== END FIX ===== */

/* iPhone 14 Pro Max and large phones */
@media (min-width: 428px) and (max-width: 768px) {
    #testimonials .slider-dots {
        margin: -75px 0 0 0 !important;
    }
}

/* Fix header về transparent/glass effect */
header,
.wp-block-site-header,
.wp-site-blocks header,
header .wp-block-group {
    background: transparent !important;
    background-color: transparent !important;
}

footer
    .wp-block-column:nth-of-type(3)
    .wp-block-group.is-vertical.is-layout-flex {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

footer .wp-block-column:nth-of-type(3) h2 {
    background: linear-gradient(135deg, #c084fc 0%, #f472b6 50%, #60a5fa 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700 !important;
    font-family: var(--font-secondary);
    font-size: 20px !important;
}