.local_page_case_study_wrapper .case-content p {
    line-height: 1.7;
    color: #444;
}

.local_page_case_study_wrapper .carousel-item img {
    border-radius: 8px;
}

.cta-container {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
}

/* overview section */
      .discovery-brief-section {
            background: #ffffff;
            max-width: 800px;
            width: 100%;
            padding: 40px;
            border-radius: 8px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
            
            position: relative;
        }

     
        .discovery-brief-title {
            color: #172b4d;
            font-size: 32px;
            font-weight: 700;
            margin-top: 0;
            margin-bottom: 24px;
            letter-spacing: -0.5px;
            border-bottom: 1px solid #e1e4e8;
            padding-bottom: 10px;
        }

        
        .discovery-brief-content {
            line-height: 1.8;
            color: #42526e;
        }

      
        .discovery-brief-content p {
            margin-bottom: 20px;
            font-size: 18px;
        }

        
        .discovery-brief-content p:first-child {
          color: #172b4d;
    font-weight: 500;
    background: #f0f7ff;
    padding: 15px;
    border-radius: 6px;
    font-size: 18px !important;
        }

        /* Second paragraph (The Need) */
        .discovery-brief-content p:last-child {
            border-left: 3px solid #dfe1e6;
            padding-left: 20px;
            font-style: normal;
        }

        /* Responsive Design */
        @media (max-width: 600px) {
            .discovery-brief-section {
                padding: 25px;
            }
            .discovery-brief-title {
                font-size: 24px;
            }
            .discovery-brief-content p {
                font-size: 16px;
            }
        }

    /* The challnages section */
  section.challenge-stack-node {
        max-width: 850px;
        margin: 60px auto;
        background: #ffffff;
        padding: 40px; /* Adjusted padding */
        font-family: "Inter", sans-serif;
        text-align: left; /* Sab kuch left align */
    }

    /* Heading Styling - Perfectly aligned to left */
    section.challenge-stack-node h2.challenge-stack-title {
        font-size: 32px;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: 25px;
        letter-spacing: -0.04em;
        padding: 0;
        margin-left: 0;
    }

    /* Content Body */
    section.challenge-stack-node .challenge-stack-content {
        font-size: 18px;
        line-height: 1.8;
        color: #475569;
    }

    section.challenge-stack-node .challenge-stack-content p {
        margin-bottom: 20px;
        margin-left: 0;
    }

    /* UNIQUE LIST STYLING - Left Aligned */
    section.challenge-stack-node .challenge-stack-content ul {
        list-style: none;
        padding: 0;
        margin: 30px 0;
    }

    section.challenge-stack-node .challenge-stack-content li {
        position: relative;
        padding-left: 45px; /* Bullet ke liye jagah */
        margin-bottom: 30px;
        transition: all 0.3s ease;
    }

    /* UNIQUE CSS BULLET: Layered Squares (Aligned to the left edge) */
    /* Pehla (Background) Shape */
    section.challenge-stack-node .challenge-stack-content li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 6px;
        width: 16px;
        height: 16px;
        background: #e0e7ff; /* Light Indigo */
        border-radius: 4px;
        z-index: 1;
    }

    /* Dusra (Foreground) Accent Shape */
    section.challenge-stack-node .challenge-stack-content li::after {
        content: "";
        position: absolute;
        left: 6px;
        top: 12px;
        width: 16px;
        height: 16px;
        background: #1bccba !important; /* Deep Indigo */
        border-radius: 4px;
        z-index: 2;
        box-shadow: 2px 2px 8px rgba(79, 70, 229, 0.2);
    }

    /* Label Styling */
    section.challenge-stack-node .challenge-stack-content li strong {
        display: block;
        font-size: 17px;
        color: #1e293b;
        margin-bottom: 5px;
        font-weight: 700;
        line-height: 1.2;
    }

    /* Mobile Responsive */
    @media (max-width: 768px) {
        section.challenge-stack-node { 
            padding: 30px 20px; 
            width: 95%; 
        }
        section.challenge-stack-node h2.challenge-stack-title {
            font-size: 26px;
        }
    }

    /* strategy */
        .pt-strategy-container {
        max-width: 850px;
        margin: 40px auto;
        font-family: 'Segoe UI', Roboto, sans-serif;
        color: #333;
        line-height: 1.6;
        padding: 20px;
    }

    /* Main Title - Updated for Extra Bold Look */
    .pt-strategy-title {
        font-size: 32px;
        font-weight: 900; /* Maximum boldness like the image */
        color: #0a1128; /* Deeper dark color like the image */
        margin-bottom: 25px;
        border: none !important;
        padding: 0;
        letter-spacing: -0.5px; /* Slightly tighter like the reference */
    }

    /* General Paragraphs inside body */
    .pt-strategy-body p {
        font-size: 18px;
       
        margin-bottom: 15px;
    }

    /* Targeting the List without adding classes to <ul> or <li> */
    .pt-strategy-body ul {
        list-style: none;
        padding: 0;
        margin: 25px 0 40px 0;
    }

    .pt-strategy-body li {
        margin-bottom: 10px;
        padding-left: 0;
    }

    /* Targeting <p> inside <li> if any */
    .pt-strategy-body li p {
        margin-bottom: 5px;
        font-size: 18px;
        
    }
    /* THE QUOTE BOX (Last paragraph of the body) */
    /* Hum direct target kar rahe hain last-child p ko */
    .pt-strategy-body > p:last-of-type {
        background: radial-gradient(circle at 20% 80%, rgba(37, 99, 235, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(20, 184, 166, 0.05) 0%, transparent 50%); /* Image wala beige background */
        border-radius: 25px;
        padding: 40px;
        margin-top: 40px;
        position: relative;
        font-size: 19px;
        font-style: normal;
        color: #374151;
        font-weight: 400;
        line-height: 1.7;
    }

    /* Orange Slanting Bars using CSS pseudo-element (No extra HTML needed) */
    .pt-strategy-body > p:last-of-type::before {
        content: "";
        display: block;
        width: 11px;
        height: 28px;
        background-color: #0f3460d6; /* Orange color */
        border-radius: 4px;
        transform: rotate(15deg);
        /* Second bar created using box-shadow for a clean look */
        box-shadow: 16px 0 0 0 #0f3460d6; 
        margin-bottom: 20px;
    }

    /* Mobile Responsive */
    @media (max-width: 768px) {
        .pt-strategy-title { font-size: 26px; }
        .pt-strategy-body > p:last-of-type { padding: 30px; font-size: 18px; }
    }

 /* why chose us */
         .pk-showcase-container {
        background-color: #ffffff !important;
        padding: 50px 40px !important;
        margin: 40px auto !important;
        max-width: 900px;
        border-radius: 16px !important;
        border: none !important; /* Side border removed */
        font-family: "Inter", -apple-system, sans-serif;
    }

    /* 2. Heading Style: "The Challenge" Heavy Look */
    .pk-impact-heading {
        font-family: "Arial Black", sans-serif !important;
        font-weight: 900 !important;
        font-size: 34px !important;
        color: #051024 !important;
        letter-spacing: -1.5px !important;
        margin-bottom: 30px !important;
        line-height: 1.1 !important;
    }

    /* 3. Narrative Text */
    .pk-main-narrative p {
        font-size: 17.5px !important;
        line-height: 1.8 !important;
        color: #333333 !important;
        margin-bottom: 22px !important;
    }

    /* 4. Custom Stacked Bullets Design */
    .pk-main-narrative ul {
        list-style: none !important;
        padding: 0 !important;
        margin: 30px 0 !important;
    }

    .pk-main-narrative ul li {
        position: relative;
        padding-left: 45px !important; /* Space for stacked bullets */
        margin-bottom: 25px !important;
        font-size: 17px !important;
        color: #1a1a1a !important;
        line-height: 1.6 !important;
    }

    /* Light Blue Base Square */
    .pk-main-narrative ul li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 4px;
        width: 16px;
        height: 16px;
        background: #e0e7ff;
        border-radius: 4px;
        z-index: 1;
    }

    /* Teal Top Square with Shadow */
    .pk-main-narrative ul li::after {
        content: "";
        position: absolute;
        left: 6px;
        top: 10px;
        width: 16px;
        height: 16px;
        background: #1bccba !important;
        border-radius: 4px;
        z-index: 2;
        box-shadow: 2px 2px 8px rgba(27, 204, 186, 0.3);
    }

    /* Alignment for inner paragraphs */
    .pk-main-narrative ul li p {
        display: inline !important;
        margin: 0 !important;
    }

   
   .current-operational-standing {
            font-family: "Inter", sans-serif;
            max-width: 900px;
            margin: 40px auto;
            padding: 20px;
            color: #1e293b;
        }

        /* 2. Heading Styling */
        .strategic-milestone-trajectory {
            font-size: 34px;
            font-weight: 800 !important;
            color: #0f172a;
            margin-bottom: 25px;
            letter-spacing: -0.025em;
            line-height: 1.2;
        }

        /* 3. Text Paragraphs */
        .evolutionary-status-narrative p {
            font-size: 18px;
            line-height: 1.8;
           
            margin-bottom: 20px;
        }

        /* 4. THE GRID: Force 2 items per side using CSS */
        .evolutionary-status-narrative ul {
            display: flex !important;
            flex-wrap: wrap !important;
            list-style: none !important;
            padding: 0 !important;
            margin: 40px 0 !important;
            gap: 20px !important;
        }

        /* Each LI takes ~50% width to create the 2-per-side look */
        .evolutionary-status-narrative ul li {
            flex: 0 0 calc(50% - 10px) !important;
            box-sizing: border-box !important;
            background: #fdfdfd !important;
            border: 1px solid #f1f5f9 !important;
            border-radius: 12px !important;
            padding: 24px 20px 24px 60px !important; /* Space for the bullets */
            position: relative !important;
            display: flex !important;
            align-items: center !important;
            transition: all 0.2s ease-in-out;
            min-height: 90px;
        }

        /* Responsive: Stack 1 per line on Mobile */
        @media (max-width: 700px) {
            .evolutionary-status-narrative ul li {
                flex: 0 0 100% !important;
            }
        }

        .evolutionary-status-narrative ul li:hover {
            border-color: #e2e8f0 !important;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
            transform: translateY(-2px);
        }

        /* 5. CUSTOM BULLETS (The Squares) via CSS */
        
       

        /* Text inside the boxes */
        .evolutionary-status-narrative ul li p {
            margin: 0 !important;
            font-weight: 600 !important;
            font-size: 15.5px !important;
            color: #334155 !important;
            line-height: 1.4 !important;
        }

        /* 6. Footer Narrative Spacing */
        .evolutionary-status-narrative > p:last-child {
            margin-top: 40px;
            padding-top: 30px;
            border-top: 1px solid #f1f5f9;
           
        }