a,
a:active{
    color: inherit;
    text-decoration: none;
}

 /* Feature Check Badges */
        .feature-badges-row {
            display: flex;
            align-items: center;
            gap: 24px;
            flex-wrap: wrap;
            margin-top: 28px;
        }

        .feature-item-check {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 15px;
            font-weight: 600;
            color: var(--brand-navy);
        }

        .check-badge-circle {
            width: 22px;
            height: 22px;
            background-color: var(--brand-green);
            color: #ffffff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 11px;
            flex-shrink: 0;
        }

        .hero-graphic-container {
            position: relative;
            width: 100%;
            max-width: 540px;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .illustration-svg {
            width: 100%;
            height: auto;
            filter: drop-shadow(0 20px 30px rgba(25, 65, 113, 0.08));
        }
  
  
   /* Mobile dedicated Breadcrumb styling */
        .breadcrumb-container {
            margin-bottom: 1.5rem;
        }

        .custom-breadcrumb {
            font-size: 0.95rem;
            font-weight: 600;
            color: #475569;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 0.4rem;
            line-height: 1.5;
        }

        .custom-breadcrumb a {
            color: #475569;
            text-decoration: none;
            transition: color 0.2s ease;
        }

        .custom-breadcrumb a:hover {
            color: #2baa4b;
        }

        .custom-breadcrumb .crumb-separator {
            color: #2baa4b;
            font-weight: 700;
            font-size: 1.1rem;
            user-select: none;
        }

        .custom-breadcrumb .crumb-active {
            color:#2baa4b;
            font-weight: 600;
        }
 
 
 :root {
            --bs-body-font-family: 'Plus Jakarta Sans', sans-serif;;
            --brand-navy: #0f1c3f;
            --brand-green: #25a84e;
            --brand-green-hover: #1e8e41;
            --text-heading: #0f1c3f;
            --text-body: #4a5568;
            --breadcrumb-green: #6db23f;
            --border-green: #25a84e;
            --badge-green-dark: #003e23;
            --hero-bg: #f8fbfe;
        }

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

        body {
            font-family: 'Plus Jakarta Sans', sans-serif;;
            background-color: #ffffff;
            color: var(--text-body);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        /* Scoped Container for complete page component */
        .department-store-page {
            width: 100%;
            overflow-x: hidden;
            background-color: #ffffff;
        }

        .dept-store-container {
            width: 100%;
            max-width: 1220px;
            margin: 0 auto;
            padding: 60 24px;
        }

        .dept-store-hero {
            background-color: var(--hero-bg);
            padding: 150px 20px 80px 20px;
            width: 100%;
            display: flex;
            align-items: center;
        }

        .dept-store-hero-grid {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 40px;
        }

        .dept-store-hero-content {
            flex: 0 0 52%;
            max-width: 52%;
        }

        .dept-store-hero-title {
            color: var(--text-heading);
            font-weight: 800;
            font-size: 45px;
            line-height: 1.15;
            letter-spacing: -0.02em;
            margin-bottom: 24px;
            text-align:left;
        }

        .dept-store-hero-title span {
            display: block;
        }

        .dept-store-hero-description {
            color: var(--text-body);
            font-size: 1.05rem;
            line-height: 1.6;
            max-width: 580px;
            margin-bottom: 36px;
            font-weight: 400;
        }

        .dept-store-hero-actions {
            display: flex;
            align-items: center;
            gap: 16px;
        }

        /* Button 1: Talk To Us */
        .dept-store-btn-navy {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background-color: var(--brand-navy);
            color: #ffffff;
            font-size: 13px;
            font-weight: 800;
            letter-spacing: 0.5px;
            height: 42px;
            width: 137px;
            border-radius: 50px;
            text-decoration: none;
            border: none;
            cursor: pointer;
            transition: all 0.2s ease;
            box-shadow: 0 2px 6px rgba(15, 28, 63, 0.2);
            white-space: nowrap;
        }

        .dept-store-btn-navy:hover {
            background-color: #081129;
            transform: translateY(-1px);
            box-shadow: 0 4px 10px rgba(15, 28, 63, 0.3);
        }

        /* Button 2: Know More */
        .dept-store-btn-light {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            background-color: #ffffff;
            color: var(--brand-navy);
            font-size: 13px;
            font-weight: 800;
            letter-spacing: 0.5px;
            height: 42px;
            width: 140px;
            border-radius: 50px;
            text-decoration: none;
            border: 1px solid rgba(15, 28, 63, 0.1);
            cursor: pointer;
            transition: all 0.2s ease;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
            white-space: nowrap;
        }

        .dept-store-btn-light:hover {
            background-color: #f8fafc;
            border-color: rgba(15, 28, 63, 0.25);
            transform: translateY(-1px);
        }

        .dept-store-btn-light svg {
            width: 6px;
            height: 10px;
            fill: none;
            stroke: var(--brand-navy);
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .dept-store-hero-image {
            flex: 0 0 48%;
            max-width: 48%;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
        }

        .dept-store-illustration-wrapper {
            position: relative;
            width: 100%;
            max-width: 470px;
        }

        .dept-store-illustration-svg {
            width: 100%;
            height: auto;
            display: block;
            object-fit: contain;
        }

        .dept-store-info {
            background-color: #ffffff;
            padding: 20px 0 96px 0;
            width: 100%;
        }

        .dept-store-header-group {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 24px;
            position: relative;
        }

        /* Small Green Store Icon Pill */
        .dept-store-icon-pill {
            background-color: var(--badge-green-dark);
            width: 125px;
            height: 48px;
            border-radius: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            box-shadow: 0 4px 10px rgba(0, 62, 35, 0.18), inset 0 0 0 1px rgba(255, 255, 255, 0.15);
        }

        .dept-store-icon-pill svg {
            width: 24px;
            height: 24px;
            fill: none;
            stroke: #ffffff;
            stroke-width: 1.8;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .dept-store-info-title {
            color: var(--text-heading);
            font-weight: 800;
            font-size: 38px;
            line-height: 1.15;
            letter-spacing: -0.02em;
            text-align: center;
        }

        .dept-store-info-description {
            color: var(--text-body);
            font-size: 1rem;
            line-height: 1.6;
            text-align: center;
            max-width: 930px;
            margin: 0 auto 52px auto;
        }

        /* Feature List Styling */
        .dept-store-feature-grid {
            display: flex;
            flex-direction: column;
            gap: 20px;
            max-width: 780px;
            margin: 0 auto 52px auto;
        }

        .dept-store-feature-row {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 16px;
        }

        .dept-store-feature-item {
            font-size: 16px;
            font-weight: 700;
            color: var(--text-heading);
            white-space: nowrap;
        }

        .dept-store-feature-item.align-right {
            text-align: right;
            flex: 1;
        }

        .dept-store-feature-item.align-left {
            text-align: left;
            flex: 1;
        }

        .dept-store-feature-icons {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-shrink: 0;
        }

        .dept-store-feature-icon-badge {
            width: 28px;
            height: 28px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .dept-store-feature-icon-badge.green {
            background-color: var(--brand-green);
        }

        .dept-store-feature-icon-badge.navy {
            background-color: var(--brand-navy);
        }

        .dept-store-feature-icon-badge svg {
            width: 14px;
            height: 14px;
            fill: #ffffff;
        }

        /* CTA Actions */
        .dept-store-actions {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }

        /* Request A Demo */
        .dept-store-btn-green {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background-color: var(--brand-green);
            color: #ffffff;
            font-size: 13px;
            font-weight: 800;
            letter-spacing: 0.5px;
            width: 205px;
            height: 48px;
            border-radius: 6px;
            text-decoration: none;
            border: none;
            cursor: pointer;
            transition: all 0.2s ease;
            box-shadow: 0 2px 6px rgba(37, 168, 78, 0.25);
            white-space: nowrap;
        }

        .dept-store-btn-green:hover {
            background-color: var(--brand-green-hover);
            transform: translateY(-1px);
            box-shadow: 0 4px 10px rgba(37, 168, 78, 0.35);
        }

        /* Start Free Trial */
        .dept-store-btn-outline {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background-color: #ffffff;
            color: var(--brand-navy);
            font-size: 13px;
            font-weight: 800;
            letter-spacing: 0.5px;
            width: 195px;
            height: 48px;
            border-radius: 6px;
            text-decoration: none;
            border: 1px solid #d1d5db;
            cursor: pointer;
            transition: all 0.2s ease;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
            white-space: nowrap;
        }

        .dept-store-btn-outline:hover {
            background-color: #f8fafc;
            border-color: #9ca3af;
            transform: translateY(-1px);
        }

        @media (max-width: 1199px) {
            .dept-store-hero-title,
            .dept-store-info-title {
                font-size: 38px;
            }

            .dept-store-illustration-wrapper {
                max-width: 400px;
            }
        }

        @media (max-width: 991px) {
            .dept-store-hero {
                padding: 120px 60px 60px 30px;
            }

            .dept-store-hero-title,
            .dept-store-info-title {
                font-size: 34px;
            }

            .dept-store-hero-content {
                flex: 0 0 55%;
                max-width: 55%;
            }

            .dept-store-hero-image {
                flex: 0 0 45%;
                max-width: 45%;
            }

            .dept-store-info {
                padding: 10px 30px 72px 30px;
            }
        }

        @media (max-width: 767px) {
            .dept-store-hero {
                padding: 90px 20px 48px 20px;
            }

            .dept-store-hero-grid {
                flex-direction: column;
                text-align: center;
                gap: 36px;
            }

            .dept-store-hero-content {
                flex: 0 0 100%;
                max-width: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
            }

            .dept-store-hero-title {
                font-size: 32px;
                margin-bottom: 18px;
            }

            .dept-store-hero-description {
                font-size: 0.98rem;
                margin-bottom: 28px;
                text-align: left;
            }

            .dept-store-hero-actions {
                justify-content: center;
                width: 100%;
            }

            .dept-store-hero-image {
                flex: 0 0 100%;
                max-width: 100%;
                width: 90%;
            }

            .dept-store-header-group {
                flex-direction: column;
                text-align: center;
                gap: 16px;
                margin-bottom:10px;
            }

            .dept-store-info-title {
                text-align: center;
                font-size: 28px;
            }

            .dept-store-info-description {
                font-size: 0.95rem;
                margin-bottom: 36px;
            }

            .dept-store-feature-grid {
                gap: 16px;
                margin-bottom: 36px;
            }

            .dept-store-feature-row {
                flex-direction: column;
                gap: 10px;
                background-color: #f8fafc;
                padding: 16px;
                border-radius: 12px;
                border: 1px solid #edf2f7;
            }

            .dept-store-feature-item.align-right,
            .dept-store-feature-item.align-left {
                text-align: center;
                flex: none;
            }

            .dept-store-actions {
                flex-direction: column;
                width: 100%;
                gap: 12px;
            }

            .dept-store-btn-green,
            .dept-store-btn-outline {
                width: 100%;
                max-width: 320px;
            }
        }

        @media (max-width: 480px) {
            .dept-store-hero-title {
                font-size: 27px;
            }

            .dept-store-info-title {
                font-size: 23px;
            }

            .dept-store-hero-actions {
                flex-direction: column;
                width: 100%;
                gap: 12px;
            }

            .dept-store-btn-navy,
            .dept-store-btn-light {
                width: 100%;
                max-width: 280px;
            }
        }
        
        .dept-store-feature-item span {
    flex: 1 1 0%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
    line-height: 1.5;
}
        /* Feature Card Hover Effect */
.dept-store-feature-item {
    background: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    min-width: 0;
    overflow-wrap: anywhere;
}

.dept-store-feature-item:hover {
    animation: featureShake 0.4s ease-in-out;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12) !important;
    border-color: #198754 !important;
}

@keyframes featureShake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-3px); }
    50% { transform: translateX(3px); }
    75% { transform: translateX(-2px); }
}

/* Mobile Responsive */
@media (max-width: 767.98px) {
    .dept-store-feature-item {
        width: 100%;
        padding: 14px !important;
        font-size: 14px;
    }

    .dept-store-feature-item i {
        font-size: 20px !important;
    }
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
    .dept-store-feature-item,
    .dept-store-feature-item:hover {
        animation: none;
        transition: none;
    }
}


        
        :root {
            --bs-body-font-family: 'Plus Jakarta Sans', sans-serif;;
            --brand-navy: #0f1c3f;
            --brand-green: #25a84e;
            --brand-green-hover: #1e8e41;
            --text-heading: #0f1c3f;
            --text-body: #4a5568;
            --breadcrumb-green: #6db23f;
            --border-green: #25a84e;
            
            /* Section Specific Color Palette */
            --ds-faq-bg: #f7faff;
            --ds-dark-bg: #061d3a;
            --ds-card-bg: #0f294a;
            --ds-card-border: rgba(255, 255, 255, 0.08);
            --ds-cyan-text: #00a8ff;
            --ds-number-gray: #cdd1d5;
            --ds-border-light: #e2e8f0;
        }

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

        body {
            font-family: 'Plus Jakarta Sans', sans-serif;;
            background-color: #ffffff;
            color: var(--text-body);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            overflow-x: hidden;
        }

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

        .department-store-content {
            width: 100%;
            max-width: 100%;
            overflow-x: hidden;
            background-color: #ffffff;
            color: var(--text-body);
            font-family: 'Plus Jakarta Sans', sans-serif;;
        }

        .department-store-content .ds-container {
            width: 100%;
            max-width: 1180px;
            margin: 0 auto;
            padding-left: 30px;
            padding-right: 30px;
        }

        .department-store-content .ds-advantages-section {
            padding: 72px 0 80px 0;
            background-color: #ffffff;
        }

        .department-store-content .ds-eyebrow {
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            color: var(--brand-navy);
            margin-bottom: 12px;
            text-align: left;
        }

        .department-store-content .ds-advantages-heading {
            color: var(--text-heading);
            font-weight: 800;
            font-size: 45px;
            line-height: 1.15;
            letter-spacing: -0.02em;
            max-width: 760px;
            margin-bottom: 48px;
        }

        /* Advantage Rows */
        .department-store-content .ds-advantages-list {
            display: flex;
            flex-direction: column;
            width: 100%;
            margin-bottom: 80px;
        }

        .department-store-content .ds-advantage-row {
            display: grid;
            grid-template-columns: 80px 210px 1fr 60px;
            align-items: center;
            padding: 24px 0;
            border-bottom: 1px solid #d8d8d8;
            transition: background-color 0.2s ease;
        }

        .department-store-content .ds-advantage-row:first-child {
            border-top: 1px solid #d8d8d8;
        }

        .department-store-content .ds-row-number {
            font-size: 34px;
            font-weight: 700;
            color: var(--ds-number-gray);
            line-height: 1;
        }

        .department-store-content .ds-row-title {
            font-size: 17px;
            font-weight: 700;
            color: var(--text-heading);
            line-height: 1.25;
            padding-right: 16px;
        }

        .department-store-content .ds-row-description {
            font-size: 14px;
            line-height: 1.6;
            color: var(--text-body);
            padding-right: 24px;
            max-width: 620px;
        }

        .department-store-content .ds-row-btn {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            border: 1px solid #bfc3c7;
            background: transparent;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            justify-self: end;
            transition: all 0.2s ease;
        }

        .department-store-content .ds-row-btn:hover {
            background-color: var(--brand-navy);
            border-color: var(--brand-navy);
        }

        .department-store-content .ds-row-btn:hover svg {
            stroke: #ffffff;
        }

        .department-store-content .ds-row-btn svg {
            width: 14px;
            height: 14px;
            stroke: #4a5568;
            stroke-width: 2;
            fill: none;
            stroke-linecap: round;
            stroke-linejoin: round;
            transition: stroke 0.2s ease;
        }

        .department-store-content .ds-faq-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: center;
        }

        .department-store-content .ds-faq-card-panel {
            background-color: var(--ds-faq-bg);
            border-radius: 16px;
            padding: 40px 36px;
            border: 1px solid #edf2f7;
            box-shadow: 0 4px 20px rgba(15, 28, 63, 0.03);
        }

        .department-store-content .ds-faq-eyebrow {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--brand-navy);
            margin-bottom: 12px;
        }

        .department-store-content .ds-faq-eyebrow::before {
            content: "";
            display: inline-block;
            width: 24px;
            height: 2px;
            background-color: var(--brand-navy);
            border-radius: 2px;
        }

        .department-store-content .ds-faq-title {
            font-size: 25px;
            font-weight: 800;
            color: var(--text-heading);
            margin-bottom: 12px;
            line-height: 1.25;
        }

        .department-store-content .ds-faq-description {
            font-size: 13.5px;
            line-height: 1.6;
            color: var(--text-body);
            margin-bottom: 28px;
        }

        .department-store-content .ds-faq-questions {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .department-store-content .ds-faq-q-card {
            background-color: #ffffff;
            border-radius: 10px;
            padding: 16px 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            box-shadow: 0 2px 8px rgba(15, 28, 63, 0.04);
            border: 1px solid rgba(15, 28, 63, 0.05);
            transition: transform 0.2s ease, box-shadow 0.2s ease;
            cursor: pointer;
        }

        .department-store-content .ds-faq-q-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(15, 28, 63, 0.08);
        }

        .department-store-content .ds-faq-q-text {
            font-size: 12.5px;
            font-weight: 700;
            color: var(--text-heading);
            padding-right: 12px;
        }

        .department-store-content .ds-faq-q-arrow {
            width: 20px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .department-store-content .ds-faq-q-arrow svg {
            width: 12px;
            height: 12px;
            stroke: var(--brand-navy);
            stroke-width: 2.2;
            fill: none;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .department-store-content .ds-faq-illustration-wrap {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .department-store-content .ds-faq-illustration-svg {
            width: 100%;
            max-width: 480px;
            height: auto;
        }

        .department-store-content .ds-dark-features-section {
            background-color: var(--ds-dark-bg);
            padding: 72px 0 64px 0;
            width: 100%;
            color: #ffffff;
        }

        .department-store-content .ds-dark-eyebrow {
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            color: #94a3b8;
            margin-bottom: 12px;
            text-align: left;
        }

        .department-store-content .ds-dark-heading {
            font-size: 32px;
            font-weight: 800;
            color: #ffffff;
            line-height: 1.2;
            margin-bottom: 48px;
            max-width: 780px;
        }

        /* 4-Card Grid */
        .department-store-content .ds-features-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-bottom: 64px;
        }

        .department-store-content .ds-feature-card {
            background-color: var(--ds-card-bg);
            border: 1px solid var(--ds-card-border);
            border-radius: 12px;
            padding: 28px 22px;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            transition: transform 0.25 ease, border-color 0.25s ease;
            min-height: 220px;
        }

        .department-store-content .ds-feature-card:hover {
            transform: translateY(-4px);
            border-color: rgba(0, 168, 255, 0.4);
        }

        .department-store-content .ds-feature-icon {
            width: 32px;
            height: 32px;
            margin-bottom: 24px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }

        .department-store-content .ds-feature-icon svg {
            width: 28px;
            height: 28px;
            stroke: #ffffff;
            stroke-width: 1.8;
            fill: none;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .department-store-content .ds-feature-card-title {
            font-size: 15px;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 12px;
            line-height: 1.3;
        }

        .department-store-content .ds-feature-card-desc {
            font-size: 12.5px;
            line-height: 1.65;
            color: #94a3b8;
        }

        .department-store-content .ds-trust-row {
            display: grid;
            grid-template-columns: 40px 1fr 1fr 1fr 40px;
            align-items: center;
            gap: 16px;
            padding-top: 24px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }

        .department-store-content .ds-trust-arrow {
            width: 36px;
            height: 36px;
            background: transparent;
            border: none;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            opacity: 0.6;
            transition: opacity 0.2s ease;
        }

        .department-store-content .ds-trust-arrow:hover {
            opacity: 1;
        }

        .department-store-content .ds-trust-arrow svg {
            width: 18px;
            height: 18px;
            stroke: #ffffff;
            stroke-width: 2;
            fill: none;
        }

        .department-store-content .ds-trust-item {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 14px;
            text-align: left;
        }

        .department-store-content .ds-trust-icon {
            width: 32px;
            height: 32px;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .department-store-content .ds-trust-icon svg {
            width: 28px;
            height: 28px;
            stroke: var(--ds-cyan-text);
            stroke-width: 2;
            fill: none;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .department-store-content .ds-trust-label {
            font-size: 17px;
            font-weight: 800;
            line-height: 1.05;
            color: var(--ds-cyan-text);
            text-transform: uppercase;
            letter-spacing: 0.02em;
        }

        @media (max-width: 1199px) {
            .department-store-content .ds-advantages-heading {
                font-size: 38px;
            }

            .department-store-content .ds-advantage-row {
                grid-template-columns: 60px 180px 1fr 50px;
            }

            .department-store-content .ds-features-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 16px;
            }

            .department-store-content .ds-trust-label {
                font-size: 15px;
            }
        }

        @media (max-width: 991px) {
            .department-store-content .ds-faq-grid {
                grid-template-columns: 1fr;
                gap: 32px;
            }

            .department-store-content .ds-faq-illustration-wrap {
                order: 2;
            }

            .department-store-content .ds-faq-card-panel {
                order: 1;
            }
        }

        @media (max-width: 767px) {
            .department-store-content .ds-container {
                padding-left: 20px;
                padding-right: 20px;
            }

            .department-store-content .ds-advantages-section {
                padding: 48px 0 56px 0;
            }

            .department-store-content .ds-advantages-heading {
                font-size: 30px;
                margin-bottom: 32px;
            }

            .department-store-content .ds-advantage-row {
                grid-template-columns: 45px 1fr 36px;
                grid-template-areas:
                    "num title btn"
                    "num desc desc";
                gap: 8px 12px;
                padding: 20px 0;
            }

            .department-store-content .ds-row-number {
                grid-area: num;
                font-size: 26px;
                align-self: start;
                padding-top: 2px;
            }

            .department-store-content .ds-row-title {
                grid-area: title;
                font-size: 16px;
                padding-right: 0;
            }

            .department-store-content .ds-row-description {
                grid-area: desc;
                font-size: 13px;
                padding-right: 0;
            }

            .department-store-content .ds-row-btn {
                grid-area: btn;
                width: 32px;
                height: 32px;
            }

            .department-store-content .ds-faq-card-panel {
                padding: 28px 20px;
            }

            .department-store-content .ds-faq-title {
                font-size: 22px;
            }

            .department-store-content .ds-dark-features-section {
                padding: 48px 0;
            }

            .department-store-content .ds-dark-heading {
                font-size: 26px;
                margin-bottom: 32px;
            }

            .department-store-content .ds-features-grid {
                grid-template-columns: 1fr;
            }

            .department-store-content .ds-trust-row {
                display: flex;
                overflow-x: auto;
                scroll-snap-type: x mandatory;
                padding-bottom: 12px;
                gap: 24px;
                scrollbar-width: none;
            }

            .department-store-content .ds-trust-row::-webkit-scrollbar {
                display: none;
            }

            .department-store-content .ds-trust-item {
                scroll-snap-align: center;
                flex: 0 0 82%;
                justify-content: flex-start;
                background-color: rgba(255, 255, 255, 0.03);
                padding: 16px;
                border-radius: 8px;
            }

            .department-store-content .ds-trust-arrow {
                display: none;
            }
        }
        
        

        /*third carousel section*/
        
        /* ==========================================================================
           ISOLATED SCOPED STYLES
           All classes use .bme-sec-* and #bme-sec-* to ensure zero conflict
           with other sections on the page.
           ========================================================================== */
        
        #bme-sec-billing-features {
            --bme-bg-dark: #030e21;
            --bme-card-bg: #071933;
            --bme-card-border: rgba(255, 255, 255, 0.08);
            --bme-accent-cyan: #38bdf8;
            --bme-text-muted: #8292a6;
            --bme-text-white: #ffffff;
            
            background-color: var(--bme-bg-dark) !important;
            color: var(--bme-text-white) !important;
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            padding: 4.5rem 1.5rem;
            width: 100%;
            position: relative;
            box-sizing: border-box;
            overflow: hidden;
        }

        #bme-sec-billing-features * {
            box-sizing: border-box;
        }

        /* Outer Main Container */
        #bme-sec-billing-features .bme-sec-container {
            max-width: 1280px;
            margin: 0 auto;
            position: relative;
        }

        /* Header Layout: Subtitle, Title & Right Navigation Arrows */
        #bme-sec-billing-features .bme-sec-header-wrap {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            margin-bottom: 2.5rem;
            flex-wrap: wrap;
            gap: 1.5rem;
        }

        #bme-sec-billing-features .bme-sec-header-left {
            max-width: 800px;
        }

        /* Subtitle */
        #bme-sec-billing-features .bme-sec-subtitle {
            font-size: 0.82rem;
            letter-spacing: 2px;
            font-weight: 700;
            color: var(--bme-accent-cyan);
            text-transform: uppercase;
            margin-bottom: 0.75rem;
        }

        /* Main Title */
        #bme-sec-billing-features .bme-sec-title {
            font-size: clamp(1.6rem, 3.2vw, 2.35rem);
            font-weight: 600;
            color: var(--bme-text-white);
            line-height: 1.3;
            margin: 0;
        }

        /* Top Navigation Control Arrows */
        #bme-sec-billing-features .bme-sec-top-arrows {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        #bme-sec-billing-features .bme-sec-arrow-btn {
            background: transparent;
            border: none;
            color: rgba(255, 255, 255, 0.7);
            padding: 8px;
            cursor: pointer;
            transition: color 0.25 ease, transform 0.2s ease;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
            border-radius: 4px;
        }

        #bme-sec-billing-features .bme-sec-arrow-btn:hover {
            color: var(--bme-text-white);
            transform: scale(1.15);
        }

        /* ==========================================================================
           SWIPER CAROUSEL STRUCTURE & OVERRIDES
           ========================================================================== */
        #bme-sec-billing-features .swiper {
            width: 100% !important;
            max-width: 100% !important;
            overflow: hidden !important;
            position: relative !important;
            padding-bottom: 15px !important;
        }

        #bme-sec-billing-features .swiper-wrapper {
            display: flex !important;
            flex-direction: row !important;
            box-sizing: border-box !important;
            align-items: stretch !important;
        }

        #bme-sec-billing-features .swiper-slide {
            flex-shrink: 0 !important;
            height: auto !important;
            display: flex !important;
            flex-direction: column !important;
        }

        /* Feature Card Design */
        #bme-sec-billing-features .bme-sec-card {
            background-color: var(--bme-card-bg);
            border: 1px solid var(--bme-card-border);
            border-radius: 8px;
            padding: 2.2rem 1.6rem;
            height: 100%;
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
        }

        #bme-sec-billing-features .bme-sec-card:hover {
            border-color: rgba(56, 189, 248, 0.4);
            transform: translateY(-4px);
            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
        }

        /* Card Icon Header */
        #bme-sec-billing-features .bme-sec-card-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 2rem;
            min-height: 44px;
        }

        #bme-sec-billing-features .bme-sec-icon-box {
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--bme-accent-cyan);
        }

        /* Card Titles and Text */
        #bme-sec-billing-features .bme-sec-card-title {
            font-size: 1.15rem;
            font-weight: 600;
            color: var(--bme-text-white);
            margin-bottom: 0.9rem;
        }

        #bme-sec-billing-features .bme-sec-card-desc {
            font-size: 0.88rem;
            color: var(--bme-text-muted);
            line-height: 1.6;
            margin: 0;
        }

        /* ==========================================================================
           BOTTOM CUSTOMER SERVICES CAROUSEL
           ========================================================================== */
        #bme-sec-billing-features .bme-sec-bottom-banner {
            margin-top: 4.5rem;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
        }

        #bme-sec-billing-features .bme-sec-banner-slider-wrap {
            width: 100%;
            padding: 0 54px;
        }

        #bme-sec-billing-features .bme-sec-banner-item {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 14px;
            user-select: none;
            white-space: nowrap;
        }

        /* Glowing Cyan Sparkle Icon */
        #bme-sec-billing-features .bme-sec-spark-icon {
            color: var(--bme-accent-cyan);
            display: flex;
            align-items: center;
            justify-content: center;
            filter: drop-shadow(0 0 6px rgba(56, 189, 248, 0.5));
        }

        /* Striped Hatch Metallic Text Effect */
        #bme-sec-billing-features .bme-sec-banner-text {
            font-family: 'Orbitron', 'Inter', sans-serif;
            font-weight: 900;
            font-size: clamp(0.95rem, 2.2vw, 1.3rem);
            letter-spacing: 1.5px;
            text-transform: uppercase;
            background: repeating-linear-gradient(
                180deg,
                #38bdf8 0px,
                #38bdf8 2px,
                #030e21 2px,
                #030e21 4px
            );
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            -webkit-text-stroke: 0.5px #38bdf8;
            filter: drop-shadow(0 0 3px rgba(56, 189, 248, 0.3));
        }

        /* Bottom Banner Side Arrows */
        #bme-sec-billing-features .bme-sec-banner-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: transparent;
            border: none;
            color: rgba(255, 255, 255, 0.6);
            cursor: pointer;
            z-index: 10;
            padding: 8px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: color 0.2s ease, transform 0.2s ease;
        }

        #bme-sec-billing-features .bme-sec-banner-nav:hover {
            color: var(--bme-text-white);
            transform: translateY(-50%) scale(1.2);
        }

        #bme-sec-billing-features .bme-sec-banner-prev {
            left: 0;
        }

        #bme-sec-billing-features .bme-sec-banner-next {
            right: 0;
        }

        /* Responsive Breakpoints */
        @media (max-width: 991px) {
            #bme-sec-billing-features {
                padding: 3.5rem 1rem;
            }
            #bme-sec-billing-features .bme-sec-banner-slider-wrap {
                padding: 0 36px;
            }
        }
        
         /* ==========================================================================
           STRICTLY ISOLATED CSS SCOPE
           All rules are prefixed with #ra-faq-main-wrapper and .ra-faq-*
           to guarantee ZERO conflicts with existing site styles.
           ========================================================================== */

        #ra-faq-main-wrapper {
            --ra-faq-bg: #ffffff;
            --ra-faq-text-dark: #121c2d;
            --ra-faq-text-muted: #5e6d82;
            --ra-faq-num-color: #d1d8e0;
            --ra-faq-border-color: #e9ecef;
            --ra-faq-card-bg: #f8fafc;
            --ra-faq-accent-blue: #0b4a72;
            
            background-color: var(--ra-faq-bg);
            color: var(--ra-faq-text-dark);
            overflow: hidden;
        }

        /* Top Header Styling */
        .ra-faq-subtitle {
            font-size: 0.85rem;
            letter-spacing: 2.5px;
            font-weight: 700;
            color: var(--ra-faq-text-muted);
            text-transform: uppercase;
        }

        .ra-faq-main-title {
            font-size: clamp(1.75rem, 3.5vw, 2.5rem);
            font-weight: 700;
            color: var(--ra-faq-text-dark);
            line-height: 1.25;
            max-width: 900px;
        }

        /* List Items Row Styling */
        .ra-faq-adv-row {
            border-top: 1px solid var(--ra-faq-border-color);
            transition: background-color 0.25s ease, padding 0.3s ease;
            cursor: default;
        }

        .ra-faq-adv-row:last-child {
            border-bottom: 1px solid var(--ra-faq-border-color);
        }

        .ra-faq-adv-row:hover {
            background-color: var(--ra-faq-card-bg);
        }

        /* Number Styling */
        .ra-faq-adv-num {
            font-size: clamp(2rem, 4vw, 2.75rem); /* Responsive font size */
            font-weight: 800;
            color: var(--ra-faq-num-color);
            line-height: 1;
            min-width: 50px;
            display: inline-block;
        }

        /* Title Box Constraint */
        .ra-faq-title-box {
            font-size: 1.15rem;
            font-weight: 700;
            color: var(--ra-faq-text-dark);
            margin: 0;
        }

        /* Description Constraint */
        .ra-faq-adv-desc {
            font-size: 0.95rem;
            color: var(--ra-faq-text-muted);
            margin: 0;
            line-height: 1.6;
            max-width: 550px;
        }

        /* Button Styling & Hover Animation */
        .ra-faq-adv-btn {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            border: 1px solid #c8d1dc;
            background: transparent;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: var(--ra-faq-text-muted);
            cursor: pointer;
            flex-shrink: 0;
            transition: all 0.3s ease;
        }

        .ra-faq-adv-row:hover .ra-faq-adv-btn {
            border-color: var(--ra-faq-text-dark);
            color: var(--ra-faq-text-dark);
            transform: translateX(6px); /* Slide arrow on row hover */
            background-color: #ffffff;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        }

        /* Media Queries for Tablet/Desktop width constraints */
        @media (min-width: 768px) {
            .ra-faq-title-box {
                min-width: 220px;
                max-width: 250px;
            }
        }
        

         /* Who Can Use Section Styling */
        .use-case-section {
            padding-top: 4rem;
            padding-bottom: 4.5rem;
            background-color: #f3f5f9;
        }

        .use-case-header-title {
            color: var(--brand-navy);
            font-size: 2.25rem;
            font-weight: 700;
            letter-spacing: -0.01em;
            margin-bottom: 1rem;
        }

        .use-case-header-desc {
            color: #4a5568;
            font-size: 1.02rem;
            line-height: 1.65;
            max-width: 820px;
            margin: 0 auto 3.5rem auto;
        }

        .use-case-card {
            background-color: #ffffff;
            border-radius: 14px;
            padding: 1.5rem;
            height: 100%;
            display: flex;
            align-items: flex-start;
            gap: 1.25rem;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
            border: 1px solid rgba(226, 232, 240, 0.9);
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }

        .use-case-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
        }

        .use-case-icon-box {
            width: 48px;
            height: 48px;
            min-width: 48px;
            background-color: #e9f1fe;
            color: #193f70;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.15rem;
        }

        .use-case-title {
            color: var(--brand-navy);
            font-size: 1.1rem;
            font-weight: 700;
            margin-bottom: 0.35rem;
        }

        .use-case-desc {
            color: #4a5568;
            font-size: 0.92rem;
            line-height: 1.55;
            margin-bottom: 0;
        }

        @media (max-width: 991.98px) {
            .use-case-header-title {
                font-size: 1.85rem;
            }
            .use-case-header-desc {
                font-size: 0.95rem;
                margin-bottom: 2.5rem;
            }
        }

        @media (max-width: 575.98px) {
            .custom-breadcrumb {
                font-size: 0.85rem;
            }
            .hero-title {
                font-size: 1.75rem;
            }
            .stats-main-title {
                font-size: 1.5rem;
            }
            .stat-number {
                font-size: 1.35rem;
            }
            .stat-label {
                font-size: 0.95rem;
            }
            .use-case-header-title {
                font-size: 1.5rem;
            }
            .use-case-card {
                padding: 1.2rem;
                gap: 1rem;
            }
            .use-case-icon-box {
                width: 42px;
                height: 42px;
                min-width: 42px;
                font-size: 1rem;
            }
        }


 /* Pricing Section Styles */
        .pricing-section {
            background-color: #fffff;
            padding: 5rem 0 5rem 0;
        }

        .pricing-toggle-container {
            display: inline-flex;
            background-color: rgba(0, 0, 0, 0.18);
            border-radius: 30px;
            padding: 4px;
            position: relative;
        }

        .pricing-toggle-btn {
            border: none;
            background: transparent;
            color: #ffffff;
            font-weight: 600;
            font-size: 0.9rem;
            padding: 8px 28px;
            border-radius: 25px;
            transition: all 0.25s ease;
        }

        .pricing-toggle-btn.active {
            background-color: #ffffff;
            color: #2a2c41;
            box-shadow: 0 4px 10px rgba(0,0,0,0.15);
        }

        .discount-badge-float {
            position: absolute;
            top: -14px;
            right: 12px;
            background-color: #10b981;
            color: #ffffff;
            font-size: 0.68rem;
            font-weight: 700;
            padding: 3px 10px;
            border-radius: 20px;
            white-space: nowrap;
            box-shadow: 0 2px 6px rgba(0,0,0,0.15);
        }

        /* Main White Pricing Card Box */
        .pricing-main-card {
            background-color: #ffffff;
            border-radius: 24px;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
            overflow: hidden;
        }

        .pricing-col {
            padding: 2.2rem 2rem;
            border-right: 1px solid #e9ecef;
            position: relative;
        }

        .pricing-col:last-child {
            border-right: none;
        }

        /* Diamond Card Theme */
        .theme-diamond .crown-icon { color: #e26a1b; }
        .theme-diamond .plan-title { color: #e26a1b; }
        .theme-diamond .plan-includes-title { color: #e26a1b; }
        .theme-diamond .btn-outline-custom {
            border: 1px solid #cbd5e1;
            color: #3b82f6;
            background-color: #ffffff;
        }
        .theme-diamond .btn-outline-custom:hover {
            border-color: #3b82f6;
            background-color: #f8fafc;
        }

        /* Platinum Card Theme */
        .theme-platinum .crown-icon { color: #3f52b5; }
        .theme-platinum .plan-title { color: #2e3d8f; }
        .theme-platinum .plan-includes-title { color: #2e3d8f; }

        /* Enterprise Card Theme */
        .theme-enterprise .crown-icon { color: #059669; }
        .theme-enterprise .plan-title { color: #059669; }
        .theme-enterprise .plan-includes-title { color: #059669; }

        /* General Plan Elements */
        .crown-icon {
            font-size: 1.1rem;
            margin-bottom: 0.25rem;
        }

        .plan-title {
            font-weight: 800;
            font-size: 1.6rem;
            margin-bottom: 0.3rem;
        }

        .plan-subtitle {
            font-size: 0.85rem;
            color: #505f79;
            font-weight: 600;
            min-height: 38px;
            line-height: 1.35;
        }

        .price-display {
            display: flex;
            align-items: baseline;
            gap: 0.35rem;
            margin-top: 0.75rem;
        }

        .price-old {
            text-decoration: line-through;
            color: #1e293b;
            font-weight: 800;
            font-size: 1.35rem;
        }

        .price-current {
            font-size: 2.1rem;
            font-weight: 800;
            color: #0f172a;
            line-height: 1;
        }

        .price-period {
            font-size: 0.85rem;
            color: #64748b;
            font-weight: 600;
        }

        .billing-subtext {
            font-size: 0.78rem;
            color: #334155;
            font-weight: 600;
            margin-top: 0.35rem;
            margin-bottom: 1.25rem;
            min-height: 20px;
        }

        .btn-talk-sales {
            background-color: #4358b6;
            color: #ffffff;
            font-weight: 700;
            font-size: 0.88rem;
            padding: 0.7rem 1.5rem;
            border-radius: 25px;
            border: none;
            width: 100%;
            transition: all 0.2s ease;
        }

        .btn-talk-sales:hover {
            background-color: #33449c;
            color: #ffffff;
        }

        .btn-sign-up {
            border: 1px solid #e2e8f0;
            color: #4358b6;
            font-weight: 700;
            font-size: 0.88rem;
            padding: 0.7rem 1.5rem;
            border-radius: 25px;
            background-color: #ffffff;
            width: 100%;
            transition: all 0.2s ease;
        }

        .btn-sign-up:hover {
            background-color: #f8fafc;
            border-color: #cbd5e1;
        }

        .popular-badge {
            position: absolute;
            top: 22px;
            right: 22px;
            background-color: #e26a1b;
            color: #ffffff;
            font-size: 0.72rem;
            font-weight: 700;
            padding: 4px 12px;
            border-radius: 15px;
        }

        .plan-divider {
            border-top: 1px solid #e2e8f0;
            margin: 1.5rem 0 1.2rem 0;
        }

        .plan-includes-title {
            font-weight: 800;
            font-size: 0.85rem;
            margin-bottom: 1rem;
        }

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

        .feature-list li {
            font-size: 0.84rem;
            color: #334155;
            font-weight: 600;
            margin-bottom: 0.75rem;
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .feature-list li i {
            color: #10b981;
            font-size: 0.85rem;
            margin-top: 3px;
        }

        @media (max-width: 991.98px) {
            .pricing-col {
                border-right: none;
                border-bottom: 1px solid #e2e8f0;
            }
            .pricing-col:last-child {
                border-bottom: none;
            }
            .plan-subtitle {
                min-height: auto;
            }
        }
        
        /*end pricing*/
        
        
        /* ==========================================================================
           SECTION 6 STYLES (HOW rase WORKS - VIDEO & 4-STEP PROCESS)
           STRICTLY SCOPED TO #sec6-rase-works-container
           DOES NOT ALTER BODY OR ANY OTHER SECTION
           ========================================================================== */
        #sec6-rase-works-container {
            background-color: #ffffff;
            padding: 1px;
            color: #1e293b;
            position: relative;
        }

        /* Top Pill Badge */
        #sec6-rase-works-container .sec6-top-pill {
            background-color: #193f701f;
            color: #193f70;
            font-size: 0.825rem;
            font-weight: 700;
            padding: 0.5rem 1.25rem;
            border-radius: 50px;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            margin-bottom: 1.25rem;
            box-shadow: 0 2px 6px rgba(230, 53, 53, 0.06);
        }

        /* Section Headings */
        #sec6-rase-works-container .sec6-main-heading {
            color: #00427a;
            font-size: 2.35rem;
            font-weight: 800;
            line-height: 1.25;
            letter-spacing: -0.02em;
            margin-bottom: 0.75rem;
        }

        #sec6-rase-works-container .sec6-highlight-red {
            color: #2baa4b;
        }

        #sec6-rase-works-container .sec6-subtitle {
            color: #64748b;
            font-size: 0.975rem;
            line-height: 1.6;
            max-width: 620px;
            margin: 0 auto 3rem auto;
            font-weight: 500;
        }

        /* Video Container Wrapper */
        #sec6-rase-works-container .sec6-video-wrapper {
            max-width: 880px;
            margin: 0 auto;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
            border: 1px solid #f1f5f9;
            background-color: #000000;
        }

        #sec6-rase-works-container .sec6-video-wrapper iframe {
            border: 0;
            width: 100%;
            height: 100%;
        }

        /* Step Circle Badges & Text */
        #sec6-rase-works-container .sec6-step-circle {
            width: 52px;
            height: 52px;
            background: linear-gradient(135deg, #2baa4b 0%, #193f70  100%);
            color: #ffffff;
            font-size: 1.25rem;
            font-weight: 800;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1.25rem auto;
            box-shadow: 0 8px 20px rgb(25 63 112 / 31%);
        }

        #sec6-rase-works-container .sec6-step-title {
            color: #00427a;
            font-size: 1.05rem;
            font-weight: 700;
            margin-bottom: 0.5rem;
        }

        #sec6-rase-works-container .sec6-step-desc {
            color: #64748b;
            font-size: 0.85rem;
            line-height: 1.55;
            margin: 0 auto;
            max-width: 250px;
        }

        /* Bottom Pill Badge */
        #sec6-rase-works-container .sec6-bottom-pill {
            background-color: #193f701f;
            color: #475569;
            font-size: 0.875rem;
            font-weight: 600;
            padding: 0.65rem 1.75rem;
            border-radius: 50px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
        }

        #sec6-rase-works-container .sec6-bottom-pill strong {
            color: #1c4374;
        }

        /* Responsive Breakpoints for Section 6 */
        @media (max-width: 991.98px) {
            #sec6-rase-works-container {
                padding: 1px;
            }
            #sec6-rase-works-container .sec6-main-heading {
                font-size: 1.9rem;
            }
        }

        @media (max-width: 576px) {
            #sec6-rase-works-container {
                padding: 1px;
            }
            #sec6-rase-works-container .sec6-main-heading {
                font-size: 1.55rem;
            }
            #sec6-rase-works-container .sec6-subtitle {
                font-size: 0.875rem;
                margin-bottom: 2rem;
            }
            #sec6-rase-works-container .sec6-step-circle {
                width: 46px;
                height: 46px;
                font-size: 1.1rem;
            }
            #sec6-rase-works-container .sec6-step-title {
                font-size: 0.98rem;
            }
            #sec6-rase-works-container .sec6-step-desc {
                font-size: 0.82rem;
            }
            #sec6-rase-works-container .sec6-bottom-pill {
                font-size: 0.8rem;
                padding: 0.55rem 1.25rem;
            }
        }
        
        
        /*card box mutiltle section*/
        
      
        /* ==========================================================================
           SECTION 5 STYLES (KEY FEATURES OF ONLINE PHARMACY SOFTWARE)
           STRICTLY SCOPED TO #sec5-pharmacy-features-container
           USES COLORS #00427a & #2aaa49 ONLY INSIDE THIS SECTION
           ========================================================================== */
        #sec5-pharmacy-features-container {
            background: radial-gradient(circle at 50% 30%, #00427a 0%, #002b50 100%);
            padding: 5rem 1rem 5.5rem 1rem;
            color: #ffffff;
            position: relative;
            margin-top:80px;
        }

        #sec5-pharmacy-features-container .sec5-heading {
            font-size: 2.35rem;
            font-weight: 800;
            color: #ffffff;
            letter-spacing: -0.02em;
            text-align: center;
            margin-bottom: 0;
        }

        #sec5-pharmacy-features-container .sec5-text-highlight-green {
            color: #2aaa49;
        }

        #sec5-pharmacy-features-container .sec5-subtext {
            color: rgba(255, 255, 255, 0.92);
            font-size: 0.925rem;
            line-height: 1.6;
            max-width: 920px;
            margin: 1.25rem auto 3.25rem auto;
            text-align: center;
            font-weight: 400;
        }

        /* Feature Card Grid Styles for Section 5 */
        #sec5-pharmacy-features-container .sec5-feature-card {
            background-color: #ffffff;
            border-radius: 16px;
            padding: 1.75rem 1rem 1.5rem 1rem;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
            transition: transform 0.25s ease, box-shadow 0.25s ease;
            border: 1px solid rgba(255, 255, 255, 0.3);
            min-height: 180px;
        }

        #sec5-pharmacy-features-container .sec5-feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 14px 30px rgba(0, 0, 0, 0.22);
        }

        #sec5-pharmacy-features-container .sec5-icon-box {
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 0.85rem;
        }

        #sec5-pharmacy-features-container .sec5-icon-box svg {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        #sec5-pharmacy-features-container .sec5-card-title {
            color: #1a2b3c;
            font-size: 0.95rem;
            font-weight: 700;
            line-height: 1.35;
            margin: 0;
            max-width: 190px;
        }

        /* Red CTA Button for Section 5 */
        #sec5-pharmacy-features-container .sec5-cta-container {
            margin-top: 3.5rem;
            text-align: center;
        }

        #sec5-pharmacy-features-container .sec5-btn-demo {
            background-color: #e63535;
            color: #ffffff;
            font-size: 1.05rem;
            font-weight: 800;
            padding: 0.9rem 3.2rem;
            border-radius: 50px;
            border: none;
            box-shadow: 0 8px 24px rgba(230, 53, 53, 0.45);
            transition: all 0.25s ease;
            display: inline-block;
            text-decoration: none;
            letter-spacing: 0.2px;
        }

        #sec5-pharmacy-features-container .sec5-btn-demo:hover {
            background-color: #cb2929;
            color: #ffffff;
            transform: translateY(-2px);
            box-shadow: 0 12px 28px rgba(230, 53, 53, 0.6);
        }

        /* Responsive Breakpoints for Section 5 */
        @media (max-width: 991.98px) {
            #sec5-pharmacy-features-container .sec5-heading {
                font-size: 1.95rem;
            }
            #sec5-pharmacy-features-container .sec5-subtext {
                font-size: 0.875rem;
            }
            #sec5-pharmacy-features-container .sec5-feature-card {
                padding: 1.4rem 0.75rem;
                min-height: 165px;
            }
            #sec5-pharmacy-features-container .sec5-icon-box {
                width: 52px;
                height: 52px;
            }
            #sec5-pharmacy-features-container .sec5-card-title {
                font-size: 0.88rem;
            }
        }

        @media (max-width: 576px) {
            #sec5-pharmacy-features-container {
                padding: 3.5rem 0.75rem 4rem 0.75rem;
            }
            #sec5-pharmacy-features-container .sec5-heading {
                font-size: 1.6rem;
            }
            #sec5-pharmacy-features-container .sec5-feature-card {
                padding: 1.25rem 0.5rem;
                border-radius: 12px;
                min-height: 155px;
            }
            #sec5-pharmacy-features-container .sec5-card-title {
                font-size: 0.82rem;
            }
            #sec5-pharmacy-features-container .sec5-btn-demo {
                width: 100%;
                max-width: 290px;
                padding: 0.85rem 1.5rem;
            }
        }
        
        /*end card section*/
        
        
        
        /* ================================
   Section 5 - Feature Cards
================================ */

/* ================================
   Icon Box
================================ */

.sec5-icon-box {
    width: 62px;
    height: 62px;
    margin-bottom: 18px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #effaf2;
    color: #20a64a;
    transition: all 0.3s ease;
}

.sec5-icon-box i {
    font-size: 25px;
    transition: all 0.3s ease;
}

.sec5-feature-card:hover .sec5-icon-box {
    background: #20a64a;
    color: #ffffff;
    transform: scale(1.08) rotate(-3deg);
}

.sec5-feature-card:hover .sec5-icon-box i {
    transform: scale(1.05);
}


/* ================================
   Tablet
================================ */

@media (max-width: 991px) {

    #sec5-pharmacy-features-container {
        padding: 55px 0;
    }

    .sec5-heading {
        font-size: 32px;
    }

    .sec5-subtext {
        font-size: 15px;
        margin-bottom: 35px;
    }

    .sec5-feature-card {
        min-height: 175px;
        padding: 24px 14px;
    }

    .sec5-icon-box {
        width: 58px;
        height: 58px;
        margin-bottom: 15px;
    }

    .sec5-card-title {
        font-size: 15px;
    }
}


/* ================================
   Mobile
================================ */

@media (max-width: 575px) {

    #sec5-pharmacy-features-container {
        padding: 45px 0;
    }

    .sec5-heading {
        font-size: 26px;
        line-height: 1.3;
        padding: 0 10px;
    }

    .sec5-subtext {
        font-size: 14px;
        line-height: 1.65;
        padding: 0 10px;
        margin-bottom: 30px;
    }

    .sec5-feature-card {
        min-height: 165px;
        padding: 22px 10px;
        border-radius: 13px;
    }

    .sec5-icon-box {
        width: 52px;
        height: 52px;
        margin-bottom: 13px;
        border-radius: 12px;
    }

    .sec5-icon-box i {
        font-size: 21px;
    }

    .sec5-card-title {
        max-width: 150px;
        font-size: 14px;
        line-height: 1.4;
    }

    .sec5-cta-container {
        margin-top: 30px;
    }

    .sec5-btn-demo {
        width: 100%;
        max-width: 200px;
    }
}


/*faq section start*/

 /* Scoped Custom Styling for FAQ Component */
        .ra-faq-main-wrapper {
            background-color: #f8fafc;
            padding: 50px 0;
           
        }

        .ra-faq-card {
            background: #ffffff;
            border-radius: 16px;
            padding: 40px;
            box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
         
        }

        .ra-faq-info-tag {
            font-size: 13px;
            letter-spacing: 1.5px;
            font-weight: 700;
            color: #64748b;
            text-transform: uppercase;
            margin-bottom: 12px;
        }

        .ra-faq-info-title {
            font-size: clamp(26px, 3.5vw, 36px);
            font-weight: 800;
            color: #0f172a;
            margin-bottom: 16px;
            line-height: 1.25;
        }

        .ra-faq-info-desc {
            font-size: 15px;
            color: #64748b;
            line-height: 1.6;
            margin-bottom: 30px;
        }

        /* Custom Accordion Styling */
        .ra-faq-item {
            border: 1px solid #e2e8f0;
            border-radius: 12px !important;
            margin-bottom: 16px;
            overflow: hidden;
            background: #ffffff;
            transition: all 0.3s ease;
        }

        .ra-faq-item:hover {
            border-color: #edf2fa;
            box-shadow: 0 4px 12px rgba(11, 74, 114, 0.08);
        }

        .ra-faq-btn {
            width: 100%;
            background: transparent;
            border: none;
            padding: 18px 20px;
            font-size: 15px;
            font-weight: 700;
            color: #1e293b;
            text-align: left;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 15px;
            cursor: pointer;
            outline: none;
            box-shadow: none !important;
        }

        .ra-faq-btn:focus-visible {
            outline: 2px solid #0b4a72;
        }

        .ra-faq-arrow {
            flex-shrink: 0;
            color: #64748b;
            transition: transform 0.35s ease, color 0.35s ease;
        }

        /* Rotate arrow when open */
        .ra-faq-btn[aria-expanded="true"] .ra-faq-arrow {
            transform: rotate(45deg);
            color: #0b4a72;
        }

        .ra-faq-answer {
            padding: 0 20px 20px 20px;
            font-size: 14.5px;
            color: #475569;
            line-height: 1.7;
            border-top: 1px solid #f1f5f9;
            margin-top: 5px;
            padding-top: 15px;
        }

        /* Illustration Wrap */
        .ra-faq-illustration-wrap {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
        }

        .ra-faq-illustration-wrap img {
            max-width: 100%;
            height: auto;
            border-radius: 12px;
            object-fit: contain;
        }

        /* Responsive Breakpoints Adjustment */
        @media (max-width: 991.98px) {
            .ra-faq-card {
                padding: 28px 20px;
            }

            .ra-faq-illustration-wrap {
                margin-top: 24px;
            }
        }

        @media (max-width: 575.98px) {
            .ra-faq-main-wrapper {
                padding: 24px 12px;
            }

            .ra-faq-btn {
                padding: 14px 16px;
                font-size: 14px;
            }

            .ra-faq-answer {
                padding: 12px 16px 16px;
                font-size: 13.5px;
            }
        }

/*new barcode section in barcode page*/
 :root {
            --primary-green: #10b981;
            --primary-green-dark: #059669;
            --primary-green-light: #e6f7ef;
            --primary-green-border: #a7f3d0;
            --text-heading: #0f172a;
            --text-body: #334155;
            --text-muted: #64748b;
            --border-color: #e2e8f0;
            --card-bg: #ffffff;
        }

        
        /* Top Pill Badge */
        .top-badge-wrapper {
            display: flex;
            justify-content: center;
            margin-bottom: 18px;
            margin-top: 50px;
        }

        .top-badge {
            background-color: var(--primary-green-light);
            border: 1px solid var(--primary-green-border);
            color: var(--primary-green-dark);
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 1.2px;
            text-transform: uppercase;
            padding: 8px 22px;
            border-radius: 50px;
            display: inline-block;
        }

        /* Section Headings */
        .main-heading {
            color: var(--text-heading);
            font-size: 2.5rem;
            font-weight: 800;
            letter-spacing: -0.5px;
            margin-bottom: 12px;
        }

        .section-desc {
            color: var(--text-muted);
            font-size: 1.05rem;
            max-width: 680px;
            margin: 0 auto 36px auto;
            line-height: 1.6;
        }

        /* Horizontal Navigation Tabs Bar (Desktop Baseline) */
        .tabs-nav-container {
            display: flex;
            justify-content: center;
            padding: 6px 4px 18px 4px;
            margin-bottom: 36px;
        }

        .tabs-pill-wrapper {
            display: flex;
            gap: 12px;
            flex-wrap: nowrap;
            white-space: nowrap;
        }

        .tab-pill-btn {
            background-color: #ffffff;
            border: 1.5px solid var(--border-color);
            color: var(--text-body);
            font-weight: 600;
            font-size: 0.95rem;
            padding: 10px 24px;
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.25s ease-in-out;
            user-select: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            outline: none;
        }

        .tab-pill-btn:hover {
            border-color: var(--primary-green);
            color: var(--primary-green-dark);
            transform: translateY(-1px);
        }

        .tab-pill-btn.active {
            background-color: var(--primary-green);
            border-color: var(--primary-green);
            color: #ffffff;
            box-shadow: 0 4px 14px rgba(16, 185, 129, 0.35);
        }

        /* Tab Content Section */
        .tab-content-area {
            position: relative;
            min-height: 420px;
            margin-bottom: 50px;
        }

        .tab-pane-custom {
            display: none;
            opacity: 0;
            transition: opacity 0.35s ease-in-out;
        }

        .tab-pane-custom.active {
            display: flex;
            opacity: 1;
        }

        .content-title {
            color: var(--text-heading);
            font-size: 1.85rem;
            font-weight: 800;
            margin-bottom: 16px;
            letter-spacing: -0.3px;
        }

        .content-desc {
            color: var(--text-muted);
            font-size: 1rem;
            line-height: 1.65;
            margin-bottom: 24px;
        }

        /* Feature Checklist */
        .feature-list {
            list-style: none;
            padding-left: 0;
            margin-bottom: 32px;
        }

        .feature-item {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 14px;
            color: var(--text-heading);
            font-weight: 600;
            font-size: 0.98rem;
        }

        .check-icon {
            color: var(--primary-green);
            font-size: 1.15rem;
            flex-shrink: 0;
        }

        /* CTA Button */
        .explore-cta-btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background-color: var(--primary-green);
            color: #ffffff;
            font-weight: 700;
            font-size: 0.95rem;
            padding: 13px 28px;
            border-radius: 50px;
            text-decoration: none;
            transition: all 0.25s ease-in-out;
            box-shadow: 0 4px 14px rgba(16, 185, 129, 0.28);
        }

        .explore-cta-btn:hover {
            background-color: var(--primary-green-dark);
            color: #ffffff;
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(16, 185, 129, 0.38);
        }

        /* Right Side Image Card Container */
        .image-card-wrapper {
        }

        .image-card-wrapper:hover {
            transform: translateY(-3px);
            box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.12);
        }

        .tab-preview-img {
            width: 100%;
            height: 380px;
            object-fit: contain;
            display: block;
        }

        /* Responsive Adjustments & Desktop / Tablet view */
        @media (max-width: 991.98px) {
            .tab-pane-custom {
                flex-direction: column;
            }
            .content-left-col {
                margin-bottom: 24px;
            }
            .main-heading {
                font-size: 2rem;
            }
            .tab-preview-img {
                height: 300px;
            }
        }

        /* 
           ==========================================================================
           FIX FOR MOBILE VIEW: NON-SCROLLING NORMAL TAB SECTION
           ==========================================================================
        */
        @media (max-width: 767.98px) {
            /* Disable horizontal scrolling entirely */
            .tabs-nav-container {
                overflow-x: visible;
                padding: 0 0 24px 0;
                margin-bottom: 28px;
            }

            /* Allow tabs wrapper to break into wrap rows cleanly */
            .tabs-pill-wrapper {
                flex-wrap: wrap;
                white-space: normal;
                gap: 8px;
                justify-content: center;
                width: 100%;
            }

            /* Display tab pills in a balanced 2-column or multi-row grid structure */
            .tab-pill-btn {
                flex: 1 1 calc(50% - 8px); /* 2 equal columns per row */
                min-width: 130px;
                padding: 10px 10px;
                font-size: 0.88rem;
                text-align: center;
                border-radius: 12px; /* Slightly compact border radius for stacked pill rows */
            }
            
            .main-heading {
                font-size: 1.65rem;
            }
            .content-title {
                font-size: 1.45rem;
            }
            .tab-preview-img {
                height: 250px;
            }
        }

        @media (max-width: 420px) {
            /* Tighten padding further for ultra-small mobile displays */
            .tab-pill-btn {
                flex: 1 1 calc(50% - 6px);
                font-size: 0.82rem;
                padding: 9px 6px;
            }
        }
        /* ==========================================================
           UNIQUE ISOLATED CSS NAMESPACE: .rwcu-
           Color Palette:
           - Primary Deep Blue: #193f70
           - Primary Green:     #2ca84a
           - Light Background:  #f4f7fb
           - Text Dark:         #193f70 / #0f172a
           - Text Muted:        #475569
           ========================================================== */

       
        /* Section Container */
        .rwcu-section {
            background-color: #f4f7fb;
            padding: 70px 0;
            width: 100%;
            position: relative;
        }

        /* Headings & Text */
        .rwcu-header-wrapper {
            max-width: 860px;
            margin: 0 auto 48px auto;
            text-align: center;
            padding: 0 15px;
        }

        .rwcu-main-heading {
            color: #193f70;
            font-size: 2.35rem;
            font-weight: 800;
            line-height: 1.25;
            letter-spacing: -0.5px;
            margin-bottom: 16px;
        }

        .rwcu-highlight-green {
            color: #2ca84a;
        }

        .rwcu-subtitle {
            color: #475569;
            font-size: 1.05rem;
            font-weight: 400;
            line-height: 1.6;
            margin: 0 auto;
            max-width: 780px;
        }

        /* Grid Layout */
        .rwcu-grid-container {
            max-width: 1140px;
            margin: 0 auto;
            padding: 0 15px;
        }

        /* Card Styling */
        .rwcu-card {
            background: #ffffff;
            border-radius: 16px;
            padding: 18px 22px;
            display: flex;
            align-items: center;
            gap: 16px;
            box-shadow: 0 10px 25px -5px rgba(25, 63, 112, 0.06), 0 4px 6px -2px rgba(0, 0, 0, 0.02);
            border: 1px solid rgba(226, 232, 240, 0.8);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            height: 100%;
            cursor: default;
        }

        .rwcu-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 18px 30px -8px rgba(25, 63, 112, 0.12), 0 8px 12px -4px rgba(44, 168, 74, 0.08);
            border-color: rgba(44, 168, 74, 0.4);
        }

        /* Icon Container Box */
        .rwcu-icon-box {
            width: 48px;
            height: 48px;
            min-width: 48px;
            border-radius: 12px;
            background-color: rgba(25, 63, 112, 0.07);
            color: #193f70;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
            transition: all 0.3s ease;
        }

        .rwcu-card:hover .rwcu-icon-box {
            background-color: #2ca84a;
            color: #ffffff;
            transform: scale(1.05);
        }

        /* Card Text */
        .rwcu-card-title {
            color: #193f70;
            font-size: 1.05rem;
            font-weight: 700;
            margin: 0;
            line-height: 1.3;
        }

        /* Responsive Breakpoints */
        @media (max-width: 991.98px) {
            .rwcu-section {
                padding: 50px 0;
            }
            .rwcu-main-heading {
                font-size: 1.95rem;
            }
            .rwcu-subtitle {
                font-size: 0.98rem;
            }
        }

        @media (max-width: 575.98px) {
            .rwcu-section {
                padding: 40px 0;
            }
            .rwcu-header-wrapper {
                margin-bottom: 32px;
            }
            .rwcu-main-heading {
                font-size: 1.55rem;
            }
            .rwcu-subtitle {
                font-size: 0.9rem;
            }
            .rwcu-card {
                padding: 14px 18px;
                gap: 14px;
                border-radius: 14px;
            }
            .rwcu-icon-box {
                width: 42px;
                height: 42px;
                min-width: 42px;
                font-size: 1.1rem;
                border-radius: 10px;
            }
            .rwcu-card-title {
                font-size: 0.95rem;
            }
        }