@import url('scripts/components.css');

/* Placeholder styles for undefined Web Components to prevent FOUC & layout shifts */
vemado-header:not(:defined) {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: 60px;
    background: transparent;
}
vemado-hero:not(:defined) {
    display: block;
    min-height: 500px;
    background: #202235;
}
vemado-cta:not(:defined) {
    display: block;
    min-height: 300px;
    background: #202235;
}
vemado-footer:not(:defined) {
    display: block;
    min-height: 400px;
    background: #202235;
}

:root {
    --vmd-blue: #1c2b4b;
    --vmd-blue-dark: #202235; /* Updated to match screenshot */
    --vmd-blue-light: #3f425c;
    --vmd-accent: #c04930; /* Matched to the exact red in the screenshot */
    --vmd-accent-light: #d85a40;
    --vmd-highlight: #3895ff;
    --vmd-white: #ffffff;
    --vmd-glass: rgba(255, 255, 255, 0.05);
    --vmd-glass-border: rgba(255, 255, 255, 0.1);
    --font-main: 'Outfit', sans-serif;
    --skyline-color: #ffffff;
}

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

html, body {
    width: 100%;
    overflow-x: hidden;
}

body {
    font-family: var(--font-main);
    background-color: #ffffff;
    color: #333333;
    line-height: 1.6;
}

/* Background Effects (Keeping from original index.css but modifying for compatibility) */
/* Background Effects - Removed fixed positioning as they were being covered by section backgrounds */
.bg-gradient {
    display: none;
}

.bg-pattern {
    display: none;
}

/* Header styles are managed globally by scripts/components.js & scripts/components.css */
header, vemado-header {
    opacity: 1;
}

/* HERO SECTION */
.hero {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 800px;
    background: radial-gradient(circle at 50% 40%, var(--vmd-blue-light) 0%, var(--vmd-blue-dark) 80%);
    display: flex;
    align-items: center;
    padding: 0 5%;
    overflow: hidden;
}

/* Starry Sky Effect - Now part of the Hero */
.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(1.5px 1.5px at 20px 30px, #ffffff, rgba(0,0,0,0)),
        radial-gradient(1px 1px at 50px 100px, #ffffff, rgba(0,0,0,0)),
        radial-gradient(1px 1px at 80px 40px, #ffffff, rgba(0,0,0,0)),
        radial-gradient(2px 2px at 120px 150px, #ffffff, rgba(0,0,0,0)),
        radial-gradient(1px 1px at 150px 60px, #ffffff, rgba(0,0,0,0)),
        radial-gradient(1.5px 1.5px at 180px 110px, #ffffff, rgba(0,0,0,0));
    background-size: 250px 250px;
    opacity: 0.4;
    z-index: 1;
    animation: stars-twinkle 10s infinite alternate;
}

.hero::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        radial-gradient(1px 1px at 10px 10px, #ffffff, rgba(0,0,0,0)),
        radial-gradient(1px 1px at 100px 150px, #ffffff, rgba(0,0,0,0)),
        radial-gradient(1px 1px at 200px 50px, #ffffff, rgba(0,0,0,0));
    background-size: 400px 400px;
    z-index: 2;
    opacity: 0.2;
    animation: stars-twinkle 15s infinite alternate-reverse;
}

@keyframes stars-twinkle {
    from { opacity: 0.2; }
    to { opacity: 0.5; }
}

/* Welcome Popup Overlay and Box */
.welcome-overlay {
    display: none;
    position: absolute;
    left: 4%;
    top: 50%;
    transform: translateY(-50%) scale(0.95);
    z-index: 99;
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    max-width: 390px;
}

.welcome-overlay.visible {
    opacity: 1;
    pointer-events: none;
    transform: translateY(-50%) scale(1);
}

.welcome-overlay.fading {
    opacity: 0;
    transform: translateY(-50%) scale(0.95);
    pointer-events: none;
}

/* Floating Help Trigger */
.floating-help-trigger {
    position: absolute;
    bottom: 35%;
    right: 8%;
    left: auto;
    width: 48px;
    height: 48px;
    transform: translateY(-50%);
    z-index: 9999;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.floating-help-trigger.hidden {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-50%) scale(0.8);
}

/* Beautiful Glowing Circle for the Question Mark */
.floating-help-circle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, var(--vmd-accent-light) 0%, var(--vmd-accent) 100%);
    border: 2px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 8px 20px rgba(192, 73, 48, 0.4), inset 0 2px 3px rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--vmd-white);
    font-size: 1.2rem;
    position: relative;
    z-index: 2;
    pointer-events: auto;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.floating-help-trigger:hover .floating-help-circle {
    transform: scale(1.12);
    box-shadow: 0 10px 24px rgba(192, 73, 48, 0.6), inset 0 2px 4px rgba(255, 255, 255, 0.4);
}

/* Tooltip/Label that appears on hover */
.floating-help-tooltip {
    position: absolute;
    right: 60px;
    left: auto;
    background: rgba(20, 22, 37, 0.85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 8px 16px;
    border-radius: 30px;
    color: var(--vmd-white);
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transform: translateX(10px);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.floating-help-trigger:hover .floating-help-tooltip {
    opacity: 1;
    transform: translateX(0);
}

/* Entry Animation (Slide-in from right with trail) */
.floating-help-trigger.entering {
    animation: fly-in-right 3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Glowing motion tail/trail (Schweif) behind the question mark when entering */
.floating-help-trigger.entering::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    width: 140px;
    height: 24px;
    background: linear-gradient(to right, rgba(192, 73, 48, 0.85), rgba(216, 90, 64, 0.4), transparent);
    border-radius: 50%;
    filter: blur(8px);
    pointer-events: none;
    z-index: 1;
    transform-origin: left center;
    animation: tail-pulse 1.5s infinite ease-in-out alternate;
}

/* Idle Hovering and Pulsing State */
.floating-help-trigger.idle {
    animation: bob-and-pulse 3s infinite ease-in-out;
}

@keyframes fly-in-right {
    0% {
        right: -120px;
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    100% {
        right: 8%;
        opacity: 1;
    }
}

@keyframes tail-pulse {
    0% {
        transform: translateY(-50%) scaleY(0.85) scaleX(0.9);
        opacity: 0.7;
    }
    100% {
        transform: translateY(-50%) scaleY(1.15) scaleX(1.1);
        opacity: 1;
    }
}

@keyframes bob-and-pulse {
    0% {
        transform: translateY(-50%) translateY(0px);
    }
    50% {
        transform: translateY(-50%) translateY(-10px);
    }
    100% {
        transform: translateY(-50%) translateY(0px);
    }
}

@media (max-width: 768px) {
    .floating-help-trigger {
        bottom: 75px;
        right: 20px;
        left: auto;
        position: absolute;
        z-index: 9999;
        transform: none;
    }
    .floating-help-trigger.hidden {
        transform: scale(0.8);
    }
    .floating-help-tooltip {
        display: none; /* Hide hover tooltip on mobile touch screens */
    }
    @keyframes fly-in-right {
        0% {
            right: -100px;
            opacity: 0;
        }
        15% {
            opacity: 1;
        }
        100% {
            right: 20px;
            opacity: 1;
        }
    }
    @keyframes bob-and-pulse {
        0% {
            transform: translateY(0px);
        }
        50% {
            transform: translateY(-8px);
        }
        100% {
            transform: translateY(0px);
        }
    }
}

.welcome-box {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: rgba(20, 22, 37, 0.75);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding: 35px;
    border-radius: 20px;
    max-width: 440px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    pointer-events: auto;
}

.welcome-close-btn {
    position: absolute;
    top: 15px;
    right: 20px;
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.8rem;
    cursor: pointer;
    line-height: 1;
    transition: color 0.3s;
}

.welcome-close-btn:hover {
    color: var(--vmd-white);
}

.welcome-box-icon {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background: rgba(192, 73, 48, 0.2);
    border: 1px solid rgba(192, 73, 48, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--vmd-accent);
    font-size: 1.5rem;
    margin-bottom: 20px;
}

.welcome-box h1 {
    color: var(--vmd-white);
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 12px;
    letter-spacing: 0.5px;
    line-height: 1.2;
}

.welcome-box p {
    color: #cbd5e1;
    font-size: 0.9rem;
    line-height: 1.5;
    margin-bottom: 20px;
}

.welcome-guide-text {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 0.85rem;
    color: #e2e8f0;
    margin-bottom: 25px;
    line-height: 1.4;
}

.pulse-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--vmd-accent);
    box-shadow: 0 0 0 0 rgba(192, 73, 48, 0.7);
    animation: dot-pulse 1.6s infinite;
    flex-shrink: 0;
}

@keyframes dot-pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(192, 73, 48, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 8px rgba(192, 73, 48, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(192, 73, 48, 0);
    }
}

.welcome-actions {
    display: flex;
    gap: 12px;
}

.btn-welcome-start {
    background: var(--vmd-accent);
    color: var(--vmd-white);
    border: none;
    padding: 12px 24px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 4px 12px rgba(192, 73, 48, 0.3);
}

.btn-welcome-start:hover {
    background: var(--vmd-accent-light);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(192, 73, 48, 0.4);
}

.btn-welcome-secondary {
    background: rgba(255, 255, 255, 0.1);
    color: var(--vmd-white);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 12px 24px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 0.85rem;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s;
    text-align: center;
}

.btn-welcome-secondary:hover {
    background: rgba(255, 255, 255, 0.18);
    transform: translateY(-2px);
}

/* Responsiveness queries moved to the bottom of the file for cascade overrides */

/* Center Wheel */
.hero-wheel {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90vmin;
    height: 90vmin;
    max-width: 98vw;
    max-height: 98vh;
    z-index: 10;
}

.hero-wheel iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* Skyline Overlay */
/* Skyline Overlay - Using the fixed building silhouette */
.skyline-overlay {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    height: 350px;
    /* Use a brighter glow at the top of buildings to make them stand out against the stars */
    background: linear-gradient(to top, rgba(32, 34, 53, 0.9) 0%, rgba(80, 110, 160, 0.6) 100%);
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTkyMCAzMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWF4IHNsaWNlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxwYXRoIGQ9Ik0wIDIzMlYwaDE5MjBjMCA3NC4zODEgMCAxNDguNzAyLS40NjkgMjIzLjQ4LTcuMDY4LjQ1OC0xMy42NjguNDU4LTIwLjcwMi40NTh2NDMuNjY4aC0xMi4wOXYtMTkuMjloLTM3LjkxNXYyMC4zNzZIMTgxNWMwLTExLjUzOC0uMTU0LTIyLjgzNy4xLTM0LjEyNy4wNy0zLjEyLTEuMTc1LTQuNzI1LTMuNzI3LTUuNDlhMjYzIDI2MyAwIDAgMC0xNC43ODEtMy45NjRjLTEwLjM3MS0yLjQ2LTIwLjY4LTUuNC0zMS4xODktNy4wMDYtMTEuMzQ2LTEuNzM0LTIyLjg4OS0yLjIwMi0zNC4zNTEtMy4xNTctNS40MTMtLjQ1MS0xMC44MzYtLjc4NS0xNi4yNTktMS4xMDItMS45MzEtLjExMy0zLjg3NS0uMDE4LTYuMDcyLS4wMTguOTExIDQuMDg3IDEuNjExIDYuOTAyIDIuMTU5IDkuNzQ3IDEuNDA3IDcuMzE1IDIuODg1IDE0LjYyMyAzLjk3NyAyMS45ODYuMTgyIDEuMjI4LTEuMTU5IDMuNTgxLTIuMjY5IDMuOTM3LTMuNjE5IDEuMTYxLTcuNDU4IDEuNjM4LTExLjU4OCAyLjQ1MnYtNS4zMDhjMC0xNy4xNjUuMDM3LTM0LjMzMS0uMDYtNTEuNDk2LS4wMDgtMS42NjctLjMxNy00LjAyOC0xLjQwNS00Ljg0Ny0yLjEwOC0xLjU4Ni00Ljc3Ny0yLjczNS03LjM4LTMuMjk0LTUuODM1LTEuMjUzLTExLjc3MS0yLjAzMy0xOC4xNTUtMy4wODcgMC0xMC4yMTItLjI3Ny0yMS4wMTIuMTAyLTMxLjc5LjIzMy02LjYyNi4wMzItMTIuNDQ0LTcuNDQ3LTE1LjE0LTEuNDAyLS41MDYtMi4zMTYtMi4yNDgtMy42OS0yLjk4LTEuNjg3LS44OTctMy41ODctMS42OTctNS40NTUtMS44NjQtMS44NzMtLjE2OC0zLjgyLjc0My01LjczNy43NTQtMTMuNDUyLjA3NS0yNi45MDUuMDQtNDAuNzkuMDR2MTI1Ljc2aC01Ljk4YzAtNS4wMzQtLjA4Ny05Ljg0LjAzNi0xNC42NC4wNjEtMi4zNjUuNjQ4LTQuNzE2LjczOS03LjA4NC4wNjctMS43NjUuMjEtMy43OS0uNTMtNS4yNzYtMi42MDYtNS4yMzEtMTAuMDgxLTcuNDcyLTkuMDI3LTE1LjA5Ni4zMDItMi4xODUtLjMzNy00LjU1NS0uODA3LTYuNzg1LTMuMS0xNC43LTYuMjk0LTI5LjM4Mi05LjQwMy00NC4wOC0uNzY1LTMuNjItMS4zMjktNy4yODQtMS45ODUtMTAuOTI3bC0xLjM3Ni0uMDU5Yy0uNTQ5LjkwMi0xLjM4MyAxLjc0LTEuNiAyLjcxNS0xLjQyNCA2LjQxOS0yLjczIDEyLjg2NC00LjA0NSAxOS4zMDctMS4wMzYgNS4wNjgtMS45NiAxMC4xNi0zLjA2MyAxNS4yMTItMS4yNCA1LjY3Ni0yLjY1NCAxMS4zMTMtMy45MzggMTYuOTc4LTEuNjYgNy4zMjktMS45ODUgMTUuMzg5LTEwLjkwNiAxOC40OTMtMS4xNi40MDMtMi4xMzUgMS41NDMtMi45OTkgMi41MTYtLjU1LjYyMi0xLjAyOCAxLjU2LTEuMDQzIDIuMzY2LS4wOTcgNC45OTQuMDEzIDkuOTkyLS4wNzIgMTQuOTg2LS4xMTkgNy4wMTEtMi4zMTUgOC4zNTQtOS4yMDkgNS45MjItMS4wNzMtLjM3OS0yLjQyLS41NzktMy40ODItLjI4Ni00Ljk2MSAxLjM2NS05Ljg2NiAyLjkzMy0xNS42NiA0LjY5Mi43Mi0yLjMyOSAxLjI0Ni0zLjM1IDEuMzI2LTQuNDA1LjQxLTUuMzQ0LjY3Ny0xMC43IDEuMDY1LTE2LjA0Ni4wNzctMS4wNTkuMjctMi45MDIuNzQtMy4wMTUgNC4xMjctLjk5NiAyLjAyNC0yLjcxNC42Ni00LjM4Mi0yLjEyMi0yLjU5LTQuNzktNC44OTQtNi4yOS03LjgwMi01LjUwMy0xMC42NjMtMTAuNTc0LTIxLjU0Ny0xNS45MTUtMzIuMjk1LTEuMjgtMi41NzctMy4zNTctNC44Mi0uMTM5LTcuNTcyLjU5LS41MDQuMzUtMy4zMTctLjIxNy0zLjU5LTEuOTQtLjkzNi00LjIwMy0xLjU5Mi02LjMyOC0xLjU1My0uODE2LjAxNS0yLjUyOCAyLjg4LTIuMjQxIDMuMjY3IDIuNjggMy42MTgtLjAxIDYuMzQ1LTEuMzQ2IDkuMTQzLTEuMzk0IDIuOTE5LTMuNCA1LjUzOC00Ljk0OSA4LjM5MS00LjEyNCA3LjU5NS04LjQ1IDE1LjEwNS0xMi4wNiAyMi45NDMtMS40MjUgMy4wOTctMy4xMDMgNS4zNC02LjAzIDYuNzMyLTIuNzMzIDEuMy0yLjQ2NyAzLjEyNy0yLjA2NyA1LjgyMy45MDUgNi4xMSAxLjAyMiAxMi4zMzcgMS40NTkgMTguNTE2bC0yLjE5Mi43NjRjLjEwNS05LjkwNS03LjUwNS0xMi44ODYtMTQuMzU1LTE2LjkyMyA0LjIxNy0xLjgzNCAzLjkyNi0zLjgzOCAxLjE4Ny02LjMxNC01LjAyNS00LjU0Mi05LjQxMS00LjQ1Ni0xNC4zNDguNTI4LTIuMTc3IDIuMTk4LTUuODU0IDQuMDg0LTEuODQyIDcuNjNsLTkuNjg1IDcuOTcxYy0zLjE1OC00LjEyOS02LjQyNi04LjM1NS05LjYxMi0xMi42NDItLjI4Ni0uMzg1LS4xMDYtMS4xNjYtLjA0Mi0xLjc1Mi43Mi02LjU1Ni0zLjk5My0xMS4yNTgtNy44ODEtMTQuMjM4LTMuMTA4LTIuMzgzLTkuNS0uNDgxLTE0LjUzMS0uNDgxIDAtMy41MDctLjI0My03LjY5LjA3LTExLjgzLjMwMi00LjAyMi0uNTgyLTYuOTk5LTMuMzItNy42MjVsLTMuMTYtNy44NTggMS42MDctMy4zNDNjLTMuMDQyLTEuMDY1LTUuNDI3LTIuNDc0LTcuOTAzLTIuNjYtOC4wNTEtLjYwNy0xNi4xMzgtMS4wMjgtMjQuMjA3LS45NjEtMy4wNTguMDI1LTYuMDYgMS44MTctOS4xNjYgMi4zNjktNC4zMy43NjktMi45NjcgMy4yMDQtMi41MjQgNS4zNTYtLjU2MyA1LjczMy03LjUzNyA3LjY3NS03LjQyMSAxMy44Ny4xMTIgNS45ODcuMDI0IDExLjk3Ni4wMjQgMTguMzA0bC0zLjEwNC0uODctNS41MjIgMTMuOTk0Yy0yLjE1NC0uODcyLTMuNzEtMS45NjYtNS4zMzYtMi4wOC02LjgxNy0uNDc1LTcuOTMyLjc5NC04LjA4MiA3LjYyMS0uMDc1IDMuNDUyLS42MDYgNi44OTUtLjkzMSAxMC4zNDEtMS41Ny0uNDI0LTEuOTQ1LS43MTQtMS45MDItLjkxMyAxLjAxLTQuNjQ4LS40OS03LjE4NS00LjgxNC04LjA2My0yLjU3MS0uNTIxLTYuNDg0IDIuODYtNy40MjggNS41MTMtLjcyIDIuMDI2LTIuNTE1IDMuNjY5LTMuODMyIDUuNDgybC0yLjA0OS0uNzczYzAtOC43NDQtLjE4NC0xNy40OTMuMDgzLTI2LjIyOS4xMi0zLjk2My0xLjEtNS40NTUtNS4xMDgtNS4xNjMtMS41NTIuMTEzLTQuNTE5LS44NTYtNC41NzgtMS41My0uNDAzLTQuNjE0LTIuMDI1LTEwLjc2LjI1Mi0xMy41NjMgMi45NzctMy42NjMuNTA4LTUuMTk1LS4wMDQtNy42ODgtLjIwMy0uOTktLjM4My0yLjA1Mi0uMjQ2LTMuMDM1LjYwMy00LjMxMyAyLjIwOS04LjcwMy0yLjAzOC0xMi4yNTktNS43NS00LjgxNS03LjE2NS0xMC4yMzMtMy43ODgtMTcuNDc4IDEuMjU1LTIuNjk1LjYtOC40NTktMS4zODQtMTAuMDA2LTMuNTY3LTIuNzgzLTMuMDktNS43MTctMy4xODYtOS4wMjktLjA0My0xLjQ5Ni4wMDMtMi45OTgtLjA5MS00LjQ5LS42MjItOS44NDUtMS4zNC0xOS42ODUtMS44MjMtMjkuNTM2LS4wNjItMS4yNjQgMS42MjMtMi42MyAxLjUyNy0zLjg3M2EzOS43IDM5LjcgMCAwIDAtMS43MTgtOC44NzRjLS40MjktMS4zNTEtMS45MzQtMi4zNi0yLjk1MS0zLjUyNS0uOTgyIDEuMDMyLTIuODQ3IDIuMDk1LTIuODEyIDMuMDkyYTIzMCAyMzAgMCAwIDEtMy4yMDMgNDcuMjM3Yy0uNDc1IDIuNzU2LTEuODY5IDUuMzQ3LTIuNzg2IDguMDMzLTEuMDIgMi45ODQtMi44NDUgNi4wMTMtMi43NjQgOC45OC4xMjUgNC42MTUgMS41NjUgOS4xOTUgMi40MSAxMy41OTQtMTAuNzk0IDQuMDgyLTEzLjM1MiAxMC41NTktOC43NTEgMTcuODIzbC0zLjk3OCA2LjI0N2M0Ljg2NyAyLjgzOCAyLjIxNiA3LjU5IDIuOTYyIDExLjQ5IDEuMDc0IDUuNjA3LTEuNDI2IDguMjk0LTYuODMgOC40NTYtNC4zNi4xMy00LjQ1NiAyLjg2LTQuMTUgNi4wNDcuNDY2IDQuODc3LjkgOS43NTggMS4zNDYgMTQuNjIzLTYuMjYyLjUxNS0xNC41NTItNi40MTQtMTYuNDU4LTEyLjg2NS0uMzA4LTEuMDQyLTEuNDYyLTEuODMzLTIuMjI1LTIuNzQtLjg0NS44MjgtMS45MTUgMS41My0yLjQ3IDIuNTItLjU2NSAxLjAwNi0uNjIyIDIuMjk4LTEuMDQxIDQuMDUtLjU0Ni0yLjMyLS42NTMtNC43Ni0xLjIyOS00Ljg3Ny0yLjUxMi0uNTA4LTUuMjEtLjYzMS03LjcyNS0uMjExLS42Mi4xMDMtLjgxMiAyLjc3My0xLjIwMSA0LjI2M2wtMS4yMi4yNTJjLS40NS03LjQ1My0uOS0xNC45MDctMS4zNi0yMi41NTMgNC40MjMtMy4xOCA3LjQ1Mi0xMi4yOCA1LjI0My0xNi4yNjQtMy4wMTktNS40NDYtOC43NDgtNy4yLTEzLjA3NS05LjUwNWwuNjM5LTEzLjQ1MWMtNC4yMzMtNC4wMjctOC41NDMtNy44OTQtNi4zNDUtMTQuNzk5LjMxLS45NzQtLjA2OS0zLjEzNS0uNDUyLTMuMjE1LTUuMDAyLTEuMDU1LTMuMjc3LTQuOTQzLTMuNDI4LTcuOTItLjExNy0yLjMxNS0uMTM4LTQuODU1LTMuMjM2LTQuMTItMS4xOTMuMjgyLTIuNTc3IDIuNjI1LTIuNjY5IDQuMTA1LS4yMSAzLjQxMS0uMjc3IDYuNDAzLTQuMjIxIDcuODc5LS44MDYuMzAyLTEuNTQzIDIuNzkyLTEuMTY5IDMuODggMS4yNzUgMy43MDgtLjA0MiAxMC4wOTYtMy4zNSAxMi4wNC0yLjU0IDEuNDkxLTIuNTk1IDIuODE2LTEuNzI0IDUuNDk0IDEuMTI5IDMuNDY4IDEuMjAxIDcuMjggMS42OTQgMTAuNzAyLTIuNDUuNjk3LTQuMTEzIDEuMTkzLTUuNzg5IDEuNjQtMS42OTkuNDUzLTMuNDY4LjcwMy01LjEwMiAxLjMyLTIuMTg5LjgyNS01LjM4MyA4LjM2Ny00LjQ4NyAxMC42NTIgMS41MDkgMy44NS0uMTgyIDkuMDMzIDQuNzYgMTEuNTEuMzIxLjE2Mi4yMzYgMS4yNTMuMjM4IDEuOTEyLjAxNiA2LjAxMi4wMSAxMi4wMjMuMDEgMTYuODMzLTIuODMtLjQxMy01LjQxMy0xLjMwOS03Ljc3LS45MDItMS4wOTUuMTktMS43NTMgMi45MTMtMi42NzIgNC42MDQtLjE0NS0uMjktLjM0NC0uNjctLjUyOS0xLjA1N3EtMS4xMjQtMi4zNy0yLjI0My00Ljc0Yy0xLjI2MSAxLjY3Mi0yLjcwMyAzLjI0NS0zLjcwNyA1LjA2LS41MDcuOTE2LjE4NCAzLjAxOS0uMzU3IDMuMzEyLTUuNTYgMy4wMTgtOC4yNDcgMTEuOTg3LTE3LjMyMyA3Ljg4Ni0xLjAwNy01LjctNS42LTIuNjg0LTkuMDQtMy4yODVsLTEuMTEgMTUuMTA4Yy00LjE3LTUuNDA4LTEwLjczMi04LjgyOC0xNi40NS04LjI0MS00LjQ1MS40NTctOS4xMjMuNzc1LTEzLjQ2NS0uMDU2LTE3LjgwOC0zLjQxLTM1LjcxNi01LjU4Ni01My44NC00Ljc2Ni0xMS45NTQuNTQxLTIzLjg3MyAxLjg2NS0zNS44MDIgMi45MDItNi44NDYuNTk1LTEzLjc0IDIuMTgxLTIwLjUwMiAxLjcxOS01Ljg2My0uNC0xMS4yNDYtLjM1Ny0xNi4xMjMgMi44NjctMS45NzggMS4zMDgtMy4yOSAzLjYyMy00Ljc5MSA1LjM1LTMuMTI2LTIuNTA2LTYuMjUyLTQuNzIzLTguOTYtNy4zNjYtLjc1NS0uNzM3LS44OTYtMy4xNTMtLjI2NC00LjA4NCAzLjQ1Ny01LjA5OSA2Ljg1NC0xMC4zNCAxMS4wNTItMTQuOCAyLjgxNC0yLjk4OCAzLjAxLTQuNTU1LS4zMzQtNi43NDctMy42NjItMi40MDEtNy4yOTItNC44NjUtMTAuOC03LjQ4My03LjcxLTUuNzU0LTE1LjMzMi0xMS42MjctMjIuOTk1LTE3LjQ0NC0zLjIzLTIuNDUyLTYuNzgyLTQuNTc2LTkuNjMtNy40MS0zLjYwNi0zLjU5Mi03LjY2LTMuNDg4LTEwLjE0OC45MjMtLjQ0Ljc4MS0uNTEgMS45Ni0xLjE0IDIuNDE5LTcuODQ0IDUuNzA3LTE1Ljk4MyAxMS4wMzgtMjMuNTQ2IDE3LjA5LTIuOTA4IDIuMzI4LTUuNTM5IDMuMjEtOS4wMjUgMy4wMjUtMy44MTQtLjIwMi03LjY1Ny4xMjgtMTEuNDctLjA3Ny0xNS42MS0uODM4LTMwLjk0NiAxLjM4Mi00Ni4zMTQgMy42MjUtMi4xNjIuMzE1LTUuMTU4LS45NS02Ljg2NC0yLjQ4Ni0zLjgxNy0zLjQzOC03LjE2NC03LjQyMy0xMC41MTctMTEuMzQ0LTMuMzEtMy44NzEtNi4zOTMtNy45MzgtMTAuNDA1LTEyLjk1Ni0xLjY1MS45MDItNC42ODUgMi4wMjQtNy4wNDcgMy45NjQtNC44NjkgNC4wMDItOS4yOSA4LjU0My0xNC4wNjMgMTIuNjctNC40NjggMy44NjQtOS4yMzMgNy4zODQtMTMuNzIxIDExLjIyNi02LjYwMiA1LjY1My03LjM2MiA3Ljc0OS00Ljg1NCAxMi44MzYgMS40ODEgMy4wMDQgMy4xOSA1Ljg5NSA1LjAwMyA5LjIxNGwtNi41MTcgMy4zMTljLS45MjMtMTQuMDgyLTItMjcuNzM2LTIuNjY4LTQxLjQxLS44NTUtMTcuNTA0LTEuMzg3LTM1LjAyNS0yLjAzOC01Mi41NC0uMDcyLTEuOTE2LS4wMS0zLjgzNi0uMDEtNS45IDguMzk1LTIuODMgMTEuMjEyLTE2LjY4IDQuMjYtMjIuODUzIDQuMzE4LTYuMjYuODMzLTE4LjI2Ny01LjY4LTIwLjgxMy0uOTEtMy4zNDItMi4xMDMtNi4zNjItMi40ODQtOS40ODItLjQyLTMuNDQ4LS4wOTYtNi45ODgtLjA5Ni0xMC40ODcgMC01LjUuMDAzLTExIDAtMTYuNS0uMDA2LTYuNDk2LS4yMzgtNi42OC03LTUuMzk4IDAgNi45MzMtLjQ3OCAxMy45NTUuMTE0IDIwLjg4Ni44NTUgMTAuMDI1LTIuMSAxOS4wNzctNy42MDkgMjYuOC00LjAwMSA1LjYwOC0yLjI5MiAxMC4yNTQtMS4yNjEgMTUuNTY2LTUuMTEyIDUuODIyLTEuMDUgMTIuNDg3LS45NDQgMTguNzQuMDI2IDEuNTMgMy41MDYgMy4wMDIgNS43IDQuNzQgMCAuNjczLjA1IDEuODM4LS4wMDggMi45OTgtLjk4OCAxOS45NC0yLjIyNiAzOS44NzItMi45MDUgNTkuODIyLS40NDQgMTMuMDQ2LS4wODQgMjYuMTItLjA4NCA0MC41OTUtMy45MjctMi43My02LjI2LTQuNzMtOC45MTUtNi4xMDUtMy41NjktMS44NDktNi45NS01Ljk4Ni0xMS41NC0xLjU4NC0zLjY1MSAzLjUwMi03LjUwNSA2Ljc5NC0xMS41NDggMTAuNDMxIDAtNC40Mi0uMjMzLTguNjk5LjA2Ny0xMi45NC4yODQtNC4wMTQtMS45MzgtNS4yOTEtNS4yMTgtNS41NTktMi41NjMtLjIwOS01LjE1Ny0uMDQyLTcuODQ5LS4wNDIgMC02LjA1Ni4wMDItMTEuMzggMC0xNi43MDYtLjAwMy02LjQ3NS0uMTUtNi42Mi02Ljc3My02LjI4Mi0xLjAyNS4wNTItMi4wNDEuMjY0LTMuMjI3LjQyNHYtNS42ODJjMC04LjI4My4wMDMtOC4yMDEtOC4zMTgtNy43OTUtMy4zNzMuMTY0LTQuNzcgMS43MzMtNC42OTUgNC45ODcuMDY1IDIuODQ1LjAxMyA1LjY5Mi4wMTMgOC40MzdoLTkuNzE5Yy0uMDktMS42MjQtLjI2Ni0zLjM0NC0uMjY4LTUuMDYzLS4wMjEtMTYuODMzLS4xMDItMzMuNjY2LjA1Ny01MC40OTYuMDM1LTMuNjc5LTEuMDUxLTQuOTYzLTQuODIyLTQuOS0xMS45OTYuMi0yNC4wMTIuNDI4LTM1Ljk5LS4wNzMtNi4xMjQtLjI1Ni0xMC41MTQgMi42MjEtMTUuMTYyIDUuNTYzLTIuMzQ5IDEuNDg3LTMuMjI4IDMuMzMtMy4yMDUgNi4zNi4xOTIgMjUuMzMuMTIzIDUwLjY2Mi4wNzUgNzUuOTk0LS4wMDMgMS42MjEtLjQ5NCAzLjI0Mi0uNzU4IDQuODYzbC0xLjI0My0uMjQ2di05LjY1M2MtMy43MzctLjI1NC03LjI5Ny0uODU0LTEwLjc4Mi0uNTYtMS40Ny4xMjQtMy43MzQgMS45NjYtMy45NzUgMy4zMjItLjU4MyAzLjI4LS4xOSA2LjczNS0uMTkgMTAuMzUzbC00NS4zNSA3LjQ1NmMtLjYwMi01LjU4LTEuMTg4LTExLjA2NC0xLjgwMy0xNi41NDQtLjAzMi0uMjkxLS4yNjUtLjc1Ny0uNDc3LS44MDMtNC4zMTUtLjkzMS00LjMwNC01LjA0OC01Ljg4LTcuOTY4LTQuNTc3LTguNDg2LTkuMDcyLTE3LjAxOC0xMy42OTMtMjUuNDgtLjU0NC0uOTk3LTEuNTk5LTIuMjItMi41NDQtMi4zNC0uODMzLS4xMDYtMi4yNzQuOTgtMi43MDUgMS44OS0yLjUyOSA1LjMzNy01LjMzIDEwLjYyNC03LjA5IDE2LjIyNS0xLjg1OSA1LjkwOC0yLjY1NCAxMi4xNS0zLjgzNiAxNy44NjcgNy43NzMgMy4yNTEgOC40ODQtMi4yMjkgOS44MS02LjgwMmw1Ljk1NiAyNi4wMTRjLTguMDk0IDUuMDIzLTE1Ljg0IDkuOTUxLTIzLjczIDE0LjYzOC0xLjgzMiAxLjA4OC00LjE0OCAxLjkwNC02LjI0NiAxLjkxNC0yNi4zMzEuMTI4LTUyLjY2My4wODgtNzguOTk0LjA3NC0xLjQzNiAwLTIuODcxLS4xNDktMy45OS0uMjF2LTEyLjEyNmwtMTEuNDY5LS45MzhjMC0xNC4xMDYuMDQ0LTI4LjE3NS0uMTEtNDIuMjQyLS4wMS0uODI4LTEuNTctMi4yODgtMi40NzgtMi4zNDUtNC4wNy0uMjU3LTguMTY0LS4xMTItMTIuNjUtLjExMnY0NS42MmMtMi4zMjctLjIzNS00LjUyNS0xLjEyNi02LjEyNC0uNDk3LTUuMTQ4IDIuMDI4LTQuNjItMS4yNy00LjYxOC00LjM0Ni4wMDgtMTAuMzMzLjEyNC0yMC42NjgtLjEwMy0zMC45OTYtLjA0My0xLjk3LS45NTQtNS4wMzItMi4zMzYtNS42NTQtNC4yMDQtMS44OS04Ljc4Ny0zLjcyMi0xMy4zMDktMy45NjUtMTAuNDY5LS41NjMtMjAuOTktLjI1Ny0zMS40ODctLjExNC0yLjEzOS4wMjktNC4yNjYuODg4LTYuMjYyIDEuMzM0djQ5LjQzMkgyOTZ2LTUuNTIzYzAtMzMuNjY0LjAxOC02Ny4zMjgtLjA1NC0xMDAuOTkzLS4wMDMtMS42NzgtLjM4My00LjUzMy0xLjI3OS00Ljg0My02LjA3NC0yLjEwMS0xMC4xNi05LjgwMi0xNy45NTMtNS45ODMtLjI3NC0yLjk2LS44NDMtNS4yOTgtLjYxMi03LjU1NS4zMDctMy4wMDUgMS42OTQtNS45MyAxLjgwNy04LjkyLjI3OC03LjMyMy0uMTE3LTE0LjY3LjE3NC0yMS45OTIuMTU5LTQuMDEzLTEuMTk0LTUuNTctNS4xNDEtNS4wNS0xLjMxLjE3NC0yLjY3NS0uMDgtMy45OTQuMDU2LTIuNDE4LjI1LTMuMzE0IDEuMTEyLTMuMTM1IDQuMDguNDY5IDcuODA1LjI4MyAxNS42NTguMDY3IDIzLjQ4NC0uMDMyIDEuMTU2LTEuNjQ1IDIuMjY3LTIuNTI3IDMuNC0xLjA4OC0uOTU0LTIuNTM5LTEuNzItMy4xNTQtMi45MTYtLjU0OC0xLjA2NC0uMTk0LTIuNjA0LS4xOTUtMy45MzQtLjAwOC03Ljk0NC0uMDA0LTE1Ljg4OC0uMDA0LTI0LjE0Mi0zLjE1IDAtNS43OTguMTctOC40MTUtLjA0Mi0zLjQ1Mi0uMjc5LTQuNzUzLjk3OS00LjY1IDQuNTM5LjIxNSA3LjQ5My0uMjc3IDE1LjAxOS4yMSAyMi40ODcuMjQgMy42NzcgMi4wMTQgNy4yNTUgMy4yNTUgMTEuNDIzbC0yLjQ3OCA0Ljc2aC0xMS4xMDFWMTgwYy0xMS41OTQgMC0yMi43NDUuMTc4LTMzLjg4Ni0uMDY0LTcuMjEtLjE1Ni04LjA0MiAxLjEyNi03Ljk5OSA3Ljc2MS4xNiAyNC42NjQuMDggNDkuMzMuMDMgNzMuOTk0LS4wMDQgMS42Ni0uNSAzLjMyLS43NjcgNC45OGwtMS4zOTUtLjIwOFYyMjljLTMuMDc1IDAtNS43MjUuMDQ4LTguMzc0LS4wMTItMy4yNjItLjA3NC0zLjk5OC44My0zLjgyIDQuNTYuNTYyIDExLjczLjIwNyAyMy41MDQuMjA3IDM1Ljg1M2gtMzIuOTQ1di0xOS4wOUgxMTkuNzh2MTguMzMzSDkyLjY5di01MS40MkgzMi45NTV2MzkuNTA3SDExLjg3VjIzMnoiIGZpbGw9ImJsYWNrIi8+DQo8L3N2Zz4K");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTkyMCAzMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWF4IHNsaWNlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxwYXRoIGQ9Ik0wIDIzMlYwaDE5MjBjMCA3NC4zODEgMCAxNDguNzAyLS40NjkgMjIzLjQ4LTcuMDY4LjQ1OC0xMy42NjguNDU4LTIwLjcwMi40NTh2NDMuNjY4aC0xMi4wOXYtMTkuMjloLTM3LjkxNXYyMC4zNzZIMTgxNWMwLTExLjUzOC0uMTU0LTIyLjgzNy4xLTM0LjEyNy4wNy0zLjEyLTEuMTc1LTQuNzI1LTMuNzI3LTUuNDlhMjYzIDI2MyAwIDAgMC0xNC43ODEtMy45NjRjLTEwLjM3MS0yLjQ2LTIwLjY4LTUuNC0zMS4xODktNy4wMDYtMTEuMzQ2LTEuNzM0LTIyLjg4OS0yLjIwMi0zNC4zNTEtMy4xNTctNS40MTMtLjQ1MS0xMC44MzYtLjc4NS0xNi4yNTktMS4xMDItMS45MzEtLjExMy0zLjg3NS0uMDE4LTYuMDcyLS4wMTguOTExIDQuMDg3IDEuNjExIDYuOTAyIDIuMTU5IDkuNzQ3IDEuNDA3IDcuMzE1IDIuODg1IDE0LjYyMyAzLjk3NyAyMS45ODYuMTgyIDEuMjI4LTEuMTU5IDMuNTgxLTIuMjY5IDMuOTM3LTMuNjE5IDEuMTYxLTcuNDU4IDEuNjM4LTExLjU4OCAyLjQ1MnYtNS4zMDhjMC0xNy4xNjUuMDM3LTM0LjMzMS0uMDYtNTEuNDk2LS4wMDgtMS42NjctLjMxNy00LjAyOC0xLjQwNS00Ljg0Ny0yLjEwOC0xLjU4Ni00Ljc3Ny0yLjczNS03LjM4LTMuMjk0LTUuODM1LTEuMjUzLTExLjc3MS0yLjAzMy0xOC4xNTUtMy4wODcgMC0xMC4yMTItLjI3Ny0yMS4wMTIuMTAyLTMxLjc5LjIzMy02LjYyNi4wMzItMTIuNDQ0LTcuNDQ3LTE1LjE0LTEuNDAyLS41MDYtMi4zMTYtMi4yNDgtMy42OS0yLjk4LTEuNjg3LS44OTctMy41ODctMS42OTctNS40NTUtMS44NjQtMS44NzMtLjE2OC0zLjgyLjc0My01LjczNy43NTQtMTMuNDUyLjA3NS0yNi45MDUuMDQtNDAuNzkuMDR2MTI1Ljc2aC01Ljk4YzAtNS4wMzQtLjA4Ny05Ljg0LjAzNi0xNC42NC4wNjEtMi4zNjUuNjQ4LTQuNzE2LjczOS03LjA4NC4wNjctMS43NjUuMjEtMy43OS0uNTMtNS4yNzYtMi42MDYtNS4yMzEtMTAuMDgxLTcuNDcyLTkuMDI3LTE1LjA5Ni4zMDItMi4xODUtLjMzNy00LjU1NS0uODA3LTYuNzg1LTMuMS0xNC43LTYuMjk0LTI5LjM4Mi05LjQwMy00NC4wOC0uNzY1LTMuNjItMS4zMjktNy4yODQtMS45ODUtMTAuOTI3bC0xLjM3Ni0uMDU5Yy0uNTQ5LjkwMi0xLjM4MyAxLjc0LTEuNiAyLjcxNS0xLjQyNCA2LjQxOS0yLjczIDEyLjg2NC00LjA0NSAxOS4zMDctMS4wMzYgNS4wNjgtMS45NiAxMC4xNi0zLjA2MyAxNS4yMTItMS4yNCA1LjY3Ni0yLjY1NCAxMS4zMTMtMy45MzggMTYuOTc4LTEuNjYgNy4zMjktMS45ODUgMTUuMzg5LTEwLjkwNiAxOC40OTMtMS4xNi40MDMtMi4xMzUgMS41NDMtMi45OTkgMi41MTYtLjU1LjYyMi0xLjAyOCAxLjU2LTEuMDQzIDIuMzY2LS4wOTcgNC45OTQuMDEzIDkuOTkyLS4wNzIgMTQuOTg2LS4xMTkgNy4wMTEtMi4zMTUgOC4zNTQtOS4yMDkgNS45MjItMS4wNzMtLjM3OS0yLjQyLS41NzktMy40ODItLjI4Ni00Ljk2MSAxLjM2NS05Ljg2NiAyLjkzMy0xNS42NiA0LjY5Mi43Mi0yLjMyOSAxLjI0Ni0zLjM1IDEuMzI2LTQuNDA1LjQxLTUuMzQ0LjY3Ny0xMC43IDEuMDY1LTE2LjA0Ni4wNzctMS4wNTkuMjctMi45MDIuNzQtMy4wMTUgNC4xMjctLjk5NiAyLjAyNC0yLjcxNC42Ni00LjM4Mi0yLjEyMi0yLjU5LTQuNzktNC44OTQtNi4yOS03LjgwMi01LjUwMy0xMC42NjMtMTAuNTc0LTIxLjU0Ny0xNS45MTUtMzIuMjk1LTEuMjgtMi41NzctMy4zNTctNC44Mi0uMTM5LTcuNTcyLjU5LS41MDQuMzUtMy4zMTctLjIxNy0zLjU5LTEuOTQtLjkzNi00LjIwMy0xLjU5Mi02LjMyOC0xLjU1My0uODE2LjAxNS0yLjUyOCAyLjg4LTIuMjQxIDMuMjY3IDIuNjggMy42MTgtLjAxIDYuMzQ1LTEuMzQ2IDkuMTQzLTEuMzk0IDIuOTE5LTMuNCA1LjUzOC00Ljk0OSA4LjM5MS00LjEyNCA3LjU5NS04LjQ1IDE1LjEwNS0xMi4wNiAyMi45NDMtMS40MjUgMy4wOTctMy4xMDMgNS4zNC02LjAzIDYuNzMyLTIuNzMzIDEuMy0yLjQ2NyAzLjEyNy0yLjA2NyA1LjgyMy45MDUgNi4xMSAxLjAyMiAxMi4zMzcgMS40NTkgMTguNTE2bC0yLjE5Mi43NjRjLjEwNS05LjkwNS03LjUwNS0xMi44ODYtMTQuMzU1LTE2LjkyMyA0LjIxNy0xLjgzNCAzLjkyNi0zLjgzOCAxLjE4Ny02LjMxNC01LjAyNS00LjU0Mi05LjQxMS00LjQ1Ni0xNC4zNDguNTI4LTIuMTc3IDIuMTk4LTUuODU0IDQuMDg0LTEuODQyIDcuNjNsLTkuNjg1IDcuOTcxYy0zLjE1OC00LjEyOS02LjQyNi04LjM1NS05LjYxMi0xMi42NDItLjI4Ni0uMzg1LS4xMDYtMS4xNjYtLjA0Mi0xLjc1Mi43Mi02LjU1Ni0zLjk5My0xMS4yNTgtNy44ODEtMTQuMjM4LTMuMTA4LTIuMzgzLTkuNS0uNDgxLTE0LjUzMS0uNDgxIDAtMy41MDctLjI0My03LjY5LjA3LTExLjgzLjMwMi00LjAyMi0uNTgyLTYuOTk5LTMuMzItNy42MjVsLTMuMTYtNy44NTggMS42MDctMy4zNDNjLTMuMDQyLTEuMDY1LTUuNDI3LTIuNDc0LTcuOTAzLTIuNjYtOC4wNTEtLjYwNy0xNi4xMzgtMS4wMjgtMjQuMjA3LS45NjEtMy4wNTguMDI1LTYuMDYgMS44MTctOS4xNjYgMi4zNjktNC4zMy43NjktMi45NjcgMy4yMDQtMi41MjQgNS4zNTYtLjU2MyA1LjczMy03LjUzNyA3LjY3NS03LjQyMSAxMy44Ny4xMTIgNS45ODcuMDI0IDExLjk3Ni4wMjQgMTguMzA0bC0zLjEwNC0uODctNS41MjIgMTMuOTk0Yy0yLjE1NC0uODcyLTMuNzEtMS45NjYtNS4zMzYtMi4wOC02LjgxNy0uNDc1LTcuOTMyLjc5NC04LjA4MiA3LjYyMS0uMDc1IDMuNDUyLS42MDYgNi44OTUtLjkzMSAxMC4zNDEtMS41Ny0uNDI0LTEuOTQ1LS43MTQtMS45MDItLjkxMyAxLjAxLTQuNjQ4LS40OS03LjE4NS00LjgxNC04LjA2My0yLjU3MS0uNTIxLTYuNDg0IDIuODYtNy40MjggNS41MTMtLjcyIDIuMDI2LTIuNTE1IDMuNjY5LTMuODMyIDUuNDgybC0yLjA0OS0uNzczYzAtOC43NDQtLjE4NC0xNy40OTMuMDgzLTI2LjIyOS4xMi0zLjk2My0xLjEtNS40NTUtNS4xMDgtNS4xNjMtMS41NTIuMTEzLTQuNTE5LS44NTYtNC41NzgtMS41My0uNDAzLTQuNjE0LTIuMDI1LTEwLjc2LjI1Mi0xMy41NjMgMi45NzctMy42NjMuNTA4LTUuMTk1LS4wMDQtNy42ODgtLjIwMy0uOTktLjM4My0yLjA1Mi0uMjQ2LTMuMDM1LjYwMy00LjMxMyAyLjIwOS04LjcwMy0yLjAzOC0xMi4yNTktNS43NS00LjgxNS03LjE2NS0xMC4yMzMtMy43ODgtMTcuNDc4IDEuMjU1LTIuNjk1LjYtOC40NTktMS4zODQtMTAuMDA2LTMuNTY3LTIuNzgzLTMuMDktNS43MTctMy4xODYtOS4wMjktLjA0My0xLjQ5Ni4wMDMtMi45OTgtLjA5MS00LjQ5LS42MjItOS44NDUtMS4zNC0xOS42ODUtMS44MjMtMjkuNTM2LS4wNjItMS4yNjQgMS42MjMtMi42MyAxLjUyNy0zLjg3M2EzOS43IDM5LjcgMCAwIDAtMS43MTgtOC44NzRjLS40MjktMS4zNTEtMS45MzQtMi4zNi0yLjk1MS0zLjUyNS0uOTgyIDEuMDMyLTIuODQ3IDIuMDk1LTIuODEyIDMuMDkyYTIzMCAyMzAgMCAwIDEtMy4yMDMgNDcuMjM3Yy0uNDc1IDIuNzU2LTEuODY5IDUuMzQ3LTIuNzg2IDguMDMzLTEuMDIgMi45ODQtMi44NDUgNi4wMTMtMi43NjQgOC45OC4xMjUgNC42MTUgMS41NjUgOS4xOTUgMi40MSAxMy41OTQtMTAuNzk0IDQuMDgyLTEzLjM1MiAxMC41NTktOC43NTEgMTcuODIzbC0zLjk3OCA2LjI0N2M0Ljg2NyAyLjgzOCAyLjIxNiA3LjU5IDIuOTYyIDExLjQ5IDEuMDc0IDUuNjA3LTEuNDI2IDguMjk0LTYuODMgOC40NTYtNC4zNi4xMy00LjQ1NiAyLjg2LTQuMTUgNi4wNDcuNDY2IDQuODc3LjkgOS43NTggMS4zNDYgMTQuNjIzLTYuMjYyLjUxNS0xNC41NTItNi40MTQtMTYuNDU4LTEyLjg2NS0uMzA4LTEuMDQyLTEuNDYyLTEuODMzLTIuMjI1LTIuNzQtLjg0NS44MjgtMS45MTUgMS41My0yLjQ3IDIuNTItLjU2NSAxLjAwNi0uNjIyIDIuMjk4LTEuMDQxIDQuMDUtLjU0Ni0yLjMyLS42NTMtNC43Ni0xLjIyOS00Ljg3Ny0yLjUxMi0uNTA4LTUuMjEtLjYzMS03LjcyNS0uMjExLS42Mi4xMDMtLjgxMiAyLjc3My0xLjIwMSA0LjI2M2wtMS4yMi4yNTJjLS40NS03LjQ1My0uOS0xNC45MDctMS4zNi0yMi41NTMgNC40MjMtMy4xOCA3LjQ1Mi0xMi4yOCA1LjI0My0xNi4yNjQtMy4wMTktNS40NDYtOC43NDgtNy4yLTEzLjA3NS05LjUwNWwuNjM5LTEzLjQ1MWMtNC4yMzMtNC4wMjctOC41NDMtNy44OTQtNi4zNDUtMTQuNzk5LjMxLS45NzQtLjA2OS0zLjEzNS0uNDUyLTMuMjE1LTUuMDAyLTEuMDU1LTMuMjc3LTQuOTQzLTMuNDI4LTcuOTItLjExNy0yLjMxNS0uMTM4LTQuODU1LTMuMjM2LTQuMTItMS4xOTMuMjgyLTIuNTc3IDIuNjI1LTIuNjY5IDQuMTA1LS4yMSAzLjQxMS0uMjc3IDYuNDAzLTQuMjIxIDcuODc5LS44MDYuMzAyLTEuNTQzIDIuNzkyLTEuMTY5IDMuODggMS4yNzUgMy43MDgtLjA0MiAxMC4wOTYtMy4zNSAxMi4wNC0yLjU0IDEuNDkxLTIuNTk1IDIuODE2LTEuNzI0IDUuNDk0IDEuMTI5IDMuNDY4IDEuMjAxIDcuMjggMS42OTQgMTAuNzAyLTIuNDUuNjk3LTQuMTEzIDEuMTkzLTUuNzg5IDEuNjQtMS42OTkuNDUzLTMuNDY4LjcwMy01LjEwMiAxLjMyLTIuMTg5LjgyNS01LjM4MyA4LjM2Ny00LjQ4NyAxMC42NTIgMS41MDkgMy44NS0uMTgyIDkuMDMzIDQuNzYgMTEuNTEuMzIxLjE2Mi4yMzYgMS4yNTMuMjM4IDEuOTEyLjAxNiA2LjAxMi4wMSAxMi4wMjMuMDEgMTYuODMzLTIuODMtLjQxMy01LjQxMy0xLjMwOS03Ljc3LS45MDItMS4wOTUuMTktMS43NTMgMi45MTMtMi42NzIgNC42MDQtLjE0NS0uMjktLjM0NC0uNjctLjUyOS0xLjA1N3EtMS4xMjQtMi4zNy0yLjI0My00Ljc0Yy0xLjI2MSAxLjY3Mi0yLjcwMyAzLjI0NS0zLjcwNyA1LjA2LS41MDcuOTE2LjE4NCAzLjAxOS0uMzU3IDMuMzEyLTUuNTYgMy4wMTgtOC4yNDcgMTEuOTg3LTE3LjMyMyA3Ljg4Ni0xLjAwNy01LjctNS42LTIuNjg0LTkuMDQtMy4yODVsLTEuMTEgMTUuMTA4Yy00LjE3LTUuNDA4LTEwLjczMi04LjgyOC0xNi40NS04LjI0MS00LjQ1MS40NTctOS4xMjMuNzc1LTEzLjQ2NS0uMDU2LTE3LjgwOC0zLjQxLTM1LjcxNi01LjU4Ni01My44NC00Ljc2Ni0xMS45NTQuNTQxLTIzLjg3MyAxLjg2NS0zNS44MDIgMi45MDItNi44NDYuNTk1LTEzLjc0IDIuMTgxLTIwLjUwMiAxLjcxOS01Ljg2My0uNC0xMS4yNDYtLjM1Ny0xNi4xMjMgMi44NjctMS45NzggMS4zMDgtMy4yOSAzLjYyMy00Ljc5MSA1LjM1LTMuMTI2LTIuNTA2LTYuMjUyLTQuNzIzLTguOTYtNy4zNjYtLjc1NS0uNzM3LS44OTYtMy4xNTMtLjI2NC00LjA4NCAzLjQ1Ny01LjA5OSA2Ljg1NC0xMC4zNCAxMS4wNTItMTQuOCAyLjgxNC0yLjk4OCAzLjAxLTQuNTU1LS4zMzQtNi43NDctMy42NjItMi40MDEtNy4yOTItNC44NjUtMTAuOC03LjQ4My03LjcxLTUuNzU0LTE1LjMzMi0xMS42MjctMjIuOTk1LTE3LjQ0NC0zLjIzLTIuNDUyLTYuNzgyLTQuNTc2LTkuNjMtNy40MS0zLjYwNi0zLjU5Mi03LjY2LTMuNDg4LTEwLjE0OC45MjMtLjQ0Ljc4MS0uNTEgMS45Ni0xLjE0IDIuNDE5LTcuODQ0IDUuNzA3LTE1Ljk4MyAxMS4wMzgtMjMuNTQ2IDE3LjA5LTIuOTA4IDIuMzI4LTUuNTM5IDMuMjEtOS4wMjUgMy4wMjUtMy44MTQtLjIwMi03LjY1Ny4xMjgtMTEuNDctLjA3Ny0xNS42MS0uODM4LTMwLjk0NiAxLjM4Mi00Ni4zMTQgMy42MjUtMi4xNjIuMzE1LTUuMTU4LS45NS02Ljg2NC0yLjQ4Ni0zLjgxNy0zLjQzOC03LjE2NC03LjQyMy0xMC41MTctMTEuMzQ0LTMuMzEtMy44NzEtNi4zOTMtNy45MzgtMTAuNDA1LTEyLjk1Ni0xLjY1MS45MDItNC42ODUgMi4wMjQtNy4wNDcgMy45NjQtNC44NjkgNC4wMDItOS4yOSA4LjU0My0xNC4wNjMgMTIuNjctNC40NjggMy44NjQtOS4yMzMgNy4zODQtMTMuNzIxIDExLjIyNi02LjYwMiA1LjY1My03LjM2MiA3Ljc0OS00Ljg1NCAxMi44MzYgMS40ODEgMy4wMDQgMy4xOSA1Ljg5NSA1LjAwMyA5LjIxNGwtNi41MTcgMy4zMTljLS45MjMtMTQuMDgyLTItMjcuNzM2LTIuNjY4LTQxLjQxLS44NTUtMTcuNTA0LTEuMzg3LTM1LjAyNS0yLjAzOC01Mi41NC0uMDcyLTEuOTE2LS4wMS0zLjgzNi0uMDEtNS45IDguMzk1LTIuODMgMTEuMjEyLTE2LjY4IDQuMjYtMjIuODUzIDQuMzE4LTYuMjYuODMzLTE4LjI2Ny01LjY4LTIwLjgxMy0uOTEtMy4zNDItMi4xMDMtNi4zNjItMi40ODQtOS40ODItLjQyLTMuNDQ4LS4wOTYtNi45ODgtLjA5Ni0xMC40ODcgMC01LjUuMDAzLTExIDAtMTYuNS0uMDA2LTYuNDk2LS4yMzgtNi42OC03LTUuMzk4IDAgNi45MzMtLjQ3OCAxMy45NTUuMTE0IDIwLjg4Ni44NTUgMTAuMDI1LTIuMSAxOS4wNzctNy42MDkgMjYuOC00LjAwMSA1LjYwOC0yLjI5MiAxMC4yNTQtMS4yNjEgMTUuNTY2LTUuMTEyIDUuODIyLTEuMDUgMTIuNDg3LS45NDQgMTguNzQuMDI2IDEuNTMgMy41MDYgMy4wMDIgNS43IDQuNzQgMCAuNjczLjA1IDEuODM4LS4wMDggMi45OTgtLjk4OCAxOS45NC0yLjIyNiAzOS44NzItMi45MDUgNTkuODIyLS40NDQgMTMuMDQ2LS4wODQgMjYuMTItLjA4NCA0MC41OTUtMy45MjctMi43My02LjI2LTQuNzMtOC45MTUtNi4xMDUtMy41NjktMS44NDktNi45NS01Ljk4Ni0xMS41NC0xLjU4NC0zLjY1MSAzLjUwMi03LjUwNSA2Ljc5NC0xMS41NDggMTAuNDMxIDAtNC40Mi0uMjMzLTguNjk5LjA2Ny0xMi45NC4yODQtNC4wMTQtMS45MzgtNS4yOTEtNS4yMTgtNS41NTktMi41NjMtLjIwOS01LjE1Ny0uMDQyLTcuODQ5LS4wNDIgMC02LjA1Ni4wMDItMTEuMzggMC0xNi43MDYtLjAwMy02LjQ3NS0uMTUtNi42Mi02Ljc3My02LjI4Mi0xLjAyNS4wNTItMi4wNDEuMjY0LTMuMjI3LjQyNHYtNS42ODJjMC04LjI4My4wMDMtOC4yMDEtOC4zMTgtNy43OTUtMy4zNzMuMTY0LTQuNzcgMS43MzMtNC42OTUgNC45ODcuMDY1IDIuODQ1LjAxMyA1LjY5Mi4wMTMgOC40MzdoLTkuNzE5Yy0uMDktMS42MjQtLjI2Ni0zLjM0NC0uMjY4LTUuMDYzLS4wMjEtMTYuODMzLS4xMDItMzMuNjY2LjA1Ny01MC40OTYuMDM1LTMuNjc5LTEuMDUxLTQuOTYzLTQuODIyLTQuOS0xMS45OTYuMi0yNC4wMTIuNDI4LTM1Ljk5LS4wNzMtNi4xMjQtLjI1Ni0xMC41MTQgMi42MjEtMTUuMTYyIDUuNTYzLTIuMzQ5IDEuNDg3LTMuMjI4IDMuMzMtMy4yMDUgNi4zNi4xOTIgMjUuMzMuMTIzIDUwLjY2Mi4wNzUgNzUuOTk0LS4wMDMgMS42MjEtLjQ5NCAzLjI0Mi0uNzU4IDQuODYzbC0xLjI0My0uMjQ2di05LjY1M2MtMy43MzctLjI1NC03LjI5Ny0uODU0LTEwLjc4Mi0uNTYtMS40Ny4xMjQtMy43MzQgMS45NjYtMy45NzUgMy4zMjItLjU4MyAzLjI4LS4xOSA2LjczNS0uMTkgMTAuMzUzbC00NS4zNSA3LjQ1NmMtLjYwMi01LjU4LTEuMTg4LTExLjA2NC0xLjgwMy0xNi41NDQtLjAzMi0uMjkxLS4yNjUtLjc1Ny0uNDc3LS44MDMtNC4zMTUtLjkzMS00LjMwNC01LjA0OC01Ljg4LTcuOTY4LTQuNTc3LTguNDg2LTkuMDcyLTE3LjAxOC0xMy42OTMtMjUuNDgtLjU0NC0uOTk3LTEuNTk5LTIuMjItMi41NDQtMi4zNC0uODMzLS4xMDYtMi4yNzQuOTgtMi43MDUgMS44OS0yLjUyOSA1LjMzNy01LjMzIDEwLjYyNC03LjA5IDE2LjIyNS0xLjg1OSA1LjkwOC0yLjY1NCAxMi4xNS0zLjgzNiAxNy44NjcgNy43NzMgMy4yNTEgOC40ODQtMi4yMjkgOS44MS02LjgwMmw1Ljk1NiAyNi4wMTRjLTguMDk0IDUuMDIzLTE1Ljg0IDkuOTUxLTIzLjczIDE0LjYzOC0xLjgzMiAxLjA4OC00LjE0OCAxLjkwNC02LjI0NiAxLjkxNC0yNi4zMzEuMTI4LTUyLjY2My4wODgtNzguOTk0LjA3NC0xLjQzNiAwLTIuODcxLS4xNDktMy45OS0uMjF2LTEyLjEyNmwtMTEuNDY5LS45MzhjMC0xNC4xMDYuMDQ0LTI4LjE3NS0uMTEtNDIuMjQyLS4wMS0uODI4LTEuNTctMi4yODgtMi40NzgtMi4zNDUtNC4wNy0uMjU3LTguMTY0LS4xMTItMTIuNjUtLjExMnY0NS42MmMtMi4zMjctLjIzNS00LjUyNS0xLjEyNi02LjEyNC0uNDk3LTUuMTQ4IDIuMDI4LTQuNjItMS4yNy00LjYxOC00LjM0Ni4wMDgtMTAuMzMzLjEyNC0yMC42NjgtLjEwMy0zMC45OTYtLjA0My0xLjk3LS45NTQtNS4wMzItMi4zMzYtNS42NTQtNC4yMDQtMS44OS04Ljc4Ny0zLjcyMi0xMy4zMDktMy45NjUtMTAuNDY5LS41NjMtMjAuOTktLjI1Ny0zMS40ODctLjExNC0yLjEzOS4wMjktNC4yNjYuODg4LTYuMjYyIDEuMzM0djQ5LjQzMkgyOTZ2LTUuNTIzYzAtMzMuNjY0LjAxOC02Ny4zMjgtLjA1NC0xMDAuOTkzLS4wMDMtMS42NzgtLjM4My00LjUzMy0xLjI3OS00Ljg0My02LjA3NC0yLjEwMS0xMC4xNi05LjgwMi0xNy45NTMtNS45ODMtLjI3NC0yLjk2LS44NDMtNS4yOTgtLjYxMi03LjU1NS4zMDctMy4wMDUgMS42OTQtNS45MyAxLjgwNy04LjkyLjI3OC03LjMyMy0uMTE3LTE0LjY3LjE3NC0yMS45OTIuMTU5LTQuMDEzLTEuMTk0LTUuNTctNS4xNDEtNS4wNS0xLjMxLjE3NC0yLjY3NS0uMDgtMy45OTQuMDU2LTIuNDE4LjI1LTMuMzE0IDEuMTEyLTMuMTM1IDQuMDguNDY5IDcuODA1LjI4MyAxNS42NTguMDY3IDIzLjQ4NC0uMDMyIDEuMTU2LTEuNjQ1IDIuMjY3LTIuNTI3IDMuNC0xLjA4OC0uOTU0LTIuNTM5LTEuNzItMy4xNTQtMi45MTYtLjU0OC0xLjA2NC0uMTk0LTIuNjA0LS4xOTUtMy45MzQtLjAwOC03Ljk0NC0uMDA0LTE1Ljg4OC0uMDA0LTI0LjE0Mi0zLjE1IDAtNS43OTguMTctOC40MTUtLjA0Mi0zLjQ1Mi0uMjc5LTQuNzUzLjk3OS00LjY1IDQuNTM5LjIxNSA3LjQ5My0uMjc3IDE1LjAxOS4yMSAyMi40ODcuMjQgMy42NzcgMi4wMTQgNy4yNTUgMy4yNTUgMTEuNDIzbC0yLjQ3OCA0Ljc2aC0xMS4xMDFWMTgwYy0xMS41OTQgMC0yMi43NDUuMTc4LTMzLjg4Ni0uMDY0LTcuMjEtLjE1Ni04LjA0MiAxLjEyNi03Ljk5OSA3Ljc2MS4xNiAyNC42NjQuMDggNDkuMzMuMDMgNzMuOTk0LS4wMDQgMS42Ni0uNSAzLjMyLS43NjcgNC45OGwtMS4zOTUtLjIwOFYyMjljLTMuMDc1IDAtNS43MjUuMDQ4LTguMzc0LS4wMTItMy4yNjItLjA3NC0zLjk5OC44My0zLjgyIDQuNTYuNTYyIDExLjczLjIwNyAyMy41MDQuMjA3IDM1Ljg1M2gtMzIuOTQ1di0xOS4wOUgxMTkuNzh2MTguMzMzSDkyLjY5di01MS40MkgzMi45NTV2MzkuNTA3SDExLjg3VjIzMnoiIGZpbGw9ImJsYWNrIi8+DQo8L3N2Zz4K");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: bottom;
    mask-position: bottom;
    z-index: 20;
    pointer-events: none;
    filter: drop-shadow(0 0 10px rgba(100, 150, 255, 0.2));
}

/* Bottom Orange Border */
.hero-bottom-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 15px;
    background-color: var(--vmd-accent);
    z-index: 25;
}


/* CONTENT SECTIONS */
.content-section {
    padding: 80px 5%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    background: #ffffff;
    max-width: 1400px;
    margin: 0 auto;
}

.content-left h2 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #000000;
    margin-bottom: 10px;
}

.content-left p {
    font-size: 1rem;
    color: #555555;
    margin-bottom: 30px;
}

.content-left .content-img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    display: block;
}

.content-right {
    padding-top: 20px;
}

.content-right h2 {
    color: var(--vmd-accent);
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2;
}

.content-right p {
    font-size: 0.95rem;
    line-height: 1.7;
    margin-bottom: 20px;
    color: #333333;
}

.btn-red {
    background: var(--vmd-accent);
    color: #ffffff;
    padding: 14px 28px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    margin-top: 10px;
    transition: 0.3s;
}

.btn-red:hover {
    filter: brightness(1.1);
}

/* CONTACT BANNER */
.contact-banner {
    background-color: var(--vmd-blue-dark);
    padding: 60px 8%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    position: relative;
    overflow: hidden;
}

.contact-left {
    position: relative;
    padding-left: 20px;
    border-left: 4px solid var(--vmd-accent);
    opacity: 0;
    transform: translateX(-40px);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.contact-banner.active .contact-left {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.5s;
}

.contact-left h2 {
    font-size: 2.4rem;
    color: #ffffff;
    font-family: 'Outfit', sans-serif;
    font-weight: 800;
    margin-bottom: 5px;
    letter-spacing: -0.5px;
    text-transform: uppercase;
}

.contact-left p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.contact-right {
    display: flex;
    gap: 16px;
}

.contact-icon {
    width: 60px;
    height: 60px;
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 1.4rem;
    text-decoration: none;
    opacity: 0;
    transform: translateY(30px) scale(0.9);
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.contact-banner.active .contact-icon {
    opacity: 1;
    transform: translateY(0) scale(1);
    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), 
                transform 0.6s cubic-bezier(0.16, 1, 0.3, 1),
                background-color 0.3s ease,
                border-color 0.3s ease,
                box-shadow 0.3s ease,
                color 0.3s ease;
    transition-delay: calc(0.5s + (var(--icon-index) * 0.15s));
}

.contact-icon:hover {
    background-color: var(--vmd-accent);
    border-color: var(--vmd-accent);
    color: #ffffff;
    transform: translateY(-5px) scale(1.08) !important;
    box-shadow: 0 10px 20px rgba(192, 73, 48, 0.4);
    transition-delay: 0s !important;
}

.contact-icon i {
    transition: transform 0.4s ease;
}

.contact-icon:hover i {
    transform: rotate(10deg);
}

/* BLOG SECTION */
.blog-section {
    background-color: #f8f9fa;
    padding: 80px 5%;
    display: flex;
    justify-content: center;
}

.blog-container {
    background-color: #ffffff;
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.06);
    max-width: 1200px;
    width: 100%;
    padding: 60px 40px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.blog-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    height: 4px;
    background: linear-gradient(90deg, rgba(192, 73, 48, 0) 0%, var(--vmd-accent) 50%, rgba(192, 73, 48, 0) 100%);
}

.blog-container h2 {
    font-size: 2.2rem;
    color: #000000;
    font-weight: 700;
    margin-bottom: 10px;
}

.blog-container p.subtitle {
    color: var(--vmd-accent);
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 50px;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    text-align: left;
    margin-bottom: 40px;
}

.blog-card {
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 16px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease;
}

.blog-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(32, 34, 53, 0.08);
    border-color: rgba(192, 73, 48, 0.15);
}

.blog-card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.blog-card:hover img {
    transform: scale(1.06);
}

.blog-card-content {
    padding: 20px;
}

.blog-card-content h3 {
    font-size: 0.9rem;
    font-weight: 700;
    color: #000000;
    margin-bottom: 15px;
    line-height: 1.4;
}

.blog-card-content p {
    font-size: 0.8rem;
    color: #666666;
    line-height: 1.6;
}

.blog-container .btn-red {
    padding: 12px 30px;
    font-size: 0.9rem;
}

.blog-container .subtext {
    font-size: 0.8rem;
    color: #666666;
    margin-top: 15px;
}

/* TOWN DECORATIVE BANNER */
.town-banner {
    background-color: #202235 !important; /* Hardcoded to ensure dark background */
    height: 350px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: none; /* Removed border to merge into the white block below */
}

.town-banner-content {
    position: absolute;
    top: 55px;
    z-index: 5;
    text-align: center;
    width: 90%;
}

.town-banner-content h2 {
    color: #ffffff;
    font-size: 2.2rem;
    font-weight: 800;
    letter-spacing: 2px;
    margin: 0;
    text-transform: uppercase;
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}

.town-banner-sub {
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.1rem;
    font-weight: 600;
    margin-top: 10px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.town-banner .skyline-img,
.town-banner .skyline-color-block {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1920 / 300 !important;
    max-height: 290px !important;
    margin-top: auto !important;
}

.town-banner .skyline-img {
    object-fit: fill;
    display: block;
}

.skyline-color-block {
    width: 100%;
    height: 100%;
    background-color: var(--skyline-color, #ffffff);
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTkyMCAzMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWF4IHNsaWNlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxwYXRoIGQ9Ik0wIDIzMlYwaDE5MjBjMCA3NC4zODEgMCAxNDguNzAyLS40NjkgMjIzLjQ4LTcuMDY4LjQ1OC0xMy42NjguNDU4LTIwLjcwMi40NTh2NDMuNjY4aC0xMi4wOXYtMTkuMjloLTM3LjkxNXYyMC4zNzZIMTgxNWMwLTExLjUzOC0uMTU0LTIyLjgzNy4xLTM0LjEyNy4wNy0zLjEyLTEuMTc1LTQuNzI1LTMuNzI3LTUuNDlhMjYzIDI2MyAwIDAgMC0xNC43ODEtMy45NjRjLTEwLjM3MS0yLjQ2LTIwLjY4LTUuNC0zMS4xODktNy4wMDYtMTEuMzQ2LTEuNzM0LTIyLjg4OS0yLjIwMi0zNC4zNTEtMy4xNTctNS40MTMtLjQ1MS0xMC44MzYtLjc4NS0xNi4yNTktMS4xMDItMS45MzEtLjExMy0zLjg3NS0uMDE4LTYuMDcyLS4wMTguOTExIDQuMDg3IDEuNjExIDYuOTAyIDIuMTU5IDkuNzQ3IDEuNDA3IDcuMzE1IDIuODg1IDE0LjYyMyAzLjk3NyAyMS45ODYuMTgyIDEuMjI4LTEuMTU5IDMuNTgxLTIuMjY5IDMuOTM3LTMuNjE5IDEuMTYxLTcuNDU4IDEuNjM4LTExLjU4OCAyLjQ1MnYtNS4zMDhjMC0xNy4xNjUuMDM3LTM0LjMzMS0uMDYtNTEuNDk2LS4wMDgtMS42NjctLjMxNy00LjAyOC0xLjQwNS00Ljg0Ny0yLjEwOC0xLjU4Ni00Ljc3Ny0yLjczNS03LjM4LTMuMjk0LTUuODM1LTEuMjUzLTExLjc3MS0yLjAzMy0xOC4xNTUtMy4wODcgMC0xMC4yMTItLjI3Ny0yMS4wMTIuMTAyLTMxLjc5LjIzMy02LjYyNi4wMzItMTIuNDQ0LTcuNDQ3LTE1LjE0LTEuNDAyLS41MDYtMi4zMTYtMi4yNDgtMy42OS0yLjk4LTEuNjg3LS44OTctMy41ODctMS42OTctNS40NTUtMS44NjQtMS44NzMtLjE2OC0zLjgyLjc0My01LjczNy43NTQtMTMuNDUyLjA3NS0yNi45MDUuMDQtNDAuNzkuMDR2MTI1Ljc2aC01Ljk4YzAtNS4wMzQtLjA4Ny05Ljg0LjAzNi0xNC42NC4wNjEtMi4zNjUuNjQ4LTQuNzE2LjczOS03LjA4NC4wNjctMS43NjUuMjEtMy43OS0uNTMtNS4yNzYtMi42MDYtNS4yMzEtMTAuMDgxLTcuNDcyLTkuMDI3LTE1LjA5Ni4zMDItMi4xODUtLjMzNy00LjU1NS0uODA3LTYuNzg1LTMuMS0xNC43LTYuMjk0LTI5LjM4Mi05LjQwMy00NC4wOC0uNzY1LTMuNjItMS4zMjktNy4yODQtMS45ODUtMTAuOTI3bC0xLjM3Ni0uMDU5Yy0uNTQ5LjkwMi0xLjM4MyAxLjc0LTEuNiAyLjcxNS0xLjQyNCA2LjQxOS0yLjczIDEyLjg2NC00LjA0NSAxOS4zMDctMS4wMzYgNS4wNjgtMS45NiAxMC4xNi0zLjA2MyAxNS4yMTItMS4yNCA1LjY3Ni0yLjY1NCAxMS4zMTMtMy45MzggMTYuOTc4LTEuNjYgNy4zMjktMS45ODUgMTUuMzg5LTEwLjkwNiAxOC40OTMtMS4xNi40MDMtMi4xMzUgMS41NDMtMi45OTkgMi41MTYtLjU1LjYyMi0xLjAyOCAxLjU2LTEuMDQzIDIuMzY2LS4wOTcgNC45OTQuMDEzIDkuOTkyLS4wNzIgMTQuOTg2LS4xMTkgNy4wMTEtMi4zMTUgOC4zNTQtOS4yMDkgNS45MjItMS4wNzMtLjM3OS0yLjQyLS41NzktMy40ODItLjI4Ni00Ljk2MSAxLjM2NS05Ljg2NiAyLjkzMy0xNS42NiA0LjY5Mi43Mi0yLjMyOSAxLjI0Ni0zLjM1IDEuMzI2LTQuNDA1LjQxLTUuMzQ0LjY3Ny0xMC43IDEuMDY1LTE2LjA0Ni4wNzctMS4wNTkuMjctMi45MDIuNzQtMy4wMTUgNC4xMjctLjk5NiAyLjAyNC0yLjcxNC42Ni00LjM4Mi0yLjEyMi0yLjU5LTQuNzktNC44OTQtNi4yOS03LjgwMi01LjUwMy0xMC42NjMtMTAuNTc0LTIxLjU0Ny0xNS45MTUtMzIuMjk1LTEuMjgtMi41NzctMy4zNTctNC44Mi0uMTM5LTcuNTcyLjU5LS41MDQuMzUtMy4zMTctLjIxNy0zLjU5LTEuOTQtLjkzNi00LjIwMy0xLjU5Mi02LjMyOC0xLjU1My0uODE2LjAxNS0yLjUyOCAyLjg4LTIuMjQxIDMuMjY3IDIuNjggMy42MTgtLjAxIDYuMzQ1LTEuMzQ2IDkuMTQzLTEuMzk0IDIuOTE5LTMuNCA1LjUzOC00Ljk0OSA4LjM5MS00LjEyNCA3LjU5NS04LjQ1IDE1LjEwNS0xMi4wNiAyMi45NDMtMS40MjUgMy4wOTctMy4xMDMgNS4zNC02LjAzIDYuNzMyLTIuNzMzIDEuMy0yLjQ2NyAzLjEyNy0yLjA2NyA1LjgyMy45MDUgNi4xMSAxLjAyMiAxMi4zMzcgMS40NTkgMTguNTE2bC0yLjE5Mi43NjRjLjEwNS05LjkwNS03LjUwNS0xMi44ODYtMTQuMzU1LTE2LjkyMyA0LjIxNy0xLjgzNCAzLjkyNi0zLjgzOCAxLjE4Ny02LjMxNC01LjAyNS00LjU0Mi05LjQxMS00LjQ1Ni0xNC4zNDguNTI4LTIuMTc3IDIuMTk4LTUuODU0IDQuMDg0LTEuODQyIDcuNjNsLTkuNjg1IDcuOTcxYy0zLjE1OC00LjEyOS02LjQyNi04LjM1NS05LjYxMi0xMi42NDItLjI4Ni0uMzg1LS4xMDYtMS4xNjYtLjA0Mi0xLjc1Mi43Mi02LjU1Ni0zLjk5My0xMS4yNTgtNy44ODEtMTQuMjM4LTMuMTA4LTIuMzgzLTkuNS0uNDgxLTE0LjUzMS0uNDgxIDAtMy41MDctLjI0My03LjY5LjA3LTExLjgzLjMwMi00LjAyMi0uNTgyLTYuOTk5LTMuMzItNy42MjVsLTMuMTYtNy44NTggMS42MDctMy4zNDNjLTMuMDQyLTEuMDY1LTUuNDI3LTIuNDc0LTcuOTAzLTIuNjYtOC4wNTEtLjYwNy0xNi4xMzgtMS4wMjgtMjQuMjA3LS45NjEtMy4wNTguMDI1LTYuMDYgMS44MTctOS4xNjYgMi4zNjktNC4zMy43NjktMi45NjcgMy4yMDQtMi41MjQgNS4zNTYtLjU2MyA1LjczMy03LjUzNyA3LjY3NS03LjQyMSAxMy44Ny4xMTIgNS45ODcuMDI0IDExLjk3Ni4wMjQgMTguMzA0bC0zLjEwNC0uODctNS41MjIgMTMuOTk0Yy0yLjE1NC0uODcyLTMuNzEtMS45NjYtNS4zMzYtMi4wOC02LjgxNy0uNDc1LTcuOTMyLjc5NC04LjA4MiA3LjYyMS0uMDc1IDMuNDUyLS42MDYgNi44OTUtLjkzMSAxMC4zNDEtMS41Ny0uNDI0LTEuOTQ1LS43MTQtMS45MDItLjkxMyAxLjAxLTQuNjQ4LS40OS03LjE4NS00LjgxNC04LjA2My0yLjU3MS0uNTIxLTYuNDg0IDIuODYtNy40MjggNS41MTMtLjcyIDIuMDI2LTIuNTE1IDMuNjY5LTMuODMyIDUuNDgybC0yLjA0OS0uNzczYzAtOC43NDQtLjE4NC0xNy40OTMuMDgzLTI2LjIyOS4xMi0zLjk2My0xLjEtNS40NTUtNS4xMDgtNS4xNjMtMS41NTIuMTEzLTQuNTE5LS44NTYtNC41NzgtMS41My0uNDAzLTQuNjE0LTIuMDI1LTEwLjc2LjI1Mi0xMy41NjMgMi45NzctMy42NjMuNTA4LTUuMTk1LS4wMDQtNy42ODgtLjIwMy0uOTktLjM4My0yLjA1Mi0uMjQ2LTMuMDM1LjYwMy00LjMxMyAyLjIwOS04LjcwMy0yLjAzOC0xMi4yNTktNS43NS00LjgxNS03LjE2NS0xMC4yMzMtMy43ODgtMTcuNDc4IDEuMjU1LTIuNjk1LjYtOC40NTktMS4zODQtMTAuMDA2LTMuNTY3LTIuNzgzLTMuMDktNS43MTctMy4xODYtOS4wMjktLjA0My0xLjQ5Ni4wMDMtMi45OTgtLjA5MS00LjQ5LS42MjItOS44NDUtMS4zNC0xOS42ODUtMS44MjMtMjkuNTM2LS4wNjItMS4yNjQgMS42MjMtMi42MyAxLjUyNy0zLjg3M2EzOS43IDM5LjcgMCAwIDAtMS43MTgtOC44NzRjLS40MjktMS4zNTEtMS45MzQtMi4zNi0yLjk1MS0zLjUyNS0uOTgyIDEuMDMyLTIuODQ3IDIuMDk1LTIuODEyIDMuMDkyYTIzMCAyMzAgMCAwIDEtMy4yMDMgNDcuMjM3Yy0uNDc1IDIuNzU2LTEuODY5IDUuMzQ3LTIuNzg2IDguMDMzLTEuMDIgMi45ODQtMi44NDUgNi4wMTMtMi43NjQgOC45OC4xMjUgNC42MTUgMS41NjUgOS4xOTUgMi40MSAxMy41OTQtMTAuNzk0IDQuMDgyLTEzLjM1MiAxMC41NTktOC43NTEgMTcuODIzbC0zLjk3OCA2LjI0N2M0Ljg2NyAyLjgzOCAyLjIxNiA3LjU5IDIuOTYyIDExLjQ5IDEuMDc0IDUuNjA3LTEuNDI2IDguMjk0LTYuODMgOC40NTYtNC4zNi4xMy00LjQ1NiAyLjg2LTQuMTUgNi4wNDcuNDY2IDQuODc3LjkgOS43NTggMS4zNDYgMTQuNjIzLTYuMjYyLjUxNS0xNC41NTItNi40MTQtMTYuNDU4LTEyLjg2NS0uMzA4LTEuMDQyLTEuNDYyLTEuODMzLTIuMjI1LTIuNzQtLjg0NS44MjgtMS45MTUgMS41My0yLjQ3IDIuNTItLjU2NSAxLjAwNi0uNjIyIDIuMjk4LTEuMDQxIDQuMDUtLjU0Ni0yLjMyLS42NTMtNC43Ni0xLjIyOS00Ljg3Ny0yLjUxMi0uNTA4LTUuMjEtLjYzMS03LjcyNS0uMjExLS42Mi4xMDMtLjgxMiAyLjc3My0xLjIwMSA0LjI2M2wtMS4yMi4yNTJjLS40NS03LjQ1My0uOS0xNC45MDctMS4zNi0yMi41NTMgNC40MjMtMy4xOCA3LjQ1Mi0xMi4yOCA1LjI0My0xNi4yNjQtMy4wMTktNS40NDYtOC43NDgtNy4yLTEzLjA3NS05LjUwNWwuNjM5LTEzLjQ1MWMtNC4yMzMtNC4wMjctOC41NDMtNy44OTQtNi4zNDUtMTQuNzk5LjMxLS45NzQtLjA2OS0zLjEzNS0uNDUyLTMuMjE1LTUuMDAyLTEuMDU1LTMuMjc3LTQuOTQzLTMuNDI4LTcuOTItLjExNy0yLjMxNS0uMTM4LTQuODU1LTMuMjM2LTQuMTItMS4xOTMuMjgyLTIuNTc3IDIuNjI1LTIuNjY5IDQuMTA1LS4yMSAzLjQxMS0uMjc3IDYuNDAzLTQuMjIxIDcuODc5LS44MDYuMzAyLTEuNTQzIDIuNzkyLTEuMTY5IDMuODggMS4yNzUgMy43MDgtLjA0MiAxMC4wOTYtMy4zNSAxMi4wNC0yLjU0IDEuNDkxLTIuNTk1IDIuODE2LTEuNzI0IDUuNDk0IDEuMTI5IDMuNDY4IDEuMjAxIDcuMjggMS42OTQgMTAuNzAyLTIuNDUuNjk3LTQuMTEzIDEuMTkzLTUuNzg5IDEuNjQtMS42OTkuNDUzLTMuNDY4LjcwMy01LjEwMiAxLjMyLTIuMTg5LjgyNS01LjM4MyA4LjM2Ny00LjQ4NyAxMC42NTIgMS41MDkgMy44NS0uMTgyIDkuMDMzIDQuNzYgMTEuNTEuMzIxLjE2Mi4yMzYgMS4yNTMuMjM4IDEuOTEyLjAxNiA2LjAxMi4wMSAxMi4wMjMuMDEgMTYuODMzLTIuODMtLjQxMy01LjQxMy0xLjMwOS03Ljc3LS45MDItMS4wOTUuMTktMS43NTMgMi45MTMtMi42NzIgNC42MDQtLjE0NS0uMjktLjM0NC0uNjctLjUyOS0xLjA1N3EtMS4xMjQtMi4zNy0yLjI0My00Ljc0Yy0xLjI2MSAxLjY3Mi0yLjcwMyAzLjI0NS0zLjcwNyA1LjA2LS41MDcuOTE2LjE4NCAzLjAxOS0uMzU3IDMuMzEyLTUuNTYgMy4wMTgtOC4yNDcgMTEuOTg3LTE3LjMyMyA3Ljg4Ni0xLjAwNy01LjctNS42LTIuNjg0LTkuMDQtMy4yODVsLTEuMTEgMTUuMTA4Yy00LjE3LTUuNDA4LTEwLjczMi04LjgyOC0xNi40NS04LjI0MS00LjQ1MS40NTctOS4xMjMuNzc1LTEzLjQ2NS0uMDU2LTE3LjgwOC0zLjQxLTM1LjcxNi01LjU4Ni01My44NC00Ljc2Ni0xMS45NTQuNTQxLTIzLjg3MyAxLjg2NS0zNS44MDIgMi45MDItNi44NDYuNTk1LTEzLjc0IDIuMTgxLTIwLjUwMiAxLjcxOS01Ljg2My0uNC0xMS4yNDYtLjM1Ny0xNi4xMjMgMi44NjctMS45NzggMS4zMDgtMy4yOSAzLjYyMy00Ljc5MSA1LjM1LTMuMTI2LTIuNTA2LTYuMjUyLTQuNzIzLTguOTYtNy4zNjYtLjc1NS0uNzM3LS44OTYtMy4xNTMtLjI2NC00LjA4NCAzLjQ1Ny01LjA5OSA2Ljg1NC0xMC4zNCAxMS4wNTItMTQuOCAyLjgxNC0yLjk4OCAzLjAxLTQuNTU1LS4zMzQtNi43NDctMy42NjItMi40MDEtNy4yOTItNC44NjUtMTAuOC03LjQ4My03LjcxLTUuNzU0LTE1LjMzMi0xMS42MjctMjIuOTk1LTE3LjQ0NC0zLjIzLTIuNDUyLTYuNzgyLTQuNTc2LTkuNjMtNy40MS0zLjYwNi0zLjU5Mi03LjY2LTMuNDg4LTEwLjE0OC45MjMtLjQ0Ljc4MS0uNTEgMS45Ni0xLjE0IDIuNDE5LTcuODQ0IDUuNzA3LTE1Ljk4MyAxMS4wMzgtMjMuNTQ2IDE3LjA5LTIuOTA4IDIuMzI4LTUuNTM5IDMuMjEtOS4wMjUgMy4wMjUtMy44MTQtLjIwMi03LjY1Ny4xMjgtMTEuNDctLjA3Ny0xNS42MS0uODM4LTMwLjk0NiAxLjM4Mi00Ni4zMTQgMy42MjUtMi4xNjIuMzE1LTUuMTU4LS45NS02Ljg2NC0yLjQ4Ni0zLjgxNy0zLjQzOC03LjE2NC03LjQyMy0xMC41MTctMTEuMzQ0LTMuMzEtMy44NzEtNi4zOTMtNy45MzgtMTAuNDA1LTEyLjk1Ni0xLjY1MS45MDItNC42ODUgMi4wMjQtNy4wNDcgMy45NjQtNC44NjkgNC4wMDItOS4yOSA4LjU0My0xNC4wNjMgMTIuNjctNC40NjggMy44NjQtOS4yMzMgNy4zODQtMTMuNzIxIDExLjIyNi02LjYwMiA1LjY1My03LjM2MiA3Ljc0OS00Ljg1NCAxMi44MzYgMS40ODEgMy4wMDQgMy4xOSA1Ljg5NSA1LjAwMyA5LjIxNGwtNi41MTcgMy4zMTljLS45MjMtMTQuMDgyLTItMjcuNzM2LTIuNjY4LTQxLjQxLS44NTUtMTcuNTA0LTEuMzg3LTM1LjAyNS0yLjAzOC01Mi41NC0uMDcyLTEuOTE2LS4wMS0zLjgzNi0uMDEtNS45IDguMzk1LTIuODMgMTEuMjEyLTE2LjY4IDQuMjYtMjIuODUzIDQuMzE4LTYuMjYuODMzLTE4LjI2Ny01LjY4LTIwLjgxMy0uOTEtMy4zNDItMi4xMDMtNi4zNjItMi40ODQtOS40ODItLjQyLTMuNDQ4LS4wOTYtNi45ODgtLjA5Ni0xMC40ODcgMC01LjUuMDAzLTExIDAtMTYuNS0uMDA2LTYuNDk2LS4yMzgtNi42OC03LTUuMzk4IDAgNi45MzMtLjQ3OCAxMy45NTUuMTE0IDIwLjg4Ni44NTUgMTAuMDI1LTIuMSAxOS4wNzctNy42MDkgMjYuOC00LjAwMSA1LjYwOC0yLjI5MiAxMC4yNTQtMS4yNjEgMTUuNTY2LTUuMTEyIDUuODIyLTEuMDUgMTIuNDg3LS45NDQgMTguNzQuMDI2IDEuNTMgMy41MDYgMy4wMDIgNS43IDQuNzQgMCAuNjczLjA1IDEuODM4LS4wMDggMi45OTgtLjk4OCAxOS45NC0yLjIyNiAzOS44NzItMi45MDUgNTkuODIyLS40NDQgMTMuMDQ2LS4wODQgMjYuMTItLjA4NCA0MC41OTUtMy45MjctMi43My02LjI2LTQuNzMtOC45MTUtNi4xMDUtMy41NjktMS44NDktNi45NS01Ljk4Ni0xMS41NC0xLjU4NC0zLjY1MSAzLjUwMi03LjUwNSA2Ljc5NC0xMS41NDggMTAuNDMxIDAtNC40Mi0uMjMzLTguNjk5LjA2Ny0xMi45NC4yODQtNC4wMTQtMS45MzgtNS4yOTEtNS4yMTgtNS41NTktMi41NjMtLjIwOS01LjE1Ny0uMDQyLTcuODQ5LS4wNDIgMC02LjA1Ni4wMDItMTEuMzggMC0xNi43MDYtLjAwMy02LjQ3NS0uMTUtNi42Mi02Ljc3My02LjI4Mi0xLjAyNS4wNTItMi4wNDEuMjY0LTMuMjI3LjQyNHYtNS42ODJjMC04LjI4My4wMDMtOC4yMDEtOC4zMTgtNy43OTUtMy4zNzMuMTY0LTQuNzcgMS43MzMtNC42OTUgNC45ODcuMDY1IDIuODQ1LjAxMyA1LjY5Mi4wMTMgOC40MzdoLTkuNzE5Yy0uMDktMS42MjQtLjI2Ni0zLjM0NC0uMjY4LTUuMDYzLS4wMjEtMTYuODMzLS4xMDItMzMuNjY2LjA1Ny01MC40OTYuMDM1LTMuNjc5LTEuMDUxLTQuOTYzLTQuODIyLTQuOS0xMS45OTYuMi0yNC4wMTIuNDI4LTM1Ljk5LS4wNzMtNi4xMjQtLjI1Ni0xMC41MTQgMi42MjEtMTUuMTYyIDUuNTYzLTIuMzQ5IDEuNDg3LTMuMjI4IDMuMzMtMy4yMDUgNi4zNi4xOTIgMjUuMzMuMTIzIDUwLjY2Mi4wNzUgNzUuOTk0LS4wMDMgMS42MjEtLjQ5NCAzLjI0Mi0uNzU4IDQuODYzbC0xLjI0My0uMjQ2di05LjY1M2MtMy43MzctLjI1NC03LjI5Ny0uODU0LTEwLjc4Mi0uNTYtMS40Ny4xMjQtMy43MzQgMS45NjYtMy45NzUgMy4zMjItLjU4MyAzLjI4LS4xOSA2LjczNS0uMTkgMTAuMzUzbC00NS4zNSA3LjQ1NmMtLjYwMi01LjU4LTEuMTg4LTExLjA2NC0xLjgwMy0xNi41NDQtLjAzMi0uMjkxLS4yNjUtLjc1Ny0uNDc3LS44MDMtNC4zMTUtLjkzMS00LjMwNC01LjA0OC01Ljg4LTcuOTY4LTQuNTc3LTguNDg2LTkuMDcyLTE3LjAxOC0xMy42OTMtMjUuNDgtLjU0NC0uOTk3LTEuNTk5LTIuMjItMi41NDQtMi4zNC0uODMzLS4xMDYtMi4yNzQuOTgtMi43MDUgMS44OS0yLjUyOSA1LjMzNy01LjMzIDEwLjYyNC03LjA5IDE2LjIyNS0xLjg1OSA1LjkwOC0yLjY1NCAxMi4xNS0zLjgzNiAxNy44NjcgNy43NzMgMy4yNTEgOC40ODQtMi4yMjkgOS44MS02LjgwMmw1Ljk1NiAyNi4wMTRjLTguMDk0IDUuMDIzLTE1Ljg0IDkuOTUxLTIzLjczIDE0LjYzOC0xLjgzMiAxLjA4OC00LjE0OCAxLjkwNC02LjI0NiAxLjkxNC0yNi4zMzEuMTI4LTUyLjY2My4wODgtNzguOTk0LjA3NC0xLjQzNiAwLTIuODcxLS4xNDktMy45OS0uMjF2LTEyLjEyNmwtMTEuNDY5LS45MzhjMC0xNC4xMDYuMDQ0LTI4LjE3NS0uMTEtNDIuMjQyLS4wMS0uODI4LTEuNTctMi4yODgtMi40NzgtMi4zNDUtNC4wNy0uMjU3LTguMTY0LS4xMTItMTIuNjUtLjExMnY0NS42MmMtMi4zMjctLjIzNS00LjUyNS0xLjEyNi02LjEyNC0uNDk3LTUuMTQ4IDIuMDI4LTQuNjItMS4yNy00LjYxOC00LjM0Ni4wMDgtMTAuMzMzLjEyNC0yMC42NjgtLjEwMy0zMC45OTYtLjA0My0xLjk3LS45NTQtNS4wMzItMi4zMzYtNS42NTQtNC4yMDQtMS44OS04Ljc4Ny0zLjcyMi0xMy4zMDktMy45NjUtMTAuNDY5LS41NjMtMjAuOTktLjI1Ny0zMS40ODctLjExNC0yLjEzOS4wMjktNC4yNjYuODg4LTYuMjYyIDEuMzM0djQ5LjQzMkgyOTZ2LTUuNTIzYzAtMzMuNjY0LjAxOC02Ny4zMjgtLjA1NC0xMDAuOTkzLS4wMDMtMS42NzgtLjM4My00LjUzMy0xLjI3OS00Ljg0My02LjA3NC0yLjEwMS0xMC4xNi05LjgwMi0xNy45NTMtNS45ODMtLjI3NC0yLjk2LS44NDMtNS4yOTgtLjYxMi03LjU1NS4zMDctMy4wMDUgMS42OTQtNS45MyAxLjgwNy04LjkyLjI3OC03LjMyMy0uMTE3LTE0LjY3LjE3NC0yMS45OTIuMTU5LTQuMDEzLTEuMTk0LTUuNTctNS4xNDEtNS4wNS0xLjMxLjE3NC0yLjY3NS0uMDgtMy45OTQuMDU2LTIuNDE4LjI1LTMuMzE0IDEuMTEyLTMuMTM1IDQuMDguNDY5IDcuODA1LjI4MyAxNS42NTguMDY3IDIzLjQ4NC0uMDMyIDEuMTU2LTEuNjQ1IDIuMjY3LTIuNTI3IDMuNC0xLjA4OC0uOTU0LTIuNTM5LTEuNzItMy4xNTQtMi45MTYtLjU0OC0xLjA2NC0uMTk0LTIuNjA0LS4xOTUtMy45MzQtLjAwOC03Ljk0NC0uMDA0LTE1Ljg4OC0uMDA0LTI0LjE0Mi0zLjE1IDAtNS43OTguMTctOC40MTUtLjA0Mi0zLjQ1Mi0uMjc5LTQuNzUzLjk3OS00LjY1IDQuNTM5LjIxNSA3LjQ5My0uMjc3IDE1LjAxOS4yMSAyMi40ODcuMjQgMy42NzcgMi4wMTQgNy4yNTUgMy4yNTUgMTEuNDIzbC0yLjQ3OCA0Ljc2aC0xMS4xMDFWMTgwYy0xMS41OTQgMC0yMi43NDUuMTc4LTMzLjg4Ni0uMDY0LTcuMjEtLjE1Ni04LjA0MiAxLjEyNi03Ljk5OSA3Ljc2MS4xNiAyNC42NjQuMDggNDkuMzMuMDMgNzMuOTk0LS4wMDQgMS42Ni0uNSAzLjMyLS43NjcgNC45OGwtMS4zOTUtLjIwOFYyMjljLTMuMDc1IDAtNS43MjUuMDQ4LTguMzc0LS4wMTItMy4yNjItLjA3NC0zLjk5OC44My0zLjgyIDQuNTYuNTYyIDExLjczLjIwNyAyMy41MDQuMjA3IDM1Ljg1M2gtMzIuOTQ1di0xOS4wOUgxMTkuNzh2MTguMzMzSDkyLjY5di01MS40MkgzMi45NTV2MzkuNTA3SDExLjg3VjIzMnoiIGZpbGw9ImJsYWNrIi8+DQo8L3N2Zz4K");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTkyMCAzMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWF4IHNsaWNlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxwYXRoIGQ9Ik0wIDIzMlYwaDE5MjBjMCA3NC4zODEgMCAxNDguNzAyLS40NjkgMjIzLjQ4LTcuMDY4LjQ1OC0xMy42NjguNDU4LTIwLjcwMi40NTh2NDMuNjY4aC0xMi4wOXYtMTkuMjloLTM3LjkxNXYyMC4zNzZIMTgxNWMwLTExLjUzOC0uMTU0LTIyLjgzNy4xLTM0LjEyNy4wNy0zLjEyLTEuMTc1LTQuNzI1LTMuNzI3LTUuNDlhMjYzIDI2MyAwIDAgMC0xNC43ODEtMy45NjRjLTEwLjM3MS0yLjQ2LTIwLjY4LTUuNC0zMS4xODktNy4wMDYtMTEuMzQ2LTEuNzM0LTIyLjg4OS0yLjIwMi0zNC4zNTEtMy4xNTctNS40MTMtLjQ1MS0xMC44MzYtLjc4NS0xNi4yNTktMS4xMDItMS45MzEtLjExMy0zLjg3NS0uMDE4LTYuMDcyLS4wMTguOTExIDQuMDg3IDEuNjExIDYuOTAyIDIuMTU5IDkuNzQ3IDEuNDA3IDcuMzE1IDIuODg1IDE0LjYyMyAzLjk3NyAyMS45ODYuMTgyIDEuMjI4LTEuMTU5IDMuNTgxLTIuMjY5IDMuOTM3LTMuNjE5IDEuMTYxLTcuNDU4IDEuNjM4LTExLjU4OCAyLjQ1MnYtNS4zMDhjMC0xNy4xNjUuMDM3LTM0LjMzMS0uMDYtNTEuNDk2LS4wMDgtMS42NjctLjMxNy00LjAyOC0xLjQwNS00Ljg0Ny0yLjEwOC0xLjU4Ni00Ljc3Ny0yLjczNS03LjM4LTMuMjk0LTUuODM1LTEuMjUzLTExLjc3MS0yLjAzMy0xOC4xNTUtMy4wODcgMC0xMC4yMTItLjI3Ny0yMS4wMTIuMTAyLTMxLjc5LjIzMy02LjYyNi4wMzItMTIuNDQ0LTcuNDQ3LTE1LjE0LTEuNDAyLS41MDYtMi4zMTYtMi4yNDgtMy42OS0yLjk4LTEuNjg3LS44OTctMy41ODctMS42OTctNS40NTUtMS44NjQtMS44NzMtLjE2OC0zLjgyLjc0My01LjczNy43NTQtMTMuNDUyLjA3NS0yNi45MDUuMDQtNDAuNzkuMDR2MTI1Ljc2aC01Ljk4YzAtNS4wMzQtLjA4Ny05Ljg0LjAzNi0xNC42NC4wNjEtMi4zNjUuNjQ4LTQuNzE2LjczOS03LjA4NC4wNjctMS43NjUuMjEtMy43OS0uNTMtNS4yNzYtMi42MDYtNS4yMzEtMTAuMDgxLTcuNDcyLTkuMDI3LTE1LjA5Ni4zMDItMi4xODUtLjMzNy00LjU1NS0uODA3LTYuNzg1LTMuMS0xNC43LTYuMjk0LTI5LjM4Mi05LjQwMy00NC4wOC0uNzY1LTMuNjItMS4zMjktNy4yODQtMS45ODUtMTAuOTI3bC0xLjM3Ni0uMDU5Yy0uNTQ5LjkwMi0xLjM4MyAxLjc0LTEuNiAyLjcxNS0xLjQyNCA2LjQxOS0yLjczIDEyLjg2NC00LjA0NSAxOS4zMDctMS4wMzYgNS4wNjgtMS45NiAxMC4xNi0zLjA2MyAxNS4yMTItMS4yNCA1LjY3Ni0yLjY1NCAxMS4zMTMtMy45MzggMTYuOTc4LTEuNjYgNy4zMjktMS45ODUgMTUuMzg5LTEwLjkwNiAxOC40OTMtMS4xNi40MDMtMi4xMzUgMS41NDMtMi45OTkgMi41MTYtLjU1LjYyMi0xLjAyOCAxLjU2LTEuMDQzIDIuMzY2LS4wOTcgNC45OTQuMDEzIDkuOTkyLS4wNzIgMTQuOTg2LS4xMTkgNy4wMTEtMi4zMTUgOC4zNTQtOS4yMDkgNS45MjItMS4wNzMtLjM3OS0yLjQyLS41NzktMy40ODItLjI4Ni00Ljk2MSAxLjM2NS05Ljg2NiAyLjkzMy0xNS42NiA0LjY5Mi43Mi0yLjMyOSAxLjI0Ni0zLjM1IDEuMzI2LTQuNDA1LjQxLTUuMzQ0LjY3Ny0xMC43IDEuMDY1LTE2LjA0Ni4wNzctMS4wNTkuMjctMi45MDIuNzQtMy4wMTUgNC4xMjctLjk5NiAyLjAyNC0yLjcxNC42Ni00LjM4Mi0yLjEyMi0yLjU5LTQuNzktNC44OTQtNi4yOS03LjgwMi01LjUwMy0xMC42NjMtMTAuNTc0LTIxLjU0Ny0xNS45MTUtMzIuMjk1LTEuMjgtMi41NzctMy4zNTctNC44Mi0uMTM5LTcuNTcyLjU5LS41MDQuMzUtMy4zMTctLjIxNy0zLjU5LTEuOTQtLjkzNi00LjIwMy0xLjU5Mi02LjMyOC0xLjU1My0uODE2LjAxNS0yLjUyOCAyLjg4LTIuMjQxIDMuMjY3IDIuNjggMy42MTgtLjAxIDYuMzQ1LTEuMzQ2IDkuMTQzLTEuMzk0IDIuOTE5LTMuNCA1LjUzOC00Ljk0OSA4LjM5MS00LjEyNCA3LjU5NS04LjQ1IDE1LjEwNS0xMi4wNiAyMi45NDMtMS40MjUgMy4wOTctMy4xMDMgNS4zNC02LjAzIDYuNzMyLTIuNzMzIDEuMy0yLjQ2NyAzLjEyNy0yLjA2NyA1LjgyMy45MDUgNi4xMSAxLjAyMiAxMi4zMzcgMS40NTkgMTguNTE2bC0yLjE5Mi43NjRjLjEwNS05LjkwNS03LjUwNS0xMi44ODYtMTQuMzU1LTE2LjkyMyA0LjIxNy0xLjgzNCAzLjkyNi0zLjgzOCAxLjE4Ny02LjMxNC01LjAyNS00LjU0Mi05LjQxMS00LjQ1Ni0xNC4zNDguNTI4LTIuMTc3IDIuMTk4LTUuODU0IDQuMDg0LTEuODQyIDcuNjNsLTkuNjg1IDcuOTcxYy0zLjE1OC00LjEyOS02LjQyNi04LjM1NS05LjYxMi0xMi42NDItLjI4Ni0uMzg1LS4xMDYtMS4xNjYtLjA0Mi0xLjc1Mi43Mi02LjU1Ni0zLjk5My0xMS4yNTgtNy44ODEtMTQuMjM4LTMuMTA4LTIuMzgzLTkuNS0uNDgxLTE0LjUzMS0uNDgxIDAtMy41MDctLjI0My03LjY5LjA3LTExLjgzLjMwMi00LjAyMi0uNTgyLTYuOTk5LTMuMzItNy42MjVsLTMuMTYtNy44NTggMS42MDctMy4zNDNjLTMuMDQyLTEuMDY1LTUuNDI3LTIuNDc0LTcuOTAzLTIuNjYtOC4wNTEtLjYwNy0xNi4xMzgtMS4wMjgtMjQuMjA3LS45NjEtMy4wNTguMDI1LTYuMDYgMS44MTctOS4xNjYgMi4zNjktNC4zMy43NjktMi45NjcgMy4yMDQtMi41MjQgNS4zNTYtLjU2MyA1LjczMy03LjUzNyA3LjY3NS03LjQyMSAxMy44Ny4xMTIgNS45ODcuMDI0IDExLjk3Ni4wMjQgMTguMzA0bC0zLjEwNC0uODctNS41MjIgMTMuOTk0Yy0yLjE1NC0uODcyLTMuNzEtMS45NjYtNS4zMzYtMi4wOC02LjgxNy0uNDc1LTcuOTMyLjc5NC04LjA4MiA3LjYyMS0uMDc1IDMuNDUyLS42MDYgNi44OTUtLjkzMSAxMC4zNDEtMS41Ny0uNDI0LTEuOTQ1LS43MTQtMS45MDItLjkxMyAxLjAxLTQuNjQ4LS40OS03LjE4NS00LjgxNC04LjA2My0yLjU3MS0uNTIxLTYuNDg0IDIuODYtNy40MjggNS41MTMtLjcyIDIuMDI2LTIuNTE1IDMuNjY5LTMuODMyIDUuNDgybC0yLjA0OS0uNzczYzAtOC43NDQtLjE4NC0xNy40OTMuMDgzLTI2LjIyOS4xMi0zLjk2My0xLjEtNS40NTUtNS4xMDgtNS4xNjMtMS41NTIuMTEzLTQuNTE5LS44NTYtNC41NzgtMS41My0uNDAzLTQuNjE0LTIuMDI1LTEwLjc2LjI1Mi0xMy41NjMgMi45NzctMy42NjMuNTA4LTUuMTk1LS4wMDQtNy42ODgtLjIwMy0uOTktLjM4My0yLjA1Mi0uMjQ2LTMuMDM1LjYwMy00LjMxMyAyLjIwOS04LjcwMy0yLjAzOC0xMi4yNTktNS43NS00LjgxNS03LjE2NS0xMC4yMzMtMy43ODgtMTcuNDc4IDEuMjU1LTIuNjk1LjYtOC40NTktMS4zODQtMTAuMDA2LTMuNTY3LTIuNzgzLTMuMDktNS43MTctMy4xODYtOS4wMjktLjA0My0xLjQ5Ni4wMDMtMi45OTgtLjA5MS00LjQ5LS42MjItOS44NDUtMS4zNC0xOS42ODUtMS44MjMtMjkuNTM2LS4wNjItMS4yNjQgMS42MjMtMi42MyAxLjUyNy0zLjg3M2EzOS43IDM5LjcgMCAwIDAtMS43MTgtOC44NzRjLS40MjktMS4zNTEtMS45MzQtMi4zNi0yLjk1MS0zLjUyNS0uOTgyIDEuMDMyLTIuODQ3IDIuMDk1LTIuODEyIDMuMDkyYTIzMCAyMzAgMCAwIDEtMy4yMDMgNDcuMjM3Yy0uNDc1IDIuNzU2LTEuODY5IDUuMzQ3LTIuNzg2IDguMDMzLTEuMDIgMi45ODQtMi44NDUgNi4wMTMtMi43NjQgOC45OC4xMjUgNC42MTUgMS41NjUgOS4xOTUgMi40MSAxMy41OTQtMTAuNzk0IDQuMDgyLTEzLjM1MiAxMC41NTktOC43NTEgMTcuODIzbC0zLjk3OCA2LjI0N2M0Ljg2NyAyLjgzOCAyLjIxNiA3LjU5IDIuOTYyIDExLjQ5IDEuMDc0IDUuNjA3LTEuNDI2IDguMjk0LTYuODMgOC40NTYtNC4zNi4xMy00LjQ1NiAyLjg2LTQuMTUgNi4wNDcuNDY2IDQuODc3LjkgOS43NTggMS4zNDYgMTQuNjIzLTYuMjYyLjUxNS0xNC41NTItNi40MTQtMTYuNDU4LTEyLjg2NS0uMzA4LTEuMDQyLTEuNDYyLTEuODMzLTIuMjI1LTIuNzQtLjg0NS44MjgtMS45MTUgMS41My0yLjQ3IDIuNTItLjU2NSAxLjAwNi0uNjIyIDIuMjk4LTEuMDQxIDQuMDUtLjU0Ni0yLjMyLS42NTMtNC43Ni0xLjIyOS00Ljg3Ny0yLjUxMi0uNTA4LTUuMjEtLjYzMS03LjcyNS0uMjExLS42Mi4xMDMtLjgxMiAyLjc3My0xLjIwMSA0LjI2M2wtMS4yMi4yNTJjLS40NS03LjQ1My0uOS0xNC45MDctMS4zNi0yMi41NTMgNC40MjMtMy4xOCA3LjQ1Mi0xMi4yOCA1LjI0My0xNi4yNjQtMy4wMTktNS40NDYtOC43NDgtNy4yLTEzLjA3NS05LjUwNWwuNjM5LTEzLjQ1MWMtNC4yMzMtNC4wMjctOC41NDMtNy44OTQtNi4zNDUtMTQuNzk5LjMxLS45NzQtLjA2OS0zLjEzNS0uNDUyLTMuMjE1LTUuMDAyLTEuMDU1LTMuMjc3LTQuOTQzLTMuNDI4LTcuOTItLjExNy0yLjMxNS0uMTM4LTQuODU1LTMuMjM2LTQuMTItMS4xOTMuMjgyLTIuNTc3IDIuNjI1LTIuNjY5IDQuMTA1LS4yMSAzLjQxMS0uMjc3IDYuNDAzLTQuMjIxIDcuODc5LS44MDYuMzAyLTEuNTQzIDIuNzkyLTEuMTY5IDMuODggMS4yNzUgMy43MDgtLjA0MiAxMC4wOTYtMy4zNSAxMi4wNC0yLjU0IDEuNDkxLTIuNTk1IDIuODE2LTEuNzI0IDUuNDk0IDEuMTI5IDMuNDY4IDEuMjAxIDcuMjggMS42OTQgMTAuNzAyLTIuNDUuNjk3LTQuMTEzIDEuMTkzLTUuNzg5IDEuNjQtMS42OTkuNDUzLTMuNDY4LjcwMy01LjEwMiAxLjMyLTIuMTg5LjgyNS01LjM4MyA4LjM2Ny00LjQ4NyAxMC42NTIgMS41MDkgMy44NS0uMTgyIDkuMDMzIDQuNzYgMTEuNTEuMzIxLjE2Mi4yMzYgMS4yNTMuMjM4IDEuOTEyLjAxNiA2LjAxMi4wMSAxMi4wMjMuMDEgMTYuODMzLTIuODMtLjQxMy01LjQxMy0xLjMwOS03Ljc3LS45MDItMS4wOTUuMTktMS43NTMgMi45MTMtMi42NzIgNC42MDQtLjE0NS0uMjktLjM0NC0uNjctLjUyOS0xLjA1N3EtMS4xMjQtMi4zNy0yLjI0My00Ljc0Yy0xLjI2MSAxLjY3Mi0yLjcwMyAzLjI0NS0zLjcwNyA1LjA2LS41MDcuOTE2LjE4NCAzLjAxOS0uMzU3IDMuMzEyLTUuNTYgMy4wMTgtOC4yNDcgMTEuOTg3LTE3LjMyMyA3Ljg4Ni0xLjAwNy01LjctNS42LTIuNjg0LTkuMDQtMy4yODVsLTEuMTEgMTUuMTA4Yy00LjE3LTUuNDA4LTEwLjczMi04LjgyOC0xNi40NS04LjI0MS00LjQ1MS40NTctOS4xMjMuNzc1LTEzLjQ2NS0uMDU2LTE3LjgwOC0zLjQxLTM1LjcxNi01LjU4Ni01My44NC00Ljc2Ni0xMS45NTQuNTQxLTIzLjg3MyAxLjg2NS0zNS44MDIgMi45MDItNi44NDYuNTk1LTEzLjc0IDIuMTgxLTIwLjUwMiAxLjcxOS01Ljg2My0uNC0xMS4yNDYtLjM1Ny0xNi4xMjMgMi44NjctMS45NzggMS4zMDgtMy4yOSAzLjYyMy00Ljc5MSA1LjM1LTMuMTI2LTIuNTA2LTYuMjUyLTQuNzIzLTguOTYtNy4zNjYtLjc1NS0uNzM3LS44OTYtMy4xNTMtLjI2NC00LjA4NCAzLjQ1Ny01LjA5OSA2Ljg1NC0xMC4zNCAxMS4wNTItMTQuOCAyLjgxNC0yLjk4OCAzLjAxLTQuNTU1LS4zMzQtNi43NDctMy42NjItMi40MDEtNy4yOTItNC44NjUtMTAuOC03LjQ4My03LjcxLTUuNzU0LTE1LjMzMi0xMS42MjctMjIuOTk1LTE3LjQ0NC0zLjIzLTIuNDUyLTYuNzgyLTQuNTc2LTkuNjMtNy40MS0zLjYwNi0zLjU5Mi03LjY2LTMuNDg4LTEwLjE0OC45MjMtLjQ0Ljc4MS0uNTEgMS45Ni0xLjE0IDIuNDE5LTcuODQ0IDUuNzA3LTE1Ljk4MyAxMS4wMzgtMjMuNTQ2IDE3LjA5LTIuOTA4IDIuMzI4LTUuNTM5IDMuMjEtOS4wMjUgMy4wMjUtMy44MTQtLjIwMi03LjY1Ny4xMjgtMTEuNDctLjA3Ny0xNS42MS0uODM4LTMwLjk0NiAxLjM4Mi00Ni4zMTQgMy42MjUtMi4xNjIuMzE1LTUuMTU4LS45NS02Ljg2NC0yLjQ4Ni0zLjgxNy0zLjQzOC03LjE2NC03LjQyMy0xMC41MTctMTEuMzQ0LTMuMzEtMy44NzEtNi4zOTMtNy45MzgtMTAuNDA1LTEyLjk1Ni0xLjY1MS45MDItNC42ODUgMi4wMjQtNy4wNDcgMy45NjQtNC44NjkgNC4wMDItOS4yOSA4LjU0My0xNC4wNjMgMTIuNjctNC40NjggMy44NjQtOS4yMzMgNy4zODQtMTMuNzIxIDExLjIyNi02LjYwMiA1LjY1My03LjM2MiA3Ljc0OS00Ljg1NCAxMi44MzYgMS40ODEgMy4wMDQgMy4xOSA1Ljg5NSA1LjAwMyA5LjIxNGwtNi41MTcgMy4zMTljLS45MjMtMTQuMDgyLTItMjcuNzM2LTIuNjY4LTQxLjQxLS44NTUtMTcuNTA0LTEuMzg3LTM1LjAyNS0yLjAzOC01Mi41NC0uMDcyLTEuOTE2LS4wMS0zLjgzNi0uMDEtNS45IDguMzk1LTIuODMgMTEuMjEyLTE2LjY4IDQuMjYtMjIuODUzIDQuMzE4LTYuMjYuODMzLTE4LjI2Ny01LjY4LTIwLjgxMy0uOTEtMy4zNDItMi4xMDMtNi4zNjItMi40ODQtOS40ODItLjQyLTMuNDQ4LS4wOTYtNi45ODgtLjA5Ni0xMC40ODcgMC01LjUuMDAzLTExIDAtMTYuNS0uMDA2LTYuNDk2LS4yMzgtNi42OC03LTUuMzk4IDAgNi45MzMtLjQ3OCAxMy45NTUuMTE0IDIwLjg4Ni44NTUgMTAuMDI1LTIuMSAxOS4wNzctNy42MDkgMjYuOC00LjAwMSA1LjYwOC0yLjI5MiAxMC4yNTQtMS4yNjEgMTUuNTY2LTUuMTEyIDUuODIyLTEuMDUgMTIuNDg3LS45NDQgMTguNzQuMDI2IDEuNTMgMy41MDYgMy4wMDIgNS43IDQuNzQgMCAuNjczLjA1IDEuODM4LS4wMDggMi45OTgtLjk4OCAxOS45NC0yLjIyNiAzOS44NzItMi45MDUgNTkuODIyLS40NDQgMTMuMDQ2LS4wODQgMjYuMTItLjA4NCA0MC41OTUtMy45MjctMi43My02LjI2LTQuNzMtOC45MTUtNi4xMDUtMy41NjktMS44NDktNi45NS01Ljk4Ni0xMS41NC0xLjU4NC0zLjY1MSAzLjUwMi03LjUwNSA2Ljc5NC0xMS41NDggMTAuNDMxIDAtNC40Mi0uMjMzLTguNjk5LjA2Ny0xMi45NC4yODQtNC4wMTQtMS45MzgtNS4yOTEtNS4yMTgtNS41NTktMi41NjMtLjIwOS01LjE1Ny0uMDQyLTcuODQ5LS4wNDIgMC02LjA1Ni4wMDItMTEuMzggMC0xNi43MDYtLjAwMy02LjQ3NS0uMTUtNi42Mi02Ljc3My02LjI4Mi0xLjAyNS4wNTItMi4wNDEuMjY0LTMuMjI3LjQyNHYtNS42ODJjMC04LjI4My4wMDMtOC4yMDEtOC4zMTgtNy43OTUtMy4zNzMuMTY0LTQuNzcgMS43MzMtNC42OTUgNC45ODcuMDY1IDIuODQ1LjAxMyA1LjY5Mi4wMTMgOC40MzdoLTkuNzE5Yy0uMDktMS42MjQtLjI2Ni0zLjM0NC0uMjY4LTUuMDYzLS4wMjEtMTYuODMzLS4xMDItMzMuNjY2LjA1Ny01MC40OTYuMDM1LTMuNjc5LTEuMDUxLTQuOTYzLTQuODIyLTQuOS0xMS45OTYuMi0yNC4wMTIuNDI4LTM1Ljk5LS4wNzMtNi4xMjQtLjI1Ni0xMC41MTQgMi42MjEtMTUuMTYyIDUuNTYzLTIuMzQ5IDEuNDg3LTMuMjI4IDMuMzMtMy4yMDUgNi4zNi4xOTIgMjUuMzMuMTIzIDUwLjY2Mi4wNzUgNzUuOTk0LS4wMDMgMS42MjEtLjQ5NCAzLjI0Mi0uNzU4IDQuODYzbC0xLjI0My0uMjQ2di05LjY1M2MtMy43MzctLjI1NC03LjI5Ny0uODU0LTEwLjc4Mi0uNTYtMS40Ny4xMjQtMy43MzQgMS45NjYtMy45NzUgMy4zMjItLjU4MyAzLjI4LS4xOSA2LjczNS0uMTkgMTAuMzUzbC00NS4zNSA3LjQ1NmMtLjYwMi01LjU4LTEuMTg4LTExLjA2NC0xLjgwMy0xNi41NDQtLjAzMi0uMjkxLS4yNjUtLjc1Ny0uNDc3LS44MDMtNC4zMTUtLjkzMS00LjMwNC01LjA0OC01Ljg4LTcuOTY4LTQuNTc3LTguNDg2LTkuMDcyLTE3LjAxOC0xMy42OTMtMjUuNDgtLjU0NC0uOTk3LTEuNTk5LTIuMjItMi41NDQtMi4zNC0uODMzLS4xMDYtMi4yNzQuOTgtMi43MDUgMS44OS0yLjUyOSA1LjMzNy01LjMzIDEwLjYyNC03LjA5IDE2LjIyNS0xLjg1OSA1LjkwOC0yLjY1NCAxMi4xNS0zLjgzNiAxNy44NjcgNy43NzMgMy4yNTEgOC40ODQtMi4yMjkgOS44MS02LjgwMmw1Ljk1NiAyNi4wMTRjLTguMDk0IDUuMDIzLTE1Ljg0IDkuOTUxLTIzLjczIDE0LjYzOC0xLjgzMiAxLjA4OC00LjE0OCAxLjkwNC02LjI0NiAxLjkxNC0yNi4zMzEuMTI4LTUyLjY2My4wODgtNzguOTk0LjA3NC0xLjQzNiAwLTIuODcxLS4xNDktMy45OS0uMjF2LTEyLjEyNmwtMTEuNDY5LS45MzhjMC0xNC4xMDYuMDQ0LTI4LjE3NS0uMTEtNDIuMjQyLS4wMS0uODI4LTEuNTctMi4yODgtMi40NzgtMi4zNDUtNC4wNy0uMjU3LTguMTY0LS4xMTItMTIuNjUtLjExMnY0NS42MmMtMi4zMjctLjIzNS00LjUyNS0xLjEyNi02LjEyNC0uNDk3LTUuMTQ4IDIuMDI4LTQuNjItMS4yNy00LjYxOC00LjM0Ni4wMDgtMTAuMzMzLjEyNC0yMC42NjgtLjEwMy0zMC45OTYtLjA0My0xLjk3LS45NTQtNS4wMzItMi4zMzYtNS42NTQtNC4yMDQtMS44OS04Ljc4Ny0zLjcyMi0xMy4zMDktMy45NjUtMTAuNDY5LS41NjMtMjAuOTktLjI1Ny0zMS40ODctLjExNC0yLjEzOS4wMjktNC4yNjYuODg4LTYuMjYyIDEuMzM0djQ5LjQzMkgyOTZ2LTUuNTIzYzAtMzMuNjY0LjAxOC02Ny4zMjgtLjA1NC0xMDAuOTkzLS4wMDMtMS42NzgtLjM4My00LjUzMy0xLjI3OS00Ljg0My02LjA3NC0yLjEwMS0xMC4xNi05LjgwMi0xNy45NTMtNS45ODMtLjI3NC0yLjk2LS44NDMtNS4yOTgtLjYxMi03LjU1NS4zMDctMy4wMDUgMS42OTQtNS45MyAxLjgwNy04LjkyLjI3OC03LjMyMy0uMTE3LTE0LjY3LjE3NC0yMS45OTIuMTU5LTQuMDEzLTEuMTk0LTUuNTctNS4xNDEtNS4wNS0xLjMxLjE3NC0yLjY3NS0uMDgtMy45OTQuMDU2LTIuNDE4LjI1LTMuMzE0IDEuMTEyLTMuMTM1IDQuMDguNDY5IDcuODA1LjI4MyAxNS42NTguMDY3IDIzLjQ4NC0uMDMyIDEuMTU2LTEuNjQ1IDIuMjY3LTIuNTI3IDMuNC0xLjA4OC0uOTU0LTIuNTM5LTEuNzItMy4xNTQtMi45MTYtLjU0OC0xLjA2NC0uMTk0LTIuNjA0LS4xOTUtMy45MzQtLjAwOC03Ljk0NC0uMDA0LTE1Ljg4OC0uMDA0LTI0LjE0Mi0zLjE1IDAtNS43OTguMTctOC40MTUtLjA0Mi0zLjQ1Mi0uMjc5LTQuNzUzLjk3OS00LjY1IDQuNTM5LjIxNSA3LjQ5My0uMjc3IDE1LjAxOS4yMSAyMi40ODcuMjQgMy42NzcgMi4wMTQgNy4yNTUgMy4yNTUgMTEuNDIzbC0yLjQ3OCA0Ljc2aC0xMS4xMDFWMTgwYy0xMS41OTQgMC0yMi43NDUuMTc4LTMzLjg4Ni0uMDY0LTcuMjEtLjE1Ni04LjA0MiAxLjEyNi03Ljk5OSA3Ljc2MS4xNiAyNC42NjQuMDggNDkuMzMuMDMgNzMuOTk0LS4wMDQgMS42Ni0uNSAzLjMyLS43NjcgNC45OGwtMS4zOTUtLjIwOFYyMjljLTMuMDc1IDAtNS43MjUuMDQ4LTguMzc0LS4wMTItMy4yNjItLjA3NC0zLjk5OC44My0zLjgyIDQuNTYuNTYyIDExLjczLjIwNyAyMy41MDQuMjA3IDM1Ljg1M2gtMzIuOTQ1di0xOS4wOUgxMTkuNzh2MTguMzMzSDkyLjY5di01MS40MkgzMi45NTV2MzkuNTA3SDExLjg3VjIzMnoiIGZpbGw9ImJsYWNrIi8+DQo8L3N2Zz4K");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: bottom;
    mask-position: bottom;
}

/* WHY US SECTION */
.why-us-section {
    padding: 70px 5%;
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 60px;
}

.why-us-left-top {
    margin-bottom: 35px;
}

.why-us-left-top h2 {
    color: var(--vmd-accent);
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
}

.why-us-left-top p {
    font-size: 1rem;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
    line-height: 1.6;
}

.why-us-features-box {
    position: relative;
    background: linear-gradient(135deg, var(--vmd-blue-dark) 0%, #11121d 100%);
    padding: 30px;
    border-radius: 20px;
    margin-left: 10px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}

.features-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
    position: relative;
    left: 15px;
    top: -15px;
    width: calc(100% + 15px);
}

.feature-item {
    margin-bottom: 24px;
}
.feature-item:last-child { margin-bottom: 0; }

.feature-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: rgba(192, 73, 48, 0.1);
    color: var(--vmd-accent);
    border-radius: 8px;
    font-size: 0.95rem;
    flex-shrink: 0;
}

.feature-item h4 {
    font-size: 0.95rem;
    font-weight: 700;
    color: #000000;
    margin-bottom: 0;
}

.feature-item p {
    font-size: 0.85rem;
    color: #555555;
    line-height: 1.6;
    padding-left: 44px;
}

/* Promise Section */
.promise-section {
    padding-top: 20px;
    text-align: center;
}

.promise-section h2 {
    font-size: 1.8rem;
    font-weight: 700;
    color: #000000;
    margin-bottom: 25px;
}

.promise-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-bottom: 25px;
}

.promise-box {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 12px;
    background: #ffffff;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.02);
}

.promise-box:hover {
    border-color: var(--vmd-accent);
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(192, 73, 48, 0.1);
}

.promise-box i {
    font-size: 1.8rem;
    color: var(--vmd-accent);
    background: rgba(192, 73, 48, 0.06);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.promise-box:hover i {
    background: var(--vmd-accent);
    color: #ffffff;
    transform: scale(1.1);
}

.promise-box span {
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--vmd-blue-dark);
}

.promise-footer-text {
    font-size: 0.95rem;
    font-weight: 600;
    color: #555555;
    margin-top: 15px;
}

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

/* PARTNER SECTION */
.partner-section {
    max-width: 1200px;
    margin: 80px 5% 80px;
    display: flex;
    align-items: stretch;
    height: 100px;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
}

@media (min-width: 1334px) {
    .partner-section {
        margin-left: auto;
        margin-right: auto;
    }
}

.partner-title {
    background-color: var(--vmd-blue-dark);
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 700;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 200px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.partner-logos {
    flex-grow: 1;
    background: #ffffff;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.partner-logo-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    padding: 0 50px;
    gap: 30px;
}

.partner-logo-container img {
    height: 48px;
    max-width: 210px;
    object-fit: contain;
    filter: none;
    opacity: 0.95;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
}

.partner-logo-container img:hover {
    transform: scale(1.08) translateY(-2px);
    filter: grayscale(0) drop-shadow(0 6px 12px rgba(0,0,0,0.12)) !important;
    opacity: 1 !important;
}

/* SATISFACTION SECTION */
/* GOOGLE REVIEWS SECTION (White Background) */
.reviews-section {
    background-color: #ffffff;
    padding: 80px 5% 60px;
    text-align: center;
}

.reviews-section h2 {
    font-size: 2.4rem;
    font-weight: 800;
    color: var(--vmd-blue-dark);
    margin-bottom: 15px;
    letter-spacing: 1px;
}

.reviews-section .subtitle {
    font-size: 1rem;
    color: #555555;
    max-width: 700px;
    margin: 0 auto 50px;
    line-height: 1.6;
}

/* Google Rating Widget */
.google-rating-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 45px;
    text-align: center;
}

.google-brand {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.google-brand img,
.google-brand svg {
    height: 24px;
    width: 24px;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
}

.google-brand span {
    font-weight: 700;
    font-size: 1.25rem;
    color: var(--vmd-blue-dark);
    letter-spacing: 0.5px;
}

.rating-stars-summary {
    display: flex;
    align-items: center;
    gap: 12px;
}

.rating-num {
    font-size: 2.6rem;
    font-weight: 800;
    color: var(--vmd-blue-dark);
    line-height: 1;
}

.rating-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.stars-gold {
    color: #fbbc05; /* Google Official Gold */
    font-size: 1.15rem;
    display: flex;
    gap: 2px;
}

.rating-count {
    font-size: 0.8rem;
    color: #666666;
    margin-top: 3px;
}

.btn-google-review {
    margin-top: 18px;
    padding: 8px 18px;
    background: #f8f9fa;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 20px;
    color: var(--vmd-blue-dark);
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.btn-google-review:hover {
    background: #e9ecef;
    border-color: rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
}

.btn-google-review i {
    color: #fbbc05;
}

/* Reviews Slider Wrapper */
.reviews-slider-wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 45px;
}

.testimonials-container {
    display: flex;
    justify-content: flex-start;
    gap: 24px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding: 20px 5px;
    width: 100%;
    scrollbar-width: none; /* Hide scrollbar for Firefox */
    -ms-overflow-style: none;  /* Hide scrollbar for IE/Edge */
}

.testimonials-container::-webkit-scrollbar {
    display: none; /* Hide scrollbar for Chrome/Safari */
}

.testimonial-card {
    scroll-snap-align: start;
    flex-shrink: 0;
    width: 340px; /* Compact width */
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 24px;
    border-radius: 16px;
    text-align: left;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
}

.testimonial-card:hover {
    transform: translateY(-5px);
    border-color: var(--vmd-accent);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.07);
}

.testimonial-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.quote-icon {
    font-size: 1.8rem;
    color: var(--vmd-accent);
    margin-bottom: 0;
    opacity: 0.3;
}

.google-badge {
    color: rgba(0, 0, 0, 0.4);
    font-size: 0.8rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: color 0.3s;
}

.google-badge:hover {
    color: #4285f4;
}

.star-rating {
    color: #ffc107;
    font-size: 1.15rem;
    margin-bottom: 12px;
}

.testimonial-text {
    font-size: 0.9rem;
    color: #555555;
    margin-bottom: 20px;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Truncate to 3 lines! */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 4.8em; /* 3 lines * 1.6 line-height = 4.8em */
}

.testimonial-footer {
    display: flex;
    align-items: center;
    gap: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding-top: 15px;
}

.testimonial-footer img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    border: 1.5px solid var(--vmd-accent);
}

.testimonial-author {
    display: block;
    font-weight: 700;
    font-size: 0.9rem;
    color: var(--vmd-blue-dark);
}

.testimonial-time {
    display: block;
    font-size: 0.75rem;
    color: #888888;
    margin-top: 2px;
}

/* Slider Controls */
.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    color: var(--vmd-blue-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.slider-btn:hover {
    background: var(--vmd-accent);
    border-color: var(--vmd-accent);
    color: #ffffff;
    transform: translateY(-50%) scale(1.08);
    box-shadow: 0 6px 15px rgba(192, 73, 48, 0.25);
}

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

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

/* Call to Action Section (Dark Blue Gradient) */
.cta-section {
    position: relative;
    padding: 80px 5%;
    text-align: center;
    background: linear-gradient(135deg, var(--vmd-blue-dark) 0%, #11121d 100%);
    color: #ffffff;
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.cta-content {
    position: relative;
    z-index: 2;
    max-width: 800px;
    margin: 0 auto;
}

.cta-section h2 {
    font-size: 2.2rem;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}

.cta-section .subtitle {
    font-size: 1.05rem;
    color: rgba(255, 255, 255, 0.8);
    max-width: 600px;
    margin: 0 auto 30px;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .reviews-slider-wrapper {
        padding: 0 10px;
    }
    .slider-btn {
        display: none;
    }
    .testimonial-card {
        width: 290px;
        padding: 25px;
    }
}

/* FOOTER */
footer {
    background-color: var(--vmd-blue-dark);
    color: #ffffff;
    padding: 0;
    margin-top: 0; /* Flows seamlessly after CTA section */
}

.footer-top {
    padding: 80px 0 60px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 5%;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
    gap: 40px;
    text-align: left;
}

.footer-column h3 {
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
}

.footer-column h3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 30px;
    height: 2px;
    background-color: var(--vmd-accent);
}

.footer-column ul {
    list-style: none;
}

.footer-column ul li {
    margin-bottom: 12px;
}

.footer-column ul li a {
    color: rgba(255,255,255,0.7);
    text-decoration: none;
    font-size: 0.9rem;
    transition: 0.3s;
}

.footer-column ul li a:hover {
    color: var(--vmd-accent);
    padding-left: 5px;
}

.footer-column p {
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    line-height: 1.6;
    margin-bottom: 15px;
}

.footer-logo {
    height: 40px;
    margin-bottom: 20px;
    filter: brightness(0) invert(1);
}

.social-links {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.social-links a {
    width: 35px;
    height: 35px;
    background: rgba(255,255,255,0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    text-decoration: none;
    transition: 0.3s;
}

.social-links a:hover {
    background: var(--vmd-accent);
    transform: translateY(-3px);
}

.contact-col i {
    width: 25px;
    color: var(--vmd-accent);
}

.footer-legal {
    padding: 30px 0;
    background-color: rgba(0,0,0,0.2);
    border-top: 1px solid rgba(255,255,255,0.05);
}

.footer-legal .footer-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.legal-links {
    display: flex;
    gap: 20px;
}

.legal-links a {
    color: rgba(255,255,255,0.5);
    text-decoration: none;
    font-size: 0.8rem;
    transition: 0.3s;
}

.legal-links a:hover {
    color: #ffffff;
}

.copyright {
    font-size: 0.8rem;
    color: rgba(255,255,255,0.5);
    margin: 0;
}

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive */
@media (max-width: 992px) {
    .footer-container {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .header-nav { display: none; }
    .content-section { grid-template-columns: 1fr; gap: 40px; }
    .why-us-section { grid-template-columns: 1fr; gap: 40px; }
    .footer-container { grid-template-columns: 1fr; }
    .contact-banner { flex-direction: column; text-align: center; gap: 30px; padding: 40px 5%; }
    .contact-left { padding-left: 0; border-left: none; transform: translateY(-20px); }
    .contact-banner.active .contact-left { transform: translateY(0); }
    .blog-grid { grid-template-columns: 1fr; }
    .partner-section { flex-direction: column; height: auto; }
    .partner-title { padding: 20px; }
    .partner-logo-container { flex-wrap: wrap; gap: 20px; padding: 30px; }
    
    .footer-legal .footer-container {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }
    .legal-links {
        justify-content: center;
        flex-wrap: wrap;
    }
}

/* Reform Visual Placeholder Card */
.reform-visual-card {
    position: relative;
    width: 100%;
    min-height: 480px;
    background: linear-gradient(135deg, #1d2136 0%, #101222 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 40px 30px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.visual-placeholder-glow {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(192, 73, 48, 0.08) 0%, rgba(0, 0, 0, 0) 70%);
    pointer-events: none;
    z-index: 1;
}

.visual-placeholder-content {
    position: relative;
    z-index: 2;
    width: 100%;
}

.placeholder-icon {
    width: 70px;
    height: 70px;
    background: rgba(192, 73, 48, 0.15);
    border: 1px solid rgba(192, 73, 48, 0.3);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    color: var(--vmd-accent);
    margin: 0 auto 20px auto;
    box-shadow: 0 10px 20px rgba(192, 73, 48, 0.1);
}

.reform-visual-card h3 {
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.placeholder-desc {
    color: #cbd5e1;
    font-size: 0.9rem;
    margin-bottom: 25px;
    line-height: 1.5;
}

.prompt-box {
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 20px;
    text-align: left;
    position: relative;
}

.prompt-label {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--vmd-accent);
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.prompt-text-container {
    max-height: 100px;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    padding: 10px 12px;
    margin-bottom: 15px;
    border: 1px solid rgba(255, 255, 255, 0.03);
}

.prompt-text-container::-webkit-scrollbar {
    width: 6px;
}

.prompt-text-container::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
}

#image-prompt-text {
    font-family: monospace;
    font-size: 0.8rem;
    color: #e2e8f0;
    line-height: 1.4;
    word-break: break-word;
    white-space: pre-wrap;
}

.btn-copy-prompt {
    width: 100%;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #ffffff;
    padding: 10px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.btn-copy-prompt:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.2);
}

.btn-copy-prompt.copied {
    background: #10b981;
    border-color: #10b981;
    color: #ffffff;
}

.btn-outline {
    transition: all 0.3s;
}

.btn-outline:hover {
    background: var(--vmd-accent);
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(192, 73, 48, 0.2);
}

/* Reform image - replaces placeholder, inherits content-img base */
.reform-img {
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.reform-img:hover {
    transform: scale(1.02);
}

/* ========================================== */
/* RESPONSIVE MEDIA QUERIES (Cascade Overrides) */
/* ========================================== */

@media (max-width: 768px) {
    .welcome-overlay {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        margin: 20px auto 40px auto;
        width: 100%;
        max-width: 480px;
        order: 2;
        pointer-events: auto;
    }
    
    .welcome-overlay.visible {
        transform: none;
        pointer-events: auto;
    }
    
    .hero {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 100px;
        height: auto;
        min-height: 85vh; /* Push next section down so it's just barely visible */
    }
    
    .hero-wheel {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        width: calc(100vw - 10px);
        height: calc(100vw - 10px);
        max-width: none;
        max-height: none;
        margin-bottom: 20px;
        order: 1;
    }
    
    .town-banner {
        height: 180px !important;
    }
    
    .town-banner-content {
        top: 25px !important;
    }
    
    .town-banner-content h2 {
        font-size: clamp(0.9rem, 4vw, 1.35rem) !important;
    }
    
    .town-banner-sub {
        font-size: 0.8rem !important;
        margin-top: 6px !important;
        letter-spacing: 1px !important;
    }
    
    .town-banner .skyline-img {
        width: auto !important;
        min-width: 100% !important;
        height: 110px !important;
        aspect-ratio: auto !important;
        object-fit: cover !important;
        object-position: bottom center !important;
    }
}

/* EXPERT SHOWCASE SECTION */
.expert-section {
    background: #ffffff;
    padding: 100px 5%;
    display: flex;
    justify-content: center;
}

.expert-container {
    max-width: 1200px;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 80px;
    align-items: center;
}

.expert-left {
    display: flex;
    flex-direction: column;
    gap: 30px;
    opacity: 0;
    transform: translateX(-40px);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.expert-section.active .expert-left {
    opacity: 1;
    transform: translateX(0);
}

.expert-image-wrapper {
    position: relative;
    border-radius: 2.5rem;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(32, 34, 53, 0.12);
    border: 1px solid rgba(0,0,0,0.05);
    aspect-ratio: 4/3;
}

.expert-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.expert-image-wrapper:hover .expert-img {
    transform: scale(1.04);
}

.expert-badge {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: var(--vmd-accent);
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 0.85rem;
    font-weight: 700;
    box-shadow: 0 10px 20px rgba(192, 73, 48, 0.3);
    display: flex;
    align-items: center;
    gap: 8px;
}

.expert-quote {
    background: linear-gradient(135deg, #ffffff 0%, #fbfbfb 100%);
    border-left: 4px solid var(--vmd-accent);
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-left-width: 4px;
    position: relative;
    overflow: hidden;
}

.expert-quote::before {
    content: "\f10d";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 3.5rem;
    color: rgba(192, 73, 48, 0.04);
    pointer-events: none;
}

.expert-quote blockquote {
    font-size: 0.95rem;
    line-height: 1.6;
    font-style: italic;
    color: #555555;
    margin: 0 0 10px 0;
    position: relative;
    z-index: 2;
}

.expert-quote cite {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--vmd-blue-dark);
    position: relative;
    z-index: 2;
}

.expert-right {
    display: flex;
    flex-direction: column;
    gap: 20px;
    opacity: 0;
    transform: translateX(40px);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.expert-section.active .expert-right {
    opacity: 1;
    transform: translateX(0);
}

.expert-right h2 {
    color: var(--vmd-blue-dark);
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1.2;
}

.expert-right p {
    font-size: 1rem;
    line-height: 1.7;
    color: #666666;
}

.expert-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 20px 0;
}

.stat-item {
    background: linear-gradient(135deg, #fbfbfb 0%, #f5f6f8 100%);
    padding: 20px;
    border-radius: 20px;
    text-align: center;
    border: 1px solid rgba(0,0,0,0.04);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.01);
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.expert-section.active .stat-item {
    opacity: 1;
    transform: translateY(0);
}

.expert-section.active .stat-item:nth-child(1) { transition-delay: 0.2s; }
.expert-section.active .stat-item:nth-child(2) { transition-delay: 0.35s; }
.expert-section.active .stat-item:nth-child(3) { transition-delay: 0.5s; }

.stat-item:hover {
    transform: translateY(-5px);
    background: #ffffff;
    box-shadow: 0 15px 30px rgba(192, 73, 48, 0.08);
    border-color: rgba(192, 73, 48, 0.15);
    transition-delay: 0s !important;
}

.stat-number {
    display: block;
    font-size: 2rem;
    font-weight: 800;
    color: var(--vmd-accent);
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label {
    font-size: 0.8rem;
    font-weight: 700;
    color: #777777;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.expert-features {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 10px;
}

.expert-feature-item {
    display: flex;
    align-items: start;
    gap: 15px;
    opacity: 0;
    transform: translateX(20px);
    transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.expert-section.active .expert-feature-item {
    opacity: 1;
    transform: translateX(0);
}

.expert-section.active .expert-feature-item:nth-child(1) { transition-delay: 0.4s; }
.expert-section.active .expert-feature-item:nth-child(2) { transition-delay: 0.55s; }
.expert-section.active .expert-feature-item:nth-child(3) { transition-delay: 0.7s; }

.feature-icon-small {
    width: 24px;
    height: 24px;
    background: rgba(192, 73, 48, 0.1);
    color: var(--vmd-accent);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.75rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.expert-feature-item p {
    font-size: 0.9rem;
    line-height: 1.5;
    color: #555555;
    margin: 0;
}

/* RESPONSIVE EXPERT SECTION */
@media (max-width: 991px) {
    .expert-container {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    
    .expert-left, .expert-right {
        transform: translateY(30px) !important;
    }
    
    .expert-feature-item {
        transform: translateY(15px) !important;
    }
    
    .expert-stats {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}