:root {
            --primary-color: #0d47a1;
            --secondary-color: #1976d2;
            --accent-color: #ff7043;
            --text-dark: #212121;
            --text-light: #616161;
            --background-light: #f5f7fa;
            --background-white: #ffffff;
            --border-color: #e0e0e0;
            --success-color: #4caf50;
            --font-primary: 'Poppins', sans-serif;
            --font-secondary: 'Roboto', sans-serif;
        }
        /* ===== HERO SLIDER – FIXED ===== */
.hero {
    position: relative;
    overflow: hidden;
    padding: 0 !important;          /* remove the old 80px padding */
    min-height: 500px;
    background: #0b2545;            /* fallback */
}

.hero-bg-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.15;                  /* keep it subtle behind the images */
    pointer-events: none;
}

.hero-slider {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.slides {
    display: flex;
    width: 300%;                    /* 3 slides */
    height: 100%;
    transition: transform 0.6s ease-in-out;
}

.slide {
    width: 33.3333%;
    height: 100%;
    position: relative;
    flex-shrink: 0;
}

.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Dark overlay so text is always readable */
.slide::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1;
}

.slide-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff !important;
    z-index: 2;
    width: 90%;
    max-width: 900px;
    padding: 0 20px;
}

/* ================================================================
PUBLIC DOCUMENT / SUBFOLDER INTERFACE
================================================================ */

.public-subfolders {
margin-top: 18px;
display: flex;
flex-direction: column;
gap: 14px;
}

.public-subfolder {
border: 1px solid #e4eaf0;
border-radius: 10px;
background: #f8fafc;
overflow: hidden;
}

.public-subfolder-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 12px 14px;
background: #eef4f9;
border-bottom: 1px solid #e0e7ee;
}

.public-subfolder-title {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}

.public-subfolder-icon {
width: 34px;
height: 34px;
min-width: 34px;
border-radius: 8px;
background: #ffffff;
display: flex;
align-items: center;
justify-content: center;
color: var(--primary-color, #0d47a1);
border: 1px solid #dce5ed;
}

.public-subfolder-title strong {
display: block;
font-size: 14px;
line-height: 1.35;
color: #263238;
}

.public-subfolder-title small {
display: block;
margin-top: 3px;
color: #718096;
font-size: 11px;
line-height: 1.4;
}

.subfolder-count {
white-space: nowrap;
font-size: 11px;
font-weight: 600;
color: #64748b;
background: #ffffff;
padding: 5px 9px;
border-radius: 20px;
border: 1px solid #dce5ed;
}

/* ================================================================
PUBLIC DOCUMENT LINKS
================================================================ */

.public-subfolder .document-links {
display: flex;
flex-direction: column;
}

.public-document-link {
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 12px 14px !important;
border-top: 1px solid #e7edf2;
background: #ffffff;
transition:
background 0.2s ease,
padding-left 0.2s ease,
box-shadow 0.2s ease;
}

.public-document-link:first-child {
border-top: none;
}

.public-document-link:hover {
background: #f4f9fd;
padding-left: 18px !important;
box-shadow: inset 3px 0 0 #0d47a1;
}

.public-document-main {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}

.public-document-main > i {
width: 32px;
min-width: 32px;
height: 32px;
border-radius: 7px;
background: #eef3f7;
display: flex;
align-items: center;
justify-content: center;
color: #0d47a1;
}

.public-document-text {
min-width: 0;
display: flex;
flex-direction: column;
}

.public-document-text strong {
font-size: 13px;
font-weight: 600;
color: #263238;
overflow-wrap: anywhere;
line-height: 1.4;
}

.public-document-text small {
margin-top: 3px;
color: #7a8794;
font-size: 10px;
}

.document-arrow {
flex-shrink: 0;
color: #8b98a5;
transition:
transform 0.2s ease,
color 0.2s ease;
}

.public-document-link:hover .document-arrow {
color: #0d47a1;
transform: translateX(3px);
}

/* ================================================================
EMPTY STATE
================================================================ */

.public-empty-state {
text-align: center;
padding: 45px 20px;
color: #718096;
}

.public-empty-state i {
font-size: 38px;
margin-bottom: 12px;
opacity: 0.45;
}

.public-empty-state h3 {
margin-bottom: 5px;
color: #4a5568;
}

/* ================================================================
MOBILE
================================================================ */

@media (max-width: 700px) {

.public-subfolder-header {
    align-items: flex-start;
    flex-direction: column;
}

.subfolder-count {
    margin-left: 44px;
}

.public-document-link {
    padding: 11px 12px !important;
}

.public-document-text strong {
    font-size: 12px;
}

.public-document-text small {
    font-size: 9px;
}
`

}


.slide-content h1 {
    font-size: clamp(1.8rem, 5vw, 3.2rem);
    margin-bottom: 0.4rem;
    color: #fff !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.5);
}

.slide-content h2 {
    font-size: clamp(1.2rem, 3vw, 1.9rem);
    font-weight: 400;
    margin-bottom: 1rem;
    color: #fff !important;
    opacity: 0.95;
}

.slide-content p {
    font-size: 1.1rem;
    max-width: 600px;
    margin: 0 auto;
    color: #fff !important;
    opacity: 0.9;
}

/* Arrows */
.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.25);
    border: none;
    color: white;
    font-size: 1.8rem;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    transition: background 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-btn:hover {
    background: rgba(255,255,255,0.45);
}

.slider-btn.prev { left: 18px; }
.slider-btn.next { right: 18px; }

/* Dots */
.slider-dots {
    position: absolute;
    bottom: 22px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 12px;
    z-index: 10;
}

.dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    cursor: pointer;
    transition: background 0.3s, transform 0.3s;
}

.dot.active {
    background: #fff;
    transform: scale(1.25);
}

/* Mobile */
@media (max-width: 768px) {
    .hero-slider {
        height: 420px;
    }
    .slider-btn {
        width: 40px;
        height: 40px;
        font-size: 1.4rem;
    }
    .slide-content p {
        font-size: 1rem;
    }
}

.hero {
    position: relative;
    overflow: hidden;
    padding: 0 !important;
    min-height: 380px;
    background: #0b2545;
}

.hero-slider {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 480px;
    overflow: hidden;
}

/* Stronger blue-tinted overlay */
.slide::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(13, 71, 161, 0.15),
        rgba(13, 71, 161, 0.15)
    );
    z-index: 1;
}


/* ==========================================
   QUICK ACCESS - DOCUMENT PORTAL
   ========================================== */

.why-navigate {
    position: relative;
    padding: 60px 0;
    background: linear-gradient(
        180deg,
        #f4fbfa 0%,
        #eef7f8 100%
    );
}

/* Small decorative colour strip */
.why-navigate::before {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    margin: 0 auto 25px;

    background: linear-gradient(
        90deg,
        var(--secondary-color),
        var(--primary-color)
    );

    border-radius: 10px;
}


/* Heading */

.why-navigate .section-heading {
    text-align: center;
    margin-bottom: 35px;
}

.why-navigate .section-heading h2 {
    margin-bottom: 8px;
    color: var(--primary-color);
    font-size: 30px;
}

.why-navigate .section-heading p {
    color: #64748b;
    margin: 0 auto;
    max-width: 650px;
}


/* Cards */

.document-feature-card {
    position: relative;
    overflow: hidden;

    background: #ffffff;

    border: 1px solid rgba(0, 120, 120, 0.10);
    border-radius: 14px;

    padding: 30px;

    box-shadow: 0 8px 25px rgba(0, 70, 80, 0.07);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}


/* Colour bar at top of card */

.document-feature-card::before {
    content: "";
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        var(--secondary-color),
        var(--primary-color)
    );
}


/* Hover */

.document-feature-card:hover {
    transform: translateY(-6px);

    border-color: rgba(0, 120, 120, 0.25);

    box-shadow:
        0 15px 35px rgba(0, 70, 80, 0.13);
}


/* Icons */

.document-feature-card > i {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 58px;
    height: 58px;

    margin-bottom: 20px;

    border-radius: 14px;

    color: white;

    font-size: 24px;

    background: linear-gradient(
        135deg,
        var(--secondary-color),
        var(--primary-color)
    );

    box-shadow:
        0 8px 18px rgba(0, 120, 120, 0.20);
}


/* Titles */

.document-feature-card h2 {
    margin-bottom: 10px;

    color: #163b40;

    font-size: 21px;
}


/* Description */

.document-feature-card p {
    color: #64748b;

    line-height: 1.7;

    margin-bottom: 20px;
}


/* Links */

.document-feature-card .card-link {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: var(--primary-color);

    font-weight: 600;

    text-decoration: none;

    transition: gap 0.2s ease;
}

.document-feature-card .card-link:hover {
    gap: 12px;
}
/* Compact Regulations Card */
.regulation-card {
    position: relative;
}

.regulation-card > strong {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.05rem;
    margin-bottom: 5px;
}

.regulation-card > strong i {
    font-size: 0.9rem;
}

.service-description {
    font-size: 0.78rem;
    line-height: 1.4;
    margin: 0 0 10px;
    opacity: 0.7;
}

/* Compact document links */
.document-links {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.document-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 8px;
    border-radius: 6px;
    text-decoration: none;
    color: inherit;
    font-size: 0.82rem;
    transition: all 0.2s ease;
}

.document-links a > span {
    display: flex;
    align-items: center;
    gap: 8px;
}

.document-links a > span > i {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: rgba(0, 128, 128, 0.08);
    font-size: 0.7rem;
}

.document-links a > i {
    font-size: 0.65rem;
    opacity: 0.4;
    transition: transform 0.2s ease;
}

.document-links a:hover {
    background: rgba(0, 128, 128, 0.07);
    transform: translateX(2px);
}

.document-links a:hover > i {
    transform: translateX(3px);
    opacity: 1;
}


/* Denser themed horizontal rule */
hr {
    border: none;
    height: 3px;                          /* denser / thicker */
    background: linear-gradient(
        to right,
        transparent,
        var(--primary-color),
        var(--secondary-color),
        var(--primary-color),
        transparent
    );
   
    width: 100%;
    max-width: 1080px;                     /* short centered line (looks modern) */
    border-radius: 2px;
    opacity: 0.9;
}
/* Compact Regulations Card */
.regulation-card {
    position: relative;
}

.regulation-card > strong {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.05rem;
    margin-bottom: 5px;
}

.regulation-card > strong i {
    font-size: 0.9rem;
}

.service-description {
    font-size: 0.78rem;
    line-height: 1.4;
    margin: 0 0 10px;
    opacity: 0.7;
}

/* Compact document links */
.document-links {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.document-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 8px;
    border-radius: 6px;
    text-decoration: none;
    color: inherit;
    font-size: 0.82rem;
    transition: all 0.2s ease;
}

.document-links a > span {
    display: flex;
    align-items: center;
    gap: 8px;
}

.document-links a > span > i {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: rgba(0, 128, 128, 0.08);
    font-size: 0.7rem;
}

.document-links a > i {
    font-size: 0.65rem;
    opacity: 0.4;
    transition: transform 0.2s ease;
}

.document-links a:hover {
    background: rgba(0, 128, 128, 0.07);
    transform: translateX(2px);
}

.document-links a:hover > i {
    transform: translateX(3px);
    opacity: 1;
}





/* =========================================================
   DPPI SECTION
   ========================================================= */

.service-category {
    padding: 60px 0;
}

/* Section Header */
.section-heading {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 18px;
}

.section-heading-icon {
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #0b5ed7, #084298);
    color: #fff;
    border-radius: 14px;
    font-size: 25px;
    box-shadow: 0 8px 20px rgba(11, 94, 215, 0.18);
    flex-shrink: 0;
}

.section-label {
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #0b5ed7;
    margin-bottom: 4px;
}

.section-heading h2 {
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    color: #172033;
}

.section-intro {
    max-width: 900px;
    color: #667085;
    font-size: 15px;
    line-height: 1.8;
    margin: 0 0 35px 80px;
}


/* =========================================================
   SERVICE GRID
   ========================================================= */

.service-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}


/* =========================================================
   SERVICE CARD
   ========================================================= */

.service-link-card {
    position: relative;
    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 16px;
    padding: 24px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(16, 24, 40, 0.04);
}

/* Decorative top line */
.service-link-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
    background: #0b5ed7;
}

/* Hover */
.service-link-card:hover {
    transform: translateY(-5px);
    border-color: #d6e2f5;
    box-shadow: 0 15px 35px rgba(16, 24, 40, 0.10);
}


/* =========================================================
   CARD ICON
   ========================================================= */

.card-icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: #eef5ff;
    color: #0b5ed7;
    font-size: 21px;
    margin-bottom: 18px;
}


/* =========================================================
   CARD TITLE
   ========================================================= */

.card-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 8px;
}

.card-title h3 {
    margin: 0;
    color: #172033;
    font-size: 20px;
    font-weight: 700;
}

.card-badge {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f7fa;
    color: #667085;
    font-size: 13px;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.service-description {
    color: #667085;
    font-size: 14px;
    line-height: 1.7;
    margin: 0 0 18px;
}


/* =========================================================
   DOCUMENT LINKS
   ========================================================= */

.document-links {
    border-top: 1px solid #edf0f4;
    padding-top: 8px;
}

.document-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 4px;
    color: #344054;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #f1f3f6;
    transition: all 0.25s ease;
}

.document-links a:last-child {
    border-bottom: none;
}

.document-links a span {
    display: flex;
    align-items: center;
    gap: 10px;
}

.document-links a span i {
    width: 18px;
    color: #0b5ed7;
    text-align: center;
}

.document-links > a > i {
    font-size: 12px;
    color: #98a2b3;
    transition: transform 0.25s ease;
}

.document-links a:hover {
    color: #0b5ed7;
    padding-left: 8px;
}

.document-links a:hover > i {
    transform: translateX(4px);
    color: #0b5ed7;
}


/* =========================================================
   CATEGORY ACCENTS
   ========================================================= */

.research-card::before {
    background: #6f42c1;
}

.research-card .card-icon {
    background: #f3edff;
    color: #6f42c1;
}

.reports-card::before {
    background: #198754;
}

.reports-card .card-icon {
    background: #eaf8f1;
    color: #198754;
}

.proposals-card::before {
    background: #fd7e14;
}

.proposals-card .card-icon {
    background: #fff3e8;
    color: #fd7e14;
}

.news-card::before {
    background: #0dcaf0;
}

.news-card .card-icon {
    background: #eafaff;
    color: #087990;
}

.data-card::before {
    background: #20c997;
}

.data-card .card-icon {
    background: #e9fbf5;
    color: #087f5b;
}

.regulations-card::before {
    background: #0d6efd;
}

.regulations-card .card-icon {
    background: #edf5ff;
    color: #0d6efd;
}

.manuals-card::before {
    background: #6c757d;
}

.manuals-card .card-icon {
    background: #f1f3f5;
    color: #495057;
}


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

@media (max-width: 1100px) {

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

}


@media (max-width: 700px) {

    .service-category {
        padding: 40px 15px;
    }

    .section-heading {
        align-items: flex-start;
    }

    .section-heading-icon {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }

    .section-heading h2 {
        font-size: 23px;
    }

    .section-intro {
        margin-left: 0;
        font-size: 14px;
    }

    .service-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .service-link-card {
        padding: 20px;
    }

}



@media (max-width: 768px) {
    .hero-slider {
        height: 320px;
    }
}

        *,
        *::before,
        *::after {
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            margin: 0;
            font-family: var(--font-secondary);
            color: var(--text-dark);
            background-color: var(--background-white);
            line-height: 1.6;
            font-size: 16px;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: var(--font-primary);
            font-weight: 600;
            margin-top: 0;
        }

        h1 {
            font-size: 3rem;
            line-height: 1.2;
        }

        h2 {
            font-size: 2.5rem;
            line-height: 1.3;
            margin-bottom: 1.5rem;
        }

        h3 {
            font-size: 1.5rem;
            line-height: 1.4;
        }

        a {
            text-decoration: none;
            color: var(--secondary-color);
            transition: color 0.3s ease;
        }

        a:hover {
            color: var(--primary-color);
        }

        .btn {
            display: inline-block;
            padding: 12px 28px;
            font-family: var(--font-primary);
            font-weight: 600;
            font-size: 1rem;
            text-align: center;
            border-radius: 50px;
            transition: all 0.3s ease;
            cursor: pointer;
            border: none;
        }

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

        .btn-primary:hover {
            background-color: #ff5722;
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(255, 112, 67, 0.4);
            color: #fff;
        }

        .header {
            background-color: var(--background-white);
            padding: 15px 0;
            position: sticky;
            top: 0;
            z-index: 1000;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
        }

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

        .logo img {
            height: 60px;
            width: auto;
            display: block;
        }

        .nav-links {
            display: flex;
            align-items: center;
            gap: 25px;
        }

        .nav-links a {
            font-family: var(--font-primary);
            font-weight: 500;
            color: var(--text-dark);
        }

        .hero {
            padding: 80px 0;
            text-align: center;
            background-color: var(--background-light);
            position: relative;
            overflow: hidden;
        }

        .hero-bg-svg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
            opacity: 0.05;
        }

        .hero .container {
            position: relative;
            z-index: 1;
        }

        .hero h1 {
            color: var(--primary-color);
            margin-bottom: 1rem;
        }

        .hero .subtext {
            font-size: 1.25rem;
            color: var(--text-light);
            max-width: 700px;
            margin: 0 auto 2rem auto;
        }

        .section {
            padding: 80px 0;
        }

        .why-navigate {
            background-color: var(--background-white);
        }

        .why-navigate .grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            text-align: center;
        }

        .why-navigate .card {
            padding: 30px;
            border-radius: 8px;
            background-color: #F5F7FA;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .why-navigate .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
        }

        .why-navigate .card i {
            font-size: 3rem;
            color: var(--accent-color);
            margin-bottom: 1rem;
        }

        .main-content-layout {
            display: flex;
            gap: 40px;
            align-items: flex-start;
        }

        .sidebar {
            width: 280px;
            flex-shrink: 0;
            position: sticky;
            top: 120px;
        }

        .sidebar h3 {
            margin-bottom: 1rem;
            font-size: 1.2rem;
            color: var(--primary-color);
        }

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

        .sidebar li a {
            display: block;
            padding: 10px 15px;
            color: var(--text-light);
            font-weight: 500;
            border-left: 3px solid transparent;
            transition: all 0.3s ease;
        }

        .sidebar li a:hover {
            color: var(--primary-color);
            background-color: var(--background-light);
        }

        .sidebar li a.active {
            color: var(--accent-color);
            border-left-color: var(--accent-color);
            font-weight: 600;
        }

        .content-area {
            flex-grow: 1;
        }

        .service-category {
            margin-bottom: 60px;            
            margin-top: -20px;
            padding-top: 20px !important;
            padding-bottom: 0 !important;
        }

        .service-category h2 {
            font-size: 2rem;
            color: var(--primary-color);
            border-bottom: 2px solid var(--border-color);
            padding-bottom: 10px;
            margin-bottom: 2rem;
        }

        .service-category>p {
            color: var(--text-light);
            font-size: 1.1rem;
            margin-bottom: 2rem;
        }

        .service-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 20px;
        }

        .service-link-card {
            display: block;
            padding: 20px;
            border: 1px solid var(--border-color);
            border-radius: 8px;
            transition: all 0.3s ease;
            height: 100%;
        }

        .service-link-card:hover {
            border-color: var(--secondary-color);
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
            transform: translateY(-3px);
        }

        .service-link-card strong {
            font-family: var(--font-primary);
            font-weight: 600;
            color: var(--text-dark);
            display: block;
            margin-bottom: 8px;
        }

        .service-link-card p {
            font-size: 0.9rem;
            color: var(--text-light);
            margin: 0;
        }

        .cta-section {
            background-color: var(--primary-color);
            color: var(--background-white);
            padding: 60px 0;
            text-align: center;
        }

        .cta-section h2 {
            font-size: 2.2rem;
            margin-bottom: 1rem;
        }

        .cta-section p {
            max-width: 600px;
            margin: 0 auto 2rem auto;
            opacity: 0.9;
        }

        .faq-section {
            background-color: var(--background-light);
        }

        .faq-accordion .faq-item {
            background-color: var(--background-white);
            border-radius: 8px;
            margin-bottom: 15px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
        }

        .faq-question {
            width: 100%;
            background: none;
            border: none;
            text-align: left;
            padding: 20px;
            font-family: var(--font-primary);
            font-size: 1.1rem;
            font-weight: 600;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .faq-question .icon {
            transition: transform 0.3s ease;
            flex-shrink: 0;
            margin-left: 15px;
        }

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

        .faq-answer p {
            padding: 0 20px 20px;
            margin: 0;
            color: var(--text-light);
        }

        /* .faq-item.active .faq-question .icon {
            transform: rotate(45deg);
        } */

        .footer {
            background-color: var(--text-dark);
            color: #a0a0a0;
            padding: 60px 0 20px;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 40px;
            margin-bottom: 40px;
        }

        .footer-col h4 {
            color: var(--background-white);
            font-size: 1.1rem;
            margin-bottom: 1.5rem;
        }

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

        .footer-col ul li {
            margin-bottom: 10px;
        }

        .footer-col ul a {
            color: #a0a0a0;
        }

        .footer-col ul a:hover {
            color: var(--background-white);
        }

        .footer-socials a {
            color: #a0a0a0;
            font-size: 1.5rem;
            margin-right: 15px;
        }

        .footer-socials a:hover {
            color: var(--background-white);
        }

        .footer-bottom {
            border-top: 1px solid #424242;
            padding-top: 20px;
            text-align: center;
            font-size: 0.9rem;
        }


        /* Common Css Start */
         *,
        *::before,
        *::after {
            box-sizing: border-box;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            margin-top: 0 !important;
            line-height: 1.3;
        }

        p {
            margin-top: 0 !important;
        }

        h1 {
            font-size: 3rem;
        }

        h2,
        .section-title,
        .cta-banner h2,
        .section-header h2,
        .cta-section h2,
        .final-cta-section h2,
        .section-title h2 {
            font-size: 2.2rem;
        }

        h3,
        .case-study-header h3,
        .why-us-card h3,
        .feature-card h3,
        .case-study-content h3,
        .case-study-details h3,
        .feature-text h3,
        .process-step h3,
        .service-text h3,
        .services-section .tab-content h3,
        .contact-form-container h3,
        .contact-info-container h3,
        .why-talk-card h3 {
            font-size: 1.5rem;
        }

        h4,
        .contact-info-item-content h4 {
            font-size: 1.2rem;
        }

        .section,
        section {
            padding: 80px 0;
        }


        .section-pt-0,
        section.section-pt-0 {
            padding-top: 0 !important;
        }

        .ptb-20,
        section.ptb-20 {
            padding: 20px 0 !important;
        }

        .container,
        .nav-container {
            max-width: 1200px;
            width: 100%;
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .logo-custom img {
            height: 60px;
            width: auto;
            display: block;
        }

        .logo-footer-custom{
            margin-bottom: 1rem;
                display: inline-block;
        }
        .logo-footer-custom img{
            height: 50px;
            width: auto;
            display: block;
        }
        .menu-right-button {
            display: flex;
            gap: 10px;
        }


        .hero,
        section.hero {
            padding: 80px 0;
        }

        .section-intro-text .section-header {
            margin: 0;
        }

        .tech-stack-grid i,
        .tech-logos i,
        .tech-logos i,
        .tech-icons i,
        .tech-stack-logos i,
        .tech-grid i,
        .tech-stack .icons i,
        .tech-stack-section .logos i,
        .tech-stack .logos i {
            font-size: 5rem;
        }


        .cta-form-container, .cta-form-container {
            padding: 30px;
            background: #fff;
                border-radius: 10px;
        }

        .cta-form-container iframe,
        .form-container iframe,
        .cta-form iframe,
        .hero-form iframe,
        .demo-form-container iframe,
        .contact-form iframe, .cta-form-container iframe {
            height: 450px;
        }

        .table-responsive {
            overflow: auto;
        }

        .table-responsive table {
            min-width: 767px;
        }

        footer,
        .footer,
        .main-footer {
            color: rgba(255, 255, 255, .8);
           
        }

        footer a,
        .footer a {
            color: rgba(255, 255, 255, .8);
            transition: color .3s ease;
            text-decoration: none !important;

        }

        footer a:hover,
        .footer a:hover {
            color: var(--secondary-color) !important;
        }

        footer.section {
            padding: 80px 0 20px !important;
        }
        .social-link {
            display: flex;
            gap: 20px;
            font-size: 1.5rem;
            margin:15px 0;
            padding: 0;
            list-style: none;
        }
        
        .social-link a {
            font-size: 1.5rem;
        }
        /* Common Css End */
        
        @media(max-width:1199px) {
            .hero-text .btn-primary {
                margin: 5px !important;
            }

            /* Common css for Start*/
            h1,
            .hero h1 {
                font-size: 2.6rem;
            }

            h2,
            .section-title,
            .cta-banner h2,
            .section-header h2,
            .cta-section h2,
            .final-cta-section h2,
            .section-title h2 {
                font-size: 2rem;
            }

            h3,
            .tab-content-text h3,
            .case-study-header h3,
            .why-us-card h3,
            .feature-card h3,
            .case-study-content h3,
            .case-study-details h3,
            .feature-text h3,
            .process-step h3,
            .service-text h3,
            .services-section .tab-content h3,
            .contact-form-container h3,
            .contact-info-container h3,
            .why-talk-card h3 {
                font-size: 1.4rem;
            }

            h4,
            .contact-info-item-content h4 {
                font-size: 1.1rem;
            }

            .hero-visual svg {
                /* max-width: 300px;
                height: 300px; */
            }

            .experts-grid, .experts .expert-grid {
                grid-template-columns: repeat(auto-fit, minmax(47%, 1fr));
            }

            .process-steps {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
                gap: 10px;
                text-align: center;
            }

            .step {
                padding: 10px;
            }

            .process-steps::before {
                display: none;
            }

            .footer-container,
            .footer-grid,
            footer .container,
            .footer .container {
                grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
                gap: 20px;
            }

            /* Common css for End*/
        }
        @media (max-width: 992px) {
            .main-content-layout {
                flex-direction: column;
            }

            .sidebar {
                width: 100%;
                position: static;
            }

            .sidebar ul {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
            }

            .sidebar li a {
                border-left: none;
                border-bottom: 3px solid transparent;
                border-radius: 5px;
                background-color: var(--background-light);
            }

            .sidebar li a.active {
                border-bottom-color: var(--accent-color);
            }

            /* Common css for Start*/

            h1,
            .hero h1 {
                font-size: 2.3rem;
            }

            h2,
            .service-category h2,
            .section-title,
            .cta-banner h2,
            .section-header h2,
            .cta-section h2,
            .final-cta-section h2,
            .section-title h2 {
                font-size: 1.8rem;
            }

            h3,
            .tab-content-text h3,
            .case-study-header h3,
            .why-us-card h3,
            .feature-card h3,
            .case-study-content h3,
            .case-study-details h3,
            .feature-text h3,
            .process-step h3,
            .service-text h3,
            .services-section .tab-content h3,
            .contact-form-container h3,
            .contact-info-container h3,
            .why-talk-card h3 {
                font-size: 1.3rem;
            }

            h4,
            .contact-info-item-content h4 {
                font-size: 1rem;
            }

            .section,
            section,
            section.hero {
                padding: 60px 0 !important;
            }

            footer.section {
                padding: 60px 0 20px !important;
            }

            /* Common css for End*/
        }
        @media (max-width: 768px) {

            .header .container {
                gap: 15px;
            }

            .nav-links {
                flex-wrap: wrap;
                justify-content: center;
            }
            /* Common css for Start*/
            .nav-menu,
            nav.main-nav,
            .nav-links,  .navbar .nav-links {
                display: none;
            }

            .hero-visual svg {
                max-height: 180px;
                width: 100%;
            }

            .clients-scroll img,
            .logo-scroller img {
                height: 32px;
                margin: 0 20px;
            }

            .client-logos-container,
            .logo-scroller-inner,
            .logos-container,
            .client-logos-slider .logos-track,
            .awards-grid,
            .clients-logos,
            .logos-slider,
            .client-logos-slider,
            .client-logos .logos-container,
            .certifications-logos,
            .logo-grid,
            .client-logos, .process-section .timeline {
                gap: 15px;
                justify-content: center;
            }

            .client-logos img,
            .client-logos img,
            .logos-container img,
            .awards-grid img,
            .clients-logos img,
            .client-logos .logos-container img,
            .logos-track img,
            .cert-logo img,
            .clients-ticker img,
            .client-logo img {
                height: 32px !important;
                width: auto !important;
            }

            .logo-slider img,
            .logos-track img,
            .client-logos img, .clients-logos img {
                /* margin: 0 20px; */
            }

            .client-logo-item,
            .clients-ticker .slide,
            .client-logo {
                width: auto;
                padding: 0 20px;
            }

            .tech-stack-grid,
            .tech-logos,
            .tech-icons,
            .tech-stack-logos,
            .tech-grid,
            .tech-stack .icons,
            .tech-stack-section .logos {
                gap: 20px;
            }

            .tech-stack-grid i,
            .tech-logos i,
            .tech-icons i,
            .tech-stack-logos i,
            .tech-grid i,
            .tech-stack .icons i,
            .tech-stack-section .logos i,
            .tech-stack .logos i {
                font-size: 4rem;
            }

            .features-nav,
            .case-studies-tabs,
            .case-studies-section .tabs,
            .features-section .tabs,
            .tabs-container,
            .case-study-tabs,
            .tabs-nav,
            .services-section .tabs,
            .features-tabs,
            .case-studies .tabs,
            .services-tabs,
            .case-studies-filters,
            .policy-nav ul{
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;
                flex: 1;
                overflow-x: auto;
                overflow-y: hidden;
                padding-bottom: 10px;
                justify-content: start;
                gap: 5px;
                margin-bottom: 20px;
            }

            .features-nav .features-nav-item,
            .case-studies-tabs .case-study-tab,
            .case-studies-section .tab-button,
            .features-section .tab-button,
            .tabs-container .tab,
            .case-study-tabs .case-study-tab,
            .tabs-nav .tab-link,
            .services-section .tabs .tab-link,
            .case-studies-tabs .tab-button,
            .features-tabs .tab-button,
            .tabs .tab-button,
            .services-tabs .services-tab-btn,
            .tab-btn,
            .case-studies-filters .filter-btn,
            .case-studies-tabs .case-studies-tab-button,
            .features-tabs .features-tab-button,
            .services-tabs .service-tab,
            .policy-nav ul li,
            .sidebar ul li,
            .tab-button,
            .services-tabs .services-tab-button,
            .case-studies-tabs .case-study-tab-button {
                min-width: fit-content;
                /* padding: 10px; */
            }

            .tabs,
            .tab-buttons,
            .features-section .tabs,
            .case-studies .tabs,
            .tabs-nav, .features-tabs .tabs-nav, .case-studies-tabs .tabs-nav, .services-section .tabs, .case-studies-section .tabs, .services-tabs .tabs-nav {
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                flex: 1;
                overflow-x: auto;
                overflow-y: hidden;
                padding-bottom: 10px;
                justify-content: start;
                gap: 5px;
                margin-bottom: 20px;
            }

            .tabs .tab-button, .tabs-nav .tab-link, .tabs-nav button, .case-studies-section button {
                min-width: fit-content;
                padding: 10px;
            }


            .footer-container,
            .footer-grid,
            footer .container,
            .footer .container {
                /* display: grid; */
                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                gap: 20px;
            }

            .pricing-grid {
                grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
                padding: 0 15px;
            }

            .industries-grid {
                grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            }

            .process-step {
                max-width: 100%;
                width: 100%;
                margin: 0;
                padding: 0;
            }

            .how-it-works-steps {
                gap: 20px;
            }

            .case-study-stats {
                width: 100%;
                gap: 10px;
            }

            .tab-content.active {
                /* padding: 20px; */
            }
            .service-category>p{
                font-size: 1rem;
            }

            /* Common css for End*/
            .sidebar ul{
                flex-wrap: nowrap;
                overflow: auto;
                padding-bottom: 8px;
            }
        }
        @media(max-width:767px) {

#why-choose-us .container > div, #services .container > div, #engagement-models .container > div{
    margin-bottom: 30px !important;
}
            /* Common css for Start*/
            body,
            .tab-content-text ul li,
            .section-header p,
            .cta-banner p,
            .intro-section p,
            .hero-content ul li,
            .hero-subtext,
            .service-category>p {
                font-size: 15px;
            }

            h1,
            .hero h1 {
                font-size: 1.8rem;
            }

            h2,
            .service-category h2,
            .section-title,
            .cta-banner h2,
            .section-header h2,
            .cta-section h2,
            .final-cta-section h2,
            .content-section h2,
            .section-title h2 {
                font-size: 1.6rem;
            }

            h3,
            .tab-content-text h3,
            .case-study-header h3,
            .why-us-card h3,
            .feature-card h3,
            .case-study-content h3,
            .case-study-details h3,
            .feature-text h3,
            .process-step h3,
            .service-text h3,
            .services-section .tab-content h3,
            .contact-form-container h3,
            .contact-info-container h3,
            .why-talk-card h3,
            .tab-content h3,
            .contact-info h3 {
                font-size: 1.3rem;
            }

            h4,
            .contact-info-item-content h4 {
                font-size: 1.1rem;
            }

            p {
                font-size: 15px;
            }

            .menu-right-button>a,
            .menu-right-button>.btn,
            .menu-right-button>.btn-primary,
            .btn,
            .cta-section .btn {
                font-size: 0.9rem;
                padding: 6px 10px;
            }

            .section-header {
                margin-bottom: 2rem;
            }

            .section,
            section,
            section.hero {
                padding: 40px 0 !important;
            }

            .logo-custom img {
                height: 50px;
            }

            .hero-content {
                gap: 0;
                padding: 0 !important;
            }

            .hero .subtext,
            .hero .sub-headline,
            .section-subtitle,
            .hero .intro-text,
            .section-title p {
                font-size: 1rem;
            }

            .hero-cta-group {
                gap: 10px;
            }

            .hero-cta,
            .cta-group {
                flex-direction: column;
                gap: 0;
            }

            .hero-text .btn,
            .hero-cta .btn {
                margin: 5px !important;
            }

            .hero .subtext {
                margin-bottom: 15px;
            }

            .hero-visual {
                margin: 0;
            }

            .why-us-card,
            .industry-card,
            .case-study-layout,
            .price-card,
            .cta-form-container,
            .why-card,

            .final-cta-container,
            .why-choose-us .card,
            .feature-card,
            .services-section .tab-content,
            .engagement-models .card,
            .faq-section .accordion-item summary,
            .form-container,
            .service-card,
            .case-study-testimonial,
            .model-card,
            .cta-form,
            .why-choose-card,
            .feature-content-layout,
            .form-container,
            .card,
            .engagement-card,
            .timeline-content,
            .why-talk-card,
            .contact-form-container,
            .impl-card,
            .responsibility-card,
            .case-study-card,
            .contact-info,
            .key-takeaways,
            .service-content,
            .use-case-card,
            .cta-section, .tab-content-inner,
            .why-navigate .card {
                padding: 20px;
            }

            .testimonial-card {
                /* padding: 30px 20px; */
                padding: 20px;
            }
            .tab-content-inner{
                flex-direction: column;
                gap: 0;
            }.tab-visual svg{
                height: 180px;
            }
            .faq-question{
                padding-top: 1rem;
                padding-bottom: 1rem;
            }


            .case-study-card{
                padding: 0;
            }
            .testimonial-content {
                padding: 20px;
            }

            .case-study-content,
            .case-studies .tab-content.active {
                padding: 20px;
                gap: 0;
                flex-direction: column;
            }

            div#case-study-tabs-content .case-study-content {
                padding: 20px;
            }

            .case-study-layout {
                padding: 0;
            }

            .case-study-sidebar {
                /* padding: 0; */
            }

            .why-us-grid,
            .industries-grid,
            .case-study-layout,
            .why-grid,
            .feature-content-grid,
            .case-study-body,
            .outcome-stats,
            .testimonial-grid,
            .final-cta-container,
            .why-choose-us .grid,
            .process-steps,
            .grid,
            .services-grid,
            .models-grid,
            .why-choose-grid,
            .grid-3,
            .testimonials-grid,
            .grid-container,
            .why-talk-grid,
            .case-studies-grid,
            .why-succeed-section .grid,
            .testimonials-section .testimonial-grid,
            .implementation-grid,
            .shared-grid,
            .industry-solutions .grid,
            .engagement-models .grid, .case-study-grid, .service-card-grid {
                gap: 20px;
            }

            .experts-grid {
                gap: 20px;
                grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
            }

            .services-grid {
                grid-template-columns: repeat(auto-fit, minmax(100%, 1fr))
            }

            .service-content {
                flex-direction: column;
            }

            .feature-visual svg {
                width: 180px;
            }

            .process-step,
            .step,
            .why-card,
            .tab-content.active,
            .testimonial-slide {
                /* padding: 0px; */
            }

            #case-studies-tabs .tab-content.active,
            .tab-content.active {
                padding: 20px;
            }

            .process-timeline .process-step {
                padding-left: 70px;
                padding-bottom: 0;
            }

            .process-timeline {
                gap: 10px;
            }

            .process-step h4 {
                color: var(--primary-color);
                margin: 5px;
            }

            .testimonial-quote,
            .testimonial-card blockquote,
            .testimonial-content p:first-of-type,
            .testimonial-slide blockquote,
            .testimonial-text,
            .testimonial-card .quote {
                font-size: 15px;
            }

            .testimonial-slide {
                padding: 0 20px;
            }

            .slider-nav {
                /* max-width: calc(100% - 40px); */
                margin-top: 10px;
                min-width: calc(100% + 0px);
                padding: 0;

            }

            .case-study-stats {
                flex-direction: column;
                margin: 0;
            }

            .stat-item .value,
            .stat-item .stat-number,
            .stat-value,
            .stat-card .stat-number,
            .stat-item .number,
            .result-item .stat,
            .case-study-outcomes .stat .value,
            .case-study-stat .stat-number,
            .case-study-sidebar .stat-card .stat-number,
            .stat-item .stat-value,
            .case-study-stats .stat-number, .stat .value, .stats-item .stat-number {
                font-size: 1.5rem;
            }

            .stat-item .label,
            .stat-item .stat-label,
            .stat-label,
            .stat-card .stat-label,
            .result-item .label,
            .case-study-outcomes .stat .label,
            .case-study-stat .stat-label,
            .case-study-sidebar .stat-card .stat-label,
            .case-study-stats .stat-label, .stat .label, .stats-item .stat-label {
                font-size: 15px;
            }

            .tech-stack-grid,
            .tech-icons,
            .tech-stack-logos,
            .tech-grid,
            .tech-stack .logos {
                gap: 15px;
            }

            .tech-stack-grid i,
            .tech-logos i,
            .tech-icons i,
            .tech-stack-logos i,
            .tech-grid i,
            .tech-stack-section .logos i,
            .tech-stack .logos i {
                font-size: 3rem;
            }

            .faq-question,
            .faq-item summary,
            .accordion-button,
            .faq-question h3,
            .faq-accordion .faq-question,
            .accordion-button h3,
            .accordion-header h3,
            .accordion-header,
            .faq-section .accordion-button, .case-study-accordion .accordion-header {
                font-size: 1rem;
            }

            .cta-section p {
                font-size: 15px;
            }

            .footer-container {
                gap: 20px;
            }

            .footer-col li {
                margin-bottom: 5px;
            }

            footer.section {
                padding: 40px 0 20px !important;
            }
            .logo-footer-custom img{
                height: 45px;
            }

            /* Common css for End*/
        }
   
    <link rel="preload" as="image" href="https://www.cisin.com/images/logo_black_footer.png">
    <!-- Google Tag Manager -->
    
    <!-- End Google Tag Manager -->

<!-- cisin-estate-experience-v1 -->
<meta name="description" content="Quickly navigate our full suite of AI-enabled enterprise solutions. Find services from custom software development and staff augmentation to SAP, AI, and cloud engineering.">
<link rel="canonical" href="https://www.cisin.com/enterprise-solutions/menu.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="CISIN">
<meta property="og:title" content="Explore All AI-Enabled Services &amp; Solutions | Cyber Infrastructure">
<meta property="og:description" content="Quickly navigate our full suite of AI-enabled enterprise solutions. Find services from custom software development and staff augmentation to SAP, AI, and cloud engineering.">
<meta property="og:url" content="https://www.cisin.com/enterprise-solutions/menu.html">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Explore All AI-Enabled Services &amp; Solutions | Cyber Infrastructure">
<meta name="twitter:description" content="Quickly navigate our full suite of AI-enabled enterprise solutions. Find services from custom software development and staff augmentation to SAP, AI, and cloud engineering.">
<meta name="twitter:image" content="https://www.cisin.com/images/logo-black.png">
<script type="application/ld+json" data-cisin-estate-schema="v1">{"@context":"https://schema.org","@type":"WebPage","@id":"https://www.cisin.com/enterprise-solutions/menu.html#webpage","url":"https://www.cisin.com/enterprise-solutions/menu.html","name":"Explore All AI-Enabled Services \u0026 Solutions | Cyber Infrastructure","description":"Quickly navigate our full suite of AI-enabled enterprise solutions. Find services from custom software development and staff augmentation to SAP, AI, and cloud engineering.","isPartOf":{"@type":"WebSite","name":"CISIN","url":"https://www.cisin.com/"},"about":{"@type":"Service","name":"Ai Software Development Company","url":"https://www.cisin.com/service/ai-software-development-company.htm"},"audience":{"@type":"Audience","audienceType":"technology and digital-transformation leaders"},"lastReviewed":"2026-08-03"}</script>
<style data-cisin-inline-experience="v1">:root{--cisin-review-ink:#17233d;--cisin-review-muted:#53627a;--cisin-review-line:#dce4ef;--cisin-review-surface:#f6f9fd;--cisin-focus:#f59e0b}
[data-cisin-experience="v1"]{text-size-adjust:100%;-webkit-text-size-adjust:100%}
[data-cisin-experience="v1"]{--secondary-color:#155f9f;--dark-gray-text:#535c68}
[data-cisin-experience="v1"] *{overflow-wrap:break-word}
[data-cisin-experience="v1"] img,[data-cisin-experience="v1"] video,[data-cisin-experience="v1"] iframe{max-width:100%}
[data-cisin-experience="v1"] :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--cisin-focus);outline-offset:3px}
.cisin-experience-skip{position:fixed;z-index:2147483647;inset-block-start:.75rem;inset-inline-start:.75rem;translate:0 -200%;padding:.7rem 1rem;border-radius:.35rem;background:#fff;color:#071a33;font:700 1rem/1.2 Arial,sans-serif;box-shadow:0 .25rem 1rem rgba(7,26,51,.25)}
.cisin-experience-skip:focus{translate:0}
.cisin-content-review{width:min(100% - 2rem,76rem);margin:clamp(2rem,5vw,4rem) auto;padding:clamp(1rem,2.5vw,1.5rem);border:1px solid var(--cisin-review-line);border-radius:.75rem;background:var(--cisin-review-surface);color:var(--cisin-review-ink)}
.cisin-content-review p{margin:.3rem 0;color:var(--cisin-review-muted)}
.cisin-content-review ul{display:flex;flex-wrap:wrap;gap:.55rem 1.25rem;margin:.75rem 0 0;padding:0;list-style:none}
.cisin-content-review a{color:#07439e;font-weight:700;text-underline-offset:.17em}
.cisin-menu-title{margin:1rem auto 1.5rem;max-width:72rem;padding-inline:1rem;color:#0b3042;font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.15}
.cisin-noninteractive-item{display:inline-flex;align-items:center}
[data-cisin-experience="v1"] .mbcTxtColor1{color:#a51d43!important}
[data-cisin-experience="v1"] .mbcTxtColor2{color:#9c321b!important}
[data-cisin-experience="v1"] .mbcTxtColor3{color:#176b2c!important}
[data-cisin-experience="v1"] .mbcTxtColor4{color:#682aa2!important}
[data-cisin-experience="v1"] .shadowTxt76{color:#596273!important}
[data-cisin-experience="v1"] #cismarquee span{color:#fff!important}
[data-cisin-experience="v1"] :where(.stat .label,.author-card .bio){color:#5b6370!important}
[data-cisin-experience="v1"] :where(.btn.btn-primary){background-color:#992f12!important;border-color:#992f12!important;color:#fff!important}
[data-cisin-experience="v1"] .btn.btn-secondary{color:#17233d!important}
[data-cisin-experience="v1"] .case-study-testimonial footer,[data-cisin-experience="v1"] .case-study-testimonial footer strong{color:#334155!important}
[data-cisin-experience="v1"] .case-study-stats>.case-study-testimonial footer,[data-cisin-experience="v1"] .case-study-stats>.case-study-testimonial footer strong{color:#fff!important}
[data-cisin-experience="v1"] .outcome-stat .label{color:#526174!important}
[data-cisin-experience="v1"] :where(.footer-col p,.footer-bottom p,.footer-bottom #year){color:#b8c4d4!important}
[data-cisin-experience="v1"] .footer-bottom a{text-decoration:underline!important;text-underline-offset:.15em}
.cisin-related-insights{width:min(100% - 2rem,76rem);margin:clamp(2.5rem,6vw,5rem) auto;padding:clamp(1.15rem,3vw,2rem);border:1px solid #d8e2ee;border-radius:1rem;background:#f7faff;color:#17233d;box-shadow:0 .5rem 1.5rem rgba(23,35,61,.08)}
.cisin-related-insights h2{margin:0 0 .65rem;color:#17233d;font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.2;text-transform:none}
.cisin-related-insights__intro{max-width:55rem;margin:0 0 1.25rem;color:#4b5d75;line-height:1.65}
.cisin-related-insights :where(ul){margin:0;padding:0;list-style:none}
.cisin-related-insights__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.cisin-related-insights__grid li{display:flex}
.cisin-related-insights a{display:block;width:100%;padding:.85rem 1rem;border:1px solid #d8e2ee;border-radius:.65rem;background:#fff;color:#07439e;font-weight:700;line-height:1.45;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.18em}
.cisin-related-insights a:hover{border-color:#07439e;background:#eef5ff}
.cisin-related-insights__more{margin-top:1rem;border-top:1px solid #d8e2ee;padding-top:1rem}
.cisin-related-insights__more summary{width:fit-content;cursor:pointer;color:#07439e;font-weight:800;line-height:1.4;text-decoration:underline;text-underline-offset:.18em}
.cisin-related-insights__list{display:grid;gap:.55rem;margin-top:1rem!important}
.cisin-related-insights__list a{padding:.65rem .8rem;font-weight:600}
@media(max-width:48rem){[data-cisin-experience="v1"] table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.cisin-content-review ul{display:grid;grid-template-columns:1fr}.cisin-related-insights__grid{grid-template-columns:1fr}.cisin-related-insights{width:min(100% - 1rem,76rem);padding:1rem}}
@media(prefers-reduced-motion:reduce){[data-cisin-experience="v1"] *,[data-cisin-experience="v1"] *::before,[data-cisin-experience="v1"] *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(forced-colors:active){.cisin-content-review,.cisin-related-insights,.cisin-related-insights a{border:1px solid CanvasText}.cisin-experience-skip{border:2px solid CanvasText}}
</style>
<style data-cisin-measured-contrast="v1">html body{font-family:Arial,"Segoe UI",sans-serif!important;color:#17233d}section.hero,.hero{background-color:#0b2545!important;background-image:linear-gradient(135deg,#071a33,#124f82)!important}.hero h1,.hero h2,.hero p,.hero li,.hero .subtext,.hero .sub-headline,.hero .intro-text,.hero .intro-p,.hero .hero-subtext,.hero .hero-content,.hero .trusted-by p,.hero .tag{color:#fff!important}a.btn,button.btn,.cta-button,.hero-cta{background:#0b4f8a!important;border-color:#0b4f8a!important;color:#fff!important}[data-cisin-experience="v1"] .btn.btn-secondary{color:#fff!important}a.btn:hover,button.btn:hover,.cta-button:hover,.hero-cta:hover{background:#073b69!important;border-color:#073b69!important;color:#fff!important}.tab-button,.tab-btn,.case-study-tab-button,.case-studies-tab-button,.service-tab-button{background:#f8fafc!important;color:#334155!important}.tab-button.active,.tab-btn.active,.case-study-tab-button.active,.case-studies-tab-button.active,.service-tab-button.active{background:#0b4f8a!important;border-color:#0b4f8a!important;color:#fff!important}section.section{background-color:#fff!important;background-image:none!important}section#testimonials,.testimonials-section{background-color:#f8fafc!important;background-image:none!important}section#testimonials .section-header h2,.testimonials-section .section-header h2{color:#17233d!important}.section-header p,.section-header .subtitle,.section-subtitle,.section-title p,.hero-content .trusted-by p,.stat-label,.stats .stat p,.stat-item .label,.outcome-label{color:#475569!important}.case-study-sidebar,.case-study-sidebar .case-study-stat{background:#f8fafc!important;color:#334155!important}.case-study-sidebar .stat-label,.case-study-sidebar .stat-number{color:#334155!important}.testimonial-card{background:#fff!important;border-color:#cbd5e1!important;color:#17233d!important}.testimonial-card p,.testimonial-card .title,.testimonial-card .role,.testimonial-card .quote,.testimonial-card .author-title,.testimonial-card .testimonial-author,.testimonial-card .testimonial-author span,.testimonial-card .author-info p,.testimonial-card .author-info span,.testimonial-card .client-info h3,.testimonial-quote footer{color:#475569!important}.testimonial-card .author span,.testimonial-slide .author-info span,.testimonial-author span,.cost-disclaimer,.cost-result .disclaimer,.calculator-results .disclaimer,.result-disclaimer,.case-study-stats p,.case-study-stats p strong{color:#475569!important}section.cta-section,.cta-section{background-color:#0b3a6a!important;background-image:linear-gradient(135deg,#0b3a6a,#0b4f8a)!important;color:#fff!important}.cta-section h2,.cta-section h3,.cta-section p{color:#fff!important}.cta-section a.btn,.cta-section .cta-button{background:#fff!important;border-color:#fff!important;color:#0b3a6a!important}body>footer,main+footer,footer.footer{background:#0f2947!important;color:#e2e8f0!important}body>footer p,body>footer li,body>footer span,body>footer a,main+footer p,main+footer li,main+footer span,main+footer a,footer.footer p,footer.footer li,footer.footer span,footer.footer a{color:#e2e8f0!important}body>footer h2,body>footer h3,body>footer h4,body>footer strong,main+footer h2,main+footer h3,main+footer h4,main+footer strong,footer.footer h2,footer.footer h3,footer.footer h4,footer.footer strong{color:#fff!important}.fa,.fas,.far,.fab,[class*="devicon-"]{display:inline-block;width:1em;height:1em;line-height:1;vertical-align:-.125em}.hero-visual svg{display:block;max-width:100%;height:auto}.social-links a,.social-icons a,.footer-socials a{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem}.slider-nav button,#sliderNav button{min-width:2.75rem!important;min-height:2.75rem!important}input[type="range"]{min-height:2.75rem!important;touch-action:pan-y}.cost-disclaimer a,main p a:not(.btn){text-decoration:underline!important;text-underline-offset:.15em}td.price,td.cost-range,.price strong,.stat-number,.stat-value,.stat-item .value,.outcome-stat .value,.metric .value{color:#0b4f8a!important}table thead th{background:#0b4f8a!important;color:#fff!important}table.comparison-table td{color:#334155!important}.case-study-stats .stat{background:#f8fafc!important;color:#334155!important}.case-study-stats .stat .stat-value,.case-study-stats .stat .stat-label{color:#334155!important}#costBreakdown,#costBreakdown p,#costBreakdown li,#costBreakdown strong{color:#475569!important}img[src*="bimg.b-cdn.net/our-client-logos/"],img[src*="bimg.b-cdn.net/our-awards/"]{object-fit:contain}.cisin-missing-visual{display:grid;min-height:4rem;place-items:center;padding:.75rem;border:1px solid #cbd5e1;border-radius:.5rem;background:#f8fafc;color:#334155;font-size:.875rem;font-weight:700;text-align:center}@media(max-width:767px){main#cisin-main section.hero>.container,main#cisin-main .hero>.container{width:100%!important;max-width:100%!important;box-sizing:border-box!important;grid-template-columns:minmax(0,1fr)!important}main#cisin-main section.hero .hero-content,main#cisin-main .hero .hero-content{position:relative!important;left:auto!important;right:auto!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;transform:none!important;box-sizing:border-box!important}}@media(max-width:767px){section.section .grid .card{min-height:15.75rem!important}section.section .grid .card>i.fa-solid{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:3.75rem!important;height:3rem!important}}</style><script data-cisin-icon-loader="v1">(function(){var d=document,o=false,e=["pointerdown","touchstart","keydown","focusin"];function apply(){if(o){return;}o=true;d.querySelectorAll("link[data-cisin-deferred-icon-style][data-href]").forEach(function(l){l.href=l.dataset.href;l.media="all";});e.forEach(function(n){removeEventListener(n,apply,true);});}e.forEach(function(n){addEventListener(n,apply,{once:true,passive:true,capture:true});});})();</script>
<!-- cisin-gtm-bootstrap-v1 --><script data-cisin-gtm-bootstrap="GTM-PBCQCH" data-pagespeed-no-defer>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-PBCQCH');</script>