/*!
Theme Name: AltaHub
Theme URI: http://underscores.me/
Author: Alen Hovhannisians
Author URI: https://alenfromrobi.site/
Description: Crafted custom theme for AltaHub
Version: 12.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: altahub
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100;200;300;400;500;600;700&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    font-family: 'League Spartan', Arial, sans-serif !important;
    overflow-x: hidden;
}


/*--------------------------------------------------------------
# AltaHub Header Custom Styles
--------------------------------------------------------------*/

.altahub-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.altahub-header__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem 2rem;
}

.altahub-header__logo {
    display: flex;
    align-items: center;
}

.altahub-header__logo-container {
    position: relative;
    display: inline-block;
    height: 100%;
}

.altahub-header__logo-container .custom-logo {
    height: 100%;
    width: auto;
    object-fit: contain;
}

.altahub-header__logo img {
    height: 40px;
    width: auto;
}

.altahub-header__nav {
    display: flex;
    align-items: center;
    /*!
Theme Name: AltaHub
Theme URI: http://underscores.me/
Author: Alen Hovhannisians
Author URI: https://alenfromrobi.site/
Description: Crafted custom theme for AltaHub
Version: 2.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: altahub
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
    /*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
--------------------------------------------------------------*/
    @import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;600;700&display=swap');
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    html,
    body {
        font-family: 'League Spartan', Arial, sans-serif !important;
        overflow-x: hidden;
    }
    /*--------------------------------------------------------------
# AltaHub Header Custom Styles
--------------------------------------------------------------*/
    .altahub-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        background: #fff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    }
    .altahub-header__container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 1200px;
        margin: 0 auto;
        padding: 1rem 2rem;
    }
    .altahub-header__logo {
        display: flex;
        align-items: center;
    }
    .altahub-header__logo img {
        height: 40px;
        width: auto;
    }
    .altahub-header__nav {
        display: flex;
        align-items: center;
        gap: 2rem;
    }
    .altahub-header__menu {
        display: flex;
        gap: 1.5rem;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .altahub-header__menu li {
        position: relative;
    }
    .altahub-header__menu a {
        color: #333;
        text-decoration: none;
        font-size: 1rem;
        font-weight: 500;
        transition: color 0.2s;
    }
    .altahub-header__menu a:hover {
        color: #4caf50;
    }
    .altahub-header__btn {
        display: inline-flex;
        align-items: center;
        padding: 0.75rem 1.5rem;
        background: #4caf50;
        color: #fff;
        font-size: 1rem;
        font-weight: 600;
        border-radius: 8px;
        text-decoration: none;
        transition: background-color 0.2s;
    }
    .altahub-header__btn:hover {
        background: #43a047;
    }
    .altahub-header__hamburger {
        display: none;
        background: none;
        border: none;
        padding: 0.5rem;
        cursor: pointer;
    }
    .hamburger-bar {
        display: block;
        width: 24px;
        height: 2px;
        background: #333;
        margin: 4px 0;
        transition: 0.2s;
    }
    @media (max-width: 900px) {
        .altahub-header__nav {
            display: none;
        }
        .altahub-header__hamburger {
            display: block;
        }
        .altahub-header__hamburger.active .hamburger-bar:nth-child(1) {
            transform: rotate(45deg) translate(5px, 5px);
        }
        .altahub-header__hamburger.active .hamburger-bar:nth-child(2) {
            opacity: 0;
        }
        .altahub-header__hamburger.active .hamburger-bar:nth-child(3) {
            transform: rotate(-45deg) translate(5px, -5px);
        }
        .altahub-header__nav.active {
            display: flex;
            flex-direction: column;
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: #fff;
            padding: 1rem;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        .altahub-header__menu {
            flex-direction: column;
            width: 100%;
        }
        .altahub-header__menu li {
            width: 100%;
        }
        .altahub-header__menu a {
            display: block;
            padding: 0.75rem 0;
        }
        .altahub-header__btn {
            width: 100%;
            justify-content: center;
            margin-top: 1rem;
        }
    }
    /*--------------------------------------------------------------
# AltaHub Footer Custom Styles
--------------------------------------------------------------*/
    .businesses-specializing {
        background: #fff;
        padding: 40px 0;
    }
    .businesses-specializing .container {
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 24px;
    }
    .businesses-specializing-row {
        display: flex;
        align-items: center;
    }
    .businesses-specializing-col--left {
        flex: 0 0 340px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        height: 100%;
        min-width: 260px;
    }
    .businesses-specializing-title {
        font-family: 'League Spartan', Arial, sans-serif;
        font-size: 2.8rem;
        font-weight: 700;
        line-height: 1.05;
        color: #191919;
        margin: 0 0 32px 0;
        text-align: left;
    }
    .businesses-specializing-metrics {
        display: flex;
        gap: 32px;
        margin-top: 12px;
    }
    .stat {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .stat-value {
        font-size: 2rem;
        color: #4caf50;
        font-weight: bold;
        line-height: 1;
    }
    .stat-label {
        font-size: 1rem;
        color: #888;
        margin-top: 2px;
    }
    .businesses-specializing-card {
        max-width: 1200px;
        margin: 0 auto;
        background: #fff;
        border-radius: 24px;
        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
        overflow: visible;
        padding: 40px 24px;
        box-sizing: border-box;
    }
    .businesses-specializing-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 32px;
        max-width: 1200px;
        width: 100%;
    }
    .businesses-specializing-grid .business-box {
        display: flex;
        flex-direction: column;
        aspect-ratio: 9/16;
        width: 100%;
        border-radius: 18px;
        overflow: hidden;
        border-left: 6px solid var(--card-color, #4caf50);
        background: #fff;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.10);
        position: relative;
        transition: box-shadow 0.2s, transform 0.2s;
    }
    .businesses-specializing-grid .business-box-top {
        height: 55%;
        min-height: 0;
        position: relative;
        width: 100%;
        overflow: hidden;
        border-top-left-radius: 18px;
        border-top-right-radius: 18px;
        background: #222;
        display: flex;
        align-items: stretch;
        justify-content: stretch;
    }
    .businesses-specializing-grid .business-box-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        border: none !important;
    }
    .businesses-specializing-grid .business-box-overlay {
        position: absolute;
        inset: 0;
        background: rgba(34, 34, 34, 0.33);
        z-index: 1;
    }
    .businesses-specializing-grid .business-box-title {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: 2rem;
        font-weight: 700;
        text-align: center;
        z-index: 2;
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
        width: 90%;
        pointer-events: none;
    }
    .businesses-specializing-grid .business-box-bottom {
        flex: 1 1 0;
        min-height: 0;
        padding: 20px;
        background: #fff;
        display: flex;
        align-items: flex-start;
        border-bottom-left-radius: 18px;
        border-bottom-right-radius: 18px;
    }
    .businesses-specializing-grid .business-box-desc {
        color: #444;
        font-size: 1rem;
        line-height: 1.5;
    }
    .businesses-specializing-grid .business-box--empty {
        background: #f5f5f5;
        border: 2px dashed #ddd;
        border-left: 6px solid #ddd;
        border-radius: 18px;
    }
    @media (max-width: 1200px) {
        .businesses-specializing-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 24px;
        }
    }
    @media (max-width: 700px) {
        .businesses-specializing-grid {
            grid-template-columns: 1fr;
        }
        .businesses-specializing-grid .business-box-title {
            font-size: 1.5rem;
        }
    }
    body {
        background: #fff;
    }
    .businesses-specializing-card,
    .businesses-specializing-card>.container {
        overflow: visible !important;
    }
    .businesses-specializing-card>.container {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0;
    }
    /* DO NOT REMOVE OR CHANGE THE SIZE BELOW UNLESS USER EXPLICITLY REQUESTS */
    .business-box {
        position: relative !important;
        overflow: visible !important;
        border: none !important;
        border-radius: 0 !important;
        transition: box-shadow 0.18s, transform 0.18s !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-color: #222 !important;
        cursor: pointer !important;
        box-shadow: none !important;
        width: 350px !important;
        height: 205px !important;
        min-width: 0 !important;
        min-height: 0 !important;
    }
    .business-box--empty {
        min-height: 260px !important;
    }
    /* Fallback for aspect-ratio in older browsers */
    .business-box::before {
        content: "";
        display: block;
        padding-top: 56.25% !important;
        /* 16:9 ratio */
        float: left;
        height: 0 !important;
    }
    .business-box>*:not(:first-child) {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .business-box-bar {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 12px;
        z-index: 2;
        border-radius: 0;
    }
    /* stays at z-index 2 */
    .business-box-overlay {
        position: absolute;
        inset: 0;
        background: rgba(30, 34, 37, 0.50);
        z-index: 1;
    }
    .business-box-title {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        bottom: 50% !important;
        transform: translate(-50%, -50%) !important;
        color: #EEE !important;
        text-align: center !important;
        font-size: 35px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        z-index: 20 !important;
        width: 100% !important;
        padding: 0 !important;
        background: none !important;
        box-sizing: border-box !important;
    }
    /* Fallback for aspect-ratio in older browsers */
    .business-box::before {
        content: "";
        display: block;
        padding-top: 56.25%;
        /* 9/16*100 */
        float: left;
        height: 0;
    }
    .businesses-specializing {
        background: none;
        box-shadow: none;
        border-radius: 0;
        padding: 0;
        margin: 0;
        width: 100%;
    }
    .businesses-specializing .container {
        display: flex;
        flex-direction: row;
        gap: 2.2rem;
        align-items: center;
        padding: 0;
        width: 100%;
        box-sizing: border-box;
    }
    .businesses-specializing-left {
        flex: 1;
        min-width: 200px;
        max-width: 260px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        text-align: left;
        gap: 0.7rem;
    }
    .businesses-specializing-left h2 {
        font-size: 2.05rem;
        font-weight: 800;
        margin-bottom: 0.5rem;
        color: #232323;
        line-height: 1.08;
        letter-spacing: -0.5px;
    }
    .businesses-specializing-left p {
        color: #888;
        font-size: 0.93rem;
        line-height: 1.5;
        font-weight: 400;
        margin: 0;
    }
    .businesses-specializing-left h2 {
        font-size: 2.4rem;
        font-weight: 800;
        margin-bottom: 1.1rem;
        color: #232323;
        line-height: 1.08;
        letter-spacing: -0.5px;
    }
    .businesses-specializing-left p {
        color: #888;
        font-size: 1.05rem;
        line-height: 1.7;
        font-weight: 400;
    }
    .businesses-specializing-grid {
        flex: 2 1 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.1rem;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        align-items: stretch;
        justify-items: stretch;
    }
    .business-box {
        position: relative;
        overflow: hidden;
        border: 2px solid #7ed957;
        /* Default, override with inline style */
        background: #fff;
        width: 100%;
        min-width: 0;
        min-height: 0;
        padding-top: 56.25%;
        /* 16:9 aspect ratio */
        display: block;
        box-shadow: none;
        border-radius: 0;
        transition: border-color 0.18s;
    }
    .business-box img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1;
    }
    .business-box-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(34, 34, 34, 0.33);
        z-index: 2;
    }
    .business-box-title {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: 2rem;
        font-weight: 700;
        text-align: center;
        z-index: 3;
        letter-spacing: 0.01em;
        line-height: 1.1;
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
        width: 90%;
        pointer-events: none;
    }
    .business-box--empty {
        background: #ededed;
        border: 2px dashed #dadada;
        box-shadow: none;
        position: relative;
    }
    .business-box--empty>* {
        display: none !important;
    }
    .business-box img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1;
    }
    .business-box .business-box-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(34, 34, 34, 0.45);
        z-index: 2;
    }
    .business-box .business-box-title {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        color: #fff;
        font-size: 2.1rem;
        font-weight: 700;
        text-align: center;
        z-index: 3;
        letter-spacing: 0.01em;
        line-height: 1.1;
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
    }
    .business-box--empty {
        background: #ededed;
        border: 2px dashed #dadada;
        border-left: 6px solid #ededed;
        box-shadow: none;
        position: relative;
    }
    .business-box--empty>* {
        display: none !important;
    }
    .business-box {
        position: relative;
        overflow: hidden;
        border-radius: 14px;
        transition: box-shadow 0.18s, transform 0.18s;
        background: #fff;
        cursor: pointer;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        aspect-ratio: 16/9;
        min-height: 0;
        min-width: 0;
    }
    .business-box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    @media (max-width: 900px) {
        .businesses-specializing-card {
            padding: 18px 4vw;
        }
        .businesses-specializing .container {
            flex-direction: column;
            gap: 1.5rem;
            align-items: stretch;
        }
        .businesses-specializing-grid {
            width: 100%;
            min-width: 0;
            max-width: 100%;
            height: auto;
            grid-template-columns: 1fr;
            grid-template-rows: repeat(4, 1fr);
        }
        .businesses-specializing-left {
            max-width: 100%;
            min-width: 0;
            align-items: flex-start;
        }
    }
    .business-box {
        position: relative;
        overflow: hidden;
        border-radius: 14px;
        transition: box-shadow 0.18s, transform 0.18s;
        min-height: 210px;
        aspect-ratio: 1/1;
        background: #fff;
        cursor: pointer;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    .business-box:hover {
        box-shadow: 0 6px 24px rgba(0, 0, 0, 0.14);
        transform: translateY(-3px) scale(1.03);
    }
    .business-box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .business-box-overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.28);
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
        padding: 1.5rem;
    }
    .business-box--empty {
        background: #eaeaea;
        border: 2px dashed #d0d0d0 !important;
    }
    .business-box-overlay span {
        color: #fff;
        font-size: 1.3rem;
        font-weight: 700;
        letter-spacing: 0.01em;
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    }
    @media (max-width: 900px) {
        /*!
Theme Name: AltaHub
Theme URI: http://underscores.me/
Author: Alen Hovhannisians
Author URI: https://alenfromrobi.site/
/*!
Theme Name: AltaHub
Theme URI: http://underscores.me/
Author: Alen Hovhannisians
Author URI: https://alenfromrobi.site/
Description: Crafted custom theme for AltaHub
Version: 2.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: altahub
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
        /*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
--------------------------------------------------------------*/
        @import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;600;700&display=swap');
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        html,
        body {
            font-family: 'League Spartan', Arial, sans-serif !important;
            overflow-x: hidden;
        }
        /*--------------------------------------------------------------
# AltaHub Header Custom Styles
--------------------------------------------------------------*/
        .altahub-header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            background: #fff;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
        }
        .altahub-header__container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 1200px;
            margin: 0 auto;
            padding: 1rem 2rem;
        }
        .altahub-header__logo {
            display: flex;
            align-items: center;
        }
        .altahub-header__logo img {
            height: 40px;
            width: auto;
        }
        .altahub-header__nav {
            display: flex;
            align-items: center;
            gap: 2rem;
        }
        .altahub-header__menu {
            display: flex;
            gap: 1.5rem;
            list-style: none;
            margin: 0;
            padding: 0;
        }
        .altahub-header__menu li {
            position: relative;
        }
        .altahub-header__menu a {
            color: #333;
            text-decoration: none;
            font-size: 1rem;
            font-weight: 500;
            transition: color 0.2s;
        }
        .altahub-header__menu a:hover {
            color: #4caf50;
        }
        .altahub-header__btn {
            display: inline-flex;
            align-items: center;
            padding: 0.75rem 1.5rem;
            background: #4caf50;
            color: #fff;
            font-size: 1rem;
            font-weight: 600;
            border-radius: 8px;
            text-decoration: none;
            transition: background-color 0.2s;
        }
        .altahub-header__btn:hover {
            background: #43a047;
        }
        .altahub-header__hamburger {
            display: none;
            background: none;
            border: none;
            padding: 0.5rem;
            cursor: pointer;
        }
        .hamburger-bar {
            display: block;
            width: 24px;
            height: 2px;
            background: #333;
            margin: 4px 0;
            transition: 0.2s;
        }
        @media (max-width: 900px) {
            .altahub-header__nav {
                display: none;
            }
            .altahub-header__hamburger {
                display: block;
            }
            .altahub-header__hamburger.active .hamburger-bar:nth-child(1) {
                transform: rotate(45deg) translate(5px, 5px);
            }
            .altahub-header__hamburger.active .hamburger-bar:nth-child(2) {
                opacity: 0;
            }
            .altahub-header__hamburger.active .hamburger-bar:nth-child(3) {
                transform: rotate(-45deg) translate(5px, -5px);
            }
            .altahub-header__nav.active {
                display: flex;
                flex-direction: column;
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                background: #fff;
                padding: 1rem;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            }
            .altahub-header__menu {
                flex-direction: column;
                width: 100%;
            }
            .altahub-header__menu li {
                width: 100%;
            }
            .altahub-header__menu a {
                display: block;
                padding: 0.75rem 0;
            }
            .altahub-header__btn {
                width: 100%;
                justify-content: center;
                margin-top: 1rem;
            }
        }
        /*--------------------------------------------------------------
# AltaHub Footer Custom Styles
--------------------------------------------------------------*/
        .businesses-specializing {
            background: #fff;
            padding: 40px 0;
        }
        .businesses-specializing .container {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 24px;
        }
        .businesses-specializing-row {
            display: flex;
            align-items: center;
        }
        .businesses-specializing-col--left {
            flex: 0 0 340px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            height: 100%;
            min-width: 260px;
        }
        .businesses-specializing-title {
            font-family: 'League Spartan', Arial, sans-serif;
            font-size: 2.8rem;
            font-weight: 700;
            line-height: 1.05;
            color: #191919;
            margin: 0 0 32px 0;
            text-align: left;
        }
        .businesses-specializing-metrics {
            display: flex;
            gap: 32px;
            margin-top: 12px;
        }
        .stat {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }
        .stat-value {
            font-size: 2rem;
            color: #4caf50;
            font-weight: bold;
            line-height: 1;
        }
        .stat-label {
            font-size: 1rem;
            color: #888;
            margin-top: 2px;
        }
        .businesses-specializing-card {
            max-width: 1200px;
            margin: 0 auto;
            background: #fff;
            border-radius: 24px;
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
            overflow: visible;
            padding: 40px 24px;
            box-sizing: border-box;
        }
        .businesses-specializing-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 32px;
            max-width: 1200px;
            width: 100%;
        }
        .businesses-specializing-grid .business-box {
            display: flex;
            flex-direction: column;
            aspect-ratio: 9/16;
            width: 100%;
            border-radius: 18px;
            overflow: hidden;
            border-left: 6px solid var(--card-color, #4caf50);
            background: #fff;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.10);
            position: relative;
            transition: box-shadow 0.2s, transform 0.2s;
        }
        .businesses-specializing-grid .business-box-top {
            height: 55%;
            min-height: 0;
            position: relative;
            width: 100%;
            overflow: hidden;
            border-top-left-radius: 18px;
            border-top-right-radius: 18px;
            background: #222;
            display: flex;
            align-items: stretch;
            justify-content: stretch;
        }
        .businesses-specializing-grid .business-box-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 0;
            border: none !important;
        }
        .businesses-specializing-grid .business-box-overlay {
            position: absolute;
            inset: 0;
            background: rgba(34, 34, 34, 0.33);
            z-index: 1;
        }
        .businesses-specializing-grid .business-box-title {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #fff;
            font-size: 2rem;
            font-weight: 700;
            text-align: center;
            z-index: 2;
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
            width: 90%;
            pointer-events: none;
        }
        .businesses-specializing-grid .business-box-bottom {
            flex: 1 1 0;
            min-height: 0;
            padding: 20px;
            background: #fff;
            display: flex;
            align-items: flex-start;
            border-bottom-left-radius: 18px;
            border-bottom-right-radius: 18px;
        }
        .businesses-specializing-grid .business-box-desc {
            color: #444;
            font-size: 1rem;
            line-height: 1.5;
        }
        .businesses-specializing-grid .business-box--empty {
            background: #f5f5f5;
            border: 2px dashed #ddd;
            border-left: 6px solid #ddd;
            border-radius: 18px;
        }
        @media (max-width: 1200px) {
            .businesses-specializing-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 24px;
            }
        }
        @media (max-width: 700px) {
            .businesses-specializing-grid {
                grid-template-columns: 1fr;
            }
            .businesses-specializing-grid .business-box-title {
                font-size: 1.5rem;
            }
        }
        body {
            background: #fff;
        }
        .businesses-specializing-card,
        .businesses-specializing-card>.container {
            overflow: visible !important;
        }
        .businesses-specializing-card>.container {
            width: 100%;
            max-width: 100%;
            padding: 0;
            margin: 0;
        }
        /* DO NOT REMOVE OR CHANGE THE SIZE BELOW UNLESS USER EXPLICITLY REQUESTS */
        .business-box {
            position: relative !important;
            overflow: visible !important;
            border: none !important;
            border-radius: 0 !important;
            transition: box-shadow 0.18s, transform 0.18s !important;
            background-size: cover !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
            background-color: #222 !important;
            cursor: pointer !important;
            box-shadow: none !important;
            width: 350px !important;
            height: 205px !important;
            min-width: 0 !important;
            min-height: 0 !important;
        }
        .business-box--empty {
            min-height: 260px !important;
        }
        /* Fallback for aspect-ratio in older browsers */
        .business-box::before {
            content: "";
            display: block;
            padding-top: 56.25% !important;
            /* 16:9 ratio */
            float: left;
            height: 0 !important;
        }
        .business-box>*:not(:first-child) {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }
        .business-box-bar {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 12px;
            z-index: 2;
            border-radius: 0;
        }
        /* stays at z-index 2 */
        .business-box-overlay {
            position: absolute;
            inset: 0;
            background: rgba(30, 34, 37, 0.50);
            z-index: 1;
        }
        .business-box-title {
            position: absolute !important;
            top: 50% !important;
            left: 50% !important;
            bottom: 50% !important;
            transform: translate(-50%, -50%) !important;
            color: #EEE !important;
            text-align: center !important;
            font-size: 35px !important;
            font-style: normal !important;
            font-weight: 400 !important;
            z-index: 20 !important;
            width: 100% !important;
            padding: 0 !important;
            background: none !important;
            box-sizing: border-box !important;
        }
        /* Fallback for aspect-ratio in older browsers */
        .business-box::before {
            content: "";
            display: block;
            padding-top: 56.25%;
            /* 9/16*100 */
            float: left;
            height: 0;
        }
        .businesses-specializing {
            background: none;
            box-shadow: none;
            border-radius: 0;
            padding: 0;
            margin: 0;
            width: 100%;
        }
        .businesses-specializing .container {
            display: flex;
            flex-direction: row;
            gap: 2.2rem;
            align-items: center;
            padding: 0;
            width: 100%;
            box-sizing: border-box;
        }
        .businesses-specializing-left {
            flex: 1;
            min-width: 200px;
            max-width: 260px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            text-align: left;
            gap: 0.7rem;
        }
        .businesses-specializing-left h2 {
            font-size: 2.05rem;
            font-weight: 800;
            margin-bottom: 0.5rem;
            color: #232323;
            line-height: 1.08;
            letter-spacing: -0.5px;
        }
        .businesses-specializing-left p {
            color: #888;
            font-size: 0.93rem;
            line-height: 1.5;
            font-weight: 400;
            margin: 0;
        }
        .businesses-specializing-left h2 {
            font-size: 2.4rem;
            font-weight: 800;
            margin-bottom: 1.1rem;
            color: #232323;
            line-height: 1.08;
            letter-spacing: -0.5px;
        }
        .businesses-specializing-left p {
            color: #888;
            font-size: 1.05rem;
            line-height: 1.7;
            font-weight: 400;
        }
        .businesses-specializing-grid {
            flex: 2 1 0;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1.1rem;
            width: 100%;
            min-width: 0;
            max-width: 100%;
            align-items: stretch;
            justify-items: stretch;
        }
        .business-box {
            position: relative;
            overflow: hidden;
            border: 2px solid #7ed957;
            /* Default, override with inline style */
            background: #fff;
            width: 100%;
            min-width: 0;
            min-height: 0;
            padding-top: 56.25%;
            /* 16:9 aspect ratio */
            display: block;
            box-shadow: none;
            border-radius: 0;
            transition: border-color 0.18s;
        }
        .business-box img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 1;
        }
        .business-box-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(34, 34, 34, 0.33);
            z-index: 2;
        }
        .business-box-title {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #fff;
            font-size: 2rem;
            font-weight: 700;
            text-align: center;
            z-index: 3;
            letter-spacing: 0.01em;
            line-height: 1.1;
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
            width: 90%;
            pointer-events: none;
        }
        .business-box--empty {
            background: #ededed;
            border: 2px dashed #dadada;
            box-shadow: none;
            position: relative;
        }
        .business-box--empty>* {
            display: none !important;
        }
        .business-box img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 1;
        }
        .business-box .business-box-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(34, 34, 34, 0.45);
            z-index: 2;
        }
        .business-box .business-box-title {
            position: absolute;
            left: 0;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            color: #fff;
            font-size: 2.1rem;
            font-weight: 700;
            text-align: center;
            z-index: 3;
            letter-spacing: 0.01em;
            line-height: 1.1;
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
        }
        .business-box--empty {
            background: #ededed;
            border: 2px dashed #dadada;
            border-left: 6px solid #ededed;
            box-shadow: none;
            position: relative;
        }
        .business-box--empty>* {
            display: none !important;
        }
        .business-box {
            position: relative;
            overflow: hidden;
            border-radius: 14px;
            transition: box-shadow 0.18s, transform 0.18s;
            background: #fff;
            cursor: pointer;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            aspect-ratio: 16/9;
            min-height: 0;
            min-width: 0;
        }
        .business-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }
        @media (max-width: 900px) {
            .businesses-specializing-card {
                padding: 18px 4vw;
            }
            .businesses-specializing .container {
                flex-direction: column;
                gap: 1.5rem;
                align-items: stretch;
            }
            .businesses-specializing-grid {
                width: 100%;
                min-width: 0;
                max-width: 100%;
                height: auto;
                grid-template-columns: 1fr;
                grid-template-rows: repeat(4, 1fr);
            }
            .businesses-specializing-left {
                max-width: 100%;
                min-width: 0;
                align-items: flex-start;
            }
        }
        .business-box {
            position: relative;
            overflow: hidden;
            border-radius: 14px;
            transition: box-shadow 0.18s, transform 0.18s;
            min-height: 210px;
            aspect-ratio: 1/1;
            background: #fff;
            cursor: pointer;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
        }
        .business-box:hover {
            box-shadow: 0 6px 24px rgba(0, 0, 0, 0.14);
            transform: translateY(-3px) scale(1.03);
        }
        .business-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }
        .business-box-overlay {
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.28);
            display: flex;
            align-items: flex-end;
            justify-content: flex-start;
            padding: 1.5rem;
        }
        .business-box--empty {
            background: #eaeaea;
            border: 2px dashed #d0d0d0 !important;
        }
        .business-box-overlay span {
            color: #fff;
            font-size: 1.3rem;
            font-weight: 700;
            letter-spacing: 0.01em;
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
        }
        @media (max-width: 900px) {
            /*!
Theme Name: AltaHub
Theme URI: http://underscores.me/
Author: Alen Hovhannisians
Author URI: https://alenfromrobi.site/
Description: Crafted custom theme for AltaHub
Version: 2.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: altahub
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
            /*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
--------------------------------------------------------------*/
            @import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;600;700&display=swap');
            * {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }
            html,
            body {
                font-family: 'League Spartan', Arial, sans-serif !important;
                overflow-x: hidden;
            }
            /*--------------------------------------------------------------
# AltaHub Header Custom Styles
--------------------------------------------------------------*/
            .altahub-header {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                z-index: 1000;
                background: #fff;
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
            }
            .altahub-header__container {
                display: flex;
                justify-content: space-between;
                align-items: center;
                max-width: 1200px;
                margin: 0 auto;
                padding: 1rem 2rem;
            }
            .altahub-header__logo {
                display: flex;
                align-items: center;
            }
            .altahub-header__logo img {
                height: 40px;
                width: auto;
            }
            .altahub-header__nav {
                display: flex;
                align-items: center;
                gap: 2rem;
            }
            .altahub-header__menu {
                display: flex;
                gap: 1.5rem;
                list-style: none;
                margin: 0;
                padding: 0;
            }
            .altahub-header__menu li {
                position: relative;
            }
            .altahub-header__menu a {
                color: #333;
                text-decoration: none;
                font-size: 1rem;
                font-weight: 500;
                transition: color 0.2s;
            }
            .altahub-header__menu a:hover {
                color: #4caf50;
            }
            .altahub-header__btn {
                display: inline-flex;
                align-items: center;
                padding: 0.75rem 1.5rem;
                background: #4caf50;
                color: #fff;
                font-size: 1rem;
                font-weight: 600;
                border-radius: 8px;
                text-decoration: none;
                transition: background-color 0.2s;
            }
            .altahub-header__btn:hover {
                background: #43a047;
            }
            .altahub-header__hamburger {
                display: none;
                background: none;
                border: none;
                padding: 0.5rem;
                cursor: pointer;
            }
            .hamburger-bar {
                display: block;
                width: 24px;
                height: 2px;
                background: #333;
                margin: 4px 0;
                transition: 0.2s;
            }
            @media (max-width: 900px) {
                .altahub-header__nav {
                    display: none;
                }
                .altahub-header__hamburger {
                    display: block;
                }
                .altahub-header__hamburger.active .hamburger-bar:nth-child(1) {
                    transform: rotate(45deg) translate(5px, 5px);
                }
                .altahub-header__hamburger.active .hamburger-bar:nth-child(2) {
                    opacity: 0;
                }
                .altahub-header__hamburger.active .hamburger-bar:nth-child(3) {
                    transform: rotate(-45deg) translate(5px, -5px);
                }
                .altahub-header__nav.active {
                    display: flex;
                    flex-direction: column;
                    position: absolute;
                    top: 100%;
                    left: 0;
                    right: 0;
                    background: #fff;
                    padding: 1rem;
                    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                }
                .altahub-header__menu {
                    flex-direction: column;
                    width: 100%;
                }
                .altahub-header__menu li {
                    width: 100%;
                }
                .altahub-header__menu a {
                    display: block;
                    padding: 0.75rem 0;
                }
                .altahub-header__btn {
                    width: 100%;
                    justify-content: center;
                    margin-top: 1rem;
                }
            }
            /*--------------------------------------------------------------
# AltaHub Footer Custom Styles
--------------------------------------------------------------*/
            .businesses-specializing {
                background: #fff;
                padding: 40px 0;
            }
            .businesses-specializing .container {
                max-width: 1400px;
                margin: 0 auto;
                padding: 0 24px;
            }
            .businesses-specializing-row {
                display: flex;
                align-items: center;
            }
            .businesses-specializing-col--left {
                flex: 0 0 340px;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                justify-content: center;
                height: 100%;
                min-width: 260px;
            }
            .businesses-specializing-title {
                font-family: 'League Spartan', Arial, sans-serif;
                font-size: 2.8rem;
                font-weight: 700;
                line-height: 1.05;
                color: #191919;
                margin: 0 0 32px 0;
                text-align: left;
            }
            .businesses-specializing-metrics {
                display: flex;
                gap: 32px;
                margin-top: 12px;
            }
            .stat {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
            }
            .stat-value {
                font-size: 2rem;
                color: #4caf50;
                font-weight: bold;
                line-height: 1;
            }
            .stat-label {
                font-size: 1rem;
                color: #888;
                margin-top: 2px;
            }
            .businesses-specializing-card {
                max-width: 1200px;
                margin: 0 auto;
                background: #fff;
                border-radius: 24px;
                box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
                overflow: visible;
                padding: 40px 24px;
                box-sizing: border-box;
            }
            .businesses-specializing-grid {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 32px;
                max-width: 1200px;
                width: 100%;
            }
            .businesses-specializing-grid .business-box {
                display: flex;
                flex-direction: column;
                aspect-ratio: 9/16;
                width: 100%;
                border-radius: 18px;
                overflow: hidden;
                border-left: 6px solid var(--card-color, #4caf50);
                background: #fff;
                box-shadow: 0 8px 32px rgba(0, 0, 0, 0.10);
                position: relative;
                transition: box-shadow 0.2s, transform 0.2s;
            }
            .businesses-specializing-grid .business-box-top {
                height: 55%;
                min-height: 0;
                position: relative;
                width: 100%;
                overflow: hidden;
                border-top-left-radius: 18px;
                border-top-right-radius: 18px;
                background: #222;
                display: flex;
                align-items: stretch;
                justify-content: stretch;
            }
            .businesses-specializing-grid .business-box-img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 0;
                border: none !important;
            }
            .businesses-specializing-grid .business-box-overlay {
                position: absolute;
                inset: 0;
                background: rgba(34, 34, 34, 0.33);
                z-index: 1;
            }
            .businesses-specializing-grid .business-box-title {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                color: #fff;
                font-size: 2rem;
                font-weight: 700;
                text-align: center;
                z-index: 2;
                text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                width: 90%;
                pointer-events: none;
            }
            .businesses-specializing-grid .business-box-bottom {
                flex: 1 1 0;
                min-height: 0;
                padding: 20px;
                background: #fff;
                display: flex;
                align-items: flex-start;
                border-bottom-left-radius: 18px;
                border-bottom-right-radius: 18px;
            }
            .businesses-specializing-grid .business-box-desc {
                color: #444;
                font-size: 1rem;
                line-height: 1.5;
            }
            .businesses-specializing-grid .business-box--empty {
                background: #f5f5f5;
                border: 2px dashed #ddd;
                border-left: 6px solid #ddd;
                border-radius: 18px;
            }
            @media (max-width: 1200px) {
                .businesses-specializing-grid {
                    grid-template-columns: repeat(2, 1fr);
                    gap: 24px;
                }
            }
            @media (max-width: 700px) {
                .businesses-specializing-grid {
                    grid-template-columns: 1fr;
                }
                .businesses-specializing-grid .business-box-title {
                    font-size: 1.5rem;
                }
            }
            body {
                background: #fff;
            }
            .businesses-specializing-card,
            .businesses-specializing-card>.container {
                overflow: visible !important;
            }
            .businesses-specializing-card>.container {
                width: 100%;
                max-width: 100%;
                padding: 0;
                margin: 0;
            }
            /* DO NOT REMOVE OR CHANGE THE SIZE BELOW UNLESS USER EXPLICITLY REQUESTS */
            .business-box {
                position: relative !important;
                overflow: visible !important;
                border: none !important;
                border-radius: 0 !important;
                transition: box-shadow 0.18s, transform 0.18s !important;
                background-size: cover !important;
                background-position: center !important;
                background-repeat: no-repeat !important;
                background-color: #222 !important;
                cursor: pointer !important;
                box-shadow: none !important;
                width: 350px !important;
                height: 205px !important;
                min-width: 0 !important;
                min-height: 0 !important;
            }
            .business-box--empty {
                min-height: 260px !important;
            }
            /* Fallback for aspect-ratio in older browsers */
            .business-box::before {
                content: "";
                display: block;
                padding-top: 56.25% !important;
                /* 16:9 ratio */
                float: left;
                height: 0 !important;
            }
            .business-box>*:not(:first-child) {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
            }
            .business-box-bar {
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                width: 12px;
                z-index: 2;
                border-radius: 0;
            }
            /* stays at z-index 2 */
            .business-box-overlay {
                position: absolute;
                inset: 0;
                background: rgba(30, 34, 37, 0.50);
                z-index: 1;
            }
            .business-box-title {
                position: absolute !important;
                top: 50% !important;
                left: 50% !important;
                bottom: 50% !important;
                transform: translate(-50%, -50%) !important;
                color: #EEE !important;
                text-align: center !important;
                font-size: 35px !important;
                font-style: normal !important;
                font-weight: 400 !important;
                z-index: 20 !important;
                width: 100% !important;
                padding: 0 !important;
                background: none !important;
                box-sizing: border-box !important;
            }
            /* Fallback for aspect-ratio in older browsers */
            .business-box::before {
                content: "";
                display: block;
                padding-top: 56.25%;
                /* 9/16*100 */
                float: left;
                height: 0;
            }
            .businesses-specializing {
                background: none;
                box-shadow: none;
                border-radius: 0;
                padding: 0;
                margin: 0;
                width: 100%;
            }
            .businesses-specializing .container {
                display: flex;
                flex-direction: row;
                gap: 2.2rem;
                align-items: center;
                padding: 0;
                width: 100%;
                box-sizing: border-box;
            }
            .businesses-specializing-left {
                flex: 1;
                min-width: 200px;
                max-width: 260px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                text-align: left;
                gap: 0.7rem;
            }
            .businesses-specializing-left h2 {
                font-size: 2.05rem;
                font-weight: 800;
                margin-bottom: 0.5rem;
                color: #232323;
                line-height: 1.08;
                letter-spacing: -0.5px;
            }
            .businesses-specializing-left p {
                color: #888;
                font-size: 0.93rem;
                line-height: 1.5;
                font-weight: 400;
                margin: 0;
            }
            .businesses-specializing-left h2 {
                font-size: 2.4rem;
                font-weight: 800;
                margin-bottom: 1.1rem;
                color: #232323;
                line-height: 1.08;
                letter-spacing: -0.5px;
            }
            .businesses-specializing-left p {
                color: #888;
                font-size: 1.05rem;
                line-height: 1.7;
                font-weight: 400;
            }
            .businesses-specializing-grid {
                flex: 2 1 0;
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 1.1rem;
                width: 100%;
                min-width: 0;
                max-width: 100%;
                align-items: stretch;
                justify-items: stretch;
            }
            .business-box {
                position: relative;
                overflow: hidden;
                border: 2px solid #7ed957;
                /* Default, override with inline style */
                background: #fff;
                width: 100%;
                min-width: 0;
                min-height: 0;
                padding-top: 56.25%;
                /* 16:9 aspect ratio */
                display: block;
                box-shadow: none;
                border-radius: 0;
                transition: border-color 0.18s;
            }
            .business-box img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                z-index: 1;
            }
            .business-box-overlay {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(34, 34, 34, 0.33);
                z-index: 2;
            }
            .business-box-title {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                color: #fff;
                font-size: 2rem;
                font-weight: 700;
                text-align: center;
                z-index: 3;
                letter-spacing: 0.01em;
                line-height: 1.1;
                text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                width: 90%;
                pointer-events: none;
            }
            .business-box--empty {
                background: #ededed;
                border: 2px dashed #dadada;
                box-shadow: none;
                position: relative;
            }
            .business-box--empty>* {
                display: none !important;
            }
            .business-box img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                z-index: 1;
            }
            .business-box .business-box-overlay {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(34, 34, 34, 0.45);
                z-index: 2;
            }
            .business-box .business-box-title {
                position: absolute;
                left: 0;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                color: #fff;
                font-size: 2.1rem;
                font-weight: 700;
                text-align: center;
                z-index: 3;
                letter-spacing: 0.01em;
                line-height: 1.1;
                text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
            }
            .business-box--empty {
                background: #ededed;
                border: 2px dashed #dadada;
                border-left: 6px solid #ededed;
                box-shadow: none;
                position: relative;
            }
            .business-box--empty>* {
                display: none !important;
            }
            .business-box {
                position: relative;
                overflow: hidden;
                border-radius: 14px;
                transition: box-shadow 0.18s, transform 0.18s;
                background: #fff;
                cursor: pointer;
                box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
                aspect-ratio: 16/9;
                min-height: 0;
                min-width: 0;
            }
            .business-box img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
            }
            @media (max-width: 900px) {
                .businesses-specializing-card {
                    padding: 18px 4vw;
                }
                .businesses-specializing .container {
                    flex-direction: column;
                    gap: 1.5rem;
                    align-items: stretch;
                }
                .businesses-specializing-grid {
                    width: 100%;
                    min-width: 0;
                    max-width: 100%;
                    height: auto;
                    grid-template-columns: 1fr;
                    grid-template-rows: repeat(4, 1fr);
                }
                .businesses-specializing-left {
                    max-width: 100%;
                    min-width: 0;
                    align-items: flex-start;
                }
            }
            .business-box {
                position: relative;
                overflow: hidden;
                border-radius: 14px;
                transition: box-shadow 0.18s, transform 0.18s;
                min-height: 210px;
                aspect-ratio: 1/1;
                background: #fff;
                cursor: pointer;
                box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
            }
            .business-box:hover {
                box-shadow: 0 6px 24px rgba(0, 0, 0, 0.14);
                transform: translateY(-3px) scale(1.03);
            }
            .business-box img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
            }
            .business-box-overlay {
                position: absolute;
                inset: 0;
                background: rgba(0, 0, 0, 0.28);
                display: flex;
                align-items: flex-end;
                justify-content: flex-start;
                padding: 1.5rem;
            }
            .business-box--empty {
                background: #eaeaea;
                border: 2px dashed #d0d0d0 !important;
            }
            .business-box-overlay span {
                color: #fff;
                font-size: 1.3rem;
                font-weight: 700;
                letter-spacing: 0.01em;
                text-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
            }
            @media (max-width: 900px) {
                .businesses-specializing .container {
                    flex-direction: column;
                    gap: 2rem;
                    padding: 0 1rem;
                }
                .businesses-specializing-grid {
                    grid-template-columns: 1fr;
                }
                .businesses-specializing-left {
                    align-items: flex-start;
                    text-align: left;
                }
            }
            .business-box-overlay span {
                color: #fff;
                font-size: 1.6rem;
                font-weight: 600;
                text-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
                letter-spacing: 0.04em;
            }
            @media (max-width: 900px) {
                .businesses-specializing .container {
                    flex-direction: column;
                    gap: 1.5rem;
                }
                .businesses-specializing-grid {
                    grid-template-columns: 1fr;
                }
            }
            .custom-footer {
                background: #137b43;
                color: #fff;
                padding: 36px 0 54px 0;
                font-family: 'League Spartan', Arial, sans-serif;
                border-top: none;
            }
            .footer-container {
                display: flex;
                justify-content: flex-start;
                align-items: flex-start;
                max-width: 1200px;
                margin: 0 auto;
                gap: 60px;
                padding: 0 40px;
            }
            .footer-col {
                flex: 1 1 0;
                min-width: 180px;
                margin-bottom: 24px;
            }
            .footer-brand {
                min-width: 220px;
            }
            .footer-logo-social {
                display: flex;
                flex-direction: column;
                gap: 34px;
            }
            .footer-logo {
                text-align: left;
            }
            .footer-logo img {
                height: 40px;
                width: auto;
                max-width: 162px;
                max-height: 70px;
                object-fit: cover;
            }
            .footer-social {
                display: flex;
                gap: 23px;
                margin-top: 32px;
            }
            .footer-social-icon {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                background: none;
                border: none;
                width: 32px;
                height: 32px;
                border-radius: 6px;
                transition: background 0.2s;
                text-decoration: none;
            }
            .footer-social-icon:hover {
                background: rgba(255, 255, 255, 0.13);
            }
            .footer-heading {
                font-weight: 600;
                font-size: 16px;
                margin-bottom: 18px;
            }
            .footer-col ul {
                list-style: none;
                padding: 0;
                margin: 0;
            }
            .footer-col ul li {
                font-size: 15px;
                margin-bottom: 10px;
                color: #fff;
                opacity: 0.95;
            }
            .footer-col ul li a {
                color: #fff;
                text-decoration: none;
                opacity: 0.95;
                transition: opacity 0.2s, color 0.2s;
                font-size: 15px;
                display: inline-block;
            }
            .footer-col ul li a:hover,
            .footer-col ul li a:focus {
                opacity: 1;
                color: #e0ffe2;
                text-decoration: underline;
            }
            @media (max-width: 900px) {
                .footer-container {
                    flex-wrap: wrap;
                    gap: 32px;
                    padding: 0 16px;
                }
                .footer-col {
                    min-width: 140px;
                }
            }
            .software-services-figma-grid-4col-explicit {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                grid-auto-rows: 91px;
                gap: 14px 18px;
                margin: 0 auto;
                justify-content: center;
            }
            .ss-header,
            .ss-header-glass {
                height: 44px;
                box-shadow: 1.5px 1.5px 2.9px 0 rgba(0, 0, 0, 0.05);
                font-size: 16px;
                color: #191919;
                display: flex;
                align-items: center;
                justify-content: center;
                box-sizing: border-box;
                padding: 0 10px;
                min-height: 91px;
                height: 100%;
                border-radius: 0;
            }
            @media (max-width: 700px) {
                .businesses-specializing-grid {
                    grid-template-columns: 1fr;
                    /*!
Theme Name: AltaHub
Theme URI: http://underscores.me/
Author: Alen Hovhannisians
Author URI: https://alenfromrobi.site/
Description: Crafted custom theme for AltaHub
Version: 2.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: altahub
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
                    /*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
--------------------------------------------------------------*/
                    @import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;600;700&display=swap');
                    html,
                    body {
                        font-family: 'League Spartan', Arial, sans-serif !important;
                        overflow-x: hidden;
                    }
                    /*--------------------------------------------------------------
# AltaHub Header Custom Styles
--------------------------------------------------------------*/
                    /*--------------------------------------------------------------
# AltaHub Footer Custom Styles
--------------------------------------------------------------*/
                    .businesses-specializing {
                        background: #fff;
                        padding: 40px 0;
                    }
                    .businesses-specializing .container {
                        max-width: 1400px;
                        margin: 0 auto;
                        padding: 0 24px;
                    }
                    .businesses-specializing-row {
                        display: flex;
                        align-items: center;
                    }
                    .businesses-specializing-col--left {
                        flex: 0 0 340px;
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                        justify-content: center;
                        height: 100%;
                        min-width: 260px;
                    }
                    .businesses-specializing-title {
                        font-family: 'League Spartan', Arial, sans-serif;
                        font-size: 2.8rem;
                        font-weight: 700;
                        line-height: 1.05;
                        color: #191919;
                        margin: 0 0 32px 0;
                        text-align: left;
                    }
                    .businesses-specializing-metrics {
                        display: flex;
                        gap: 32px;
                        margin-top: 12px;
                    }
                    .stat {
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                    }
                    .stat-value {
                        font-size: 2rem;
                        color: #4caf50;
                        font-weight: bold;
                        line-height: 1;
                    }
                    .stat-label {
                        font-size: 1rem;
                        color: #888;
                        margin-top: 2px;
                    }
                    .businesses-specializing-card {
                        max-width: 1200px;
                        margin: 0 auto;
                        background: #fff;
                        border-radius: 24px;
                        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
                        overflow: visible;
                        padding: 40px 24px;
                        box-sizing: border-box;
                    }
                    .businesses-specializing-grid {
                        display: grid;
                        grid-template-columns: repeat(4, 1fr);
                        gap: 32px;
                        max-width: 1200px;
                        width: 100%;
                    }
                    .businesses-specializing-grid .business-box {
                        display: flex;
                        flex-direction: column;
                        aspect-ratio: 9/16;
                        width: 100%;
                        border-radius: 18px;
                        overflow: hidden;
                        border-left: 6px solid var(--card-color, #4caf50);
                        background: #fff;
                        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.10);
                        position: relative;
                        transition: box-shadow 0.2s, transform 0.2s;
                    }
                    .businesses-specializing-grid .business-box-top {
                        height: 55%;
                        min-height: 0;
                        position: relative;
                        width: 100%;
                        overflow: hidden;
                        border-top-left-radius: 18px;
                        border-top-right-radius: 18px;
                        background: #222;
                        display: flex;
                        align-items: stretch;
                        justify-content: stretch;
                    }
                    .businesses-specializing-grid .business-box-img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        display: block;
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        z-index: 0;
                        border: none !important;
                    }
                    .businesses-specializing-grid .business-box-overlay {
                        position: absolute;
                        inset: 0;
                        background: rgba(34, 34, 34, 0.33);
                        z-index: 1;
                    }
                    .businesses-specializing-grid .business-box-title {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        color: #fff;
                        font-size: 2rem;
                        font-weight: 700;
                        text-align: center;
                        z-index: 2;
                        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                        width: 90%;
                        pointer-events: none;
                    }
                    .businesses-specializing-grid .business-box-bottom {
                        flex: 1 1 0;
                        min-height: 0;
                        padding: 20px;
                        background: #fff;
                        display: flex;
                        align-items: flex-start;
                        border-bottom-left-radius: 18px;
                        border-bottom-right-radius: 18px;
                    }
                    .businesses-specializing-grid .business-box-desc {
                        color: #444;
                        font-size: 1rem;
                        line-height: 1.5;
                    }
                    .businesses-specializing-grid .business-box--empty {
                        background: #f5f5f5;
                        border: 2px dashed #ddd;
                        border-left: 6px solid #ddd;
                        border-radius: 18px;
                    }
                    @media (max-width: 1200px) {
                        .businesses-specializing-grid {
                            grid-template-columns: repeat(2, 1fr);
                            gap: 24px;
                        }
                    }
                    @media (max-width: 700px) {
                        .businesses-specializing-grid {
                            grid-template-columns: 1fr;
                        }
                        .businesses-specializing-grid .business-box-title {
                            font-size: 1.5rem;
                        }
                    }
                    body {
                        background: #fff;
                    }
                    .businesses-specializing-card,
                    .businesses-specializing-card>.container {
                        overflow: visible !important;
                    }
                    .businesses-specializing-card>.container {
                        width: 100%;
                        max-width: 100%;
                        padding: 0;
                        margin: 0;
                    }
                    /* DO NOT REMOVE OR CHANGE THE SIZE BELOW UNLESS USER EXPLICITLY REQUESTS */
                    .business-box {
                        position: relative !important;
                        overflow: visible !important;
                        border: none !important;
                        border-radius: 0 !important;
                        transition: box-shadow 0.18s, transform 0.18s !important;
                        background-size: cover !important;
                        background-position: center !important;
                        background-repeat: no-repeat !important;
                        background-color: #222 !important;
                        cursor: pointer !important;
                        box-shadow: none !important;
                        width: 350px !important;
                        height: 205px !important;
                        min-width: 0 !important;
                        min-height: 0 !important;
                    }
                    .business-box--empty {
                        min-height: 260px !important;
                    }
                    /* Fallback for aspect-ratio in older browsers */
                    .business-box::before {
                        content: "";
                        display: block;
                        padding-top: 56.25% !important;
                        /* 16:9 ratio */
                        float: left;
                        height: 0 !important;
                    }
                    .business-box>*:not(:first-child) {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                    }
                    .business-box-bar {
                        position: absolute;
                        left: 0;
                        top: 0;
                        bottom: 0;
                        width: 12px;
                        z-index: 2;
                        border-radius: 0;
                    }
                    /* stays at z-index 2 */
                    .business-box-overlay {
                        position: absolute;
                        inset: 0;
                        background: rgba(30, 34, 37, 0.50);
                        z-index: 1;
                    }
                    .business-box-title {
                        position: absolute !important;
                        top: 50% !important;
                        left: 50% !important;
                        bottom: 50% !important;
                        transform: translate(-50%, -50%) !important;
                        color: #EEE !important;
                        text-align: center !important;
                        font-size: 35px !important;
                        font-style: normal !important;
                        font-weight: 400 !important;
                        z-index: 20 !important;
                        width: 100% !important;
                        padding: 0 !important;
                        background: none !important;
                        box-sizing: border-box !important;
                    }
                    /* Fallback for aspect-ratio in older browsers */
                    .business-box::before {
                        content: "";
                        display: block;
                        padding-top: 56.25%;
                        /* 9/16*100 */
                        float: left;
                        height: 0;
                    }
                    .businesses-specializing {
                        background: none;
                        box-shadow: none;
                        border-radius: 0;
                        padding: 0;
                        margin: 0;
                        width: 100%;
                    }
                    .businesses-specializing .container {
                        display: flex;
                        flex-direction: row;
                        gap: 2.2rem;
                        align-items: center;
                        padding: 0;
                        width: 100%;
                        box-sizing: border-box;
                    }
                    .businesses-specializing-left {
                        flex: 1;
                        min-width: 200px;
                        max-width: 260px;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: flex-start;
                        text-align: left;
                        gap: 0.7rem;
                    }
                    .businesses-specializing-left h2 {
                        font-size: 2.05rem;
                        font-weight: 800;
                        margin-bottom: 0.5rem;
                        color: #232323;
                        line-height: 1.08;
                        letter-spacing: -0.5px;
                    }
                    .businesses-specializing-left p {
                        color: #888;
                        font-size: 0.93rem;
                        line-height: 1.5;
                        font-weight: 400;
                        margin: 0;
                    }
                    .businesses-specializing-left h2 {
                        font-size: 2.4rem;
                        font-weight: 800;
                        margin-bottom: 1.1rem;
                        color: #232323;
                        line-height: 1.08;
                        letter-spacing: -0.5px;
                    }
                    .businesses-specializing-left p {
                        color: #888;
                        font-size: 1.05rem;
                        line-height: 1.7;
                        font-weight: 400;
                    }
                    .businesses-specializing-grid {
                        flex: 2 1 0;
                        display: grid;
                        grid-template-columns: 1fr 1fr;
                        gap: 1.1rem;
                        width: 100%;
                        min-width: 0;
                        max-width: 100%;
                        align-items: stretch;
                        justify-items: stretch;
                    }
                    .business-box {
                        position: relative;
                        overflow: hidden;
                        border: 2px solid #7ed957;
                        /* Default, override with inline style */
                        background: #fff;
                        width: 100%;
                        min-width: 0;
                        min-height: 0;
                        padding-top: 56.25%;
                        /* 16:9 aspect ratio */
                        display: block;
                        box-shadow: none;
                        border-radius: 0;
                        transition: border-color 0.18s;
                    }
                    .business-box img {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        z-index: 1;
                    }
                    .business-box-overlay {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background: rgba(34, 34, 34, 0.33);
                        z-index: 2;
                    }
                    .business-box-title {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        color: #fff;
                        font-size: 2rem;
                        font-weight: 700;
                        text-align: center;
                        z-index: 3;
                        letter-spacing: 0.01em;
                        line-height: 1.1;
                        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                        width: 90%;
                        pointer-events: none;
                    }
                    .business-box--empty {
                        background: #ededed;
                        border: 2px dashed #dadada;
                        box-shadow: none;
                        position: relative;
                    }
                    .business-box--empty>* {
                        display: none !important;
                    }
                    .business-box img {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        z-index: 1;
                    }
                    .business-box .business-box-overlay {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background: rgba(34, 34, 34, 0.45);
                        z-index: 2;
                    }
                    .business-box .business-box-title {
                        position: absolute;
                        left: 0;
                        right: 0;
                        top: 50%;
                        transform: translateY(-50%);
                        color: #fff;
                        font-size: 2.1rem;
                        font-weight: 700;
                        text-align: center;
                        z-index: 3;
                        letter-spacing: 0.01em;
                        line-height: 1.1;
                        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                    }
                    .business-box--empty {
                        background: #ededed;
                        border: 2px dashed #dadada;
                        border-left: 6px solid #ededed;
                        box-shadow: none;
                        position: relative;
                    }
                    .business-box--empty>* {
                        display: none !important;
                    }
                    .business-box {
                        position: relative;
                        overflow: hidden;
                        border-radius: 14px;
                        transition: box-shadow 0.18s, transform 0.18s;
                        background: #fff;
                        cursor: pointer;
                        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-end;
                        aspect-ratio: 16/9;
                        min-height: 0;
                        min-width: 0;
                    }
                    .business-box img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        display: block;
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                    }
                    @media (max-width: 900px) {
                        .businesses-specializing-card {
                            padding: 18px 4vw;
                        }
                        .businesses-specializing .container {
                            flex-direction: column;
                            gap: 1.5rem;
                            align-items: stretch;
                        }
                        .businesses-specializing-grid {
                            width: 100%;
                            min-width: 0;
                            max-width: 100%;
                            height: auto;
                            grid-template-columns: 1fr;
                            grid-template-rows: repeat(4, 1fr);
                        }
                        .businesses-specializing-left {
                            max-width: 100%;
                            min-width: 0;
                            align-items: flex-start;
                        }
                    }
                    .business-box {
                        position: relative;
                        overflow: hidden;
                        border-radius: 14px;
                        transition: box-shadow 0.18s, transform 0.18s;
                        min-height: 210px;
                        aspect-ratio: 1/1;
                        background: #fff;
                        cursor: pointer;
                        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-end;
                    }
                    .business-box:hover {
                        box-shadow: 0 6px 24px rgba(0, 0, 0, 0.14);
                        transform: translateY(-3px) scale(1.03);
                    }
                    .business-box img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        display: block;
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                    }
                    .business-box-overlay {
                        position: absolute;
                        inset: 0;
                        background: rgba(0, 0, 0, 0.28);
                        display: flex;
                        align-items: flex-end;
                        justify-content: flex-start;
                        padding: 1.5rem;
                    }
                    .business-box--empty {
                        background: #eaeaea;
                        border: 2px dashed #d0d0d0 !important;
                    }
                    .business-box-overlay span {
                        color: #fff;
                        font-size: 1.3rem;
                        font-weight: 700;
                        letter-spacing: 0.01em;
                        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
                    }
                    @media (max-width: 900px) {
                        .businesses-specializing .container {
                            flex-direction: column;
                            gap: 2rem;
                            padding: 0 1rem;
                        }
                        .businesses-specializing-grid {
                            grid-template-columns: 1fr;
                        }
                        .businesses-specializing-left {
                            align-items: flex-start;
                            text-align: left;
                        }
                    }
                    .business-box-overlay span {
                        color: #fff;
                        font-size: 1.6rem;
                        font-weight: 600;
                        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
                        letter-spacing: 0.04em;
                    }
                    @media (max-width: 900px) {
                        .businesses-specializing .container {
                            flex-direction: column;
                            gap: 1.5rem;
                        }
                        .businesses-specializing-grid {
                            grid-template-columns: 1fr;
                        }
                    }
                    .custom-footer {
                        background: #137b43;
                        color: #fff;
                        padding: 36px 0 54px 0;
                        font-family: 'League Spartan', Arial, sans-serif;
                        border-top: none;
                    }
                    .footer-container {
                        display: flex;
                        justify-content: flex-start;
                        align-items: flex-start;
                        max-width: 1200px;
                        margin: 0 auto;
                        gap: 60px;
                        padding: 0 40px;
                    }
                    .footer-col {
                        flex: 1 1 0;
                        min-width: 180px;
                        margin-bottom: 24px;
                    }
                    .footer-brand {
                        min-width: 220px;
                    }
                    .footer-logo-social {
                        display: flex;
                        flex-direction: column;
                        gap: 34px;
                    }
                    .footer-logo {
                        text-align: left;
                    }
                    .footer-logo img {
                        height: 40px;
                        width: auto;
                        max-width: 162px;
                        max-height: 70px;
                        object-fit: cover;
                    }
                    .footer-social {
                        display: flex;
                        gap: 23px;
                        margin-top: 32px;
                    }
                    .footer-social-icon {
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        background: none;
                        border: none;
                        width: 32px;
                        height: 32px;
                        border-radius: 6px;
                        transition: background 0.2s;
                        text-decoration: none;
                    }
                    .footer-social-icon:hover {
                        background: rgba(255, 255, 255, 0.13);
                    }
                    .footer-heading {
                        font-weight: 600;
                        font-size: 16px;
                        margin-bottom: 18px;
                    }
                    .footer-col ul {
                        list-style: none;
                        padding: 0;
                        margin: 0;
                    }
                    .footer-col ul li {
                        font-size: 15px;
                        margin-bottom: 10px;
                        color: #fff;
                        opacity: 0.95;
                    }
                    .footer-col ul li a {
                        color: #fff;
                        text-decoration: none;
                        opacity: 0.95;
                        transition: opacity 0.2s, color 0.2s;
                        font-size: 15px;
                        display: inline-block;
                    }
                    .footer-col ul li a:hover,
                    .footer-col ul li a:focus {
                        opacity: 1;
                        color: #e0ffe2;
                        text-decoration: underline;
                    }
                    @media (max-width: 900px) {
                        .footer-container {
                            flex-wrap: wrap;
                            gap: 32px;
                            padding: 0 16px;
                        }
                        .footer-col {
                            min-width: 140px;
                            /*!
Theme Name: AltaHub
Theme URI: http://underscores.me/
Author: Alen Hovhannisians
Author URI: https://alenfromrobi.site/
Description: Crafted custom theme for AltaHub
Version: 2.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: altahub
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
                            /*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
--------------------------------------------------------------*/
                            @import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;600;700&display=swap');
                            html,
                            body {
                                font-family: 'League Spartan', Arial, sans-serif !important;
                                overflow-x: hidden;
                            }
                            /*--------------------------------------------------------------
# AltaHub Header Custom Styles
--------------------------------------------------------------*/
                            /*--------------------------------------------------------------
# AltaHub Footer Custom Styles
--------------------------------------------------------------*/
                            .businesses-specializing {
                                background: #fff;
                                padding: 40px 0;
                            }
                            .businesses-specializing .container {
                                max-width: 1400px;
                                margin: 0 auto;
                                padding: 0 24px;
                            }
                            .businesses-specializing-row {
                                display: flex;
                                align-items: center;
                                /*!
Theme Name: AltaHub
Theme URI: http://underscores.me/
Author: Alen Hovhannisians
Author URI: https://alenfromrobi.site/
Description: Crafted custom theme for AltaHub
Version: 2.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: altahub
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
                                /*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
--------------------------------------------------------------*/
                                @import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;600;700&display=swap');
                                html,
                                body {
                                    font-family: 'League Spartan', Arial, sans-serif !important;
                                    overflow-x: hidden;
                                }
                                /*--------------------------------------------------------------
# AltaHub Header Custom Styles
--------------------------------------------------------------*/
                                /*--------------------------------------------------------------
# AltaHub Footer Custom Styles
--------------------------------------------------------------*/
                                .businesses-specializing {
                                    background: #fff;
                                    padding: 0;
                                }
                                .businesses-specializing-row {
                                    display: flex;
                                    align-items: center;
                                    max-width: 1400px;
                                    margin: 0 auto;
                                    gap: 48px;
                                    padding: 0 24px;
                                }
                                .businesses-specializing-col--left {
                                    flex: 0 0 340px;
                                    display: flex;
                                    flex-direction: column;
                                    align-items: flex-start;
                                    justify-content: center;
                                    height: 100%;
                                    min-width: 260px;
                                }
                                .businesses-specializing-title {
                                    font-family: 'League Spartan', Arial, sans-serif;
                                    font-size: 2.8rem;
                                    font-weight: 700;
                                    line-height: 1.05;
                                    color: #191919;
                                    margin: 0 0 32px 0;
                                    text-align: left;
                                }
                                .businesses-specializing-metrics {
                                    display: flex;
                                    gap: 32px;
                                    margin-top: 12px;
                                }
                                .stat {
                                    display: flex;
                                    flex-direction: column;
                                    align-items: flex-start;
                                }
                                .stat-value {
                                    font-size: 2rem;
                                    color: #4caf50;
                                    font-weight: bold;
                                    line-height: 1;
                                }
                                .stat-label {
                                    font-size: 1rem;
                                    color: #888;
                                    margin-top: 2px;
                                }
                                .businesses-specializing-card {
                                    max-width: 1200px;
                                    margin: 0 auto;
                                    background: #fff;
                                    border-radius: 24px;
                                    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
                                    overflow: visible;
                                    padding: 40px 24px;
                                    box-sizing: border-box;
                                }
                                .businesses-specializing-grid {
                                    display: grid;
                                    grid-template-columns: repeat(4, 1fr);
                                    gap: 32px;
                                    max-width: 1200px;
                                    width: 100%;
                                }
                                .businesses-specializing-grid .business-box {
                                    display: flex;
                                    flex-direction: column;
                                    aspect-ratio: 9/16;
                                    width: 100%;
                                    border-radius: 18px;
                                    overflow: hidden;
                                    border-left: 6px solid var(--card-color, #4caf50);
                                    background: #fff;
                                    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.10);
                                    position: relative;
                                    transition: box-shadow 0.2s, transform 0.2s;
                                }
                                .businesses-specializing-grid .business-box-top {
                                    height: 55%;
                                    min-height: 0;
                                    position: relative;
                                    width: 100%;
                                    overflow: hidden;
                                    border-top-left-radius: 18px;
                                    border-top-right-radius: 18px;
                                    background: #222;
                                    display: flex;
                                    align-items: stretch;
                                    justify-content: stretch;
                                }
                                .businesses-specializing-grid .business-box-img {
                                    width: 100%;
                                    height: 100%;
                                    object-fit: cover;
                                    display: block;
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    right: 0;
                                    bottom: 0;
                                    z-index: 0;
                                    border: none !important;
                                }
                                .businesses-specializing-grid .business-box-overlay {
                                    position: absolute;
                                    inset: 0;
                                    background: rgba(34, 34, 34, 0.33);
                                    z-index: 1;
                                }
                                .businesses-specializing-grid .business-box-title {
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                    color: #fff;
                                    font-size: 2rem;
                                    font-weight: 700;
                                    text-align: center;
                                    z-index: 2;
                                    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                                    width: 90%;
                                    pointer-events: none;
                                }
                                .businesses-specializing-grid .business-box-bottom {
                                    flex: 1 1 0;
                                    min-height: 0;
                                    padding: 20px;
                                    background: #fff;
                                    display: flex;
                                    align-items: flex-start;
                                    border-bottom-left-radius: 18px;
                                    border-bottom-right-radius: 18px;
                                }
                                .businesses-specializing-grid .business-box-desc {
                                    color: #444;
                                    font-size: 1rem;
                                    line-height: 1.5;
                                }
                                .businesses-specializing-grid .business-box--empty {
                                    background: #f5f5f5;
                                    border: 2px dashed #ddd;
                                    border-left: 6px solid #ddd;
                                    border-radius: 18px;
                                }
                                @media (max-width: 1200px) {
                                    .businesses-specializing-grid {
                                        grid-template-columns: repeat(2, 1fr);
                                        gap: 24px;
                                    }
                                }
                                @media (max-width: 700px) {
                                    .businesses-specializing-grid {
                                        grid-template-columns: 1fr;
                                        gap: 20px;
                                    }
                                    .businesses-specializing-grid .business-box-title {
                                        font-size: 1.5rem;
                                    }
                                }
                                body {
                                    background: #fff;
                                }
                                .businesses-specializing-card,
                                .businesses-specializing-card>.container {
                                    overflow: visible !important;
                                }
                                .businesses-specializing-card>.container {
                                    width: 100%;
                                    max-width: 100%;
                                    padding: 0;
                                    margin: 0;
                                }
                                /* DO NOT REMOVE OR CHANGE THE SIZE BELOW UNLESS USER EXPLICITLY REQUESTS */
                                .business-box {
                                    position: relative !important;
                                    overflow: visible !important;
                                    border: none !important;
                                    border-radius: 0 !important;
                                    transition: box-shadow 0.18s, transform 0.18s !important;
                                    background-size: cover !important;
                                    background-position: center !important;
                                    background-repeat: no-repeat !important;
                                    background-color: #222 !important;
                                    cursor: pointer !important;
                                    box-shadow: none !important;
                                    width: 350px !important;
                                    height: 205px !important;
                                    min-width: 0 !important;
                                    min-height: 0 !important;
                                }
                                .business-box--empty {
                                    min-height: 260px !important;
                                }
                                /* Fallback for aspect-ratio in older browsers */
                                .business-box::before {
                                    content: "";
                                    display: block;
                                    padding-top: 56.25% !important;
                                    /* 16:9 ratio */
                                    float: left;
                                    height: 0 !important;
                                }
                                /* Fallback for aspect-ratio in older browsers */
                                .business-box::before {
                                    content: "";
                                    display: block;
                                    padding-top: 56.25%;
                                    /* 16:9 ratio */
                                    float: left;
                                    height: 0;
                                }
                                .business-box>*:not(:first-child) {
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    right: 0;
                                    bottom: 0;
                                }
                                .business-box-bar {
                                    position: absolute;
                                    left: 0;
                                    top: 0;
                                    bottom: 0;
                                    width: 12px;
                                    z-index: 2;
                                    border-radius: 0;
                                }
                                /* stays at z-index 2 */
                                .business-box-overlay {
                                    position: absolute;
                                    inset: 0;
                                    background: rgba(30, 34, 37, 0.50);
                                    z-index: 1;
                                }
                                .business-box-title {
                                    position: absolute !important;
                                    top: 50% !important;
                                    left: 50% !important;
                                    bottom: 50% !important;
                                    transform: translate(-50%, -50%) !important;
                                    color: #EEE !important;
                                    text-align: center !important;
                                    font-size: 35px !important;
                                    font-style: normal !important;
                                    font-weight: 400 !important;
                                    z-index: 20 !important;
                                    width: 100% !important;
                                    padding: 0 !important;
                                    background: none !important;
                                    box-sizing: border-box !important;
                                }
                                /* Fallback for aspect-ratio in older browsers */
                                .business-box::before {
                                    content: "";
                                    display: block;
                                    padding-top: 56.25%;
                                    /* 9/16*100 */
                                    float: left;
                                    height: 0;
                                }
                                .business-box>*:not(:first-child) {
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    right: 0;
                                    bottom: 0;
                                }
                                .businesses-specializing {
                                    background: none;
                                    box-shadow: none;
                                    border-radius: 0;
                                    padding: 0;
                                    margin: 0;
                                    width: 100%;
                                }
                                .businesses-specializing .container {
                                    display: flex;
                                    flex-direction: row;
                                    gap: 2.2rem;
                                    align-items: center;
                                    padding: 0;
                                    width: 100%;
                                    box-sizing: border-box;
                                }
                                .businesses-specializing-left {
                                    flex: 1;
                                    min-width: 200px;
                                    max-width: 260px;
                                    display: flex;
                                    flex-direction: column;
                                    justify-content: center;
                                    align-items: flex-start;
                                    text-align: left;
                                    gap: 0.7rem;
                                }
                                .businesses-specializing-left h2 {
                                    font-size: 2.05rem;
                                    font-weight: 800;
                                    margin-bottom: 0.5rem;
                                    color: #232323;
                                    line-height: 1.08;
                                    letter-spacing: -0.5px;
                                }
                                .businesses-specializing-left p {
                                    color: #888;
                                    font-size: 0.93rem;
                                    line-height: 1.5;
                                    font-weight: 400;
                                    margin: 0;
                                }
                                .businesses-specializing-left h2 {
                                    font-size: 2.4rem;
                                    font-weight: 800;
                                    margin-bottom: 1.1rem;
                                    color: #232323;
                                    line-height: 1.08;
                                    letter-spacing: -0.5px;
                                }
                                .businesses-specializing-left p {
                                    color: #888;
                                    font-size: 1.05rem;
                                    line-height: 1.7;
                                    font-weight: 400;
                                }
                                .businesses-specializing-grid {
                                    flex: 2 1 0;
                                    display: grid;
                                    grid-template-columns: 1fr 1fr;
                                    gap: 1.1rem;
                                    width: 100%;
                                    min-width: 0;
                                    max-width: 100%;
                                    align-items: stretch;
                                    justify-items: stretch;
                                }
                                .business-box {
                                    position: relative;
                                    overflow: hidden;
                                    border: 2px solid #7ed957;
                                    /* Default, override with inline style */
                                    background: #fff;
                                    width: 100%;
                                    min-width: 0;
                                    min-height: 0;
                                    padding-top: 56.25%;
                                    /* 16:9 aspect ratio */
                                    display: block;
                                    box-shadow: none;
                                    border-radius: 0;
                                    transition: border-color 0.18s;
                                }
                                .business-box img {
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    width: 100%;
                                    height: 100%;
                                    object-fit: cover;
                                    z-index: 1;
                                }
                                .business-box-overlay {
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    width: 100%;
                                    height: 100%;
                                    background: rgba(34, 34, 34, 0.33);
                                    z-index: 2;
                                }
                                .business-box-title {
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                    color: #fff;
                                    font-size: 2rem;
                                    font-weight: 700;
                                    text-align: center;
                                    z-index: 3;
                                    letter-spacing: 0.01em;
                                    line-height: 1.1;
                                    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                                    width: 90%;
                                    pointer-events: none;
                                }
                                .business-box--empty {
                                    background: #ededed;
                                    border: 2px dashed #dadada;
                                    box-shadow: none;
                                    position: relative;
                                }
                                .business-box--empty>* {
                                    display: none !important;
                                }
                                .business-box img {
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    width: 100%;
                                    height: 100%;
                                    object-fit: cover;
                                    z-index: 1;
                                }
                                .business-box .business-box-overlay {
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    width: 100%;
                                    height: 100%;
                                    background: rgba(34, 34, 34, 0.45);
                                    z-index: 2;
                                }
                                .business-box .business-box-title {
                                    position: absolute;
                                    left: 0;
                                    right: 0;
                                    top: 50%;
                                    transform: translateY(-50%);
                                    color: #fff;
                                    font-size: 2.1rem;
                                    font-weight: 700;
                                    text-align: center;
                                    z-index: 3;
                                    letter-spacing: 0.01em;
                                    line-height: 1.1;
                                    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                                }
                                .business-box--empty {
                                    background: #ededed;
                                    border: 2px dashed #dadada;
                                    border-left: 6px solid #ededed;
                                    box-shadow: none;
                                    position: relative;
                                }
                                .business-box--empty>* {
                                    display: none !important;
                                }
                                .business-box {
                                    position: relative;
                                    overflow: hidden;
                                    border-radius: 14px;
                                    transition: box-shadow 0.18s, transform 0.18s;
                                    background: #fff;
                                    cursor: pointer;
                                    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
                                    display: flex;
                                    flex-direction: column;
                                    justify-content: flex-end;
                                    aspect-ratio: 16/9;
                                    min-height: 0;
                                    min-width: 0;
                                }
                                .business-box img {
                                    width: 100%;
                                    height: 100%;
                                    object-fit: cover;
                                    display: block;
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    right: 0;
                                    bottom: 0;
                                }
                                @media (max-width: 900px) {
                                    .businesses-specializing-card {
                                        padding: 18px 4vw;
                                    }
                                    .businesses-specializing .container {
                                        flex-direction: column;
                                        gap: 1.5rem;
                                        align-items: stretch;
                                    }
                                    .businesses-specializing-grid {
                                        width: 100%;
                                        min-width: 0;
                                        max-width: 100%;
                                        height: auto;
                                        grid-template-columns: 1fr;
                                        grid-template-rows: repeat(4, 1fr);
                                    }
                                    .businesses-specializing-left {
                                        max-width: 100%;
                                        min-width: 0;
                                        align-items: flex-start;
                                    }
                                }
                                .business-box {
                                    position: relative;
                                    overflow: hidden;
                                    border-radius: 14px;
                                    transition: box-shadow 0.18s, transform 0.18s;
                                    min-height: 210px;
                                    aspect-ratio: 1/1;
                                    background: #fff;
                                    cursor: pointer;
                                    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
                                    display: flex;
                                    flex-direction: column;
                                    justify-content: flex-end;
                                }
                                .business-box:hover {
                                    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.14);
                                    transform: translateY(-3px) scale(1.03);
                                }
                                .business-box img {
                                    width: 100%;
                                    height: 100%;
                                    object-fit: cover;
                                    display: block;
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    right: 0;
                                    bottom: 0;
                                }
                                .business-box-overlay {
                                    position: absolute;
                                    inset: 0;
                                    background: rgba(0, 0, 0, 0.28);
                                    display: flex;
                                    align-items: flex-end;
                                    justify-content: flex-start;
                                    padding: 1.5rem;
                                }
                                .business-box--empty {
                                    background: #eaeaea;
                                    border: 2px dashed #d0d0d0 !important;
                                }
                                .business-box-overlay span {
                                    color: #fff;
                                    font-size: 1.3rem;
                                    font-weight: 700;
                                    letter-spacing: 0.01em;
                                    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
                                }
                                @media (max-width: 900px) {
                                    .businesses-specializing .container {
                                        flex-direction: column;
                                        gap: 2rem;
                                        padding: 0 1rem;
                                    }
                                    .businesses-specializing-grid {
                                        grid-template-columns: 1fr;
                                    }
                                    .businesses-specializing-left {
                                        align-items: flex-start;
                                        text-align: left;
                                    }
                                }
                                .business-box-overlay span {
                                    color: #fff;
                                    font-size: 1.6rem;
                                    font-weight: 600;
                                    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
                                    letter-spacing: 0.04em;
                                }
                                @media (max-width: 900px) {
                                    .businesses-specializing .container {
                                        flex-direction: column;
                                        gap: 1.5rem;
                                    }
                                    .businesses-specializing-grid {
                                        grid-template-columns: 1fr;
                                    }
                                }
                                .custom-footer {
                                    background: #137b43;
                                    color: #fff;
                                    padding: 36px 0 54px 0;
                                    font-family: 'League Spartan', Arial, sans-serif;
                                    border-top: none;
                                }
                                .footer-container {
                                    display: flex;
                                    justify-content: flex-start;
                                    align-items: flex-start;
                                    max-width: 1200px;
                                    margin: 0 auto;
                                    gap: 60px;
                                    padding: 0 40px;
                                }
                                .footer-col {
                                    flex: 1 1 0;
                                    min-width: 180px;
                                    margin-bottom: 24px;
                                }
                                .footer-brand {
                                    min-width: 220px;
                                }
                                .footer-logo-social {
                                    display: flex;
                                    flex-direction: column;
                                    gap: 34px;
                                }
                                .footer-logo {
                                    text-align: left;
                                }
                                .footer-logo img {
                                    height: 40px;
                                    width: auto;
                                    max-width: 162px;
                                    max-height: 70px;
                                    object-fit: cover;
                                }
                                .footer-social {
                                    display: flex;
                                    gap: 23px;
                                    margin-top: 32px;
                                }
                                .footer-social-icon {
                                    display: inline-flex;
                                    align-items: center;
                                    justify-content: center;
                                    background: none;
                                    border: none;
                                    width: 32px;
                                    height: 32px;
                                    border-radius: 6px;
                                    transition: background 0.2s;
                                    text-decoration: none;
                                }
                                .footer-social-icon:hover {
                                    background: rgba(255, 255, 255, 0.13);
                                }
                                .footer-heading {
                                    font-weight: 600;
                                    font-size: 16px;
                                    margin-bottom: 18px;
                                }
                                .footer-col ul {
                                    list-style: none;
                                    padding: 0;
                                    margin: 0;
                                }
                                .footer-col ul li {
                                    font-size: 15px;
                                    margin-bottom: 10px;
                                    color: #fff;
                                    opacity: 0.95;
                                }
                                .footer-col ul li a {
                                    color: #fff;
                                    text-decoration: none;
                                    opacity: 0.95;
                                    transition: opacity 0.2s, color 0.2s;
                                    font-size: 15px;
                                    display: inline-block;
                                }
                                .footer-col ul li a:hover,
                                .footer-col ul li a:focus {
                                    opacity: 1;
                                    color: #e0ffe2;
                                    text-decoration: underline;
                                }
                                @media (max-width: 900px) {
                                    .footer-container {
                                        flex-wrap: wrap;
                                        gap: 32px;
                                        padding: 0 16px;
                                    }
                                    .footer-col {
                                        min-width: 140px;
                                    }
                                    .footer-brand {
                                        min-width: 160px;
                                    }
                                }
                                @media (max-width: 600px) {
                                    .footer-container {
                                        flex-direction: column;
                                        gap: 12px;
                                        padding: 0 10px;
                                    }
                                    .footer-col,
                                    .footer-brand {
                                        min-width: 0;
                                        width: 100%;
                                    }
                                    .footer-logo-social {
                                        flex-direction: row;
                                        gap: 16px;
                                        align-items: center;
                                    }
                                    .footer-social {
                                        margin-top: 0;
                                    }
                                }
                                /*--------------------------------------------------------------
# AltaHub Hero Section
--------------------------------------------------------------*/
                                .altahub-hero {
                                    position: relative;
                                    min-height: 100vh;
                                    display: flex;
                                    align-items: center;
                                    padding: 80px 0;
                                    background: #f8f9fa;
                                    overflow: hidden;
                                }
                                .altahub-hero__bg {
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    right: 0;
                                    bottom: 0;
                                    z-index: 1;
                                    background-size: cover;
                                    background-position: center;
                                    opacity: 0.1;
                                }
                                .altahub-hero__shadow {
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    right: 0;
                                    bottom: 0;
                                    z-index: 2;
                                    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));
                                }
                                .altahub-hero__content {
                                    position: relative;
                                    z-index: 3;
                                    max-width: 1200px;
                                    margin: 0 auto;
                                    padding: 0 24px;
                                }
                                .altahub-hero__content--block {
                                    display: block;
                                }
                                .altahub-hero__title {
                                    font-size: 4rem;
                                    font-weight: 700;
                                    color: #222;
                                    margin-bottom: 24px;
                                    line-height: 1.2;
                                }
                                .altahub-hero__subtitle {
                                    font-size: 1.25rem;
                                    color: #666;
                                    margin-bottom: 32px;
                                    max-width: 600px;
                                    line-height: 1.6;
                                }
                                .altahub-hero__cta {
                                    display: inline-flex;
                                    align-items: center;
                                    padding: 16px 32px;
                                    background: #4caf50;
                                    color: #fff;
                                    font-size: 1.125rem;
                                    font-weight: 600;
                                    border-radius: 8px;
                                    text-decoration: none;
                                    transition: background-color 0.2s;
                                }
                                .altahub-hero__cta:hover {
                                    background: #43a047;
                                }
                                .altahub-hero__cta--green {
                                    background: #4caf50;
                                }
                                @media (max-width: 768px) {
                                    .altahub-hero__title {
                                        font-size: 2.5rem;
                                    }
                                    .altahub-hero__subtitle {
                                        font-size: 1.125rem;
                                    }
                                    .altahub-hero__cta {
                                        width: 100%;
                                        justify-content: center;
                                    }
                                }
                                /*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
                                /* Normalize
--------------------------------------------- */
                                /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
                                /* Document
	 ========================================================================== */
                                /**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
                                html {
                                    line-height: 1.15;
                                    -webkit-text-size-adjust: 100%;
                                }
                                /* Sections
	 ========================================================================== */
                                /**
 * Remove the margin in all browsers.
 */
                                body {
                                    margin: 0;
                                }
                                /**
 * Render the `main` element consistently in IE.
 */
                                main {
                                    display: block;
                                }
                                /**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
                                h1 {
                                    font-size: 2em;
                                    margin: 0.67em 0;
                                }
                                /* Grouping content
	 ========================================================================== */
                                /**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
                                hr {
                                    box-sizing: content-box;
                                    height: 0;
                                    overflow: visible;
                                }
                                /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
                                pre {
                                    font-family: monospace, monospace;
                                    font-size: 1em;
                                }
                                /* Text-level semantics
	 ========================================================================== */
                                /**
 * Remove the gray background on active links in IE 10.
 */
                                a {
                                    background-color: transparent;
                                }
                                /**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
                                abbr[title] {
                                    border-bottom: none;
                                    text-decoration: underline;
                                    text-decoration: underline dotted;
                                }
                                /**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
                                b,
                                strong {
                                    font-weight: bolder;
                                }
                                /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
                                code,
                                kbd,
                                samp {
                                    font-family: monospace, monospace;
                                    font-size: 1em;
                                }
                                /**
 * Add the correct font size in all browsers.
 */
                                small {
                                    font-size: 80%;
                                }
                                /**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
                                sub,
                                sup {
                                    font-size: 75%;
                                    line-height: 0;
                                    position: relative;
                                    vertical-align: baseline;
                                }
                                sub {
                                    bottom: -0.25em;
                                }
                                sup {
                                    top: -0.5em;
                                }
                                /* Embedded content
	 ========================================================================== */
                                /**
 * Remove the border on images inside links in IE 10.
 */
                                img {
                                    border-style: none;
                                }
                                /* Forms
	 ========================================================================== */
                                /**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
                                button,
                                input,
                                optgroup,
                                select,
                                textarea {
                                    font-family: inherit;
                                    font-size: 100%;
                                    line-height: 1.15;
                                    margin: 0;
                                }
                                /**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
                                button,
                                input {
                                    overflow: visible;
                                }
                                /**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
                                button,
                                select {
                                    text-transform: none;
                                }
                                /**
 * Correct the inability to style clickable types in iOS and Safari.
 */
                                button,
                                [type="button"],
                                [type="reset"],
                                [type="submit"] {
                                    -webkit-appearance: button;
                                }
                                /**
 * Remove the inner border and padding in Firefox.
 */
                                button::-moz-focus-inner,
                                [type="button"]::-moz-focus-inner,
                                [type="reset"]::-moz-focus-inner,
                                [type="submit"]::-moz-focus-inner {
                                    border-style: none;
                                    padding: 0;
                                }
                                /**
 * Restore the focus styles unset by the previous rule.
 */
                                button:-moz-focusring,
                                [type="button"]:-moz-focusring,
                                [type="reset"]:-moz-focusring,
                                [type="submit"]:-moz-focusring {
                                    outline: 1px dotted ButtonText;
                                }
                                /**
 * Correct the padding in Firefox.
 */
                                fieldset {
                                    padding: 0.35em 0.75em 0.625em;
                                }
                                /**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
                                legend {
                                    box-sizing: border-box;
                                    color: inherit;
                                    display: table;
                                    max-width: 100%;
                                    padding: 0;
                                    white-space: normal;
                                }
                                /**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
                                progress {
                                    vertical-align: baseline;
                                }
                                /**
 * Remove the default vertical scrollbar in IE 10+.
 */
                                textarea {
                                    overflow: auto;
                                }
                                /**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
                                [type="checkbox"],
                                [type="radio"] {
                                    box-sizing: border-box;
                                    padding: 0;
                                }
                                /**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
                                [type="number"]::-webkit-inner-spin-button,
                                [type="number"]::-webkit-outer-spin-button {
                                    height: auto;
                                }
                                /**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
                                [type="search"] {
                                    -webkit-appearance: textfield;
                                    outline-offset: -2px;
                                }
                                /**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
                                [type="search"]::-webkit-search-decoration {
                                    -webkit-appearance: none;
                                }
                                /**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
                                 ::-webkit-file-upload-button {
                                    -webkit-appearance: button;
                                    font: inherit;
                                }
                                /* Interactive
	 ========================================================================== */
                                /*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
                                details {
                                    display: block;
                                }
                                /*
 * Add the correct display in all browsers.
 */
                                summary {
                                    display: list-item;
                                }
                                /* Misc
	 ========================================================================== */
                                /**
 * Add the correct display in IE 10+.
 */
                                template {
                                    display: none;
                                }
                                /**
 * Add the correct display in IE 10.
 */
                                [hidden] {
                                    display: none;
                                }
                                /* Box sizing
--------------------------------------------- */
                                /* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
                                *,
                                *::before,
                                *::after {
                                    box-sizing: inherit;
                                }
                                html {
                                    box-sizing: border-box;
                                }
                                /*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
                                /* Typography
--------------------------------------------- */
                                body,
                                button,
                                input,
                                select,
                                optgroup,
                                textarea {
                                    color: #404040;
                                    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
                                    font-size: 0.5rem;
                                    line-height: 1.5;
                                }
                                h1,
                                h2,
                                h3,
                                h4,
                                h5,
                                h6 {
                                    clear: both;
                                }
                                p {
                                    margin-bottom: 1.5em;
                                }
                                dfn,
                                cite,
                                em,
                                i {
                                    font-style: italic;
                                }
                                blockquote {
                                    margin: 0 1.5em;
                                }
                                address {
                                    margin: 0 0 1.5em;
                                }
                                pre {
                                    background: #eee;
                                    font-family: "Courier 10 Pitch", courier, monospace;
                                    line-height: 1.6;
                                    margin-bottom: 1.6em;
                                    max-width: 100%;
                                    overflow: auto;
                                    padding: 1.6em;
                                }
                                code,
                                kbd,
                                tt,
                                var {
                                    font-family: monospace, monospace;
                                }
                                abbr,
                                acronym {
                                    border-bottom: 1px dotted #666;
                                    cursor: help;
                                }
                                mark,
                                ins {
                                    background: #fff9c0;
                                    text-decoration: none;
                                }
                                big {
                                    font-size: 125%;
                                }
                                /* Elements
--------------------------------------------- */
                                body {
                                    background: #fff;
                                }
                                hr {
                                    background-color: #ccc;
                                    border: 0;
                                    height: 1px;
                                    margin-bottom: 1.5em;
                                }
                                ul,
                                ol {
                                    margin: 0 0 1.5em 3em;
                                }
                                ul {
                                    list-style: disc;
                                }
                                ol {
                                    list-style: decimal;
                                }
                                li>ul,
                                li>ol {
                                    margin-bottom: 0;
                                    margin-left: 1.5em;
                                }
                                dt {
                                    font-weight: 700;
                                }
                                dd {
                                    margin: 0 1.5em 1.5em;
                                }
                                /* Make sure embeds and iframes fit their containers. */
                                embed,
                                iframe,
                                object {
                                    max-width: 100%;
                                }
                                img {
                                    height: auto;
                                    max-width: 100%;
                                }
                                figure {
                                    margin: 1em 0;
                                }
                                table {
                                    margin: 0 0 1.5em;
                                    width: 100%;
                                }
                                /* Links
--------------------------------------------- */
                                a {
                                    color: #4169e1;
                                }
                                a:hover,
                                a:focus,
                                a:active {
                                    color: #191970;
                                }
                                a:focus {
                                    outline: thin dotted;
                                }
                                a:hover,
                                a:active {
                                    outline: 0;
                                }
                                /* Forms
--------------------------------------------- */
                                button,
                                input[type="button"],
                                input[type="reset"],
                                input[type="submit"] {
                                    border: 1px solid;
                                    border-color: #ccc #ccc #bbb;
                                    border-radius: 3px;
                                    background: #e6e6e6;
                                    color: rgba(0, 0, 0, 0.8);
                                    line-height: 1;
                                    padding: 0.6em 1em 0.4em;
                                }
                                button:hover,
                                input[type="button"]:hover,
                                input[type="reset"]:hover,
                                input[type="submit"]:hover {
                                    border-color: #ccc #bbb #aaa;
                                }
                                button:active,
                                button:focus,
                                input[type="button"]:active,
                                input[type="button"]:focus,
                                input[type="reset"]:active,
                                input[type="reset"]:focus,
                                input[type="submit"]:active,
                                input[type="submit"]:focus {
                                    border-color: #aaa #bbb #bbb;
                                }
                                input[type="text"],
                                input[type="email"],
                                input[type="url"],
                                input[type="password"],
                                input[type="search"],
                                input[type="number"],
                                input[type="tel"],
                                input[type="range"],
                                input[type="date"],
                                input[type="month"],
                                input[type="week"],
                                input[type="time"],
                                input[type="datetime"],
                                input[type="datetime-local"],
                                input[type="color"],
                                textarea {
                                    color: #666;
                                    border: 1px solid #ccc;
                                    border-radius: 3px;
                                    padding: 3px;
                                }
                                input[type="text"]:focus,
                                input[type="email"]:focus,
                                input[type="url"]:focus,
                                input[type="password"]:focus,
                                input[type="search"]:focus,
                                input[type="number"]:focus,
                                input[type="tel"]:focus,
                                input[type="range"]:focus,
                                input[type="date"]:focus,
                                input[type="month"]:focus,
                                input[type="week"]:focus,
                                input[type="time"]:focus,
                                input[type="datetime"]:focus,
                                input[type="datetime-local"]:focus,
                                input[type="color"]:focus,
                                textarea:focus {
                                    color: #111;
                                }
                                select {
                                    border: 1px solid #ccc;
                                }
                                textarea {
                                    width: 100%;
                                }
                                /*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
                                /*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
                                /* Navigation
--------------------------------------------- */
                                .main-navigation {
                                    display: block;
                                    width: 100%;
                                }
                                .main-navigation ul {
                                    display: none;
                                    list-style: none;
                                    margin: 0;
                                    padding-left: 0;
                                }
                                .main-navigation ul ul {
                                    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
                                    float: left;
                                    position: absolute;
                                    top: 100%;
                                    left: -999em;
                                    z-index: 99999;
                                }
                                .main-navigation ul ul ul {
                                    left: -999em;
                                    top: 0;
                                }
                                .main-navigation ul ul li:hover>ul,
                                .main-navigation ul ul li.focus>ul {
                                    display: block;
                                    left: auto;
                                }
                                .main-navigation ul ul a {
                                    width: 200px;
                                }
                                .main-navigation ul li:hover>ul,
                                .main-navigation ul li.focus>ul {
                                    left: auto;
                                }
                                .main-navigation li {
                                    position: relative;
                                }
                                .main-navigation a {
                                    display: block;
                                    text-decoration: none;
                                }
                                /* Small menu. */
                                .menu-toggle,
                                .main-navigation.toggled ul {
                                    display: block;
                                }
                                @media screen and (min-width: 37.5em) {
                                    .menu-toggle {
                                        display: none;
                                    }
                                    .main-navigation ul {
                                        display: flex;
                                    }
                                }
                                .site-main .comment-navigation,
                                .site-main .posts-navigation,
                                .site-main .post-navigation {
                                    margin: 0 0 1.5em;
                                }
                                .comment-navigation .nav-links,
                                .posts-navigation .nav-links,
                                .post-navigation .nav-links {
                                    display: flex;
                                }
                                .comment-navigation .nav-previous,
                                .posts-navigation .nav-previous,
                                .post-navigation .nav-previous {
                                    flex: 1 0 50%;
                                }
                                .comment-navigation .nav-next,
                                .posts-navigation .nav-next,
                                .post-navigation .nav-next {
                                    text-align: end;
                                    flex: 1 0 50%;
                                }
                                /* Posts and pages
--------------------------------------------- */
                                .sticky {
                                    display: block;
                                }
                                .post,
                                .page {
                                    margin: 0 0 1.5em;
                                }
                                .updated:not(.published) {
                                    display: none;
                                }
                                .page-content,
                                .entry-content,
                                .entry-summary {
                                    margin: 1.5em 0 0;
                                }
                                .page-links {
                                    clear: both;
                                    margin: 0 0 1.5em;
                                }
                                /* Comments
--------------------------------------------- */
                                .comment-content a {
                                    word-wrap: break-word;
                                }
                                .bypostauthor {
                                    display: block;
                                }
                                /* Widgets
--------------------------------------------- */
                                .widget {
                                    margin: 0 0 1.5em;
                                }
                                .widget select {
                                    max-width: 100%;
                                }
                                /* Media
--------------------------------------------- */
                                .page-content .wp-smiley,
                                .entry-content .wp-smiley,
                                .comment-content .wp-smiley {
                                    border: none;
                                    margin-bottom: 0;
                                    margin-top: 0;
                                    padding: 0;
                                }
                                /* Make sure logo link wraps around logo image. */
                                .custom-logo-link {
                                    display: inline-block;
                                }
                                /* Captions
--------------------------------------------- */
                                .wp-caption {
                                    margin-bottom: 1.5em;
                                    max-width: 100%;
                                }
                                .wp-caption img[class*="wp-image-"] {
                                    display: block;
                                    margin-left: auto;
                                    margin-right: auto;
                                }
                                .wp-caption .wp-caption-text {
                                    margin: 0.8075em 0;
                                }
                                .wp-caption-text {
                                    text-align: center;
                                }
                                /* Galleries
--------------------------------------------- */
                                .gallery {
                                    margin-bottom: 1.5em;
                                    display: grid;
                                    grid-gap: 1.5em;
                                }
                                .gallery-item {
                                    display: inline-block;
                                    text-align: center;
                                    width: 100%;
                                }
                                .gallery-columns-2 {
                                    grid-template-columns: repeat(2, 1fr);
                                }
                                .gallery-columns-3 {
                                    grid-template-columns: repeat(3, 1fr);
                                }
                                .gallery-columns-4 {
                                    grid-template-columns: repeat(4, 1fr);
                                }
                                .gallery-columns-5 {
                                    grid-template-columns: repeat(5, 1fr);
                                }
                                .gallery-columns-6 {
                                    grid-template-columns: repeat(6, 1fr);
                                }
                                .gallery-columns-7 {
                                    grid-template-columns: repeat(7, 1fr);
                                }
                                .gallery-columns-8 {
                                    grid-template-columns: repeat(8, 1fr);
                                }
                                .gallery-columns-9 {
                                    grid-template-columns: repeat(9, 1fr);
                                }
                                .gallery-caption {
                                    display: block;
                                }
                                /*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
                                /* Jetpack infinite scroll
--------------------------------------------- */
                                /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
                                .infinite-scroll .posts-navigation,
                                .infinite-scroll.neverending .site-footer {
                                    display: none;
                                }
                                /* Re-display the Theme Footer when Infinite Scroll has reached its end. */
                                .infinity-end.neverending .site-footer {
                                    display: block;
                                }
                                /*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
                                /* Accessibility
--------------------------------------------- */
                                /* Text meant only for screen readers. */
                                .screen-reader-text {
                                    border: 0;
                                    clip: rect(1px, 1px, 1px, 1px);
                                    clip-path: inset(50%);
                                    height: 1px;
                                    margin: -1px;
                                    overflow: hidden;
                                    padding: 0;
                                    position: absolute !important;
                                    width: 1px;
                                    word-wrap: normal !important;
                                }
                                .screen-reader-text:focus {
                                    background-color: #f1f1f1;
                                    border-radius: 3px;
                                    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
                                    clip: auto !important;
                                    clip-path: none;
                                    color: #21759b;
                                    display: block;
                                    font-size: 0.875rem;
                                    font-weight: 700;
                                    height: auto;
                                    left: 5px;
                                    line-height: normal;
                                    padding: 15px 23px 14px;
                                    text-decoration: none;
                                    top: 5px;
                                    width: auto;
                                    z-index: 100000;
                                }
                                /* Do not show the outline on the skip link target. */
                                #primary[tabindex="-1"]:focus {
                                    outline: 0;
                                }
                                /* Sticky Header Styles */
                                .altahub-header.is-sticky {
                                    background: #fff !important;
                                    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
                                    transition: background 0.2s, box-shadow 0.2s;
                                }
                                .altahub-header.is-sticky .altahub-header__menu li a {
                                    color: #222 !important;
                                    transition: color 0.2s;
                                }
                                .altahub-header.is-sticky .altahub-header__menu li a:hover {
                                    color: #60d13c !important;
                                }
                                .altahub-header.is-sticky .altahub-header__btn,
                                .altahub-header.is-sticky .altahub-header__btn--contact {
                                    background: #222 !important;
                                    color: #fff !important;
                                    border: none;
                                    transition: background 0.2s, color 0.2s;
                                }
                                .altahub-header.is-sticky .altahub-header__btn--contact:hover {
                                    background: #111 !important;
                                    color: #fff !important;
                                }
                                /* Alignments
--------------------------------------------- */
                                /*!
Theme Name: AltaHub
Theme URI: http://underscores.me/
Author: Alen Hovhannisians
Author URI: https://alenfromrobi.site/
Description: Crafted custom theme for AltaHub
Version: 2.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: altahub
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
                                /*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
--------------------------------------------------------------*/
                                @import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;600;700&display=swap');
                                html,
                                body {
                                    font-family: 'League Spartan', Arial, sans-serif !important;
                                    overflow-x: hidden;
                                }
                                /*--------------------------------------------------------------
# AltaHub Header Custom Styles
--------------------------------------------------------------*/
                                /*--------------------------------------------------------------
# AltaHub Footer Custom Styles
--------------------------------------------------------------*/
                                .businesses-specializing {
                                    background: #fff;
                                    padding: 40px 0;
                                }
                                .businesses-specializing .container {
                                    max-width: 1400px;
                                    margin: 0 auto;
                                    padding: 0 24px;
                                }
                                .businesses-specializing-row {
                                    display: flex;
                                    align-items: center;
                                    /*!
Theme Name: AltaHub
Theme URI: http://underscores.me/
Author: Alen Hovhannisians
Author URI: https://alenfromrobi.site/
Description: Crafted custom theme for AltaHub
Version: 2.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: altahub
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
                                    /*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
--------------------------------------------------------------*/
                                    @import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;600;700&display=swap');
                                    html,
                                    body {
                                        font-family: 'League Spartan', Arial, sans-serif !important;
                                        overflow-x: hidden;
                                    }
                                    /*--------------------------------------------------------------
# AltaHub Header Custom Styles
--------------------------------------------------------------*/
                                    /*--------------------------------------------------------------
# AltaHub Footer Custom Styles
--------------------------------------------------------------*/
                                    .businesses-specializing {
                                        background: #fff;
                                        padding: 0;
                                    }
                                    .businesses-specializing-row {
                                        display: flex;
                                        align-items: center;
                                        max-width: 1400px;
                                        margin: 0 auto;
                                        gap: 48px;
                                        padding: 0 24px;
                                    }
                                    .businesses-specializing-col--left {
                                        flex: 0 0 340px;
                                        display: flex;
                                        flex-direction: column;
                                        align-items: flex-start;
                                        justify-content: center;
                                        height: 100%;
                                        min-width: 260px;
                                    }
                                    .businesses-specializing-title {
                                        font-family: 'League Spartan', Arial, sans-serif;
                                        font-size: 2.8rem;
                                        font-weight: 700;
                                        line-height: 1.05;
                                        color: #191919;
                                        margin: 0 0 32px 0;
                                        text-align: left;
                                    }
                                    .businesses-specializing-metrics {
                                        display: flex;
                                        gap: 32px;
                                        margin-top: 12px;
                                    }
                                    .stat {
                                        display: flex;
                                        flex-direction: column;
                                        align-items: flex-start;
                                    }
                                    .stat-value {
                                        font-size: 2rem;
                                        color: #4caf50;
                                        font-weight: bold;
                                        line-height: 1;
                                    }
                                    .stat-label {
                                        font-size: 1rem;
                                        color: #888;
                                        margin-top: 2px;
                                    }
                                    .businesses-specializing-card {
                                        max-width: 1200px;
                                        margin: 0 auto;
                                        background: #fff;
                                        border-radius: 24px;
                                        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
                                        overflow: visible;
                                        padding: 40px 24px;
                                        box-sizing: border-box;
                                    }
                                    .businesses-specializing-grid {
                                        display: grid;
                                        grid-template-columns: repeat(4, 1fr);
                                        gap: 32px;
                                        max-width: 1200px;
                                        width: 100%;
                                    }
                                    .businesses-specializing-grid .business-box {
                                        display: flex;
                                        flex-direction: column;
                                        aspect-ratio: 9/16;
                                        width: 100%;
                                        border-radius: 18px;
                                        overflow: hidden;
                                        border-left: 6px solid var(--card-color, #4caf50);
                                        background: #fff;
                                        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.10);
                                        position: relative;
                                        transition: box-shadow 0.2s, transform 0.2s;
                                    }
                                    .businesses-specializing-grid .business-box-top {
                                        height: 55%;
                                        min-height: 0;
                                        position: relative;
                                        width: 100%;
                                        overflow: hidden;
                                        border-top-left-radius: 18px;
                                        border-top-right-radius: 18px;
                                        background: #222;
                                        display: flex;
                                        align-items: stretch;
                                        justify-content: stretch;
                                    }
                                    .businesses-specializing-grid .business-box-img {
                                        width: 100%;
                                        height: 100%;
                                        object-fit: cover;
                                        display: block;
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        right: 0;
                                        bottom: 0;
                                        z-index: 0;
                                        border: none !important;
                                    }
                                    .businesses-specializing-grid .business-box-overlay {
                                        position: absolute;
                                        inset: 0;
                                        background: rgba(34, 34, 34, 0.33);
                                        z-index: 1;
                                    }
                                    .businesses-specializing-grid .business-box-title {
                                        position: absolute;
                                        top: 50%;
                                        left: 50%;
                                        transform: translate(-50%, -50%);
                                        color: #fff;
                                        font-size: 2rem;
                                        font-weight: 700;
                                        text-align: center;
                                        z-index: 2;
                                        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                                        width: 90%;
                                        pointer-events: none;
                                    }
                                    .businesses-specializing-grid .business-box-bottom {
                                        flex: 1 1 0;
                                        min-height: 0;
                                        padding: 20px;
                                        background: #fff;
                                        display: flex;
                                        align-items: flex-start;
                                        border-bottom-left-radius: 18px;
                                        border-bottom-right-radius: 18px;
                                    }
                                    .businesses-specializing-grid .business-box-desc {
                                        color: #444;
                                        font-size: 1rem;
                                        line-height: 1.5;
                                    }
                                    .businesses-specializing-grid .business-box--empty {
                                        background: #f5f5f5;
                                        border: 2px dashed #ddd;
                                        border-left: 6px solid #ddd;
                                        border-radius: 18px;
                                    }
                                    @media (max-width: 1200px) {
                                        .businesses-specializing-grid {
                                            grid-template-columns: repeat(2, 1fr);
                                            gap: 24px;
                                        }
                                    }
                                    @media (max-width: 700px) {
                                        .businesses-specializing-grid {
                                            grid-template-columns: 1fr;
                                            gap: 20px;
                                        }
                                        .businesses-specializing-grid .business-box-title {
                                            font-size: 1.5rem;
                                        }
                                    }
                                    body {
                                        background: #fff;
                                    }
                                    .businesses-specializing-card,
                                    .businesses-specializing-card>.container {
                                        overflow: visible !important;
                                    }
                                    .businesses-specializing-card>.container {
                                        width: 100%;
                                        max-width: 100%;
                                        padding: 0;
                                        margin: 0;
                                    }
                                    /* DO NOT REMOVE OR CHANGE THE SIZE BELOW UNLESS USER EXPLICITLY REQUESTS */
                                    .business-box {
                                        position: relative !important;
                                        overflow: visible !important;
                                        border: none !important;
                                        border-radius: 0 !important;
                                        transition: box-shadow 0.18s, transform 0.18s !important;
                                        background-size: cover !important;
                                        background-position: center !important;
                                        background-repeat: no-repeat !important;
                                        background-color: #222 !important;
                                        cursor: pointer !important;
                                        box-shadow: none !important;
                                        width: 350px !important;
                                        height: 205px !important;
                                        min-width: 0 !important;
                                        min-height: 0 !important;
                                    }
                                    .business-box--empty {
                                        min-height: 260px !important;
                                    }
                                    /* Fallback for aspect-ratio in older browsers */
                                    .business-box::before {
                                        content: "";
                                        display: block;
                                        padding-top: 56.25% !important;
                                        /* 16:9 ratio */
                                        float: left;
                                        height: 0 !important;
                                    }
                                    /* Fallback for aspect-ratio in older browsers */
                                    .business-box::before {
                                        content: "";
                                        display: block;
                                        padding-top: 56.25%;
                                        /* 16:9 ratio */
                                        float: left;
                                        height: 0;
                                    }
                                    .business-box>*:not(:first-child) {
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        right: 0;
                                        bottom: 0;
                                    }
                                    .business-box-bar {
                                        position: absolute;
                                        left: 0;
                                        top: 0;
                                        bottom: 0;
                                        width: 12px;
                                        z-index: 2;
                                        border-radius: 0;
                                    }
                                    /* stays at z-index 2 */
                                    .business-box-overlay {
                                        position: absolute;
                                        inset: 0;
                                        background: rgba(30, 34, 37, 0.50);
                                        z-index: 1;
                                    }
                                    .business-box-title {
                                        position: absolute !important;
                                        top: 50% !important;
                                        left: 50% !important;
                                        bottom: 50% !important;
                                        transform: translate(-50%, -50%) !important;
                                        color: #EEE !important;
                                        text-align: center !important;
                                        font-size: 35px !important;
                                        font-style: normal !important;
                                        font-weight: 400 !important;
                                        z-index: 20 !important;
                                        width: 100% !important;
                                        padding: 0 !important;
                                        background: none !important;
                                        box-sizing: border-box !important;
                                    }
                                    /* Fallback for aspect-ratio in older browsers */
                                    .business-box::before {
                                        content: "";
                                        display: block;
                                        padding-top: 56.25%;
                                        /* 9/16*100 */
                                        float: left;
                                        height: 0;
                                    }
                                    .business-box>*:not(:first-child) {
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        right: 0;
                                        bottom: 0;
                                    }
                                    .businesses-specializing {
                                        background: none;
                                        box-shadow: none;
                                        border-radius: 0;
                                        padding: 0;
                                        margin: 0;
                                        width: 100%;
                                    }
                                    .businesses-specializing .container {
                                        display: flex;
                                        flex-direction: row;
                                        gap: 2.2rem;
                                        align-items: center;
                                        padding: 0;
                                        width: 100%;
                                        box-sizing: border-box;
                                    }
                                    .businesses-specializing-left {
                                        flex: 1;
                                        min-width: 200px;
                                        max-width: 260px;
                                        display: flex;
                                        flex-direction: column;
                                        justify-content: center;
                                        align-items: flex-start;
                                        text-align: left;
                                        gap: 0.7rem;
                                    }
                                    .businesses-specializing-left h2 {
                                        font-size: 2.05rem;
                                        font-weight: 800;
                                        margin-bottom: 0.5rem;
                                        color: #232323;
                                        line-height: 1.08;
                                        letter-spacing: -0.5px;
                                    }
                                    .businesses-specializing-left p {
                                        color: #888;
                                        font-size: 0.93rem;
                                        line-height: 1.5;
                                        font-weight: 400;
                                        margin: 0;
                                    }
                                    .businesses-specializing-left h2 {
                                        font-size: 2.4rem;
                                        font-weight: 800;
                                        margin-bottom: 1.1rem;
                                        color: #232323;
                                        line-height: 1.08;
                                        letter-spacing: -0.5px;
                                    }
                                    .businesses-specializing-left p {
                                        color: #888;
                                        font-size: 1.05rem;
                                        line-height: 1.7;
                                        font-weight: 400;
                                    }
                                    .businesses-specializing-grid {
                                        flex: 2 1 0;
                                        display: grid;
                                        grid-template-columns: 1fr 1fr;
                                        gap: 1.1rem;
                                        width: 100%;
                                        min-width: 0;
                                        max-width: 100%;
                                        align-items: stretch;
                                        justify-items: stretch;
                                    }
                                    .business-box {
                                        position: relative;
                                        overflow: hidden;
                                        border: 2px solid #7ed957;
                                        /* Default, override with inline style */
                                        background: #fff;
                                        width: 100%;
                                        min-width: 0;
                                        min-height: 0;
                                        padding-top: 56.25%;
                                        /* 16:9 aspect ratio */
                                        display: block;
                                        box-shadow: none;
                                        border-radius: 0;
                                        transition: border-color 0.18s;
                                    }
                                    .business-box img {
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        width: 100%;
                                        height: 100%;
                                        object-fit: cover;
                                        z-index: 1;
                                    }
                                    .business-box-overlay {
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        width: 100%;
                                        height: 100%;
                                        background: rgba(34, 34, 34, 0.33);
                                        z-index: 2;
                                    }
                                    .business-box-title {
                                        position: absolute;
                                        top: 50%;
                                        left: 50%;
                                        transform: translate(-50%, -50%);
                                        color: #fff;
                                        font-size: 2rem;
                                        font-weight: 700;
                                        text-align: center;
                                        z-index: 3;
                                        letter-spacing: 0.01em;
                                        line-height: 1.1;
                                        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                                        width: 90%;
                                        pointer-events: none;
                                    }
                                    .business-box--empty {
                                        background: #ededed;
                                        border: 2px dashed #dadada;
                                        box-shadow: none;
                                        position: relative;
                                    }
                                    .business-box--empty>* {
                                        display: none !important;
                                    }
                                    .business-box img {
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        width: 100%;
                                        height: 100%;
                                        object-fit: cover;
                                        z-index: 1;
                                    }
                                    .business-box .business-box-overlay {
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        width: 100%;
                                        height: 100%;
                                        background: rgba(34, 34, 34, 0.45);
                                        z-index: 2;
                                    }
                                    .business-box .business-box-title {
                                        position: absolute;
                                        left: 0;
                                        right: 0;
                                        top: 50%;
                                        transform: translateY(-50%);
                                        color: #fff;
                                        font-size: 2.1rem;
                                        font-weight: 700;
                                        text-align: center;
                                        z-index: 3;
                                        letter-spacing: 0.01em;
                                        line-height: 1.1;
                                        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                                    }
                                    .business-box--empty {
                                        background: #ededed;
                                        border: 2px dashed #dadada;
                                        border-left: 6px solid #ededed;
                                        box-shadow: none;
                                        position: relative;
                                    }
                                    .business-box--empty>* {
                                        display: none !important;
                                    }
                                    .business-box {
                                        position: relative;
                                        overflow: hidden;
                                        border-radius: 14px;
                                        transition: box-shadow 0.18s, transform 0.18s;
                                        background: #fff;
                                        cursor: pointer;
                                        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
                                        display: flex;
                                        flex-direction: column;
                                        justify-content: flex-end;
                                        aspect-ratio: 16/9;
                                        min-height: 0;
                                        min-width: 0;
                                    }
                                    .business-box img {
                                        width: 100%;
                                        height: 100%;
                                        object-fit: cover;
                                        display: block;
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        right: 0;
                                        bottom: 0;
                                    }
                                    @media (max-width: 900px) {
                                        .businesses-specializing-card {
                                            padding: 18px 4vw;
                                        }
                                        .businesses-specializing .container {
                                            flex-direction: column;
                                            gap: 1.5rem;
                                            align-items: stretch;
                                        }
                                        .businesses-specializing-grid {
                                            width: 100%;
                                            min-width: 0;
                                            max-width: 100%;
                                            height: auto;
                                            grid-template-columns: 1fr;
                                            grid-template-rows: repeat(4, 1fr);
                                        }
                                        .businesses-specializing-left {
                                            max-width: 100%;
                                            min-width: 0;
                                            align-items: flex-start;
                                        }
                                    }
                                    .business-box {
                                        position: relative;
                                        overflow: hidden;
                                        border-radius: 14px;
                                        transition: box-shadow 0.18s, transform 0.18s;
                                        min-height: 210px;
                                        aspect-ratio: 1/1;
                                        background: #fff;
                                        cursor: pointer;
                                        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
                                        display: flex;
                                        flex-direction: column;
                                        justify-content: flex-end;
                                    }
                                    .business-box:hover {
                                        box-shadow: 0 6px 24px rgba(0, 0, 0, 0.14);
                                        transform: translateY(-3px) scale(1.03);
                                    }
                                    .business-box img {
                                        width: 100%;
                                        height: 100%;
                                        object-fit: cover;
                                        display: block;
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        right: 0;
                                        bottom: 0;
                                    }
                                    .business-box-overlay {
                                        position: absolute;
                                        inset: 0;
                                        background: rgba(0, 0, 0, 0.28);
                                        display: flex;
                                        align-items: flex-end;
                                        justify-content: flex-start;
                                        padding: 1.5rem;
                                    }
                                    .business-box--empty {
                                        background: #eaeaea;
                                        border: 2px dashed #d0d0d0 !important;
                                    }
                                    .business-box-overlay span {
                                        color: #fff;
                                        font-size: 1.3rem;
                                        font-weight: 700;
                                        letter-spacing: 0.01em;
                                        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
                                    }
                                    @media (max-width: 900px) {
                                        .businesses-specializing .container {
                                            flex-direction: column;
                                            gap: 2rem;
                                            padding: 0 1rem;
                                        }
                                        .businesses-specializing-grid {
                                            grid-template-columns: 1fr;
                                        }
                                        .businesses-specializing-left {
                                            align-items: flex-start;
                                            text-align: left;
                                        }
                                    }
                                    .business-box-overlay span {
                                        color: #fff;
                                        font-size: 1.6rem;
                                        font-weight: 600;
                                        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
                                        letter-spacing: 0.04em;
                                    }
                                    @media (max-width: 900px) {
                                        .businesses-specializing .container {
                                            flex-direction: column;
                                            gap: 1.5rem;
                                        }
                                        .businesses-specializing-grid {
                                            grid-template-columns: 1fr;
                                        }
                                    }
                                    .custom-footer {
                                        background: #137b43;
                                        color: #fff;
                                        padding: 36px 0 54px 0;
                                        font-family: 'League Spartan', Arial, sans-serif;
                                        border-top: none;
                                    }
                                    .footer-container {
                                        display: flex;
                                        justify-content: flex-start;
                                        align-items: flex-start;
                                        max-width: 1200px;
                                        margin: 0 auto;
                                        gap: 60px;
                                        padding: 0 40px;
                                    }
                                    .footer-col {
                                        flex: 1 1 0;
                                        min-width: 180px;
                                        margin-bottom: 24px;
                                    }
                                    .footer-brand {
                                        min-width: 220px;
                                    }
                                    .footer-logo-social {
                                        display: flex;
                                        flex-direction: column;
                                        gap: 34px;
                                    }
                                    .footer-logo {
                                        text-align: left;
                                    }
                                    .footer-logo img {
                                        height: 40px;
                                        width: auto;
                                        max-width: 162px;
                                        max-height: 70px;
                                        object-fit: cover;
                                    }
                                    .footer-social {
                                        display: flex;
                                        gap: 23px;
                                        margin-top: 32px;
                                    }
                                    .footer-social-icon {
                                        display: inline-flex;
                                        align-items: center;
                                        justify-content: center;
                                        background: none;
                                        border: none;
                                        width: 32px;
                                        height: 32px;
                                        border-radius: 6px;
                                        transition: background 0.2s;
                                        text-decoration: none;
                                    }
                                    .footer-social-icon:hover {
                                        background: rgba(255, 255, 255, 0.13);
                                    }
                                    .footer-heading {
                                        font-weight: 600;
                                        font-size: 16px;
                                        margin-bottom: 18px;
                                    }
                                    .footer-col ul {
                                        list-style: none;
                                        padding: 0;
                                        margin: 0;
                                    }
                                    .footer-col ul li {
                                        font-size: 15px;
                                        margin-bottom: 10px;
                                        color: #fff;
                                        opacity: 0.95;
                                    }
                                    .footer-col ul li a {
                                        color: #fff;
                                        text-decoration: none;
                                        opacity: 0.95;
                                        transition: opacity 0.2s, color 0.2s;
                                        font-size: 15px;
                                        display: inline-block;
                                    }
                                    .footer-col ul li a:hover,
                                    .footer-col ul li a:focus {
                                        opacity: 1;
                                        color: #e0ffe2;
                                        text-decoration: underline;
                                    }
                                    @media (max-width: 900px) {
                                        .footer-container {
                                            flex-wrap: wrap;
                                            gap: 32px;
                                            padding: 0 16px;
                                        }
                                        .footer-col {
                                            min-width: 140px;
                                        }
                                        .footer-brand {
                                            min-width: 160px;
                                        }
                                    }
                                    @media (max-width: 600px) {
                                        .footer-container {
                                            flex-direction: column;
                                            gap: 12px;
                                            padding: 0 10px;
                                        }
                                        .footer-col,
                                        .footer-brand {
                                            min-width: 0;
                                            width: 100%;
                                        }
                                        .footer-logo-social {
                                            flex-direction: row;
                                            gap: 16px;
                                            align-items: center;
                                        }
                                        .footer-social {
                                            margin-top: 0;
                                        }
                                    }
                                    /*--------------------------------------------------------------
# AltaHub Hero Section
--------------------------------------------------------------*/
                                    .altahub-hero {
                                        position: relative;
                                        width: 100%;
                                        min-height: 560px;
                                        overflow: hidden;
                                    }
                                    .altahub-hero__bg {
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        right: 0;
                                        bottom: 0;
                                        width: 100%;
                                        height: 100%;
                                        z-index: 1;
                                        background-size: cover;
                                        background-position: center center;
                                        opacity: 1;
                                    }
                                    .altahub-hero__shadow {
                                        position: absolute;
                                        right: 0;
                                        top: 0;
                                        width: 1028px;
                                        height: 835px;
                                        background: rgba(36, 38, 37, 0.45);
                                        filter: blur(47.4px);
                                        z-index: 2;
                                        pointer-events: none;
                                    }
                                    .altahub-hero__content {
                                        position: absolute;
                                        right: 0;
                                        top: 50%;
                                        transform: translateY(-50%);
                                        z-index: 3;
                                        max-width: 540px;
                                        margin: 0 7vw 0 0;
                                        color: #fff;
                                        padding: 0;
                                        display: flex;
                                        flex-direction: column;
                                        align-items: flex-end;
                                        justify-content: center;
                                        min-height: 400px;
                                        text-align: right;
                                    }
                                    .altahub-hero__content--block {
                                        align-items: flex-start;
                                        text-align: left;
                                    }
                                    .altahub-hero__content--right {
                                        align-items: flex-end;
                                        margin-right: 7vw;
                                        text-align: right;
                                    }
                                    .altahub-hero__title {
                                        font-family: 'League Spartan', Arial, sans-serif;
                                        font-weight: 400;
                                        font-size: 35.96px;
                                        line-height: 80%;
                                        letter-spacing: -5%;
                                    }
                                    .altahub-hero__subtitle {
                                        font-family: 'League Spartan', Arial, sans-serif;
                                        font-weight: 300;
                                        font-size: 16.65px;
                                        line-height: 95%;
                                        letter-spacing: -2%;
                                        vertical-align: middle;
                                        margin-bottom: 25px;
                                        margin-top: 0;
                                        color: #e6e6e6;
                                    }
                                    .altahub-hero__cta {
                                        display: inline-block;
                                        background: #fff;
                                        color: #222;
                                        font-size: 15px;
                                        font-weight: 700;
                                        border-radius: 8px;
                                        padding: 12px 38px;
                                        text-decoration: none;
                                        transition: background 0.2s, color 0.2s;
                                        box-shadow: none;
                                    }
                                    .altahub-hero__cta--green {
                                        background: rgb(154, 214, 60);
                                        ;
                                        color: #fff;
                                        font-size: 15px;
                                        padding: 15px 30px;
                                        border-radius: 8px;
                                        font-weight: 700;
                                        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.09);
                                        border: none;
                                        outline: none;
                                        font-family: 'League Spartan', sans-serif;
                                        transition: background 0.2s, color 0.2s;
                                        margin-top: 0;
                                    }
                                    .altahub-hero__cta--green a:visited {
                                        color: #fff;
                                    }
                                    .altahub-hero__cta--green:hover {
                                        background: #d3ff8a;
                                        color: #222;
                                    }
                                    .altahub-hero__cta--green:hover {
                                        background: #4bb22f;
                                        color: #fff;
                                    }
                                    @media (max-width: 700px) {
                                        .altahub-hero__content {
                                            max-width: 97vw;
                                            margin: 0 2vw 0 0;
                                            min-height: 300px;
                                        }
                                        .altahub-hero__title {
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-weight: 400;
                                            font-size: 35.96px;
                                            line-height: 80%;
                                            letter-spacing: -5%;
                                        }
                                        .altahub-hero__subtitle {
                                            font-size: 0.49rem;
                                        }
                                        .altahub-hero__cta--green {
                                            padding: 13px 24px;
                                            font-size: 0.5rem;
                                        }
                                    }
                                    .altahub-hero__content {
                                        padding: 40px 12px 48px 12px;
                                    }
                                    .altahub-header {
                                        background: transparent;
                                        box-shadow: none;
                                        padding: 0;
                                        position: fixed;
                                        top: 0;
                                        left: 0;
                                        width: 100%;
                                        z-index: 200;
                                        font-family: 'League Spartan', Arial, sans-serif;
                                        height: 88px;
                                        display: flex;
                                        align-items: center;
                                    }
                                    .altahub-header__container {
                                        display: flex;
                                        align-items: center;
                                        justify-content: space-between;
                                        width: 100%;
                                        max-width: 1600px;
                                        margin: 0 auto;
                                        padding: 0 56px;
                                        height: 88px;
                                    }
                                    .altahub-header__logo {
                                        flex: 0 0 auto;
                                        display: flex;
                                        align-items: center;
                                        height: 56px;
                                        margin-right: 56px;
                                    }
                                    .altahub-header__logo img {
                                        max-height: 100%;
                                        width: auto;
                                    }
                                    /* No sticky override for logo size */
                                    .altahub-header__nav {
                                        flex: 1 1 auto;
                                        display: flex;
                                        justify-content: center;
                                        align-items: center;
                                    }
                                    .altahub-header__menu {
                                        display: flex;
                                        gap: 48px;
                                        list-style: none;
                                        margin: 0;
                                        padding: 0;
                                        align-items: center;
                                        font-weight: 700;
                                        color: #fff;
                                        font-size: 24px;
                                        letter-spacing: 0.08em;
                                        font-family: 'League Spartan', Arial, sans-serif;
                                    }
                                    .altahub-header__menu li a {
                                        color: #fff;
                                        text-decoration: none;
                                        font-size: 24px;
                                        font-family: 'League Spartan', Arial, sans-serif;
                                        font-weight: 700;
                                        letter-spacing: 0.08em;
                                        padding: 10px 0;
                                        transition: color 0.2s;
                                        line-height: 1.2;
                                    }
                                    .altahub-header__menu li a:hover {
                                        color: #b7ff5c;
                                        text-decoration: underline;
                                    }
                                    .altahub-header__btn--contact {
                                        background: #191919;
                                        color: #fff;
                                        border: none;
                                        border-radius: 12px;
                                        font-family: 'League Spartan', Arial, sans-serif;
                                        font-weight: 600;
                                        font-size: 12px;
                                        line-height: 130%;
                                        letter-spacing: 0%;
                                        text-align: center;
                                        vertical-align: middle;
                                        padding: 14px 44px;
                                        text-decoration: none;
                                        margin-left: 24px;
                                        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
                                        transition: background 0.2s, color 0.2s;
                                        outline: none;
                                        display: inline-flex;
                                        align-items: center;
                                        justify-content: center;
                                    }
                                    .altahub-header__btn--contact:hover {
                                        background: #232323;
                                        color: #fff;
                                        border: 2.5px solid #fff;
                                    }
                                    .altahub-header__container {
                                        display: flex;
                                        align-items: center;
                                        justify-content: space-between;
                                        height: 72px;
                                        max-width: 1200px;
                                        margin: 0 auto;
                                        padding: 0 40px;
                                        width: 100%;
                                    }
                                    .altahub-header__logo {
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                        width: 132px;
                                        height: 70px;
                                        margin-right: 48px;
                                    }
                                    .altahub-header__logo img {
                                        max-width: 100%;
                                        max-height: 100%;
                                        width: auto;
                                        height: auto;
                                        display: block;
                                    }
                                    .altahub-header__nav {
                                        flex: 1 1 auto;
                                        display: flex;
                                        justify-content: flex-end;
                                        align-items: center;
                                    }
                                    .altahub-header__menu {
                                        display: flex;
                                        gap: 40px;
                                        list-style: none;
                                        margin: 0;
                                        padding: 0;
                                        align-items: center;
                                        font-weight: 700;
                                        color: #fff;
                                        font-size: 24px;
                                        letter-spacing: 0.03em;
                                    }
                                    .altahub-header__menu li a {
                                        color: #fff;
                                        text-decoration: none;
                                        font-size: 24px;
                                        font-family: 'League Spartan', Arial, sans-serif;
                                        font-weight: 700;
                                        letter-spacing: 0.03em;
                                        padding: 8px 0;
                                        transition: color 0.2s;
                                    }
                                    .altahub-header__menu li a:hover {
                                        color: #60d13c;
                                        text-decoration: underline;
                                    }
                                    .altahub-header__btn--contact {
                                        background: #fff;
                                        color: #222;
                                        border-radius: 24px;
                                        font-weight: 700;
                                        font-size: 24px;
                                        padding: 10px 28px;
                                        margin-left: 40px;
                                        box-shadow: none;
                                        border: none;
                                        transition: background 0.2s, color 0.2s;
                                    }
                                    .altahub-header__btn--contact:hover {
                                        background: #232323;
                                        color: #fff;
                                        border: 2.5px solid #fff;
                                    }
                                    /* Remove gap above hero */
                                    .altahub-hero {
                                        margin-top: 0;
                                        padding-top: 72px;
                                    }
                                    .altahub-header__container {
                                        display: flex;
                                        align-items: center;
                                        justify-content: space-between;
                                        max-width: 1600px;
                                        margin: 0 auto;
                                        padding: 8px 32px 8px 24px;
                                        gap: 0;
                                        width: 100%;
                                        min-height: 56px;
                                    }
                                    .altahub-header__logo {
                                        flex: 0 0 auto;
                                        display: flex;
                                        align-items: center;
                                        height: 32px;
                                        margin-right: 48px;
                                    }
                                    .altahub-header__nav {
                                        flex: 1 1 auto;
                                        display: flex;
                                        justify-content: flex-end;
                                        align-items: center;
                                        margin-right: 24px;
                                    }
                                    .altahub-header__menu {
                                        display: flex;
                                        gap: 60px;
                                        list-style: none;
                                        margin: 0;
                                        padding: 0;
                                        align-items: center;
                                        justify-content: center;
                                    }
                                    .altahub-header__menu li a {
                                        color: #fff;
                                        text-decoration: none;
                                        font-family: 'League Spartan', Arial, sans-serif;
                                        font-weight: 700;
                                        font-size: 12px;
                                        line-height: 130%;
                                        letter-spacing: 0%;
                                        text-align: center;
                                        vertical-align: middle;
                                        padding: 4px 0 2px 0;
                                        transition: color 0.2s;
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                    }
                                    .altahub-header__menu li a:hover {
                                        color: #fff;
                                        opacity: 0.7;
                                        text-decoration: none;
                                    }
                                    /* Removed divider as per Figma */
                                    .altahub-header__actions {
                                        flex: 0 0 auto;
                                        display: flex;
                                        gap: 16px;
                                        align-items: center;
                                    }
                                    .altahub-header__btn {
                                        background: #fff;
                                        color: #222;
                                        border: none;
                                        font-weight: 700;
                                        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);
                                        padding: 7px 18px;
                                        border-radius: 7px;
                                        font-size: 24px;
                                        font-family: 'League Spartan', Arial, sans-serif;
                                        transition: background 0.2s, color 0.2s, border 0.2s;
                                    }
                                    .altahub-header__btn--contact {
                                        color: #191919;
                                        background: #fff;
                                        font-family: 'League Spartan', Arial, sans-serif;
                                        font-weight: 600;
                                        font-size: 12px;
                                        line-height: 130%;
                                        letter-spacing: 0%;
                                        text-align: center;
                                        vertical-align: middle;
                                        padding: 14px 44px;
                                        border: 2.5px solid transparent;
                                        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
                                        outline: none;
                                        display: inline-flex;
                                        align-items: center;
                                        justify-content: center;
                                        text-decoration: none;
                                        margin-left: 24px;
                                        border-radius: 12px;
                                        transition: background 0.2s, color 0.2s, border 0.2s;
                                        margin-top: 32px;
                                    }
                                    .altahub-header__btn--contact:hover {
                                        background: #232323;
                                        color: #fff;
                                        border: 2.5px solid #fff;
                                    }
                                    /* Removed old secondary hover style */
                                    @media (max-width: 900px) {
                                        .altahub-header__container {
                                            flex-direction: column;
                                            gap: 16px;
                                            padding: 24px 16px;
                                        }
                                        .altahub-header__divider {
                                            display: none;
                                        }
                                        .altahub-header__menu {
                                            gap: 24px;
                                        }
                                        .altahub-header__actions {
                                            gap: 8px;
                                        }
                                    }
                                    /*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
                                    /* Normalize
--------------------------------------------- */
                                    /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
                                    /* Document
	 ========================================================================== */
                                    /**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
                                    html {
                                        line-height: 1.15;
                                        -webkit-text-size-adjust: 100%;
                                    }
                                    /* Sections
	 ========================================================================== */
                                    /**
 * Remove the margin in all browsers.
 */
                                    body {
                                        margin: 0;
                                    }
                                    /**
 * Render the `main` element consistently in IE.
 */
                                    main {
                                        display: block;
                                    }
                                    /**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
                                    h1 {
                                        font-size: 2em;
                                        margin: 0.67em 0;
                                    }
                                    /* Grouping content
	 ========================================================================== */
                                    /**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
                                    hr {
                                        box-sizing: content-box;
                                        height: 0;
                                        overflow: visible;
                                    }
                                    /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
                                    pre {
                                        font-family: monospace, monospace;
                                        font-size: 1em;
                                    }
                                    /* Text-level semantics
	 ========================================================================== */
                                    /**
 * Remove the gray background on active links in IE 10.
 */
                                    a {
                                        background-color: transparent;
                                    }
                                    /**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
                                    abbr[title] {
                                        border-bottom: none;
                                        text-decoration: underline;
                                        text-decoration: underline dotted;
                                    }
                                    /**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
                                    b,
                                    strong {
                                        font-weight: bolder;
                                    }
                                    /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
                                    code,
                                    kbd,
                                    samp {
                                        font-family: monospace, monospace;
                                        font-size: 1em;
                                    }
                                    /**
 * Add the correct font size in all browsers.
 */
                                    small {
                                        font-size: 80%;
                                    }
                                    /**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
                                    sub,
                                    sup {
                                        font-size: 75%;
                                        line-height: 0;
                                        position: relative;
                                        vertical-align: baseline;
                                    }
                                    sub {
                                        bottom: -0.25em;
                                    }
                                    sup {
                                        top: -0.5em;
                                    }
                                    /* Embedded content
	 ========================================================================== */
                                    /**
 * Remove the border on images inside links in IE 10.
 */
                                    img {
                                        border-style: none;
                                    }
                                    /* Forms
	 ========================================================================== */
                                    /**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
                                    button,
                                    input,
                                    optgroup,
                                    select,
                                    textarea {
                                        font-family: inherit;
                                        font-size: 100%;
                                        line-height: 1.15;
                                        margin: 0;
                                    }
                                    /**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
                                    button,
                                    input {
                                        overflow: visible;
                                    }
                                    /**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
                                    button,
                                    select {
                                        text-transform: none;
                                    }
                                    /**
 * Correct the inability to style clickable types in iOS and Safari.
 */
                                    button,
                                    [type="button"],
                                    [type="reset"],
                                    [type="submit"] {
                                        -webkit-appearance: button;
                                    }
                                    /**
 * Remove the inner border and padding in Firefox.
 */
                                    button::-moz-focus-inner,
                                    [type="button"]::-moz-focus-inner,
                                    [type="reset"]::-moz-focus-inner,
                                    [type="submit"]::-moz-focus-inner {
                                        border-style: none;
                                        padding: 0;
                                    }
                                    /**
 * Restore the focus styles unset by the previous rule.
 */
                                    button:-moz-focusring,
                                    [type="button"]:-moz-focusring,
                                    [type="reset"]:-moz-focusring,
                                    [type="submit"]:-moz-focusring {
                                        outline: 1px dotted ButtonText;
                                    }
                                    /**
 * Correct the padding in Firefox.
 */
                                    fieldset {
                                        padding: 0.35em 0.75em 0.625em;
                                    }
                                    /**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
                                    legend {
                                        box-sizing: border-box;
                                        color: inherit;
                                        display: table;
                                        max-width: 100%;
                                        padding: 0;
                                        white-space: normal;
                                    }
                                    /**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
                                    progress {
                                        vertical-align: baseline;
                                    }
                                    /**
 * Remove the default vertical scrollbar in IE 10+.
 */
                                    textarea {
                                        overflow: auto;
                                    }
                                    /**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
                                    [type="checkbox"],
                                    [type="radio"] {
                                        box-sizing: border-box;
                                        padding: 0;
                                    }
                                    /**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
                                    [type="number"]::-webkit-inner-spin-button,
                                    [type="number"]::-webkit-outer-spin-button {
                                        height: auto;
                                    }
                                    /**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
                                    [type="search"] {
                                        -webkit-appearance: textfield;
                                        outline-offset: -2px;
                                    }
                                    /**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
                                    [type="search"]::-webkit-search-decoration {
                                        -webkit-appearance: none;
                                    }
                                    /**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
                                     ::-webkit-file-upload-button {
                                        -webkit-appearance: button;
                                        font: inherit;
                                    }
                                    /* Interactive
	 ========================================================================== */
                                    /*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
                                    details {
                                        display: block;
                                    }
                                    /*
 * Add the correct display in all browsers.
 */
                                    summary {
                                        display: list-item;
                                    }
                                    /* Misc
	 ========================================================================== */
                                    /**
 * Add the correct display in IE 10+.
 */
                                    template {
                                        display: none;
                                    }
                                    /**
 * Add the correct display in IE 10.
 */
                                    [hidden] {
                                        display: none;
                                    }
                                    /* Box sizing
--------------------------------------------- */
                                    /* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
                                    *,
                                    *::before,
                                    *::after {
                                        box-sizing: inherit;
                                    }
                                    html {
                                        box-sizing: border-box;
                                    }
                                    /*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
                                    /* Typography
--------------------------------------------- */
                                    body,
                                    button,
                                    input,
                                    select,
                                    optgroup,
                                    textarea {
                                        color: #404040;
                                        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
                                        font-size: 0.5rem;
                                        line-height: 1.5;
                                    }
                                    h1,
                                    h2,
                                    h3,
                                    h4,
                                    h5,
                                    h6 {
                                        clear: both;
                                    }
                                    p {
                                        margin-bottom: 1.5em;
                                    }
                                    dfn,
                                    cite,
                                    em,
                                    i {
                                        font-style: italic;
                                    }
                                    blockquote {
                                        margin: 0 1.5em;
                                    }
                                    address {
                                        margin: 0 0 1.5em;
                                    }
                                    pre {
                                        background: #eee;
                                        font-family: "Courier 10 Pitch", courier, monospace;
                                        line-height: 1.6;
                                        margin-bottom: 1.6em;
                                        max-width: 100%;
                                        overflow: auto;
                                        padding: 1.6em;
                                    }
                                    code,
                                    kbd,
                                    tt,
                                    var {
                                        font-family: monospace, monospace;
                                    }
                                    abbr,
                                    acronym {
                                        border-bottom: 1px dotted #666;
                                        cursor: help;
                                    }
                                    mark,
                                    ins {
                                        background: #fff9c0;
                                        text-decoration: none;
                                    }
                                    big {
                                        font-size: 125%;
                                    }
                                    /* Elements
--------------------------------------------- */
                                    body {
                                        background: #fff;
                                    }
                                    hr {
                                        background-color: #ccc;
                                        border: 0;
                                        height: 1px;
                                        margin-bottom: 1.5em;
                                    }
                                    ul,
                                    ol {
                                        margin: 0 0 1.5em 3em;
                                    }
                                    ul {
                                        list-style: disc;
                                    }
                                    ol {
                                        list-style: decimal;
                                    }
                                    li>ul,
                                    li>ol {
                                        margin-bottom: 0;
                                        margin-left: 1.5em;
                                    }
                                    dt {
                                        font-weight: 700;
                                    }
                                    dd {
                                        margin: 0 1.5em 1.5em;
                                    }
                                    /* Make sure embeds and iframes fit their containers. */
                                    embed,
                                    iframe,
                                    object {
                                        max-width: 100%;
                                    }
                                    img {
                                        height: auto;
                                        max-width: 100%;
                                    }
                                    figure {
                                        margin: 1em 0;
                                    }
                                    table {
                                        margin: 0 0 1.5em;
                                        width: 100%;
                                    }
                                    /* Links
--------------------------------------------- */
                                    a {
                                        color: #4169e1;
                                    }
                                    a:hover,
                                    a:focus,
                                    a:active {
                                        color: #191970;
                                    }
                                    a:focus {
                                        outline: thin dotted;
                                    }
                                    a:hover,
                                    a:active {
                                        outline: 0;
                                    }
                                    /* Forms
--------------------------------------------- */
                                    button,
                                    input[type="button"],
                                    input[type="reset"],
                                    input[type="submit"] {
                                        border: 1px solid;
                                        border-color: #ccc #ccc #bbb;
                                        border-radius: 3px;
                                        background: #e6e6e6;
                                        color: rgba(0, 0, 0, 0.8);
                                        line-height: 1;
                                        padding: 0.6em 1em 0.4em;
                                    }
                                    button:hover,
                                    input[type="button"]:hover,
                                    input[type="reset"]:hover,
                                    input[type="submit"]:hover {
                                        border-color: #ccc #bbb #aaa;
                                    }
                                    button:active,
                                    button:focus,
                                    input[type="button"]:active,
                                    input[type="button"]:focus,
                                    input[type="reset"]:active,
                                    input[type="reset"]:focus,
                                    input[type="submit"]:active,
                                    input[type="submit"]:focus {
                                        border-color: #aaa #bbb #bbb;
                                    }
                                    input[type="text"],
                                    input[type="email"],
                                    input[type="url"],
                                    input[type="password"],
                                    input[type="search"],
                                    input[type="number"],
                                    input[type="tel"],
                                    input[type="range"],
                                    input[type="date"],
                                    input[type="month"],
                                    input[type="week"],
                                    input[type="time"],
                                    input[type="datetime"],
                                    input[type="datetime-local"],
                                    input[type="color"],
                                    textarea {
                                        color: #666;
                                        border: 1px solid #ccc;
                                        border-radius: 3px;
                                        padding: 3px;
                                    }
                                    input[type="text"]:focus,
                                    input[type="email"]:focus,
                                    input[type="url"]:focus,
                                    input[type="password"]:focus,
                                    input[type="search"]:focus,
                                    input[type="number"]:focus,
                                    input[type="tel"]:focus,
                                    input[type="range"]:focus,
                                    input[type="date"]:focus,
                                    input[type="month"]:focus,
                                    input[type="week"]:focus,
                                    input[type="time"]:focus,
                                    input[type="datetime"]:focus,
                                    input[type="datetime-local"]:focus,
                                    input[type="color"]:focus,
                                    textarea:focus {
                                        color: #111;
                                    }
                                    select {
                                        border: 1px solid #ccc;
                                    }
                                    textarea {
                                        width: 100%;
                                    }
                                    /*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
                                    /*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
                                    /* Navigation
--------------------------------------------- */
                                    .main-navigation {
                                        display: block;
                                        width: 100%;
                                    }
                                    .main-navigation ul {
                                        display: none;
                                        list-style: none;
                                        margin: 0;
                                        padding-left: 0;
                                    }
                                    .main-navigation ul ul {
                                        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
                                        float: left;
                                        position: absolute;
                                        top: 100%;
                                        left: -999em;
                                        z-index: 99999;
                                    }
                                    .main-navigation ul ul ul {
                                        left: -999em;
                                        top: 0;
                                    }
                                    .main-navigation ul ul li:hover>ul,
                                    .main-navigation ul ul li.focus>ul {
                                        display: block;
                                        left: auto;
                                    }
                                    .main-navigation ul ul a {
                                        width: 200px;
                                    }
                                    .main-navigation ul li:hover>ul,
                                    .main-navigation ul li.focus>ul {
                                        left: auto;
                                    }
                                    .main-navigation li {
                                        position: relative;
                                    }
                                    .main-navigation a {
                                        display: block;
                                        text-decoration: none;
                                    }
                                    /* Small menu. */
                                    .menu-toggle,
                                    .main-navigation.toggled ul {
                                        display: block;
                                    }
                                    @media screen and (min-width: 37.5em) {
                                        .menu-toggle {
                                            display: none;
                                        }
                                        .main-navigation ul {
                                            display: flex;
                                        }
                                    }
                                    .site-main .comment-navigation,
                                    .site-main .posts-navigation,
                                    .site-main .post-navigation {
                                        margin: 0 0 1.5em;
                                    }
                                    .comment-navigation .nav-links,
                                    .posts-navigation .nav-links,
                                    .post-navigation .nav-links {
                                        display: flex;
                                    }
                                    .comment-navigation .nav-previous,
                                    .posts-navigation .nav-previous,
                                    .post-navigation .nav-previous {
                                        flex: 1 0 50%;
                                    }
                                    .comment-navigation .nav-next,
                                    .posts-navigation .nav-next,
                                    .post-navigation .nav-next {
                                        text-align: end;
                                        flex: 1 0 50%;
                                    }
                                    /* Posts and pages
--------------------------------------------- */
                                    .sticky {
                                        display: block;
                                    }
                                    .post,
                                    .page {
                                        margin: 0 0 1.5em;
                                    }
                                    .updated:not(.published) {
                                        display: none;
                                    }
                                    .page-content,
                                    .entry-content,
                                    .entry-summary {
                                        margin: 1.5em 0 0;
                                    }
                                    .page-links {
                                        clear: both;
                                        margin: 0 0 1.5em;
                                    }
                                    /* Comments
--------------------------------------------- */
                                    .comment-content a {
                                        word-wrap: break-word;
                                    }
                                    .bypostauthor {
                                        display: block;
                                    }
                                    /* Widgets
--------------------------------------------- */
                                    .widget {
                                        margin: 0 0 1.5em;
                                    }
                                    .widget select {
                                        max-width: 100%;
                                    }
                                    /* Media
--------------------------------------------- */
                                    .page-content .wp-smiley,
                                    .entry-content .wp-smiley,
                                    .comment-content .wp-smiley {
                                        border: none;
                                        margin-bottom: 0;
                                        margin-top: 0;
                                        padding: 0;
                                    }
                                    /* Make sure logo link wraps around logo image. */
                                    .custom-logo-link {
                                        display: inline-block;
                                    }
                                    /* Captions
--------------------------------------------- */
                                    .wp-caption {
                                        margin-bottom: 1.5em;
                                        max-width: 100%;
                                    }
                                    .wp-caption img[class*="wp-image-"] {
                                        display: block;
                                        margin-left: auto;
                                        margin-right: auto;
                                    }
                                    .wp-caption .wp-caption-text {
                                        margin: 0.8075em 0;
                                    }
                                    .wp-caption-text {
                                        text-align: center;
                                    }
                                    /* Galleries
--------------------------------------------- */
                                    .gallery {
                                        margin-bottom: 1.5em;
                                        display: grid;
                                        grid-gap: 1.5em;
                                    }
                                    .gallery-item {
                                        display: inline-block;
                                        text-align: center;
                                        width: 100%;
                                    }
                                    .gallery-columns-2 {
                                        grid-template-columns: repeat(2, 1fr);
                                    }
                                    .gallery-columns-3 {
                                        grid-template-columns: repeat(3, 1fr);
                                    }
                                    .gallery-columns-4 {
                                        grid-template-columns: repeat(4, 1fr);
                                    }
                                    .gallery-columns-5 {
                                        grid-template-columns: repeat(5, 1fr);
                                    }
                                    .gallery-columns-6 {
                                        grid-template-columns: repeat(6, 1fr);
                                    }
                                    .gallery-columns-7 {
                                        grid-template-columns: repeat(7, 1fr);
                                    }
                                    .gallery-columns-8 {
                                        grid-template-columns: repeat(8, 1fr);
                                    }
                                    .gallery-columns-9 {
                                        grid-template-columns: repeat(9, 1fr);
                                    }
                                    .gallery-caption {
                                        display: block;
                                    }
                                    /*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
                                    /* Jetpack infinite scroll
--------------------------------------------- */
                                    /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
                                    .infinite-scroll .posts-navigation,
                                    .infinite-scroll.neverending .site-footer {
                                        display: none;
                                    }
                                    /* Re-display the Theme Footer when Infinite Scroll has reached its end. */
                                    .infinity-end.neverending .site-footer {
                                        display: block;
                                    }
                                    /*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
                                    /* Accessibility
--------------------------------------------- */
                                    /* Text meant only for screen readers. */
                                    .screen-reader-text {
                                        border: 0;
                                        clip: rect(1px, 1px, 1px, 1px);
                                        clip-path: inset(50%);
                                        height: 1px;
                                        margin: -1px;
                                        overflow: hidden;
                                        padding: 0;
                                        position: absolute !important;
                                        width: 1px;
                                        word-wrap: normal !important;
                                    }
                                    .screen-reader-text:focus {
                                        background-color: #f1f1f1;
                                        border-radius: 3px;
                                        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
                                        clip: auto !important;
                                        clip-path: none;
                                        color: #21759b;
                                        display: block;
                                        font-size: 0.875rem;
                                        font-weight: 700;
                                        height: auto;
                                        left: 5px;
                                        line-height: normal;
                                        padding: 15px 23px 14px;
                                        text-decoration: none;
                                        top: 5px;
                                        width: auto;
                                        z-index: 100000;
                                    }
                                    /* Do not show the outline on the skip link target. */
                                    #primary[tabindex="-1"]:focus {
                                        outline: 0;
                                    }
                                    /* Sticky Header Styles */
                                    .altahub-header.is-sticky {
                                        background: #fff !important;
                                        box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
                                        transition: background 0.2s, box-shadow 0.2s;
                                    }
                                    .altahub-header.is-sticky .altahub-header__menu li a {
                                        color: #222 !important;
                                        transition: color 0.2s;
                                    }
                                    .altahub-header.is-sticky .altahub-header__menu li a:hover {
                                        color: #60d13c !important;
                                    }
                                    .altahub-header.is-sticky .altahub-header__btn,
                                    .altahub-header.is-sticky .altahub-header__btn--contact {
                                        background: #222 !important;
                                        color: #fff !important;
                                        border: none;
                                        transition: background 0.2s, color 0.2s;
                                    }
                                    .altahub-header.is-sticky .altahub-header__btn--contact:hover {
                                        background: #111 !important;
                                        color: #fff !important;
                                    }
                                    /* Alignments
--------------------------------------------- */
                                    .alignleft {
                                        /*rtl:ignore*/
                                        float: left;
                                        /*rtl:ignore*/
                                        margin-right: 1.5em;
                                        /*rtl:ignore*/
                                        margin-bottom: 1.5em;
                                    }
                                    .alignright {
                                        /*rtl:ignore*/
                                        float: right;
                                        /*rtl:ignore*/
                                        margin-left: 1.5em;
                                        /*rtl:ignore*/
                                        margin-bottom: 1.5em;
                                    }
                                    .aligncenter {
                                        clear: both;
                                        display: block;
                                        margin-left: auto;
                                        margin-right: auto;
                                        margin-bottom: 1.5em;
                                    }
                                    /* --- Section full width gray background, floating cards, centered grid --- */
                                    .businesses-specializing-outer-container {
                                        position: relative;
                                    }
                                    .businesses-specializing-outer-bg {
                                        background-color: #f0f0f0;
                                        padding: 50px 0 140px 0;
                                    }
                                    .businesses-specializing-header-row {
                                        display: flex;
                                        justify-content: space-between;
                                        align-items: center;
                                        margin-bottom: 60px;
                                    }
                                    .businesses-specializing-title-h2 {
                                        font-family: 'League Spartan', sans-serif;
                                        font-weight: 400;
                                        font-size: 3.7rem;
                                        line-height: 0.8;
                                        letter-spacing: -0.05em;
                                        color: #333;
                                    }
                                    .businesses-specializing-metrics {
                                        display: flex;
                                        align-items: center;
                                    }
                                    .businesses-specializing-divider {
                                        width: 1px;
                                        height: 30px;
                                        background-color: #ccc;
                                        margin: 0 30px;
                                    }
                                    .stat {
                                        text-align: left;
                                        display: flex;
                                        align-items: center;
                                    }
                                    .stat-value {
                                        font-family: 'League Spartan', sans-serif;
                                        font-weight: 400;
                                        font-size: 2.2rem;
                                        line-height: 0.8;
                                        letter-spacing: -0.05em;
                                        text-align: right;
                                        color: #138c2e;
                                        margin-right: 8px;
                                    }
                                    .stat-label {
                                        font-family: 'League Spartan', sans-serif;
                                        font-weight: 300;
                                        font-size: 0.7rem;
                                        line-height: 0.8;
                                        letter-spacing: -0.05em;
                                        vertical-align: bottom;
                                        color: #777;
                                        display: block;
                                    }
                                    .businesses-specializing-content-container {
                                        position: relative;
                                        margin-top: -140px;
                                        margin-bottom: 60px;
                                        z-index: 10;
                                    }
                                    .businesses-specializing-grid {
                                        display: grid;
                                        grid-template-columns: repeat(4, 1fr);
                                        gap: 17px;
                                    }
                                    .businesses-specializing-box {
                                        overflow: hidden;
                                        display: block;
                                        border-radius: 0;
                                        border-top-right-radius: 18px;
                                        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10);
                                        background: #fff;
                                        margin-top: 0;
                                        height: 270px;
                                        border-left: 6px solid #4caf50;
                                        /* default, overridden inline */
                                    }
                                    .businesses-specializing-box-top {
                                        height: 140px;
                                        position: relative;
                                        background: #222;
                                        overflow: hidden;
                                        border-top-right-radius: 18px;
                                    }
                                    .businesses-specializing-box-img {
                                        position: absolute;
                                        width: 100%;
                                        height: 100%;
                                        object-fit: cover;
                                        top: 0;
                                        left: 0;
                                        z-index: 1;
                                    }
                                    .businesses-specializing-box-overlay {
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        right: 0;
                                        bottom: 0;
                                        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7));
                                        z-index: 2;
                                    }
                                    .businesses-specializing-box-title {
                                        position: absolute;
                                        top: 50%;
                                        left: 50%;
                                        transform: translate(-50%, -50%);
                                        color: #fff;
                                        font-size: 1.8rem;
                                        font-weight: 600;
                                        text-align: center;
                                        z-index: 3;
                                        width: 80%;
                                        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
                                        font-family: 'League Spartan', sans-serif;
                                    }
                                    .businesses-specializing-box-bottom {
                                        padding: 16px 20px;
                                        background: #fff;
                                    }
                                    .businesses-specializing-box-desc {
                                        font-family: 'League Spartan', sans-serif;
                                        font-weight: 300;
                                        font-size: 13px;
                                        line-height: 1.2;
                                        letter-spacing: 0;
                                        color: #333;
                                        height: 110px;
                                        overflow: hidden;
                                    }
                                    .businesses-specializing-box--empty {
                                        background: #f5f5f5;
                                        border: 1px dashed #ddd;
                                        border-radius: 0;
                                        border-top-right-radius: 18px;
                                        height: 270px;
                                        margin-top: 0;
                                    }
                                    .businesses-specializing-box-top-empty {
                                        height: 140px;
                                        background: #eaeaea;
                                        border-top-right-radius: 18px;
                                    }
                                    .businesses-specializing-box-bottom-empty {
                                        height: 130px;
                                        background: #f9f9f9;
                                    }
                                    @media (max-width: 1200px) {
                                        .businesses-specializing-grid {
                                            grid-template-columns: repeat(2, 1fr);
                                        }
                                    }
                                    @media (max-width: 700px) {
                                        .businesses-specializing-grid {
                                            grid-template-columns: 1fr;
                                        }
                                        .businesses-specializing-title-h2 {
                                            font-size: 2rem;
                                        }
                                        .businesses-specializing-box-title {
                                            font-size: 1.2rem;
                                        }
                                        .businesses-specializing-header-row {
                                            flex-direction: column;
                                            gap: 1rem;
                                            align-items: flex-start;
                                        }
                                        .businesses-specializing-metrics {
                                            flex-direction: column;
                                            gap: 0.5rem;
                                            align-items: flex-start;
                                        }
                                        .businesses-specializing-content-container {
                                            margin-top: -60px;
                                            margin-bottom: 30px;
                                        }
                                    }
                                    /* SOFTWARE-SERVICES section styles */
                                    .software-services-section {
                                        margin: 0 !important;
                                        padding: 0 0 48px 0 !important;
                                        overflow: visible !important;
                                    }
                                    .software-services-title {
                                        text-align: left;
                                    }
                                    .software-services-title h2 {
                                        margin-right: 260px;
                                        display: inline-block;
                                    }
                                    .software-services-title p {
                                        color: #333;
                                        margin-bottom: 1.5em;
                                    }
                                    .software-services-grid {
                                        display: flex;
                                        flex-wrap: wrap;
                                        gap: 20px;
                                        justify-content: flex-start;
                                    }
                                    .software-service-box {
                                        background: #fff;
                                        border: 1px solid #e0e0e0;
                                        border-radius: 8px;
                                        padding: 20px 16px;
                                        min-width: 180px;
                                        flex: 1 1 200px;
                                        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
                                        font-size: 1.1rem;
                                        color: #217346;
                                        text-align: center;
                                    }
                                    /* SOFTWARE-SERVICES section advanced styles */
                                    .software-services-groups-grid {
                                        display: grid;
                                        grid-template-columns: repeat(4, 1fr);
                                        gap: 32px;
                                        margin-top: 32px;
                                    }
                                    .ss-group {
                                        background: #fff;
                                        border-radius: 12px;
                                        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
                                        display: flex;
                                        flex-direction: column;
                                        min-width: 0;
                                    }
                                    .ss-group-header {
                                        font-weight: 700;
                                        font-size: 1.1rem;
                                        padding: 12px 0;
                                        text-align: center;
                                        border-radius: 12px 12px 0 0;
                                        letter-spacing: 1px;
                                        margin-bottom: 0;
                                    }
                                    .ss-group-header.claims {
                                        background: #b6e24b;
                                        color: #222;
                                        margin-right: 260px;
                                        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
                                    }
                                    .ss-group-header.adas {
                                        background: #0d4c2b;
                                        color: #fff;
                                    }
                                    .ss-group-header.pdr {
                                        background: #5fc3a5;
                                        color: #fff;
                                    }
                                    .ss-group-header.glass {
                                        background: #4caf50;
                                        color: #fff;
                                    }
                                    .ss-features {
                                        display: flex;
                                        flex-direction: column;
                                        gap: 10px;
                                        padding: 18px 14px 18px 14px;
                                    }
                                    .ss-feature {
                                        background: #f8f9fa;
                                        border: 1px solid #e0e0e0;
                                        border-radius: 7px;
                                        padding: 12px 8px;
                                        font-size: 1rem;
                                        color: #222;
                                        text-align: center;
                                        margin-bottom: 0;
                                    }
                                    @media (max-width: 1100px) {
                                        .software-services-groups-grid {
                                            grid-template-columns: repeat(2, 1fr);
                                        }
                                    }
                                    @media (max-width: 700px) {
                                        .software-services-groups-grid {
                                            grid-template-columns: 1fr;
                                        }
                                    }
                                    .software-services-section-title-box {
                                        width: calc(100% - 260px);
                                        margin-right: 0;
                                        margin-left: 0;
                                        background: #F5F4F4;
                                        color: #10773A;
                                        padding: 150px 657px 28px 256px;
                                        border-radius: 0 19.8px 0 0;
                                        margin-top: 16px;
                                        display: block;
                                        box-shadow: none;
                                    }
                                    .software-services-section-title-box h2 {
                                        color: #10773A;
                                        margin: 0;
                                        font-feature-settings: 'liga' off, 'clig' off;
                                        font-family: 'League Spartan', Arial, sans-serif;
                                        font-size: 53.509px;
                                        font-style: normal;
                                        font-weight: 400;
                                        line-height: 80%;
                                        letter-spacing: -1.605px;
                                    }
                                    .software-services-masonry-table {
                                        display: grid !important;
                                        grid-template-columns: 254px 187px 170px 173px 203px 203px !important;
                                        grid-template-rows: 40px 98px 98px 98px 40px 98px !important;
                                        column-gap: 14px !important;
                                        row-gap: 14px !important;
                                        align-items: end !important;
                                        justify-items: stretch !important;
                                    }
                                    /* Header grid placement */
                                    .ss-masonry-header-claims {
                                        grid-column: 1 / span 2;
                                        grid-row: 1;
                                    }
                                    .ss-masonry-header-adas {
                                        grid-column: 3 / span 3;
                                        grid-row: 1;
                                    }
                                    .ss-masonry-header-pdr {
                                        grid-column: 6;
                                        grid-row: 1;
                                    }
                                    .ss-masonry-header-glass {
                                        grid-column: 1 / span 6;
                                        grid-row: 5;
                                    }
                                    /*!
Theme Name: AltaHub
Theme URI: http://underscores.me/
Author: Alen Hovhannisians
Author URI: https://alenfromrobi.site/
Description: Crafted custom theme for AltaHub
Version: 2.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: altahub
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
                                    /*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
--------------------------------------------------------------*/
                                    @import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;600;700&display=swap');
                                    html,
                                    body {
                                        font-family: 'League Spartan', Arial, sans-serif !important;
                                        overflow-x: hidden;
                                    }
                                    /*--------------------------------------------------------------
# AltaHub Header Custom Styles
--------------------------------------------------------------*/
                                    /*--------------------------------------------------------------
# AltaHub Footer Custom Styles
--------------------------------------------------------------*/
                                    .businesses-specializing {
                                        background: #fff;
                                        padding: 40px 0;
                                    }
                                    .businesses-specializing .container {
                                        max-width: 1400px;
                                        margin: 0 auto;
                                        padding: 0 24px;
                                    }
                                    .businesses-specializing-row {
                                        display: flex;
                                        align-items: center;
                                        /*!
Theme Name: AltaHub
Theme URI: http://underscores.me/
Author: Alen Hovhannisians
Author URI: https://alenfromrobi.site/
Description: Crafted custom theme for AltaHub
Version: 2.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: altahub
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
                                        /*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
--------------------------------------------------------------*/
                                        @import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;600;700&display=swap');
                                        html,
                                        body {
                                            font-family: 'League Spartan', Arial, sans-serif !important;
                                            overflow-x: hidden;
                                        }
                                        /*--------------------------------------------------------------
# AltaHub Header Custom Styles
--------------------------------------------------------------*/
                                        /*--------------------------------------------------------------
# AltaHub Footer Custom Styles
--------------------------------------------------------------*/
                                        .businesses-specializing {
                                            background: #fff;
                                            padding: 0;
                                        }
                                        .businesses-specializing-row {
                                            display: flex;
                                            align-items: center;
                                            max-width: 1400px;
                                            margin: 0 auto;
                                            gap: 48px;
                                            padding: 0 24px;
                                        }
                                        .businesses-specializing-col--left {
                                            flex: 0 0 340px;
                                            display: flex;
                                            flex-direction: column;
                                            align-items: flex-start;
                                            justify-content: center;
                                            height: 100%;
                                            min-width: 260px;
                                        }
                                        .businesses-specializing-title {
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-size: 2.8rem;
                                            font-weight: 700;
                                            line-height: 1.05;
                                            color: #191919;
                                            margin: 0 0 32px 0;
                                            text-align: left;
                                        }
                                        .businesses-specializing-metrics {
                                            display: flex;
                                            gap: 32px;
                                            margin-top: 12px;
                                        }
                                        .stat {
                                            display: flex;
                                            flex-direction: column;
                                            align-items: flex-start;
                                        }
                                        .stat-value {
                                            font-size: 2rem;
                                            color: #4caf50;
                                            font-weight: bold;
                                            line-height: 1;
                                        }
                                        .stat-label {
                                            font-size: 1rem;
                                            color: #888;
                                            margin-top: 2px;
                                        }
                                        .businesses-specializing-card {
                                            max-width: 1200px;
                                            margin: 0 auto;
                                            background: #fff;
                                            border-radius: 24px;
                                            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
                                            overflow: visible;
                                            padding: 40px 24px;
                                            box-sizing: border-box;
                                        }
                                        .businesses-specializing-grid {
                                            display: grid;
                                            grid-template-columns: repeat(4, 1fr);
                                            gap: 32px;
                                            max-width: 1200px;
                                            width: 100%;
                                        }
                                        .businesses-specializing-grid .business-box {
                                            display: flex;
                                            flex-direction: column;
                                            aspect-ratio: 9/16;
                                            width: 100%;
                                            border-radius: 18px;
                                            overflow: hidden;
                                            border-left: 6px solid var(--card-color, #4caf50);
                                            background: #fff;
                                            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.10);
                                            position: relative;
                                            transition: box-shadow 0.2s, transform 0.2s;
                                        }
                                        .businesses-specializing-grid .business-box-top {
                                            height: 55%;
                                            min-height: 0;
                                            position: relative;
                                            width: 100%;
                                            overflow: hidden;
                                            border-top-left-radius: 18px;
                                            border-top-right-radius: 18px;
                                            background: #222;
                                            display: flex;
                                            align-items: stretch;
                                            justify-content: stretch;
                                        }
                                        .businesses-specializing-grid .business-box-img {
                                            width: 100%;
                                            height: 100%;
                                            object-fit: cover;
                                            display: block;
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            right: 0;
                                            bottom: 0;
                                            z-index: 0;
                                            border: none !important;
                                        }
                                        .businesses-specializing-grid .business-box-overlay {
                                            position: absolute;
                                            inset: 0;
                                            background: rgba(34, 34, 34, 0.33);
                                            z-index: 1;
                                        }
                                        .businesses-specializing-grid .business-box-title {
                                            position: absolute;
                                            top: 50%;
                                            left: 50%;
                                            transform: translate(-50%, -50%);
                                            color: #fff;
                                            font-size: 2rem;
                                            font-weight: 700;
                                            text-align: center;
                                            z-index: 2;
                                            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                                            width: 90%;
                                            pointer-events: none;
                                        }
                                        .businesses-specializing-grid .business-box-bottom {
                                            flex: 1 1 0;
                                            min-height: 0;
                                            padding: 20px;
                                            background: #fff;
                                            display: flex;
                                            align-items: flex-start;
                                            border-bottom-left-radius: 18px;
                                            border-bottom-right-radius: 18px;
                                        }
                                        .businesses-specializing-grid .business-box-desc {
                                            color: #444;
                                            font-size: 1rem;
                                            line-height: 1.5;
                                        }
                                        .businesses-specializing-grid .business-box--empty {
                                            background: #f5f5f5;
                                            border: 2px dashed #ddd;
                                            border-left: 6px solid #ddd;
                                            border-radius: 18px;
                                        }
                                        @media (max-width: 1200px) {
                                            .businesses-specializing-grid {
                                                grid-template-columns: repeat(2, 1fr);
                                                gap: 24px;
                                            }
                                        }
                                        @media (max-width: 700px) {
                                            .businesses-specializing-grid {
                                                grid-template-columns: 1fr;
                                                gap: 20px;
                                            }
                                            .businesses-specializing-grid .business-box-title {
                                                font-size: 1.5rem;
                                            }
                                        }
                                        body {
                                            background: #fff;
                                        }
                                        .businesses-specializing-card,
                                        .businesses-specializing-card>.container {
                                            overflow: visible !important;
                                        }
                                        .businesses-specializing-card>.container {
                                            width: 100%;
                                            max-width: 100%;
                                            padding: 0;
                                            margin: 0;
                                        }
                                        /* DO NOT REMOVE OR CHANGE THE SIZE BELOW UNLESS USER EXPLICITLY REQUESTS */
                                        .business-box {
                                            position: relative !important;
                                            overflow: visible !important;
                                            border: none !important;
                                            border-radius: 0 !important;
                                            transition: box-shadow 0.18s, transform 0.18s !important;
                                            background-size: cover !important;
                                            background-position: center !important;
                                            background-repeat: no-repeat !important;
                                            background-color: #222 !important;
                                            cursor: pointer !important;
                                            box-shadow: none !important;
                                            width: 350px !important;
                                            height: 205px !important;
                                            min-width: 0 !important;
                                            min-height: 0 !important;
                                        }
                                        .business-box--empty {
                                            min-height: 260px !important;
                                        }
                                        /* Fallback for aspect-ratio in older browsers */
                                        .business-box::before {
                                            content: "";
                                            display: block;
                                            padding-top: 56.25% !important;
                                            /* 16:9 ratio */
                                            float: left;
                                            height: 0 !important;
                                        }
                                        /* Fallback for aspect-ratio in older browsers */
                                        .business-box::before {
                                            content: "";
                                            display: block;
                                            padding-top: 56.25%;
                                            /* 16:9 ratio */
                                            float: left;
                                            height: 0;
                                        }
                                        .business-box>*:not(:first-child) {
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            right: 0;
                                            bottom: 0;
                                        }
                                        .business-box-bar {
                                            position: absolute;
                                            left: 0;
                                            top: 0;
                                            bottom: 0;
                                            width: 12px;
                                            z-index: 2;
                                            border-radius: 0;
                                        }
                                        /* stays at z-index 2 */
                                        .business-box-overlay {
                                            position: absolute;
                                            inset: 0;
                                            background: rgba(30, 34, 37, 0.50);
                                            z-index: 1;
                                        }
                                        .business-box-title {
                                            position: absolute !important;
                                            top: 50% !important;
                                            left: 50% !important;
                                            bottom: 50% !important;
                                            transform: translate(-50%, -50%) !important;
                                            color: #EEE !important;
                                            text-align: center !important;
                                            font-size: 35px !important;
                                            font-style: normal !important;
                                            font-weight: 400 !important;
                                            z-index: 20 !important;
                                            width: 100% !important;
                                            padding: 0 !important;
                                            background: none !important;
                                            box-sizing: border-box !important;
                                        }
                                        /* Fallback for aspect-ratio in older browsers */
                                        .business-box::before {
                                            content: "";
                                            display: block;
                                            padding-top: 56.25%;
                                            /* 9/16*100 */
                                            float: left;
                                            height: 0;
                                        }
                                        .business-box>*:not(:first-child) {
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            right: 0;
                                            bottom: 0;
                                        }
                                        .businesses-specializing {
                                            background: none;
                                            box-shadow: none;
                                            border-radius: 0;
                                            padding: 0;
                                            margin: 0;
                                            width: 100%;
                                        }
                                        .businesses-specializing .container {
                                            display: flex;
                                            flex-direction: row;
                                            gap: 2.2rem;
                                            align-items: center;
                                            padding: 0;
                                            width: 100%;
                                            box-sizing: border-box;
                                        }
                                        .businesses-specializing-left {
                                            flex: 1;
                                            min-width: 200px;
                                            max-width: 260px;
                                            display: flex;
                                            flex-direction: column;
                                            justify-content: center;
                                            align-items: flex-start;
                                            text-align: left;
                                            gap: 0.7rem;
                                        }
                                        .businesses-specializing-left h2 {
                                            font-size: 2.05rem;
                                            font-weight: 800;
                                            margin-bottom: 0.5rem;
                                            color: #232323;
                                            line-height: 1.08;
                                            letter-spacing: -0.5px;
                                        }
                                        .businesses-specializing-left p {
                                            color: #888;
                                            font-size: 0.93rem;
                                            line-height: 1.5;
                                            font-weight: 400;
                                            margin: 0;
                                        }
                                        .businesses-specializing-left h2 {
                                            font-size: 2.4rem;
                                            font-weight: 800;
                                            margin-bottom: 1.1rem;
                                            color: #232323;
                                            line-height: 1.08;
                                            letter-spacing: -0.5px;
                                        }
                                        .businesses-specializing-left p {
                                            color: #888;
                                            font-size: 1.05rem;
                                            line-height: 1.7;
                                            font-weight: 400;
                                        }
                                        .businesses-specializing-grid {
                                            flex: 2 1 0;
                                            display: grid;
                                            grid-template-columns: 1fr 1fr;
                                            gap: 1.1rem;
                                            width: 100%;
                                            min-width: 0;
                                            max-width: 100%;
                                            align-items: stretch;
                                            justify-items: stretch;
                                        }
                                        .business-box {
                                            position: relative;
                                            overflow: hidden;
                                            border: 2px solid #7ed957;
                                            /* Default, override with inline style */
                                            background: #fff;
                                            width: 100%;
                                            min-width: 0;
                                            min-height: 0;
                                            padding-top: 56.25%;
                                            /* 16:9 aspect ratio */
                                            display: block;
                                            box-shadow: none;
                                            border-radius: 0;
                                            transition: border-color 0.18s;
                                        }
                                        .business-box img {
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            width: 100%;
                                            height: 100%;
                                            object-fit: cover;
                                            z-index: 1;
                                        }
                                        .business-box-overlay {
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            width: 100%;
                                            height: 100%;
                                            background: rgba(34, 34, 34, 0.33);
                                            z-index: 2;
                                        }
                                        .business-box-title {
                                            position: absolute;
                                            top: 50%;
                                            left: 50%;
                                            transform: translate(-50%, -50%);
                                            color: #fff;
                                            font-size: 2rem;
                                            font-weight: 700;
                                            text-align: center;
                                            z-index: 3;
                                            letter-spacing: 0.01em;
                                            line-height: 1.1;
                                            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                                            width: 90%;
                                            pointer-events: none;
                                        }
                                        .business-box--empty {
                                            background: #ededed;
                                            border: 2px dashed #dadada;
                                            box-shadow: none;
                                            position: relative;
                                        }
                                        .business-box--empty>* {
                                            display: none !important;
                                        }
                                        .business-box img {
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            width: 100%;
                                            height: 100%;
                                            object-fit: cover;
                                            z-index: 1;
                                        }
                                        .business-box .business-box-overlay {
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            width: 100%;
                                            height: 100%;
                                            background: rgba(34, 34, 34, 0.45);
                                            z-index: 2;
                                        }
                                        .business-box .business-box-title {
                                            position: absolute;
                                            left: 0;
                                            right: 0;
                                            top: 50%;
                                            transform: translateY(-50%);
                                            color: #fff;
                                            font-size: 2.1rem;
                                            font-weight: 700;
                                            text-align: center;
                                            z-index: 3;
                                            letter-spacing: 0.01em;
                                            line-height: 1.1;
                                            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                                        }
                                        .business-box--empty {
                                            background: #ededed;
                                            border: 2px dashed #dadada;
                                            border-left: 6px solid #ededed;
                                            box-shadow: none;
                                            position: relative;
                                        }
                                        .business-box--empty>* {
                                            display: none !important;
                                        }
                                        .business-box {
                                            position: relative;
                                            overflow: hidden;
                                            border-radius: 14px;
                                            transition: box-shadow 0.18s, transform 0.18s;
                                            background: #fff;
                                            cursor: pointer;
                                            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
                                            display: flex;
                                            flex-direction: column;
                                            justify-content: flex-end;
                                            aspect-ratio: 16/9;
                                            min-height: 0;
                                            min-width: 0;
                                        }
                                        .business-box img {
                                            width: 100%;
                                            height: 100%;
                                            object-fit: cover;
                                            display: block;
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            right: 0;
                                            bottom: 0;
                                        }
                                        @media (max-width: 900px) {
                                            .businesses-specializing-card {
                                                padding: 18px 4vw;
                                            }
                                            .businesses-specializing .container {
                                                flex-direction: column;
                                                gap: 1.5rem;
                                                align-items: stretch;
                                            }
                                            .businesses-specializing-grid {
                                                width: 100%;
                                                min-width: 0;
                                                max-width: 100%;
                                                height: auto;
                                                grid-template-columns: 1fr;
                                                grid-template-rows: repeat(4, 1fr);
                                            }
                                            .businesses-specializing-left {
                                                max-width: 100%;
                                                min-width: 0;
                                                align-items: flex-start;
                                            }
                                        }
                                        .business-box {
                                            position: relative;
                                            overflow: hidden;
                                            border-radius: 14px;
                                            transition: box-shadow 0.18s, transform 0.18s;
                                            min-height: 210px;
                                            aspect-ratio: 1/1;
                                            background: #fff;
                                            cursor: pointer;
                                            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
                                            display: flex;
                                            flex-direction: column;
                                            justify-content: flex-end;
                                        }
                                        .business-box:hover {
                                            box-shadow: 0 6px 24px rgba(0, 0, 0, 0.14);
                                            transform: translateY(-3px) scale(1.03);
                                        }
                                        .business-box img {
                                            width: 100%;
                                            height: 100%;
                                            object-fit: cover;
                                            display: block;
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            right: 0;
                                            bottom: 0;
                                        }
                                        .business-box-overlay {
                                            position: absolute;
                                            inset: 0;
                                            background: rgba(0, 0, 0, 0.28);
                                            display: flex;
                                            align-items: flex-end;
                                            justify-content: flex-start;
                                            padding: 1.5rem;
                                        }
                                        .business-box--empty {
                                            background: #eaeaea;
                                            border: 2px dashed #d0d0d0 !important;
                                        }
                                        .business-box-overlay span {
                                            color: #fff;
                                            font-size: 1.3rem;
                                            font-weight: 700;
                                            letter-spacing: 0.01em;
                                            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
                                        }
                                        @media (max-width: 900px) {
                                            .businesses-specializing .container {
                                                flex-direction: column;
                                                gap: 2rem;
                                                padding: 0 1rem;
                                            }
                                            .businesses-specializing-grid {
                                                grid-template-columns: 1fr;
                                            }
                                            .businesses-specializing-left {
                                                align-items: flex-start;
                                                text-align: left;
                                            }
                                        }
                                        .business-box-overlay span {
                                            color: #fff;
                                            font-size: 1.6rem;
                                            font-weight: 600;
                                            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
                                            letter-spacing: 0.04em;
                                        }
                                        @media (max-width: 900px) {
                                            .businesses-specializing .container {
                                                flex-direction: column;
                                                gap: 1.5rem;
                                            }
                                            .businesses-specializing-grid {
                                                grid-template-columns: 1fr;
                                            }
                                        }
                                        .custom-footer {
                                            background: #137b43;
                                            color: #fff;
                                            padding: 36px 0 54px 0;
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            border-top: none;
                                        }
                                        .footer-container {
                                            display: flex;
                                            justify-content: flex-start;
                                            align-items: flex-start;
                                            max-width: 1200px;
                                            margin: 0 auto;
                                            gap: 60px;
                                            padding: 0 40px;
                                        }
                                        .footer-col {
                                            flex: 1 1 0;
                                            min-width: 180px;
                                            margin-bottom: 24px;
                                        }
                                        .footer-brand {
                                            min-width: 220px;
                                        }
                                        .footer-logo-social {
                                            display: flex;
                                            flex-direction: column;
                                            gap: 34px;
                                        }
                                        .footer-logo {
                                            text-align: left;
                                        }
                                        .footer-logo img {
                                            height: 40px;
                                            width: auto;
                                            max-width: 162px;
                                            max-height: 70px;
                                            object-fit: cover;
                                        }
                                        .footer-social {
                                            display: flex;
                                            gap: 23px;
                                            margin-top: 32px;
                                        }
                                        .footer-social-icon {
                                            display: inline-flex;
                                            align-items: center;
                                            justify-content: center;
                                            background: none;
                                            border: none;
                                            width: 32px;
                                            height: 32px;
                                            border-radius: 6px;
                                            transition: background 0.2s;
                                            text-decoration: none;
                                        }
                                        .footer-social-icon:hover {
                                            background: rgba(255, 255, 255, 0.13);
                                        }
                                        .footer-heading {
                                            font-weight: 600;
                                            font-size: 16px;
                                            margin-bottom: 18px;
                                        }
                                        .footer-col ul {
                                            list-style: none;
                                            padding: 0;
                                            margin: 0;
                                        }
                                        .footer-col ul li {
                                            font-size: 15px;
                                            margin-bottom: 10px;
                                            color: #fff;
                                            opacity: 0.95;
                                        }
                                        .footer-col ul li a {
                                            color: #fff;
                                            text-decoration: none;
                                            opacity: 0.95;
                                            transition: opacity 0.2s, color 0.2s;
                                            font-size: 15px;
                                            display: inline-block;
                                        }
                                        .footer-col ul li a:hover,
                                        .footer-col ul li a:focus {
                                            opacity: 1;
                                            color: #e0ffe2;
                                            text-decoration: underline;
                                        }
                                        @media (max-width: 900px) {
                                            .footer-container {
                                                flex-wrap: wrap;
                                                gap: 32px;
                                                padding: 0 16px;
                                            }
                                            .footer-col {
                                                min-width: 140px;
                                            }
                                            .footer-brand {
                                                min-width: 160px;
                                            }
                                        }
                                        @media (max-width: 600px) {
                                            .footer-container {
                                                flex-direction: column;
                                                gap: 12px;
                                                padding: 0 10px;
                                            }
                                            .footer-col,
                                            .footer-brand {
                                                min-width: 0;
                                                width: 100%;
                                            }
                                            .footer-logo-social {
                                                flex-direction: row;
                                                gap: 16px;
                                                align-items: center;
                                            }
                                            .footer-social {
                                                margin-top: 0;
                                            }
                                        }
                                        /*--------------------------------------------------------------
# AltaHub Hero Section
--------------------------------------------------------------*/
                                        .altahub-hero {
                                            position: relative;
                                            width: 100%;
                                            min-height: 560px;
                                            overflow: hidden;
                                        }
                                        .altahub-hero__bg {
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            right: 0;
                                            bottom: 0;
                                            width: 100%;
                                            height: 100%;
                                            z-index: 1;
                                            background-size: cover;
                                            background-position: center center;
                                            opacity: 1;
                                        }
                                        .altahub-hero__shadow {
                                            position: absolute;
                                            right: 0;
                                            top: 0;
                                            width: 1028px;
                                            height: 835px;
                                            background: rgba(36, 38, 37, 0.45);
                                            filter: blur(47.4px);
                                            z-index: 2;
                                            pointer-events: none;
                                        }
                                        .altahub-hero__content {
                                            position: absolute;
                                            right: 0;
                                            top: 50%;
                                            transform: translateY(-50%);
                                            z-index: 3;
                                            max-width: 540px;
                                            margin: 0 7vw 0 0;
                                            color: #fff;
                                            padding: 0;
                                            display: flex;
                                            flex-direction: column;
                                            align-items: flex-end;
                                            justify-content: center;
                                            min-height: 400px;
                                            text-align: right;
                                        }
                                        .altahub-hero__content--block {
                                            align-items: flex-start;
                                            text-align: left;
                                        }
                                        .altahub-hero__content--right {
                                            align-items: flex-end;
                                            margin-right: 7vw;
                                            text-align: right;
                                        }
                                        .altahub-hero__title {
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-weight: 400;
                                            font-size: 35.96px;
                                            line-height: 80%;
                                            letter-spacing: -5%;
                                        }
                                        .altahub-hero__subtitle {
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-weight: 300;
                                            font-size: 16.65px;
                                            line-height: 95%;
                                            letter-spacing: -2%;
                                            vertical-align: middle;
                                            margin-bottom: 25px;
                                            margin-top: 0;
                                            color: #e6e6e6;
                                        }
                                        .altahub-hero__cta {
                                            display: inline-block;
                                            background: #fff;
                                            color: #222;
                                            font-size: 15px;
                                            font-weight: 700;
                                            border-radius: 8px;
                                            padding: 12px 38px;
                                            text-decoration: none;
                                            transition: background 0.2s, color 0.2s;
                                            box-shadow: none;
                                        }
                                        .altahub-hero__cta--green {
                                            background: rgb(154, 214, 60);
                                            ;
                                            color: #fff;
                                            font-size: 15px;
                                            padding: 15px 30px;
                                            border-radius: 8px;
                                            font-weight: 700;
                                            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.09);
                                            border: none;
                                            outline: none;
                                            font-family: 'League Spartan', sans-serif;
                                            transition: background 0.2s, color 0.2s;
                                            margin-top: 0;
                                        }
                                        .altahub-hero__cta--green a:visited {
                                            color: #fff;
                                        }
                                        .altahub-hero__cta--green:hover {
                                            background: #d3ff8a;
                                            color: #222;
                                        }
                                        .altahub-hero__cta--green:hover {
                                            background: #4bb22f;
                                            color: #fff;
                                        }
                                        @media (max-width: 700px) {
                                            .altahub-hero__content {
                                                max-width: 97vw;
                                                margin: 0 2vw 0 0;
                                                min-height: 300px;
                                            }
                                            .altahub-hero__title {
                                                font-family: 'League Spartan', Arial, sans-serif;
                                                font-weight: 400;
                                                font-size: 35.96px;
                                                line-height: 80%;
                                                letter-spacing: -5%;
                                            }
                                            .altahub-hero__subtitle {
                                                font-size: 0.49rem;
                                            }
                                            .altahub-hero__cta--green {
                                                padding: 13px 24px;
                                                font-size: 0.5rem;
                                            }
                                        }
                                        .altahub-hero__content {
                                            padding: 40px 12px 48px 12px;
                                        }
                                        .altahub-header {
                                            background: transparent;
                                            box-shadow: none;
                                            padding: 0;
                                            position: fixed;
                                            top: 0;
                                            left: 0;
                                            width: 100%;
                                            z-index: 200;
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            height: 88px;
                                            display: flex;
                                            align-items: center;
                                        }
                                        .altahub-header__container {
                                            display: flex;
                                            align-items: center;
                                            justify-content: space-between;
                                            width: 100%;
                                            max-width: 1600px;
                                            margin: 0 auto;
                                            padding: 0 56px;
                                            height: 88px;
                                        }
                                        .altahub-header__logo {
                                            flex: 0 0 auto;
                                            display: flex;
                                            align-items: center;
                                            height: 56px;
                                            margin-right: 56px;
                                        }
                                        .altahub-header__logo img {
                                            max-height: 100%;
                                            width: auto;
                                        }
                                        /* No sticky override for logo size */
                                        .altahub-header__nav {
                                            flex: 1 1 auto;
                                            display: flex;
                                            justify-content: center;
                                            align-items: center;
                                        }
                                        .altahub-header__menu {
                                            display: flex;
                                            gap: 48px;
                                            list-style: none;
                                            margin: 0;
                                            padding: 0;
                                            align-items: center;
                                            font-weight: 700;
                                            color: #fff;
                                            font-size: 24px;
                                            letter-spacing: 0.08em;
                                            font-family: 'League Spartan', Arial, sans-serif;
                                        }
                                        .altahub-header__menu li a {
                                            color: #fff;
                                            text-decoration: none;
                                            font-size: 24px;
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-weight: 700;
                                            letter-spacing: 0.08em;
                                            padding: 10px 0;
                                            transition: color 0.2s;
                                            line-height: 1.2;
                                        }
                                        .altahub-header__menu li a:hover {
                                            color: #b7ff5c;
                                            text-decoration: underline;
                                        }
                                        .altahub-header__btn--contact {
                                            background: #191919;
                                            color: #fff;
                                            border: none;
                                            border-radius: 12px;
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-weight: 600;
                                            font-size: 12px;
                                            line-height: 130%;
                                            letter-spacing: 0%;
                                            text-align: center;
                                            vertical-align: middle;
                                            padding: 14px 44px;
                                            text-decoration: none;
                                            margin-left: 24px;
                                            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
                                            transition: background 0.2s, color 0.2s;
                                            outline: none;
                                            display: inline-flex;
                                            align-items: center;
                                            justify-content: center;
                                        }
                                        .altahub-header__btn--contact:hover {
                                            background: #232323;
                                            color: #fff;
                                            border: 2.5px solid #fff;
                                        }
                                        .altahub-header__container {
                                            display: flex;
                                            align-items: center;
                                            justify-content: space-between;
                                            height: 72px;
                                            max-width: 1200px;
                                            margin: 0 auto;
                                            padding: 0 40px;
                                            width: 100%;
                                        }
                                        .altahub-header__logo {
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            width: 132px;
                                            height: 70px;
                                            margin-right: 48px;
                                        }
                                        .altahub-header__logo img {
                                            max-width: 100%;
                                            max-height: 100%;
                                            width: auto;
                                            height: auto;
                                            display: block;
                                        }
                                        .altahub-header__nav {
                                            flex: 1 1 auto;
                                            display: flex;
                                            justify-content: flex-end;
                                            align-items: center;
                                        }
                                        .altahub-header__menu {
                                            display: flex;
                                            gap: 40px;
                                            list-style: none;
                                            margin: 0;
                                            padding: 0;
                                            align-items: center;
                                            font-weight: 700;
                                            color: #fff;
                                            font-size: 24px;
                                            letter-spacing: 0.03em;
                                        }
                                        .altahub-header__menu li a {
                                            color: #fff;
                                            text-decoration: none;
                                            font-size: 24px;
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-weight: 700;
                                            letter-spacing: 0.03em;
                                            padding: 8px 0;
                                            transition: color 0.2s;
                                        }
                                        .altahub-header__menu li a:hover {
                                            color: #60d13c;
                                            text-decoration: underline;
                                        }
                                        .altahub-header__btn--contact {
                                            background: #fff;
                                            color: #222;
                                            border-radius: 24px;
                                            font-weight: 700;
                                            font-size: 24px;
                                            padding: 10px 28px;
                                            margin-left: 40px;
                                            box-shadow: none;
                                            border: none;
                                            transition: background 0.2s, color 0.2s;
                                        }
                                        .altahub-header__btn--contact:hover {
                                            background: #232323;
                                            color: #fff;
                                            border: 2.5px solid #fff;
                                        }
                                        /* Remove gap above hero */
                                        .altahub-hero {
                                            margin-top: 0;
                                            padding-top: 72px;
                                        }
                                        .altahub-header__container {
                                            display: flex;
                                            align-items: center;
                                            justify-content: space-between;
                                            max-width: 1600px;
                                            margin: 0 auto;
                                            padding: 8px 32px 8px 24px;
                                            gap: 0;
                                            width: 100%;
                                            min-height: 56px;
                                        }
                                        .altahub-header__logo {
                                            flex: 0 0 auto;
                                            display: flex;
                                            align-items: center;
                                            height: 32px;
                                            margin-right: 48px;
                                        }
                                        .altahub-header__nav {
                                            flex: 1 1 auto;
                                            display: flex;
                                            justify-content: flex-end;
                                            align-items: center;
                                            margin-right: 24px;
                                        }
                                        .altahub-header__menu {
                                            display: flex;
                                            gap: 60px;
                                            list-style: none;
                                            margin: 0;
                                            padding: 0;
                                            align-items: center;
                                            justify-content: center;
                                        }
                                        .altahub-header__menu li a {
                                            color: #fff;
                                            text-decoration: none;
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-weight: 700;
                                            font-size: 12px;
                                            line-height: 130%;
                                            letter-spacing: 0%;
                                            text-align: center;
                                            vertical-align: middle;
                                            padding: 4px 0 2px 0;
                                            transition: color 0.2s;
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                        }
                                        .altahub-header__menu li a:hover {
                                            color: #fff;
                                            opacity: 0.7;
                                            text-decoration: none;
                                        }
                                        /* Removed divider as per Figma */
                                        .altahub-header__actions {
                                            flex: 0 0 auto;
                                            display: flex;
                                            gap: 16px;
                                            align-items: center;
                                        }
                                        .altahub-header__btn {
                                            background: #fff;
                                            color: #222;
                                            border: none;
                                            font-weight: 700;
                                            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);
                                            padding: 7px 18px;
                                            border-radius: 7px;
                                            font-size: 24px;
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            transition: background 0.2s, color 0.2s, border 0.2s;
                                        }
                                        .altahub-header__btn--contact {
                                            color: #191919;
                                            background: #fff;
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-weight: 600;
                                            font-size: 12px;
                                            line-height: 130%;
                                            letter-spacing: 0%;
                                            text-align: center;
                                            vertical-align: middle;
                                            padding: 14px 44px;
                                            border: 2.5px solid transparent;
                                            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
                                            outline: none;
                                            display: inline-flex;
                                            align-items: center;
                                            justify-content: center;
                                            text-decoration: none;
                                            margin-left: 24px;
                                            border-radius: 12px;
                                            transition: background 0.2s, color 0.2s, border 0.2s;
                                            margin-top: 32px;
                                        }
                                        .altahub-header__btn--contact:hover {
                                            background: #232323;
                                            color: #fff;
                                            border: 2.5px solid #fff;
                                        }
                                        /* Removed old secondary hover style */
                                        @media (max-width: 900px) {
                                            .altahub-header__container {
                                                flex-direction: column;
                                                gap: 16px;
                                                padding: 24px 16px;
                                            }
                                            .altahub-header__divider {
                                                display: none;
                                            }
                                            .altahub-header__menu {
                                                gap: 24px;
                                            }
                                            .altahub-header__actions {
                                                gap: 8px;
                                            }
                                        }
                                        /*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
                                        /* Normalize
--------------------------------------------- */
                                        /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
                                        /* Document
	 ========================================================================== */
                                        /**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
                                        html {
                                            line-height: 1.15;
                                            -webkit-text-size-adjust: 100%;
                                        }
                                        /* Sections
	 ========================================================================== */
                                        /**
 * Remove the margin in all browsers.
 */
                                        body {
                                            margin: 0;
                                        }
                                        /**
 * Render the `main` element consistently in IE.
 */
                                        main {
                                            display: block;
                                        }
                                        /**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
                                        h1 {
                                            font-size: 2em;
                                            margin: 0.67em 0;
                                        }
                                        /* Grouping content
	 ========================================================================== */
                                        /**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
                                        hr {
                                            box-sizing: content-box;
                                            height: 0;
                                            overflow: visible;
                                        }
                                        /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
                                        pre {
                                            font-family: monospace, monospace;
                                            font-size: 1em;
                                        }
                                        /* Text-level semantics
	 ========================================================================== */
                                        /**
 * Remove the gray background on active links in IE 10.
 */
                                        a {
                                            background-color: transparent;
                                        }
                                        /**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
                                        abbr[title] {
                                            border-bottom: none;
                                            text-decoration: underline;
                                            text-decoration: underline dotted;
                                        }
                                        /**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
                                        b,
                                        strong {
                                            font-weight: bolder;
                                        }
                                        /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
                                        code,
                                        kbd,
                                        samp {
                                            font-family: monospace, monospace;
                                            font-size: 1em;
                                        }
                                        /**
 * Add the correct font size in all browsers.
 */
                                        small {
                                            font-size: 80%;
                                        }
                                        /**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
                                        sub,
                                        sup {
                                            font-size: 75%;
                                            line-height: 0;
                                            position: relative;
                                            vertical-align: baseline;
                                        }
                                        sub {
                                            bottom: -0.25em;
                                        }
                                        sup {
                                            top: -0.5em;
                                        }
                                        /* Embedded content
	 ========================================================================== */
                                        /**
 * Remove the border on images inside links in IE 10.
 */
                                        img {
                                            border-style: none;
                                        }
                                        /* Forms
	 ========================================================================== */
                                        /**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
                                        button,
                                        input,
                                        optgroup,
                                        select,
                                        textarea {
                                            font-family: inherit;
                                            font-size: 100%;
                                            line-height: 1.15;
                                            margin: 0;
                                        }
                                        /**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
                                        button,
                                        input {
                                            overflow: visible;
                                        }
                                        /**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
                                        button,
                                        select {
                                            text-transform: none;
                                        }
                                        /**
 * Correct the inability to style clickable types in iOS and Safari.
 */
                                        button,
                                        [type="button"],
                                        [type="reset"],
                                        [type="submit"] {
                                            -webkit-appearance: button;
                                        }
                                        /**
 * Remove the inner border and padding in Firefox.
 */
                                        button::-moz-focus-inner,
                                        [type="button"]::-moz-focus-inner,
                                        [type="reset"]::-moz-focus-inner,
                                        [type="submit"]::-moz-focus-inner {
                                            border-style: none;
                                            padding: 0;
                                        }
                                        /**
 * Restore the focus styles unset by the previous rule.
 */
                                        button:-moz-focusring,
                                        [type="button"]:-moz-focusring,
                                        [type="reset"]:-moz-focusring,
                                        [type="submit"]:-moz-focusring {
                                            outline: 1px dotted ButtonText;
                                        }
                                        /**
 * Correct the padding in Firefox.
 */
                                        fieldset {
                                            padding: 0.35em 0.75em 0.625em;
                                        }
                                        /**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
                                        legend {
                                            box-sizing: border-box;
                                            color: inherit;
                                            display: table;
                                            max-width: 100%;
                                            padding: 0;
                                            white-space: normal;
                                        }
                                        /**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
                                        progress {
                                            vertical-align: baseline;
                                        }
                                        /**
 * Remove the default vertical scrollbar in IE 10+.
 */
                                        textarea {
                                            overflow: auto;
                                        }
                                        /**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
                                        [type="checkbox"],
                                        [type="radio"] {
                                            box-sizing: border-box;
                                            padding: 0;
                                        }
                                        /**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
                                        [type="number"]::-webkit-inner-spin-button,
                                        [type="number"]::-webkit-outer-spin-button {
                                            height: auto;
                                        }
                                        /**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
                                        [type="search"] {
                                            -webkit-appearance: textfield;
                                            outline-offset: -2px;
                                        }
                                        /**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
                                        [type="search"]::-webkit-search-decoration {
                                            -webkit-appearance: none;
                                        }
                                        /**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
                                         ::-webkit-file-upload-button {
                                            -webkit-appearance: button;
                                            font: inherit;
                                        }
                                        /* Interactive
	 ========================================================================== */
                                        /*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
                                        details {
                                            display: block;
                                        }
                                        /*
 * Add the correct display in all browsers.
 */
                                        summary {
                                            display: list-item;
                                        }
                                        /* Misc
	 ========================================================================== */
                                        /**
 * Add the correct display in IE 10+.
 */
                                        template {
                                            display: none;
                                        }
                                        /**
 * Add the correct display in IE 10.
 */
                                        [hidden] {
                                            display: none;
                                        }
                                        /* Box sizing
--------------------------------------------- */
                                        /* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
                                        *,
                                        *::before,
                                        *::after {
                                            box-sizing: inherit;
                                        }
                                        html {
                                            box-sizing: border-box;
                                        }
                                        /*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
                                        /* Typography
--------------------------------------------- */
                                        body,
                                        button,
                                        input,
                                        select,
                                        optgroup,
                                        textarea {
                                            color: #404040;
                                            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
                                            font-size: 0.5rem;
                                            line-height: 1.5;
                                        }
                                        h1,
                                        h2,
                                        h3,
                                        h4,
                                        h5,
                                        h6 {
                                            clear: both;
                                        }
                                        p {
                                            margin-bottom: 1.5em;
                                        }
                                        dfn,
                                        cite,
                                        em,
                                        i {
                                            font-style: italic;
                                        }
                                        blockquote {
                                            margin: 0 1.5em;
                                        }
                                        address {
                                            margin: 0 0 1.5em;
                                        }
                                        pre {
                                            background: #eee;
                                            font-family: "Courier 10 Pitch", courier, monospace;
                                            line-height: 1.6;
                                            margin-bottom: 1.6em;
                                            max-width: 100%;
                                            overflow: auto;
                                            padding: 1.6em;
                                        }
                                        code,
                                        kbd,
                                        tt,
                                        var {
                                            font-family: monospace, monospace;
                                        }
                                        abbr,
                                        acronym {
                                            border-bottom: 1px dotted #666;
                                            cursor: help;
                                        }
                                        mark,
                                        ins {
                                            background: #fff9c0;
                                            text-decoration: none;
                                        }
                                        big {
                                            font-size: 125%;
                                        }
                                        /* Elements
--------------------------------------------- */
                                        body {
                                            background: #fff;
                                        }
                                        hr {
                                            background-color: #ccc;
                                            border: 0;
                                            height: 1px;
                                            margin-bottom: 1.5em;
                                        }
                                        ul,
                                        ol {
                                            margin: 0 0 1.5em 3em;
                                        }
                                        ul {
                                            list-style: disc;
                                        }
                                        ol {
                                            list-style: decimal;
                                        }
                                        li>ul,
                                        li>ol {
                                            margin-bottom: 0;
                                            margin-left: 1.5em;
                                        }
                                        dt {
                                            font-weight: 700;
                                        }
                                        dd {
                                            margin: 0 1.5em 1.5em;
                                        }
                                        /* Make sure embeds and iframes fit their containers. */
                                        embed,
                                        iframe,
                                        object {
                                            max-width: 100%;
                                        }
                                        img {
                                            height: auto;
                                            max-width: 100%;
                                        }
                                        figure {
                                            margin: 1em 0;
                                        }
                                        table {
                                            margin: 0 0 1.5em;
                                            width: 100%;
                                        }
                                        /* Links
--------------------------------------------- */
                                        a {
                                            color: #4169e1;
                                        }
                                        a:hover,
                                        a:focus,
                                        a:active {
                                            color: #191970;
                                        }
                                        a:focus {
                                            outline: thin dotted;
                                        }
                                        a:hover,
                                        a:active {
                                            outline: 0;
                                        }
                                        /* Forms
--------------------------------------------- */
                                        button,
                                        input[type="button"],
                                        input[type="reset"],
                                        input[type="submit"] {
                                            border: 1px solid;
                                            border-color: #ccc #ccc #bbb;
                                            border-radius: 3px;
                                            background: #e6e6e6;
                                            color: rgba(0, 0, 0, 0.8);
                                            line-height: 1;
                                            padding: 0.6em 1em 0.4em;
                                        }
                                        button:hover,
                                        input[type="button"]:hover,
                                        input[type="reset"]:hover,
                                        input[type="submit"]:hover {
                                            border-color: #ccc #bbb #aaa;
                                        }
                                        button:active,
                                        button:focus,
                                        input[type="button"]:active,
                                        input[type="button"]:focus,
                                        input[type="reset"]:active,
                                        input[type="reset"]:focus,
                                        input[type="submit"]:active,
                                        input[type="submit"]:focus {
                                            border-color: #aaa #bbb #bbb;
                                        }
                                        input[type="text"],
                                        input[type="email"],
                                        input[type="url"],
                                        input[type="password"],
                                        input[type="search"],
                                        input[type="number"],
                                        input[type="tel"],
                                        input[type="range"],
                                        input[type="date"],
                                        input[type="month"],
                                        input[type="week"],
                                        input[type="time"],
                                        input[type="datetime"],
                                        input[type="datetime-local"],
                                        input[type="color"],
                                        textarea {
                                            color: #666;
                                            border: 1px solid #ccc;
                                            border-radius: 3px;
                                            padding: 3px;
                                        }
                                        input[type="text"]:focus,
                                        input[type="email"]:focus,
                                        input[type="url"]:focus,
                                        input[type="password"]:focus,
                                        input[type="search"]:focus,
                                        input[type="number"]:focus,
                                        input[type="tel"]:focus,
                                        input[type="range"]:focus,
                                        input[type="date"]:focus,
                                        input[type="month"]:focus,
                                        input[type="week"]:focus,
                                        input[type="time"]:focus,
                                        input[type="datetime"]:focus,
                                        input[type="datetime-local"]:focus,
                                        input[type="color"]:focus,
                                        textarea:focus {
                                            color: #111;
                                        }
                                        select {
                                            border: 1px solid #ccc;
                                        }
                                        textarea {
                                            width: 100%;
                                        }
                                        /*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
                                        /*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
                                        /* Navigation
--------------------------------------------- */
                                        .main-navigation {
                                            display: block;
                                            width: 100%;
                                        }
                                        .main-navigation ul {
                                            display: none;
                                            list-style: none;
                                            margin: 0;
                                            padding-left: 0;
                                        }
                                        .main-navigation ul ul {
                                            box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
                                            float: left;
                                            position: absolute;
                                            top: 100%;
                                            left: -999em;
                                            z-index: 99999;
                                        }
                                        .main-navigation ul ul ul {
                                            left: -999em;
                                            top: 0;
                                        }
                                        .main-navigation ul ul li:hover>ul,
                                        .main-navigation ul ul li.focus>ul {
                                            display: block;
                                            left: auto;
                                        }
                                        .main-navigation ul ul a {
                                            width: 200px;
                                        }
                                        .main-navigation ul li:hover>ul,
                                        .main-navigation ul li.focus>ul {
                                            left: auto;
                                        }
                                        .main-navigation li {
                                            position: relative;
                                        }
                                        .main-navigation a {
                                            display: block;
                                            text-decoration: none;
                                        }
                                        /* Small menu. */
                                        .menu-toggle,
                                        .main-navigation.toggled ul {
                                            display: block;
                                        }
                                        @media screen and (min-width: 37.5em) {
                                            .menu-toggle {
                                                display: none;
                                            }
                                            .main-navigation ul {
                                                display: flex;
                                            }
                                        }
                                        .site-main .comment-navigation,
                                        .site-main .posts-navigation,
                                        .site-main .post-navigation {
                                            margin: 0 0 1.5em;
                                        }
                                        .comment-navigation .nav-links,
                                        .posts-navigation .nav-links,
                                        .post-navigation .nav-links {
                                            display: flex;
                                        }
                                        .comment-navigation .nav-previous,
                                        .posts-navigation .nav-previous,
                                        .post-navigation .nav-previous {
                                            flex: 1 0 50%;
                                        }
                                        .comment-navigation .nav-next,
                                        .posts-navigation .nav-next,
                                        .post-navigation .nav-next {
                                            text-align: end;
                                            flex: 1 0 50%;
                                        }
                                        /* Posts and pages
--------------------------------------------- */
                                        .sticky {
                                            display: block;
                                        }
                                        .post,
                                        .page {
                                            margin: 0 0 1.5em;
                                        }
                                        .updated:not(.published) {
                                            display: none;
                                        }
                                        .page-content,
                                        .entry-content,
                                        .entry-summary {
                                            margin: 1.5em 0 0;
                                        }
                                        .page-links {
                                            clear: both;
                                            margin: 0 0 1.5em;
                                        }
                                        /* Comments
--------------------------------------------- */
                                        .comment-content a {
                                            word-wrap: break-word;
                                        }
                                        .bypostauthor {
                                            display: block;
                                        }
                                        /* Widgets
--------------------------------------------- */
                                        .widget {
                                            margin: 0 0 1.5em;
                                        }
                                        .widget select {
                                            max-width: 100%;
                                        }
                                        /* Media
--------------------------------------------- */
                                        .page-content .wp-smiley,
                                        .entry-content .wp-smiley,
                                        .comment-content .wp-smiley {
                                            border: none;
                                            margin-bottom: 0;
                                            margin-top: 0;
                                            padding: 0;
                                        }
                                        /* Make sure logo link wraps around logo image. */
                                        .custom-logo-link {
                                            display: inline-block;
                                        }
                                        /* Captions
--------------------------------------------- */
                                        .wp-caption {
                                            margin-bottom: 1.5em;
                                            max-width: 100%;
                                        }
                                        .wp-caption img[class*="wp-image-"] {
                                            display: block;
                                            margin-left: auto;
                                            margin-right: auto;
                                        }
                                        .wp-caption .wp-caption-text {
                                            margin: 0.8075em 0;
                                        }
                                        .wp-caption-text {
                                            text-align: center;
                                        }
                                        /* Galleries
--------------------------------------------- */
                                        .gallery {
                                            margin-bottom: 1.5em;
                                            display: grid;
                                            grid-gap: 1.5em;
                                        }
                                        .gallery-item {
                                            display: inline-block;
                                            text-align: center;
                                            width: 100%;
                                        }
                                        .gallery-columns-2 {
                                            grid-template-columns: repeat(2, 1fr);
                                        }
                                        .gallery-columns-3 {
                                            grid-template-columns: repeat(3, 1fr);
                                        }
                                        .gallery-columns-4 {
                                            grid-template-columns: repeat(4, 1fr);
                                        }
                                        .gallery-columns-5 {
                                            grid-template-columns: repeat(5, 1fr);
                                        }
                                        .gallery-columns-6 {
                                            grid-template-columns: repeat(6, 1fr);
                                        }
                                        .gallery-columns-7 {
                                            grid-template-columns: repeat(7, 1fr);
                                        }
                                        .gallery-columns-8 {
                                            grid-template-columns: repeat(8, 1fr);
                                        }
                                        .gallery-columns-9 {
                                            grid-template-columns: repeat(9, 1fr);
                                        }
                                        .gallery-caption {
                                            display: block;
                                        }
                                        /*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
                                        /* Jetpack infinite scroll
--------------------------------------------- */
                                        /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
                                        .infinite-scroll .posts-navigation,
                                        .infinite-scroll.neverending .site-footer {
                                            display: none;
                                        }
                                        /* Re-display the Theme Footer when Infinite Scroll has reached its end. */
                                        .infinity-end.neverending .site-footer {
                                            display: block;
                                        }
                                        /*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
                                        /* Accessibility
--------------------------------------------- */
                                        /* Text meant only for screen readers. */
                                        .screen-reader-text {
                                            border: 0;
                                            clip: rect(1px, 1px, 1px, 1px);
                                            clip-path: inset(50%);
                                            height: 1px;
                                            margin: -1px;
                                            overflow: hidden;
                                            padding: 0;
                                            position: absolute !important;
                                            width: 1px;
                                            word-wrap: normal !important;
                                        }
                                        .screen-reader-text:focus {
                                            background-color: #f1f1f1;
                                            border-radius: 3px;
                                            box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
                                            clip: auto !important;
                                            clip-path: none;
                                            color: #21759b;
                                            display: block;
                                            font-size: 0.875rem;
                                            font-weight: 700;
                                            height: auto;
                                            left: 5px;
                                            line-height: normal;
                                            padding: 15px 23px 14px;
                                            text-decoration: none;
                                            top: 5px;
                                            width: auto;
                                            z-index: 100000;
                                        }
                                        /* Do not show the outline on the skip link target. */
                                        #primary[tabindex="-1"]:focus {
                                            outline: 0;
                                        }
                                        /* Sticky Header Styles */
                                        .altahub-header.is-sticky {
                                            background: #fff !important;
                                            box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
                                            transition: background 0.2s, box-shadow 0.2s;
                                        }
                                        .altahub-header.is-sticky .altahub-header__menu li a {
                                            color: #222 !important;
                                            transition: color 0.2s;
                                        }
                                        .altahub-header.is-sticky .altahub-header__menu li a:hover {
                                            color: #60d13c !important;
                                        }
                                        .altahub-header.is-sticky .altahub-header__btn,
                                        .altahub-header.is-sticky .altahub-header__btn--contact {
                                            background: #222 !important;
                                            color: #fff !important;
                                            border: none;
                                            transition: background 0.2s, color 0.2s;
                                        }
                                        .altahub-header.is-sticky .altahub-header__btn--contact:hover {
                                            background: #111 !important;
                                            color: #fff !important;
                                        }
                                        /* Alignments
--------------------------------------------- */
                                        .alignleft {
                                            /*rtl:ignore*/
                                            float: left;
                                            /*rtl:ignore*/
                                            margin-right: 1.5em;
                                            /*rtl:ignore*/
                                            margin-bottom: 1.5em;
                                        }
                                        .alignright {
                                            /*rtl:ignore*/
                                            float: right;
                                            /*rtl:ignore*/
                                            margin-left: 1.5em;
                                            /*rtl:ignore*/
                                            margin-bottom: 1.5em;
                                        }
                                        .aligncenter {
                                            clear: both;
                                            display: block;
                                            margin-left: auto;
                                            margin-right: auto;
                                            margin-bottom: 1.5em;
                                        }
                                        /* --- Section full width gray background, floating cards, centered grid --- */
                                        .businesses-specializing-outer-container {
                                            position: relative;
                                        }
                                        .businesses-specializing-outer-bg {
                                            background-color: #f0f0f0;
                                            padding: 50px 0 140px 0;
                                        }
                                        .businesses-specializing-header-row {
                                            display: flex;
                                            justify-content: space-between;
                                            align-items: center;
                                            margin-bottom: 60px;
                                        }
                                        .businesses-specializing-title-h2 {
                                            font-family: 'League Spartan', sans-serif;
                                            font-weight: 400;
                                            font-size: 3.7rem;
                                            line-height: 0.8;
                                            letter-spacing: -0.05em;
                                            color: #333;
                                        }
                                        .businesses-specializing-metrics {
                                            display: flex;
                                            align-items: center;
                                        }
                                        .businesses-specializing-divider {
                                            width: 1px;
                                            height: 30px;
                                            background-color: #ccc;
                                            margin: 0 30px;
                                        }
                                        .stat {
                                            text-align: left;
                                            display: flex;
                                            align-items: center;
                                        }
                                        .stat-value {
                                            font-family: 'League Spartan', sans-serif;
                                            font-weight: 400;
                                            font-size: 2.2rem;
                                            line-height: 0.8;
                                            letter-spacing: -0.05em;
                                            text-align: right;
                                            color: #138c2e;
                                            margin-right: 8px;
                                        }
                                        .stat-label {
                                            font-family: 'League Spartan', sans-serif;
                                            font-weight: 300;
                                            font-size: 0.7rem;
                                            line-height: 0.8;
                                            letter-spacing: -0.05em;
                                            vertical-align: bottom;
                                            color: #777;
                                            display: block;
                                        }
                                        .businesses-specializing-content-container {
                                            position: relative;
                                            margin-top: -140px;
                                            margin-bottom: 60px;
                                            z-index: 10;
                                        }
                                        .businesses-specializing-grid {
                                            display: grid;
                                            grid-template-columns: repeat(4, 1fr);
                                            gap: 17px;
                                        }
                                        .businesses-specializing-box {
                                            overflow: hidden;
                                            display: block;
                                            border-radius: 0;
                                            border-top-right-radius: 18px;
                                            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10);
                                            background: #fff;
                                            margin-top: 0;
                                            height: 270px;
                                            border-left: 6px solid #4caf50;
                                            /* default, overridden inline */
                                        }
                                        .businesses-specializing-box-top {
                                            height: 140px;
                                            position: relative;
                                            background: #222;
                                            overflow: hidden;
                                            border-top-right-radius: 18px;
                                        }
                                        .businesses-specializing-box-img {
                                            position: absolute;
                                            width: 100%;
                                            height: 100%;
                                            object-fit: cover;
                                            top: 0;
                                            left: 0;
                                            z-index: 1;
                                        }
                                        .businesses-specializing-box-overlay {
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            right: 0;
                                            bottom: 0;
                                            background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7));
                                            z-index: 2;
                                        }
                                        .businesses-specializing-box-title {
                                            position: absolute;
                                            top: 50%;
                                            left: 50%;
                                            transform: translate(-50%, -50%);
                                            color: #fff;
                                            font-size: 1.8rem;
                                            font-weight: 600;
                                            text-align: center;
                                            z-index: 3;
                                            width: 80%;
                                            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
                                            font-family: 'League Spartan', sans-serif;
                                        }
                                        .businesses-specializing-box-bottom {
                                            padding: 16px 20px;
                                            background: #fff;
                                        }
                                        .businesses-specializing-box-desc {
                                            font-family: 'League Spartan', sans-serif;
                                            font-weight: 300;
                                            font-size: 13px;
                                            line-height: 1.2;
                                            letter-spacing: 0;
                                            color: #333;
                                            height: 110px;
                                            overflow: hidden;
                                        }
                                        .businesses-specializing-box--empty {
                                            background: #f5f5f5;
                                            border: 1px dashed #ddd;
                                            border-radius: 0;
                                            border-top-right-radius: 18px;
                                            height: 270px;
                                            margin-top: 0;
                                        }
                                        .businesses-specializing-box-top-empty {
                                            height: 140px;
                                            background: #eaeaea;
                                            border-top-right-radius: 18px;
                                        }
                                        .businesses-specializing-box-bottom-empty {
                                            height: 130px;
                                            background: #f9f9f9;
                                        }
                                        @media (max-width: 1200px) {
                                            .businesses-specializing-grid {
                                                grid-template-columns: repeat(2, 1fr);
                                            }
                                        }
                                        @media (max-width: 700px) {
                                            .businesses-specializing-grid {
                                                grid-template-columns: 1fr;
                                            }
                                            .businesses-specializing-title-h2 {
                                                font-size: 2rem;
                                            }
                                            .businesses-specializing-box-title {
                                                font-size: 1.2rem;
                                            }
                                            .businesses-specializing-header-row {
                                                flex-direction: column;
                                                gap: 1rem;
                                                align-items: flex-start;
                                            }
                                            .businesses-specializing-metrics {
                                                flex-direction: column;
                                                gap: 0.5rem;
                                                align-items: flex-start;
                                            }
                                            .businesses-specializing-content-container {
                                                margin-top: -60px;
                                                margin-bottom: 30px;
                                            }
                                        }
                                        /* SOFTWARE-SERVICES section styles */
                                        .software-services-section {
                                            margin: 0 !important;
                                            padding: 0 0 48px 0 !important;
                                            overflow: visible !important;
                                        }
                                        .software-services-title {
                                            text-align: left;
                                        }
                                        .software-services-title h2 {
                                            margin-right: 260px;
                                            display: inline-block;
                                        }
                                        .software-services-title p {
                                            color: #333;
                                            margin-bottom: 1.5em;
                                        }
                                        .software-services-grid {
                                            display: flex;
                                            flex-wrap: wrap;
                                            gap: 20px;
                                            justify-content: flex-start;
                                        }
                                        .software-service-box {
                                            background: #fff;
                                            border: 1px solid #e0e0e0;
                                            border-radius: 8px;
                                            padding: 20px 16px;
                                            min-width: 180px;
                                            flex: 1 1 200px;
                                            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
                                            font-size: 1.1rem;
                                            color: #217346;
                                            text-align: center;
                                        }
                                        /* SOFTWARE-SERVICES section advanced styles */
                                        .software-services-groups-grid {
                                            display: grid;
                                            grid-template-columns: repeat(4, 1fr);
                                            gap: 32px;
                                            margin-top: 32px;
                                        }
                                        .ss-group {
                                            background: #fff;
                                            border-radius: 12px;
                                            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
                                            display: flex;
                                            flex-direction: column;
                                            min-width: 0;
                                        }
                                        .ss-group-header {
                                            font-weight: 700;
                                            font-size: 1.1rem;
                                            padding: 12px 0;
                                            text-align: center;
                                            border-radius: 12px 12px 0 0;
                                            letter-spacing: 1px;
                                            margin-bottom: 0;
                                        }
                                        .ss-group-header.claims {
                                            background: #b6e24b;
                                            color: #222;
                                            margin-right: 260px;
                                            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
                                        }
                                        .ss-group-header.adas {
                                            background: #0d4c2b;
                                            color: #fff;
                                        }
                                        .ss-group-header.pdr {
                                            background: #5fc3a5;
                                            color: #fff;
                                        }
                                        .ss-group-header.glass {
                                            background: #4caf50;
                                            color: #fff;
                                        }
                                        .ss-features {
                                            display: flex;
                                            flex-direction: column;
                                            gap: 10px;
                                            padding: 18px 14px 18px 14px;
                                        }
                                        .ss-feature {
                                            background: #f8f9fa;
                                            border: 1px solid #e0e0e0;
                                            border-radius: 7px;
                                            padding: 12px 8px;
                                            font-size: 1rem;
                                            color: #222;
                                            text-align: center;
                                            margin-bottom: 0;
                                        }
                                        @media (max-width: 1100px) {
                                            .software-services-groups-grid {
                                                grid-template-columns: repeat(2, 1fr);
                                            }
                                        }
                                        @media (max-width: 700px) {
                                            .software-services-groups-grid {
                                                grid-template-columns: 1fr;
                                            }
                                        }
                                        .software-services-section-title-box {
                                            width: calc(100% - 260px);
                                            margin-right: 0;
                                            margin-left: 0;
                                            background: #F5F4F4;
                                            color: #10773A;
                                            padding: 150px 657px 28px 256px;
                                            border-radius: 0 19.8px 0 0;
                                            margin-top: 16px;
                                            display: block;
                                            box-shadow: none;
                                        }
                                        .software-services-section-title-box h2 {
                                            color: #10773A;
                                            margin: 0;
                                            font-feature-settings: 'liga' off, 'clig' off;
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-size: 53.509px;
                                            font-style: normal;
                                            font-weight: 400;
                                            line-height: 80%;
                                            letter-spacing: -1.605px;
                                        }
                                        .software-services-masonry-table {
                                            display: grid !important;
                                            grid-template-columns: 254px 187px 170px 173px 203px 203px !important;
                                            grid-template-rows: 40px 98px 98px 98px 40px 98px !important;
                                            column-gap: 14px !important;
                                            row-gap: 14px !important;
                                            align-items: end !important;
                                            justify-items: stretch !important;
                                        }
                                        /* Header grid placement */
                                        .ss-masonry-header-claims {
                                            grid-column: 1 / span 2;
                                            grid-row: 1;
                                        }
                                        .ss-masonry-header-adas {
                                            grid-column: 3 / span 3;
                                            grid-row: 1;
                                        }
                                        .ss-masonry-header-pdr {
                                            grid-column: 6;
                                            grid-row: 1;
                                        }
                                        .ss-masonry-header-glass {
                                            grid-column: 1 / span 6;
                                            grid-row: 5;
                                        }
                                        /* Claims items */
                                        .ss-masonry-item-claims-1 {
                                            grid-column: 1;
                                            grid-row: 2;
                                        }
                                        .ss-masonry-item-claims-2 {
                                            grid-column: 2;
                                            grid-row: 2;
                                        }
                                        .ss-masonry-item-claims-3 {
                                            grid-column: 3;
                                            grid-row: 2;
                                        }
                                        .ss-masonry-item-claims-4 {
                                            grid-column: 1;
                                            grid-row: 3;
                                        }
                                        .ss-masonry-item-claims-5 {
                                            grid-column: 2;
                                            grid-row: 3;
                                        }
                                        .ss-masonry-item-claims-6 {
                                            grid-column: 3;
                                            grid-row: 3;
                                        }
                                        /* ADAS items */
                                        .ss-masonry-item-adas-1 {
                                            grid-column: 4;
                                            grid-row: 2 / span 2;
                                        }
                                        .ss-masonry-item-adas-2 {
                                            grid-column: 5;
                                            grid-row: 2;
                                        }
                                        .ss-masonry-item-adas-3 {
                                            grid-column: 5;
                                            grid-row: 3;
                                        }
                                        /* PDR items */
                                        .ss-masonry-item-pdr-1 {
                                            grid-column: 6;
                                            grid-row: 2;
                                        }
                                        .ss-masonry-item-pdr-2 {
                                            grid-column: 6;
                                            grid-row: 3;
                                        }
                                        .ss-masonry-item-pdr-3 {
                                            grid-column: 6;
                                            grid-row: 4;
                                        }
                                        .ss-masonry-item-pdr-spacer {
                                            grid-column: 6;
                                            grid-row: 6;
                                            background: transparent !important;
                                            border: none !important;
                                            box-shadow: none !important;
                                            pointer-events: none !important;
                                        }
                                        /* Glass items */
                                        .ss-masonry-item-glass-1 {
                                            grid-column: 1 / span 2;
                                            grid-row: 6;
                                        }
                                        .ss-masonry-item-glass-2 {
                                            grid-column: 3;
                                            grid-row: 6;
                                        }
                                        .ss-masonry-item-glass-3 {
                                            grid-column: 4 / span 2;
                                            grid-row: 6;
                                        }
                                        .ss-masonry-item-glass-4 {
                                            grid-column: 6;
                                            grid-row: 6;
                                        }
                                        /* Responsive Masonry Grid */
                                        @media (max-width: 1100px) {
                                            .software-services-masonry-table {
                                                grid-template-columns: 1fr 1fr;
                                                grid-template-rows: auto;
                                            }
                                            .ss-masonry-header-claims,
                                            .ss-masonry-header-adas,
                                            .ss-masonry-header-pdr,
                                            .ss-masonry-header-glass,
                                            .ss-masonry-item-claims-1,
                                            .ss-masonry-item-claims-2,
                                            .ss-masonry-item-claims-3,
                                            .ss-masonry-item-claims-4,
                                            .ss-masonry-item-claims-5,
                                            .ss-masonry-item-claims-6,
                                            .ss-masonry-item-adas-1,
                                            .ss-masonry-item-adas-2,
                                            .ss-masonry-item-adas-3,
                                            .ss-masonry-item-pdr-1,
                                            .ss-masonry-item-pdr-2,
                                            .ss-masonry-item-pdr-3,
                                            .ss-masonry-item-pdr-spacer,
                                            .ss-masonry-item-glass-1,
                                            .ss-masonry-item-glass-2,
                                            .ss-masonry-item-glass-3,
                                            .ss-masonry-item-glass-4 {
                                                grid-column: 1 / span 2 !important;
                                                grid-row: auto !important;
                                            }
                                        }
                                        @media (max-width: 700px) {
                                            .software-services-masonry-table {
                                                display: flex !important;
                                                flex-direction: column;
                                                gap: 10px !important;
                                            }
                                            .ss-masonry-header,
                                            .ss-masonry-item {
                                                width: 100% !important;
                                                min-width: 0 !important;
                                                max-width: 100% !important;
                                                grid-column: auto !important;
                                                grid-row: auto !important;
                                            }
                                        }
                                        /* Footer custom styles */
                                        .footer-title {
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-weight: 400;
                                            font-size: 58px;
                                            line-height: 80%;
                                            letter-spacing: -5%;
                                            margin-bottom: 10px;
                                        }
                                        .footer-desc {
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-weight: 300;
                                            font-size: 29.73px;
                                            line-height: 95%;
                                            letter-spacing: -2%;
                                            vertical-align: middle;
                                            max-width: 320px;
                                            margin-bottom: 20px;
                                        }
                                        .footer-demo-btn {
                                            background: #9AD63C;
                                            color: #fff;
                                            border: none;
                                            padding: 12px 25px;
                                            border-radius: 6px;
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-weight: 600;
                                            font-size: 24.03px;
                                            line-height: 130%;
                                            letter-spacing: 0%;
                                            text-align: center;
                                            vertical-align: middle;
                                            cursor: pointer;
                                            text-decoration: none;
                                            display: inline-block;
                                            margin-top: 32px;
                                        }
                                        .footer-logo-box {
                                            display: flex;
                                            align-items: center;
                                            justify-content: flex-end;
                                            height: 100%;
                                        }
                                        .footer-copyright {
                                            width: 100%;
                                            text-align: center;
                                            margin-top: 18px;
                                            color: #fff;
                                            opacity: 0.7;
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-weight: 300;
                                            font-size: 20px;
                                            line-height: 95%;
                                            letter-spacing: -2%;
                                            vertical-align: middle;
                                        }
                                        /* Footer utility classes for layout and responsiveness */
                                        .footer-align-center {
                                            align-items: center;
                                        }
                                        .footer-min-height {
                                            min-height: 180px;
                                        }
                                        .footer-flex-2 {
                                            flex: 2;
                                        }
                                        .footer-min-width {
                                            min-width: 260px;
                                        }
                                        .footer-logo-img {
                                            width: 185px;
                                            height: 97px;
                                            object-fit: contain;
                                        }
                                        .footer-copyright-bar {
                                            width: 100%;
                                            text-align: center;
                                            margin-top: 18px;
                                            color: #fff;
                                            opacity: 0.7;
                                            font-size: 0.95em;
                                        }
                                        @media (max-width: 900px) {
                                            .footer-logo-img {
                                                width: 120px;
                                                height: auto;
                                            }
                                            .footer-min-width {
                                                min-width: 120px;
                                            }
                                        }
                                        @media (max-width: 600px) {
                                            .footer-logo-img {
                                                width: 100px;
                                                height: auto;
                                            }
                                            .footer-min-width {
                                                min-width: 0;
                                                width: 100%;
                                            }
                                        }
                                        .altahub-hero__bg--custom {
                                            background-size: cover !important;
                                            background-position: center center !important;
                                            background-repeat: no-repeat !important;
                                            width: 100%;
                                            height: 100%;
                                            min-height: 320px;
                                        }
                                        @media (max-width: 700px) {
                                            .altahub-hero__bg--custom {
                                                min-height: 180px;
                                            }
                                        }
                                        /* Header Responsive Styles */
                                        .altahub-header__logo--mobile {
                                            display: none;
                                        }
                                        .altahub-header__hamburger {
                                            display: none;
                                            background: none;
                                            border: none;
                                            flex-direction: column;
                                            justify-content: center;
                                            align-items: center;
                                            width: 44px;
                                            height: 44px;
                                            cursor: pointer;
                                            z-index: 1002;
                                        }
                                        .hamburger-bar {
                                            display: block;
                                            width: 28px;
                                            height: 3px;
                                            margin: 5px 0;
                                            background: #191919;
                                            border-radius: 2px;
                                            transition: all 0.3s;
                                        }
                                        @media (max-width: 900px) {
                                            .altahub-header__logo--desktop {
                                                display: none;
                                            }
                                            .altahub-header__logo--mobile {
                                                display: flex;
                                                align-items: center;
                                                height: 38px;
                                                width: 90px;
                                                margin-right: 0;
                                            }
                                            .altahub-header__logo--mobile img {
                                                max-height: 38px;
                                                max-width: 90px;
                                                width: auto;
                                                height: auto;
                                            }
                                            .altahub-header__hamburger {
                                                display: flex;
                                                margin-left: auto;
                                            }
                                            .altahub-header__nav {
                                                position: fixed;
                                                top: 0;
                                                right: 0;
                                                left: 0;
                                                height: 100vh;
                                                background: #fff;
                                                flex-direction: column;
                                                align-items: flex-start;
                                                justify-content: flex-start;
                                                padding: 80px 24px 24px 24px;
                                                z-index: 1001;
                                                transform: translateY(-100%);
                                                transition: transform 0.3s;
                                                box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
                                                width: 100vw;
                                                display: flex;
                                                opacity: 0;
                                                pointer-events: none;
                                            }
                                            .altahub-header__nav.is-open {
                                                transform: translateY(0);
                                                opacity: 1;
                                                pointer-events: auto;
                                            }
                                            .altahub-header__menu {
                                                flex-direction: column;
                                                gap: 32px;
                                                width: 100%;
                                                align-items: flex-start;
                                                font-size: 1.3rem;
                                                color: #191919;
                                            }
                                            .altahub-header__menu li a {
                                                color: #191919;
                                                font-size: 1.3rem;
                                                padding: 8px 0;
                                            }
                                            .altahub-header__btn--contact {
                                                margin: 32px 0 0 0;
                                                width: 100%;
                                                font-size: 1.1rem;
                                                padding: 14px 0;
                                                text-align: center;
                                            }
                                            body.nav-open {
                                                overflow: hidden;
                                            }
                                        }
                                        @media (max-width: 900px) {
                                            .altahub-header__logo-container {
                                                justify-content: flex-start !important;
                                            }
                                            .altahub-header__container {
                                                flex-direction: row;
                                                justify-content: space-between;
                                                align-items: center;
                                                padding: 8px 12px;
                                                gap: 0;
                                                min-height: 56px;
                                            }
                                            .altahub-header__logo--mobile {
                                                display: flex;
                                                align-items: center;
                                                height: 38px;
                                                width: 90px;
                                                margin: 0;
                                                flex: 0 0 auto;
                                            }
                                            .altahub-header__hamburger {
                                                display: flex;
                                                flex: 0 0 auto;
                                                margin-left: 0;
                                                margin-right: 0;
                                                align-items: center;
                                                justify-content: center;
                                            }
                                            .altahub-header__btn--contact {
                                                margin: 32px 0 0 0;
                                                width: 100%;
                                                font-size: 1.1rem;
                                                padding: 14px 0;
                                                text-align: center;
                                            }
                                        }
                                        @media (min-width: 901px) {
                                            .altahub-header__container {
                                                display: flex;
                                                flex-direction: row;
                                                align-items: center;
                                                justify-content: space-between;
                                                padding: 32px 60px 0 60px;
                                                position: relative;
                                                height: 88px;
                                                min-height: 56px;
                                            }
                                            .altahub-header__logo--desktop {
                                                display: flex;
                                                align-items: center;
                                                height: 56px;
                                                flex: 0 0 auto;
                                                z-index: 2;
                                                margin-right: 0;
                                            }
                                            .altahub-header__nav {
                                                position: static;
                                                left: auto;
                                                top: auto;
                                                height: auto;
                                                transform: none;
                                                display: flex;
                                                align-items: center;
                                                justify-content: flex-end;
                                                z-index: 1;
                                                margin: 0;
                                                width: auto;
                                                min-width: 0;
                                            }
                                            .altahub-header__menu {
                                                display: flex;
                                                align-items: center;
                                                gap: 48px;
                                                margin: 0;
                                                padding: 0;
                                                list-style: none;
                                                font-size: 1.1rem;
                                            }
                                            .altahub-header__btn--contact {
                                                display: inline-flex;
                                                align-items: center;
                                                justify-content: center;
                                                margin: 0 0 0 40px;
                                                height: 48px;
                                                font-size: 1.1rem;
                                                padding: 0 32px;
                                                border-radius: 16px;
                                                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
                                                background: #fff;
                                                color: #222;
                                                font-weight: 700;
                                                border: none;
                                                transition: background 0.2s, color 0.2s;
                                                flex: 0 0 auto;
                                                position: static;
                                                z-index: 2;
                                            }
                                        }
                                        @media (min-width: 1200px) {
                                            .businesses-specializing .container,
                                            .businesses-specializing-card,
                                            .businesses-specializing-content-container {
                                                padding-left: clamp(24px, 6vw, 80px) !important;
                                                padding-right: clamp(24px, 6vw, 80px) !important;
                                                max-width: 1400px !important;
                                                margin-left: auto !important;
                                                margin-right: auto !important;
                                                box-sizing: border-box;
                                            }
                                            .businesses-specializing-outer-container,
                                            .businesses-specializing-outer-bg {
                                                padding-left: 0 !important;
                                                padding-right: 0 !important;
                                            }
                                        }
                                        /* Remove horizontal padding from the main container for the header area */
                                        .businesses-specializing .container {
                                            padding-left: 0 !important;
                                            padding-right: 0 !important;
                                        }
                                        /* Add horizontal padding only to the posts/cards area */
                                        .businesses-specializing-content-container {
                                            padding-left: clamp(24px, 6vw, 80px) !important;
                                            padding-right: clamp(24px, 6vw, 80px) !important;
                                            max-width: 1400px !important;
                                            margin-left: auto !important;
                                            margin-right: auto !important;
                                            box-sizing: border-box;
                                        }
                                        @media (max-width: 1200px) {
                                            .businesses-specializing-content-container {
                                                padding-left: 24px !important;
                                                padding-right: 24px !important;
                                            }
                                        }
                                        @media (max-width: 700px) {
                                            .businesses-specializing-content-container {
                                                padding-left: 10px !important;
                                                padding-right: 10px !important;
                                            }
                                        }
                                        /* --- SOFTWARE-SERVICES section redesign for Figma match --- */
                                        .software-services-section {
                                            background: #f5f4f4;
                                            border-radius: 0 20px 0 0;
                                            padding: 48px 32px 48px 32px;
                                            margin: 40px auto 0 auto;
                                            max-width: 1200px;
                                            box-sizing: border-box;
                                        }
                                        .software-services-section-title-box {
                                            background: transparent;
                                            color: #10773A;
                                            padding: 0 0 32px 0;
                                            border-radius: 0;
                                            margin: 0 0 24px 0;
                                            box-shadow: none;
                                        }
                                        .software-services-section-title-box h2 {
                                            color: #10773A;
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-size: 2.6rem;
                                            font-weight: 400;
                                            line-height: 1.1;
                                            margin: 0;
                                            letter-spacing: -1px;
                                            text-align: left;
                                        }
                                        .software-services-groups-grid {
                                            display: grid;
                                            grid-template-columns: repeat(3, 1fr);
                                            gap: 32px;
                                        }
                                        .ss-group {
                                            background: #fff;
                                            border-radius: 12px;
                                            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
                                            display: flex;
                                            flex-direction: column;
                                            min-width: 0;
                                        }
                                        .ss-group-header {
                                            font-weight: 700;
                                            font-size: 1.1rem;
                                            padding: 12px 0;
                                            text-align: center;
                                            border-radius: 12px 12px 0 0;
                                            letter-spacing: 1px;
                                            margin-bottom: 0;
                                        }
                                        .ss-group-header.claims {
                                            background: #b6e24b;
                                            color: #222;
                                        }
                                        .ss-group-header.adas {
                                            background: #0d4c2b;
                                            color: #fff;
                                        }
                                        .ss-group-header.pdr {
                                            background: #5fc3a5;
                                            color: #fff;
                                        }
                                        .ss-group-header.glass {
                                            background: #4caf50;
                                            color: #fff;
                                        }
                                        .ss-features {
                                            display: flex;
                                            flex-direction: column;
                                            gap: 10px;
                                            padding: 18px 14px 18px 14px;
                                        }
                                        .ss-feature {
                                            background: #fff;
                                            border: 1.5px solid #b6e24b;
                                            border-radius: 7px;
                                            padding: 14px 10px;
                                            font-size: 1rem;
                                            color: #10773A;
                                            text-align: center;
                                            margin-bottom: 0;
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-weight: 400;
                                        }
                                        .ss-group-glass {
                                            grid-column: 1 / span 3;
                                        }
                                        @media (max-width: 900px) {
                                            .software-services-section {
                                                padding: 32px 8px 32px 8px;
                                            }
                                            .software-services-groups-grid {
                                                grid-template-columns: 1fr;
                                                gap: 24px;
                                            }
                                            .ss-group-glass {
                                                grid-column: 1;
                                            }
                                        }
                                        @media (max-width: 600px) {
                                            .software-services-section-title-box h2 {
                                                font-size: 1.5rem;
                                                line-height: 1.2;
                                            }
                                            .ss-feature {
                                                font-size: 0.95rem;
                                                padding: 10px 6px;
                                            }
                                        }
                                        /* --- SOFTWARE-SERVICES Figma grid layout --- */
                                        .software-services-figma-grid {
                                            display: grid;
                                            grid-template-columns: repeat(3, 1fr);
                                            grid-auto-rows: minmax(70px, auto);
                                            gap: 12px 16px;
                                            margin-top: 32px;
                                            align-items: stretch;
                                        }
                                        .ss-header,
                                        .ss-header-glass {
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            height: 56px;
                                            min-height: 56px;
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-size: 1.1rem;
                                            font-weight: 700;
                                            text-align: center;
                                            padding: 10px 0;
                                            border-radius: 6px 6px 0 0;
                                            margin-bottom: 0;
                                        }
                                        .ss-cell {
                                            background: #fff;
                                            border: 1.5px solid #b6e24b;
                                            border-radius: 0 0 7px 7px;
                                            font-size: 1rem;
                                            color: #10773A;
                                            text-align: center;
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-weight: 400;
                                            min-height: 70px;
                                            height: 100%;
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            box-sizing: border-box;
                                            padding: 0 10px;
                                        }
                                        .ss-header-glass {
                                            background: #4caf50;
                                            color: #fff;
                                            grid-column: 1 / span 3;
                                            grid-row: 6;
                                            border-radius: 6px 6px 0 0;
                                            margin-top: 16px;
                                        }
                                        /* Responsive: stack columns on mobile, keep table look */
                                        @media (max-width: 900px) {
                                            .software-services-figma-grid {
                                                grid-template-columns: 1fr;
                                                grid-auto-rows: minmax(56px, auto);
                                            }
                                            .ss-header-claims,
                                            .ss-header-adas,
                                            .ss-header-pdr,
                                            .ss-header-glass {
                                                grid-column: 1 !important;
                                            }
                                            .software-services-figma-grid>.ss-cell {
                                                grid-column: 1 !important;
                                            }
                                        }
                                        @media (max-width: 600px) {
                                            .ss-header,
                                            .ss-header-glass {
                                                font-size: 1rem;
                                                padding: 8px 0;
                                                min-height: 40px;
                                                height: 40px;
                                            }
                                            .ss-cell {
                                                font-size: 0.95rem;
                                                padding: 0 6px;
                                                min-height: 40px;
                                            }
                                        }
                                        /* --- SOFTWARE-SERVICES pixel-perfect Figma 4-column grid --- */
                                        .software-services-figma-grid-4col {
                                            display: grid;
                                            grid-template-columns: repeat(4, 1fr);
                                            grid-auto-rows: minmax(70px, auto);
                                            gap: 14px 18px;
                                            margin-top: 32px;
                                            align-items: stretch;
                                        }
                                        .ss-header,
                                        .ss-header-glass {
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            height: 56px;
                                            min-height: 56px;
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-size: 1.1rem;
                                            font-weight: 700;
                                            text-align: center;
                                            padding: 10px 0;
                                            border-radius: 6px 6px 0 0;
                                            margin-bottom: 0;
                                            box-sizing: border-box;
                                        }
                                        .ss-header-claims {
                                            background: #b6e24b;
                                            color: #222;
                                        }
                                        .ss-header-adas {
                                            background: #0d4c2b;
                                            color: #fff;
                                        }
                                        .ss-header-pdr {
                                            background: #5fc3a5;
                                            color: #fff;
                                        }
                                        .ss-header-glass {
                                            background: #4caf50;
                                            color: #fff;
                                            grid-column: 1 / span 4;
                                            border-radius: 6px 6px 0 0;
                                            margin-top: 16px;
                                        }
                                        .ss-header-empty {
                                            background: transparent;
                                            border: none;
                                            box-shadow: none;
                                            pointer-events: none;
                                        }
                                        .ss-cell {
                                            background: #fff;
                                            border: 1.5px solid #b6e24b;
                                            border-radius: 0 0 7px 7px;
                                            font-size: 1rem;
                                            color: #10773A;
                                            text-align: center;
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-weight: 400;
                                            min-height: 70px;
                                            height: 100%;
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            box-sizing: border-box;
                                            padding: 0 10px;
                                            transition: background 0.2s, border 0.2s;
                                        }
                                        .ss-cell.empty {
                                            background: transparent;
                                            border: none;
                                            box-shadow: none;
                                            pointer-events: none;
                                        }
                                        @media (max-width: 900px) {
                                            .software-services-figma-grid-4col {
                                                grid-template-columns: 1fr;
                                                grid-auto-rows: minmax(56px, auto);
                                            }
                                            .ss-header,
                                            .ss-header-glass,
                                            .ss-header-empty {
                                                grid-column: 1 !important;
                                            }
                                            .ss-cell,
                                            .ss-cell.empty {
                                                grid-column: 1 !important;
                                            }
                                        }
                                        @media (max-width: 600px) {
                                            .ss-header,
                                            .ss-header-glass {
                                                font-size: 1rem;
                                                padding: 8px 0;
                                                min-height: 40px;
                                                height: 40px;
                                            }
                                            .ss-cell {
                                                font-size: 0.95rem;
                                                padding: 0 6px;
                                                min-height: 40px;
                                            }
                                        }
                                        /* --- SOFTWARE-SERVICES pixel-perfect Figma 4-column grid with explicit placement --- */
                                        .software-services-figma-grid-4col-explicit {
                                            display: grid;
                                            grid-template-columns: repeat(4, 1fr);
                                            grid-auto-rows: 78px;
                                            gap: 14px 18px;
                                            margin-top: 32px;
                                            align-items: stretch;
                                        }
                                        .ss-header,
                                        .ss-header-glass {
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            height: 56px;
                                            min-height: 56px;
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-size: 1.1rem;
                                            font-weight: 700;
                                            text-align: center;
                                            padding: 10px 0;
                                            border-radius: 6px 6px 0 0;
                                            margin-bottom: 0;
                                            box-sizing: border-box;
                                        }
                                        .ss-header-claims {
                                            background: #b6e24b;
                                            color: #222;
                                        }
                                        .ss-header-adas {
                                            background: #0d4c2b;
                                            color: #fff;
                                        }
                                        .ss-header-pdr {
                                            background: #5fc3a5;
                                            color: #fff;
                                        }
                                        .ss-header-glass {
                                            background: #4caf50;
                                            color: #fff;
                                            grid-column: 1 / span 4 !important;
                                            border-radius: 6px 6px 0 0;
                                            margin-top: 16px;
                                            height: 56px;
                                            min-height: 56px;
                                        }
                                        .ss-header-empty {
                                            background: transparent;
                                            border: none;
                                            box-shadow: none;
                                            pointer-events: none;
                                        }
                                        .ss-cell {
                                            background: #fff;
                                            border: 1.5px solid #b6e24b;
                                            border-radius: 0 0 7px 7px;
                                            font-size: 1rem;
                                            color: #10773A;
                                            text-align: center;
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-weight: 400;
                                            min-height: 78px;
                                            height: 100%;
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            box-sizing: border-box;
                                            padding: 0 10px;
                                            transition: background 0.2s, border 0.2s;
                                        }
                                        .ss-cell.empty {
                                            background: transparent;
                                            border: none;
                                            box-shadow: none;
                                            pointer-events: none;
                                        }
                                        @media (max-width: 900px) {
                                            .software-services-figma-grid-4col-explicit {
                                                grid-template-columns: 1fr;
                                                grid-auto-rows: 56px;
                                            }
                                            .ss-header,
                                            .ss-header-glass,
                                            .ss-header-empty {
                                                grid-column: 1 !important;
                                            }
                                            .ss-cell,
                                            .ss-cell.empty {
                                                grid-column: 1 !important;
                                            }
                                        }
                                        @media (max-width: 600px) {
                                            .ss-header,
                                            .ss-header-glass {
                                                font-size: 1rem;
                                                padding: 8px 0;
                                                min-height: 40px;
                                                height: 40px;
                                            }
                                            .ss-cell {
                                                font-size: 0.95rem;
                                                padding: 0 6px;
                                                min-height: 40px;
                                            }
                                        }
                                        /* --- SOFTWARE-SERVICES pixel-perfect Figma 4-column grid with explicit sizing/colors --- */
                                        .software-services-figma-grid-4col-explicit {
                                            display: grid;
                                            grid-template-columns: 191px 139px 150px 177px;
                                            grid-auto-rows: 91px;
                                            gap: 14px 18px;
                                            margin: 0 auto;
                                            justify-content: center;
                                        }
                                        .ss-header,
                                        .ss-header-glass {
                                            height: 44px;
                                            font-size: 15px;
                                            font-weight: 700;
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            border-radius: 0;
                                            box-sizing: border-box;
                                            letter-spacing: 0.01em;
                                        }
                                        .ss-header-claims {
                                            background: #b6e24b;
                                            color: #222;
                                        }
                                        .ss-header-adas {
                                            background: #0d4c2b;
                                            color: #fff;
                                        }
                                        .ss-header-pdr {
                                            background: #5fc3a5;
                                            color: #fff;
                                        }
                                        .ss-header-glass {
                                            background: #4caf50;
                                            color: #fff;
                                            grid-column: 1 / span 4 !important;
                                            height: 44px;
                                        }
                                        .ss-header-empty {
                                            background: transparent;
                                            border: none;
                                            box-shadow: none;
                                            pointer-events: none;
                                        }
                                        .ss-cell {
                                            background: #fff;
                                            border: 1.06px solid #0F773A;
                                            box-shadow: 1.5px 1.5px 2.9px 0 rgba(0, 0, 0, 0.05);
                                            font-size: 16px;
                                            color: #191919;
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            box-sizing: border-box;
                                            padding: 0 10px;
                                            min-height: 91px;
                                            height: 100%;
                                            border-radius: 0;
                                        }
                                        /* Column border color overrides for pixel-perfect Figma match */
                                        .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:1'] {
                                            border-color: #b6e24b;
                                        }
                                        .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:2'] {
                                            border-color: #0d4c2b;
                                        }
                                        .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:3'] {
                                            border-color: #5fc3a5;
                                        }
                                        .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:4'] {
                                            border-color: #4caf50;
                                        }
                                        .ss-cell.empty {
                                            background: transparent;
                                            border: none;
                                            box-shadow: none;
                                            pointer-events: none;
                                        }
                                        @media (max-width: 900px) {
                                            .software-services-figma-grid-4col-explicit {
                                                grid-template-columns: 1fr;
                                                grid-auto-rows: 56px;
                                            }
                                            .ss-header,
                                            .ss-header-glass,
                                            .ss-header-empty {
                                                grid-column: 1 !important;
                                            }
                                            .ss-cell,
                                            .ss-cell.empty {
                                                grid-column: 1 !important;
                                            }
                                        }
                                        @media (max-width: 600px) {
                                            .ss-header,
                                            .ss-header-glass {
                                                font-size: 1rem;
                                                padding: 8px 0;
                                                min-height: 40px;
                                                height: 40px;
                                            }
                                            .ss-cell {
                                                font-size: 0.95rem;
                                                padding: 0 6px;
                                                min-height: 40px;
                                            }
                                        }
                                        /* --- SOFTWARE-SERVICES 100% pixel-perfect Figma 4-column grid --- */
                                        .software-services-figma-grid-4col-explicit {
                                            display: grid;
                                            grid-template-columns: 191px 139px 150px 177px;
                                            grid-auto-rows: 135px 121px 135px 91px;
                                            /* Use the tallest cell per row from Figma, fallback to 110px if needed */
                                            gap: 16px 18px;
                                            margin: 0 auto;
                                            justify-content: center;
                                        }
                                        .ss-header,
                                        .ss-header-glass {
                                            height: 44px;
                                            font-size: 15px;
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-weight: 700;
                                            color: #191919;
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            border-radius: 0;
                                            box-sizing: border-box;
                                            letter-spacing: 0.01em;
                                            background: transparent;
                                        }
                                        .ss-header-claims {
                                            background: #b6e24b;
                                            color: #222;
                                        }
                                        .ss-header-adas {
                                            background: #0d4c2b;
                                            color: #fff;
                                        }
                                        .ss-header-pdr {
                                            background: #5fc3a5;
                                            color: #fff;
                                        }
                                        .ss-header-glass {
                                            background: #4caf50;
                                            color: #fff;
                                            grid-column: 1 / span 4 !important;
                                            height: 44px;
                                        }
                                        .ss-header-empty {
                                            background: transparent;
                                            border: none;
                                            box-shadow: none;
                                            pointer-events: none;
                                        }
                                        .ss-cell {
                                            background: #fff;
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-size: 16px;
                                            font-weight: 400;
                                            color: #191919;
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            box-sizing: border-box;
                                            padding: 0 18px;
                                            border-radius: 0;
                                            border-width: 1.06px;
                                            border-style: solid;
                                            box-shadow: 1.5px 1.5px 2.9px 0 rgba(0, 0, 0, 0.05);
                                            min-height: 91px;
                                            height: 100%;
                                            line-height: 1.25;
                                            letter-spacing: 0.01em;
                                        }
                                        /* Column border color overrides for pixel-perfect Figma match */
                                        .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:1'] {
                                            border-color: #b6e24b;
                                        }
                                        .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:2'] {
                                            border-color: #0d4c2b;
                                        }
                                        .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:3'] {
                                            border-color: #5fc3a5;
                                        }
                                        .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:4'] {
                                            border-color: #4caf50;
                                        }
                                        .ss-cell.empty {
                                            background: transparent;
                                            border: none;
                                            box-shadow: none;
                                            pointer-events: none;
                                        }
                                        @media (max-width: 900px) {
                                            .software-services-figma-grid-4col-explicit {
                                                grid-template-columns: 1fr;
                                                grid-auto-rows: 110px;
                                            }
                                            .ss-header,
                                            .ss-header-glass,
                                            .ss-header-empty {
                                                grid-column: 1 !important;
                                            }
                                            .ss-cell,
                                            .ss-cell.empty {
                                                grid-column: 1 !important;
                                            }
                                        }
                                        @media (max-width: 600px) {
                                            .ss-header,
                                            .ss-header-glass {
                                                font-size: 1rem;
                                                padding: 8px 0;
                                                min-height: 40px;
                                                height: 40px;
                                            }
                                            .ss-cell {
                                                font-size: 0.95rem;
                                                padding: 0 6px;
                                                min-height: 40px;
                                            }
                                        }
                                        /* --- SOFTWARE-SERVICES true CSS masonry layout --- */
                                        .software-services-masonry {
                                            column-count: 4;
                                            column-gap: 18px;
                                            max-width: 900px;
                                            margin: 0 auto;
                                        }
                                        .ss-masonry-card {
                                            display: block;
                                            background: #fff;
                                            margin-bottom: 16px;
                                            border: 1.06px solid #b6e24b;
                                            box-shadow: 1.5px 1.5px 2.9px 0 rgba(0, 0, 0, 0.05);
                                            border-radius: 0;
                                            padding: 18px 14px;
                                            font-family: 'League Spartan', Arial, sans-serif;
                                            font-size: 16px;
                                            color: #191919;
                                            break-inside: avoid;
                                            box-sizing: border-box;
                                            text-align: center;
                                            line-height: 1.25;
                                            letter-spacing: 0.01em;
                                        }
                                        .ss-masonry-card.claims {
                                            border-color: #b6e24b;
                                        }
                                        .ss-masonry-card.adas {
                                            border-color: #0d4c2b;
                                        }
                                        .ss-masonry-card.pdr {
                                            border-color: #5fc3a5;
                                        }
                                        .ss-masonry-card.glass {
                                            border-color: #4caf50;
                                        }
                                        .ss-masonry-card.ss-header-card {
                                            font-weight: 700;
                                            font-size: 15px;
                                            color: #fff;
                                            background: #b6e24b;
                                            border: none;
                                            margin-bottom: 18px;
                                            padding: 12px 0;
                                        }
                                        .ss-masonry-card.ss-header-card.adas {
                                            background: #0d4c2b;
                                        }
                                        .ss-masonry-card.ss-header-card.pdr {
                                            background: #5fc3a5;
                                        }
                                        .ss-masonry-card.ss-header-card.glass {
                                            background: #4caf50;
                                        }
                                        @media (max-width: 1100px) {
                                            .software-services-masonry {
                                                column-count: 2;
                                            }
                                        }
                                        @media (max-width: 700px) {
                                            .software-services-masonry {
                                                column-count: 1;
                                            }
                                            .ss-masonry-card {
                                                font-size: 0.95rem;
                                                padding: 12px 6px;
                                            }
                                            .ss-masonry-card.ss-header-card {
                                                font-size: 1rem;
                                                padding: 10px 0;
                                            }
                                        }
                                        /* Home Page Template Styles */
                                        .hero-section {
                                            position: relative;
                                            height: 730px;
                                            overflow: hidden;
                                        }
                                        .hero-background {
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            width: 100%;
                                            height: 100%;
                                            background-image: url('assets/images/hero-bg.jpg');
                                            background-size: cover;
                                            background-position: center;
                                        }
                                        .hero-overlay {
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            width: 100%;
                                            height: 100%;
                                            background: rgba(36, 38, 37, 0.8);
                                            backdrop-filter: blur(357.69px);
                                        }
                                        .hero-content {
                                            position: relative;
                                            max-width: 1200px;
                                            margin: 0 auto;
                                            padding: 250px 20px;
                                            color: #fff;
                                            text-align: center;
                                        }
                                        .hero-title {
                                            font-size: 48px;
                                            font-weight: 700;
                                            margin-bottom: 20px;
                                        }
                                        .hero-subtitle {
                                            font-size: 24px;
                                            margin-bottom: 40px;
                                        }
                                        .btn-primary {
                                            display: inline-block;
                                            padding: 10px 20px;
                                            background-color: #9AD63C;
                                            color: #fff;
                                            text-decoration: none;
                                            border-radius: 4.5px;
                                            font-weight: 500;
                                            transition: background-color 0.3s ease;
                                        }
                                        .btn-primary:hover {
                                            background-color: #8BC32F;
                                        }
                                        .services-section {
                                            padding: 80px 20px;
                                            background-color: #fff;
                                        }
                                        .section-title {
                                            text-align: center;
                                            font-size: 36px;
                                            color: #282828;
                                            margin-bottom: 60px;
                                        }
                                        .services-grid {
                                            display: grid;
                                            grid-template-columns: repeat(4, 1fr);
                                            gap: 30px;
                                            max-width: 1200px;
                                            margin: 0 auto;
                                        }
                                        .service-card {
                                            background: #F5F5F5;
                                            border: 1px solid rgba(82, 82, 82, 0.15);
                                            box-shadow: 0 0.87px 8.61px rgba(0, 0, 0, 0.08);
                                            padding: 20px;
                                            position: relative;
                                        }
                                        .service-card::before {
                                            content: '';
                                            position: absolute;
                                            left: 0;
                                            top: 0;
                                            width: 6px;
                                            height: 100%;
                                            background-color: #9AD63C;
                                        }
                                        .service-image {
                                            margin-bottom: 20px;
                                        }
                                        .service-image img {
                                            width: 100%;
                                            height: auto;
                                            border: 1px solid rgba(82, 82, 82, 0.5);
                                        }
                                        .service-title {
                                            font-size: 24px;
                                            color: #EEEEEE;
                                            margin-bottom: 20px;
                                            text-align: center;
                                        }
                                        .service-content {
                                            color: #525252;
                                            font-size: 16px;
                                            line-height: 1.6;
                                        }
                                        /* Responsive Styles */
                                        @media (max-width: 1200px) {
                                            .services-grid {
                                                grid-template-columns: repeat(2, 1fr);
                                            }
                                        }
                                        @media (max-width: 768px) {
                                            .hero-title {
                                                font-size: 36px;
                                            }
                                            .hero-subtitle {
                                                font-size: 20px;
                                            }
                                            .services-grid {
                                                grid-template-columns: 1fr;
                                            }
                                        }
                                        /* --- Figma-style business cards --- */
                                        .business-box {
                                            background: #fff;
                                            border-left: 4px solid var(--card-color, #4caf50);
                                            border-radius: 18px 18px 8px 8px;
                                            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
                                            overflow: hidden;
                                            display: flex;
                                            flex-direction: column;
                                            padding: 0;
                                            position: relative;
                                            transition: box-shadow 0.2s, transform 0.2s;
                                        }
                                        .business-box-top {
                                            position: relative;
                                            width: 100%;
                                            height: 160px;
                                            overflow: hidden;
                                            border-top-left-radius: 18px;
                                            border-top-right-radius: 18px;
                                            background: #222;
                                            display: flex;
                                            align-items: stretch;
                                            justify-content: stretch;
                                        }
                                        .business-box-img {
                                            width: 100%;
                                            height: 100%;
                                            object-fit: cover;
                                            display: block;
                                            border-top-left-radius: 18px;
                                            border-top-right-radius: 18px;
                                        }
                                        .business-box-overlay {
                                            position: absolute;
                                            inset: 0;
                                            background: rgba(34, 34, 34, 0.33);
                                            z-index: 1;
                                        }
                                        .business-box-title {
                                            position: absolute;
                                            left: 24px;
                                            bottom: 18px;
                                            color: #fff;
                                            font-size: 2rem;
                                            font-weight: 700;
                                            text-align: left;
                                            z-index: 2;
                                            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                                            margin: 0;
                                            padding: 0;
                                            letter-spacing: 0.01em;
                                        }
                                        .business-box-bottom {
                                            padding: 24px 20px 28px 20px;
                                            background: #fff;
                                            border-bottom-left-radius: 8px;
                                            border-bottom-right-radius: 8px;
                                            min-height: 140px;
                                            display: flex;
                                            align-items: flex-start;
                                        }
                                        .business-box-desc {
                                            color: #222;
                                            font-size: 1.05rem;
                                            line-height: 1.5;
                                            text-align: left;
                                            margin: 0;
                                        }
                                        .businesses-specializing-grid {
                                            display: grid;
                                            grid-template-columns: repeat(4, 1fr);
                                            gap: 32px;
                                            width: 100%;
                                            max-width: 1200px;
                                            margin: 0 auto;
                                        }
                                        @media (max-width: 1200px) {
                                            .businesses-specializing-grid {
                                                grid-template-columns: repeat(2, 1fr);
                                            }
                                        }
                                        @media (max-width: 700px) {
                                            .businesses-specializing-grid {
                                                grid-template-columns: 1fr;
                                            }
                                            .business-box-title {
                                                font-size: 1.3rem;
                                                left: 14px;
                                                bottom: 10px;
                                            }
                                            .business-box-bottom {
                                                padding: 16px 10px 18px 10px;
                                            }
                                        }
                                        padding: 18px 14px;
                                        font-family: 'League Spartan',
                                        Arial,
                                        sans-serif;
                                        font-size: 16px;
                                        color: #191919;
                                        break-inside: avoid;
                                        box-sizing: border-box;
                                        text-align: center;
                                        line-height: 1.25;
                                        letter-spacing: 0.01em;
                                    }
                                    .ss-masonry-card.claims {
                                        border-color: #b6e24b;
                                    }
                                    .ss-masonry-card.adas {
                                        border-color: #0d4c2b;
                                    }
                                    .ss-masonry-card.pdr {
                                        border-color: #5fc3a5;
                                    }
                                    .ss-masonry-card.glass {
                                        border-color: #4caf50;
                                    }
                                    .ss-masonry-card.ss-header-card {
                                        font-weight: 700;
                                        font-size: 15px;
                                        color: #fff;
                                        background: #b6e24b;
                                        border: none;
                                        margin-bottom: 18px;
                                        padding: 12px 0;
                                    }
                                    .ss-masonry-card.ss-header-card.adas {
                                        background: #0d4c2b;
                                    }
                                    .ss-masonry-card.ss-header-card.pdr {
                                        background: #5fc3a5;
                                    }
                                    .ss-masonry-card.ss-header-card.glass {
                                        background: #4caf50;
                                    }
                                    @media (max-width: 1100px) {
                                        .software-services-masonry {
                                            column-count: 2;
                                        }
                                    }
                                    @media (max-width: 700px) {
                                        .software-services-masonry {
                                            column-count: 1;
                                        }
                                        .ss-masonry-card {
                                            font-size: 0.95rem;
                                            padding: 12px 6px;
                                        }
                                        .ss-masonry-card.ss-header-card {
                                            font-size: 1rem;
                                            padding: 10px 0;
                                        }
                                    }
                                    /* Home Page Template Styles */
                                    .hero-section {
                                        position: relative;
                                        height: 730px;
                                        overflow: hidden;
                                    }
                                    .hero-background {
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        width: 100%;
                                        height: 100%;
                                        background-image: url('assets/images/hero-bg.jpg');
                                        background-size: cover;
                                        background-position: center;
                                    }
                                    .hero-overlay {
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        width: 100%;
                                        height: 100%;
                                        background: rgba(36, 38, 37, 0.8);
                                        backdrop-filter: blur(357.69px);
                                    }
                                    .hero-content {
                                        position: relative;
                                        max-width: 1200px;
                                        margin: 0 auto;
                                        padding: 250px 20px;
                                        color: #fff;
                                        text-align: center;
                                    }
                                    .hero-title {
                                        font-size: 48px;
                                        font-weight: 700;
                                        margin-bottom: 20px;
                                    }
                                    .hero-subtitle {
                                        font-size: 24px;
                                        margin-bottom: 40px;
                                    }
                                    .btn-primary {
                                        display: inline-block;
                                        padding: 10px 20px;
                                        background-color: #9AD63C;
                                        color: #fff;
                                        text-decoration: none;
                                        border-radius: 4.5px;
                                        font-weight: 500;
                                        transition: background-color 0.3s ease;
                                    }
                                    .btn-primary:hover {
                                        background-color: #8BC32F;
                                    }
                                    .services-section {
                                        padding: 80px 20px;
                                        background-color: #fff;
                                    }
                                    .section-title {
                                        text-align: center;
                                        font-size: 36px;
                                        color: #282828;
                                        margin-bottom: 60px;
                                    }
                                    .services-grid {
                                        display: grid;
                                        grid-template-columns: repeat(4, 1fr);
                                        gap: 30px;
                                        max-width: 1200px;
                                        margin: 0 auto;
                                    }
                                    .service-card {
                                        background: #F5F5F5;
                                        border: 1px solid rgba(82, 82, 82, 0.15);
                                        box-shadow: 0 0.87px 8.61px rgba(0, 0, 0, 0.08);
                                        padding: 20px;
                                        position: relative;
                                    }
                                    .service-card::before {
                                        content: '';
                                        position: absolute;
                                        left: 0;
                                        top: 0;
                                        width: 6px;
                                        height: 100%;
                                        background-color: #9AD63C;
                                    }
                                    .service-image {
                                        margin-bottom: 20px;
                                    }
                                    .service-image img {
                                        width: 100%;
                                        height: auto;
                                        border: 1px solid rgba(82, 82, 82, 0.5);
                                    }
                                    .service-title {
                                        font-size: 24px;
                                        color: #EEEEEE;
                                        margin-bottom: 20px;
                                        text-align: center;
                                    }
                                    .service-content {
                                        color: #525252;
                                        font-size: 16px;
                                        line-height: 1.6;
                                    }
                                    /* Responsive Styles */
                                    @media (max-width: 1200px) {
                                        .services-grid {
                                            grid-template-columns: repeat(2, 1fr);
                                        }
                                    }
                                    @media (max-width: 768px) {
                                        .hero-title {
                                            font-size: 36px;
                                        }
                                        .hero-subtitle {
                                            font-size: 20px;
                                        }
                                        .services-grid {
                                            grid-template-columns: 1fr;
                                        }
                                    }
                                    /* --- Figma-style business cards --- */
                                    .business-box {
                                        background: #fff;
                                        border-left: 4px solid var(--card-color, #4caf50);
                                        border-radius: 18px 18px 8px 8px;
                                        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
                                        overflow: hidden;
                                        display: flex;
                                        flex-direction: column;
                                        padding: 0;
                                        position: relative;
                                        transition: box-shadow 0.2s, transform 0.2s;
                                    }
                                    .business-box-top {
                                        position: relative;
                                        width: 100%;
                                        height: 160px;
                                        overflow: hidden;
                                        border-top-left-radius: 18px;
                                        border-top-right-radius: 18px;
                                        background: #222;
                                        display: flex;
                                        align-items: stretch;
                                        justify-content: stretch;
                                    }
                                    .business-box-img {
                                        width: 100%;
                                        height: 100%;
                                        object-fit: cover;
                                        display: block;
                                        border-top-left-radius: 18px;
                                        border-top-right-radius: 18px;
                                    }
                                    .business-box-overlay {
                                        position: absolute;
                                        inset: 0;
                                        background: rgba(34, 34, 34, 0.33);
                                        z-index: 1;
                                    }
                                    .business-box-title {
                                        position: absolute;
                                        left: 24px;
                                        bottom: 18px;
                                        color: #fff;
                                        font-size: 2rem;
                                        font-weight: 700;
                                        text-align: left;
                                        z-index: 2;
                                        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                                        margin: 0;
                                        padding: 0;
                                        letter-spacing: 0.01em;
                                    }
                                    .business-box-bottom {
                                        padding: 24px 20px 28px 20px;
                                        background: #fff;
                                        border-bottom-left-radius: 8px;
                                        border-bottom-right-radius: 8px;
                                        min-height: 140px;
                                        display: flex;
                                        align-items: flex-start;
                                    }
                                    .business-box-desc {
                                        color: #222;
                                        font-size: 1.05rem;
                                        line-height: 1.5;
                                        text-align: left;
                                        margin: 0;
                                    }
                                    .businesses-specializing-grid {
                                        display: grid;
                                        grid-template-columns: repeat(4, 1fr);
                                        gap: 32px;
                                        width: 100%;
                                        max-width: 1200px;
                                        margin: 0 auto;
                                    }
                                    @media (max-width: 1200px) {
                                        .businesses-specializing-grid {
                                            grid-template-columns: repeat(2, 1fr);
                                        }
                                    }
                                    @media (max-width: 700px) {
                                        .businesses-specializing-grid {
                                            grid-template-columns: 1fr;
                                        }
                                        .business-box-title {
                                            font-size: 1.3rem;
                                            left: 14px;
                                            bottom: 10px;
                                        }
                                        .business-box-bottom {
                                            padding: 16px 10px 18px 10px;
                                        }
                                    }
                                    /* --- SOFTWARE-SERVICES 100% pixel-perfect Figma 4-column grid --- */
                                    .software-services-figma-grid-4col-explicit {
                                        display: grid;
                                        grid-template-columns: 191px 139px 150px 177px;
                                        grid-auto-rows: 135px 121px 135px 91px;
                                        /* Use the tallest cell per row from Figma, fallback to 110px if needed */
                                        gap: 16px 18px;
                                        margin: 0 auto;
                                        justify-content: center;
                                    }
                                    .ss-header,
                                    .ss-header-glass {
                                        height: 44px;
                                        font-size: 15px;
                                        font-family: 'League Spartan', Arial, sans-serif;
                                        font-weight: 700;
                                        color: #191919;
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                        border-radius: 0;
                                        box-sizing: border-box;
                                        letter-spacing: 0.01em;
                                        background: transparent;
                                    }
                                    .ss-header-claims {
                                        background: #b6e24b;
                                        color: #222;
                                    }
                                    .ss-header-adas {
                                        background: #0d4c2b;
                                        color: #fff;
                                    }
                                    .ss-header-pdr {
                                        background: #5fc3a5;
                                        color: #fff;
                                    }
                                    .ss-header-glass {
                                        background: #4caf50;
                                        color: #fff;
                                        grid-column: 1 / span 4 !important;
                                        height: 44px;
                                    }
                                    .ss-header-empty {
                                        background: transparent;
                                        border: none;
                                        box-shadow: none;
                                        pointer-events: none;
                                    }
                                    .ss-cell {
                                        background: #fff;
                                        font-family: 'League Spartan', Arial, sans-serif;
                                        font-size: 16px;
                                        font-weight: 400;
                                        color: #191919;
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                        box-sizing: border-box;
                                        padding: 0 18px;
                                        border-radius: 0;
                                        border-width: 1.06px;
                                        border-style: solid;
                                        box-shadow: 1.5px 1.5px 2.9px 0 rgba(0, 0, 0, 0.05);
                                        min-height: 91px;
                                        height: 100%;
                                        line-height: 1.25;
                                        letter-spacing: 0.01em;
                                    }
                                    /* Column border color overrides for pixel-perfect Figma match */
                                    .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:1'] {
                                        border-color: #b6e24b;
                                    }
                                    .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:2'] {
                                        border-color: #0d4c2b;
                                    }
                                    .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:3'] {
                                        border-color: #5fc3a5;
                                    }
                                    .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:4'] {
                                        border-color: #4caf50;
                                    }
                                    .ss-cell.empty {
                                        background: transparent;
                                        border: none;
                                        box-shadow: none;
                                        pointer-events: none;
                                    }
                                    @media (max-width: 900px) {
                                        .software-services-figma-grid-4col-explicit {
                                            grid-template-columns: 1fr;
                                            grid-auto-rows: 110px;
                                        }
                                        .ss-header,
                                        .ss-header-glass,
                                        .ss-header-empty {
                                            grid-column: 1 !important;
                                        }
                                        .ss-cell,
                                        .ss-cell.empty {
                                            grid-column: 1 !important;
                                        }
                                    }
                                    @media (max-width: 600px) {
                                        .ss-header,
                                        .ss-header-glass {
                                            font-size: 1rem;
                                            padding: 8px 0;
                                            min-height: 40px;
                                            height: 40px;
                                        }
                                        .ss-cell {
                                            font-size: 0.95rem;
                                            padding: 0 6px;
                                            min-height: 40px;
                                        }
                                    }
                                    /* --- SOFTWARE-SERVICES true CSS masonry layout --- */
                                    .software-services-masonry {
                                        column-count: 4;
                                        column-gap: 18px;
                                        max-width: 900px;
                                        margin: 0 auto;
                                    }
                                    .ss-masonry-card {
                                        display: block;
                                        background: #fff;
                                        margin-bottom: 16px;
                                        border: 1.06px solid #b6e24b;
                                        box-shadow: 1.5px 1.5px 2.9px 0 rgba(0, 0, 0, 0.05);
                                        border-radius: 0;
                                        padding: 18px 14px;
                                        font-family: 'League Spartan', Arial, sans-serif;
                                        font-size: 16px;
                                        color: #191919;
                                        break-inside: avoid;
                                        box-sizing: border-box;
                                        text-align: center;
                                        line-height: 1.25;
                                        letter-spacing: 0.01em;
                                    }
                                    .ss-masonry-card.claims {
                                        border-color: #b6e24b;
                                    }
                                    .ss-masonry-card.adas {
                                        border-color: #0d4c2b;
                                    }
                                    .ss-masonry-card.pdr {
                                        border-color: #5fc3a5;
                                    }
                                    .ss-masonry-card.glass {
                                        border-color: #4caf50;
                                    }
                                    .ss-masonry-card.ss-header-card {
                                        font-weight: 700;
                                        font-size: 15px;
                                        color: #fff;
                                        background: #b6e24b;
                                        border: none;
                                        margin-bottom: 18px;
                                        padding: 12px 0;
                                    }
                                    .ss-masonry-card.ss-header-card.adas {
                                        background: #0d4c2b;
                                    }
                                    .ss-masonry-card.ss-header-card.pdr {
                                        background: #5fc3a5;
                                    }
                                    .ss-masonry-card.ss-header-card.glass {
                                        background: #4caf50;
                                    }
                                    @media (max-width: 1100px) {
                                        .software-services-masonry {
                                            column-count: 2;
                                        }
                                    }
                                    @media (max-width: 700px) {
                                        .software-services-masonry {
                                            column-count: 1;
                                        }
                                        .ss-masonry-card {
                                            font-size: 0.95rem;
                                            padding: 12px 6px;
                                        }
                                        .ss-masonry-card.ss-header-card {
                                            font-size: 1rem;
                                            padding: 10px 0;
                                        }
                                    }
                                    /* Home Page Template Styles */
                                    .hero-section {
                                        position: relative;
                                        height: 730px;
                                        overflow: hidden;
                                    }
                                    .hero-background {
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        width: 100%;
                                        height: 100%;
                                        background-image: url('assets/images/hero-bg.jpg');
                                        background-size: cover;
                                        background-position: center;
                                    }
                                    .hero-overlay {
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        width: 100%;
                                        height: 100%;
                                        background: rgba(36, 38, 37, 0.8);
                                        backdrop-filter: blur(357.69px);
                                    }
                                    .hero-content {
                                        position: relative;
                                        max-width: 1200px;
                                        margin: 0 auto;
                                        padding: 250px 20px;
                                        color: #fff;
                                        text-align: center;
                                    }
                                    .hero-title {
                                        font-size: 48px;
                                        font-weight: 700;
                                        margin-bottom: 20px;
                                    }
                                    .hero-subtitle {
                                        font-size: 24px;
                                        margin-bottom: 40px;
                                    }
                                    .btn-primary {
                                        display: inline-block;
                                        padding: 10px 20px;
                                        background-color: #9AD63C;
                                        color: #fff;
                                        text-decoration: none;
                                        border-radius: 4.5px;
                                        font-weight: 500;
                                        transition: background-color 0.3s ease;
                                    }
                                    .btn-primary:hover {
                                        background-color: #8BC32F;
                                    }
                                    .services-section {
                                        padding: 80px 20px;
                                        background-color: #fff;
                                    }
                                    .section-title {
                                        text-align: center;
                                        font-size: 36px;
                                        color: #282828;
                                        margin-bottom: 60px;
                                    }
                                    .services-grid {
                                        display: grid;
                                        grid-template-columns: repeat(4, 1fr);
                                        gap: 30px;
                                        max-width: 1200px;
                                        margin: 0 auto;
                                    }
                                    .service-card {
                                        background: #F5F5F5;
                                        border: 1px solid rgba(82, 82, 82, 0.15);
                                        box-shadow: 0 0.87px 8.61px rgba(0, 0, 0, 0.08);
                                        padding: 20px;
                                        position: relative;
                                    }
                                    .service-card::before {
                                        content: '';
                                        position: absolute;
                                        left: 0;
                                        top: 0;
                                        width: 6px;
                                        height: 100%;
                                        background-color: #9AD63C;
                                    }
                                    .service-image {
                                        margin-bottom: 20px;
                                    }
                                    .service-image img {
                                        width: 100%;
                                        height: auto;
                                        border: 1px solid rgba(82, 82, 82, 0.5);
                                    }
                                    .service-title {
                                        font-size: 24px;
                                        color: #EEEEEE;
                                        margin-bottom: 20px;
                                        text-align: center;
                                    }
                                    .service-content {
                                        color: #525252;
                                        font-size: 16px;
                                        line-height: 1.6;
                                    }
                                    /* Responsive Styles */
                                    @media (max-width: 1200px) {
                                        .services-grid {
                                            grid-template-columns: repeat(2, 1fr);
                                        }
                                    }
                                    @media (max-width: 768px) {
                                        .hero-title {
                                            font-size: 36px;
                                        }
                                        .hero-subtitle {
                                            font-size: 20px;
                                        }
                                        .services-grid {
                                            grid-template-columns: 1fr;
                                        }
                                    }
                                    /* --- Figma-style business cards --- */
                                    .business-box {
                                        background: #fff;
                                        border-left: 4px solid var(--card-color, #4caf50);
                                        border-radius: 18px 18px 8px 8px;
                                        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
                                        overflow: hidden;
                                        display: flex;
                                        flex-direction: column;
                                        padding: 0;
                                        position: relative;
                                        transition: box-shadow 0.2s, transform 0.2s;
                                    }
                                    .business-box-top {
                                        position: relative;
                                        width: 100%;
                                        height: 160px;
                                        overflow: hidden;
                                        border-top-left-radius: 18px;
                                        border-top-right-radius: 18px;
                                        background: #222;
                                        display: flex;
                                        align-items: stretch;
                                        justify-content: stretch;
                                    }
                                    .business-box-img {
                                        width: 100%;
                                        height: 100%;
                                        object-fit: cover;
                                        display: block;
                                        border-top-left-radius: 18px;
                                        border-top-right-radius: 18px;
                                    }
                                    .business-box-overlay {
                                        position: absolute;
                                        inset: 0;
                                        background: rgba(34, 34, 34, 0.33);
                                        z-index: 1;
                                    }
                                    .business-box-title {
                                        position: absolute;
                                        left: 24px;
                                        bottom: 18px;
                                        color: #fff;
                                        font-size: 2rem;
                                        font-weight: 700;
                                        text-align: left;
                                        z-index: 2;
                                        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                                        margin: 0;
                                        padding: 0;
                                        letter-spacing: 0.01em;
                                    }
                                    .business-box-bottom {
                                        padding: 24px 20px 28px 20px;
                                        background: #fff;
                                        border-bottom-left-radius: 8px;
                                        border-bottom-right-radius: 8px;
                                        min-height: 140px;
                                        display: flex;
                                        align-items: flex-start;
                                    }
                                    .business-box-desc {
                                        color: #222;
                                        font-size: 1.05rem;
                                        line-height: 1.5;
                                        text-align: left;
                                        margin: 0;
                                    }
                                    .businesses-specializing-grid {
                                        display: grid;
                                        grid-template-columns: repeat(4, 1fr);
                                        gap: 32px;
                                        width: 100%;
                                        max-width: 1200px;
                                        margin: 0 auto;
                                    }
                                    @media (max-width: 1200px) {
                                        .businesses-specializing-grid {
                                            grid-template-columns: repeat(2, 1fr);
                                        }
                                    }
                                    @media (max-width: 700px) {
                                        .businesses-specializing-grid {
                                            grid-template-columns: 1fr;
                                        }
                                        .business-box-title {
                                            font-size: 1.3rem;
                                            left: 14px;
                                            bottom: 10px;
                                        }
                                        .business-box-bottom {
                                            padding: 16px 10px 18px 10px;
                                        }
                                    }
                                    text-align: center;
                                }
                                .service-content {
                                    color: #525252;
                                    font-size: 16px;
                                    line-height: 1.6;
                                }
                                /* Responsive Styles */
                                @media (max-width: 1200px) {
                                    .services-grid {
                                        grid-template-columns: repeat(2, 1fr);
                                    }
                                }
                                @media (max-width: 768px) {
                                    .hero-title {
                                        font-size: 36px;
                                    }
                                    .hero-subtitle {
                                        font-size: 20px;
                                    }
                                    .services-grid {
                                        grid-template-columns: 1fr;
                                    }
                                }
                                /* --- Figma-style business cards --- */
                                .business-box {
                                    background: #fff;
                                    border-left: 4px solid var(--card-color, #4caf50);
                                    border-radius: 18px 18px 8px 8px;
                                    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
                                    overflow: hidden;
                                    display: flex;
                                    flex-direction: column;
                                    padding: 0;
                                    position: relative;
                                    transition: box-shadow 0.2s, transform 0.2s;
                                }
                                .business-box-top {
                                    position: relative;
                                    width: 100%;
                                    height: 160px;
                                    overflow: hidden;
                                    border-top-left-radius: 18px;
                                    border-top-right-radius: 18px;
                                    background: #222;
                                    display: flex;
                                    align-items: stretch;
                                    justify-content: stretch;
                                }
                                .business-box-img {
                                    width: 100%;
                                    height: 100%;
                                    object-fit: cover;
                                    display: block;
                                    border-top-left-radius: 18px;
                                    border-top-right-radius: 18px;
                                }
                                .business-box-overlay {
                                    position: absolute;
                                    inset: 0;
                                    background: rgba(34, 34, 34, 0.33);
                                    z-index: 1;
                                }
                                .business-box-title {
                                    position: absolute;
                                    left: 24px;
                                    bottom: 18px;
                                    color: #fff;
                                    font-size: 2rem;
                                    font-weight: 700;
                                    text-align: left;
                                    z-index: 2;
                                    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                                    margin: 0;
                                    padding: 0;
                                    letter-spacing: 0.01em;
                                }
                                .business-box-bottom {
                                    padding: 24px 20px 28px 20px;
                                    background: #fff;
                                    border-bottom-left-radius: 8px;
                                    border-bottom-right-radius: 8px;
                                    min-height: 140px;
                                    display: flex;
                                    align-items: flex-start;
                                }
                                .business-box-desc {
                                    color: #222;
                                    font-size: 1.05rem;
                                    line-height: 1.5;
                                    text-align: left;
                                    margin: 0;
                                }
                                .businesses-specializing-grid {
                                    display: grid;
                                    grid-template-columns: repeat(4, 1fr);
                                    gap: 32px;
                                    width: 100%;
                                    max-width: 1200px;
                                    margin: 0 auto;
                                }
                                @media (max-width: 1200px) {
                                    .businesses-specializing-grid {
                                        grid-template-columns: repeat(2, 1fr);
                                    }
                                }
                                @media (max-width: 700px) {
                                    .businesses-specializing-grid {
                                        grid-template-columns: 1fr;
                                    }
                                    .business-box-title {
                                        font-size: 1.3rem;
                                        left: 14px;
                                        bottom: 10px;
                                    }
                                    .business-box-bottom {
                                        padding: 16px 10px 18px 10px;
                                    }
                                }
                                @media (max-width: 768px) {
                                    .hero-title {
                                        font-size: 36px;
                                    }
                                    .hero-subtitle {
                                        font-size: 20px;
                                    }
                                    .services-grid {
                                        grid-template-columns: 1fr;
                                    }
                                }
                                /* --- Figma-style business cards --- */
                                .business-box {
                                    background: #fff;
                                    border-left: 4px solid var(--card-color, #4caf50);
                                    border-radius: 18px 18px 8px 8px;
                                    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
                                    overflow: hidden;
                                    display: flex;
                                    flex-direction: column;
                                    padding: 0;
                                    position: relative;
                                    transition: box-shadow 0.2s, transform 0.2s;
                                }
                                .business-box-top {
                                    position: relative;
                                    width: 100%;
                                    height: 160px;
                                    overflow: hidden;
                                    border-top-left-radius: 18px;
                                    border-top-right-radius: 18px;
                                    background: #222;
                                    display: flex;
                                    align-items: stretch;
                                    justify-content: stretch;
                                }
                                .business-box-img {
                                    width: 100%;
                                    height: 100%;
                                    object-fit: cover;
                                    display: block;
                                    border-top-left-radius: 18px;
                                    border-top-right-radius: 18px;
                                }
                                .business-box-overlay {
                                    position: absolute;
                                    inset: 0;
                                    background: rgba(34, 34, 34, 0.33);
                                    z-index: 1;
                                }
                                .business-box-title {
                                    position: absolute;
                                    left: 24px;
                                    bottom: 18px;
                                    color: #fff;
                                    font-size: 2rem;
                                    font-weight: 700;
                                    text-align: left;
                                    z-index: 2;
                                    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                                    margin: 0;
                                    padding: 0;
                                    letter-spacing: 0.01em;
                                }
                                .business-box-bottom {
                                    padding: 24px 20px 28px 20px;
                                    background: #fff;
                                    border-bottom-left-radius: 8px;
                                    border-bottom-right-radius: 8px;
                                    min-height: 140px;
                                    display: flex;
                                    align-items: flex-start;
                                }
                                .business-box-desc {
                                    color: #222;
                                    font-size: 1.05rem;
                                    line-height: 1.5;
                                    text-align: left;
                                    margin: 0;
                                }
                                .businesses-specializing-grid {
                                    display: grid;
                                    grid-template-columns: repeat(4, 1fr);
                                    gap: 32px;
                                    width: 100%;
                                    max-width: 1200px;
                                    margin: 0 auto;
                                }
                                @media (max-width: 1200px) {
                                    .businesses-specializing-grid {
                                        grid-template-columns: repeat(2, 1fr);
                                    }
                                }
                                @media (max-width: 700px) {
                                    .businesses-specializing-grid {
                                        grid-template-columns: 1fr;
                                    }
                                    .business-box-title {
                                        font-size: 1.3rem;
                                        left: 14px;
                                        bottom: 10px;
                                    }
                                    .business-box-bottom {
                                        padding: 16px 10px 18px 10px;
                                    }
                                }
                                .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:4'] {
                                    border-color: #4caf50;
                                }
                                .ss-cell.empty {
                                    background: transparent;
                                    border: none;
                                    box-shadow: none;
                                    pointer-events: none;
                                }
                                @media (max-width: 900px) {
                                    .software-services-figma-grid-4col-explicit {
                                        grid-template-columns: 1fr;
                                        grid-auto-rows: 56px;
                                    }
                                    .ss-header,
                                    .ss-header-glass,
                                    .ss-header-empty {
                                        grid-column: 1 !important;
                                    }
                                    .ss-cell,
                                    .ss-cell.empty {
                                        grid-column: 1 !important;
                                    }
                                }
                                @media (max-width: 600px) {
                                    .ss-header,
                                    .ss-header-glass {
                                        font-size: 1rem;
                                        padding: 8px 0;
                                        min-height: 40px;
                                        height: 40px;
                                    }
                                    .ss-cell {
                                        font-size: 0.95rem;
                                        padding: 0 6px;
                                        min-height: 40px;
                                    }
                                }
                                /* --- SOFTWARE-SERVICES 100% pixel-perfect Figma 4-column grid --- */
                                .software-services-figma-grid-4col-explicit {
                                    display: grid;
                                    grid-template-columns: 191px 139px 150px 177px;
                                    grid-auto-rows: 135px 121px 135px 91px;
                                    /* Use the tallest cell per row from Figma, fallback to 110px if needed */
                                    gap: 16px 18px;
                                    margin: 0 auto;
                                    justify-content: center;
                                }
                                .ss-header,
                                .ss-header-glass {
                                    height: 44px;
                                    font-size: 15px;
                                    font-family: 'League Spartan', Arial, sans-serif;
                                    font-weight: 700;
                                    color: #191919;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    border-radius: 0;
                                    box-sizing: border-box;
                                    letter-spacing: 0.01em;
                                    background: transparent;
                                }
                                .ss-header-claims {
                                    background: #b6e24b;
                                    color: #222;
                                }
                                .ss-header-adas {
                                    background: #0d4c2b;
                                    color: #fff;
                                }
                                .ss-header-pdr {
                                    background: #5fc3a5;
                                    color: #fff;
                                }
                                .ss-header-glass {
                                    background: #4caf50;
                                    color: #fff;
                                    grid-column: 1 / span 4 !important;
                                    height: 44px;
                                }
                                .ss-header-empty {
                                    background: transparent;
                                    border: none;
                                    box-shadow: none;
                                    pointer-events: none;
                                }
                                .ss-cell {
                                    background: #fff;
                                    font-family: 'League Spartan', Arial, sans-serif;
                                    font-size: 16px;
                                    font-weight: 400;
                                    color: #191919;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    box-sizing: border-box;
                                    padding: 0 18px;
                                    border-radius: 0;
                                    border-width: 1.06px;
                                    border-style: solid;
                                    box-shadow: 1.5px 1.5px 2.9px 0 rgba(0, 0, 0, 0.05);
                                    min-height: 91px;
                                    height: 100%;
                                    line-height: 1.25;
                                    letter-spacing: 0.01em;
                                }
                                /* Column border color overrides for pixel-perfect Figma match */
                                .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:1'] {
                                    border-color: #b6e24b;
                                }
                                .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:2'] {
                                    border-color: #0d4c2b;
                                }
                                .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:3'] {
                                    border-color: #5fc3a5;
                                }
                                .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:4'] {
                                    border-color: #4caf50;
                                }
                                .ss-cell.empty {
                                    background: transparent;
                                    border: none;
                                    box-shadow: none;
                                    pointer-events: none;
                                }
                                @media (max-width: 900px) {
                                    .software-services-figma-grid-4col-explicit {
                                        grid-template-columns: 1fr;
                                        grid-auto-rows: 110px;
                                    }
                                    .ss-header,
                                    .ss-header-glass,
                                    .ss-header-empty {
                                        grid-column: 1 !important;
                                    }
                                    .ss-cell,
                                    .ss-cell.empty {
                                        grid-column: 1 !important;
                                    }
                                }
                                @media (max-width: 600px) {
                                    .ss-header,
                                    .ss-header-glass {
                                        font-size: 1rem;
                                        padding: 8px 0;
                                        min-height: 40px;
                                        height: 40px;
                                    }
                                    .ss-cell {
                                        font-size: 0.95rem;
                                        padding: 0 6px;
                                        min-height: 40px;
                                    }
                                }
                                /* --- SOFTWARE-SERVICES true CSS masonry layout --- */
                                .software-services-masonry {
                                    column-count: 4;
                                    column-gap: 18px;
                                    max-width: 900px;
                                    margin: 0 auto;
                                }
                                .ss-masonry-card {
                                    display: block;
                                    background: #fff;
                                    margin-bottom: 16px;
                                    border: 1.06px solid #b6e24b;
                                    box-shadow: 1.5px 1.5px 2.9px 0 rgba(0, 0, 0, 0.05);
                                    border-radius: 0;
                                    padding: 18px 14px;
                                    font-family: 'League Spartan', Arial, sans-serif;
                                    font-size: 16px;
                                    color: #191919;
                                    break-inside: avoid;
                                    box-sizing: border-box;
                                    text-align: center;
                                    line-height: 1.25;
                                    letter-spacing: 0.01em;
                                }
                                .ss-masonry-card.claims {
                                    border-color: #b6e24b;
                                }
                                .ss-masonry-card.adas {
                                    border-color: #0d4c2b;
                                }
                                .ss-masonry-card.pdr {
                                    border-color: #5fc3a5;
                                }
                                .ss-masonry-card.glass {
                                    border-color: #4caf50;
                                }
                                .ss-masonry-card.ss-header-card {
                                    font-weight: 700;
                                    font-size: 15px;
                                    color: #fff;
                                    background: #b6e24b;
                                    border: none;
                                    margin-bottom: 18px;
                                    padding: 12px 0;
                                }
                                .ss-masonry-card.ss-header-card.adas {
                                    background: #0d4c2b;
                                }
                                .ss-masonry-card.ss-header-card.pdr {
                                    background: #5fc3a5;
                                }
                                .ss-masonry-card.ss-header-card.glass {
                                    background: #4caf50;
                                }
                                @media (max-width: 1100px) {
                                    .software-services-masonry {
                                        column-count: 2;
                                    }
                                }
                                @media (max-width: 700px) {
                                    .software-services-masonry {
                                        column-count: 1;
                                    }
                                    .ss-masonry-card {
                                        font-size: 0.95rem;
                                        padding: 12px 6px;
                                    }
                                    .ss-masonry-card.ss-header-card {
                                        font-size: 1rem;
                                        padding: 10px 0;
                                    }
                                }
                                /* Home Page Template Styles */
                                .hero-section {
                                    position: relative;
                                    height: 730px;
                                    overflow: hidden;
                                }
                                .hero-background {
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    width: 100%;
                                    height: 100%;
                                    background-image: url('assets/images/hero-bg.jpg');
                                    background-size: cover;
                                    background-position: center;
                                }
                                .hero-overlay {
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    width: 100%;
                                    height: 100%;
                                    background: rgba(36, 38, 37, 0.8);
                                    backdrop-filter: blur(357.69px);
                                }
                                .hero-content {
                                    position: relative;
                                    max-width: 1200px;
                                    margin: 0 auto;
                                    padding: 250px 20px;
                                    color: #fff;
                                    text-align: center;
                                }
                                .hero-title {
                                    font-size: 48px;
                                    font-weight: 700;
                                    margin-bottom: 20px;
                                }
                                .hero-subtitle {
                                    font-size: 24px;
                                    margin-bottom: 40px;
                                }
                                .btn-primary {
                                    display: inline-block;
                                    padding: 10px 20px;
                                    background-color: #9AD63C;
                                    color: #fff;
                                    text-decoration: none;
                                    border-radius: 4.5px;
                                    font-weight: 500;
                                    transition: background-color 0.3s ease;
                                }
                                .btn-primary:hover {
                                    background-color: #8BC32F;
                                }
                                .services-section {
                                    padding: 80px 20px;
                                    background-color: #fff;
                                }
                                .section-title {
                                    text-align: center;
                                    font-size: 36px;
                                    color: #282828;
                                    margin-bottom: 60px;
                                }
                                .services-grid {
                                    display: grid;
                                    grid-template-columns: repeat(4, 1fr);
                                    gap: 30px;
                                    max-width: 1200px;
                                    margin: 0 auto;
                                }
                                .service-card {
                                    background: #F5F5F5;
                                    border: 1px solid rgba(82, 82, 82, 0.15);
                                    box-shadow: 0 0.87px 8.61px rgba(0, 0, 0, 0.08);
                                    padding: 20px;
                                    position: relative;
                                }
                                .service-card::before {
                                    content: '';
                                    position: absolute;
                                    left: 0;
                                    top: 0;
                                    width: 6px;
                                    height: 100%;
                                    background-color: #9AD63C;
                                }
                                .service-image {
                                    margin-bottom: 20px;
                                }
                                .service-image img {
                                    width: 100%;
                                    height: auto;
                                    border: 1px solid rgba(82, 82, 82, 0.5);
                                }
                                .service-title {
                                    font-size: 24px;
                                    color: #EEEEEE;
                                    margin-bottom: 20px;
                                    text-align: center;
                                }
                                .service-content {
                                    color: #525252;
                                    font-size: 16px;
                                    line-height: 1.6;
                                }
                                /* Responsive Styles */
                                @media (max-width: 1200px) {
                                    .services-grid {
                                        grid-template-columns: repeat(2, 1fr);
                                    }
                                }
                                @media (max-width: 768px) {
                                    .hero-title {
                                        font-size: 36px;
                                    }
                                    .hero-subtitle {
                                        font-size: 20px;
                                    }
                                    .services-grid {
                                        grid-template-columns: 1fr;
                                    }
                                }
                                /* --- Figma-style business cards --- */
                                .business-box {
                                    background: #fff;
                                    border-left: 4px solid var(--card-color, #4caf50);
                                    border-radius: 18px 18px 8px 8px;
                                    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
                                    overflow: hidden;
                                    display: flex;
                                    flex-direction: column;
                                    padding: 0;
                                    position: relative;
                                    transition: box-shadow 0.2s, transform 0.2s;
                                }
                                .business-box-top {
                                    position: relative;
                                    width: 100%;
                                    height: 160px;
                                    overflow: hidden;
                                    border-top-left-radius: 18px;
                                    border-top-right-radius: 18px;
                                    background: #222;
                                    display: flex;
                                    align-items: stretch;
                                    justify-content: stretch;
                                }
                                .business-box-img {
                                    width: 100%;
                                    height: 100%;
                                    object-fit: cover;
                                    display: block;
                                    border-top-left-radius: 18px;
                                    border-top-right-radius: 18px;
                                }
                                .business-box-overlay {
                                    position: absolute;
                                    inset: 0;
                                    background: rgba(34, 34, 34, 0.33);
                                    z-index: 1;
                                }
                                .business-box-title {
                                    position: absolute;
                                    left: 24px;
                                    bottom: 18px;
                                    color: #fff;
                                    font-size: 2rem;
                                    font-weight: 700;
                                    text-align: left;
                                    z-index: 2;
                                    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                                    margin: 0;
                                    padding: 0;
                                    letter-spacing: 0.01em;
                                }
                                .business-box-bottom {
                                    padding: 24px 20px 28px 20px;
                                    background: #fff;
                                    border-bottom-left-radius: 8px;
                                    border-bottom-right-radius: 8px;
                                    min-height: 140px;
                                    display: flex;
                                    align-items: flex-start;
                                }
                                .business-box-desc {
                                    color: #222;
                                    font-size: 1.05rem;
                                    line-height: 1.5;
                                    text-align: left;
                                    margin: 0;
                                }
                                .businesses-specializing-grid {
                                    display: grid;
                                    grid-template-columns: repeat(4, 1fr);
                                    gap: 32px;
                                    width: 100%;
                                    max-width: 1200px;
                                    margin: 0 auto;
                                }
                                @media (max-width: 1200px) {
                                    .businesses-specializing-grid {
                                        grid-template-columns: repeat(2, 1fr);
                                    }
                                }
                                @media (max-width: 700px) {
                                    .businesses-specializing-grid {
                                        grid-template-columns: 1fr;
                                    }
                                    .business-box-title {
                                        font-size: 1.3rem;
                                        left: 14px;
                                        bottom: 10px;
                                    }
                                    .business-box-bottom {
                                        padding: 16px 10px 18px 10px;
                                    }
                                }
                                transition: box-shadow 0.2s,
                                transform 0.2s;
                            }
                            .business-box-top {
                                position: relative;
                                width: 100%;
                                height: 160px;
                                overflow: hidden;
                                border-top-left-radius: 18px;
                                border-top-right-radius: 18px;
                                background: #222;
                                display: flex;
                                align-items: stretch;
                                justify-content: stretch;
                            }
                            .business-box-img {
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                                display: block;
                                border-top-left-radius: 18px;
                                border-top-right-radius: 18px;
                            }
                            .business-box-overlay {
                                position: absolute;
                                inset: 0;
                                background: rgba(34, 34, 34, 0.33);
                                z-index: 1;
                            }
                            .business-box-title {
                                position: absolute;
                                left: 24px;
                                bottom: 18px;
                                color: #fff;
                                font-size: 2rem;
                                font-weight: 700;
                                text-align: left;
                                z-index: 2;
                                text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                                margin: 0;
                                padding: 0;
                                letter-spacing: 0.01em;
                            }
                            .business-box-bottom {
                                padding: 24px 20px 28px 20px;
                                background: #fff;
                                border-bottom-left-radius: 8px;
                                border-bottom-right-radius: 8px;
                                min-height: 140px;
                                display: flex;
                                align-items: flex-start;
                            }
                            .business-box-desc {
                                color: #222;
                                font-size: 1.05rem;
                                line-height: 1.5;
                                text-align: left;
                                margin: 0;
                            }
                            .businesses-specializing-grid {
                                display: grid;
                                grid-template-columns: repeat(4, 1fr);
                                gap: 32px;
                                width: 100%;
                                max-width: 1200px;
                                margin: 0 auto;
                            }
                            @media (max-width: 1200px) {
                                .businesses-specializing-grid {
                                    grid-template-columns: repeat(2, 1fr);
                                }
                            }
                            @media (max-width: 700px) {
                                .businesses-specializing-grid {
                                    grid-template-columns: 1fr;
                                }
                                .business-box-title {
                                    font-size: 1.3rem;
                                    left: 14px;
                                    bottom: 10px;
                                }
                                .business-box-bottom {
                                    padding: 16px 10px 18px 10px;
                                }
                            }
                            /* Column border color overrides for pixel-perfect Figma match */
                            .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:1'] {
                                border-color: #b6e24b;
                            }
                            .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:2'] {
                                border-color: #0d4c2b;
                            }
                            .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:3'] {
                                border-color: #5fc3a5;
                            }
                            .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:4'] {
                                border-color: #4caf50;
                            }
                            .ss-cell.empty {
                                background: transparent;
                                border: none;
                                box-shadow: none;
                                pointer-events: none;
                            }
                            @media (max-width: 900px) {
                                .software-services-figma-grid-4col-explicit {
                                    grid-template-columns: 1fr;
                                    grid-auto-rows: 56px;
                                }
                                .ss-header,
                                .ss-header-glass,
                                .ss-header-empty {
                                    grid-column: 1 !important;
                                }
                                .ss-cell,
                                .ss-cell.empty {
                                    grid-column: 1 !important;
                                }
                            }
                            @media (max-width: 600px) {
                                .ss-header,
                                .ss-header-glass {
                                    font-size: 1rem;
                                    padding: 8px 0;
                                    min-height: 40px;
                                    height: 40px;
                                }
                                .ss-cell {
                                    font-size: 0.95rem;
                                    padding: 0 6px;
                                    min-height: 40px;
                                }
                            }
                            /* --- SOFTWARE-SERVICES 100% pixel-perfect Figma 4-column grid --- */
                            .software-services-figma-grid-4col-explicit {
                                display: grid;
                                grid-template-columns: 191px 139px 150px 177px;
                                grid-auto-rows: 135px 121px 135px 91px;
                                /* Use the tallest cell per row from Figma, fallback to 110px if needed */
                                gap: 16px 18px;
                                margin: 0 auto;
                                justify-content: center;
                            }
                            .ss-header,
                            .ss-header-glass {
                                height: 44px;
                                font-size: 15px;
                                font-family: 'League Spartan', Arial, sans-serif;
                                font-weight: 700;
                                color: #191919;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                border-radius: 0;
                                box-sizing: border-box;
                                letter-spacing: 0.01em;
                                background: transparent;
                            }
                            .ss-header-claims {
                                background: #b6e24b;
                                color: #222;
                            }
                            .ss-header-adas {
                                background: #0d4c2b;
                                color: #fff;
                            }
                            .ss-header-pdr {
                                background: #5fc3a5;
                                color: #fff;
                            }
                            .ss-header-glass {
                                background: #4caf50;
                                color: #fff;
                                grid-column: 1 / span 4 !important;
                                height: 44px;
                            }
                            .ss-header-empty {
                                background: transparent;
                                border: none;
                                box-shadow: none;
                                pointer-events: none;
                            }
                            .ss-cell {
                                background: #fff;
                                font-family: 'League Spartan', Arial, sans-serif;
                                font-size: 16px;
                                font-weight: 400;
                                color: #191919;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                box-sizing: border-box;
                                padding: 0 18px;
                                border-radius: 0;
                                border-width: 1.06px;
                                border-style: solid;
                                box-shadow: 1.5px 1.5px 2.9px 0 rgba(0, 0, 0, 0.05);
                                min-height: 91px;
                                height: 100%;
                                line-height: 1.25;
                                letter-spacing: 0.01em;
                            }
                            /* Column border color overrides for pixel-perfect Figma match */
                            .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:1'] {
                                border-color: #b6e24b;
                            }
                            .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:2'] {
                                border-color: #0d4c2b;
                            }
                            .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:3'] {
                                border-color: #5fc3a5;
                            }
                            .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:4'] {
                                border-color: #4caf50;
                            }
                            .ss-cell.empty {
                                background: transparent;
                                border: none;
                                box-shadow: none;
                                pointer-events: none;
                            }
                            @media (max-width: 900px) {
                                .software-services-figma-grid-4col-explicit {
                                    grid-template-columns: 1fr;
                                    grid-auto-rows: 110px;
                                }
                                .ss-header,
                                .ss-header-glass,
                                .ss-header-empty {
                                    grid-column: 1 !important;
                                }
                                .ss-cell,
                                .ss-cell.empty {
                                    grid-column: 1 !important;
                                }
                            }
                            @media (max-width: 600px) {
                                .ss-header,
                                .ss-header-glass {
                                    font-size: 1rem;
                                    padding: 8px 0;
                                    min-height: 40px;
                                    height: 40px;
                                }
                                .ss-cell {
                                    font-size: 0.95rem;
                                    padding: 0 6px;
                                    min-height: 40px;
                                }
                            }
                            /* --- SOFTWARE-SERVICES true CSS masonry layout --- */
                            .software-services-masonry {
                                column-count: 4;
                                column-gap: 18px;
                                max-width: 900px;
                                margin: 0 auto;
                            }
                            .ss-masonry-card {
                                display: block;
                                background: #fff;
                                margin-bottom: 16px;
                                border: 1.06px solid #b6e24b;
                                box-shadow: 1.5px 1.5px 2.9px 0 rgba(0, 0, 0, 0.05);
                                border-radius: 0;
                                padding: 18px 14px;
                                font-family: 'League Spartan', Arial, sans-serif;
                                font-size: 16px;
                                color: #191919;
                                break-inside: avoid;
                                box-sizing: border-box;
                                text-align: center;
                                line-height: 1.25;
                                letter-spacing: 0.01em;
                            }
                            .ss-masonry-card.claims {
                                border-color: #b6e24b;
                            }
                            .ss-masonry-card.adas {
                                border-color: #0d4c2b;
                            }
                            .ss-masonry-card.pdr {
                                border-color: #5fc3a5;
                            }
                            .ss-masonry-card.glass {
                                border-color: #4caf50;
                            }
                            .ss-masonry-card.ss-header-card {
                                font-weight: 700;
                                font-size: 15px;
                                color: #fff;
                                background: #b6e24b;
                                border: none;
                                margin-bottom: 18px;
                                padding: 12px 0;
                            }
                            .ss-masonry-card.ss-header-card.adas {
                                background: #0d4c2b;
                            }
                            .ss-masonry-card.ss-header-card.pdr {
                                background: #5fc3a5;
                            }
                            .ss-masonry-card.ss-header-card.glass {
                                background: #4caf50;
                            }
                            @media (max-width: 1100px) {
                                .software-services-masonry {
                                    column-count: 2;
                                }
                            }
                            @media (max-width: 700px) {
                                .software-services-masonry {
                                    column-count: 1;
                                }
                                .ss-masonry-card {
                                    font-size: 0.95rem;
                                    padding: 12px 6px;
                                }
                                .ss-masonry-card.ss-header-card {
                                    font-size: 1rem;
                                    padding: 10px 0;
                                }
                            }
                            /* Home Page Template Styles */
                            .hero-section {
                                position: relative;
                                height: 730px;
                                overflow: hidden;
                            }
                            .hero-background {
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                background-image: url('assets/images/hero-bg.jpg');
                                background-size: cover;
                                background-position: center;
                            }
                            .hero-overlay {
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                background: rgba(36, 38, 37, 0.8);
                                backdrop-filter: blur(357.69px);
                            }
                            .hero-content {
                                position: relative;
                                max-width: 1200px;
                                margin: 0 auto;
                                padding: 250px 20px;
                                color: #fff;
                                text-align: center;
                            }
                            .hero-title {
                                font-size: 48px;
                                font-weight: 700;
                                margin-bottom: 20px;
                            }
                            .hero-subtitle {
                                font-size: 24px;
                                margin-bottom: 40px;
                            }
                            .btn-primary {
                                display: inline-block;
                                padding: 10px 20px;
                                background-color: #9AD63C;
                                color: #fff;
                                text-decoration: none;
                                border-radius: 4.5px;
                                font-weight: 500;
                                transition: background-color 0.3s ease;
                            }
                            .btn-primary:hover {
                                background-color: #8BC32F;
                            }
                            .services-section {
                                padding: 80px 20px;
                                background-color: #fff;
                            }
                            .section-title {
                                text-align: center;
                                font-size: 36px;
                                color: #282828;
                                margin-bottom: 60px;
                            }
                            .services-grid {
                                display: grid;
                                grid-template-columns: repeat(4, 1fr);
                                gap: 30px;
                                max-width: 1200px;
                                margin: 0 auto;
                            }
                            .service-card {
                                background: #F5F5F5;
                                border: 1px solid rgba(82, 82, 82, 0.15);
                                box-shadow: 0 0.87px 8.61px rgba(0, 0, 0, 0.08);
                                padding: 20px;
                                position: relative;
                            }
                            .service-card::before {
                                content: '';
                                position: absolute;
                                left: 0;
                                top: 0;
                                width: 6px;
                                height: 100%;
                                background-color: #9AD63C;
                            }
                            .service-image {
                                margin-bottom: 20px;
                            }
                            .service-image img {
                                width: 100%;
                                height: auto;
                                border: 1px solid rgba(82, 82, 82, 0.5);
                            }
                            .service-title {
                                font-size: 24px;
                                color: #EEEEEE;
                                margin-bottom: 20px;
                                text-align: center;
                            }
                            .service-content {
                                color: #525252;
                                font-size: 16px;
                                line-height: 1.6;
                            }
                            /* Responsive Styles */
                            @media (max-width: 1200px) {
                                .services-grid {
                                    grid-template-columns: repeat(2, 1fr);
                                }
                            }
                            @media (max-width: 768px) {
                                .hero-title {
                                    font-size: 36px;
                                }
                                .hero-subtitle {
                                    font-size: 20px;
                                }
                                .services-grid {
                                    grid-template-columns: 1fr;
                                }
                            }
                            /* --- Figma-style business cards --- */
                            .business-box {
                                background: #fff;
                                border-left: 4px solid var(--card-color, #4caf50);
                                border-radius: 18px 18px 8px 8px;
                                box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
                                overflow: hidden;
                                display: flex;
                                flex-direction: column;
                                padding: 0;
                                position: relative;
                                transition: box-shadow 0.2s, transform 0.2s;
                            }
                            .business-box-top {
                                position: relative;
                                width: 100%;
                                height: 160px;
                                overflow: hidden;
                                border-top-left-radius: 18px;
                                border-top-right-radius: 18px;
                                background: #222;
                                display: flex;
                                align-items: stretch;
                                justify-content: stretch;
                            }
                            .business-box-img {
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                                display: block;
                                border-top-left-radius: 18px;
                                border-top-right-radius: 18px;
                            }
                            .business-box-overlay {
                                position: absolute;
                                inset: 0;
                                background: rgba(34, 34, 34, 0.33);
                                z-index: 1;
                            }
                            .business-box-title {
                                position: absolute;
                                left: 24px;
                                bottom: 18px;
                                color: #fff;
                                font-size: 2rem;
                                font-weight: 700;
                                text-align: left;
                                z-index: 2;
                                text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                                margin: 0;
                                padding: 0;
                                letter-spacing: 0.01em;
                            }
                            .business-box-bottom {
                                padding: 24px 20px 28px 20px;
                                background: #fff;
                                border-bottom-left-radius: 8px;
                                border-bottom-right-radius: 8px;
                                min-height: 140px;
                                display: flex;
                                align-items: flex-start;
                            }
                            .business-box-desc {
                                color: #222;
                                font-size: 1.05rem;
                                line-height: 1.5;
                                text-align: left;
                                margin: 0;
                            }
                            .businesses-specializing-grid {
                                display: grid;
                                grid-template-columns: repeat(4, 1fr);
                                gap: 32px;
                                width: 100%;
                                max-width: 1200px;
                                margin: 0 auto;
                            }
                            @media (max-width: 1200px) {
                                .businesses-specializing-grid {
                                    grid-template-columns: repeat(2, 1fr);
                                }
                            }
                            @media (max-width: 700px) {
                                .businesses-specializing-grid {
                                    grid-template-columns: 1fr;
                                }
                                .business-box-title {
                                    font-size: 1.3rem;
                                    left: 14px;
                                    bottom: 10px;
                                }
                                .business-box-bottom {
                                    padding: 16px 10px 18px 10px;
                                }
                            }
                            text-shadow: 0 2px 8px rgba(0,
                            0,
                            0,
                            0.18);
                            margin: 0;
                            padding: 0;
                            letter-spacing: 0.01em;
                        }
                        .business-box-bottom {
                            padding: 24px 20px 28px 20px;
                            background: #fff;
                            border-bottom-left-radius: 8px;
                            border-bottom-right-radius: 8px;
                            min-height: 140px;
                            display: flex;
                            align-items: flex-start;
                        }
                        .business-box-desc {
                            color: #222;
                            font-size: 1.05rem;
                            line-height: 1.5;
                            text-align: left;
                            margin: 0;
                        }
                        .businesses-specializing-grid {
                            display: grid;
                            grid-template-columns: repeat(4, 1fr);
                            gap: 32px;
                            width: 100%;
                            max-width: 1200px;
                            margin: 0 auto;
                        }
                        @media (max-width: 1200px) {
                            .businesses-specializing-grid {
                                grid-template-columns: repeat(2, 1fr);
                            }
                        }
                        @media (max-width: 700px) {
                            .businesses-specializing-grid {
                                grid-template-columns: 1fr;
                            }
                            .business-box-title {
                                font-size: 1.3rem;
                                left: 14px;
                                bottom: 10px;
                            }
                            .business-box-bottom {
                                padding: 16px 10px 18px 10px;
                            }
                        }
                        .business-box-bottom {
                            padding: 24px 20px 28px 20px;
                            background: #fff;
                            border-bottom-left-radius: 8px;
                            border-bottom-right-radius: 8px;
                            min-height: 140px;
                            display: flex;
                            align-items: flex-start;
                        }
                        .business-box-desc {
                            color: #222;
                            font-size: 1.05rem;
                            line-height: 1.5;
                            text-align: left;
                            margin: 0;
                        }
                        .businesses-specializing-grid {
                            display: grid;
                            grid-template-columns: repeat(4, 1fr);
                            gap: 32px;
                            width: 100%;
                            max-width: 1200px;
                            margin: 0 auto;
                        }
                        @media (max-width: 1200px) {
                            .businesses-specializing-grid {
                                grid-template-columns: repeat(2, 1fr);
                            }
                        }
                        @media (max-width: 700px) {
                            .businesses-specializing-grid {
                                grid-template-columns: 1fr;
                            }
                            .business-box-title {
                                font-size: 1.3rem;
                                left: 14px;
                                bottom: 10px;
                            }
                            .business-box-bottom {
                                padding: 16px 10px 18px 10px;
                            }
                        }
                        box-shadow: 1.5px 1.5px 2.9px 0 rgba(0,
                        0,
                        0,
                        0.05);
                        font-size: 16px;
                        color: #191919;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        box-sizing: border-box;
                        padding: 0 10px;
                        min-height: 91px;
                        height: 100%;
                        border-radius: 0;
                    }
                    /* Column border color overrides for pixel-perfect Figma match */
                    .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:1'] {
                        border-color: #b6e24b;
                    }
                    .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:2'] {
                        border-color: #0d4c2b;
                    }
                    .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:3'] {
                        border-color: #5fc3a5;
                    }
                    .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:4'] {
                        border-color: #4caf50;
                    }
                    .ss-cell.empty {
                        background: transparent;
                        border: none;
                        box-shadow: none;
                        pointer-events: none;
                    }
                    @media (max-width: 900px) {
                        .software-services-figma-grid-4col-explicit {
                            grid-template-columns: 1fr;
                            grid-auto-rows: 56px;
                        }
                        .ss-header,
                        .ss-header-glass,
                        .ss-header-empty {
                            grid-column: 1 !important;
                        }
                        .ss-cell,
                        .ss-cell.empty {
                            grid-column: 1 !important;
                        }
                    }
                    @media (max-width: 600px) {
                        .ss-header,
                        .ss-header-glass {
                            font-size: 1rem;
                            padding: 8px 0;
                            min-height: 40px;
                            height: 40px;
                        }
                        .ss-cell {
                            font-size: 0.95rem;
                            padding: 0 6px;
                            min-height: 40px;
                        }
                    }
                    /* --- SOFTWARE-SERVICES 100% pixel-perfect Figma 4-column grid --- */
                    .software-services-figma-grid-4col-explicit {
                        display: grid;
                        grid-template-columns: 191px 139px 150px 177px;
                        grid-auto-rows: 135px 121px 135px 91px;
                        /* Use the tallest cell per row from Figma, fallback to 110px if needed */
                        gap: 16px 18px;
                        margin: 0 auto;
                        justify-content: center;
                    }
                    .ss-header,
                    .ss-header-glass {
                        height: 44px;
                        font-size: 15px;
                        font-family: 'League Spartan', Arial, sans-serif;
                        font-weight: 700;
                        color: #191919;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        border-radius: 0;
                        box-sizing: border-box;
                        letter-spacing: 0.01em;
                        background: transparent;
                    }
                    .ss-header-claims {
                        background: #b6e24b;
                        color: #222;
                    }
                    .ss-header-adas {
                        background: #0d4c2b;
                        color: #fff;
                    }
                    .ss-header-pdr {
                        background: #5fc3a5;
                        color: #fff;
                    }
                    .ss-header-glass {
                        background: #4caf50;
                        color: #fff;
                        grid-column: 1 / span 4 !important;
                        height: 44px;
                    }
                    .ss-header-empty {
                        background: transparent;
                        border: none;
                        box-shadow: none;
                        pointer-events: none;
                    }
                    .ss-cell {
                        background: #fff;
                        font-family: 'League Spartan', Arial, sans-serif;
                        font-size: 16px;
                        font-weight: 400;
                        color: #191919;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        box-sizing: border-box;
                        padding: 0 18px;
                        border-radius: 0;
                        border-width: 1.06px;
                        border-style: solid;
                        box-shadow: 1.5px 1.5px 2.9px 0 rgba(0, 0, 0, 0.05);
                        min-height: 91px;
                        height: 100%;
                        line-height: 1.25;
                        letter-spacing: 0.01em;
                    }
                    /* Column border color overrides for pixel-perfect Figma match */
                    .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:1'] {
                        border-color: #b6e24b;
                    }
                    .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:2'] {
                        border-color: #0d4c2b;
                    }
                    .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:3'] {
                        border-color: #5fc3a5;
                    }
                    .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:4'] {
                        border-color: #4caf50;
                    }
                    .ss-cell.empty {
                        background: transparent;
                        border: none;
                        box-shadow: none;
                        pointer-events: none;
                    }
                    @media (max-width: 900px) {
                        .software-services-figma-grid-4col-explicit {
                            grid-template-columns: 1fr;
                            grid-auto-rows: 110px;
                        }
                        .ss-header,
                        .ss-header-glass,
                        .ss-header-empty {
                            grid-column: 1 !important;
                        }
                        .ss-cell,
                        .ss-cell.empty {
                            grid-column: 1 !important;
                        }
                    }
                    @media (max-width: 600px) {
                        .ss-header,
                        .ss-header-glass {
                            font-size: 1rem;
                            padding: 8px 0;
                            min-height: 40px;
                            height: 40px;
                        }
                        .ss-cell {
                            font-size: 0.95rem;
                            padding: 0 6px;
                            min-height: 40px;
                        }
                    }
                    /* --- SOFTWARE-SERVICES true CSS masonry layout --- */
                    .software-services-masonry {
                        column-count: 4;
                        column-gap: 18px;
                        max-width: 900px;
                        margin: 0 auto;
                    }
                    .ss-masonry-card {
                        display: block;
                        background: #fff;
                        margin-bottom: 16px;
                        border: 1.06px solid #b6e24b;
                        box-shadow: 1.5px 1.5px 2.9px 0 rgba(0, 0, 0, 0.05);
                        border-radius: 0;
                        padding: 18px 14px;
                        font-family: 'League Spartan', Arial, sans-serif;
                        font-size: 16px;
                        color: #191919;
                        break-inside: avoid;
                        box-sizing: border-box;
                        text-align: center;
                        line-height: 1.25;
                        letter-spacing: 0.01em;
                    }
                    .ss-masonry-card.claims {
                        border-color: #b6e24b;
                    }
                    .ss-masonry-card.adas {
                        border-color: #0d4c2b;
                    }
                    .ss-masonry-card.pdr {
                        border-color: #5fc3a5;
                    }
                    .ss-masonry-card.glass {
                        border-color: #4caf50;
                    }
                    .ss-masonry-card.ss-header-card {
                        font-weight: 700;
                        font-size: 15px;
                        color: #fff;
                        background: #b6e24b;
                        border: none;
                        margin-bottom: 18px;
                        padding: 12px 0;
                    }
                    .ss-masonry-card.ss-header-card.adas {
                        background: #0d4c2b;
                    }
                    .ss-masonry-card.ss-header-card.pdr {
                        background: #5fc3a5;
                    }
                    .ss-masonry-card.ss-header-card.glass {
                        background: #4caf50;
                    }
                    @media (max-width: 1100px) {
                        .software-services-masonry {
                            column-count: 2;
                        }
                    }
                    @media (max-width: 700px) {
                        .software-services-masonry {
                            column-count: 1;
                        }
                        .ss-masonry-card {
                            font-size: 0.95rem;
                            padding: 12px 6px;
                        }
                        .ss-masonry-card.ss-header-card {
                            font-size: 1rem;
                            padding: 10px 0;
                        }
                    }
                    /* Home Page Template Styles */
                    .hero-section {
                        position: relative;
                        height: 730px;
                        overflow: hidden;
                    }
                    .hero-background {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background-image: url('assets/images/hero-bg.jpg');
                        background-size: cover;
                        background-position: center;
                    }
                    .hero-overlay {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background: rgba(36, 38, 37, 0.8);
                        backdrop-filter: blur(357.69px);
                    }
                    .hero-content {
                        position: relative;
                        max-width: 1200px;
                        margin: 0 auto;
                        padding: 250px 20px;
                        color: #fff;
                        text-align: center;
                    }
                    .hero-title {
                        font-size: 48px;
                        font-weight: 700;
                        margin-bottom: 20px;
                    }
                    .hero-subtitle {
                        font-size: 24px;
                        margin-bottom: 40px;
                    }
                    .btn-primary {
                        display: inline-block;
                        padding: 10px 20px;
                        background-color: #9AD63C;
                        color: #fff;
                        text-decoration: none;
                        border-radius: 4.5px;
                        font-weight: 500;
                        transition: background-color 0.3s ease;
                    }
                    .btn-primary:hover {
                        background-color: #8BC32F;
                    }
                    .services-section {
                        padding: 80px 20px;
                        background-color: #fff;
                    }
                    .section-title {
                        text-align: center;
                        font-size: 36px;
                        color: #282828;
                        margin-bottom: 60px;
                    }
                    .services-grid {
                        display: grid;
                        grid-template-columns: repeat(4, 1fr);
                        gap: 30px;
                        max-width: 1200px;
                        margin: 0 auto;
                    }
                    .service-card {
                        background: #F5F5F5;
                        border: 1px solid rgba(82, 82, 82, 0.15);
                        box-shadow: 0 0.87px 8.61px rgba(0, 0, 0, 0.08);
                        padding: 20px;
                        position: relative;
                    }
                    .service-card::before {
                        content: '';
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 6px;
                        height: 100%;
                        background-color: #9AD63C;
                    }
                    .service-image {
                        margin-bottom: 20px;
                    }
                    .service-image img {
                        width: 100%;
                        height: auto;
                        border: 1px solid rgba(82, 82, 82, 0.5);
                    }
                    .service-title {
                        font-size: 24px;
                        color: #EEEEEE;
                        margin-bottom: 20px;
                        text-align: center;
                    }
                    .service-content {
                        color: #525252;
                        font-size: 16px;
                        line-height: 1.6;
                    }
                    /* Responsive Styles */
                    @media (max-width: 1200px) {
                        .services-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }
                    @media (max-width: 768px) {
                        .hero-title {
                            font-size: 36px;
                        }
                        .hero-subtitle {
                            font-size: 20px;
                        }
                        .services-grid {
                            grid-template-columns: 1fr;
                        }
                    }
                    /* --- Figma-style business cards --- */
                    .business-box {
                        background: #fff;
                        border-left: 4px solid var(--card-color, #4caf50);
                        border-radius: 18px 18px 8px 8px;
                        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
                        overflow: hidden;
                        display: flex;
                        flex-direction: column;
                        padding: 0;
                        position: relative;
                        transition: box-shadow 0.2s, transform 0.2s;
                    }
                    .business-box-top {
                        position: relative;
                        width: 100%;
                        height: 160px;
                        overflow: hidden;
                        border-top-left-radius: 18px;
                        border-top-right-radius: 18px;
                        background: #222;
                        display: flex;
                        align-items: stretch;
                        justify-content: stretch;
                    }
                    .business-box-img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        display: block;
                        border-top-left-radius: 18px;
                        border-top-right-radius: 18px;
                    }
                    .business-box-overlay {
                        position: absolute;
                        inset: 0;
                        background: rgba(34, 34, 34, 0.33);
                        z-index: 1;
                    }
                    .business-box-title {
                        position: absolute;
                        left: 24px;
                        bottom: 18px;
                        color: #fff;
                        font-size: 2rem;
                        font-weight: 700;
                        text-align: left;
                        z-index: 2;
                        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                        margin: 0;
                        padding: 0;
                        letter-spacing: 0.01em;
                    }
                    .business-box-bottom {
                        padding: 24px 20px 28px 20px;
                        background: #fff;
                        border-bottom-left-radius: 8px;
                        border-bottom-right-radius: 8px;
                        min-height: 140px;
                        display: flex;
                        align-items: flex-start;
                    }
                    .business-box-desc {
                        color: #222;
                        font-size: 1.05rem;
                        line-height: 1.5;
                        text-align: left;
                        margin: 0;
                    }
                    .businesses-specializing-grid {
                        display: grid;
                        grid-template-columns: repeat(4, 1fr);
                        gap: 32px;
                        width: 100%;
                        max-width: 1200px;
                        margin: 0 auto;
                    }
                    @media (max-width: 1200px) {
                        .businesses-specializing-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }
                    @media (max-width: 700px) {
                        .businesses-specializing-grid {
                            grid-template-columns: 1fr;
                        }
                        .business-box-title {
                            font-size: 1.3rem;
                            left: 14px;
                            bottom: 10px;
                        }
                        .business-box-bottom {
                            padding: 16px 10px 18px 10px;
                        }
                    }
                    grid-auto-rows: 91px;
                    gap: 14px 18px;
                    margin: 0 auto;
                    justify-content: center;
                }
                .ss-header,
                .ss-header-glass {
                    height: 44px;
                    font-size: 15px;
                    font-weight: 700;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 0;
                    box-sizing: border-box;
                    letter-spacing: 0.01em;
                }
                .ss-header-claims {
                    background: #b6e24b;
                    color: #222;
                }
                .ss-header-adas {
                    background: #0d4c2b;
                    color: #fff;
                }
                .ss-header-pdr {
                    background: #5fc3a5;
                    color: #fff;
                }
                .ss-header-glass {
                    background: #4caf50;
                    color: #fff;
                    grid-column: 1 / span 4 !important;
                    height: 44px;
                }
                .ss-header-empty {
                    background: transparent;
                    border: none;
                    box-shadow: none;
                    pointer-events: none;
                }
                .ss-cell {
                    background: #fff;
                    border: 1.06px solid #0F773A;
                    box-shadow: 1.5px 1.5px 2.9px 0 rgba(0, 0, 0, 0.05);
                    font-size: 16px;
                    color: #191919;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    box-sizing: border-box;
                    padding: 0 10px;
                    min-height: 91px;
                    height: 100%;
                    border-radius: 0;
                }
                /* Column border color overrides for pixel-perfect Figma match */
                .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:1'] {
                    border-color: #b6e24b;
                }
                .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:2'] {
                    border-color: #0d4c2b;
                }
                .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:3'] {
                    border-color: #5fc3a5;
                }
                .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:4'] {
                    border-color: #4caf50;
                }
                .ss-cell.empty {
                    background: transparent;
                    border: none;
                    box-shadow: none;
                    pointer-events: none;
                }
                @media (max-width: 900px) {
                    .software-services-figma-grid-4col-explicit {
                        grid-template-columns: 1fr;
                        grid-auto-rows: 56px;
                    }
                    .ss-header,
                    .ss-header-glass,
                    .ss-header-empty {
                        grid-column: 1 !important;
                    }
                    .ss-cell,
                    .ss-cell.empty {
                        grid-column: 1 !important;
                    }
                }
                @media (max-width: 600px) {
                    .ss-header,
                    .ss-header-glass {
                        font-size: 1rem;
                        padding: 8px 0;
                        min-height: 40px;
                        height: 40px;
                    }
                    .ss-cell {
                        font-size: 0.95rem;
                        padding: 0 6px;
                        min-height: 40px;
                    }
                }
                /* --- SOFTWARE-SERVICES 100% pixel-perfect Figma 4-column grid --- */
                .software-services-figma-grid-4col-explicit {
                    display: grid;
                    grid-template-columns: 191px 139px 150px 177px;
                    grid-auto-rows: 135px 121px 135px 91px;
                    /* Use the tallest cell per row from Figma, fallback to 110px if needed */
                    gap: 16px 18px;
                    margin: 0 auto;
                    justify-content: center;
                }
                .ss-header,
                .ss-header-glass {
                    height: 44px;
                    font-size: 15px;
                    font-family: 'League Spartan', Arial, sans-serif;
                    font-weight: 700;
                    color: #191919;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 0;
                    box-sizing: border-box;
                    letter-spacing: 0.01em;
                    background: transparent;
                }
                .ss-header-claims {
                    background: #b6e24b;
                    color: #222;
                }
                .ss-header-adas {
                    background: #0d4c2b;
                    color: #fff;
                }
                .ss-header-pdr {
                    background: #5fc3a5;
                    color: #fff;
                }
                .ss-header-glass {
                    background: #4caf50;
                    color: #fff;
                    grid-column: 1 / span 4 !important;
                    height: 44px;
                }
                .ss-header-empty {
                    background: transparent;
                    border: none;
                    box-shadow: none;
                    pointer-events: none;
                }
                .ss-cell {
                    background: #fff;
                    font-family: 'League Spartan', Arial, sans-serif;
                    font-size: 16px;
                    font-weight: 400;
                    color: #191919;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    box-sizing: border-box;
                    padding: 0 18px;
                    border-radius: 0;
                    border-width: 1.06px;
                    border-style: solid;
                    box-shadow: 1.5px 1.5px 2.9px 0 rgba(0, 0, 0, 0.05);
                    min-height: 91px;
                    height: 100%;
                    line-height: 1.25;
                    letter-spacing: 0.01em;
                }
                /* Column border color overrides for pixel-perfect Figma match */
                .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:1'] {
                    border-color: #b6e24b;
                }
                .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:2'] {
                    border-color: #0d4c2b;
                }
                .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:3'] {
                    border-color: #5fc3a5;
                }
                .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:4'] {
                    border-color: #4caf50;
                }
                .ss-cell.empty {
                    background: transparent;
                    border: none;
                    box-shadow: none;
                    pointer-events: none;
                }
                @media (max-width: 900px) {
                    .software-services-figma-grid-4col-explicit {
                        grid-template-columns: 1fr;
                        grid-auto-rows: 110px;
                    }
                    .ss-header,
                    .ss-header-glass,
                    .ss-header-empty {
                        grid-column: 1 !important;
                    }
                    .ss-cell,
                    .ss-cell.empty {
                        grid-column: 1 !important;
                    }
                }
                @media (max-width: 600px) {
                    .ss-header,
                    .ss-header-glass {
                        font-size: 1rem;
                        padding: 8px 0;
                        min-height: 40px;
                        height: 40px;
                    }
                    .ss-cell {
                        font-size: 0.95rem;
                        padding: 0 6px;
                        min-height: 40px;
                    }
                }
                /* --- SOFTWARE-SERVICES true CSS masonry layout --- */
                .software-services-masonry {
                    column-count: 4;
                    column-gap: 18px;
                    max-width: 900px;
                    margin: 0 auto;
                }
                .ss-masonry-card {
                    display: block;
                    background: #fff;
                    margin-bottom: 16px;
                    border: 1.06px solid #b6e24b;
                    box-shadow: 1.5px 1.5px 2.9px 0 rgba(0, 0, 0, 0.05);
                    border-radius: 0;
                    padding: 18px 14px;
                    font-family: 'League Spartan', Arial, sans-serif;
                    font-size: 16px;
                    color: #191919;
                    break-inside: avoid;
                    box-sizing: border-box;
                    text-align: center;
                    line-height: 1.25;
                    letter-spacing: 0.01em;
                }
                .ss-masonry-card.claims {
                    border-color: #b6e24b;
                }
                .ss-masonry-card.adas {
                    border-color: #0d4c2b;
                }
                .ss-masonry-card.pdr {
                    border-color: #5fc3a5;
                }
                .ss-masonry-card.glass {
                    border-color: #4caf50;
                }
                .ss-masonry-card.ss-header-card {
                    font-weight: 700;
                    font-size: 15px;
                    color: #fff;
                    background: #b6e24b;
                    border: none;
                    margin-bottom: 18px;
                    padding: 12px 0;
                }
                .ss-masonry-card.ss-header-card.adas {
                    background: #0d4c2b;
                }
                .ss-masonry-card.ss-header-card.pdr {
                    background: #5fc3a5;
                }
                .ss-masonry-card.ss-header-card.glass {
                    background: #4caf50;
                }
                @media (max-width: 1100px) {
                    .software-services-masonry {
                        column-count: 2;
                    }
                }
                @media (max-width: 700px) {
                    .software-services-masonry {
                        column-count: 1;
                    }
                    .ss-masonry-card {
                        font-size: 0.95rem;
                        padding: 12px 6px;
                    }
                    .ss-masonry-card.ss-header-card {
                        font-size: 1rem;
                        padding: 10px 0;
                    }
                }
                /* Home Page Template Styles */
                .hero-section {
                    position: relative;
                    height: 730px;
                    overflow: hidden;
                }
                .hero-background {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background-image: url('assets/images/hero-bg.jpg');
                    background-size: cover;
                    background-position: center;
                }
                .hero-overlay {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(36, 38, 37, 0.8);
                    backdrop-filter: blur(357.69px);
                }
                .hero-content {
                    position: relative;
                    max-width: 1200px;
                    margin: 0 auto;
                    padding: 250px 20px;
                    color: #fff;
                    text-align: center;
                }
                .hero-title {
                    font-size: 48px;
                    font-weight: 700;
                    margin-bottom: 20px;
                }
                .hero-subtitle {
                    font-size: 24px;
                    margin-bottom: 40px;
                }
                .btn-primary {
                    display: inline-block;
                    padding: 10px 20px;
                    background-color: #9AD63C;
                    color: #fff;
                    text-decoration: none;
                    border-radius: 4.5px;
                    font-weight: 500;
                    transition: background-color 0.3s ease;
                }
                .btn-primary:hover {
                    background-color: #8BC32F;
                }
                .services-section {
                    padding: 80px 20px;
                    background-color: #fff;
                }
                .section-title {
                    text-align: center;
                    font-size: 36px;
                    color: #282828;
                    margin-bottom: 60px;
                }
                .services-grid {
                    display: grid;
                    grid-template-columns: repeat(4, 1fr);
                    gap: 30px;
                    max-width: 1200px;
                    margin: 0 auto;
                }
                .service-card {
                    background: #F5F5F5;
                    border: 1px solid rgba(82, 82, 82, 0.15);
                    box-shadow: 0 0.87px 8.61px rgba(0, 0, 0, 0.08);
                    padding: 20px;
                    position: relative;
                }
                .service-card::before {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 6px;
                    height: 100%;
                    background-color: #9AD63C;
                }
                .service-image {
                    margin-bottom: 20px;
                }
                .service-image img {
                    width: 100%;
                    height: auto;
                    border: 1px solid rgba(82, 82, 82, 0.5);
                }
                .service-title {
                    font-size: 24px;
                    color: #EEEEEE;
                    margin-bottom: 20px;
                    text-align: center;
                }
                .service-content {
                    color: #525252;
                    font-size: 16px;
                    line-height: 1.6;
                }
                /* Responsive Styles */
                @media (max-width: 1200px) {
                    .services-grid {
                        grid-template-columns: repeat(2, 1fr);
                    }
                }
                @media (max-width: 768px) {
                    .hero-title {
                        font-size: 36px;
                    }
                    .hero-subtitle {
                        font-size: 20px;
                    }
                    .services-grid {
                        grid-template-columns: 1fr;
                    }
                }
                /* --- Figma-style business cards --- */
                .business-box {
                    background: #fff;
                    border-left: 4px solid var(--card-color, #4caf50);
                    border-radius: 18px 18px 8px 8px;
                    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
                    overflow: hidden;
                    display: flex;
                    flex-direction: column;
                    padding: 0;
                    position: relative;
                    transition: box-shadow 0.2s, transform 0.2s;
                }
                .business-box-top {
                    position: relative;
                    width: 100%;
                    height: 160px;
                    overflow: hidden;
                    border-top-left-radius: 18px;
                    border-top-right-radius: 18px;
                    background: #222;
                    display: flex;
                    align-items: stretch;
                    justify-content: stretch;
                }
                .business-box-img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    display: block;
                    border-top-left-radius: 18px;
                    border-top-right-radius: 18px;
                }
                .business-box-overlay {
                    position: absolute;
                    inset: 0;
                    background: rgba(34, 34, 34, 0.33);
                    z-index: 1;
                }
                .business-box-title {
                    position: absolute;
                    left: 24px;
                    bottom: 18px;
                    color: #fff;
                    font-size: 2rem;
                    font-weight: 700;
                    text-align: left;
                    z-index: 2;
                    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                    margin: 0;
                    padding: 0;
                    letter-spacing: 0.01em;
                }
                .business-box-bottom {
                    padding: 24px 20px 28px 20px;
                    background: #fff;
                    border-bottom-left-radius: 8px;
                    border-bottom-right-radius: 8px;
                    min-height: 140px;
                    display: flex;
                    align-items: flex-start;
                }
                .business-box-desc {
                    color: #222;
                    font-size: 1.05rem;
                    line-height: 1.5;
                    text-align: left;
                    margin: 0;
                }
                .businesses-specializing-grid {
                    display: grid;
                    grid-template-columns: repeat(4, 1fr);
                    gap: 32px;
                    width: 100%;
                    max-width: 1200px;
                    margin: 0 auto;
                }
                @media (max-width: 1200px) {
                    .businesses-specializing-grid {
                        grid-template-columns: repeat(2, 1fr);
                    }
                }
                @media (max-width: 700px) {
                    .businesses-specializing-grid {
                        grid-template-columns: 1fr;
                    }
                    .business-box-title {
                        font-size: 1.3rem;
                        left: 14px;
                        bottom: 10px;
                    }
                    .business-box-bottom {
                        padding: 16px 10px 18px 10px;
                    }
                }
            }
            .business-box-bottom {
                padding: 16px 10px 18px 10px;
            }
            .ss-cell {
                font-size: 0.95rem;
                padding: 0 6px;
                min-height: 40px;
            }
            /* --- SOFTWARE-SERVICES 100% pixel-perfect Figma 4-column grid --- */
            .software-services-figma-grid-4col-explicit {
                display: grid;
                grid-template-columns: 191px 139px 150px 177px;
                grid-auto-rows: 135px 121px 135px 91px;
                /* Use the tallest cell per row from Figma, fallback to 110px if needed */
                gap: 16px 18px;
                margin: 0 auto;
                justify-content: center;
            }
            .ss-header,
            .ss-header-glass {
                height: 44px;
                font-size: 15px;
                font-family: 'League Spartan', Arial, sans-serif;
                font-weight: 700;
                color: #191919;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 0;
                box-sizing: border-box;
                letter-spacing: 0.01em;
                background: transparent;
            }
            .ss-header-claims {
                background: #b6e24b;
                color: #222;
            }
            .ss-header-adas {
                background: #0d4c2b;
                color: #fff;
            }
            .ss-header-pdr {
                background: #5fc3a5;
                color: #fff;
            }
            .ss-header-glass {
                background: #4caf50;
                color: #fff;
                grid-column: 1 / span 4 !important;
                height: 44px;
            }
            .ss-header-empty {
                background: transparent;
                border: none;
                box-shadow: none;
                pointer-events: none;
            }
            .ss-cell {
                background: #fff;
                font-family: 'League Spartan', Arial, sans-serif;
                font-size: 16px;
                font-weight: 400;
                color: #191919;
                display: flex;
                align-items: center;
                justify-content: center;
                box-sizing: border-box;
                padding: 0 18px;
                border-radius: 0;
                border-width: 1.06px;
                border-style: solid;
                box-shadow: 1.5px 1.5px 2.9px 0 rgba(0, 0, 0, 0.05);
                min-height: 91px;
                height: 100%;
                line-height: 1.25;
                letter-spacing: 0.01em;
            }
            /* Column border color overrides for pixel-perfect Figma match */
            .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:1'] {
                border-color: #b6e24b;
            }
            .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:2'] {
                border-color: #0d4c2b;
            }
            .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:3'] {
                border-color: #5fc3a5;
            }
            .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:4'] {
                border-color: #4caf50;
            }
            .ss-cell.empty {
                background: transparent;
                border: none;
                box-shadow: none;
                pointer-events: none;
            }
            @media (max-width: 900px) {
                .software-services-figma-grid-4col-explicit {
                    grid-template-columns: 1fr;
                    grid-auto-rows: 110px;
                }
                .ss-header,
                .ss-header-glass,
                .ss-header-empty {
                    grid-column: 1 !important;
                }
                .ss-cell,
                .ss-cell.empty {
                    grid-column: 1 !important;
                }
            }
            @media (max-width: 600px) {
                .ss-header,
                .ss-header-glass {
                    font-size: 1rem;
                    padding: 8px 0;
                    min-height: 40px;
                    height: 40px;
                }
                .ss-cell {
                    font-size: 0.95rem;
                    padding: 0 6px;
                    min-height: 40px;
                }
            }
            /* --- SOFTWARE-SERVICES true CSS masonry layout --- */
            .software-services-masonry {
                column-count: 4;
                column-gap: 18px;
                max-width: 900px;
                margin: 0 auto;
            }
            .ss-masonry-card {
                display: block;
                background: #fff;
                margin-bottom: 16px;
                border: 1.06px solid #b6e24b;
                box-shadow: 1.5px 1.5px 2.9px 0 rgba(0, 0, 0, 0.05);
                border-radius: 0;
                padding: 18px 14px;
                font-family: 'League Spartan', Arial, sans-serif;
                font-size: 16px;
                color: #191919;
                break-inside: avoid;
                box-sizing: border-box;
                text-align: center;
                line-height: 1.25;
                letter-spacing: 0.01em;
            }
            .ss-masonry-card.claims {
                border-color: #b6e24b;
            }
            .ss-masonry-card.adas {
                border-color: #0d4c2b;
            }
            .ss-masonry-card.pdr {
                border-color: #5fc3a5;
            }
            .ss-masonry-card.glass {
                border-color: #4caf50;
            }
            .ss-masonry-card.ss-header-card {
                font-weight: 700;
                font-size: 15px;
                color: #fff;
                background: #b6e24b;
                border: none;
                margin-bottom: 18px;
                padding: 12px 0;
            }
            .ss-masonry-card.ss-header-card.adas {
                background: #0d4c2b;
            }
            .ss-masonry-card.ss-header-card.pdr {
                background: #5fc3a5;
            }
            .ss-masonry-card.ss-header-card.glass {
                background: #4caf50;
            }
            @media (max-width: 1100px) {
                .software-services-masonry {
                    column-count: 2;
                }
            }
            @media (max-width: 700px) {
                .software-services-masonry {
                    column-count: 1;
                }
                .ss-masonry-card {
                    font-size: 0.95rem;
                    padding: 12px 6px;
                }
                .ss-masonry-card.ss-header-card {
                    font-size: 1rem;
                    padding: 10px 0;
                }
            }
            /* Home Page Template Styles */
            .hero-section {
                position: relative;
                height: 730px;
                overflow: hidden;
            }
            .hero-background {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-image: url('assets/images/hero-bg.jpg');
                background-size: cover;
                background-position: center;
            }
            .hero-overlay {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(36, 38, 37, 0.8);
                backdrop-filter: blur(357.69px);
            }
            .hero-content {
                position: relative;
                max-width: 1200px;
                margin: 0 auto;
                padding: 250px 20px;
                color: #fff;
                text-align: center;
            }
            .hero-title {
                font-size: 48px;
                font-weight: 700;
                margin-bottom: 20px;
            }
            .hero-subtitle {
                font-size: 24px;
                margin-bottom: 40px;
            }
            .btn-primary {
                display: inline-block;
                padding: 10px 20px;
                background-color: #9AD63C;
                color: #fff;
                text-decoration: none;
                border-radius: 4.5px;
                font-weight: 500;
                transition: background-color 0.3s ease;
            }
            .btn-primary:hover {
                background-color: #8BC32F;
            }
            .services-section {
                padding: 80px 20px;
                background-color: #fff;
            }
            .section-title {
                text-align: center;
                font-size: 36px;
                color: #282828;
                margin-bottom: 60px;
            }
            .services-grid {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 30px;
                max-width: 1200px;
                margin: 0 auto;
            }
            .service-card {
                background: #F5F5F5;
                border: 1px solid rgba(82, 82, 82, 0.15);
                box-shadow: 0 0.87px 8.61px rgba(0, 0, 0, 0.08);
                padding: 20px;
                position: relative;
            }
            .service-card::before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 6px;
                height: 100%;
                background-color: #9AD63C;
            }
            .service-image {
                margin-bottom: 20px;
            }
            .service-image img {
                width: 100%;
                height: auto;
                border: 1px solid rgba(82, 82, 82, 0.5);
            }
            .service-title {
                font-size: 24px;
                color: #EEEEEE;
                margin-bottom: 20px;
                text-align: center;
            }
            .service-content {
                color: #525252;
                font-size: 16px;
                line-height: 1.6;
            }
            /* Responsive Styles */
            @media (max-width: 1200px) {
                .services-grid {
                    grid-template-columns: repeat(2, 1fr);
                }
            }
            @media (max-width: 768px) {
                .hero-title {
                    font-size: 36px;
                }
                .hero-subtitle {
                    font-size: 20px;
                }
                .services-grid {
                    grid-template-columns: 1fr;
                }
            }
            /* --- Figma-style business cards --- */
            .business-box {
                background: #fff;
                border-left: 4px solid var(--card-color, #4caf50);
                border-radius: 18px 18px 8px 8px;
                box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
                overflow: hidden;
                display: flex;
                flex-direction: column;
                padding: 0;
                position: relative;
                transition: box-shadow 0.2s, transform 0.2s;
            }
            .business-box-top {
                position: relative;
                width: 100%;
                height: 160px;
                overflow: hidden;
                border-top-left-radius: 18px;
                border-top-right-radius: 18px;
                background: #222;
                display: flex;
                align-items: stretch;
                justify-content: stretch;
            }
            .business-box-img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
                border-top-left-radius: 18px;
                border-top-right-radius: 18px;
            }
            .business-box-overlay {
                position: absolute;
                inset: 0;
                background: rgba(34, 34, 34, 0.33);
                z-index: 1;
            }
            .business-box-title {
                position: absolute;
                left: 24px;
                bottom: 18px;
                color: #fff;
                font-size: 2rem;
                font-weight: 700;
                text-align: left;
                z-index: 2;
                text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
                margin: 0;
                padding: 0;
                letter-spacing: 0.01em;
            }
            .business-box-bottom {
                padding: 24px 20px 28px 20px;
                background: #fff;
                border-bottom-left-radius: 8px;
                border-bottom-right-radius: 8px;
                min-height: 140px;
                display: flex;
                align-items: flex-start;
            }
            .business-box-desc {
                color: #222;
                font-size: 1.05rem;
                line-height: 1.5;
                text-align: left;
                margin: 0;
            }
            .businesses-specializing-grid {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 32px;
                width: 100%;
                max-width: 1200px;
                margin: 0 auto;
            }
            @media (max-width: 1200px) {
                .businesses-specializing-grid {
                    grid-template-columns: repeat(2, 1fr);
                }
            }
            @media (max-width: 700px) {
                .businesses-specializing-grid {
                    grid-template-columns: 1fr;
                }
                .business-box-title {
                    font-size: 1.3rem;
                    left: 14px;
                    bottom: 10px;
                }
                .business-box-bottom {
                    padding: 16px 10px 18px 10px;
                }
            }
            .business-box-bottom {
                padding: 16px 10px 18px 10px;
            }
        }
        .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:3'] {
            border-color: #5fc3a5;
        }
        .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:4'] {
            border-color: #4caf50;
        }
        .ss-cell.empty {
            background: transparent;
            border: none;
            box-shadow: none;
            pointer-events: none;
        }
        @media (max-width: 900px) {
            .software-services-figma-grid-4col-explicit {
                grid-template-columns: 1fr;
                grid-auto-rows: 56px;
            }
            .ss-header,
            .ss-header-glass,
            .ss-header-empty {
                grid-column: 1 !important;
            }
            .ss-cell,
            .ss-cell.empty {
                grid-column: 1 !important;
            }
        }
        @media (max-width: 600px) {
            .ss-header,
            .ss-header-glass {
                font-size: 1rem;
                padding: 8px 0;
                min-height: 40px;
                height: 40px;
            }
            .ss-cell {
                font-size: 0.95rem;
                padding: 0 6px;
                min-height: 40px;
            }
        }
        /* --- SOFTWARE-SERVICES 100% pixel-perfect Figma 4-column grid --- */
        .software-services-figma-grid-4col-explicit {
            display: grid;
            grid-template-columns: 191px 139px 150px 177px;
            grid-auto-rows: 135px 121px 135px 91px;
            /* Use the tallest cell per row from Figma, fallback to 110px if needed */
            gap: 16px 18px;
            margin: 0 auto;
            justify-content: center;
        }
        .ss-header,
        .ss-header-glass {
            height: 44px;
            font-size: 15px;
            font-family: 'League Spartan', Arial, sans-serif;
            font-weight: 700;
            color: #191919;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 0;
            box-sizing: border-box;
            letter-spacing: 0.01em;
            background: transparent;
        }
        .ss-header-claims {
            background: #b6e24b;
            color: #222;
        }
        .ss-header-adas {
            background: #0d4c2b;
            color: #fff;
        }
        .ss-header-pdr {
            background: #5fc3a5;
            color: #fff;
        }
        .ss-header-glass {
            background: #4caf50;
            color: #fff;
            grid-column: 1 / span 4 !important;
            height: 44px;
        }
        .ss-header-empty {
            background: transparent;
            border: none;
            box-shadow: none;
            pointer-events: none;
        }
        .ss-cell {
            background: #fff;
            font-family: 'League Spartan', Arial, sans-serif;
            font-size: 16px;
            font-weight: 400;
            color: #191919;
            display: flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
            padding: 0 18px;
            border-radius: 0;
            border-width: 1.06px;
            border-style: solid;
            box-shadow: 1.5px 1.5px 2.9px 0 rgba(0, 0, 0, 0.05);
            min-height: 91px;
            height: 100%;
            line-height: 1.25;
            letter-spacing: 0.01em;
        }
        /* Column border color overrides for pixel-perfect Figma match */
        .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:1'] {
            border-color: #b6e24b;
        }
        .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:2'] {
            border-color: #0d4c2b;
        }
        .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:3'] {
            border-color: #5fc3a5;
        }
        .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:4'] {
            border-color: #4caf50;
        }
        .ss-cell.empty {
            background: transparent;
            border: none;
            box-shadow: none;
            pointer-events: none;
        }
        @media (max-width: 900px) {
            .software-services-figma-grid-4col-explicit {
                grid-template-columns: 1fr;
                grid-auto-rows: 110px;
            }
            .ss-header,
            .ss-header-glass,
            .ss-header-empty {
                grid-column: 1 !important;
            }
            .ss-cell,
            .ss-cell.empty {
                grid-column: 1 !important;
            }
        }
        @media (max-width: 600px) {
            .ss-header,
            .ss-header-glass {
                font-size: 1rem;
                padding: 8px 0;
                min-height: 40px;
                height: 40px;
            }
            .ss-cell {
                font-size: 0.95rem;
                padding: 0 6px;
                min-height: 40px;
            }
        }
        /* --- SOFTWARE-SERVICES true CSS masonry layout --- */
        .software-services-masonry {
            column-count: 4;
            column-gap: 18px;
            max-width: 900px;
            margin: 0 auto;
        }
        .ss-masonry-card {
            display: block;
            background: #fff;
            margin-bottom: 16px;
            border: 1.06px solid #b6e24b;
            box-shadow: 1.5px 1.5px 2.9px 0 rgba(0, 0, 0, 0.05);
            border-radius: 0;
            padding: 18px 14px;
            font-family: 'League Spartan', Arial, sans-serif;
            font-size: 16px;
            color: #191919;
            break-inside: avoid;
            box-sizing: border-box;
            text-align: center;
            line-height: 1.25;
            letter-spacing: 0.01em;
        }
        .ss-masonry-card.claims {
            border-color: #b6e24b;
        }
        .ss-masonry-card.adas {
            border-color: #0d4c2b;
        }
        .ss-masonry-card.pdr {
            border-color: #5fc3a5;
        }
        .ss-masonry-card.glass {
            border-color: #4caf50;
        }
        .ss-masonry-card.ss-header-card {
            font-weight: 700;
            font-size: 15px;
            color: #fff;
            background: #b6e24b;
            border: none;
            margin-bottom: 18px;
            padding: 12px 0;
        }
        .ss-masonry-card.ss-header-card.adas {
            background: #0d4c2b;
        }
        .ss-masonry-card.ss-header-card.pdr {
            background: #5fc3a5;
        }
        .ss-masonry-card.ss-header-card.glass {
            background: #4caf50;
        }
        @media (max-width: 1100px) {
            .software-services-masonry {
                column-count: 2;
            }
        }
        @media (max-width: 700px) {
            .software-services-masonry {
                column-count: 1;
            }
            .ss-masonry-card {
                font-size: 0.95rem;
                padding: 12px 6px;
            }
            .ss-masonry-card.ss-header-card {
                font-size: 1rem;
                padding: 10px 0;
            }
        }
        /* Home Page Template Styles */
        .hero-section {
            position: relative;
            height: 730px;
            overflow: hidden;
        }
        .hero-background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url('assets/images/hero-bg.jpg');
            background-size: cover;
            background-position: center;
        }
        .hero-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(36, 38, 37, 0.8);
            backdrop-filter: blur(357.69px);
        }
        .hero-content {
            position: relative;
            max-width: 1200px;
            margin: 0 auto;
            padding: 250px 20px;
            color: #fff;
            text-align: center;
        }
        .hero-title {
            font-size: 48px;
            font-weight: 700;
            margin-bottom: 20px;
        }
        .hero-subtitle {
            font-size: 24px;
            margin-bottom: 40px;
        }
        .btn-primary {
            display: inline-block;
            padding: 10px 20px;
            background-color: #9AD63C;
            color: #fff;
            text-decoration: none;
            border-radius: 4.5px;
            font-weight: 500;
            transition: background-color 0.3s ease;
        }
        .btn-primary:hover {
            background-color: #8BC32F;
        }
        .services-section {
            padding: 80px 20px;
            background-color: #fff;
        }
        .section-title {
            text-align: center;
            font-size: 36px;
            color: #282828;
            margin-bottom: 60px;
        }
        .services-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
            max-width: 1200px;
            margin: 0 auto;
        }
        .service-card {
            background: #F5F5F5;
            border: 1px solid rgba(82, 82, 82, 0.15);
            box-shadow: 0 0.87px 8.61px rgba(0, 0, 0, 0.08);
            padding: 20px;
            position: relative;
        }
        .service-card::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 6px;
            height: 100%;
            background-color: #9AD63C;
        }
        .service-image {
            margin-bottom: 20px;
        }
        .service-image img {
            width: 100%;
            height: auto;
            border: 1px solid rgba(82, 82, 82, 0.5);
        }
        .service-title {
            font-size: 24px;
            color: #EEEEEE;
            margin-bottom: 20px;
            text-align: center;
        }
        .service-content {
            color: #525252;
            font-size: 16px;
            line-height: 1.6;
        }
        /* Responsive Styles */
        @media (max-width: 1200px) {
            .services-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media (max-width: 768px) {
            .hero-title {
                font-size: 36px;
            }
            .hero-subtitle {
                font-size: 20px;
            }
            .services-grid {
                grid-template-columns: 1fr;
            }
        }
        /* --- Figma-style business cards --- */
        .business-box {
            background: #fff;
            border-left: 4px solid var(--card-color, #4caf50);
            border-radius: 18px 18px 8px 8px;
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
            overflow: hidden;
            display: flex;
            flex-direction: column;
            padding: 0;
            position: relative;
            transition: box-shadow 0.2s, transform 0.2s;
        }
        .business-box-top {
            position: relative;
            width: 100%;
            height: 160px;
            overflow: hidden;
            border-top-left-radius: 18px;
            border-top-right-radius: 18px;
            background: #222;
            display: flex;
            align-items: stretch;
            justify-content: stretch;
        }
        .business-box-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            border-top-left-radius: 18px;
            border-top-right-radius: 18px;
        }
        .business-box-overlay {
            position: absolute;
            inset: 0;
            background: rgba(34, 34, 34, 0.33);
            z-index: 1;
        }
        .business-box-title {
            position: absolute;
            left: 24px;
            bottom: 18px;
            color: #fff;
            font-size: 2rem;
            font-weight: 700;
            text-align: left;
            z-index: 2;
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
            margin: 0;
            padding: 0;
            letter-spacing: 0.01em;
        }
        .business-box-bottom {
            padding: 24px 20px 28px 20px;
            background: #fff;
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
            min-height: 140px;
            display: flex;
            align-items: flex-start;
        }
        .business-box-desc {
            color: #222;
            font-size: 1.05rem;
            line-height: 1.5;
            text-align: left;
            margin: 0;
        }
        .businesses-specializing-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 32px;
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
        }
        @media (max-width: 1200px) {
            .businesses-specializing-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media (max-width: 700px) {
            .businesses-specializing-grid {
                grid-template-columns: 1fr;
            }
            .business-box-title {
                font-size: 1.3rem;
                left: 14px;
                bottom: 10px;
            }
            .business-box-bottom {
                padding: 16px 10px 18px 10px;
            }
        }
    }
    .business-box-bottom {
        padding: 16px 10px 18px 10px;
    }
    .ss-cell {
        font-size: 0.95rem;
        padding: 0 6px;
        min-height: 40px;
    }
    /* --- SOFTWARE-SERVICES 100% pixel-perfect Figma 4-column grid --- */
    .software-services-figma-grid-4col-explicit {
        display: grid;
        grid-template-columns: 191px 139px 150px 177px;
        grid-auto-rows: 135px 121px 135px 91px;
        /* Use the tallest cell per row from Figma, fallback to 110px if needed */
        gap: 16px 18px;
        margin: 0 auto;
        justify-content: center;
    }
    .ss-header,
    .ss-header-glass {
        height: 44px;
        font-size: 15px;
        font-family: 'League Spartan', Arial, sans-serif;
        font-weight: 700;
        color: #191919;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0;
        box-sizing: border-box;
        letter-spacing: 0.01em;
        background: transparent;
    }
    .ss-header-claims {
        background: #b6e24b;
        color: #222;
    }
    .ss-header-adas {
        background: #0d4c2b;
        color: #fff;
    }
    .ss-header-pdr {
        background: #5fc3a5;
        color: #fff;
    }
    .ss-header-glass {
        background: #4caf50;
        color: #fff;
        grid-column: 1 / span 4 !important;
        height: 44px;
    }
    .ss-header-empty {
        background: transparent;
        border: none;
        box-shadow: none;
        pointer-events: none;
    }
    .ss-cell {
        background: #fff;
        font-family: 'League Spartan', Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #191919;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        padding: 0 18px;
        border-radius: 0;
        border-width: 1.06px;
        border-style: solid;
        box-shadow: 1.5px 1.5px 2.9px 0 rgba(0, 0, 0, 0.05);
        min-height: 91px;
        height: 100%;
        line-height: 1.25;
        letter-spacing: 0.01em;
    }
    /* Column border color overrides for pixel-perfect Figma match */
    .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:1'] {
        border-color: #b6e24b;
    }
    .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:2'] {
        border-color: #0d4c2b;
    }
    .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:3'] {
        border-color: #5fc3a5;
    }
    .software-services-figma-grid-4col-explicit>.ss-cell[style*='grid-column:4'] {
        border-color: #4caf50;
    }
    .ss-cell.empty {
        background: transparent;
        border: none;
        box-shadow: none;
        pointer-events: none;
    }
    @media (max-width: 900px) {
        .software-services-figma-grid-4col-explicit {
            grid-template-columns: 1fr;
            grid-auto-rows: 110px;
        }
        .ss-header,
        .ss-header-glass,
        .ss-header-empty {
            grid-column: 1 !important;
        }
        .ss-cell,
        .ss-cell.empty {
            grid-column: 1 !important;
        }
    }
    @media (max-width: 600px) {
        .ss-header,
        .ss-header-glass {
            font-size: 1rem;
            padding: 8px 0;
            min-height: 40px;
            height: 40px;
        }
        .ss-cell {
            font-size: 0.95rem;
            padding: 0 6px;
            min-height: 40px;
        }
    }
    /* --- SOFTWARE-SERVICES true CSS masonry layout --- */
    .software-services-masonry {
        column-count: 4;
        column-gap: 18px;
        max-width: 900px;
        margin: 0 auto;
    }
    .ss-masonry-card {
        display: block;
        background: #fff;
        margin-bottom: 16px;
        border: 1.06px solid #b6e24b;
        box-shadow: 1.5px 1.5px 2.9px 0 rgba(0, 0, 0, 0.05);
        border-radius: 0;
        padding: 18px 14px;
        font-family: 'League Spartan', Arial, sans-serif;
        font-size: 16px;
        color: #191919;
        break-inside: avoid;
        box-sizing: border-box;
        text-align: center;
        line-height: 1.25;
        letter-spacing: 0.01em;
    }
    .ss-masonry-card.claims {
        border-color: #b6e24b;
    }
    .ss-masonry-card.adas {
        border-color: #0d4c2b;
    }
    .ss-masonry-card.pdr {
        border-color: #5fc3a5;
    }
    .ss-masonry-card.glass {
        border-color: #4caf50;
    }
    .ss-masonry-card.ss-header-card {
        font-weight: 700;
        font-size: 15px;
        color: #fff;
        background: #b6e24b;
        border: none;
        margin-bottom: 18px;
        padding: 12px 0;
    }
    .ss-masonry-card.ss-header-card.adas {
        background: #0d4c2b;
    }
    .ss-masonry-card.ss-header-card.pdr {
        background: #5fc3a5;
    }
    .ss-masonry-card.ss-header-card.glass {
        background: #4caf50;
    }
    @media (max-width: 1100px) {
        .software-services-masonry {
            column-count: 2;
        }
    }
    @media (max-width: 700px) {
        .software-services-masonry {
            column-count: 1;
        }
        .ss-masonry-card {
            font-size: 0.95rem;
            padding: 12px 6px;
        }
        .ss-masonry-card.ss-header-card {
            font-size: 1rem;
            padding: 10px 0;
        }
    }
    /* Home Page Template Styles */
    .hero-section {
        position: relative;
        height: 730px;
        overflow: hidden;
    }
    .hero-background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('assets/images/hero-bg.jpg');
        background-size: cover;
        background-position: center;
    }
    .hero-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(36, 38, 37, 0.8);
        backdrop-filter: blur(357.69px);
    }
    .hero-content {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
        padding: 250px 20px;
        color: #fff;
        text-align: center;
    }
    .hero-title {
        font-size: 48px;
        font-weight: 700;
        margin-bottom: 20px;
    }
    .hero-subtitle {
        font-size: 24px;
        margin-bottom: 40px;
    }
    .btn-primary {
        display: inline-block;
        padding: 10px 20px;
        background-color: #9AD63C;
        color: #fff;
        text-decoration: none;
        border-radius: 4.5px;
        font-weight: 500;
        transition: background-color 0.3s ease;
    }
    .btn-primary:hover {
        background-color: #8BC32F;
    }
    .services-section {
        padding: 80px 20px;
        background-color: #fff;
    }
    .section-title {
        text-align: center;
        font-size: 36px;
        color: #282828;
        margin-bottom: 60px;
    }
    .services-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
        max-width: 1200px;
        margin: 0 auto;
    }
    .service-card {
        background: #F5F5F5;
        border: 1px solid rgba(82, 82, 82, 0.15);
        box-shadow: 0 0.87px 8.61px rgba(0, 0, 0, 0.08);
        padding: 20px;
        position: relative;
    }
    .service-card::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 6px;
        height: 100%;
        background-color: #9AD63C;
    }
    .service-image {
        margin-bottom: 20px;
    }
    .service-image img {
        width: 100%;
        height: auto;
        border: 1px solid rgba(82, 82, 82, 0.5);
    }
    .service-title {
        font-size: 24px;
        color: #EEEEEE;
        margin-bottom: 20px;
        text-align: center;
    }
    .service-content {
        color: #525252;
        font-size: 16px;
        line-height: 1.6;
    }
    /* Responsive Styles */
    @media (max-width: 1200px) {
        .services-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    @media (max-width: 768px) {
        .hero-title {
            font-size: 36px;
        }
        .hero-subtitle {
            font-size: 20px;
        }
        .services-grid {
            grid-template-columns: 1fr;
        }
    }
    /* --- Figma-style business cards --- */
    .business-box {
        background: #fff;
        border-left: 4px solid var(--card-color, #4caf50);
        border-radius: 18px 18px 8px 8px;
        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
        overflow: hidden;
        display: flex;
        flex-direction: column;
        padding: 0;
        position: relative;
        transition: box-shadow 0.2s, transform 0.2s;
    }
    .business-box-top {
        position: relative;
        width: 100%;
        height: 160px;
        overflow: hidden;
        border-top-left-radius: 18px;
        border-top-right-radius: 18px;
        background: #222;
        display: flex;
        align-items: stretch;
        justify-content: stretch;
    }
    .business-box-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        border-top-left-radius: 18px;
        border-top-right-radius: 18px;
    }
    .business-box-overlay {
        position: absolute;
        inset: 0;
        background: rgba(34, 34, 34, 0.33);
        z-index: 1;
    }
    .business-box-title {
        position: absolute;
        left: 24px;
        bottom: 18px;
        color: #fff;
        font-size: 2rem;
        font-weight: 700;
        text-align: left;
        z-index: 2;
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
        margin: 0;
        padding: 0;
        letter-spacing: 0.01em;
    }
    .business-box-bottom {
        padding: 24px 20px 28px 20px;
        background: #fff;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        min-height: 140px;
        display: flex;
        align-items: flex-start;
    }
    .business-box-desc {
        color: #222;
        font-size: 1.05rem;
        line-height: 1.5;
        text-align: left;
        margin: 0;
    }
    .businesses-specializing-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 32px;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }
    @media (max-width: 1200px) {
        .businesses-specializing-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    @media (max-width: 700px) {
        .businesses-specializing-grid {
            grid-template-columns: 1fr;
        }
        .business-box-title {
            font-size: 1.3rem;
            left: 14px;
            bottom: 10px;
        }
        .business-box-bottom {
            padding: 16px 10px 18px 10px;
        }
    }
    .business-box-bottom {
        padding: 16px 10px 18px 10px;
    }
    .trusted-by-section__title {
        color: #282828;
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: 'League Spartan', sans-serif;
        font-size: 40.723px;
        font-style: normal;
        font-weight: 400;
        line-height: 80%;
        /* 32.578px */
        letter-spacing: -2.036px;
        text-align: center;
    }
    trusted-by-section__title {
        color: #282828;
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: 'League Spartan', sans-serif;
        font-size: 40.723px;
        font-style: normal;
        font-weight: 400;
        line-height: 80%;
        /* 32.578px */
        letter-spacing: -2.036px;
        text-align: center;
    }
    text-align: center;
}


}

}