/* ─── GLOBAL ─── */
   :root {
   --primary:   #15a449;   /* green accent from CIPL logo */
   --primary-d: #0f7a37;
   --dark:      #1a1a2e;
   --text:      #444;
   --muted:     #777;
   --white:     #fff;
   }
   /* ─── SECTION UTILITIES ─── */
   .section-tag {
   display: inline-block;
   font-size: 12px;
   font-weight: 700;
   letter-spacing: 2.5px;
   text-transform: uppercase;
   color: var(--primary);
   margin-bottom: 10px;
   position: relative;
   padding-left: 36px;
   }
   .section-tag::before {
   content: '';
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   width: 26px;
   height: 2px;
   background: var(--primary);
   }
   .section-heading {
   font-size: clamp(1.6rem, 3vw, 2.4rem);
   font-weight: 800;
   color: var(--dark);
   margin-bottom: 18px;
   line-height: 1.18;
   }
   .section-heading span { color: var(--primary); }
   .body-text {
   font-size: 15px;
   line-height: 1.82;
   color: var(--muted);
   font-weight: 400;
   }
   /* ─── image wrap used in Application Testing section ─── */
   .content-img-wrap {
   position: relative;
   border-radius: 12px;
   overflow: hidden;
   box-shadow: 0 20px 50px rgba(0,0,0,0.1);
   }
   .content-img-wrap img {
   width: 100%;
   height: 460px;
   object-fit: cover;
   display: block;
   transition: transform 0.7s ease;
   }
   .content-img-wrap:hover img { transform: scale(1.04); }
   .content-img-wrap .img-overlay-tag {
   position: absolute;
   top: 20px;
   right: 20px;
   background: var(--primary);
   color: #fff;
   font-size: 11px;
   font-weight: 700;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   padding: 7px 14px;
   border-radius: 50px;
   }
   /* ─── APPLICATION TESTING ─── */
   .application-section { padding: 90px 0 80px; }
   /* process steps */
   .process-step {
   display: flex;
   gap: 18px;
   align-items: flex-start;
   margin-bottom: 26px;
   }
   .step-num {
   flex-shrink: 0;
   width: 42px; height: 42px;
   border-radius: 50%;
   background: #f08319;
   color: #fff;
   font-weight: 800;
   font-size: 15px;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 6px 16px rgba(21,164,73,0.3);
   }
   .step-content h6 { 
   font-size: 15px;
   font-weight: 700;
   color: var(--dark);
   margin-bottom: 4px;
   }
   .step-content p {
   font-size: 14px;
   color: var(--muted);
   margin: 0;
   line-height: 1.65;
   }
   /* ─── NEWSLETTER (matches site) ─── */
   .newsletter-section {
   background: var(--dark);
   padding: 60px 0;
   position: relative;
   overflow: hidden;
   }
   .newsletter-section::before {
   content: '';
   position: absolute;
   left: -60px;
   top: -60px;
   width: 220px;
   height: 220px;
   border-radius: 50%;
   border: 50px solid rgba(21,164,73,0.1);
   }
   .newsletter-section h2 {
   color: #fff;
   font-size: clamp(1.4rem, 2.5vw, 2rem);
   margin-bottom: 6px;
   }
   .newsletter-section p { color: rgba(255,255,255,0.55); font-size: 14px; }
   .nl-form {
   display: flex;
   gap: 12px;
   max-width: 460px;
   }
   .nl-form input {
   flex: 1;
   background: rgba(255,255,255,0.08);
   border: 1px solid rgba(255,255,255,0.15);
   color: #fff;
   padding: 12px 18px;
   border-radius: 6px;
   font-size: 14px;
   outline: none;
   transition: border-color 0.2s;
   }
   .nl-form input::placeholder { color: rgba(255,255,255,0.4); }
   .nl-form input:focus { border-color: var(--primary); }
   .nl-form button {
   background: var(--primary);
   color: #fff;
   border: none;
   padding: 12px 24px;
   border-radius: 6px;
   font-weight: 700;
   font-size: 14px;
   cursor: pointer;
   white-space: nowrap;
   transition: background 0.2s;
   }
   .nl-form button:hover { background: var(--primary-d); }
   /* ─── RESPONSIVE ─── */
   @media (max-width: 991px) {
   .application-section { padding: 60px 0; }
   .content-img-wrap img { height: 300px; }
   .nl-form { flex-direction: column; }
   }
   .table-wrapper{
         overflow-x:auto;
         }
         table{
         width:100%;
         border-collapse:collapse;
         background:white;
         border-radius:20px;
         overflow:hidden;
         box-shadow:0 10px 35px rgba(0,0,0,.08);
         }
         th{
         background:#e84731;
         color:white;
         padding:18px;
         }
         td{
         padding:18px;
         border-bottom:1px solid #eee;
         }
         /* MOBILE */
         @media(max-width:768px){
         h2{
         font-size:30px;
         }
         }