.elementor-553 .elementor-element.elementor-element-2daa7964 > .elementor-background-overlay{background-image:url("https://practise.priyadharshinip.in/wp-content/uploads/2026/08/Memphis_2-1.png");background-position:top left;background-repeat:no-repeat;opacity:0.3;}.elementor-553 .elementor-element.elementor-element-2daa7964{margin-top:6%;margin-bottom:0%;padding:10em 0em 10em 0em;}.elementor-553 .elementor-element.elementor-element-1095f365.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-553 .elementor-element.elementor-element-1095f365 > .elementor-element-populated{margin:-12% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;}.elementor-553 .elementor-element.elementor-element-67cde13c{text-align:center;}.elementor-553 .elementor-element.elementor-element-3205fcf2{width:var( --container-widget-width, 103.079% );max-width:103.079%;--container-widget-width:103.079%;--container-widget-flex-grow:0;}.elementor-553 .elementor-element.elementor-element-3205fcf2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-553 .elementor-element.elementor-element-1748a5e8{width:var( --container-widget-width, 102.395% );max-width:102.395%;margin:17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;--container-widget-width:102.395%;--container-widget-flex-grow:0;text-align:start;font-size:24px;font-weight:600;}.elementor-553 .elementor-element.elementor-element-1748a5e8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-553 .elementor-element.elementor-element-1748a5e8 p{margin-block-end:41px;}.elementor-553 .elementor-element.elementor-element-12efa7d5{width:var( --container-widget-width, 103.526% );max-width:103.526%;padding:44px 0px 0px 0px;--container-widget-width:103.526%;--container-widget-flex-grow:0;}.elementor-553 .elementor-element.elementor-element-12efa7d5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-553 .elementor-element.elementor-element-7ab71c05:not(.elementor-motion-effects-element-type-background), .elementor-553 .elementor-element.elementor-element-7ab71c05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://practise.priyadharshinip.in/wp-content/uploads/2026/08/circle4877-2-4-6-1.png");background-position:center left;background-repeat:no-repeat;background-size:19% auto;}.elementor-553 .elementor-element.elementor-element-7ab71c05{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-11%;margin-bottom:0%;padding:137px 0px 0px 0px;}.elementor-553 .elementor-element.elementor-element-7ab71c05 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-553 .elementor-element.elementor-element-667b07a6:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-553 .elementor-element.elementor-element-667b07a6 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://practise.priyadharshinip.in/wp-content/uploads/2026/08/circle-1.png");background-position:top left;background-repeat:no-repeat;}.elementor-553 .elementor-element.elementor-element-667b07a6 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:-2% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:030px 10px 0px 30px;}.elementor-553 .elementor-element.elementor-element-667b07a6 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-553 .elementor-element.elementor-element-13f460a2{width:100%;max-width:100%;margin:-7% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:center;}.elementor-553 .elementor-element.elementor-element-13f460a2.elementor-element{--align-self:flex-start;}.elementor-553 .elementor-element.elementor-element-13f460a2 .elementor-heading-title{font-size:20px;font-weight:700;line-height:66px;letter-spacing:1px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#007A3D;}.elementor-553 .elementor-element.elementor-element-7be2f2bf{text-align:center;font-size:31px;font-weight:800;}.elementor-553 .elementor-element.elementor-element-4db717d2{margin:-68px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-553 .elementor-element.elementor-element-21d9c088:not(.elementor-motion-effects-element-type-background), .elementor-553 .elementor-element.elementor-element-21d9c088 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2ac578;}.elementor-553 .elementor-element.elementor-element-21d9c088{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 0px 120px 0px;}.elementor-553 .elementor-element.elementor-element-21d9c088 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-553 .elementor-element.elementor-element-4c5773d5:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-553 .elementor-element.elementor-element-4c5773d5 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FD;}.elementor-553 .elementor-element.elementor-element-4c5773d5 > .elementor-element-populated, .elementor-553 .elementor-element.elementor-element-4c5773d5 > .elementor-element-populated > .elementor-background-overlay, .elementor-553 .elementor-element.elementor-element-4c5773d5 > .elementor-background-slideshow{border-radius:6px 6px 6px 6px;}.elementor-553 .elementor-element.elementor-element-4c5773d5 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;text-align:center;margin:0px 12px 0px 12px;--e-column-margin-right:12px;--e-column-margin-left:12px;padding:30px 20px 20px 20px;}.elementor-553 .elementor-element.elementor-element-4c5773d5 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-553 .elementor-element.elementor-element-49affee8 .elementor-icon-wrapper{text-align:center;}.elementor-553 .elementor-element.elementor-element-49affee8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-553 .elementor-element.elementor-element-49affee8.elementor-view-framed .elementor-icon, .elementor-553 .elementor-element.elementor-element-49affee8.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-553 .elementor-element.elementor-element-49affee8.elementor-view-framed .elementor-icon, .elementor-553 .elementor-element.elementor-element-49affee8.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-553 .elementor-element.elementor-element-6ae46cc1:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-553 .elementor-element.elementor-element-6ae46cc1 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FD;}.elementor-553 .elementor-element.elementor-element-6ae46cc1 > .elementor-element-populated, .elementor-553 .elementor-element.elementor-element-6ae46cc1 > .elementor-element-populated > .elementor-background-overlay, .elementor-553 .elementor-element.elementor-element-6ae46cc1 > .elementor-background-slideshow{border-radius:6px 6px 6px 6px;}.elementor-553 .elementor-element.elementor-element-6ae46cc1 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;text-align:center;margin:0px 12px 0px 12px;--e-column-margin-right:12px;--e-column-margin-left:12px;padding:30px 20px 20px 20px;}.elementor-553 .elementor-element.elementor-element-6ae46cc1 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-553 .elementor-element.elementor-element-7cdaf186 .elementor-icon-wrapper{text-align:center;}.elementor-553 .elementor-element.elementor-element-7cdaf186.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-553 .elementor-element.elementor-element-7cdaf186.elementor-view-framed .elementor-icon, .elementor-553 .elementor-element.elementor-element-7cdaf186.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-553 .elementor-element.elementor-element-7cdaf186.elementor-view-framed .elementor-icon, .elementor-553 .elementor-element.elementor-element-7cdaf186.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-553 .elementor-element.elementor-element-3529aae7:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-553 .elementor-element.elementor-element-3529aae7 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FD;}.elementor-553 .elementor-element.elementor-element-3529aae7 > .elementor-element-populated, .elementor-553 .elementor-element.elementor-element-3529aae7 > .elementor-element-populated > .elementor-background-overlay, .elementor-553 .elementor-element.elementor-element-3529aae7 > .elementor-background-slideshow{border-radius:6px 6px 6px 6px;}.elementor-553 .elementor-element.elementor-element-3529aae7 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;text-align:center;margin:0px 12px 0px 12px;--e-column-margin-right:12px;--e-column-margin-left:12px;padding:30px 20px 20px 20px;}.elementor-553 .elementor-element.elementor-element-3529aae7 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-553 .elementor-element.elementor-element-17bba894 .elementor-icon-wrapper{text-align:center;}.elementor-553 .elementor-element.elementor-element-17bba894.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-553 .elementor-element.elementor-element-17bba894.elementor-view-framed .elementor-icon, .elementor-553 .elementor-element.elementor-element-17bba894.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-553 .elementor-element.elementor-element-17bba894.elementor-view-framed .elementor-icon, .elementor-553 .elementor-element.elementor-element-17bba894.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-553 .elementor-element.elementor-element-7b1adb82:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-553 .elementor-element.elementor-element-7b1adb82 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FD;}.elementor-553 .elementor-element.elementor-element-7b1adb82 > .elementor-element-populated, .elementor-553 .elementor-element.elementor-element-7b1adb82 > .elementor-element-populated > .elementor-background-overlay, .elementor-553 .elementor-element.elementor-element-7b1adb82 > .elementor-background-slideshow{border-radius:6px 6px 6px 6px;}.elementor-553 .elementor-element.elementor-element-7b1adb82 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;text-align:center;margin:0px 12px 0px 12px;--e-column-margin-right:12px;--e-column-margin-left:12px;padding:30px 20px 20px 20px;}.elementor-553 .elementor-element.elementor-element-7b1adb82 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-553 .elementor-element.elementor-element-19ce0ea4 .elementor-icon-wrapper{text-align:center;}.elementor-553 .elementor-element.elementor-element-19ce0ea4.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-553 .elementor-element.elementor-element-19ce0ea4.elementor-view-framed .elementor-icon, .elementor-553 .elementor-element.elementor-element-19ce0ea4.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-553 .elementor-element.elementor-element-19ce0ea4.elementor-view-framed .elementor-icon, .elementor-553 .elementor-element.elementor-element-19ce0ea4.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-553 .elementor-element.elementor-element-18735245{--display:flex;}.elementor-553 .elementor-element.elementor-element-266067d0{width:100%;max-width:100%;}.elementor-553 .elementor-element.elementor-element-1f740121{--display:flex;--margin-top:-6%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-553 .elementor-element.elementor-element-3ec3913{background-color:#E8FFEB;}.elementor-553 .elementor-element.elementor-element-585e3fde > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-553 .elementor-element.elementor-element-585e3fde > .elementor-background-overlay{opacity:0.3;}.elementor-553 .elementor-element.elementor-element-585e3fde{padding:4em 0em 5em 0em;}.elementor-553 .elementor-element.elementor-element-755491c1 > .elementor-element-populated >  .elementor-background-overlay{background-image:url("https://practise.priyadharshinip.in/wp-content/uploads/2026/08/ChatGPT-Image-Aug-15-2026-02_10_28-PM.png");opacity:0.5;}.elementor-553 .elementor-element.elementor-element-755491c1 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:15px;}.elementor-553 .elementor-element.elementor-element-755491c1 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:3em 3em 3em 3em;}.elementor-553 .elementor-element.elementor-element-755491c1 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-553 .elementor-element.elementor-element-4d39d533{text-align:center;}.elementor-553 .elementor-element.elementor-element-4d39d533 .elementor-heading-title{font-size:54px;}.elementor-553 .elementor-element.elementor-element-245927c{text-align:center;font-size:23px;}.elementor-553 .elementor-element.elementor-element-11a2655a .elementor-button{background-color:var( --e-global-color-accent );}.elementor-553 .elementor-element.elementor-element-11a2655a .elementor-button:hover, .elementor-553 .elementor-element.elementor-element-11a2655a .elementor-button:focus{background-color:transparent;background-image:linear-gradient(180deg, #61CE70 0%, var( --e-global-color-accent ) 0%);}.elementor-553 .elementor-element.elementor-element-229b4a8b{text-align:center;font-size:23px;}@media(min-width:768px){.elementor-553 .elementor-element.elementor-element-755491c1{width:100%;}}@media(max-width:1024px){.elementor-553 .elementor-element.elementor-element-2daa7964{padding:10em 0em 5em 0em;}.elementor-553 .elementor-element.elementor-element-7ab71c05:not(.elementor-motion-effects-element-type-background), .elementor-553 .elementor-element.elementor-element-7ab71c05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:62% auto;}.elementor-553 .elementor-element.elementor-element-667b07a6 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-553 .elementor-element.elementor-element-21d9c088{padding:120px 20px 120px 20px;}}@media(max-width:767px){.elementor-553 .elementor-element.elementor-element-2daa7964 > .elementor-background-overlay{background-size:cover;}.elementor-553 .elementor-element.elementor-element-2daa7964{padding:8em 0em 2em 0em;}.elementor-553 .elementor-element.elementor-element-1095f365 > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-553 .elementor-element.elementor-element-7ab71c05:not(.elementor-motion-effects-element-type-background), .elementor-553 .elementor-element.elementor-element-7ab71c05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top right;background-repeat:no-repeat;background-size:contain;}.elementor-553 .elementor-element.elementor-element-6ae46cc1 > .elementor-element-populated{margin:30px 15px 30px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;}.elementor-553 .elementor-element.elementor-element-3529aae7 > .elementor-element-populated{margin:0px 15px 30px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;}.elementor-553 .elementor-element.elementor-element-585e3fde{padding:0em 0em 0em 0em;}.elementor-553 .elementor-element.elementor-element-755491c1 > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-553 .elementor-element.elementor-element-4d39d533{text-align:center;}.elementor-553 .elementor-element.elementor-element-245927c{text-align:center;}.elementor-553 .elementor-element.elementor-element-229b4a8b{text-align:center;}}@media(max-width:1024px) and (min-width:768px){.elementor-553 .elementor-element.elementor-element-667b07a6{width:55%;}}/* Start custom CSS for html, class: .elementor-element-266067d0 */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

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

body {
  font-family: 'Inter', sans-serif;
}

.brand-section {
  /* Using a vibrant green gradient similar to the image */
  background: linear-gradient(135deg, #5ddc90 0%, #1cba63 100%);
  padding: 80px 20px;
  color: #ffffff;
  min-height: 100vh;
  display: flex;
  justify-content: center;
}

.container {
  max-width: 1000px;
  width: 100%;
}

.eyebrow {
  font-size: 0.85rem;
  font-weight: 700;
  color: #105932;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 15px;
}

.main-heading {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1.2;
}

.sub-heading {
  font-size: 1.1rem;
  line-height: 1.6;
  margin-bottom: 30px;
  opacity: 0.95;
}

.benefits-list {
  list-style: none;
  margin-bottom: 50px;
}

.benefits-list li {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  font-size: 1.05rem;
  font-weight: 400;
}

.check-icon {
  width: 24px;
  height: 24px;
  color: #0d6c38;
  margin-right: 12px;
  flex-shrink: 0;
}

/* Grid for the 3 cards */
.cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}

.card {
  background: #ffffff;
  border-radius: 12px;
  padding: 25px;
  color: #333333;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.card-icon {
  font-size: 1.5rem;
  color: #1cba63;
  margin-bottom: 15px;
}

.card-title {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: #1a1a1a;
}

.card-text {
  font-size: 0.9rem;
  color: #555555;
  line-height: 1.5;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ec3913 */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

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

body {
  font-family: 'Inter', sans-serif;
  /* Light greenish-gray background from the image */
  background-color: #edf4ef; 
  color: #1f2937;
}

.process-section {
  padding: 100px 20px;
  display: flex;
  justify-content: center;
}

.container {
  max-width: 1400px;
  width: 100%;
}

.header-content {
  text-align: center;
  margin-bottom: 70px;
}

.eyebrow {
  display: block;
  color: #008e54; /* Exact brand green */
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 20px;
}

.subtitle {
  font-size: 1.15rem;
  color: #374151;
  max-width: 800px;
  margin: 0 auto;
}

/* 5-Column Grid */
.steps-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
}

.step {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.icon-wrapper {
  margin-bottom: 25px;
  color: #008e54; /* Icon color matches the eyebrow */
}

.step h3 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1.4;
  color: #111827;
}

.step p {
  font-size: 1rem;
  color: #4b5563;
  line-height: 1.6;
}

/* --- Responsive Adjustments --- */

@media (max-width: 1200px) {
  .steps-grid {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 50px;
  }
}

@media (max-width: 768px) {
  .steps-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .title {
    font-size: 2rem;
  }
}

@media (max-width: 550px) {
  .steps-grid {
    grid-template-columns: 1fr;
  }
  .header-content {
    margin-bottom: 50px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bbf7609 */@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

:root {
  --bg-color: #32AA78;
  --surface: #008e54;
  --surface-hover: #334155;
  --text-main: #f8fafc;
  --text-muted: #000;
  --accent-primary: #32AA78;
  --accent-red: #fb7185;
}

/* 1. Scope the box-sizing so it only affects this section */
.transformation-section,
.transformation-section * {
  box-sizing: border-box;
}

/* 2. Move the font, background, and text color here instead of the body */
.transformation-section {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: var(--bg-color);
  color: var(--text-main);
  line-height: 1.6;
  padding: 100px 20px;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
}

/* --- Header --- */
.section-header {
  text-align: center;
  margin-bottom: 60px;
  max-width: 700px;
  margin-inline: auto;
}

.eyebrow {
  display: inline-block;
  color: var(--accent-primary);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 16px;
  /* Using your color with 15% opacity for the background */
  background: rgba(50, 170, 120, 0.15); 
  padding: 6px 12px;
  border-radius: 20px;
}

.headline {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 20px;
  color: #ffffff;
}

.sub-headline {
  font-size: 1.125rem;
  color: var(--text-muted);
}

/* --- Comparison Grid --- */
.comparison-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-bottom: 80px;
}

.compare-card {
  background-color: var(--surface);
  border-radius: 16px;
  padding: 40px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.before-card {
  border-top: 4px solid var(--accent-red);
}

.after-card {
  border-top: 4px solid var(--accent-primary);
  /* Subtle gradient using your green */
  background: linear-gradient(145deg, var(--surface) 0%, rgba(50, 170, 120, 0.08) 100%);
}

.card-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 24px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.compare-list {
  list-style: none;
}

.compare-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
  color: var(--text-muted);
  font-size: 1.05rem;
}

.icon {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  flex-shrink: 0;
  margin-top: 2px;
}

.icon-x { color: var(--accent-red); }
.icon-check { color: var(--accent-primary); }
.after-card .compare-list li { color: var(--text-main); }

/* --- Benefits Grid --- */
.benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.benefit-item {
  background-color: var(--surface);
  padding: 32px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  transition: transform 0.3s ease, background-color 0.3s ease;
}

.benefit-item:hover {
  transform: translateY(-5px);
  background-color: var(--surface-hover);
  /* Optional: Add a subtle border glow on hover using your color */
  border-color: rgba(50, 170, 120, 0.3);
}

.benefit-icon {
  font-size: 2rem;
  margin-bottom: 20px;
}

.benefit-item h4 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 12px;
  color: #ffffff;
}

.benefit-item p {
  color: var(--text-muted);
  font-size: 0.95rem;
}

/* --- Responsive Layout --- */
@media (max-width: 968px) {
  .comparison-grid {
    grid-template-columns: 1fr;
  }
  .benefits-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .benefits-grid {
    grid-template-columns: 1fr;
  }
  .headline {
    font-size: 2rem;
  }
  .transformation-section {
    padding: 60px 16px;
  }
}/* End custom CSS */