/* =========================================
   Phenom OUTSOURCING - COMPLETE CSS
   All 30+ Pages Connected & Styled
   ========================================= */

/* =========================================
   GLOBAL VARIABLES & RESET
   ========================================= */
.service-card {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

:root {
    /* Brand Colors */
    --primary-purple: #4a90e2;
    --secondary-purple: #357abd;
    --accent-orange: #7CB342;
    --accent-green: #6fb048;

    /* Text Colors */
    --text-dark: #333333;
    --text-light: #666666;
    --text-lighter: #999999;

    /* Background Colors */
    --white: #ffffff;
    --bg-light: #f7f9fc;
    --bg-lighter: #fafbfd;

    /* Border & Shadow */
    --border-color: #e0e0e0;
    --shadow-sm: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.05);
    --shadow-md: 0 0.25rem 1rem rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 0.5rem 2rem rgba(0, 0, 0, 0.12);

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

    /* Font Sizes */
    --font-xs: 0.75rem;
    --font-sm: 0.875rem;
    --font-base: 1rem;
    --font-lg: 1.125rem;
    --font-xl: 1.5rem;
    --font-2xl: 2rem;
    --font-3xl: 2.5rem;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;

    /* Z-index layers */
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal: 1040;
}

/* Dark Mode Variables */
body.dark-mode {
    --text-dark: #e0e0e0;
    --text-light: #b0b0b0;
    --text-lighter: #808080;
    --white: #1a1a1a;
    --bg-light: #2a2a2a;
    --bg-lighter: #353535;
    --border-color: #404040;
}

/* Reset & Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    line-height: 1.6;
    color: var(--text-dark);
    overflow-x: hidden;
    width: 100%;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.container {
    width: 90%;
    max-width: 75rem;
    margin: 0 auto;
}

a {
    text-decoration: none;
    color: inherit;
    transition: color var(--transition-normal);
}

.text-link {
    color: var(--accent-orange);
    text-decoration: underline;
}

.text-link:hover {
    color: var(--primary-purple);
}

button {
    font-family: inherit;
    cursor: pointer;
    border: none;
    outline: none;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

ul {
    list-style: none;
}

/* =========================================
   SCROLL PROGRESS BAR
   ========================================= */
.scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(to right, var(--accent-orange), var(--accent-green));
    z-index: 10001;
    transition: width 0.1s ease;
    box-shadow: 0 2px 10px rgba(243, 116, 33, 0.5);
}

/* =========================================
   DARK MODE TOGGLE
   ========================================= */
.dark-mode-toggle {
    position: fixed;
    top: 100px;
    right: 20px;
    width: 50px;
    height: 50px;
    background: var(--secondary-purple);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    z-index: 999;
    box-shadow: var(--shadow-lg);
    transition: all var(--transition-normal);
}

.dark-mode-toggle:hover {
    background: var(--accent-orange);
    transform: rotate(180deg) scale(1.1);
}

/* =========================================
   COOKIE CONSENT BANNER
   ========================================= */
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--secondary-purple);
    color: var(--white);
    padding: 1rem;
    z-index: 9999;
    transform: translateY(100%);
    transition: transform 0.4s ease;
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.2);
}

.cookie-banner.show {
    transform: translateY(0);
}

.cookie-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 75rem;
    margin: 0 auto;
    gap: 2rem;
    flex-wrap: wrap;
}

.cookie-content p {
    flex: 1;
    margin: 0;
    font-size: var(--font-sm);
}

.cookie-content p i {
    margin-right: 0.5rem;
    font-size: 1.25rem;
}

.cookie-actions {
    display: flex;
    gap: 1rem;
}

.btn-accept,
.btn-decline {
    padding: 0.625rem 1.5rem;
    border-radius: 0.25rem;
    font-weight: 600;
    transition: all var(--transition-normal);
}

.btn-accept {
    background: var(--accent-orange);
    color: var(--white);
}

.btn-accept:hover {
    background: #4a90e2;
    transform: translateY(-2px);
}

.btn-decline {
    background: transparent;
    color: var(--white);
    border: 2px solid var(--white);
}

.btn-decline:hover {
    background: var(--white);
    color: var(--secondary-purple);
}

/* =========================================
   TOP BAR
   ========================================= */
.top-bar {
    background-color: var(--primary-purple);
    color: var(--white);
    font-size: var(--font-sm);
    padding: 0.75rem 0;
}

.top-bar-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.contact-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.contact-info span {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.contact-info a {
    color: var(--white);
}

.contact-info a:hover {
    color: var(--accent-orange);
}

.separator {
    opacity: 0.5;
}

.social-icons {
    display: flex;
    gap: 1rem;
}

.social-icons a {
    color: var(--white);
    font-size: var(--font-base);
    transition: all var(--transition-normal);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

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

.main-header {
    background: var(--white);
    padding: 1rem 0;
    box-shadow: var(--shadow-md);
    position: sticky;
    top: 0;
    z-index: 1000;
    transition: all var(--transition-normal);
}

.main-header.scrolled {
    padding: 0.5rem 0;
    box-shadow: var(--shadow-lg);
}

.main-header.scroll-down {
    transform: translateY(-100%);
}

.main-header.scroll-up {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}

.header-content {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 2rem;
}

.Logo1 {
    flex-shrink: 0;
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}

.Logo1 img {
    width: 100%;
    height: auto;
    max-height: none;
    min-height: auto;
}

/* Remove scrolled logo shrinking */
.main-header.scrolled .Logo1 {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}

.main-header.scrolled .Logo1 img {
    width: 100%;
    height: auto;
}
@media (max-width: 768px) {
    .Logo1 {
        width: 160px;
        min-width: 160px;
        max-width: 160px;
    }
}

/* Navigation Search Bar */
.nav-search {
    position: relative;
    width: 100%;
    max-width: 300px;
    justify-self: end;
    margin-right: 1rem;
}

.nav-search input {
    width: 100%;
    padding: 0.625rem 2.5rem 0.625rem 1rem;
    border: 2px solid var(--border-color);
    border-radius: 25px;
    font-size: var(--font-sm);
    transition: all var(--transition-normal);
}

.nav-search input:focus {
    outline: none;
    border-color: #4a90e2;
    box-shadow: 0 0 10px rgba(74, 144, 226, 0.2);
}

.nav-search i {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-light);
}

/* Mobile Menu Toggle */
.mobile-menu-toggle {
    display: none;
    flex-direction: column;
    gap: 0.3rem;
    background: transparent;
    padding: 0.5rem;
    cursor: pointer;
    z-index: 1001;
}

.mobile-menu-toggle span {
    width: 1.5rem;
    height: 2px;
    background-color: var(--text-dark);
    transition: all var(--transition-normal);
}

.mobile-menu-toggle.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.mobile-menu-toggle.active span:nth-child(2) {
    opacity: 0;
}

.mobile-menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -6px);
}

/* =========================================
   NAVIGATION MENU - PROPERLY FIXED
   ========================================= */
.navbar {
    display: flex;
    align-items: center;
}

.main-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
    gap: 0;
    flex-wrap: nowrap;
}

.main-menu>li {
    position: relative;
    flex-shrink: 0;
}

.menu-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 10px 12px;
    color: var(--text-dark);
    text-decoration: none;
    font-weight: 500;
    font-size: 13px;
    transition: all var(--transition-normal);
    border-radius: 4px;
    white-space: nowrap;
}

.menu-link i:not(.fa-caret-down) {
    font-size: 14px;
    color: var(--accent-orange);
}

.menu-link:hover {
    color: #4a90e2;
    background: rgba(74, 144, 226, 0.05);
}

.menu-link i.fa-caret-down {
    font-size: 10px;
    margin-left: 2px;
    transition: transform var(--transition-normal);
}

.has-dropdown:hover .menu-link i.fa-caret-down {
    transform: rotate(180deg);
}

/* Location Button - Blue Theme */
.btn-location {
    border: 2px solid #4a90e2 !important;
    color: #4a90e2 !important;
    padding: 8px 14px !important;
    margin: 0 4px !important;
}

.btn-location:hover {
    background: linear-gradient(135deg, #4a90e2, #357abd) !important;
    color: var(--white) !important;
    border-color: #4a90e2 !important;
}

/* Enquiry Button - FIXED & STYLED */
.main-menu>li:last-child {
    margin-left: 8px;
}

.btn-enquiry {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, var(--secondary-purple), var(--primary-purple)) !important;
    color: var(--white) !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    border: none !important;
    transition: all var(--transition-normal) !important;
    box-shadow: 0 2px 8px rgba(72, 50, 133, 0.3) !important;
}

.btn-enquiry:hover {
    background: linear-gradient(135deg, var(--primary-purple), #2a1a50) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(72, 50, 133, 0.5) !important;
}

.btn-enquiry i {
    color: var(--white) !important;
}

/* Remove conflicting pulse animation */
.pulse-button {
    animation: none !important;
}

/* =========================================
   MEGA MENU - BLUE THEME - SINGLE COLUMN
   ========================================= */
.mega-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: var(--white);
    box-shadow: 0 10px 40px rgba(74, 144, 226, 0.2);
    border-radius: 8px;
    padding: 20px;
    min-width: 320px;
    max-width: 400px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    margin-top: 0;
    z-index: 9999;
    border-top: 3px solid #4a90e2;
    overflow: hidden;
}

.has-dropdown:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}

.mega-menu-content {
    display: block;
    width: 100%;
}

.mega-col {
    padding: 0;
    margin: 0;
    width: 100%;
}

.mega-col h4 {
    font-size: 14px;
    font-weight: 700;
    color: var(--text-dark);
    margin: 0 0 12px 0;
    padding: 0 0 8px 0;
    border-bottom: 2px solid #4a90e2;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.mega-col h4 i {
    color: #4a90e2;
}

.mega-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mega-col ul li {
    margin: 0 0 5px 0;
    padding: 0;
}

.mega-col ul li a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 8px 12px;
    color: var(--text-light);
    text-decoration: none;
    font-size: 13px;
    transition: all 0.2s ease;
    border-radius: 4px;
}

.mega-col ul li a i {
    color: #4a90e2;
    width: 18px;
    flex-shrink: 0;
}

.mega-col ul li a:hover {
    background: rgba(74, 144, 226, 0.1);
    color: #4a90e2;
    padding-left: 18px;
}

/* =========================================
   DROPDOWN MENU - BLUE THEME
   ========================================= */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--white);
    box-shadow: 0 10px 40px rgba(74, 144, 226, 0.2);
    border-radius: 8px;
    padding: 15px;
    min-width: 280px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    margin-top: 0;
    z-index: 9999;
    border-top: 3px solid #4a90e2;
}

.has-dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}

.dropdown-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dropdown-menu ul li {
    margin: 0 0 3px 0;
    padding: 0;
}

.dropdown-menu ul li a {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 8px 12px;
    color: var(--text-light);
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s ease;
    border-radius: 4px;
}

.dropdown-menu ul li a i {
    color: #4a90e2;
    width: 20px;
}

.dropdown-menu ul li a:hover {
    background: rgba(74, 144, 226, 0.1);
    color: #4a90e2;
    padding-left: 18px;
}

.dropdown-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    min-width: 500px;
}

.dropdown-small {
    min-width: 200px;
}

/* =========================================
   RESPONSIVE - MOBILE & TABLET
   ========================================= */
@media (max-width: 768px) {
    .mega-menu {
        min-width: 280px;
        max-width: 90vw;
        left: 5vw;
        transform: none;
    }
    
    .dropdown-columns {
        grid-template-columns: 1fr;
        min-width: auto;
    }
}

/* =========================================
   RESPONSIVE - MOBILE & TABLET
   ========================================= */
@media (max-width: 1200px) {
    .mega-menu-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .mega-menu {
        min-width: auto;
        width: 95vw;
        left: 2.5vw;
        transform: none;
    }
    
    .mega-menu-content {
        grid-template-columns: 1fr;
    }
    
    .dropdown-columns {
        grid-template-columns: 1fr;
        min-width: auto;
    }
}

/* =========================================
   INDUSTRIES MEGA MENU - BLUE THEME
   ========================================= */
.industries-menu {
    min-width: 900px;
    padding: 25px;
}

.industries-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}

.industry-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 10px;
    background: linear-gradient(135deg, #e3f2fd, #bbdefb);
    border-radius: 8px;
    text-align: center;
    transition: all var(--transition-normal);
    text-decoration: none;
    color: var(--text-dark);
    min-height: 120px;
    border: 2px solid transparent;
}

.industry-item:hover {
    background: linear-gradient(135deg, #4a90e2, #357abd);
    color: var(--white);
    transform: translateY(-5px);
    box-shadow: 0 5px 20px rgba(74, 144, 226, 0.4);
    border-color: #4a90e2;
}

.industry-item i {
    font-size: 32px;
    color: #357abd;
    margin-bottom: 10px;
    transition: all var(--transition-normal);
}

.industry-item:hover i {
    color: var(--white);
    transform: scale(1.2) rotateY(360deg);
}

.industry-item span {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
}

/* Location Menu */
.location-menu ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.location-menu ul li a img {
    width: 20px;
    height: auto;
    border-radius: 2px;
}

/* =========================================
   HERO SECTION
   ========================================= */
.hero-section {
    position: relative;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url('https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=1600') center/cover;
    min-height: 35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-attachment: fixed;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.animated-gradient {
    background: linear-gradient(45deg,
            rgba(74, 144, 226, 0.8),
            rgba(53, 122, 189, 0.6),
            rgba(243, 116, 33, 0.4));
    background-size: 400% 400%;
    animation: gradientShift 15s ease infinite;
}

@keyframes gradientShift {

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

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

.hero-content {
    position: relative;
    z-index: 1;
    color: var(--white);
}

.hero-title {
    font-size: var(--font-3xl);
    font-weight: 700;
    margin-bottom: 2rem;
    line-height: 1.3;
}

.typewriter {
    overflow: hidden;
    border-right: 3px solid var(--accent-orange);
    white-space: nowrap;
    animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite;
}

@keyframes typing {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes blink-caret {

    from,
    to {
        border-color: transparent
    }

    50% {
        border-color: var(--accent-orange);
    }
}

.hero-buttons {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    margin-bottom: 2rem;
}

.btn-orange {
    background-color: var(--accent-orange);
    color: var(--white);
    padding: 1rem 2.5rem;
    font-size: var(--font-lg);
    font-weight: 600;
    border-radius: 0.25rem;
    transition: all var(--transition-normal);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.btn-orange:hover {
    background-color: #4a90e2;
    transform: translateY(-3px);
    box-shadow: 0 0.5rem 1.5rem rgba(243, 116, 33, 0.4);
}

.pulse-glow {
    animation: pulse-glow 2s infinite;
}

@keyframes pulse-glow {

    0%,
    100% {
        box-shadow: 0 0 20px rgba(72, 50, 133, 0.4);
    }

    50% {
        box-shadow: 0 0 40px rgba(72, 50, 133, 0.8);
    }
}

.hero-subtext {
    font-size: var(--font-lg);
    opacity: 0.95;
    line-height: 1.8;
}

/* Scroll Indicator */
.scroll-indicator {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    animation: bounce 2s infinite;
}

.scroll-indicator i {
    font-size: 2rem;
    color: var(--white);
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateX(-50%) translateY(0);
    }

    40% {
        transform: translateX(-50%) translateY(-10px);
    }

    60% {
        transform: translateX(-50%) translateY(-5px);
    }
}

/* =========================================
   COUNTRIES BAR - SOFT THEMED COLORS
   ========================================= */
.countries-bar {
    background: var(--white);
    padding: 20px 0;
    border-top: 1px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;
}

.countries-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}

.countries-label {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-dark);
    display: flex;
    align-items: center;
    gap: 8px;
}

.countries-label i {
    color: #4a90e2;
    font-size: 1.3rem;
}

.countries-flags {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.country-item {
    padding: 10px 20px;
    border-radius: 25px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 2px solid transparent;
}

.country-item span {
    font-size: 0.95rem;
    font-weight: 600;
    display: block;
    transition: all 0.3s ease;
}

/* India - Saffron, White, Green theme */
.country-india {
    background: linear-gradient(135deg, rgba(255, 153, 51, 0.12), rgba(19, 136, 8, 0.12));
    border-color: rgba(255, 153, 51, 0.2);
}

.country-india span {
    color: #ff6600;
}

.country-india:hover {
    background: linear-gradient(135deg, rgba(255, 153, 51, 0.2), rgba(19, 136, 8, 0.2));
    border-color: rgba(255, 153, 51, 0.4);
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(255, 153, 51, 0.2);
}

/* APAC - Blue/Cyan (Ocean theme) */
.country-apac {
    background: linear-gradient(135deg, rgba(0, 149, 218, 0.12), rgba(0, 191, 165, 0.12));
    border-color: rgba(0, 149, 218, 0.2);
}

.country-apac span {
    color: #0095da;
}

.country-apac:hover {
    background: linear-gradient(135deg, rgba(0, 149, 218, 0.2), rgba(0, 191, 165, 0.2));
    border-color: rgba(0, 149, 218, 0.4);
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 149, 218, 0.2);
}

/* EMEA - Purple/Gold (Royal theme) */
.country-emea {
    background: linear-gradient(135deg, rgba(123, 31, 162, 0.12), rgba(255, 193, 7, 0.12));
    border-color: rgba(123, 31, 162, 0.2);
}

.country-emea span {
    color: #7b1fa2;
}

.country-emea:hover {
    background: linear-gradient(135deg, rgba(123, 31, 162, 0.2), rgba(255, 193, 7, 0.2));
    border-color: rgba(123, 31, 162, 0.4);
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(123, 31, 162, 0.2);
}

/* USA - Red, White, Blue */
.country-usa {
    background: linear-gradient(135deg, rgba(178, 34, 52, 0.12), rgba(60, 59, 110, 0.12));
    border-color: rgba(178, 34, 52, 0.2);
}

.country-usa span {
    color: #b22234;
}

.country-usa:hover {
    background: linear-gradient(135deg, rgba(178, 34, 52, 0.2), rgba(60, 59, 110, 0.2));
    border-color: rgba(178, 34, 52, 0.4);
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(178, 34, 52, 0.2);
}

/* Australia & NZ - Green/Gold (Aussie colors) */
.country-australia {
    background: linear-gradient(135deg, rgba(0, 122, 51, 0.12), rgba(255, 184, 28, 0.12));
    border-color: rgba(0, 122, 51, 0.2);
}

.country-australia span {
    color: #007a33;
}

.country-australia:hover {
    background: linear-gradient(135deg, rgba(0, 122, 51, 0.2), rgba(255, 184, 28, 0.2));
    border-color: rgba(0, 122, 51, 0.4);
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 122, 51, 0.2);
}

/* Canada - Red/White (Maple Leaf theme) */
.country-canada {
    background: linear-gradient(135deg, rgba(255, 0, 0, 0.12), rgba(255, 255, 255, 0.3));
    border-color: rgba(255, 0, 0, 0.2);
}

.country-canada span {
    color: #ff0000;
}

.country-canada:hover {
    background: linear-gradient(135deg, rgba(255, 0, 0, 0.2), rgba(255, 255, 255, 0.4));
    border-color: rgba(255, 0, 0, 0.4);
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(255, 0, 0, 0.2);
}

/* Responsive */
@media (max-width: 768px) {
    .countries-content {
        flex-direction: column;
        gap: 20px;
    }
    
    .countries-flags {
        justify-content: center;
        gap: 12px;
    }
    
    .country-item {
        padding: 8px 16px;
    }
    
    .country-item span {
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .countries-flags {
        gap: 10px;
    }
    
    .country-item {
        padding: 7px 14px;
    }
    
    .country-item span {
        font-size: 0.85rem;
    }
}

/* =========================================
   SERVICES SECTION - BLUE/WHITE THEME
   ========================================= */
.services-section {
    padding: var(--spacing-xl) 0;
    background-color: var(--bg-light);
}

.section-header-center {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.decorative-line {
    width: 3rem;
    height: 2px;
    background-color: var(--secondary-purple);
}

.section-header-center h2 {
    font-size: var(--font-xl);
    color: var(--text-dark);
    font-weight: 600;
    text-align: center;
}

.section-intro {
    max-width: 55rem;
    margin: 0 auto 3rem;
    text-align: center;
    font-size: var(--font-sm);
    color: var(--text-light);
    line-height: 1.8;
}

/* Service Filters */
.service-filters {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.filter-btn {
    padding: 0.625rem 1.5rem;
    background: var(--white);
    color: var(--text-dark);
    border: 2px solid var(--border-color);
    border-radius: 25px;
    font-weight: 500;
    transition: all var(--transition-normal);
    cursor: pointer;
}

.filter-btn:hover,
.filter-btn.active {
    background: linear-gradient(135deg, #4a90e2, #357abd);
    color: var(--white);
    border-color: #4a90e2;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(74, 144, 226, 0.3);
}

/* Services Grid */
.services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

/* Service Card - Blue/White Gradient Theme */
.service-card {
    background: var(--white);
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-normal);
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
    transform-style: preserve-3d;
}

/* Hover Effect - Subtle Lift with Blue Gradient Border */
.service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 30px rgba(74, 144, 226, 0.2);
    border-color: #7CB342;
}

/* Blue/White Gradient Border on Hover */
.service-card::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(135deg,
            #7CB342 0%,
            #ffffff 50%,
            #357abd 100%);
    border-radius: 0.5rem;
    opacity: 0;
    z-index: -1;
    transition: opacity var(--transition-normal);
    animation: borderFlow 3s linear infinite;
}

.service-card:hover::before {
    opacity: 1;
}

@keyframes borderFlow {
    0% {
        background-position: 0% 50%;
    }

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

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

/* Blue Wave Decoration - Enhanced on Hover */
.service-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 10rem;
    height: 7rem;
    background: linear-gradient(135deg,
            rgba(74, 144, 226, 0.15) 0%,
            rgba(135, 206, 235, 0.25) 50%,
            rgba(53, 122, 189, 0.35) 100%);
    clip-path: polygon(100% 0%,
            100% 100%,
            0% 100%,
            30% 85%,
            50% 70%,
            70% 55%,
            85% 35%,
            100% 20%);
    pointer-events: none;
    z-index: 0;
    transition: all var(--transition-normal);
    opacity: 0.6;
}

.service-card:hover::after {
    opacity: 1;
    width: 12rem;
    height: 8rem;
}

.service-card>* {
    position: relative;
    z-index: 1;
}

/* Corner Ribbons */
.corner-ribbon {
    position: absolute;
    top: 15px;
    right: -30px;
    padding: 0.375rem 2rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--white);
    transform: rotate(45deg);
    z-index: 10;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.corner-ribbon.popular {
    background: linear-gradient(135deg, #4a90e2, #357abd);
}

.corner-ribbon.new {
    background: linear-gradient(135deg, #5ab9ea, #4a90e2);
}

/* Service Icon - Blue Gradient on Hover */
.service-icon {
    width: 4rem;
    height: 4rem;
    background: linear-gradient(135deg, #e3f2fd, #bbdefb);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    transition: all var(--transition-normal);
    box-shadow: 0 2px 8px rgba(74, 144, 226, 0.1);
}

.service-card:hover .service-icon {
    background: linear-gradient(135deg, #4a90e2, #357abd);
    transform: scale(1.1) rotateY(360deg);
    box-shadow: 0 4px 15px rgba(74, 144, 226, 0.3);
}

.service-icon i {
    font-size: 2rem;
    color: #357abd;
    transition: color var(--transition-normal);
}

.service-card:hover .service-icon i {
    color: var(--white);
}

.service-card h3 {
    font-size: var(--font-lg);
    color: var(--secondary-purple);
    margin-bottom: 1rem;
    font-weight: 600;
    transition: color var(--transition-normal);
}

.service-card:hover h3 {
    color: #4a90e2;
}

.service-card p.short-desc {
    font-size: var(--font-sm);
    color: var(--text-light);
    line-height: 1.7;
    margin-bottom: 1rem;
}

/* Expandable Content */
.expandable-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.expandable-content.expanded {
    max-height: 500px;
}

.expandable-content ul {
    list-style: none;
    padding: 0;
    margin: 1rem 0;
}

.expandable-content ul li {
    padding: 0.5rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: var(--font-sm);
    color: var(--text-light);
}

.expandable-content ul li i {
    color: #4a90e2;
}

/* Read More Button */
.read-more-btn {
    background: transparent;
    color: #4a90e2;
    border: none;
    padding: 0.5rem 0;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all var(--transition-normal);
}

.read-more-btn:hover {
    gap: 1rem;
    color: #357abd;
}

.read-more-btn i {
    transition: transform var(--transition-normal);
}

.read-more-btn.expanded i {
    transform: rotate(180deg);
}

/* Card Actions - Smooth Appear on Hover */
.card-actions {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

.service-card:hover .card-actions {
    opacity: 1;
    transform: translateY(0);
}

.action-btn {
    flex: 1;
    padding: 0.625rem 1rem;
    background: linear-gradient(135deg, #4a90e2, #357abd);
    color: var(--white);
    text-align: center;
    border-radius: 0.25rem;
    font-size: var(--font-sm);
    font-weight: 600;
    transition: all var(--transition-normal);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    box-shadow: 0 2px 8px rgba(74, 144, 226, 0.2);
}

.action-btn:hover {
    background: linear-gradient(135deg, #357abd, #2a5f8f);
    transform: translateY(-3px);
    box-shadow: 0 4px 15px rgba(74, 144, 226, 0.4);
}

/* Load More Button */
.load-more-section {
    text-align: center;
    margin-top: 3rem;
}

.btn-load-more {
    padding: 1rem 2.5rem;
    background: linear-gradient(135deg, #4a90e2, #357abd);
    color: var(--white);
    font-size: var(--font-base);
    font-weight: 600;
    border-radius: 25px;
    transition: all var(--transition-normal);
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    box-shadow: 0 4px 15px rgba(74, 144, 226, 0.3);
}

.btn-load-more:hover {
    background: linear-gradient(135deg, #357abd, #2a5f8f);
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(74, 144, 226, 0.4);
}

/* Continue with ALL remaining styles from Part 2... */
/* (The rest of your CSS from Part 2 continues here - all the sections for Why Choose, Features, Trust Badges, Calculator, FAQ, Industries, Blog, Footer, Modals, Floating Widgets, and Responsive styles) */

/* =========================================
   WHY CHOOSE SECTION with Circular Stats
   ========================================= */
.why-choose-section {
    padding: var(--spacing-xl) 0;
    background-color: var(--secondary-purple);
    color: var(--white);
}

.why-choose-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
}

.experience-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
    font-size: var(--font-sm);
    margin-bottom: 1rem;
}

.why-choose-text h2 {
    font-size: var(--font-2xl);
    margin-bottom: 1.5rem;
    line-height: 1.3;
}

.why-choose-text p {
    font-size: var(--font-sm);
    line-height: 1.8;
    margin-bottom: 2rem;
    opacity: 0.9;
}

.btn-read-more {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background-color: var(--accent-orange);
    color: var(--white);
    padding: 0.75rem 1.5rem;
    border-radius: 0.25rem;
    font-weight: 600;
    transition: all var(--transition-normal);
}

.btn-read-more:hover {
    background-color: #4a90e2;
    transform: translateX(5px);
}

/* Circular Progress Stats */
.stats-boxes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

.stat-circle-box {
    text-align: center;
    position: relative;
}

.circular-progress {
    transform: rotate(-90deg);
}

.bg-circle {
    fill: none;
    stroke: rgba(255, 255, 255, 0.1);
    stroke-width: 8;
}

.progress-circle {
    fill: none;
    stroke: var(--accent-orange);
    stroke-width: 8;
    stroke-linecap: round;
    stroke-dasharray: 377;
    stroke-dashoffset: 377;
    transition: stroke-dashoffset 2s ease;
}

.stat-circle-box.animated .progress-circle {
    stroke-dashoffset: 0;
}

.stat-number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    font-weight: 700;
}

.stat-circle-box p {
    margin-top: 1rem;
    font-size: var(--font-sm);
    opacity: 0.9;
}

/* =========================================
   FEATURES SECTION
   ========================================= */
.features-section {
    padding: var(--spacing-xl) 0;
    background-color: var(--white);
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-top: 3rem;
}

.feature-card {
    background: var(--white);
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-color);
    transition: all var(--transition-normal);
}

.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
    border-color: var(--accent-orange);
}

.feature-icon {
    width: 4rem;
    height: 4rem;
    background: linear-gradient(135deg, var(--secondary-purple), var(--primary-purple));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.feature-icon i {
    font-size: 2rem;
    color: var(--white);
}

.feature-card h3 {
    font-size: var(--font-lg);
    color: var(--text-dark);
    margin-bottom: 1rem;
    font-weight: 600;
}

.feature-card p {
    font-size: var(--font-sm);
    color: var(--text-light);
    line-height: 1.7;
}

/* =========================================
   TRUST BADGES CAROUSEL
   ========================================= */
.trust-badges-section {
    padding: var(--spacing-lg) 0;
    background: var(--bg-light);
}

.badges-heading {
    text-align: center;
    font-size: var(--font-xl);
    color: var(--text-dark);
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.badges-carousel {
    display: flex;
    justify-content: center;
    gap: 3rem;
    flex-wrap: wrap;
}

.badge-item {
    text-align: center;
    transition: all var(--transition-normal);
}

.badge-item:hover {
    transform: scale(1.1);
}

.badge-item i {
    font-size: 3rem;
    color: var(--accent-orange);
    margin-bottom: 0.5rem;
}

.badge-item p {
    font-size: var(--font-sm);
    color: var(--text-dark);
    font-weight: 600;
}

/* =========================================
   COST CALCULATOR TOOL
   ========================================= */
.calculator-section {
    padding: var(--spacing-xl) 0;
    background: var(--white);
}

.calculator-tool {
    max-width: 60rem;
    margin: 3rem auto 0;
    background: var(--bg-light);
    padding: 3rem;
    border-radius: 1rem;
    box-shadow: var(--shadow-lg);
}

.calculator-inputs {
    display: grid;
    gap: 2rem;
    margin-bottom: 3rem;
}

.input-group label {
    display: block;
    font-weight: 600;
    margin-bottom: 0.75rem;
    color: var(--text-dark);
}

.input-group input[type="range"] {
    width: 100%;
    height: 8px;
    background: var(--border-color);
    border-radius: 5px;
    outline: none;
    -webkit-appearance: none;
}

.input-group input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: var(--accent-orange);
    cursor: pointer;
    border-radius: 50%;
}

.input-group input[type="number"] {
    width: 100%;
    padding: 0.75rem;
    border: 2px solid var(--border-color);
    border-radius: 0.5rem;
    font-size: var(--font-base);
}

.value-display {
    display: inline-block;
    margin-left: 1rem;
    font-weight: 700;
    color: var(--accent-orange);
    font-size: var(--font-lg);
}

.checkbox-group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.checkbox-group label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 400;
}

.calculator-results {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    margin-bottom: 2rem;
}

.result-card {
    flex: 1;
    background: var(--white);
    padding: 2rem;
    border-radius: 0.75rem;
    text-align: center;
    box-shadow: var(--shadow-md);
}

.result-card.highlighted {
    background: linear-gradient(135deg, var(--secondary-purple), var(--primary-purple));
    color: var(--white);
    transform: scale(1.05);
}

.result-card h3 {
    font-size: var(--font-base);
    margin-bottom: 1rem;
    opacity: 0.8;
}

.result-amount {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.savings-percent {
    font-size: var(--font-lg);
    font-weight: 600;
    color: #6fb048;
}

.result-card.highlighted .savings-percent {
    color: var(--accent-orange);
}

.result-arrow {
    flex: 0;
}

.result-arrow i {
    font-size: 2rem;
    color: var(--accent-orange);
}

.btn-get-started {
    width: 100%;
    padding: 1rem 2rem;
    background: var(--accent-orange);
    color: var(--white);
    font-size: var(--font-lg);
    font-weight: 600;
    border-radius: 0.5rem;
    transition: all var(--transition-normal);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.btn-get-started:hover {
    background: var(--secondary-purple);
    transform: translateY(-3px);
    box-shadow: var(--shadow-lg);
}

/* =========================================
   FAQ ACCORDION SECTION
   ========================================= */
.faq-section {
    padding: var(--spacing-xl) 0;
    background: var(--bg-light);
}

.faq-search {
    max-width: 40rem;
    margin: 2rem auto 3rem;
    position: relative;
}

.faq-search i {
    position: absolute;
    left: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-light);
}

.faq-search input {
    width: 100%;
    padding: 1rem 1rem 1rem 3.5rem;
    border: 2px solid var(--border-color);
    border-radius: 25px;
    font-size: var(--font-base);
    transition: all var(--transition-normal);
}

.faq-search input:focus {
    outline: none;
    border-color: var(--accent-orange);
    box-shadow: 0 0 15px rgba(243, 116, 33, 0.2);
}

.faq-accordion {
    max-width: 50rem;
    margin: 0 auto;
}

.faq-item {
    background: var(--white);
    margin-bottom: 1rem;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-normal);
}

.faq-item:hover {
    box-shadow: var(--shadow-md);
}

.faq-question {
    width: 100%;
    padding: 1.5rem;
    background: transparent;
    border: none;
    text-align: left;
    font-size: var(--font-base);
    font-weight: 600;
    color: var(--text-dark);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    transition: all var(--transition-normal);
}

.faq-question span {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.faq-question i.fa-circle-question {
    color: var(--accent-orange);
}

.faq-question i.fa-chevron-down {
    transition: transform var(--transition-normal);
}

.faq-item.active .faq-question i.fa-chevron-down {
    transform: rotate(180deg);
}

.faq-question:hover {
    color: var(--accent-orange);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
    padding: 0 1.5rem;
}

.faq-item.active .faq-answer {
    max-height: 500px;
    padding: 0 1.5rem 1.5rem;
}

.faq-answer p {
    font-size: var(--font-sm);
    line-height: 1.8;
    color: var(--text-light);
}

.faq-cta {
    text-align: center;
    margin-top: 3rem;
}

.faq-cta p {
    font-size: var(--font-lg);
    color: var(--text-dark);
    margin-bottom: 1rem;
}

.btn-contact {
    padding: 1rem 2rem;
    background: var(--accent-orange);
    color: var(--white);
    font-size: var(--font-base);
    font-weight: 600;
    border-radius: 0.5rem;
    transition: all var(--transition-normal);
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
}

.btn-contact:hover {
    background: var(--secondary-purple);
    transform: translateY(-3px);
    box-shadow: var(--shadow-lg);
}

/* =========================================
   INDUSTRIES GRID SLIDER - 3 PER SLIDE
   ========================================= */
.industries-served-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    position: relative;
}

.industries-grid-slider {
    overflow: hidden;
    width: 100%;
    max-width: 1200px;
    margin: 50px auto 0;
    padding: 0 20px;
}

.industries-grid-track {
    display: grid;
    grid-template-columns: repeat(9, 1fr); /* 9 items total, 3 visible */
    gap: 30px;
    transition: transform 0.7s cubic-bezier(0.4, 0.0, 0.2, 1);
}

.industry-grid-item {
    width: 300px;
}

.industry-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 45px 25px;
    background: var(--white);
    border-radius: 16px;
    text-decoration: none;
    color: var(--text-dark);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
    position: relative;
    overflow: hidden;
    min-height: 100px;
    height: 200px;
}

.industry-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, #4a90e2, #357abd);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}

.industry-link:hover::before {
    transform: scaleX(0);
}

.industry-link:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(74, 144, 226, 0.25);
}

.industry-link i {
    font-size: 3.5rem;
    color: #4a90e2;
    transition: all 0.4s ease;
    background: linear-gradient(135deg, rgba(74, 144, 226, 0.1), rgba(53, 122, 189, 0.1));
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.industry-link:hover i {
    transform: scale(1) rotate(10deg);
    background: linear-gradient(135deg, rgba(74, 144, 226, 0.2), rgba(53, 122, 189, 0.2));
}

.industry-link span {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--text-dark);
    text-align: center;
    line-height: 1.4;
}

/* Dots Indicators */
.slider-dots {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 50px;
}

.dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #cbd5e0;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
    border: 2px solid transparent;
}

.dot.active {
    background: linear-gradient(135deg, #4a90e2, #357abd);
    width: 50px;
    border-radius: 8px;
    box-shadow: 0 3px 12px rgba(74, 144, 226, 0.4);
}

.dot:hover {
    background: #4a90e2;
    transform: scale(1.2);
}

/* Responsive */
@media (max-width: 1024px) {
    .industries-grid-track {
        grid-template-columns: repeat(9, 1fr);
        gap: 25px;
    }
    
    .industry-link {
        padding: 40px 20px;
        min-height: 200px;
    }
    
    .industry-link i {
        width: 90px;
        height: 90px;
        font-size: 3rem;
    }
}

@media (max-width: 768px) {
    .industries-grid-track {
        grid-template-columns: repeat(9, 1fr);
        gap: 20px;
    }
    
    .industry-link {
        padding: 35px 20px;
        min-height: 180px;
    }
    
    .industry-link i {
        font-size: 2.8rem;
        width: 80px;
        height: 80px;
    }
    
    .industry-link span {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .industries-grid-slider {
        padding: 0 15px;
    }
    
    .industries-grid-track {
        gap: 15px;
    }
    
    .industry-link {
        padding: 30px 15px;
        gap: 15px;
        min-height: 160px;
    }
    
    .industry-link i {
        font-size: 2.5rem;
        width: 70px;
        height: 70px;
    }
    
    .dot {
        width: 14px;
        height: 14px;
    }
    
    .dot.active {
        width: 40px;
    }
}







/* =========================================
   CTA BANNER
   ========================================= */
.cta-banner {
    padding: 2rem 0;
    background-color: var(--secondary-purple);
}

.cta-banner-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    align-items: center;
}

.cta-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    color: var(--white);
    text-decoration: none;
    transition: all var(--transition-normal);
}

.cta-item:hover {
    transform: scale(1.05);
}

.btn-cta-orange {
    background-color: var(--accent-orange);
    color: var(--white);
    padding: 1rem 2rem;
    font-size: var(--font-base);
    font-weight: 600;
    border-radius: 0.25rem;
    transition: all var(--transition-normal);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.btn-cta-orange:hover {
    background-color: #4a90e2;
    transform: scale(1.05);
}

.cta-icon {
    font-size: 2.5rem;
    color: var(--white);
}

.cta-text {
    font-size: var(--font-sm);
    line-height: 1.4;
}

/* =========================================
   BLOG SECTION
   ========================================= */
.blog-section {
    padding: var(--spacing-xl) 0;
    background-color: var(--bg-light);
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-top: 3rem;
}

.blog-card {
    background: var(--white);
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-normal);
    text-decoration: none;
    color: inherit;
    display: block;
}

.blog-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.blog-image {
    position: relative;
    height: 12rem;
    overflow: hidden;
}

.blog-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--transition-slow);
}

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

.blog-tag {
    position: absolute;
    top: 1rem;
    left: 1rem;
    background-color: var(--accent-orange);
    color: var(--white);
    padding: 0.375rem 0.75rem;
    font-size: var(--font-xs);
    border-radius: 0.25rem;
    font-weight: 600;
}

.blog-content {
    padding: 1.5rem;
}

.blog-content h3 {
    font-size: var(--font-base);
    color: var(--text-dark);
    margin-bottom: 1rem;
    line-height: 1.5;
    font-weight: 600;
}

.blog-content p {
    font-size: var(--font-sm);
    color: var(--text-light);
    margin-bottom: 1rem;
    line-height: 1.6;
}

.blog-meta {
    display: flex;
    gap: 1rem;
    font-size: var(--font-xs);
    color: var(--text-lighter);
}

.blog-meta span {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* =========================================
   CONTENT SECTION
   ========================================= */
.content-section {
    padding: var(--spacing-xl) 0;
    background-color: var(--white);
}

.content-heading {
    font-size: var(--font-xl);
    color: var(--text-dark);
    margin: 2rem 0 1rem;
    font-weight: 600;
    text-align: center;
}

.content-section p {
    font-size: var(--font-sm);
    color: var(--text-light);
    line-height: 1.8;
    margin-bottom: 1.5rem;
    text-align: center;
}

.content-list {
    margin: 1.5rem auto;
    padding-left: 2rem;
    max-width: 60rem;
}

.content-list li {
    list-style: disc;
    font-size: var(--font-sm);
    color: var(--text-light);
    line-height: 1.8;
    margin-bottom: 1rem;
}

/* =========================================
   FOOTER
   ========================================= */
.main-footer {
    background-color: var(--secondary-purple);
    color: var(--white);
    font-size: var(--font-sm);
}

.footer-addresses {
    padding: 3rem 0 2rem;
}

.addresses-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
}

.address-col h4 {
    font-size: var(--font-lg);
    margin-bottom: 1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.address-col p {
    line-height: 1.8;
    opacity: 0.9;
    margin-bottom: 0.5rem;
}

.address-col i {
    margin-right: 0.5rem;
}

.footer-divider {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0;
}

.footer-links {
    padding: 2rem 0;
}

.links-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
}

.link-col h4 {
    font-size: var(--font-base);
    margin-bottom: 1rem;
    font-weight: 600;
}

.links-two-col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.link-col ul li {
    margin-bottom: 0.5rem;
}

.link-col ul li a {
    color: rgba(255, 255, 255, 0.8);
    transition: all var(--transition-fast);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.link-col ul li a i {
    color: var(--accent-orange);
    width: 20px;
}

.link-col ul li a:hover {
    color: var(--white);
    padding-left: 0.5rem;
}

/* Newsletter Form */
.newsletter-form {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
}

.newsletter-form input {
    flex: 1;
    padding: 0.75rem;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 0.25rem;
    background: transparent;
    color: var(--white);
    font-size: var(--font-sm);
}

.newsletter-form input::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.newsletter-form button {
    padding: 0.75rem 1.5rem;
    background: var(--accent-orange);
    color: var(--white);
    border-radius: 0.25rem;
    transition: all var(--transition-normal);
}

.newsletter-form button:hover {
    background: #4a90e2;
}

.footer-social {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
}

.footer-social a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    transition: all var(--transition-normal);
}

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

.footer-services {
    padding: 2rem 0;
}

.services-links-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

.service-links-col h4 {
    font-size: var(--font-base);
    margin-bottom: 1rem;
    font-weight: 600;
}

.copyright-bar {
    background-color: var(--primary-purple);
    padding: 1.5rem 0;
    text-align: center;
}

.copyright-bar p {
    font-size: var(--font-xs);
    opacity: 0.8;
}

/* ========================================= FLOATING WIDGETS ========================================= */

/* WhatsApp Float */
.whatsapp-float {
    position: fixed;
    bottom: 1.5rem;
    left: 1.5rem;
    width: 3.5rem;
    height: 3.5rem;
    background-color: #25d366;
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    box-shadow: var(--shadow-lg);
    z-index: 999;
    transition: all var(--transition-normal);
}

.whatsapp-float:hover {
    transform: scale(1.1);
    box-shadow: 0 0.5rem 2rem rgba(37, 211, 102, 0.4);
}

.pulse-float {
    animation: pulse 2s infinite;
}

@keyframes pulse {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }

    50% {
        box-shadow: 0 0 0 0.75rem rgba(37, 211, 102, 0);
    }
}

/* Live Chat Button */
.live-chat-button {
    position: fixed;
    bottom: 1.5rem;
    right: 8rem;
    width: 3.5rem;
    height: 3.5rem;
    background-color: var(--accent-orange);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    box-shadow: var(--shadow-lg);
    z-index: 999;
    transition: all var(--transition-normal);
    position: relative;
}

.live-chat-button:hover {
    transform: scale(1.1);
    background-color: var(--secondary-purple);
}

.chat-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
    background: red;
    color: white;
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

/* Get a Quote Side Tab */
.floating-quote {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--secondary-purple);
    color: var(--white);
    padding: 1rem 0.75rem;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    border-radius: 0.5rem 0 0 0.5rem;
    cursor: pointer;
    z-index: 999;
    box-shadow: var(--shadow-lg);
    transition: all var(--transition-normal);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
}

.floating-quote:hover {
    padding-right: 1rem;
    background-color: var(--accent-orange);
}

/* Scroll to Top Button with Progress Ring */
.scroll-to-top {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    width: 60px;
    height: 60px;
    background-color: var(--primary-purple);
    color: var(--white);
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    box-shadow: var(--shadow-lg);
    z-index: 999;
    transition: all var(--transition-normal);
    position: relative;
}

.scroll-to-top.visible {
    display: flex;
}

.scroll-to-top:hover {
    background-color: var(--accent-orange);
    transform: translateY(-3px);
}

.progress-ring {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-90deg);
}

.progress-ring-circle {
    transition: stroke-dashoffset 0.1s linear;
    stroke-dasharray: 164;
    stroke-dashoffset: 164;
}

/* ========================================= MODAL - Multi-Step Form ========================================= */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 10000;
    align-items: center;
    justify-content: center;
    animation: fadeIn 0.3s ease;
    overflow-y: auto;
}

.modal.show {
    display: flex;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.modal-content {
    background: var(--white);
    width: 90%;
    max-width: 40rem;
    border-radius: 1rem;
    padding: 2.5rem;
    position: relative;
    animation: slideUp 0.4s ease;
    max-height: 90vh;
    overflow-y: auto;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }

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

.close-btn {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 2rem;
    color: var(--text-light);
    cursor: pointer;
    transition: color var(--transition-fast);
    background: none;
    line-height: 1;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.close-btn:hover {
    color: var(--accent-orange);
    background: var(--bg-light);
}

.modal-content h2 {
    color: var(--primary-purple);
    margin-bottom: 2rem;
    font-size: var(--font-xl);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Form Steps Progress */
.form-steps {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
}

.step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.step-number {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--bg-light);
    color: var(--text-light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    transition: all var(--transition-normal);
}

.step.active .step-number {
    background: var(--accent-orange);
    color: var(--white);
    transform: scale(1.2);
}

.step-label {
    font-size: var(--font-xs);
    color: var(--text-light);
    font-weight: 600;
}

.step.active .step-label {
    color: var(--accent-orange);
}

.step-line {
    width: 80px;
    height: 2px;
    background: var(--border-color);
    margin: 0 0.5rem;
}

/* Multi-Step Form */
.form-step {
    display: none;
}

.form-step.active {
    display: block;
    animation: fadeIn 0.4s ease;
}

.form-step h3 {
    font-size: var(--font-lg);
    color: var(--text-dark);
    margin-bottom: 1.5rem;
    font-weight: 600;
}

.form-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

/* Floating Label Effect */
.form-group {
    margin-bottom: 1.5rem;
}

.floating-label {
    position: relative;
}

.floating-label input,
.floating-label select,
.floating-label textarea {
    width: 100%;
    padding: 1rem 1rem 1rem 3rem;
    border: 2px solid var(--border-color);
    border-radius: 0.5rem;
    font-family: inherit;
    font-size: var(--font-base);
    transition: all var(--transition-normal);
    background: var(--white);
}

.floating-label input:focus,
.floating-label select:focus,
.floating-label textarea:focus {
    outline: none;
    border-color: var(--accent-orange);
    box-shadow: 0 0 10px rgba(243, 116, 33, 0.2);
}

.floating-label label {
    position: absolute;
    left: 3rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-light);
    font-size: var(--font-base);
    pointer-events: none;
    transition: all var(--transition-normal);
}

.floating-label input:focus~label,
.floating-label input:not(:placeholder-shown)~label,
.floating-label select:focus~label,
.floating-label select:valid~label,
.floating-label textarea:focus~label,
.floating-label textarea:not(:placeholder-shown)~label {
    top: -10px;
    left: 10px;
    font-size: var(--font-xs);
    background: var(--white);
    padding: 0 0.5rem;
    color: var(--accent-orange);
}

.floating-label>i {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-light);
    transition: color var(--transition-normal);
}

.floating-label input:focus~i,
.floating-label select:focus~i,
.floating-label textarea:focus~i {
    color: var(--accent-orange);
}

/* Checkbox Cards */
.checkbox-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.checkbox-card {
    cursor: pointer;
}

.checkbox-card input {
    display: none;
}

.checkbox-content {
    padding: 1.5rem;
    border: 2px solid var(--border-color);
    border-radius: 0.5rem;
    text-align: center;
    transition: all var(--transition-normal);
}

.checkbox-card input:checked~.checkbox-content {
    border-color: var(--accent-orange);
    background: rgba(243, 116, 33, 0.1);
}

.checkbox-content i {
    font-size: 2rem;
    color: var(--accent-orange);
    margin-bottom: 0.5rem;
}

.checkbox-content span {
    display: block;
    font-weight: 600;
    color: var(--text-dark);
}

/* Captcha */
.captcha-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border: 1px solid var(--border-color);
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
    background-color: var(--bg-lighter);
}

.captcha-checkbox {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    position: relative;
}

.captcha-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    width: 1.5rem;
    height: 1.5rem;
    border: 2px solid var(--border-color);
    border-radius: 0.25rem;
    background-color: var(--white);
    transition: all var(--transition-fast);
    display: flex;
    align-items: center;
    justify-content: center;
}

.captcha-checkbox input:checked~.checkmark {
    background-color: var(--accent-green);
    border-color: var(--accent-green);
}

.captcha-checkbox input:checked~.checkmark::after {
    content: '\2713';
    color: var(--white);
    font-size: 1rem;
    font-weight: bold;
}

.captcha-text {
    font-size: var(--font-sm);
    color: var(--text-dark);
}

.captcha-Logo1 {
    font-size: var(--font-xs);
    color: var(--text-lighter);
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

/* Form Buttons */
.form-buttons {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.btn-prev,
.btn-next,
.btn-submit {
    padding: 0.875rem 2rem;
    font-size: var(--font-base);
    font-weight: 600;
    border-radius: 0.5rem;
    transition: all var(--transition-normal);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-prev {
    background: var(--bg-light);
    color: var(--text-dark);
}

.btn-prev:hover {
    background: var(--border-color);
}

.btn-next {
    background: var(--accent-orange);
    color: var(--white);
    margin-left: auto;
}

.btn-next:hover {
    background: #4a90e2;
    transform: translateY(-2px);
}

.btn-submit {
    width: 100%;
    background-color: var(--secondary-purple);
    color: var(--white);
    justify-content: center;
}

.btn-submit:hover {
    background-color: var(--primary-purple);
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

/* ========================================= EXIT INTENT MODAL ========================================= */
.exit-modal {
    backdrop-filter: blur(5px);
}

.exit-modal-content {
    max-width: 35rem;
    text-align: center;
    background: linear-gradient(135deg, var(--secondary-purple), var(--primary-purple));
    color: var(--white);
}

.exit-modal-body {
    padding: 2rem;
}

.exit-icon {
    font-size: 4rem;
    color: var(--accent-orange);
    margin-bottom: 1rem;
    animation: shake 0.5s;
}

@keyframes shake {

    0%,
    100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-10px);
    }

    75% {
        transform: translateX(10px);
    }
}

.exit-modal-content h2 {
    color: var(--white);
    margin-bottom: 1rem;
}

.exit-modal-content p {
    font-size: var(--font-lg);
    margin-bottom: 1.5rem;
}

.exit-offer {
    background: rgba(255, 255, 255, 0.1);
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-weight: 600;
}

.exit-offer i {
    font-size: 2rem;
    color: var(--accent-orange);
}

.btn-exit-cta {
    padding: 1rem 2.5rem;
    background: var(--accent-orange);
    color: var(--white);
    font-size: var(--font-lg);
    font-weight: 600;
    border-radius: 0.5rem;
    transition: all var(--transition-normal);
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
}

.btn-exit-cta:hover {
    background: #4a90e2;
    transform: scale(1.05);
}

.exit-small {
    margin-top: 1rem;
    font-size: var(--font-sm);
    opacity: 0.8;
}

/* ========================================= SUCCESS ANIMATION ========================================= */
.success-animation {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--white);
    padding: 3rem;
    border-radius: 1rem;
    box-shadow: var(--shadow-lg);
    text-align: center;
    z-index: 10001;
    display: none;
}

.success-animation.show {
    display: block;
    animation: slideUp 0.4s ease;
}

.success-checkmark {
    margin: 0 auto 1.5rem;
}

.checkmark {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    stroke-width: 3;
    stroke: var(--accent-green);
    stroke-miterlimit: 10;
    animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}

.checkmark-circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 3;
    stroke-miterlimit: 10;
    stroke: var(--accent-green);
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark-check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    stroke: var(--accent-green);
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {

    0%,
    100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px var(--accent-green);
    }
}

.success-animation h3 {
    color: var(--accent-green);
    font-size: var(--font-2xl);
    margin-bottom: 0.5rem;
}

.success-animation p {
    color: var(--text-light);
    font-size: var(--font-base);
}

/* ========================================= SCROLL FADE-IN ANIMATION ========================================= */
.fade-in-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease;
}

.fade-in-scroll.visible {
    opacity: 1;
    transform: translateY(0);
}

/* ========================================= PAGE TEMPLATE STYLES (For 30+ Pages) ========================================= */
.breadcrumb-section {
    background: var(--bg-light);
    padding: 1rem 0;
    border-bottom: 1px solid var(--border-color);
}

.breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--font-sm);
    color: var(--text-light);
}

.breadcrumb a {
    color: var(--primary-purple);
    transition: color var(--transition-fast);
}

.breadcrumb a:hover {
    color: var(--accent-orange);
}

.breadcrumb .separator {
    color: var(--text-lighter);
}

.breadcrumb .current {
    color: var(--text-dark);
    font-weight: 500;
}

.page-hero {
    background: linear-gradient(135deg, var(--primary-purple), var(--secondary-purple));
    color: var(--white);
    padding: 4rem 0 3rem;
    text-align: center;
}

.page-hero h1 {
    font-size: var(--font-3xl);
    margin-bottom: 1rem;
    color: var(--white);
}

.page-hero .lead {
    font-size: var(--font-lg);
    opacity: 0.9;
    max-width: 800px;
    margin: 0 auto;
}

.page-content {
    padding: 3rem 0;
}

.content-layout {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 3rem;
}

.sidebar {
    position: sticky;
    top: 100px;
    align-self: start;
}

.sidebar-widget {
    background: var(--white);
    padding: 1.5rem;
    border-radius: 0.5rem;
    box-shadow: var(--shadow-sm);
    margin-bottom: 1.5rem;
}

.sidebar-widget h3 {
    font-size: var(--font-lg);
    color: var(--text-dark);
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid var(--primary-purple);
}

.sidebar-menu {
    list-style: none;
}

.sidebar-menu li {
    margin-bottom: 0.5rem;
}

.sidebar-menu a {
    display: block;
    padding: 0.75rem;
    color: var(--text-light);
    border-radius: 0.25rem;
    transition: all var(--transition-fast);
}

.sidebar-menu a:hover {
    background: var(--bg-light);
    color: var(--primary-purple);
    padding-left: 1rem;
}

.cta-widget {
    background: linear-gradient(135deg, var(--primary-purple), var(--secondary-purple));
    color: var(--white);
    text-align: center;
}

.cta-widget h3 {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.3);
}

.cta-widget p {
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 1rem;
}

.cta-widget .btn-primary {
    background: var(--accent-orange);
    color: var(--white);
    padding: 0.75rem 1.5rem;
    border-radius: 0.25rem;
    font-weight: 600;
    display: inline-block;
    transition: all var(--transition-normal);
}

.cta-widget .btn-primary:hover {
    background: #4a90e2;
    transform: translateY(-2px);
}

.main-content {
    background: var(--white);
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: var(--shadow-sm);
}

.main-content article h2 {
    font-size: var(--font-2xl);
    color: var(--text-dark);
    margin-bottom: 1.5rem;
}

.main-content article h3 {
    font-size: var(--font-xl);
    color: var(--primary-purple);
    margin: 2rem 0 1rem;
}

.main-content article h4 {
    font-size: var(--font-lg);
    color: var(--text-dark);
    margin: 1.5rem 0 1rem;
}

.main-content article p {
    font-size: var(--font-base);
    color: var(--text-light);
    line-height: 1.8;
    margin-bottom: 1.5rem;
}

.main-content article ul,
.main-content article ol {
    margin: 1rem 0 1.5rem 2rem;
}

.main-content article li {
    margin-bottom: 0.75rem;
    color: var(--text-light);
    line-height: 1.7;
}

.page-cta {
    background: linear-gradient(135deg, var(--primary-purple), var(--secondary-purple));
    color: var(--white);
    padding: 4rem 0;
    text-align: center;
}

.page-cta h2 {
    color: var(--white);
    font-size: var(--font-2xl);
    margin-bottom: 1rem;
}

.page-cta p {
    font-size: var(--font-lg);
    opacity: 0.9;
    margin-bottom: 2rem;
}

.btn-large {
    padding: 1rem 2.5rem;
    font-size: var(--font-lg);
    font-weight: 600;
    background: var(--accent-orange);
    color: var(--white);
    border-radius: 0.5rem;
    display: inline-block;
    transition: all var(--transition-normal);
}

.btn-large:hover {
    background: #4a90e2;
    transform: translateY(-3px);
    box-shadow: var(--shadow-lg);
}

/* ========================================= RESPONSIVE DESIGN - TABLET ========================================= */
@media (max-width: 1024px) {
    .mega-menu-content {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .mega-menu {
        min-width: 600px;
    }

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

    .industries-menu {
        min-width: 700px;
    }

    .nav-search {
        flex: 0 0 200px;
    }

    .content-layout {
        grid-template-columns: 250px 1fr;
        gap: 2rem;
    }

    /* ========================================= RESPONSIVE DESIGN - MOBILE ========================================= */
    @media (max-width: 768px) {
        .container {
            width: 95%;
        }

        :root {
            --font-3xl: 2rem;
            --font-2xl: 1.5rem;
            --font-xl: 1.25rem;
        }

        /* Top Bar */
        .top-bar-content {
            flex-direction: column;
            gap: 0.5rem;
            text-align: center;
            font-size: 0.75rem;
        }

        .contact-info {
            flex-direction: column;
            align-items: center;
            gap: 0.25rem;
        }

        .separator {
            display: none;
        }

        /* Mobile Menu */
        .mobile-menu-toggle {
            display: flex;
            z-index: 1001;
        }

        .nav-search {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: var(--white);
            padding: 1rem;
            box-shadow: var(--shadow-md);
            display: none;
        }

        .nav-search.active {
            display: block;
        }

        .Logo1 img {
            height: 2.5rem;
        }

        .main-header {
            padding: 0.75rem 0;
        }

        .navbar {
            position: fixed;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100vh;
            background: var(--white);
            transition: left var(--transition-normal);
            overflow-y: auto;
            box-shadow: var(--shadow-lg);
            z-index: 999;
            padding-top: 5rem;
        }

        .navbar.active {
            left: 0;
        }

        .main-menu {
            flex-direction: column;
            align-items: stretch;
            padding: 1rem;
            gap: 0;
            width: 100%;
        }

        .main-menu>li {
            border-bottom: 1px solid var(--border-color);
            width: 100%;
        }

        .menu-link {
            padding: 1rem;
            width: 100%;
            justify-content: space-between;
        }

        .has-dropdown>.menu-link::after {
            content: '+';
            font-size: 1.5rem;
            margin-left: auto;
        }

        .has-dropdown.mobile-active>.menu-link::after {
            content: '−';
        }

        .dropdown-menu,
        .mega-menu {
            position: static;
            transform: none;
            box-shadow: none;
            margin: 0;
            padding: 0 1rem;
            max-height: 0;
            overflow: hidden;
            opacity: 0;
            transition: all var(--transition-normal);
            min-width: 100%;
            border-top: none;
        }

        .has-dropdown.mobile-active .dropdown-menu,
        .has-dropdown.mobile-active .mega-menu {
            max-height: 2000px;
            opacity: 1;
            padding: 1rem;
        }

        .mega-menu-content,
        .industries-grid,
        .dropdown-columns {
            grid-template-columns: 1fr;
        }

        /* Hero */
        .hero-section {
            min-height: 28rem;
            padding: 2rem 1rem;
            background-attachment: scroll;
        }

        .hero-title {
            font-size: 1.5rem;
            line-height: 1.4;
            margin-bottom: 1.5rem;
        }

        .typewriter {
            border: none;
            animation: none;
            white-space: normal;
        }

        .hero-buttons {
            flex-direction: column;
            gap: 1rem;
        }

        .btn-orange {
            width: 100%;
            justify-content: center;
        }

        .hero-subtext {
            font-size: var(--font-sm);
        }

        /* Countries Bar */
        .countries-content {
            flex-direction: column;
        }

        .countries-flags {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
            padding-bottom: 0.5rem;
        }

        .countries-flags::-webkit-scrollbar {
            display: none;
        }

        /* Service Filters */
        .service-filters {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            justify-content: flex-start;
            padding-bottom: 0.5rem;
        }

        /* Grids to 1 column */
        .services-grid,
        .features-grid,
        .blog-grid {
            grid-template-columns: 1fr;
        }

        /* Why Choose */
        .why-choose-grid {
            grid-template-columns: 1fr;
            gap: 2rem;
        }

        .stats-boxes {
            grid-template-columns: repeat(2, 1fr);
        }

        /* Calculator */
        .calculator-tool {
            padding: 2rem 1.5rem;
        }

        .calculator-results {
            flex-direction: column;
        }

        .result-arrow {
            transform: rotate(90deg);
        }

        /* FAQ */
        .checkbox-grid {
            grid-template-columns: 1fr;
        }

        /* Industries */
        .industries-showcase-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        /* Trust Badges */
        .badges-carousel {
            grid-template-columns: repeat(2, 1fr);
            gap: 1.5rem;
        }

        /* CTA Banner */
        .cta-banner-content {
            grid-template-columns: 1fr;
            gap: 1.5rem;
            padding: 1rem 0;
        }

        .cta-item {
            flex-direction: column;
            text-align: center;
        }

        .btn-cta-orange {
            width: 100%;
            padding: 0.875rem 1.5rem;
            justify-content: center;
        }

        /* Footer */
        .addresses-grid,
        .links-grid,
        .services-links-grid {
            grid-template-columns: 1fr;
        }

        .links-two-col {
            grid-template-columns: 1fr;
        }

        /* Modal */
        .modal-content {
            width: 95%;
            max-width: 100%;
            padding: 2rem 1.5rem;
        }

        .form-row {
            grid-template-columns: 1fr;
        }

        .form-steps {
            overflow-x: auto;
        }

        .step-line {
            width: 40px;
        }

        /* Page Layout */
        .content-layout {
            grid-template-columns: 1fr;
        }

        .sidebar {
            position: static;
        }

        /* Floating Widgets */
        .whatsapp-float {
            bottom: 1rem;
            left: 1rem;
            width: 3rem;
            height: 3rem;
            font-size: 1.75rem;
        }

        .live-chat-button {
            bottom: 1rem;
            right: 5rem;
            width: 3rem;
            height: 3rem;
        }

        .floating-quote {
            padding: 0.875rem 0.5rem;
            font-size: 0.75rem;
        }

        .scroll-to-top {
            bottom: 1rem;
            right: 1rem;
            width: 50px;
            height: 50px;
        }

        .dark-mode-toggle {
            top: 80px;
            right: 10px;
            width: 45px;
            height: 45px;
        }
    }

    /* Extra Small Mobile */
    @media (max-width: 480px) {
        .industries-showcase-grid {
            grid-template-columns: 1fr;
        }

        .stats-boxes {
            grid-template-columns: 1fr;
        }

        .hero-title {
            font-size: 1.25rem;
        }

        .badges-carousel {
            grid-template-columns: 1fr;
        }

        /* Reduce Motion for Accessibility */
        @media (prefers-reduced-motion: reduce) {
            * {
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 0.01ms !important;
            }
        }

        /* Large Desktop */
        @media (min-width: 1440px) {
            .container {
                max-width: 85rem;
            }
        }

        /* Print Styles */
        @media print {

            .top-bar,
            .main-header,
            .floating-quote,
            .whatsapp-float,
            .live-chat-button,
            .scroll-to-top,
            .dark-mode-toggle,
            .cookie-banner,
            .modal {
                display: none !important;
            }
        }
    }
}

/* =========================================
   SOFTWARE PARTNERS SECTION - UPDATED
   ========================================= */
.software-section {
    padding: var(--spacing-xl) 0;
    background: linear-gradient(135deg, #F8FAFB 0%, #FFFFFF 100%);
    position: relative;
    overflow: hidden;
}

.software-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg,
            transparent 0%,
            var(--primary-blue) 25%,
            var(--primary-green) 50%,
            var(--primary-blue) 75%,
            transparent 100%);
}

.software-section .section-header-center h2 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--black);
    text-align: center;
    letter-spacing: 0.5px;
    line-height: 1.4;
    max-width: 900px;
    margin: 0 auto;
}

.software-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2.5rem;
    margin-top: 3rem;
    align-items: center;
}

.software-logo {
    background: var(--white);
    padding: 2rem 1.5rem;
    border-radius: 0.75rem;
    box-shadow: 0 4px 20px rgba(44, 62, 80, 0.08);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 130px;
    border: 2px solid #E0E0E0;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    cursor: pointer;
}

/* Remove shimmer effect - keep it clean */
.software-logo::before {
    display: none;
}

/* Hover Effect - Scale + Green Shadow */
.software-logo:hover {
    transform: translateY(-5px) scale(1.08);
    box-shadow: 0 15px 40px rgba(124, 179, 66, 0.4);
    border-color: var(--primary-green);
}

/* Images - Normal Colors (no grayscale) */
.software-logo img {
    max-width: 100%;
    height: auto;
    max-height: 70px;
    object-fit: contain;
    transition: transform 0.3s ease;
    display: block;
}

/* Hover - Scale Image */
.software-logo:hover img {
    transform: scale(1.15);
}

/* Text-based logos */
.logo-text {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-dark);
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    padding: 1rem;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 0.5rem;
    transition: all 0.3s ease;
}

.software-logo:hover .logo-text {
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));
    color: var(--white);
    transform: scale(1.1);
}

/* Logo placeholder icons */
.logo-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.logo-placeholder i {
    font-size: 2.5rem;
    color: var(--primary-blue);
    transition: all 0.3s ease;
}

.software-logo:hover .logo-placeholder i {
    color: var(--primary-green);
    transform: scale(1.2);
}

.logo-placeholder span {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-dark);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Software Count Badge */
.software-count {
    text-align: center;
    margin-top: 3rem;
}

.software-count p {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));
    color: var(--white);
    padding: 1rem 2rem;
    border-radius: 50px;
    font-size: 1.125rem;
    font-weight: 600;
    box-shadow: 0 8px 25px rgba(124, 179, 66, 0.3);
    transition: all 0.3s ease;
}

.software-count p:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(124, 179, 66, 0.5);
}

.software-count i {
    font-size: 1.5rem;
}

/* =========================================
   CLIENTS SECTION - UPDATED
   ========================================= */
.clients-section {
    padding: var(--spacing-xl) 0;
    background: var(--white);
    position: relative;
}

.clients-section .section-header-center h2 {
    font-size: 2rem;
    font-weight: 700;
    color: var(--black);
    text-align: center;
    margin-bottom: 1rem;
}

/* Client Count Badge */
.client-count {
    text-align: center;
    font-size: 1.125rem;
    color: var(--text-light);
    margin: 1.5rem 0 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-weight: 500;
}

.client-count i {
    color: var(--primary-green);
    font-size: 1.5rem;
}

.clients-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2rem;
    margin-top: 2rem;
    align-items: center;
}

.client-logo {
    background: var(--white);
    padding: 2rem 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 2px 15px rgba(44, 62, 80, 0.06);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    border: 1px solid #E0E0E0;
    position: relative;
    overflow: visible;
    cursor: pointer;
}

/* Remove radial glow - keep it simple */
.client-logo::after {
    display: none;
}

/* Hover - Green Shadow */
.client-logo:hover {
    transform: translateY(-5px) scale(1.08);
    box-shadow: 0 12px 35px rgba(124, 179, 66, 0.35);
    border-color: var(--primary-green);
}

.client-logo img {
    max-width: 100%;
    height: auto;
    max-height: 60px;
    object-fit: contain;
    transition: transform 0.3s ease;
    display: block;
}

.client-logo:hover img {
    transform: scale(1.15);
}

/* Client text logos */
.client-logo .logo-text {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-dark);
}

.client-logo:hover .logo-text {
    transform: scale(1.1);
}

/* Logo Placeholder */
.client-logo .logo-placeholder {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.client-logo .logo-placeholder i {
    font-size: 2.5rem;
    color: var(--primary-blue);
    transition: all 0.3s ease;
}

.client-logo:hover .logo-placeholder i {
    color: var(--primary-green);
    transform: scale(1.2);
}

.client-logo .logo-placeholder span {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-light);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Clients CTA Section */
.clients-cta {
    text-align: center;
    margin-top: 4rem;
    padding-top: 3rem;
    border-top: 2px solid var(--border-color);
}

.clients-cta p {
    font-size: 1.25rem;
    color: var(--text-dark);
    margin-bottom: 1.5rem;
    font-weight: 500;
}

.btn-view-testimonials {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 2.5rem;
    background: linear-gradient(135deg, var(--primary-blue), var(--light-blue));
    color: var(--white);
    text-decoration: none;
    border-radius: 50px;
    font-size: 1.125rem;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(30, 136, 229, 0.3);
}

.btn-view-testimonials:hover {
    background: linear-gradient(135deg, var(--primary-green), var(--light-green));
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(124, 179, 66, 0.4);
}

/* =========================================
   TOOLTIPS - UPDATED
   ========================================= */
.software-logo[data-tooltip],
.client-logo[data-tooltip] {
    position: relative;
}

.software-logo[data-tooltip]::after,
.client-logo[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 110%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    background: var(--black);
    color: var(--white);
    padding: 0.625rem 1rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
    z-index: 100;
    box-shadow: 0 4px 15px rgba(124, 179, 66, 0.3);
}

.software-logo[data-tooltip]:hover::after,
.client-logo[data-tooltip]:hover::after {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* Tooltip Arrow */
.software-logo[data-tooltip]::before,
.client-logo[data-tooltip]::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: var(--black);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 100;
}

.software-logo[data-tooltip]:hover::before,
.client-logo[data-tooltip]:hover::before {
    opacity: 1;
}

/* =========================================
   SCROLL ANIMATIONS
   ========================================= */
.software-logo,
.client-logo {
    opacity: 0;
    transform: translateY(30px);
}

.software-logo.fade-in,
.client-logo.fade-in {
    animation: fadeInUp 0.6s ease forwards;
}

.software-logo:nth-child(1) {
    animation-delay: 0.1s;
}

.software-logo:nth-child(2) {
    animation-delay: 0.15s;
}

.software-logo:nth-child(3) {
    animation-delay: 0.2s;
}

.software-logo:nth-child(4) {
    animation-delay: 0.25s;
}

.software-logo:nth-child(5) {
    animation-delay: 0.3s;
}

.software-logo:nth-child(6) {
    animation-delay: 0.35s;
}

.software-logo:nth-child(7) {
    animation-delay: 0.4s;
}

.software-logo:nth-child(8) {
    animation-delay: 0.45s;
}

.software-logo:nth-child(9) {
    animation-delay: 0.5s;
}

.software-logo:nth-child(10) {
    animation-delay: 0.55s;
}

.client-logo:nth-child(1) {
    animation-delay: 0.1s;
}

.client-logo:nth-child(2) {
    animation-delay: 0.15s;
}

.client-logo:nth-child(3) {
    animation-delay: 0.2s;
}

.client-logo:nth-child(4) {
    animation-delay: 0.25s;
}

.client-logo:nth-child(5) {
    animation-delay: 0.3s;
}

.client-logo:nth-child(6) {
    animation-delay: 0.35s;
}

.client-logo:nth-child(7) {
    animation-delay: 0.4s;
}

.client-logo:nth-child(8) {
    animation-delay: 0.45s;
}

.client-logo:nth-child(9) {
    animation-delay: 0.5s;
}

.client-logo:nth-child(10) {
    animation-delay: 0.55s;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

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

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

/* Tablet */
@media (max-width: 1024px) {

    .software-grid,
    .clients-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
    }

    .software-section .section-header-center h2 {
        font-size: 1.25rem;
    }
}

/* Mobile */
@media (max-width: 768px) {

    .software-section,
    .clients-section {
        padding: var(--spacing-lg) 0;
    }

    .software-grid,
    .clients-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }

    .software-section .section-header-center h2 {
        font-size: 1rem;
    }

    .software-logo,
    .client-logo {
        padding: 1.5rem 1rem;
        min-height: 100px;
    }

    .software-logo img,
    .client-logo img {
        max-height: 50px;
    }

    .software-count p,
    .client-count {
        font-size: 0.875rem;
    }

    /* Disable tooltips on mobile */
    .software-logo[data-tooltip]::after,
    .client-logo[data-tooltip]::after,
    .software-logo[data-tooltip]::before,
    .client-logo[data-tooltip]::before {
        display: none;
    }
}

/* Small Mobile */
@media (max-width: 480px) {

    .software-grid,
    .clients-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .software-section .section-header-center h2 {
        font-size: 0.875rem;
    }
}

/* =========================================
   PAGE-SPECIFIC STYLES
   ========================================= */

/* Mini Service Cards */
.services-grid-mini {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}

.mini-service-card {
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    padding: 1.5rem;
    border-radius: 0.5rem;
    text-align: center;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.mini-service-card:hover {
    border-color: var(--primary-blue);
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(124, 179, 66, 0.3);
}

.mini-service-card i {
    font-size: 2.5rem;
    color: var(--primary-blue);
    margin-bottom: 1rem;
}

.mini-service-card h4 {
    color: var(--black);
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.mini-service-card p {
    color: var(--text-light);
    font-size: 0.875rem;
}

/* Info Box */
.info-box {
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(124, 179, 66, 0.1));
    border-left: 4px solid var(--primary-blue);
    padding: 1.5rem;
    margin: 2rem 0;
    border-radius: 0.5rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.info-box i {
    font-size: 2rem;
    color: var(--primary-green);
    flex-shrink: 0;
}

.info-box p {
    margin: 0;
}

/* Feature List */
.feature-list {
    list-style: none;
    padding: 0;
    margin: 1.5rem 0;
}

.feature-list li {
    padding: 0.75rem 0;
    display: flex;
    align-items: center;
    gap: 1rem;
    border-bottom: 1px solid var(--border-color);
}

.feature-list li:last-child {
    border-bottom: none;
}

.feature-list i {
    color: var(--primary-green);
    font-size: 1.25rem;
}

/* Two Column List */
.two-column-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin: 2rem 0;
}

/* Benefits Grid */
.benefits-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}

.benefit-card {
    background: var(--white);
    padding: 1.5rem;
    border-radius: 0.5rem;
    border: 2px solid var(--border-color);
    text-align: center;
    transition: all 0.3s ease;
}

.benefit-card:hover {
    border-color: var(--primary-green);
    box-shadow: 0 8px 25px rgba(124, 179, 66, 0.2);
    transform: translateY(-5px);
}

.benefit-card i {
    font-size: 2.5rem;
    color: var(--primary-blue);
    margin-bottom: 1rem;
}

.benefit-card h4 {
    color: var(--black);
    margin-bottom: 0.5rem;
}

.benefit-card p {
    color: var(--text-light);
    font-size: 0.875rem;
}

/* Highlight Box */
.highlight-box {
    background: linear-gradient(135deg, var(--primary-blue), var(--light-blue));
    color: var(--white);
    padding: 2rem;
    border-radius: 0.75rem;
    margin: 2rem 0;
}

.highlight-box i {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.highlight-box h3 {
    color: var(--white);
    margin-bottom: 1rem;
}

.highlight-box ul {
    list-style: none;
    padding: 0;
}

.highlight-box ul li {
    padding: 0.5rem 0;
    padding-left: 1.5rem;
    position: relative;
}

.highlight-box ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--primary-green);
    font-weight: bold;
}

/* Reporting Grid */
.reporting-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}

.report-type {
    background: var(--bg-light);
    padding: 1.5rem;
    border-radius: 0.5rem;
    text-align: center;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.report-type:hover {
    border-color: var(--primary-blue);
    box-shadow: 0 5px 20px rgba(30, 136, 229, 0.2);
}

.report-type i {
    font-size: 2.5rem;
    color: var(--primary-blue);
    margin-bottom: 1rem;
}

.report-type h4 {
    color: var(--black);
}

/* Asset Services */
.asset-services {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}

.asset-card {
    background: linear-gradient(135deg, #F8FAFB, #FFFFFF);
    padding: 1.5rem;
    border-radius: 0.5rem;
    text-align: center;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
}

.asset-card:hover {
    border-color: var(--primary-green);
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(124, 179, 66, 0.25);
}

.asset-card i {
    font-size: 2.5rem;
    color: var(--primary-green);
    margin-bottom: 1rem;
}

/* Final Benefits */
.final-benefits {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}

.final-benefit {
    text-align: center;
    padding: 1.5rem;
    background: var(--bg-light);
    border-radius: 0.5rem;
}

.final-benefit i {
    font-size: 3rem;
    color: var(--primary-green);
    margin-bottom: 1rem;
}

.final-benefit h4 {
    color: var(--black);
    margin-bottom: 0.5rem;
}

.final-benefit p {
    color: var(--text-light);
    font-size: 0.875rem;
}

/* CTA Banner Final */
.cta-banner-final {
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));
    color: var(--white);
    padding: 3rem;
    text-align: center;
    border-radius: 1rem;
    margin-top: 3rem;
}

.cta-banner-final h3 {
    color: var(--white);
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
}

/* Responsive */
@media (max-width: 768px) {

    .services-grid-mini,
    .benefits-grid,
    .reporting-grid,
    .asset-services,
    .two-column-list {
        grid-template-columns: 1fr;
    }

    .final-benefits {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

/* =========================================
   MIDDLE EAST PAGE SPECIFIC STYLES
   ========================================= */

/* Region Widget */
.region-widget {
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border: 2px solid rgba(30, 136, 229, 0.1);
}

.region-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.region-list li {
    padding: 0.75rem;
    border-bottom: 1px solid rgba(30, 136, 229, 0.1);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--text-dark);
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.region-list li:last-child {
    border-bottom: none;
}

.region-list li:hover {
    background: rgba(30, 136, 229, 0.05);
    padding-left: 1rem;
}

.region-list i {
    color: var(--primary-green);
    font-size: 1rem;
}

/* Quick Stats Widget */
.quick-stats {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.stat-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 0.5rem;
    transition: all 0.3s ease;
}

.stat-item:hover {
    transform: translateX(5px);
    box-shadow: 0 4px 15px rgba(30, 136, 229, 0.15);
}

.stat-item i {
    font-size: 2rem;
    color: var(--primary-blue);
    width: 40px;
    text-align: center;
}

.stat-item div {
    flex: 1;
}

.stat-item strong {
    display: block;
    font-size: 1.5rem;
    color: var(--primary-green);
    line-height: 1;
    margin-bottom: 0.25rem;
}

.stat-item span {
    font-size: 0.75rem;
    color: var(--text-light);
    line-height: 1;
}

/* Value Proposition */
.value-proposition {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}

.value-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, #F8FAFB, #FFFFFF);
    border-radius: 0.75rem;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.value-item:hover {
    border-color: var(--primary-blue);
    box-shadow: 0 8px 25px rgba(30, 136, 229, 0.15);
    transform: translateY(-5px);
}

.value-item i {
    font-size: 2.5rem;
    color: var(--primary-green);
    flex-shrink: 0;
}

.value-item div {
    flex: 1;
}

.value-item h4 {
    color: var(--black);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.value-item p {
    color: var(--text-light);
    font-size: 0.875rem;
    margin: 0;
}

/* Section Title */
.section-title {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 3px solid var(--primary-blue);
}

.section-title i {
    font-size: 2.5rem;
    color: var(--primary-blue);
}

.section-title h2 {
    margin: 0;
    color: var(--black);
}

/* Services Showcase */
.services-showcase {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}

.service-item {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1.5rem;
    background: var(--white);
    border: 2px solid var(--border-color);
    border-radius: 0.75rem;
    transition: all 0.3s ease;
    cursor: pointer;
}

.service-item:hover {
    border-color: var(--primary-green);
    box-shadow: 0 8px 25px rgba(124, 179, 66, 0.2);
    transform: translateX(10px);
}

.service-icon-wrapper {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.service-item:hover .service-icon-wrapper {
    background: linear-gradient(135deg, var(--primary-blue), var(--light-blue));
    transform: rotate(360deg);
}

.service-icon-wrapper i {
    font-size: 2rem;
    color: var(--primary-blue);
    transition: color 0.3s ease;
}

.service-item:hover .service-icon-wrapper i {
    color: var(--white);
}

.service-details {
    flex: 1;
}

.service-details h4 {
    color: var(--black);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
    transition: color 0.3s ease;
}

.service-item:hover .service-details h4 {
    color: var(--primary-blue);
}

.service-details p {
    color: var(--text-light);
    font-size: 0.875rem;
    margin: 0;
}

/* Management Grid */
.management-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin: 2rem 0;
}

.management-card {
    background: var(--white);
    border: 2px solid var(--border-color);
    border-radius: 1rem;
    padding: 2rem;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.management-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-blue), var(--primary-green));
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.management-card:hover::before {
    transform: scaleX(1);
}

.management-card:hover {
    border-color: var(--primary-blue);
    box-shadow: 0 12px 35px rgba(30, 136, 229, 0.2);
    transform: translateY(-8px);
}

.card-header {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color);
}

.card-header i {
    font-size: 2.75rem;
    color: var(--primary-blue);
    transition: transform 0.3s ease;
}

.management-card:hover .card-header i {
    transform: scale(1.1);
}

.card-header h3 {
    color: var(--black);
    font-size: 1.25rem;
    margin: 0;
}

.management-card>p {
    color: var(--text-light);
    margin-bottom: 1.5rem;
    line-height: 1.7;
    font-size: 0.9375rem;
}

.card-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.card-features li {
    padding: 0.625rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--text-dark);
    font-size: 0.875rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.card-features li:last-child {
    border-bottom: none;
}

.card-features i {
    color: var(--primary-green);
    font-size: 1.125rem;
}

/* Payroll Features */
.payroll-features {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 2rem 0;
}

.payroll-feature {
    display: flex;
    gap: 2rem;
    padding: 2rem;
    background: linear-gradient(135deg, #F8FAFB, #FFFFFF);
    border-radius: 1rem;
    border-left: 5px solid var(--primary-blue);
    transition: all 0.3s ease;
    position: relative;
}

.payroll-feature::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.03), rgba(124, 179, 66, 0.03));
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 1rem;
}

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

.payroll-feature:hover {
    background: var(--white);
    box-shadow: 0 8px 25px rgba(30, 136, 229, 0.15);
    transform: translateX(15px);
    border-left-color: var(--primary-green);
}

.feature-number {
    font-size: 4rem;
    font-weight: 700;
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    opacity: 0.2;
    line-height: 1;
    flex-shrink: 0;
}

.feature-content {
    flex: 1;
}

.feature-content h4 {
    color: var(--black);
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
}

.feature-content p {
    color: var(--text-light);
    line-height: 1.7;
    margin: 0;
}

/* Compliance Badge */
.compliance-badge {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 2rem 2.5rem;
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));
    color: var(--white);
    border-radius: 1rem;
    margin-top: 2rem;
    box-shadow: 0 10px 30px rgba(30, 136, 229, 0.3);
    position: relative;
    overflow: hidden;
}

.compliance-badge::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
    animation: pulse 3s infinite;
}

@keyframes pulse {

    0%,
    100% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }
}

.compliance-badge i {
    font-size: 5rem;
    opacity: 0.2;
    flex-shrink: 0;
}

.compliance-badge div {
    flex: 1;
    z-index: 1;
}

.compliance-badge h4 {
    color: var(--white);
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
}

.compliance-badge p {
    opacity: 0.95;
    margin: 0;
    line-height: 1.6;
}

/* Why Grid */
.why-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 2rem 0;
}

.why-card {
    background: var(--white);
    padding: 2.5rem 2rem;
    border-radius: 1rem;
    text-align: center;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.why-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--primary-blue), var(--primary-green));
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.why-card:hover::before {
    transform: scaleX(1);
}

.why-card:hover {
    border-color: var(--primary-green);
    box-shadow: 0 12px 35px rgba(124, 179, 66, 0.25);
    transform: translateY(-10px);
}

.why-icon {
    width: 90px;
    height: 90px;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    transition: all 0.3s ease;
}

.why-card:hover .why-icon {
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));
    transform: scale(1.1) rotate(360deg);
}

.why-icon i {
    font-size: 2.75rem;
    color: var(--primary-blue);
    transition: color 0.3s ease;
}

.why-card:hover .why-icon i {
    color: var(--white);
}

.why-card h3 {
    color: var(--black);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.why-card p {
    color: var(--text-light);
    line-height: 1.7;
    font-size: 0.9375rem;
}

/* Final CTA Box */
.final-cta-box {
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));
    color: var(--white);
    padding: 3.5rem 3rem;
    border-radius: 1.5rem;
    text-align: center;
    margin-top: 3rem;
    box-shadow: 0 15px 40px rgba(30, 136, 229, 0.3);
    position: relative;
    overflow: hidden;
}

.final-cta-box::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
    animation: rotate 20s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.final-cta-box h3 {
    color: var(--white);
    font-size: 2rem;
    margin-bottom: 1rem;
    position: relative;
    z-index: 1;
}

.final-cta-box p {
    font-size: 1.125rem;
    margin-bottom: 2rem;
    opacity: 0.95;
    position: relative;
    z-index: 1;
}

.final-cta-box .btn-large {
    position: relative;
    z-index: 1;
}

/* Testimonial Banner */
.testimonial-banner {
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    padding: 5rem 0;
    margin: 4rem 0;
}

.testimonial-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.testimonial-content i.fa-quote-left {
    font-size: 4rem;
    color: var(--primary-blue);
    opacity: 0.2;
    margin-bottom: 1.5rem;
    display: block;
}

.testimonial-content blockquote {
    font-size: 1.5rem;
    font-style: italic;
    color: var(--text-dark);
    line-height: 1.7;
    margin-bottom: 2rem;
    position: relative;
}

.testimonial-author {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-top: 2rem;
}

.testimonial-author strong {
    color: var(--black);
    font-size: 1.25rem;
    font-weight: 600;
}

.testimonial-author span {
    color: var(--text-light);
    font-size: 0.9375rem;
}

/* CTA Buttons */
.cta-buttons {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-outline {
    background: transparent;
    border: 2px solid var(--white);
    color: var(--white);
}

.btn-outline:hover {
    background: var(--white);
    color: var(--primary-blue);
}

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

/* Tablet */
@media (max-width: 1024px) {

    .value-proposition,
    .why-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .management-grid {
        grid-template-columns: 1fr;
    }

    .services-showcase {
        grid-template-columns: 1fr;
    }
}

/* Mobile */
@media (max-width: 768px) {

    .value-proposition,
    .why-grid {
        grid-template-columns: 1fr;
    }

    .services-showcase {
        grid-template-columns: 1fr;
    }

    .service-item {
        flex-direction: column;
        text-align: center;
    }

    .payroll-feature {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }

    .feature-number {
        font-size: 3rem;
    }

    .compliance-badge {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }

    .compliance-badge i {
        font-size: 3.5rem;
    }

    .testimonial-content blockquote {
        font-size: 1.125rem;
    }

    .cta-buttons {
        flex-direction: column;
    }

    .btn-large {
        width: 100%;
    }

    .section-title {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .stat-item {
        padding: 0.75rem;
    }

    .stat-item i {
        font-size: 1.5rem;
    }

    .stat-item strong {
        font-size: 1.25rem;
    }

    .final-cta-box {
        padding: 2rem 1.5rem;
    }

    .final-cta-box h3 {
        font-size: 1.5rem;
    }
}

/* =========================================
   AUSTRALIA PAGE SPECIFIC STYLES
   ========================================= */

/* Australia Widget */
.australia-widget {
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border: 2px solid rgba(30, 136, 229, 0.1);
}

.compliance-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.compliance-list li {
    padding: 0.75rem;
    border-bottom: 1px solid rgba(30, 136, 229, 0.1);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--text-dark);
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.compliance-list li:last-child {
    border-bottom: none;
}

.compliance-list li:hover {
    background: rgba(30, 136, 229, 0.05);
    padding-left: 1rem;
}

.compliance-list i {
    color: var(--primary-green);
    font-size: 1rem;
}

/* Region Badges */
.region-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.region-badge {
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, var(--primary-blue), var(--light-blue));
    color: var(--white);
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.region-badge:hover {
    background: linear-gradient(135deg, var(--primary-green), var(--light-green));
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(124, 179, 66, 0.3);
}

/* Stats Widget */
.stats-widget .quick-stats {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Australia Benefits */
.australia-benefits {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}

.benefit-highlight {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, #F8FAFB, #FFFFFF);
    border-radius: 0.75rem;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.benefit-highlight:hover {
    border-color: var(--primary-blue);
    box-shadow: 0 8px 25px rgba(30, 136, 229, 0.15);
    transform: translateY(-5px);
}

.benefit-highlight i {
    font-size: 2.5rem;
    color: var(--primary-green);
    flex-shrink: 0;
}

.benefit-highlight div {
    flex: 1;
}

.benefit-highlight h4 {
    color: var(--black);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.benefit-highlight p {
    color: var(--text-light);
    font-size: 0.875rem;
    margin: 0;
}

/* Info Callout */
.info-callout {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 2rem;
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(124, 179, 66, 0.1));
    border-left: 5px solid var(--primary-blue);
    border-radius: 0.75rem;
    margin: 2rem 0;
}

.info-callout i {
    font-size: 3rem;
    color: var(--primary-green);
    flex-shrink: 0;
}

.info-callout p {
    margin: 0;
    line-height: 1.7;
    color: var(--text-dark);
}

/* Subsection Title */
.subsection-title {
    color: var(--primary-blue);
    font-size: 1.25rem;
    margin: 2rem 0 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid var(--border-color);
}

/* Australia Services Grid */
.australia-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}

.australia-service-card {
    background: var(--white);
    padding: 2rem 1.5rem;
    border-radius: 0.75rem;
    border: 2px solid var(--border-color);
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.australia-service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, var(--primary-blue), var(--primary-green));
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.australia-service-card:hover::before {
    transform: scaleX(1);
}

.australia-service-card:hover {
    border-color: var(--primary-blue);
    box-shadow: 0 10px 30px rgba(30, 136, 229, 0.2);
    transform: translateY(-8px);
}

.service-number {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--primary-blue);
    font-size: 0.875rem;
}

.australia-service-card .service-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    transition: all 0.3s ease;
}

.australia-service-card:hover .service-icon {
    background: linear-gradient(135deg, var(--primary-blue), var(--light-blue));
    transform: scale(1.1) rotate(360deg);
}

.australia-service-card .service-icon i {
    font-size: 2rem;
    color: var(--primary-blue);
    transition: color 0.3s ease;
}

.australia-service-card:hover .service-icon i {
    color: var(--white);
}

.australia-service-card h4 {
    color: var(--black);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.australia-service-card p {
    color: var(--text-light);
    font-size: 0.875rem;
    line-height: 1.6;
    margin: 0;
}

/* Highlight Card */
.australia-service-card.highlight-card {
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));
    border-color: transparent;
    color: var(--white);
}

.highlight-card .service-number {
    background: rgba(255, 255, 255, 0.2);
    color: var(--white);
}

.highlight-card .service-icon {
    background: rgba(255, 255, 255, 0.2);
}

.highlight-card .service-icon i {
    color: var(--white);
}

.highlight-card h4 {
    color: var(--white);
}

.highlight-card p {
    color: rgba(255, 255, 255, 0.95);
}

/* GST BAS Banner */
.gst-bas-banner {
    display: flex;
    gap: 2rem;
    padding: 3rem;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 1rem;
    margin: 2rem 0;
    border: 3px solid var(--primary-blue);
}

.banner-icon {
    width: 100px;
    height: 100px;
    background: linear-gradient(135deg, var(--primary-blue), var(--light-blue));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.banner-icon i {
    font-size: 3.5rem;
    color: var(--white);
}

.banner-content {
    flex: 1;
}

.banner-content h3 {
    color: var(--black);
    margin-bottom: 1rem;
    font-size: 1.75rem;
}

.banner-content>p {
    color: var(--text-dark);
    margin-bottom: 1.5rem;
    line-height: 1.7;
}

.banner-features {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}

.banner-features li {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--text-dark);
    font-weight: 500;
}

.banner-features i {
    color: var(--primary-green);
    font-size: 1.125rem;
}

/* Management Cards - Australia Style */
.management-card .card-badge {
    display: inline-block;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, var(--primary-blue), var(--light-blue));
    color: var(--white);
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    margin-top: 1rem;
}

/* Payroll Showcase */
.payroll-showcase {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 2rem 0;
}

.payroll-card {
    background: var(--white);
    padding: 2rem;
    border-radius: 1rem;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
}

.payroll-card:hover {
    border-color: var(--primary-blue);
    box-shadow: 0 10px 30px rgba(30, 136, 229, 0.2);
    transform: translateY(-8px);
}

.payroll-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    transition: all 0.3s ease;
}

.payroll-card:hover .payroll-icon {
    background: linear-gradient(135deg, var(--primary-blue), var(--light-blue));
    transform: scale(1.1);
}

.payroll-icon i {
    font-size: 2.5rem;
    color: var(--primary-blue);
    transition: color 0.3s ease;
}

.payroll-card:hover .payroll-icon i {
    color: var(--white);
}

.payroll-card h4 {
    color: var(--black);
    margin-bottom: 1rem;
    font-size: 1.25rem;
    text-align: center;
}

.payroll-card>p {
    color: var(--text-light);
    margin-bottom: 1.5rem;
    line-height: 1.7;
    text-align: center;
}

.payroll-features-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.payroll-features-list li {
    padding: 0.625rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--text-dark);
    font-size: 0.875rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.payroll-features-list li:last-child {
    border-bottom: none;
}

.payroll-features-list i {
    color: var(--primary-green);
}

/* Compliance Banner Australia */
.compliance-banner-australia {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 2rem 2.5rem;
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));
    color: var(--white);
    border-radius: 1rem;
    margin-top: 2rem;
    box-shadow: 0 10px 30px rgba(30, 136, 229, 0.3);
}

.compliance-banner-australia i {
    font-size: 5rem;
    opacity: 0.3;
    flex-shrink: 0;
}

.compliance-banner-australia div {
    flex: 1;
}

.compliance-banner-australia h4 {
    color: var(--white);
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
}

.compliance-banner-australia p {
    opacity: 0.95;
    margin: 0;
    line-height: 1.7;
}

/* Why Australia Grid */
.why-australia-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 2rem 0;
}

.why-australia-card {
    background: var(--white);
    padding: 2.5rem 2rem;
    border-radius: 1rem;
    text-align: center;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.why-australia-card .card-number {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--primary-blue);
    font-size: 1.25rem;
}

.why-australia-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-blue), var(--primary-green));
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.why-australia-card:hover::before {
    transform: scaleX(1);
}

.why-australia-card:hover {
    border-color: var(--primary-green);
    box-shadow: 0 12px 35px rgba(124, 179, 66, 0.25);
    transform: translateY(-10px);
}

.why-australia-card>i {
    font-size: 3.5rem;
    color: var(--primary-blue);
    margin-bottom: 1.5rem;
    display: block;
    transition: all 0.3s ease;
}

.why-australia-card:hover>i {
    color: var(--primary-green);
    transform: scale(1.2);
}

.why-australia-card h3 {
    color: var(--black);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.why-australia-card p {
    color: var(--text-light);
    line-height: 1.7;
    font-size: 0.9375rem;
}

/* Final CTA Australia */
.final-cta-australia {
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));
    color: var(--white);
    padding: 3.5rem 3rem;
    border-radius: 1.5rem;
    text-align: center;
    margin-top: 3rem;
    box-shadow: 0 15px 40px rgba(30, 136, 229, 0.3);
}

.final-cta-australia h3 {
    color: var(--white);
    font-size: 2rem;
    margin-bottom: 1rem;
}

.final-cta-australia p {
    font-size: 1.125rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

/* Software Integration Section */
.software-integration-section {
    padding: 4rem 0;
    background: linear-gradient(135deg, #F8FAFB, #FFFFFF);
}

.software-integration-section h2 {
    text-align: center;
    color: var(--black);
    margin-bottom: 1rem;
    font-size: 2rem;
}

.section-subtitle {
    text-align: center;
    color: var(--text-light);
    font-size: 1.125rem;
    margin-bottom: 3rem;
}

.software-logos-australia {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2rem;
    align-items: center;
}

.software-item {
    background: var(--white);
    padding: 2rem;
    border-radius: 0.75rem;
    box-shadow: 0 4px 20px rgba(30, 136, 229, 0.1);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    border: 2px solid transparent;
}

.software-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 35px rgba(124, 179, 66, 0.2);
    border-color: var(--primary-green);
}

.software-item img {
    max-width: 100%;
    height: auto;
    max-height: 60px;
    object-fit: contain;
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}

.software-item:hover img {
    filter: grayscale(0%);
}

.software-text {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary-blue);
    text-transform: uppercase;
}

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

/* Tablet */
@media (max-width: 1024px) {

    .australia-benefits,
    .why-australia-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .australia-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .payroll-showcase,
    .software-logos-australia {
        grid-template-columns: repeat(2, 1fr);
    }

    .banner-features {
        grid-template-columns: 1fr;
    }
}

/* Mobile */
@media (max-width: 768px) {

    .australia-benefits,
    .australia-services-grid,
    .payroll-showcase,
    .why-australia-grid,
    .software-logos-australia {
        grid-template-columns: 1fr;
    }

    .gst-bas-banner {
        flex-direction: column;
        text-align: center;
    }

    .banner-icon {
        margin: 0 auto;
    }

    .compliance-banner-australia {
        flex-direction: column;
        text-align: center;
    }

    .compliance-banner-australia i {
        font-size: 3.5rem;
    }

    .final-cta-australia {
        padding: 2rem 1.5rem;
    }

    .final-cta-australia h3 {
        font-size: 1.5rem;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .region-badges {
        justify-content: center;
    }

    .service-number,
    .why-australia-card .card-number {
        width: 35px;
        height: 35px;
        font-size: 0.875rem;
    }
}

/* =========================================
   EUROPE & INDIA DUAL REGION PAGE
   ========================================= */

/* Dual Region Hero */
.dual-region-hero {
    background: linear-gradient(135deg, rgba(13, 71, 161, 0.95), rgba(30, 136, 229, 0.95)),
        url('https://images.unsplash.com/photo-1526304640581-d334cdbbf45e?w=1600') center/cover;
    text-align: center;
    padding: 6rem 0 4rem;
}

.hero-regions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    margin-top: 2rem;
}

.hero-region {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 1.5rem 2rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 1rem;
    backdrop-filter: blur(10px);
}

.hero-region i {
    font-size: 3rem;
    color: var(--white);
}

.hero-region span {
    color: var(--white);
    font-size: 1.25rem;
    font-weight: 600;
}

.hero-divider {
    width: 2px;
    height: 80px;
    background: rgba(255, 255, 255, 0.3);
}

/* Region Section Container */
.region-section {
    padding: 4rem 0;
    position: relative;
}

.europe-section {
    background: linear-gradient(135deg, #F8FAFB, #FFFFFF);
}

.india-section {
    background: linear-gradient(135deg, #FFF9E6, #FFFFFF);
}

/* Region Header */
.region-header {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-bottom: 3rem;
    padding: 2rem;
    background: var(--white);
    border-radius: 1rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.region-header>i {
    font-size: 4rem;
    color: var(--primary-blue);
    width: 100px;
    height: 100px;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.region-header h2 {
    color: var(--black);
    margin-bottom: 0.5rem;
    font-size: 2rem;
}

.region-tagline {
    color: var(--text-light);
    font-size: 1.125rem;
    margin: 0;
}

/* Region Divider */
.region-divider {
    position: relative;
    text-align: center;
    margin: 4rem 0;
}

.region-divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg,
            transparent 0%,
            var(--primary-blue) 25%,
            var(--primary-green) 50%,
            var(--primary-blue) 75%,
            transparent 100%);
}

.region-divider span {
    position: relative;
    background: var(--white);
    padding: 1rem 3rem;
    color: var(--primary-blue);
    font-weight: 700;
    font-size: 1.25rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    border-radius: 50px;
}

/* Region Coverage Lists */
.region-coverage-list,
.india-coverage-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.region-coverage-list li,
.india-coverage-list li {
    padding: 0.75rem;
    border-bottom: 1px solid rgba(30, 136, 229, 0.1);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--text-dark);
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.region-coverage-list li:last-child,
.india-coverage-list li:last-child {
    border-bottom: none;
}

.region-coverage-list li:hover,
.india-coverage-list li:hover {
    background: rgba(30, 136, 229, 0.05);
    padding-left: 1rem;
}

.region-coverage-list i,
.india-coverage-list i {
    color: var(--primary-blue);
}

/* Region Info Widget */
.region-info-widget {
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border: 2px solid rgba(30, 136, 229, 0.1);
}

/* Highlight Widgets */
.highlight-widget,
.india-highlight {
    background: linear-gradient(135deg, var(--primary-blue), var(--light-blue));
    color: var(--white);
    text-align: center;
    padding: 2rem 1.5rem;
}

.india-highlight {
    background: linear-gradient(135deg, #FF9933, #FF6B00);
}

.highlight-widget .widget-icon,
.india-highlight .widget-icon {
    width: 70px;
    height: 70px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
}

.highlight-widget .widget-icon i,
.india-highlight .widget-icon i {
    font-size: 2rem;
    color: var(--white);
}

.highlight-widget h3,
.india-highlight h3 {
    color: var(--white);
    margin-bottom: 0.5rem;
}

.highlight-widget p,
.india-highlight p {
    opacity: 0.95;
    margin: 0;
}

/* Europe Benefits Grid */
.europe-benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}

.europe-benefit-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 2rem;
    background: var(--white);
    border-radius: 0.75rem;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
}

.europe-benefit-card:hover {
    border-color: var(--primary-blue);
    box-shadow: 0 8px 25px rgba(30, 136, 229, 0.15);
    transform: translateY(-5px);
}

.europe-benefit-card i {
    font-size: 3rem;
    color: var(--primary-green);
    margin-bottom: 1rem;
}

.europe-benefit-card h4 {
    color: var(--black);
    margin-bottom: 0.5rem;
}

.europe-benefit-card p {
    color: var(--text-light);
    font-size: 0.875rem;
    margin: 0;
}

/* Services Checklist */
.services-checklist {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin: 2rem 0;
}

.checklist-item {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1.5rem;
    background: var(--white);
    border-radius: 0.75rem;
    border-left: 4px solid var(--primary-blue);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.checklist-item:hover {
    box-shadow: 0 8px 25px rgba(30, 136, 229, 0.15);
    transform: translateX(10px);
}

.checklist-item>i {
    font-size: 2rem;
    color: var(--primary-green);
    flex-shrink: 0;
}

.checklist-item h4 {
    color: var(--black);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.checklist-item p {
    color: var(--text-light);
    margin: 0;
}

/* Management Cards Compact */
.management-cards-compact {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}

.compact-card {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1.5rem;
    background: var(--white);
    border-radius: 0.75rem;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
}

.compact-card:hover {
    border-color: var(--primary-blue);
    box-shadow: 0 8px 25px rgba(30, 136, 229, 0.15);
    transform: translateY(-5px);
}

.compact-card i {
    font-size: 2.5rem;
    color: var(--primary-blue);
    width: 60px;
    text-align: center;
    flex-shrink: 0;
}

.compact-card h4 {
    color: var(--black);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.compact-card p {
    color: var(--text-light);
    font-size: 0.875rem;
    margin: 0;
}

/* Payroll Process Cards */
.payroll-process-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 2rem 0;
}

.process-card {
    background: var(--white);
    padding: 2rem;
    border-radius: 0.75rem;
    border: 2px solid var(--border-color);
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
}

.process-step {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--primary-blue), var(--light-blue));
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.125rem;
}

.process-card:hover {
    border-color: var(--primary-green);
    box-shadow: 0 10px 30px rgba(124, 179, 66, 0.2);
    transform: translateY(-8px);
}

.process-card>i {
    font-size: 3rem;
    color: var(--primary-blue);
    margin-bottom: 1.5rem;
    display: block;
}

.process-card h4 {
    color: var(--black);
    margin-bottom: 0.75rem;
}

.process-card p {
    color: var(--text-light);
    line-height: 1.6;
    margin: 0;
}

/* India Widgets */
.india-widget {
    background: linear-gradient(135deg, #FFF9E6, #FFE4B5);
    border: 2px solid rgba(255, 153, 51, 0.2);
}

/* India Value Props */
.india-value-props {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}

.value-prop-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 2rem;
    background: var(--white);
    border-radius: 0.75rem;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
}

.value-prop-card:hover {
    border-color: #FF9933;
    box-shadow: 0 8px 25px rgba(255, 153, 51, 0.2);
    transform: translateY(-5px);
}

.value-prop-card i {
    font-size: 3rem;
    color: #FF9933;
    margin-bottom: 1rem;
}

.value-prop-card h4 {
    color: var(--black);
    margin-bottom: 0.5rem;
}

.value-prop-card p {
    color: var(--text-light);
    font-size: 0.875rem;
    margin: 0;
}

/* India Services Grid */
.india-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}

.india-service-item {
    background: var(--white);
    padding: 2rem;
    border-radius: 0.75rem;
    border: 2px solid var(--border-color);
    text-align: center;
    transition: all 0.3s ease;
}

.india-service-item:hover {
    border-color: #FF9933;
    box-shadow: 0 8px 25px rgba(255, 153, 51, 0.2);
    transform: translateY(-5px);
}

.service-icon-india {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #FFF9E6, #FFE4B5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    transition: all 0.3s ease;
}

.india-service-item:hover .service-icon-india {
    background: linear-gradient(135deg, #FF9933, #FF6B00);
    transform: scale(1.1);
}

.service-icon-india i {
    font-size: 2rem;
    color: #FF9933;
    transition: color 0.3s ease;
}

.india-service-item:hover .service-icon-india i {
    color: var(--white);
}

.india-service-item h4 {
    color: var(--black);
    margin-bottom: 0.75rem;
}

.india-service-item p {
    color: var(--text-light);
    font-size: 0.875rem;
    margin: 0;
}

/* GST Section */
.gst-section-header {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-bottom: 2rem;
    padding: 2rem;
    background: linear-gradient(135deg, #FFF9E6, #FFE4B5);
    border-radius: 1rem;
    border-left: 5px solid #FF9933;
}

.gst-icon-large {
    width: 90px;
    height: 90px;
    background: linear-gradient(135deg, #FF9933, #FF6B00);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.gst-icon-large i {
    font-size: 3rem;
    color: var(--white);
}

.gst-section-header h2 {
    margin-bottom: 0.5rem;
    color: var(--black);
}

.gst-section-header p {
    margin: 0;
    color: var(--text-light);
    font-size: 1.125rem;
}

/* GST Services Cards */
.gst-services-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 2rem 0;
}

.gst-card {
    background: var(--white);
    padding: 2rem;
    border-radius: 1rem;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
}

.gst-card:hover {
    border-color: #FF9933;
    box-shadow: 0 10px 30px rgba(255, 153, 51, 0.2);
    transform: translateY(-8px);
}

.gst-card-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--border-color);
}

.gst-card-header i {
    font-size: 2.5rem;
    color: #FF9933;
}

.gst-card-header h3 {
    color: var(--black);
    font-size: 1.125rem;
    margin: 0;
}

.gst-card>p {
    color: var(--text-light);
    margin-bottom: 1.5rem;
    line-height: 1.7;
}

.gst-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.gst-features li {
    padding: 0.5rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--text-dark);
    font-size: 0.875rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.gst-features li:last-child {
    border-bottom: none;
}

.gst-features i {
    color: #FF9933;
}

/* India Payroll Grid */
.india-payroll-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 2rem 0;
}

.india-payroll-card {
    background: var(--white);
    padding: 2rem;
    border-radius: 0.75rem;
    border: 2px solid var(--border-color);
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
}

.india-payroll-card .payroll-number {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, #FF9933, #FF6B00);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.125rem;
}

.india-payroll-card:hover {
    border-color: #FF9933;
    box-shadow: 0 10px 30px rgba(255, 153, 51, 0.2);
    transform: translateY(-8px);
}

.india-payroll-card>i {
    font-size: 3rem;
    color: #FF9933;
    margin-bottom: 1.5rem;
    display: block;
}

.india-payroll-card h4 {
    color: var(--black);
    margin-bottom: 0.75rem;
}

.india-payroll-card p {
    color: var(--text-light);
    line-height: 1.6;
    margin: 0;
}

/* Dual Region CTA */
.dual-region-cta {
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));
}

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

/* Tablet */
@media (max-width: 1024px) {
    .hero-regions {
        flex-direction: column;
        gap: 1rem;
    }

    .hero-divider {
        width: 80px;
        height: 2px;
        transform: rotate(90deg);
    }

    .europe-benefits-grid,
    .india-value-props,
    .india-services-grid,
    .gst-services-cards,
    .india-payroll-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .payroll-process-cards {
        grid-template-columns: 1fr;
    }

    .management-cards-compact {
        grid-template-columns: 1fr;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .region-header {
        flex-direction: column;
        text-align: center;
    }

    .region-header h2 {
        font-size: 1.5rem;
    }

    .europe-benefits-grid,
    .india-value-props,
    .india-services-grid,
    .gst-services-cards,
    .india-payroll-grid {
        grid-template-columns: 1fr;
    }

    .services-checklist .checklist-item {
        flex-direction: column;
        text-align: center;
    }

    .gst-section-header {
        flex-direction: column;
        text-align: center;
    }

    .compact-card {
        flex-direction: column;
        text-align: center;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .dual-region-hero {
        padding: 4rem 0 2rem;
    }

    .hero-region {
        padding: 1rem 1.5rem;
    }

    .hero-region i {
        font-size: 2rem;
    }

    .region-section {
        padding: 2rem 0;
    }
}

/* =========================================
   EUROPE PAGE SPECIFIC STYLES
   ========================================= */

/* Hero Badge */
.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.5rem;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    border-radius: 50px;
    margin-bottom: 1.5rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.hero-badge i {
    font-size: 1.5rem;
    color: var(--white);
}

.hero-badge span {
    color: var(--white);
    font-weight: 600;
    font-size: 1rem;
}

/* Europe Coverage Widget */
.europe-coverage-widget {
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border: 2px solid rgba(30, 136, 229, 0.1);
}

.europe-countries-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    margin-top: 1rem;
}

.country-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 0.375rem;
    font-size: 0.813rem;
    color: var(--text-dark);
    transition: all 0.3s ease;
}

.country-item:hover {
    background: var(--white);
    transform: translateX(5px);
}

.country-item i {
    color: var(--primary-blue);
    font-size: 0.875rem;
}

/* Currency Widget */
.currency-widget {
    background: linear-gradient(135deg, var(--primary-blue), var(--light-blue));
    color: var(--white);
    padding: 1.5rem;
}

.currency-widget .widget-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.currency-widget .widget-header i {
    font-size: 2rem;
    color: var(--white);
}

.currency-widget .widget-header h3 {
    color: var(--white);
    margin: 0;
}

.currency-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.currency-badge {
    padding: 0.5rem 1rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--white);
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
}

.currency-badge:hover {
    background: var(--white);
    color: var(--primary-blue);
    transform: translateY(-2px);
}

/* Europe Value Grid */
.europe-value-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}

.europe-value-card {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    padding: 1.75rem;
    background: var(--white);
    border-radius: 0.75rem;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
}

.europe-value-card:hover {
    border-color: var(--primary-blue);
    box-shadow: 0 10px 30px rgba(30, 136, 229, 0.2);
    transform: translateY(-5px);
}

.europe-value-card>i {
    font-size: 2.75rem;
    color: var(--primary-blue);
    flex-shrink: 0;
}

.europe-value-card div {
    flex: 1;
}

.europe-value-card h4 {
    color: var(--black);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.europe-value-card p {
    color: var(--text-light);
    font-size: 0.875rem;
    margin: 0;
    line-height: 1.6;
}

/* Info Banner Europe */
.info-banner-europe {
    display: flex;
    align-items: center;
    gap: 1.75rem;
    padding: 2rem 2.5rem;
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(124, 179, 66, 0.1));
    border-left: 5px solid var(--primary-blue);
    border-radius: 0.75rem;
    margin: 2.5rem 0;
}

.info-banner-europe i {
    font-size: 3.5rem;
    color: var(--primary-green);
    flex-shrink: 0;
}

.info-banner-europe p {
    margin: 0;
    line-height: 1.8;
    color: var(--text-dark);
    font-size: 1rem;
}

/* Section Header Europe */
.section-header-europe {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 2rem;
    padding-bottom: 1.25rem;
    border-bottom: 3px solid var(--primary-blue);
}

.section-header-europe i {
    font-size: 2.75rem;
    color: var(--primary-blue);
}

.section-header-europe h2 {
    margin: 0;
    color: var(--black);
}

/* Europe Services Showcase */
.europe-services-showcase {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin: 2.5rem 0;
}

.europe-service-box {
    background: var(--white);
    padding: 2.5rem;
    border-radius: 1rem;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.europe-service-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-blue), var(--primary-green));
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.europe-service-box:hover::before {
    transform: scaleX(1);
}

.europe-service-box:hover {
    border-color: var(--primary-blue);
    box-shadow: 0 12px 35px rgba(30, 136, 229, 0.2);
    transform: translateY(-8px);
}

.service-icon-europe {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.75rem;
    transition: all 0.3s ease;
}

.europe-service-box:hover .service-icon-europe {
    background: linear-gradient(135deg, var(--primary-blue), var(--light-blue));
    transform: scale(1.15) rotate(360deg);
}

.service-icon-europe i {
    font-size: 2.25rem;
    color: var(--primary-blue);
    transition: color 0.3s ease;
}

.europe-service-box:hover .service-icon-europe i {
    color: var(--white);
}

.europe-service-box h4 {
    color: var(--black);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.europe-service-box>p {
    color: var(--text-light);
    margin-bottom: 1.5rem;
    line-height: 1.7;
}

.service-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.service-features li {
    padding: 0.625rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--text-dark);
    font-size: 0.875rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.service-features li:last-child {
    border-bottom: none;
}

.service-features i {
    color: var(--primary-green);
    font-size: 1rem;
}

/* Highlight Box */
.europe-service-box.highlight-box {
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));
    border-color: transparent;
    grid-column: 1 / -1;
}

.highlight-box h4 {
    color: var(--white);
}

.highlight-box>p {
    color: rgba(255, 255, 255, 0.95);
}

.highlight-box .service-icon-europe {
    background: rgba(255, 255, 255, 0.2);
}

.highlight-box .service-icon-europe i {
    color: var(--white);
}

.highlight-box .service-features li {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.highlight-box .service-features i {
    color: rgba(255, 255, 255, 0.9);
}

/* Management Grid Europe */
.management-grid-europe {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin: 2.5rem 0;
}

.management-box-europe {
    background: var(--white);
    padding: 2.5rem;
    border-radius: 1rem;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
}

.management-box-europe:hover {
    border-color: var(--primary-blue);
    box-shadow: 0 12px 35px rgba(30, 136, 229, 0.2);
    transform: translateY(-8px);
}

.management-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    transition: all 0.3s ease;
}

.management-box-europe:hover .management-icon {
    background: linear-gradient(135deg, var(--primary-blue), var(--light-blue));
    transform: scale(1.1);
}

.management-icon i {
    font-size: 2rem;
    color: var(--primary-blue);
    transition: color 0.3s ease;
}

.management-box-europe:hover .management-icon i {
    color: var(--white);
}

.management-box-europe h3 {
    color: var(--black);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.management-box-europe>p {
    color: var(--text-light);
    margin-bottom: 1.5rem;
    line-height: 1.7;
}

.management-features {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.management-features span {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--text-dark);
    font-size: 0.875rem;
}

.management-features i {
    color: var(--primary-green);
    font-size: 1rem;
}

/* Payroll Europe Grid */
.payroll-europe-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 2.5rem 0;
}

.payroll-europe-card {
    background: var(--white);
    padding: 2.5rem 2rem;
    border-radius: 1rem;
    border: 2px solid var(--border-color);
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
}

.payroll-badge {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, var(--primary-blue), var(--light-blue));
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.25rem;
    box-shadow: 0 4px 15px rgba(30, 136, 229, 0.3);
}

.payroll-europe-card:hover {
    border-color: var(--primary-green);
    box-shadow: 0 15px 40px rgba(124, 179, 66, 0.25);
    transform: translateY(-10px);
}

.payroll-icon-large {
    width: 90px;
    height: 90px;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transition: all 0.3s ease;
}

.payroll-europe-card:hover .payroll-icon-large {
    background: linear-gradient(135deg, var(--primary-green), var(--light-green));
    transform: scale(1.15);
}

.payroll-icon-large i {
    font-size: 3rem;
    color: var(--primary-blue);
    transition: color 0.3s ease;
}

.payroll-europe-card:hover .payroll-icon-large i {
    color: var(--white);
}

.payroll-europe-card h4 {
    color: var(--black);
    margin-bottom: 1rem;
    font-size: 1.375rem;
}

.payroll-europe-card>p {
    color: var(--text-light);
    margin-bottom: 2rem;
    line-height: 1.7;
}

.payroll-highlights {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    text-align: left;
}

.highlight-item {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem;
    background: var(--bg-light);
    border-radius: 0.375rem;
    font-size: 0.813rem;
    color: var(--text-dark);
}

.highlight-item i {
    color: var(--primary-green);
    font-size: 0.875rem;
}

/* Compliance Assurance Europe */
.compliance-assurance-europe {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 2.5rem 3rem;
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));
    color: var(--white);
    border-radius: 1rem;
    margin-top: 3rem;
    box-shadow: 0 12px 35px rgba(30, 136, 229, 0.3);
}

.compliance-assurance-europe i {
    font-size: 5.5rem;
    opacity: 0.3;
    flex-shrink: 0;
}

.compliance-assurance-europe div {
    flex: 1;
}

.compliance-assurance-europe h4 {
    color: var(--white);
    margin-bottom: 0.75rem;
    font-size: 1.625rem;
}

.compliance-assurance-europe p {
    opacity: 0.95;
    margin: 0;
    line-height: 1.8;
    font-size: 1rem;
}

/* Why Europe Grid */
.why-europe-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 2.5rem 0;
}

.why-europe-card {
    background: var(--white);
    padding: 2.5rem 2rem;
    border-radius: 1rem;
    text-align: center;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.why-number {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 55px;
    height: 55px;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--primary-blue);
    font-size: 1.375rem;
}

.why-europe-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-blue), var(--primary-green));
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.why-europe-card:hover::before {
    transform: scaleX(1);
}

.why-europe-card:hover {
    border-color: var(--primary-green);
    box-shadow: 0 15px 40px rgba(124, 179, 66, 0.25);
    transform: translateY(-10px);
}

.why-europe-card>i {
    font-size: 4rem;
    color: var(--primary-blue);
    margin-bottom: 2rem;
    display: block;
    transition: all 0.3s ease;
}

.why-europe-card:hover>i {
    color: var(--primary-green);
    transform: scale(1.2);
}

.why-europe-card h3 {
    color: var(--black);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.why-europe-card p {
    color: var(--text-light);
    line-height: 1.7;
    font-size: 0.9375rem;
}

/* Final CTA Europe */
.final-cta-europe {
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));
    color: var(--white);
    padding: 4rem 3.5rem;
    border-radius: 1.5rem;
    text-align: center;
    margin-top: 3.5rem;
    box-shadow: 0 15px 45px rgba(30, 136, 229, 0.35);
    position: relative;
    overflow: hidden;
}

.final-cta-europe::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
    animation: pulse 3s infinite;
}

.final-cta-europe h3 {
    color: var(--white);
    font-size: 2.125rem;
    margin-bottom: 1.25rem;
    position: relative;
    z-index: 1;
}

.final-cta-europe p {
    font-size: 1.125rem;
    margin-bottom: 2.5rem;
    opacity: 0.95;
    position: relative;
    z-index: 1;
}

.final-cta-europe .btn-large {
    position: relative;
    z-index: 1;
}

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

/* Tablet */
@media (max-width: 1024px) {

    .europe-value-grid,
    .why-europe-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .europe-services-showcase,
    .management-grid-europe {
        grid-template-columns: 1fr;
    }

    .payroll-europe-grid {
        grid-template-columns: 1fr;
    }

    .europe-countries-grid {
        grid-template-columns: 1fr;
    }
}

/* Mobile */
@media (max-width: 768px) {

    .europe-value-grid,
    .why-europe-grid {
        grid-template-columns: 1fr;
    }

    .europe-service-box.highlight-box {
        grid-column: 1;
    }

    .payroll-highlights {
        grid-template-columns: 1fr;
    }

    .compliance-assurance-europe {
        flex-direction: column;
        text-align: center;
        padding: 2rem;
    }

    .compliance-assurance-europe i {
        font-size: 4rem;
    }

    .info-banner-europe {
        flex-direction: column;
        text-align: center;
    }

    .final-cta-europe {
        padding: 2.5rem 2rem;
    }

    .final-cta-europe h3 {
        font-size: 1.625rem;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .currency-list {
        justify-content: center;
    }

    .why-number,
    .payroll-badge {
        width: 45px;
        height: 45px;
        font-size: 1rem;
    }

    .section-header-europe {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* =========================================
   AFRICA PAGE SPECIFIC STYLES
   ========================================= */

/* Africa Hero */
.africa-hero {
    background: linear-gradient(135deg, rgba(218, 165, 32, 0.9), rgba(184, 134, 11, 0.9)),
        url('https://images.unsplash.com/photo-1516026672322-bc52d61a55d5?w=1600') center/cover;
}

.africa-badge {
    background: rgba(218, 165, 32, 0.3);
    border-color: rgba(218, 165, 32, 0.5);
}

/* Africa Regions Widget */
.africa-regions-widget {
    background: linear-gradient(135deg, #FFF8DC, #FFEFD5);
    border: 2px solid rgba(218, 165, 32, 0.2);
}

.africa-regions-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 1rem;
}

.region-item-africa {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--white);
    border-radius: 0.5rem;
    border-left: 3px solid #DAA520;
    transition: all 0.3s ease;
}

.region-item-africa:hover {
    background: #FFF8DC;
    transform: translateX(5px);
    box-shadow: 0 2px 10px rgba(218, 165, 32, 0.2);
}

.region-item-africa i {
    color: #DAA520;
    font-size: 1rem;
}

.region-item-africa span {
    color: var(--text-dark);
    font-size: 0.875rem;
    font-weight: 500;
}

/* Africa Highlight Widget */
.africa-highlight {
    background: linear-gradient(135deg, #DAA520, #B8860B);
    color: var(--white);
    text-align: center;
    padding: 2rem 1.5rem;
}

.africa-highlight .widget-icon {
    width: 70px;
    height: 70px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
}

.africa-highlight .widget-icon i {
    font-size: 2rem;
    color: var(--white);
}

.africa-highlight h3 {
    color: var(--white);
    margin-bottom: 0.5rem;
}

.africa-highlight p {
    opacity: 0.95;
    margin: 0;
}

/* Africa Intro Cards */
.africa-intro-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}

.intro-card-africa {
    background: var(--white);
    padding: 2rem 1.5rem;
    border-radius: 0.75rem;
    text-align: center;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
}

.intro-card-africa:hover {
    border-color: #DAA520;
    box-shadow: 0 8px 25px rgba(218, 165, 32, 0.2);
    transform: translateY(-5px);
}

.intro-card-africa i {
    font-size: 3rem;
    color: #DAA520;
    margin-bottom: 1rem;
}

.intro-card-africa h4 {
    color: var(--black);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.intro-card-africa p {
    color: var(--text-light);
    font-size: 0.875rem;
    margin: 0;
}

/* Africa Business Types */
.africa-business-types {
    margin: 2.5rem 0;
    padding: 2rem;
    background: linear-gradient(135deg, #FFF8DC, #FFEFD5);
    border-radius: 0.75rem;
    border-left: 5px solid #DAA520;
}

.africa-business-types h3 {
    color: var(--black);
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
}

.business-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.business-badge {
    padding: 0.625rem 1.25rem;
    background: var(--white);
    border: 2px solid #DAA520;
    border-radius: 25px;
    color: #B8860B;
    font-size: 0.875rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

.business-badge:hover {
    background: linear-gradient(135deg, #DAA520, #B8860B);
    color: var(--white);
    transform: translateY(-2px);
}

/* Section Title Africa */
.section-title-africa {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 2rem;
    padding-bottom: 1.25rem;
    border-bottom: 3px solid #DAA520;
}

.title-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #FFF8DC, #FFEFD5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.title-icon i {
    font-size: 2.25rem;
    color: #DAA520;
}

.section-title-africa h2 {
    margin: 0;
    color: var(--black);
}

/* Africa Services List */
.africa-services-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin: 2rem 0;
}

.africa-service-item {
    display: flex;
    gap: 2rem;
    padding: 2rem;
    background: var(--white);
    border-radius: 0.75rem;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.africa-service-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: linear-gradient(180deg, #DAA520, #B8860B);
    transform: scaleY(0);
    transition: transform 0.3s ease;
}

.africa-service-item:hover::before {
    transform: scaleY(1);
}

.africa-service-item:hover {
    border-color: #DAA520;
    box-shadow: 0 10px 30px rgba(218, 165, 32, 0.2);
    transform: translateX(10px);
}

.service-number-africa {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #FFF8DC, #FFEFD5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: #DAA520;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.africa-service-item:hover .service-number-africa {
    background: linear-gradient(135deg, #DAA520, #B8860B);
    color: var(--white);
    transform: scale(1.15);
}

.service-content-africa {
    flex: 1;
}

.service-header-africa {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.service-header-africa i {
    font-size: 1.75rem;
    color: #DAA520;
}

.service-header-africa h4 {
    color: var(--black);
    margin: 0;
    font-size: 1.25rem;
}

.service-content-africa p {
    color: var(--text-light);
    line-height: 1.7;
    margin: 0;
}

/* Management Africa Grid */
.management-africa-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin: 2rem 0;
}

.management-card-africa {
    background: var(--white);
    padding: 2.5rem;
    border-radius: 0.75rem;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
    position: relative;
}

.management-card-africa::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #DAA520, #B8860B);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.management-card-africa:hover::before {
    transform: scaleX(1);
}

.management-card-africa:hover {
    border-color: #DAA520;
    box-shadow: 0 10px 30px rgba(218, 165, 32, 0.2);
    transform: translateY(-8px);
}

.management-card-africa>i {
    font-size: 3rem;
    color: #DAA520;
    margin-bottom: 1.5rem;
    display: block;
}

.management-card-africa h3 {
    color: var(--black);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.management-card-africa>p {
    color: var(--text-light);
    margin-bottom: 1.5rem;
    line-height: 1.7;
}

.card-points {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.card-points li {
    padding: 0.5rem 0;
    padding-left: 1.5rem;
    color: var(--text-dark);
    font-size: 0.875rem;
    position: relative;
}

.card-points li::before {
    content: '▸';
    position: absolute;
    left: 0;
    color: #DAA520;
    font-weight: bold;
}

/* Payroll Africa Showcase */
.payroll-africa-showcase {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 2rem 0;
}

.payroll-card-africa {
    background: var(--white);
    padding: 2.5rem 2rem;
    border-radius: 0.75rem;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
}

.payroll-card-africa:hover {
    border-color: #DAA520;
    box-shadow: 0 12px 35px rgba(218, 165, 32, 0.25);
    transform: translateY(-10px);
}

.payroll-header-africa {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--border-color);
}

.payroll-header-africa i {
    font-size: 2.5rem;
    color: #DAA520;
}

.payroll-header-africa h3 {
    color: var(--black);
    margin: 0;
    font-size: 1.25rem;
}

.payroll-card-africa>p {
    color: var(--text-light);
    margin-bottom: 1.5rem;
    line-height: 1.7;
}

.payroll-features-africa {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}

.payroll-features-africa span {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: #FFF8DC;
    border-radius: 0.375rem;
    font-size: 0.813rem;
    color: var(--text-dark);
}

.payroll-features-africa i {
    color: #DAA520;
    font-size: 0.875rem;
}

/* Industries Africa Grid */
.industries-africa-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}

.industry-card-africa {
    background: var(--white);
    padding: 2rem 1.5rem;
    border-radius: 0.75rem;
    text-align: center;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
}

.industry-card-africa:hover {
    border-color: #DAA520;
    box-shadow: 0 8px 25px rgba(218, 165, 32, 0.2);
    transform: translateY(-5px);
}

.industry-card-africa i {
    font-size: 3rem;
    color: #DAA520;
    margin-bottom: 1rem;
}

.industry-card-africa h4 {
    color: var(--black);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.industry-card-africa p {
    color: var(--text-light);
    font-size: 0.875rem;
    margin: 0;
}

/* Why Africa Banner */
.why-africa-banner {
    background: linear-gradient(135deg, #FFF8DC, #FFEFD5);
    padding: 3rem;
    border-radius: 1rem;
    border: 3px solid #DAA520;
    margin: 2rem 0;
}

.why-africa-banner h2 {
    text-align: center;
    color: var(--black);
    margin-bottom: 2.5rem;
    font-size: 2rem;
}

.why-africa-features {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    margin-bottom: 3rem;
}

.feature-africa {
    background: var(--white);
    padding: 2rem 1.5rem;
    border-radius: 0.75rem;
    text-align: center;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.feature-africa:hover {
    border-color: #DAA520;
    box-shadow: 0 8px 25px rgba(218, 165, 32, 0.2);
    transform: translateY(-5px);
}

.feature-africa i {
    font-size: 3rem;
    color: #DAA520;
    margin-bottom: 1rem;
}

.feature-africa h4 {
    color: var(--black);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.feature-africa p {
    color: var(--text-light);
    font-size: 0.875rem;
    line-height: 1.6;
    margin: 0;
}

/* CTA Africa Final */
.cta-africa-final {
    background: linear-gradient(135deg, #DAA520, #B8860B);
    padding: 3rem;
    border-radius: 1rem;
    text-align: center;
    box-shadow: 0 10px 30px rgba(218, 165, 32, 0.3);
}

.cta-africa-final h3 {
    color: var(--white);
    font-size: 2rem;
    margin-bottom: 1rem;
}

.cta-africa-final p {
    color: rgba(255, 255, 255, 0.95);
    font-size: 1.125rem;
    margin-bottom: 2rem;
}

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

/* Tablet */
@media (max-width: 1024px) {

    .africa-intro-cards,
    .why-africa-features {
        grid-template-columns: repeat(2, 1fr);
    }

    .management-africa-grid {
        grid-template-columns: 1fr;
    }

    .payroll-africa-showcase,
    .industries-africa-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 768px) {

    .africa-intro-cards,
    .management-africa-grid,
    .payroll-africa-showcase,
    .industries-africa-grid,
    .why-africa-features {
        grid-template-columns: 1fr;
    }

    .africa-service-item {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }

    .service-header-africa {
        flex-direction: column;
    }

    .business-badges {
        justify-content: center;
    }

    .payroll-features-africa {
        grid-template-columns: 1fr;
    }

    .why-africa-banner {
        padding: 2rem 1.5rem;
    }

    .cta-africa-final {
        padding: 2rem 1.5rem;
    }

    .cta-africa-final h3 {
        font-size: 1.5rem;
    }

    .section-title-africa {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .service-number-africa {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }

    .title-icon {
        width: 60px;
        height: 60px;
    }

    .title-icon i {
        font-size: 2rem;
    }
}

/* =========================================
   NEW ZEALAND PAGE SPECIFIC STYLES
   ========================================= */

/* NZ Hero */
.nz-hero {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.85), rgba(204, 0, 0, 0.75)),
        url('https://images.unsplash.com/photo-1507699622108-4be3abd695ad?w=1600') center/cover;
}

.nz-badge {
    background: rgba(204, 0, 0, 0.3);
    border-color: rgba(204, 0, 0, 0.5);
}

/* NZ Info Widget */
.nz-info-widget {
    background: linear-gradient(135deg, #F0F0F0, #FFFFFF);
    border: 2px solid rgba(0, 0, 0, 0.1);
}

.nz-features-list {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    margin-top: 1rem;
}

.nz-feature-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem;
    background: var(--white);
    border-radius: 0.375rem;
    transition: all 0.3s ease;
}

.nz-feature-item:hover {
    background: #E8F5E9;
    transform: translateX(5px);
}

.nz-feature-item i {
    color: #2E7D32;
    font-size: 1rem;
}

.nz-feature-item span {
    color: var(--text-dark);
    font-size: 0.813rem;
    font-weight: 500;
}

/* NZ Highlight Widget */
.nz-highlight {
    background: linear-gradient(135deg, #CC0000, #990000);
    color: var(--white);
    text-align: center;
    padding: 2rem 1.5rem;
}

.nz-highlight .widget-icon {
    width: 70px;
    height: 70px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
}

.nz-highlight .widget-icon i {
    font-size: 2rem;
    color: var(--white);
}

.nz-highlight h3 {
    color: var(--white);
    margin-bottom: 0.5rem;
}

.nz-highlight p {
    opacity: 0.95;
    margin: 0;
}

/* NZ Cities Tags */
.nz-cities {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.city-tag {
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #000000, #1a1a1a);
    color: var(--white);
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

.city-tag:hover {
    background: linear-gradient(135deg, #CC0000, #990000);
    transform: translateY(-2px);
}

/* NZ Value Cards */
.nz-value-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}

.nz-value-item {
    background: var(--white);
    padding: 1.75rem;
    border-radius: 0.75rem;
    text-align: center;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
}

.nz-value-item:hover {
    border-color: #2E7D32;
    box-shadow: 0 8px 25px rgba(46, 125, 50, 0.2);
    transform: translateY(-5px);
}

.nz-value-item i {
    font-size: 2.5rem;
    color: #2E7D32;
    margin-bottom: 1rem;
}

.nz-value-item h4 {
    color: var(--black);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.nz-value-item p {
    color: var(--text-light);
    font-size: 0.875rem;
    margin: 0;
}

/* NZ Intro Banner */
.nz-intro-banner {
    display: flex;
    align-items: center;
    gap: 1.75rem;
    padding: 2rem 2.5rem;
    background: linear-gradient(135deg, #F0F0F0, #FFFFFF);
    border-left: 5px solid #000000;
    border-radius: 0.75rem;
    margin: 2.5rem 0;
}

.nz-intro-banner i {
    font-size: 3.5rem;
    color: #CC0000;
    flex-shrink: 0;
}

.nz-intro-banner p {
    margin: 0;
    line-height: 1.8;
    color: var(--text-dark);
    font-size: 1rem;
}

/* NZ Section Header */
.nz-section-header {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 2rem;
    padding-bottom: 1.25rem;
    border-bottom: 3px solid #000000;
}

.nz-header-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #F0F0F0, #FFFFFF);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.nz-header-icon i {
    font-size: 2.25rem;
    color: #000000;
}

.nz-section-header h2 {
    margin: 0 0 0.25rem 0;
    color: var(--black);
}

.section-subtitle {
    color: var(--text-light);
    font-size: 1rem;
    margin: 0;
}

/* NZ Services Grid */
.nz-services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin: 2rem 0;
}

.nz-service-card {
    background: var(--white);
    padding: 2.5rem;
    border-radius: 0.75rem;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.nz-service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #000000, #CC0000);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.nz-service-card:hover::before {
    transform: scaleX(1);
}

.nz-service-card:hover {
    border-color: #2E7D32;
    box-shadow: 0 10px 30px rgba(46, 125, 50, 0.2);
    transform: translateY(-8px);
}

.nz-card-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #F0F0F0, #E0E0E0);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    transition: all 0.3s ease;
}

.nz-service-card:hover .nz-card-icon {
    background: linear-gradient(135deg, #2E7D32, #1B5E20);
    transform: scale(1.15);
}

.nz-card-icon i {
    font-size: 2rem;
    color: #000000;
    transition: color 0.3s ease;
}

.nz-service-card:hover .nz-card-icon i {
    color: var(--white);
}

.nz-service-card h4 {
    color: var(--black);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.nz-service-card p {
    color: var(--text-light);
    line-height: 1.7;
    margin: 0;
}

/* GST NZ Banner */
.gst-nz-banner {
    background: linear-gradient(135deg, #F0F0F0, #FFFFFF);
    padding: 3rem;
    border-radius: 1rem;
    border: 3px solid #CC0000;
    margin: 2rem 0;
}

.gst-nz-header {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-bottom: 2.5rem;
    padding-bottom: 2rem;
    border-bottom: 2px solid var(--border-color);
}

.gst-nz-header>i {
    font-size: 4rem;
    color: #CC0000;
    width: 90px;
    height: 90px;
    background: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.gst-nz-header h2 {
    margin-bottom: 0.5rem;
    color: var(--black);
}

.gst-nz-header p {
    margin: 0;
    color: var(--text-light);
    font-size: 1.125rem;
}

.gst-nz-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

.gst-nz-service {
    background: var(--white);
    padding: 2rem;
    border-radius: 0.75rem;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
}

.gst-nz-service:hover {
    border-color: #2E7D32;
    box-shadow: 0 8px 25px rgba(46, 125, 50, 0.2);
}

.gst-service-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--border-color);
}

.gst-service-header i {
    font-size: 2.25rem;
    color: #CC0000;
}

.gst-service-header h3 {
    color: var(--black);
    margin: 0;
    font-size: 1.25rem;
}

.gst-nz-service>p {
    color: var(--text-light);
    margin-bottom: 1.5rem;
    line-height: 1.7;
}

.gst-features-nz {
    list-style: none;
    padding: 0;
    margin: 0;
}

.gst-features-nz li {
    padding: 0.625rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--text-dark);
    font-size: 0.875rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.gst-features-nz li:last-child {
    border-bottom: none;
}

.gst-features-nz i {
    color: #2E7D32;
    font-size: 1rem;
}

/* Management NZ Grid */
.management-nz-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin: 2rem 0;
}

.management-nz-card {
    background: var(--white);
    padding: 2.5rem;
    border-radius: 0.75rem;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
}

.management-nz-card:hover {
    border-color: #2E7D32;
    box-shadow: 0 10px 30px rgba(46, 125, 50, 0.2);
    transform: translateY(-8px);
}

.management-nz-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #F0F0F0, #E0E0E0);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    transition: all 0.3s ease;
}

.management-nz-card:hover .management-nz-icon {
    background: linear-gradient(135deg, #CC0000, #990000);
    transform: scale(1.1);
}

.management-nz-icon i {
    font-size: 2rem;
    color: #000000;
    transition: color 0.3s ease;
}

.management-nz-card:hover .management-nz-icon i {
    color: var(--white);
}

.management-nz-card h3 {
    color: var(--black);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.management-nz-card>p {
    color: var(--text-light);
    margin-bottom: 1.5rem;
    line-height: 1.7;
}

.card-highlights-nz {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.card-highlights-nz span {
    padding: 0.5rem 1rem;
    background: #F0F0F0;
    border-radius: 20px;
    font-size: 0.75rem;
    color: var(--text-dark);
    font-weight: 600;
}

/* Payroll NZ Container */
.payroll-nz-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 2rem 0;
}

.payroll-nz-card {
    background: var(--white);
    padding: 2.5rem 2rem;
    border-radius: 0.75rem;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
    position: relative;
}

.payroll-nz-number {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #000000, #1a1a1a);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.25rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.payroll-nz-card:hover {
    border-color: #2E7D32;
    box-shadow: 0 12px 35px rgba(46, 125, 50, 0.25);
    transform: translateY(-10px);
}

.payroll-nz-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #F0F0F0, #E0E0E0);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    transition: all 0.3s ease;
}

.payroll-nz-card:hover .payroll-nz-icon {
    background: linear-gradient(135deg, #2E7D32, #1B5E20);
    transform: scale(1.15);
}

.payroll-nz-icon i {
    font-size: 2.5rem;
    color: #000000;
    transition: color 0.3s ease;
}

.payroll-nz-card:hover .payroll-nz-icon i {
    color: var(--white);
}

.payroll-nz-card h4 {
    color: var(--black);
    margin-bottom: 1rem;
    font-size: 1.25rem;
    text-align: center;
}

.payroll-nz-card>p {
    color: var(--text-light);
    margin-bottom: 1.75rem;
    line-height: 1.7;
    text-align: center;
}

.payroll-details-nz {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}

.detail-item-nz {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: #F0F0F0;
    border-radius: 0.375rem;
    font-size: 0.813rem;
    color: var(--text-dark);
}

.detail-item-nz i {
    color: #2E7D32;
    font-size: 0.875rem;
}

/* Compliance NZ Badge */
.compliance-nz-badge {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 2.5rem 3rem;
    background: linear-gradient(135deg, #000000, #1a1a1a);
    color: var(--white);
    border-radius: 1rem;
    margin-top: 3rem;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3);
}

.compliance-nz-badge i {
    font-size: 5.5rem;
    opacity: 0.3;
    flex-shrink: 0;
}

.compliance-nz-badge div {
    flex: 1;
}

.compliance-nz-badge h4 {
    color: var(--white);
    margin-bottom: 0.75rem;
    font-size: 1.625rem;
}

.compliance-nz-badge p {
    opacity: 0.95;
    margin: 0;
    line-height: 1.8;
    font-size: 1rem;
}

/* Benefits NZ Section */
.benefits-nz-section {
    background: linear-gradient(135deg, #F0F0F0, #FFFFFF);
    padding: 3rem;
    border-radius: 1rem;
    border: 3px solid #2E7D32;
}

.benefits-nz-section h2 {
    text-align: center;
    color: var(--black);
    margin-bottom: 3rem;
    font-size: 2rem;
}

.benefits-nz-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-bottom: 3rem;
}

.benefit-nz-card {
    background: var(--white);
    padding: 2.5rem 2rem;
    border-radius: 0.75rem;
    text-align: center;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
}

.benefit-nz-card:hover {
    border-color: #2E7D32;
    box-shadow: 0 10px 30px rgba(46, 125, 50, 0.25);
    transform: translateY(-8px);
}

.benefit-nz-card i {
    font-size: 4rem;
    color: #CC0000;
    margin-bottom: 1.5rem;
}

.benefit-nz-card h3 {
    color: var(--black);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.benefit-nz-card p {
    color: var(--text-light);
    line-height: 1.7;
    font-size: 0.9375rem;
}

/* Final CTA NZ */
.final-cta-nz {
    background: linear-gradient(135deg, #000000, #1a1a1a);
    padding: 3.5rem 3rem;
    border-radius: 1rem;
    text-align: center;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3);
}

.final-cta-nz h3 {
    color: var(--white);
    font-size: 2rem;
    margin-bottom: 1rem;
}

.final-cta-nz p {
    color: rgba(255, 255, 255, 0.95);
    font-size: 1.125rem;
    margin-bottom: 2.5rem;
}

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

/* Tablet */
@media (max-width: 1024px) {
    .nz-value-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .nz-services-grid,
    .management-nz-grid {
        grid-template-columns: 1fr;
    }

    .gst-nz-content,
    .benefits-nz-grid {
        grid-template-columns: 1fr;
    }

    .payroll-nz-container {
        grid-template-columns: 1fr;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .nz-value-cards {
        grid-template-columns: 1fr;
    }

    .payroll-details-nz {
        grid-template-columns: 1fr;
    }

    .gst-nz-banner {
        padding: 2rem 1.5rem;
    }

    .gst-nz-header {
        flex-direction: column;
        text-align: center;
    }

    .compliance-nz-badge {
        flex-direction: column;
        text-align: center;
        padding: 2rem;
    }

    .compliance-nz-badge i {
        font-size: 4rem;
    }

    .nz-intro-banner {
        flex-direction: column;
        text-align: center;
    }

    .benefits-nz-section {
        padding: 2rem 1.5rem;
    }

    .final-cta-nz {
        padding: 2.5rem 2rem;
    }

    .final-cta-nz h3 {
        font-size: 1.625rem;
    }

    .nz-section-header {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .nz-cities {
        justify-content: center;
    }

    .payroll-nz-number {
        width: 45px;
        height: 45px;
        font-size: 1rem;
    }
}

*/
/* =========================================
   UNIFIED REGIONAL PAGES - PART 1 STYLE
   ========================================= */

/* =========================================
   COMMON COMPONENTS (ALL REGIONS)
   ========================================= */

/* Hero Badge */
.hero-badge,
.africa-badge,
.nz-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.5rem;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    border-radius: 50px;
    margin-bottom: 1.5rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.hero-badge i,
.africa-badge i,
.nz-badge i {
    font-size: 1.5rem;
    color: var(--white);
}

.hero-badge span,
.africa-badge span,
.nz-badge span {
    color: var(--white);
    font-weight: 600;
    font-size: 1rem;
}

/* Region Widget */
.region-widget,
.australia-widget,
.europe-coverage-widget,
.africa-regions-widget,
.nz-info-widget {
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border: 2px solid rgba(30, 136, 229, 0.1);
}

/* Region Lists */
.region-list,
.compliance-list,
.region-coverage-list,
.india-coverage-list,
.africa-regions-list,
.nz-features-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.region-list li,
.compliance-list li,
.region-coverage-list li,
.india-coverage-list li,
.nz-feature-item {
    padding: 0.75rem;
    border-bottom: 1px solid rgba(30, 136, 229, 0.1);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--text-dark);
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.region-list li:last-child,
.compliance-list li:last-child,
.region-coverage-list li:last-child,
.india-coverage-list li:last-child {
    border-bottom: none;
}

.region-list li:hover,
.compliance-list li:hover,
.region-coverage-list li:hover,
.india-coverage-list li:hover,
.nz-feature-item:hover {
    background: rgba(30, 136, 229, 0.05);
    padding-left: 1rem;
    transform: translateX(5px);
}

.region-list i,
.compliance-list i,
.region-coverage-list i,
.india-coverage-list i,
.nz-feature-item i {
    color: var(--primary-green);
    font-size: 1rem;
}

/* Africa Region Items */
.region-item-africa {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--white);
    border-radius: 0.5rem;
    border-left: 3px solid var(--primary-blue);
    transition: all 0.3s ease;
}

.region-item-africa:hover {
    background: #E3F2FD;
    transform: translateX(5px);
}

.region-item-africa i {
    color: var(--primary-green);
}

/* Quick Stats Widget */
.quick-stats {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.stat-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 0.5rem;
    transition: all 0.3s ease;
}

.stat-item:hover {
    transform: translateX(5px);
    box-shadow: 0 4px 15px rgba(30, 136, 229, 0.15);
}

.stat-item i {
    font-size: 2rem;
    color: var(--primary-blue);
    width: 40px;
    text-align: center;
}

.stat-item div {
    flex: 1;
}

.stat-item strong {
    display: block;
    font-size: 1.5rem;
    color: var(--primary-green);
    line-height: 1;
    margin-bottom: 0.25rem;
}

.stat-item span {
    font-size: 0.75rem;
    color: var(--text-light);
    line-height: 1;
}

/* Value Proposition Cards */
.value-proposition,
.australia-benefits,
.europe-value-grid,
.africa-intro-cards,
.nz-value-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}

.value-item,
.benefit-highlight,
.europe-value-card,
.intro-card-africa,
.nz-value-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, #F8FAFB, #FFFFFF);
    border-radius: 0.75rem;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.value-item:hover,
.benefit-highlight:hover,
.europe-value-card:hover,
.intro-card-africa:hover,
.nz-value-item:hover {
    border-color: var(--primary-blue);
    box-shadow: 0 8px 25px rgba(30, 136, 229, 0.15);
    transform: translateY(-5px);
}

.value-item i,
.benefit-highlight i,
.europe-value-card>i,
.intro-card-africa i,
.nz-value-item i {
    font-size: 2.5rem;
    color: var(--primary-green);
    flex-shrink: 0;
}

/* Center-aligned value cards */
.intro-card-africa,
.nz-value-item {
    flex-direction: column;
    text-align: center;
}

.value-item div,
.benefit-highlight div,
.europe-value-card div {
    flex: 1;
}

.value-item h4,
.benefit-highlight h4,
.europe-value-card h4,
.intro-card-africa h4,
.nz-value-item h4 {
    color: var(--black);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.value-item p,
.benefit-highlight p,
.europe-value-card p,
.intro-card-africa p,
.nz-value-item p {
    color: var(--text-light);
    font-size: 0.875rem;
    margin: 0;
}

/* Section Title */
.section-title,
.section-header-europe,
.section-title-africa,
.nz-section-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 3px solid var(--primary-blue);
}

.section-title i,
.section-header-europe i,
.nz-header-icon {
    font-size: 2.5rem;
    color: var(--primary-blue);
}

.title-icon,
.nz-header-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.title-icon i,
.nz-header-icon i {
    font-size: 2.25rem;
    color: var(--primary-blue);
}

.section-title h2,
.section-header-europe h2,
.section-title-africa h2,
.nz-section-header h2 {
    margin: 0;
    color: var(--black);
}

/* Services Showcase (2-column with rotating icons) */
.services-showcase,
.europe-services-showcase,
.nz-services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}

.service-item,
.europe-service-box,
.nz-service-card {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1.5rem;
    background: var(--white);
    border: 2px solid var(--border-color);
    border-radius: 0.75rem;
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.service-item:hover,
.europe-service-box:hover,
.nz-service-card:hover {
    border-color: var(--primary-green);
    box-shadow: 0 8px 25px rgba(124, 179, 66, 0.2);
    transform: translateX(10px);
}

/* Top border animation */
.europe-service-box::before,
.nz-service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-blue), var(--primary-green));
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.europe-service-box:hover::before,
.nz-service-card:hover::before {
    transform: scaleX(1);
}

.service-icon-wrapper,
.service-icon-europe,
.nz-card-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.service-item:hover .service-icon-wrapper,
.europe-service-box:hover .service-icon-europe,
.nz-service-card:hover .nz-card-icon {
    background: linear-gradient(135deg, var(--primary-blue), var(--light-blue));
    transform: rotate(360deg);
}

.service-icon-wrapper i,
.service-icon-europe i,
.nz-card-icon i {
    font-size: 2rem;
    color: var(--primary-blue);
    transition: color 0.3s ease;
}

.service-item:hover .service-icon-wrapper i,
.europe-service-box:hover .service-icon-europe i,
.nz-service-card:hover .nz-card-icon i {
    color: var(--white);
}

.service-details,
.nz-service-card {
    flex: 1;
}

.service-details h4,
.europe-service-box h4,
.nz-service-card h4 {
    color: var(--black);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
    transition: color 0.3s ease;
}

.service-item:hover .service-details h4,
.europe-service-box:hover h4,
.nz-service-card:hover h4 {
    color: var(--primary-blue);
}

.service-details p,
.europe-service-box>p,
.nz-service-card p {
    color: var(--text-light);
    font-size: 0.875rem;
    margin: 0;
    line-height: 1.7;
}

/* Africa Services List (vertical numbered) */
.africa-services-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin: 2rem 0;
}

.africa-service-item {
    display: flex;
    gap: 2rem;
    padding: 2rem;
    background: var(--white);
    border-radius: 0.75rem;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.africa-service-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: linear-gradient(180deg, var(--primary-blue), var(--primary-green));
    transform: scaleY(0);
    transition: transform 0.3s ease;
}

.africa-service-item:hover::before {
    transform: scaleY(1);
}

.africa-service-item:hover {
    border-color: var(--primary-blue);
    box-shadow: 0 10px 30px rgba(30, 136, 229, 0.2);
    transform: translateX(10px);
}

.service-number-africa {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary-blue);
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.africa-service-item:hover .service-number-africa {
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));
    color: var(--white);
    transform: scale(1.15);
}

.service-content-africa {
    flex: 1;
}

.service-header-africa {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.service-header-africa i {
    font-size: 1.75rem;
    color: var(--primary-blue);
}

.service-header-africa h4 {
    color: var(--black);
    margin: 0;
    font-size: 1.25rem;
}

.service-content-africa p {
    color: var(--text-light);
    line-height: 1.7;
    margin: 0;
}

/* Management Grid */
.management-grid,
.management-grid-europe,
.management-africa-grid,
.management-nz-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin: 2rem 0;
}

.management-card,
.management-box-europe,
.management-card-africa,
.management-nz-card {
    background: var(--white);
    border: 2px solid var(--border-color);
    border-radius: 1rem;
    padding: 2rem;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.management-card::before,
.management-box-europe::before,
.management-card-africa::before,
.management-nz-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-blue), var(--primary-green));
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.management-card:hover::before,
.management-box-europe:hover::before,
.management-card-africa:hover::before,
.management-nz-card:hover::before {
    transform: scaleX(1);
}

.management-card:hover,
.management-box-europe:hover,
.management-card-africa:hover,
.management-nz-card:hover {
    border-color: var(--primary-blue);
    box-shadow: 0 12px 35px rgba(30, 136, 229, 0.2);
    transform: translateY(-8px);
}

.card-header {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color);
}

.card-header i,
.management-icon i,
.management-card-africa>i,
.management-nz-icon i {
    font-size: 2.75rem;
    color: var(--primary-blue);
    transition: transform 0.3s ease;
}

.management-card:hover .card-header i,
.management-box-europe:hover .management-icon i,
.management-card-africa:hover>i,
.management-nz-card:hover .management-nz-icon i {
    transform: scale(1.1);
}

.management-icon,
.management-nz-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    transition: all 0.3s ease;
}

.management-box-europe:hover .management-icon,
.management-nz-card:hover .management-nz-icon {
    background: linear-gradient(135deg, var(--primary-blue), var(--light-blue));
    transform: scale(1.1);
}

.management-box-europe:hover .management-icon i,
.management-nz-card:hover .management-nz-icon i {
    color: var(--white);
}

.card-header h3,
.management-box-europe h3,
.management-card-africa h3,
.management-nz-card h3 {
    color: var(--black);
    font-size: 1.25rem;
    margin: 0;
}

.management-card>p,
.management-box-europe>p,
.management-card-africa>p,
.management-nz-card>p {
    color: var(--text-light);
    margin-bottom: 1.5rem;
    line-height: 1.7;
    font-size: 0.9375rem;
}

.card-features,
.management-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.card-features li,
.management-features span {
    padding: 0.625rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--text-dark);
    font-size: 0.875rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.card-features li:last-child {
    border-bottom: none;
}

.card-features i,
.management-features i {
    color: var(--primary-green);
    font-size: 1.125rem;
}

/* Card Points (Africa) */
.card-points {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.card-points li {
    padding: 0.5rem 0;
    padding-left: 1.5rem;
    color: var(--text-dark);
    font-size: 0.875rem;
    position: relative;
}

.card-points li::before {
    content: '▸';
    position: absolute;
    left: 0;
    color: var(--primary-green);
    font-weight: bold;
}

/* Payroll Features (numbered steps) */
.payroll-features {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 2rem 0;
}

.payroll-feature {
    display: flex;
    gap: 2rem;
    padding: 2rem;
    background: linear-gradient(135deg, #F8FAFB, #FFFFFF);
    border-radius: 1rem;
    border-left: 5px solid var(--primary-blue);
    transition: all 0.3s ease;
    position: relative;
}

.payroll-feature::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.03), rgba(124, 179, 66, 0.03));
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 1rem;
}

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

.payroll-feature:hover {
    background: var(--white);
    box-shadow: 0 8px 25px rgba(30, 136, 229, 0.15);
    transform: translateX(15px);
    border-left-color: var(--primary-green);
}

.feature-number {
    font-size: 4rem;
    font-weight: 700;
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    opacity: 0.2;
    line-height: 1;
    flex-shrink: 0;
}

.feature-content {
    flex: 1;
}

.feature-content h4 {
    color: var(--black);
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
}

.feature-content p {
    color: var(--text-light);
    line-height: 1.7;
    margin: 0;
}

/* Payroll Showcase (3-column cards) */
.payroll-showcase,
.payroll-africa-showcase,
.payroll-nz-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 2rem 0;
}

.payroll-card,
.payroll-card-africa,
.payroll-nz-card {
    background: var(--white);
    padding: 2rem;
    border-radius: 1rem;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
    text-align: center;
    position: relative;
}

.payroll-card:hover,
.payroll-card-africa:hover,
.payroll-nz-card:hover {
    border-color: var(--primary-blue);
    box-shadow: 0 10px 30px rgba(30, 136, 229, 0.2);
    transform: translateY(-8px);
}

.payroll-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    transition: all 0.3s ease;
}

.payroll-card:hover .payroll-icon,
.payroll-nz-card:hover .payroll-nz-icon {
    background: linear-gradient(135deg, var(--primary-blue), var(--light-blue));
    transform: scale(1.1);
}

.payroll-icon i,
.payroll-nz-icon i {
    font-size: 2.5rem;
    color: var(--primary-blue);
    transition: color 0.3s ease;
}

.payroll-card:hover .payroll-icon i,
.payroll-nz-card:hover .payroll-nz-icon i {
    color: var(--white);
}

.payroll-card h4,
.payroll-card-africa h3,
.payroll-nz-card h4 {
    color: var(--black);
    margin-bottom: 1rem;
    font-size: 1.25rem;
    text-align: center;
}

.payroll-card>p,
.payroll-card-africa>p,
.payroll-nz-card>p {
    color: var(--text-light);
    margin-bottom: 1.5rem;
    line-height: 1.7;
    text-align: center;
}

.payroll-features-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.payroll-features-list li {
    padding: 0.625rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--text-dark);
    font-size: 0.875rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.payroll-features-list li:last-child {
    border-bottom: none;
}

.payroll-features-list i {
    color: var(--primary-green);
}

/* Payroll Header (Africa) */
.payroll-header-africa {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--border-color);
}

.payroll-header-africa i {
    font-size: 2.5rem;
    color: var(--primary-blue);
}

.payroll-header-africa h3 {
    color: var(--black);
    margin: 0;
    font-size: 1.25rem;
}

.payroll-features-africa {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}

.payroll-features-africa span {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: #E3F2FD;
    border-radius: 0.375rem;
    font-size: 0.813rem;
    color: var(--text-dark);
}

.payroll-features-africa i {
    color: var(--primary-green);
    font-size: 0.875rem;
}

/* NZ Payroll specific */
.payroll-nz-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    transition: all 0.3s ease;
}

.payroll-details-nz {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}

.detail-item-nz {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: #E3F2FD;
    border-radius: 0.375rem;
    font-size: 0.813rem;
    color: var(--text-dark);
}

.detail-item-nz i {
    color: var(--primary-green);
    font-size: 0.875rem;
}

.payroll-nz-number {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, var(--primary-blue), var(--light-blue));
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.25rem;
    box-shadow: 0 4px 15px rgba(30, 136, 229, 0.3);
}

/* Compliance Badge */
.compliance-badge,
.compliance-banner-australia,
.compliance-assurance-europe,
.compliance-nz-badge {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 2rem 2.5rem;
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));
    color: var(--white);
    border-radius: 1rem;
    margin-top: 2rem;
    box-shadow: 0 10px 30px rgba(30, 136, 229, 0.3);
    position: relative;
    overflow: hidden;
}

.compliance-badge::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
    animation: pulse 3s infinite;
}

@keyframes pulse {

    0%,
    100% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }
}

.compliance-badge i,
.compliance-banner-australia i,
.compliance-assurance-europe i,
.compliance-nz-badge i {
    font-size: 5rem;
    opacity: 0.2;
    flex-shrink: 0;
}

.compliance-badge div,
.compliance-banner-australia div,
.compliance-assurance-europe div,
.compliance-nz-badge div {
    flex: 1;
    z-index: 1;
}

.compliance-badge h4,
.compliance-banner-australia h4,
.compliance-assurance-europe h4,
.compliance-nz-badge h4 {
    color: var(--white);
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
}

.compliance-badge p,
.compliance-banner-australia p,
.compliance-assurance-europe p,
.compliance-nz-badge p {
    opacity: 0.95;
    margin: 0;
    line-height: 1.6;
}

/* Why Grid */
.why-grid,
.why-australia-grid,
.why-europe-grid,
.benefits-nz-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 2rem 0;
}

.why-card,
.why-australia-card,
.why-europe-card,
.benefit-nz-card {
    background: var(--white);
    padding: 2.5rem 2rem;
    border-radius: 1rem;
    text-align: center;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.why-card::before,
.why-australia-card::before,
.why-europe-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--primary-blue), var(--primary-green));
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.why-card:hover::before,
.why-australia-card:hover::before,
.why-europe-card:hover::before {
    transform: scaleX(1);
}

.why-card:hover,
.why-australia-card:hover,
.why-europe-card:hover,
.benefit-nz-card:hover {
    border-color: var(--primary-green);
    box-shadow: 0 12px 35px rgba(124, 179, 66, 0.25);
    transform: translateY(-10px);
}

.why-icon {
    width: 90px;
    height: 90px;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    transition: all 0.3s ease;
}

.why-card:hover .why-icon,
.why-australia-card:hover>i,
.why-europe-card:hover>i {
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));
    transform: scale(1.1) rotate(360deg);
}

.why-icon i {
    font-size: 2.75rem;
    color: var(--primary-blue);
    transition: color 0.3s ease;
}

.why-card:hover .why-icon i {
    color: var(--white);
}

.why-australia-card>i,
.why-europe-card>i,
.benefit-nz-card i {
    font-size: 3.5rem;
    color: var(--primary-blue);
    margin-bottom: 1.5rem;
    display: block;
    transition: all 0.3s ease;
}

.why-australia-card:hover>i,
.why-europe-card:hover>i {
    color: var(--primary-green);
    transform: scale(1.2);
}

.why-card h3,
.why-australia-card h3,
.why-europe-card h3,
.benefit-nz-card h3 {
    color: var(--black);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.why-card p,
.why-australia-card p,
.why-europe-card p,
.benefit-nz-card p {
    color: var(--text-light);
    line-height: 1.7;
    font-size: 0.9375rem;
}

/* Card Number badges */
.why-australia-card .card-number,
.why-number {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--primary-blue);
    font-size: 1.25rem;
}

/* Final CTA Box */
.final-cta-box,
.final-cta-australia,
.final-cta-europe,
.final-cta-nz {
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));
    color: var(--white);
    padding: 3.5rem 3rem;
    border-radius: 1.5rem;
    text-align: center;
    margin-top: 3rem;
    box-shadow: 0 15px 40px rgba(30, 136, 229, 0.3);
    position: relative;
    overflow: hidden;
}

.final-cta-box::before,
.final-cta-australia::before,
.final-cta-europe::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
    animation: rotate 20s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.final-cta-box h3,
.final-cta-australia h3,
.final-cta-europe h3,
.final-cta-nz h3 {
    color: var(--white);
    font-size: 2rem;
    margin-bottom: 1rem;
    position: relative;
    z-index: 1;
}

.final-cta-box p,
.final-cta-australia p,
.final-cta-europe p,
.final-cta-nz p {
    font-size: 1.125rem;
    margin-bottom: 2rem;
    opacity: 0.95;
    position: relative;
    z-index: 1;
}

.final-cta-box .btn-large,
.final-cta-australia .btn-large,
.final-cta-europe .btn-large,
.final-cta-nz .btn-large {
    position: relative;
    z-index: 1;
}

/* Testimonial Banner */
.testimonial-banner {
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    padding: 5rem 0;
    margin: 4rem 0;
}

.testimonial-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.testimonial-content i.fa-quote-left {
    font-size: 4rem;
    color: var(--primary-blue);
    opacity: 0.2;
    margin-bottom: 1.5rem;
    display: block;
}

.testimonial-content blockquote {
    font-size: 1.5rem;
    font-style: italic;
    color: var(--text-dark);
    line-height: 1.7;
    margin-bottom: 2rem;
    position: relative;
}

.testimonial-author {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-top: 2rem;
}

.testimonial-author strong {
    color: var(--black);
    font-size: 1.25rem;
    font-weight: 600;
}

.testimonial-author span {
    color: var(--text-light);
    font-size: 0.9375rem;
}

/* Additional Widgets */
.info-callout,
.info-banner-europe,
.nz-intro-banner {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 2rem;
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(124, 179, 66, 0.1));
    border-left: 5px solid var(--primary-blue);
    border-radius: 0.75rem;
    margin: 2rem 0;
}

.info-callout i,
.info-banner-europe i,
.nz-intro-banner i {
    font-size: 3rem;
    color: var(--primary-green);
    flex-shrink: 0;
}

.info-callout p,
.info-banner-europe p,
.nz-intro-banner p {
    margin: 0;
    line-height: 1.7;
    color: var(--text-dark);
}

/* Region Badges */
.region-badges,
.business-badges,
.nz-cities {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.region-badge,
.business-badge,
.city-tag {
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, var(--primary-blue), var(--light-blue));
    color: var(--white);
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.region-badge:hover,
.business-badge:hover,
.city-tag:hover {
    background: linear-gradient(135deg, var(--primary-green), var(--light-green));
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(124, 179, 66, 0.3);
}

/* Highlight Widgets */
.highlight-widget,
.india-highlight,
.africa-highlight,
.nz-highlight {
    background: linear-gradient(135deg, var(--primary-blue), var(--light-blue));
    color: var(--white);
    text-align: center;
    padding: 2rem 1.5rem;
}

.highlight-widget .widget-icon,
.india-highlight .widget-icon,
.africa-highlight .widget-icon,
.nz-highlight .widget-icon {
    width: 70px;
    height: 70px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
}

.highlight-widget .widget-icon i,
.india-highlight .widget-icon i,
.africa-highlight .widget-icon i,
.nz-highlight .widget-icon i {
    font-size: 2rem;
    color: var(--white);
}

.highlight-widget h3,
.india-highlight h3,
.africa-highlight h3,
.nz-highlight h3 {
    color: var(--white);
    margin-bottom: 0.5rem;
}

.highlight-widget p,
.india-highlight p,
.africa-highlight p,
.nz-highlight p {
    opacity: 0.95;
    margin: 0;
}

/* Currency Widget */
.currency-widget {
    background: linear-gradient(135deg, var(--primary-blue), var(--light-blue));
    color: var(--white);
    padding: 1.5rem;
}

.currency-widget .widget-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.currency-widget .widget-header i {
    font-size: 2rem;
    color: var(--white);
}

.currency-widget .widget-header h3 {
    color: var(--white);
    margin: 0;
}

.currency-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.currency-badge {
    padding: 0.5rem 1rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--white);
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
}

.currency-badge:hover {
    background: var(--white);
    color: var(--primary-blue);
    transform: translateY(-2px);
}

/* Europe Countries Grid */
.europe-countries-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    margin-top: 1rem;
}

.country-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 0.375rem;
    font-size: 0.813rem;
    color: var(--text-dark);
    transition: all 0.3s ease;
}

.country-item:hover {
    background: var(--white);
    transform: translateX(5px);
}

.country-item i {
    color: var(--primary-blue);
    font-size: 0.875rem;
}

/* Africa Business Types */
.africa-business-types {
    margin: 2.5rem 0;
    padding: 2rem;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 0.75rem;
    border-left: 5px solid var(--primary-blue);
}

.africa-business-types h3 {
    color: var(--black);
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
}

/* Industries Grid (Africa) */
.industries-africa-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}

.industry-card-africa {
    background: var(--white);
    padding: 2rem 1.5rem;
    border-radius: 0.75rem;
    text-align: center;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
}

.industry-card-africa:hover {
    border-color: var(--primary-blue);
    box-shadow: 0 8px 25px rgba(30, 136, 229, 0.2);
    transform: translateY(-5px);
}

.industry-card-africa i {
    font-size: 3rem;
    color: var(--primary-blue);
    margin-bottom: 1rem;
}

.industry-card-africa h4 {
    color: var(--black);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.industry-card-africa p {
    color: var(--text-light);
    font-size: 0.875rem;
    margin: 0;
}

/* Why Africa Banner */
.why-africa-banner {
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    padding: 3rem;
    border-radius: 1rem;
    border: 3px solid var(--primary-blue);
    margin: 2rem 0;
}

.why-africa-banner h2 {
    text-align: center;
    color: var(--black);
    margin-bottom: 2.5rem;
    font-size: 2rem;
}

.why-africa-features {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    margin-bottom: 3rem;
}

.feature-africa {
    background: var(--white);
    padding: 2rem 1.5rem;
    border-radius: 0.75rem;
    text-align: center;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.feature-africa:hover {
    border-color: var(--primary-blue);
    box-shadow: 0 8px 25px rgba(30, 136, 229, 0.2);
    transform: translateY(-5px);
}

.feature-africa i {
    font-size: 3rem;
    color: var(--primary-blue);
    margin-bottom: 1rem;
}

.feature-africa h4 {
    color: var(--black);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.feature-africa p {
    color: var(--text-light);
    font-size: 0.875rem;
    line-height: 1.6;
    margin: 0;
}

/* CTA Africa Final */
.cta-africa-final {
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));
    padding: 3rem;
    border-radius: 1rem;
    text-align: center;
    box-shadow: 0 10px 30px rgba(30, 136, 229, 0.3);
}

.cta-africa-final h3 {
    color: var(--white);
    font-size: 2rem;
    margin-bottom: 1rem;
}

.cta-africa-final p {
    color: rgba(255, 255, 255, 0.95);
    font-size: 1.125rem;
    margin-bottom: 2rem;
}

/* Benefits NZ Section */
.benefits-nz-section {
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    padding: 3rem;
    border-radius: 1rem;
    border: 3px solid var(--primary-green);
}

.benefits-nz-section h2 {
    text-align: center;
    color: var(--black);
    margin-bottom: 3rem;
    font-size: 2rem;
}

/* GST Banners */
.gst-bas-banner,
.gst-nz-banner {
    display: flex;
    gap: 2rem;
    padding: 3rem;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 1rem;
    margin: 2rem 0;
    border: 3px solid var(--primary-blue);
}

.banner-icon,
.gst-nz-header>i {
    width: 100px;
    height: 100px;
    background: linear-gradient(135deg, var(--primary-blue), var(--light-blue));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.banner-icon i,
.gst-nz-header>i {
    font-size: 3.5rem;
    color: var(--white);
}

.banner-content,
.gst-nz-content {
    flex: 1;
}

.banner-content h3,
.gst-nz-header h2 {
    color: var(--black);
    margin-bottom: 1rem;
    font-size: 1.75rem;
}

.banner-content>p {
    color: var(--text-dark);
    margin-bottom: 1.5rem;
    line-height: 1.7;
}

.banner-features {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}

.banner-features li {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--text-dark);
    font-weight: 500;
}

.banner-features i {
    color: var(--primary-green);
    font-size: 1.125rem;
}

/* GST NZ Header */
.gst-nz-header {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-bottom: 2.5rem;
    padding-bottom: 2rem;
    border-bottom: 2px solid var(--border-color);
}

.gst-nz-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

.gst-nz-service {
    background: var(--white);
    padding: 2rem;
    border-radius: 0.75rem;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
}

.gst-nz-service:hover {
    border-color: var(--primary-green);
    box-shadow: 0 8px 25px rgba(124, 179, 66, 0.2);
}

.gst-service-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--border-color);
}

.gst-service-header i {
    font-size: 2.25rem;
    color: var(--primary-blue);
}

.gst-service-header h3 {
    color: var(--black);
    margin: 0;
    font-size: 1.25rem;
}

.gst-nz-service>p {
    color: var(--text-light);
    margin-bottom: 1.5rem;
    line-height: 1.7;
}

.gst-features-nz {
    list-style: none;
    padding: 0;
    margin: 0;
}

.gst-features-nz li {
    padding: 0.625rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--text-dark);
    font-size: 0.875rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.gst-features-nz li:last-child {
    border-bottom: none;
}

.gst-features-nz i {
    color: var(--primary-green);
    font-size: 1rem;
}

/* Card Highlights */
.card-highlights-nz {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.card-highlights-nz span {
    padding: 0.5rem 1rem;
    background: #E3F2FD;
    border-radius: 20px;
    font-size: 0.75rem;
    color: var(--text-dark);
    font-weight: 600;
}

/* CTA Buttons */
.cta-buttons {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-outline {
    background: transparent;
    border: 2px solid var(--white);
    color: var(--white);
}

.btn-outline:hover {
    background: var(--white);
    color: var(--primary-blue);
}

/* Software Integration */
.software-integration-section {
    padding: 4rem 0;
    background: linear-gradient(135deg, #F8FAFB, #FFFFFF);
}

.software-integration-section h2 {
    text-align: center;
    color: var(--black);
    margin-bottom: 1rem;
    font-size: 2rem;
}

.section-subtitle {
    text-align: center;
    color: var(--text-light);
    font-size: 1.125rem;
    margin-bottom: 3rem;
}

.software-logos-australia {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2rem;
    align-items: center;
}

.software-item {
    background: var(--white);
    padding: 2rem;
    border-radius: 0.75rem;
    box-shadow: 0 4px 20px rgba(30, 136, 229, 0.1);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    border: 2px solid transparent;
}

.software-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 35px rgba(124, 179, 66, 0.2);
    border-color: var(--primary-green);
}

.software-item img {
    max-width: 100%;
    height: auto;
    max-height: 60px;
    object-fit: contain;
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}

.software-item:hover img {
    filter: grayscale(0%);
}

.software-text {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary-blue);
    text-transform: uppercase;
}

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

/* Tablet */
@media (max-width: 1024px) {

    .value-proposition,
    .australia-benefits,
    .europe-value-grid,
    .africa-intro-cards,
    .why-grid,
    .why-australia-grid,
    .why-europe-grid,
    .benefits-nz-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .management-grid,
    .management-grid-europe,
    .management-africa-grid,
    .management-nz-grid {
        grid-template-columns: 1fr;
    }

    .services-showcase,
    .europe-services-showcase,
    .nz-services-grid {
        grid-template-columns: 1fr;
    }

    .nz-value-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .payroll-showcase,
    .payroll-africa-showcase,
    .payroll-nz-container,
    .software-logos-australia,
    .industries-africa-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .why-africa-features {
        grid-template-columns: repeat(2, 1fr);
    }

    .banner-features,
    .gst-nz-content {
        grid-template-columns: 1fr;
    }

    .europe-countries-grid {
        grid-template-columns: 1fr;
    }
}

/* Mobile */
@media (max-width: 768px) {

    .value-proposition,
    .australia-benefits,
    .europe-value-grid,
    .africa-intro-cards,
    .nz-value-cards,
    .services-showcase,
    .europe-services-showcase,
    .nz-services-grid,
    .management-grid,
    .management-grid-europe,
    .management-africa-grid,
    .management-nz-grid,
    .payroll-showcase,
    .payroll-africa-showcase,
    .payroll-nz-container,
    .why-grid,
    .why-australia-grid,
    .why-europe-grid,
    .benefits-nz-grid,
    .software-logos-australia,
    .industries-africa-grid,
    .why-africa-features {
        grid-template-columns: 1fr;
    }

    .service-item,
    .europe-service-box,
    .africa-service-item {
        flex-direction: column;
        text-align: center;
    }

    .service-header-africa {
        flex-direction: column;
    }

    .payroll-feature {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }

    .feature-number {
        font-size: 3rem;
    }

    .compliance-badge,
    .compliance-banner-australia,
    .compliance-assurance-europe,
    .compliance-nz-badge {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
        padding: 2rem;
    }

    .compliance-badge i,
    .compliance-banner-australia i,
    .compliance-assurance-europe i,
    .compliance-nz-badge i {
        font-size: 3.5rem;
    }

    .testimonial-content blockquote {
        font-size: 1.125rem;
    }

    .cta-buttons {
        flex-direction: column;
    }

    .btn-large {
        width: 100%;
    }

    .section-title,
    .section-header-europe,
    .section-title-africa,
    .nz-section-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .gst-bas-banner,
    .gst-nz-banner {
        flex-direction: column;
        text-align: center;
        padding: 2rem 1.5rem;
    }

    .banner-icon,
    .gst-nz-header>i {
        margin: 0 auto;
    }

    .gst-nz-header {
        flex-direction: column;
        text-align: center;
    }

    .info-callout,
    .info-banner-europe,
    .nz-intro-banner {
        flex-direction: column;
        text-align: center;
    }

    .final-cta-australia,
    .final-cta-europe,
    .final-cta-nz {
        padding: 2rem 1.5rem;
    }

    .final-cta-australia h3,
    .final-cta-europe h3,
    .final-cta-nz h3 {
        font-size: 1.5rem;
    }

    .benefits-nz-section,
    .why-africa-banner {
        padding: 2rem 1.5rem;
    }

    .cta-africa-final h3 {
        font-size: 1.5rem;
    }

    .business-badges,
    .nz-cities {
        justify-content: center;
    }

    .payroll-features-africa,
    .payroll-details-nz {
        grid-template-columns: 1fr;
    }
/* Small Mobile */
@media (max-width: 480px) {
    .stat-item {
        padding: 0.75rem;
    }

    .stat-item i {
        font-size: 1.5rem;
    }

    .stat-item strong {
        font-size: 1.25rem;
    }

    .final-cta-box,
    .cta-africa-final,
    .final-cta-nz {
        padding: 2rem 1.5rem;
    }

    .final-cta-box h3,
    .cta-africa-final h3,
    .final-cta-nz h3 {
        font-size: 1.5rem;
    }

    .service-number,
    .service-number-africa,
    .why-australia-card .card-number,
    .why-number,
    .payroll-nz-number {
        width: 35px;
        height: 35px;
        font-size: 0.875rem;
    }

    .title-icon,
    .nz-header-icon {
        width: 60px;
        height: 60px;
    }

    .title-icon i,
    .nz-header-icon i {
        font-size: 2rem;
    }

    .region-badges,
    .currency-list {
        justify-content: center;
    }
}

/* =========================================
   DUAL REGION SPECIFIC (EUROPE & INDIA)
   ========================================= */

/* Dual Region Hero */
.dual-region-hero {
    background: linear-gradient(135deg, rgba(13, 71, 161, 0.95), rgba(30, 136, 229, 0.95)),
        url('https://images.unsplash.com/photo-1526304640581-d334cdbbf45e?w=1600') center/cover;
    text-align: center;
    padding: 6rem 0 4rem;
}

.hero-regions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    margin-top: 2rem;
}

.hero-region {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 1.5rem 2rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 1rem;
    backdrop-filter: blur(10px);
}

.hero-region i {
    font-size: 3rem;
    color: var(--white);
}

.hero-region span {
    color: var(--white);
    font-size: 1.25rem;
    font-weight: 600;
}

.hero-divider {
    width: 2px;
    height: 80px;
    background: rgba(255, 255, 255, 0.3);
}

/* Region Section Container */
.region-section {
    padding: 4rem 0;
    position: relative;
}

.europe-section {
    background: linear-gradient(135deg, #F8FAFB, #FFFFFF);
}

.india-section {
    background: linear-gradient(135deg, #FFF9E6, #FFFFFF);
}

/* Region Header */
.region-header {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-bottom: 3rem;
    padding: 2rem;
    background: var(--white);
    border-radius: 1rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.region-header>i {
    font-size: 4rem;
    color: var(--primary-blue);
    width: 100px;
    height: 100px;
    background: linear-gradient(135deg, #E3F2FD, #F1F8E9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.region-header h2 {
    color: var(--black);
    margin-bottom: 0.5rem;
    font-size: 2rem;
}

.region-tagline {
    color: var(--text-light);
    font-size: 1.125rem;
    margin: 0;
}

/* Region Divider */
.region-divider {
    position: relative;
    text-align: center;
    margin: 4rem 0;
}

.region-divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg,
            transparent 0%,
            var(--primary-blue) 25%,
            var(--primary-green) 50%,
            var(--primary-blue) 75%,
            transparent 100%);
}

.region-divider span {
    position: relative;
    background: var(--white);
    padding: 1rem 3rem;
    color: var(--primary-blue);
    font-weight: 700;
    font-size: 1.25rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    border-radius: 50px;
}

/* India Specific */
.india-widget {
    background: linear-gradient(135deg, #FFF9E6, #FFE4B5);
    border: 2px solid rgba(255, 153, 51, 0.2);
}

.india-highlight {
    background: linear-gradient(135deg, #FF9933, #FF6B00);
}

.india-value-props {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}

.value-prop-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 2rem;
    background: var(--white);
    border-radius: 0.75rem;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
}

.value-prop-card:hover {
    border-color: #FF9933;
    box-shadow: 0 8px 25px rgba(255, 153, 51, 0.2);
    transform: translateY(-5px);
}

.value-prop-card i {
    font-size: 3rem;
    color: #FF9933;
    margin-bottom: 1rem;
}

.value-prop-card h4 {
    color: var(--black);
    margin-bottom: 0.5rem;
}

.value-prop-card p {
    color: var(--text-light);
    font-size: 0.875rem;
    margin: 0;
}

/* India Services Grid */
.india-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}

.india-service-item {
    background: var(--white);
    padding: 2rem;
    border-radius: 0.75rem;
    border: 2px solid var(--border-color);
    text-align: center;
    transition: all 0.3s ease;
}

.india-service-item:hover {
    border-color: #FF9933;
    box-shadow: 0 8px 25px rgba(255, 153, 51, 0.2);
    transform: translateY(-5px);
}

.service-icon-india {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #FFF9E6, #FFE4B5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    transition: all 0.3s ease;
}

.india-service-item:hover .service-icon-india {
    background: linear-gradient(135deg, #FF9933, #FF6B00);
    transform: scale(1.1);
}

.service-icon-india i {
    font-size: 2rem;
    color: #FF9933;
    transition: color 0.3s ease;
}

.india-service-item:hover .service-icon-india i {
    color: var(--white);
}

.india-service-item h4 {
    color: var(--black);
    margin-bottom: 0.75rem;
}

.india-service-item p {
    color: var(--text-light);
    font-size: 0.875rem;
    margin: 0;
}

/* GST Section (India) */
.gst-section-header {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-bottom: 2rem;
    padding: 2rem;
    background: linear-gradient(135deg, #FFF9E6, #FFE4B5);
    border-radius: 1rem;
    border-left: 5px solid #FF9933;
}

.gst-icon-large {
    width: 90px;
    height: 90px;
    background: linear-gradient(135deg, #FF9933, #FF6B00);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.gst-icon-large i {
    font-size: 3rem;
    color: var(--white);
}

.gst-section-header h2 {
    margin-bottom: 0.5rem;
    color: var(--black);
}

.gst-section-header p {
    margin: 0;
    color: var(--text-light);
    font-size: 1.125rem;
}

/* GST Services Cards */
.gst-services-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 2rem 0;
}

.gst-card {
    background: var(--white);
    padding: 2rem;
    border-radius: 1rem;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
}

.gst-card:hover {
    border-color: #FF9933;
    box-shadow: 0 10px 30px rgba(255, 153, 51, 0.2);
    transform: translateY(-8px);
}

.gst-card-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--border-color);
}

.gst-card-header i {
    font-size: 2.5rem;
    color: #FF9933;
}

.gst-card-header h3 {
    color: var(--black);
    font-size: 1.125rem;
    margin: 0;
}

.gst-card>p {
    color: var(--text-light);
    margin-bottom: 1.5rem;
    line-height: 1.7;
}

.gst-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.gst-features li {
    padding: 0.5rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--text-dark);
    font-size: 0.875rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.gst-features li:last-child {
    border-bottom: none;
}

.gst-features i {
    color: #FF9933;
}

/* India Payroll Grid */
.india-payroll-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 2rem 0;
}

.india-payroll-card {
    background: var(--white);
    padding: 2rem;
    border-radius: 0.75rem;
    border: 2px solid var(--border-color);
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
}

.india-payroll-card .payroll-number {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, #FF9933, #FF6B00);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.125rem;
}

.india-payroll-card:hover {
    border-color: #FF9933;
    box-shadow: 0 10px 30px rgba(255, 153, 51, 0.2);
    transform: translateY(-8px);
}

.india-payroll-card>i {
    font-size: 3rem;
    color: #FF9933;
    margin-bottom: 1.5rem;
    display: block;
}

.india-payroll-card h4 {
    color: var(--black);
    margin-bottom: 0.75rem;
}

.india-payroll-card p {
    color: var(--text-light);
    line-height: 1.6;
    margin: 0;
}

/* Dual Region CTA */
.dual-region-cta {
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));
}

/* Services Checklist */
.services-checklist {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin: 2rem 0;
}

.checklist-item {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1.5rem;
    background: var(--white);
    border-radius: 0.75rem;
    border-left: 4px solid var(--primary-blue);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.checklist-item:hover {
    box-shadow: 0 8px 25px rgba(30, 136, 229, 0.15);
    transform: translateX(10px);
}

.checklist-item>i {
    font-size: 2rem;
    color: var(--primary-green);
    flex-shrink: 0;
}

.checklist-item h4 {
    color: var(--black);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.checklist-item p {
    color: var(--text-light);
    margin: 0;
}

/* Management Cards Compact */
.management-cards-compact {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}

.compact-card {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1.5rem;
    background: var(--white);
    border-radius: 0.75rem;
    border: 2px solid var(--border-color);
    transition: all 0.3s ease;
}

.compact-card:hover {
    border-color: var(--primary-blue);
    box-shadow: 0 8px 25px rgba(30, 136, 229, 0.15);
    transform: translateY(-5px);
}

.compact-card i {
    font-size: 2.5rem;
    color: var(--primary-blue);
    width: 60px;
    text-align: center;
    flex-shrink: 0;
}

.compact-card h4 {
    color: var(--black);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.compact-card p {
    color: var(--text-light);
    font-size: 0.875rem;
    margin: 0;
}

/* Payroll Process Cards */
.payroll-process-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 2rem 0;
}

.process-card {
    background: var(--white);
    padding: 2rem;
    border-radius: 0.75rem;
    border: 2px solid var(--border-color);
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
}

.process-step {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--primary-blue), var(--light-blue));
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.125rem;
}

.process-card:hover {
    border-color: var(--primary-green);
    box-shadow: 0 10px 30px rgba(124, 179, 66, 0.2);
    transform: translateY(-8px);
}

.process-card>i {
    font-size: 3rem;
    color: var(--primary-blue);
    margin-bottom: 1.5rem;
    display: block;
}

.process-card h4 {
    color: var(--black);
    margin-bottom: 0.75rem;
}

.process-card p {
    color: var(--text-light);
    line-height: 1.6;
    margin: 0;
}

/* Responsive for Dual Region */
@media (max-width: 1024px) {
    .hero-regions {
        flex-direction: column;
        gap: 1rem;
    }

    .hero-divider {
        width: 80px;
        height: 2px;
        transform: rotate(90deg);
    }

    .india-value-props,
    .india-services-grid,
    .gst-services-cards,
    .india-payroll-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .payroll-process-cards {
        grid-template-columns: 1fr;
    }

    .management-cards-compact {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .region-header {
        flex-direction: column;
        text-align: center;
    }

    .region-header h2 {
        font-size: 1.5rem;
    }

    .india-value-props,
    .india-services-grid,
    .gst-services-cards,
    .india-payroll-grid {
        grid-template-columns: 1fr;
    }

    .services-checklist .checklist-item {
        flex-direction: column;
        text-align: center;
    }

    .gst-section-header {
        flex-direction: column;
        text-align: center;
    }

    .compact-card {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .dual-region-hero {
        padding: 4rem 0 2rem;
    }

    .hero-region {
        padding: 1rem 1.5rem;
    }

    .hero-region i {
        font-size: 2rem;
    }

    .region-section {
        padding: 2rem 0;
    }
}
}.Logo1 {
    width: 80px; /* Increase from default */
    height: auto;
}

.Logo1 img {
    width: 100%;
    height: auto;
    max-width: 200px; /* Control maximum size */
    display: block;
}