/* ===== MK Jewels Case Study - page-scoped (Bootstrap 5 + brand) ===== */
        
        .cs-hero h1{ font-weight:600; letter-spacing:-.02em; line-height:1.12; }
        .cs-hero h1 .text-accent{ color:#FEBD7F; }
        .cs-hero .lead-sub{ color:#aeb4c4; max-width:480px; }
        .cs-breadcrumb .breadcrumb{ margin:0; }
        .cs-breadcrumb .breadcrumb-item,
        .cs-breadcrumb .breadcrumb-item a{ color:#8b93a7; text-decoration:none; font-size:.85rem; }
        .cs-breadcrumb .breadcrumb-item.active{ color:#cfd3dd; }
        .cs-breadcrumb .breadcrumb-item + .breadcrumb-item::before{ color:#ffffff; }
        .badge-dark-pill{ display:inline-flex; align-items:center; gap:8px; background:#27C94533; color:#cfead8; font-size:.8rem; padding:6px 15px; border-radius:60px; }
        .badge-dark-pill .dot{ width:7px; height:7px; border-radius:50%; background:#01684B; display:inline-block; }
        .badge-amber-pill{ display:inline-flex; align-items:center; gap:8px; background:rgba(248,102,36,.16); color:#f8a064; font-size:.8rem; padding:6px 15px; border-radius:60px; }
        .badge-amber-pill .dot{ width:7px; height:7px; border-radius:50%; background:#F86624; display:inline-block; }


        /* brand strip */
        .cs-brandstrip .label{ font-size:.8rem; color:#01684B; }
        .cs-brandstrip .val{ font-weight:600; }

        /* sticky right rail (offsets the sticky header) */
        .cs-rail{ position:-webkit-sticky; position:sticky; top:85px; }
        .impact-card{ border:1px solid #dcdcdc; border-radius:16px; overflow:hidden; background:#faf7f2; }
        .impact-card .tag{ display:inline-block; background:#E9B67B; color:#000000; font-size:.72rem; font-weight:600; padding:5px 14px; border-radius:0 0 10px 0; }
        .impact-card .impact-row{ padding:16px 22px; border-bottom:1px solid #ececec; }
        .impact-card .impact-row:last-child{ border-bottom:none; }
        .impact-card .impact-num{ font-size:1.6rem; font-weight:700; color:#01684B; line-height:1.1; }
        .impact-card .impact-lbl{ font-size:.9rem; color:#637381; }
        .jeweller-card{ background:#01684B; color:#fff; border-radius:16px; }
        .jeweller-card p{ color:#cde8da; }

        /* challenge + feature cards */
        .challenge-card {border:1px solid #dcdcdc; border-radius:16px; transition:.18s; height:100%;}
        .challenge-card:hover {box-shadow:0 12px 30px rgba(0,0,0,.07); transform:translateY(-2px);}
        .challenge-ico {width:42px; height:42px; flex:0 0 42px;}
        .feature-block {border:1px solid #dcdcdc; border-radius:15px;}
        .feature-shot {border-radius:14px; overflow:hidden;}

        /* integrations */
        .logo-chip{ border:1px solid #dcdcdc; border-radius:10px; height:58px; min-width:120px; padding:0 22px; display:flex; align-items:center; justify-content:center; font-weight:700; }

        /* impact table */
        .ftable{ border:1px solid #dcdcdc; border-radius:16px; overflow:hidden;}
        .ftable .ft-row{ border-top:1px solid #dcdcdc;}
        .ftable .ft-row:first-child{ border-top:none;}
        .ftable .ft-key{ background:#faf7f2;}
        .ftable .ft-key .k{ color:#01684B; font-weight:600;}
        .ftable .ft-key .ks{ color:#637381; font-size:.9rem;}

        /* execution process */
        .exec-sec{ background:#f5f0e9;}
        .exec-arrow{ color:#2E8E72; font-size:1.6rem;}
        .quote-block{ border-left:2px solid #01684B;
		      border-left: 3px solid #01684B;
    background-color: #faf7f2;
    border-radius: 12px;
    padding: 1.5rem;
		}
        .quote-block p{ font-size:1.1rem; line-height:1.5; font-weight:400; color:#1b2435;}
        .quote-avatar{ width:50px; height:50px; border-radius:50%; background:#febd7f;overflow:hidden;
		  display:flex;
		  align-items:center;
		  justify-content:center;
		  font-size:1.8rem;
		  color:#000000;
		}
        .play-overlay{ position:absolute; inset:0; margin:auto; width:68px; height:48px; background:#ff0000; border-radius:12px; display:flex; align-items:center; justify-content:center;}
        .play-overlay i{ color:#fff; font-size:1.5rem;}
        .cta-banner{ position:relative; border-radius:18px; overflow:hidden; background:#0b0f1c; color:#fff;}
        .cta-banner .bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:right; opacity:.5;}
        @media(max-width:991px){ .cs-rail{ position:static; top:auto; } }

        .heading-badge {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            max-width: 1100px;
            width: 100%;
            padding: 6px 14px;
            background: #e1f1e4;
            border-radius: 40px;
            width: max-content;
            margin-bottom: 1rem;
            font-size: .82rem;
            font-weight: 500;
        }
        .heading-badge .dot {
            width: 7px;
            height: 7px;
            min-width: 7px;
            background: #01684b;
            border-radius: 50%;
            position: relative;
        }
        .heading-badge .dot::before {
            content: "";
            position: absolute;
            inset: -6px;
            border-radius: 50%;
            background: rgba(0, 107, 79, .4);
            animation: pulseRing 1.5s infinite ease-out;
        }

        @keyframes pulseRing{
            0% {
                transform: scale(1);
                opacity: .5;
            }
            70% {
                transform: scale(1.6);
                opacity: 0;
            }
            100% {
                transform: scale(1.6);
                opacity: 0;
            }
        }


        .ecommerce-start-home-sec .hero-banner-home {
            border-radius: 14px;
            position: relative;
            background: url('../images/start-scaling-your-bg-image-home.jpg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        @media (max-width: 767px) {
            .ecommerce-start-home-sec .hero-banner-home {
                background: linear-gradient(135deg, #492427 0, #0f0f29 50%, #211969 100%);
                padding-bottom: 0 !important;
            }
        }
		
		
		 @media (max-width: 767px) {
            .ecommerce-start-home-sec .hero-banner-home {
                background: linear-gradient(135deg, #492427 0, #0f0f29 50%, #211969 100%);
                padding-bottom: 0 !important;
            }
		.cs-brandstrip .val{
			font-size:12px;
		}
		.cs-brandstrip .mobile-logo{
			max-width:90px !important;
		}
		.case-oq-mobile-space-comn{
		 padding-top:1rem !important;
		}
        }
		@media(min-width:992px) and (max-width:1400px){
			.cs-hero h1.display-5{
				font-size: 2rem;
			}
		}
		@media(min-width:1400px) and (max-width:1600px){
			.cs-hero h1.display-5{
				font-size: 2.4rem;
			}
		}