/* Common Professional Theme for All Services - Dark Navy, Teal Accents, Clean Whites/Grays */
:root {
    --navy-dark: #0a1628;
    --navy-medium: #1a2942;
    --navy-light: #2d3e5f;
    --teal-primary: #14b8a6;
    --teal-light: #2dd4bf;
    --teal-dark: #0d9488;
    --white: #ffffff;
    --gray-light: #f8fafc;
    --gray-medium: #cbd5e1;
    --gray-dark: #64748b;
}

/* Header */
header {
    background: var(--navy-dark) !important;
    border-bottom: 1px solid rgba(20, 184, 166, 0.2);
}

/* Hero Section */
.common-hero {
    background: linear-gradient(135deg, var(--navy-dark) 0%, var(--navy-medium) 100%) !important;
}

.common-hero .h2 {
    color: var(--white) !important;
}

/* Transforming Section */
.SDS-transforming {
    
    color: var(--white) !important;
}



/* What We Do / Deliver Section */
.SDS-what-we-do, .bg--Cblue {
    background: var(--navy-dark) !important;
    color: var(--white) !important;
}

.SDS-what-we-do hr {
    border-color: rgba(20, 184, 166, 0.3) !important;
}

.SDS-what-we-do .h3 {
    color: var(--white) !important;
}

.SDS-what-we-do .c--Cgray2 {
    color: var(--gray-medium) !important;
}

/* Transform Ideas / Commerce Experience Section */
.SDS-transform-ideas, .SDS-commerce-experience {
    background: var(--gray-light) !important;
}

.SDS-transform-ideas .quote, .SDS-commerce-experience .h3 {
    color: var(--navy-dark) !important;
}



/* Innovation / Firebase Section */
.SDS-innovation {
    background: var(--gray-light) !important;
}

.SDS-innovation .h3 {
    color: var(--navy-dark) !important;
}

.mob-app-firebase-powered .bg--Cblack {
    background: var(--navy-medium) !important;
}

.mob-app-firebase-powered .hover-img, .SDS-innovation .hover-img {
    border: 1px solid rgba(20, 184, 166, 0.2);
    transition: all 0.3s ease;
}

.mob-app-firebase-powered .hover-img:hover, .SDS-innovation .hover-img:hover {
    border-color: var(--teal-primary);
    transform: translateY(-5px);
}

/* Extensive Experience / Corporate Section */
.SDS-extensive-experience, .SDS-corporate, .m-app-expertise {
    background: var(--white) !important;
}

.SDS-extensive-experience .h3, .SDS-corporate .h3 {
    color: var(--navy-dark) !important;
}

.SDS-corporate .blck-number {
    color: var(--teal-primary) !important;
}

.SDS-corporate .sec-heading {
    color: var(--navy-dark) !important;
}

.SDS-extensive-experience .accordion li {
    border-bottom: 1px solid var(--gray-medium);
}

.SDS-extensive-experience .accordion li.active .title {
    color: var(--teal-primary) !important;
}

.SDS-extensive-experience .accordion .title {
    color: var(--navy-dark) !important;
}

.SDS-extensive-experience .accordion .decp {
    color: var(--gray-dark) !important;
}

/* Delivered Quick / Enterprises Section */
.SDS-delivered-quick, .enterprises-startups, .m-app-transform-business {
    background: var(--navy-dark) !important;
}

.SDS-delivered-quick .bg--Cblack, .SDS-delivered-quick .sec1 {
    background: var(--navy-medium) !important;
    border: 1px solid rgba(20, 184, 166, 0.2);
    border-radius: 12px;
    transition: all 0.3s ease;
}

.SDS-delivered-quick .sec1:hover {
    border-color: var(--teal-primary);
    transform: translateY(-5px);
}

.SDS-delivered-quick .h3 {
    color: var(--white) !important;
}











/* Breadcrumb */
.breadcrumb {
    color: var(--gray-medium) !important;
}

.breadcrumb .c--Cwhite a {
    color: var(--teal-light) !important;
}

/* Global Text Colors */
.c--Cwhite {
    color: var(--white) !important;
}

.c--Cblack {
    color: var(--navy-dark) !important;
}

.bg--Cblack {
    background: var(--navy-dark) !important;
}

.bg--Cgray7, .bg--Cgray5 {
    background: var(--gray-light) !important;
}

/* Hover Effects */
.hvr-cta:hover {
    background: rgba(20, 184, 166, 0.05);
    border-radius: 8px;
    transition: all 0.3s ease;
}

/* List Items */
ul li figure img[src*="arrow-forward"] {
    filter: brightness(0) saturate(100%) invert(64%) sepia(48%) saturate(458%) hue-rotate(130deg) brightness(95%) contrast(92%);
}

/* Swiper Pagination */
.swiper-pagination-bullet-active {
    background: var(--teal-primary) !important;
}