.elementor-100596 .elementor-element.elementor-element-343805f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100596 .elementor-element.elementor-element-e7e1823{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-100596 .elementor-element.elementor-element-8ed9062{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100596 .elementor-element.elementor-element-034171e{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-100596 .elementor-element.elementor-element-f7cd386{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100596 .elementor-element.elementor-element-c35021b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-100596 .elementor-element.elementor-element-187a0b8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100596 .elementor-element.elementor-element-4f68b37{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-100596 .elementor-element.elementor-element-e1c380e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100596 .elementor-element.elementor-element-7d50283{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-100596 .elementor-element.elementor-element-560a1f8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100596 .elementor-element.elementor-element-c50cbd8{width:100%;max-width:100%;padding:10px 0px 20px 10px;}.elementor-100596 .elementor-element.elementor-element-c50cbd8.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-100596 .elementor-element.elementor-element-c50cbd8 .elementor-icon-box-wrapper{text-align:center;}.elementor-100596 .elementor-element.elementor-element-c50cbd8 .elementor-icon-box-title, .elementor-100596 .elementor-element.elementor-element-c50cbd8 .elementor-icon-box-title a{font-size:42px;font-weight:600;}.elementor-100596 .elementor-element.elementor-element-c50cbd8 .elementor-icon-box-description{font-size:18px;}.elementor-100596 .elementor-element.elementor-element-38147a6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100596 .elementor-element.elementor-element-28a5a0e{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-100596 .elementor-element.elementor-element-28a5a0e .elementor-button{background-color:transparent;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #0459D7 0%, #0EA5E9 100%);}.elementor-100596 .elementor-element.elementor-element-28a5a0e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-100596 .elementor-element.elementor-element-28a5a0e:after{content:"0.66";}.elementor-100596 .elementor-element.elementor-element-28a5a0e .elementor-post__thumbnail__link{width:100%;}.elementor-100596 .elementor-element.elementor-element-28a5a0e .elementor-post__meta-data span + span:before{content:"•";}.elementor-100596 .elementor-element.elementor-element-28a5a0e .elementor-post__text{margin-top:20px;}.elementor-100596 .elementor-element.elementor-element-28a5a0e .elementor-post__badge{right:0;}.elementor-100596 .elementor-element.elementor-element-28a5a0e .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-100596 .elementor-element.elementor-element-28a5a0e .elementor-post__title, .elementor-100596 .elementor-element.elementor-element-28a5a0e .elementor-post__title a{color:#070707;font-size:20px;}.elementor-100596 .elementor-element.elementor-element-28a5a0e .elementor-post__meta-data{color:#1B0808;font-size:16px;font-weight:500;}.elementor-100596 .elementor-element.elementor-element-28a5a0e .elementor-post__excerpt p{font-size:16px;line-height:28px;}.elementor-100596 .elementor-element.elementor-element-28a5a0e a.elementor-post__read-more{font-size:16px;}.elementor-100596 .elementor-element.elementor-element-e63fc2a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100596 .elementor-element.elementor-element-bcdac48{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-100596 .elementor-element.elementor-element-3c48c3c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100596 .elementor-element.elementor-element-87eb630{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-100596 .elementor-element.elementor-element-3189330{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-100596 .elementor-element.elementor-element-3189330:not(.elementor-motion-effects-element-type-background), .elementor-100596 .elementor-element.elementor-element-3189330 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sourcecodelab.co/wp-content/uploads/2025/11/faq.png");}.elementor-100596 .elementor-element.elementor-element-7e7902f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-100596 .elementor-element.elementor-element-560a1f8{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-100596 .elementor-element.elementor-element-c50cbd8{width:var( --container-widget-width, 691.773px );max-width:691.773px;--container-widget-width:691.773px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-100596 .elementor-element.elementor-element-28a5a0e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-100596 .elementor-element.elementor-element-28a5a0e:after{content:"0.5";}.elementor-100596 .elementor-element.elementor-element-28a5a0e .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for html, class: .elementor-element-c35021b */.opinion-section{
  background-image: url('https://sourcecodelab.co/wp-content/uploads/2025/03/Slice-1.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding:48px 20px;
  box-sizing: border-box;
}

.opinion-box{
  width: calc(100% - 80px);
  max-width: 1320px;
  margin: 0 auto;
  padding: 40px;
  background: rgba(255,255,255,0.98);
  border-radius: 18px;
  box-shadow: 0 30px 80px rgba(3,16,45,0.08);
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
}

.opinion-box::before{
  content: "";
  position: absolute;
  left: 50%;
  top: -8%;
  transform: translateX(-50%);
  width: 112%;
  height: 440px;
  background: radial-gradient(circle at 50% 20%, rgba(22,202,242,0.12), rgba(4,89,215,0.04) 40%, transparent 70%);
  filter: blur(56px);
  z-index: 0;
  pointer-events: none;
}

.opinion-header{ text-align:center; margin-bottom:36px; position:relative; z-index:1; }
.opinion-title{ font-size:40px; line-height:1.04; font-weight:900; color:#0b1220; margin:0 0 12px; }
.opinion-lead{ color:#4b5563; font-size:18px; max-width:980px; margin:0 auto 8px; }
.opinion-subhead{ color:#111827; font-weight:700; margin-top:6px; }

.steps-grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:22px;
  position:relative;
  z-index:1;
  margin-bottom:28px;
}

.steps-grid::after{
  content: "";
  position: absolute;
  left:50%;
  bottom:-8%;
  transform:translateX(-50%);
  width:100%;
  height:220px;
  background: radial-gradient(circle at 50% 0%, rgba(22,202,242,0.08), rgba(4,89,215,0.02) 40%, transparent 65%);
  filter: blur(48px);
  z-index:0;
  pointer-events:none;
}

.step-card{
  background: #ffffff;
  border-radius: 14px;
  padding:22px;
  display:flex;
  gap:18px;
  align-items:flex-start;
  box-shadow: 0 12px 34px rgba(2,6,23,0.06);
  transition: transform .34s cubic-bezier(.2,.9,.3,1), box-shadow .34s ease;
  position:relative;
  overflow:visible;
}

.step-card:hover{
  transform: translateY(-10px);
  box-shadow: 0 36px 90px rgba(4,89,215,0.14);
}

.step-left{ flex:0 0 auto; display:flex; align-items:center; }

.step-number{
  width:76px;
  height:76px;
  min-width:76px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  font-size:22px;
  color:#ffffff;
  background: linear-gradient(180deg, #16CAF2 0%, #0459D7 100%);
  box-shadow: 0 14px 36px rgba(4,89,215,0.22), 0 2px 8px rgba(2,6,23,0.06);
  position:relative;
  transition: transform .28s ease, box-shadow .28s ease;
}

.step-number::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width:130%;
  height:130%;
  border-radius:50%;
  background: radial-gradient(circle, rgba(22,202,242,0.22), rgba(4,89,215,0.08) 45%, transparent 65%);
  filter: blur(18px);
  z-index:-1;
  transition: transform .28s ease, opacity .28s ease;
  opacity:1;
}

.step-card:hover .step-number{
  transform: translateY(-6px) scale(1.04);
  box-shadow: 0 24px 56px rgba(4,89,215,0.26);
}
.step-card:hover .step-number::after{
  transform: translate(-50%,-50%) scale(1.10);
  opacity:1;
}

.step-content{ flex:1 1 auto; }
.step-title{ font-size:20px; margin:0 0 8px; color:#0b1220; font-weight:800; }
.step-text{ margin:0; color:#444b55; line-height:1.65; font-size:15px; }

.example-box{
  background: rgba(255,255,255,0.96);
  padding:22px;
  border-radius:14px;
  margin:26px 0;
  box-shadow: 0 18px 46px rgba(2,6,23,0.06);
  position:relative;
  z-index:1;
}
.example-text{ color:#374151; font-size:15.5px; line-height:1.7; margin:0; }

.cta-wrap{ text-align:center; margin-top:8px; z-index:1; }
.cta-button{
  display:inline-block;
  background: linear-gradient(180deg, #16CAF2 0%, #0459D7 100%);
  color:#fff;
  padding:14px 36px;
  border-radius:999px;
  font-weight:800;
  text-decoration:none;
  box-shadow: 0 18px 44px rgba(4,89,215,0.18);
  transition: transform .22s ease, box-shadow .22s ease;
}
.cta-button:hover{ transform: translateY(-6px); box-shadow: 0 36px 82px rgba(4,89,215,0.28); }

@media (max-width: 1100px){
  .opinion-box{ padding:28px; width: calc(100% - 60px); }
  .opinion-title{ font-size:34px; }
  .steps-grid{ gap:18px; }
  .step-number{ width:68px; height:68px; min-width:68px; font-size:20px; }
}

@media (max-width: 720px){
  .opinion-box{ padding:20px; width: calc(100% - 32px); border-radius:12px; }
  .steps-grid{ grid-template-columns: 1fr; gap:14px; }
  .opinion-title{ font-size:28px; }
  .opinion-lead{ font-size:15px; }
  .step-card{ padding:16px; gap:12px; }
  .step-number{ width:60px; height:60px; min-width:60px; font-size:18px; }
  .example-box{ padding:16px; }
  .cta-button{ padding:12px 22px; font-size:16px; }
}

@media (prefers-reduced-motion: reduce){
  .step-card, .step-number, .cta-button{ transition: none !important; transform:none !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f68b37 *//* layout helpers */
.achievements-section { background: linear-gradient(180deg,#06b6d4 0%, #0891b2 100%); padding-top:4.5rem; padding-bottom:4.5rem; }
.max-width { max-width: 1200px; margin-left:auto; margin-right:auto; box-sizing:border-box; }
.center { margin-left:auto; margin-right:auto; text-align:center; }
.px-6 { padding-left:1.5rem; padding-right:1.5rem; }

/* heading */
.highlight-heading {
  font-weight:900;
  font-size:clamp(2rem, 4.5vw, 3.5rem);
  color:#ffffff;
  margin-bottom:1.75rem;
  display:inline-block;
  padding-bottom:1.5rem;
  border-bottom:4px solid rgba(255,255,255,0.18);
}

/* grid */
.cards-grid {
  display:grid;
  grid-template-columns: repeat(1, 1fr);
  gap:1.25rem;
  align-items:stretch;
  justify-items:stretch;
  margin-top:1.5rem;
}
@media (min-width:640px) {
  .cards-grid { grid-template-columns: repeat(2, 1fr); gap:1.75rem; }
}
@media (min-width:1024px) {
  .cards-grid { grid-template-columns: repeat(4, 1fr); gap:2.25rem; }
}

/* glass card */
.glass-card {
  background: rgba(255,255,255,0.12);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1.5px solid rgba(255,255,255,0.22);
  border-radius: 20px;
  padding:2.5rem 1.5rem;
  transition: transform .36s cubic-bezier(.2,.9,.3,1), box-shadow .36s ease, border-color .25s ease;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:200px;
  box-shadow: 0 8px 30px rgba(2,6,23,0.18);
}
.glass-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 30px 70px rgba(2,6,23,0.22);
  border-color: rgba(255,255,255,0.36);
}

/* counter (number) */
.counter {
  color:#ffffff;
  font-weight:900;
  line-height:1;
  margin-bottom:0.6rem;
  font-size:clamp(2.4rem, 5.5vw, 4.8rem); /* responsive sizing */
  letter-spacing: -0.02em;
  text-shadow: 0 6px 30px rgba(4,89,215,0.14);
  display:inline-block;
  min-width:5.2ch;
  text-align:center;
  will-change: transform;
}

/* small halo behind big number for subtle glow */
.glass-card .counter::before{
  content: "";
  position: absolute;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  z-index: -1;
  background: radial-gradient(circle, rgba(22,202,242,0.18), rgba(4,89,215,0.06) 40%, transparent 60%);
  filter: blur(28px);
  transform: translateY(-6px);
  pointer-events: none;
  opacity: 1;
}

/* counter label */
.counter-text {
  color: rgba(255,255,255,0.94);
  font-weight:600;
  font-size:1.05rem;
  line-height:1.45;
}

/* spacing adjustments for small screens */
@media (max-width:480px){
  .glass-card { padding:1.6rem; min-height:160px; }
  .counter { font-size:2.6rem; }
  .glass-card .counter::before { width:115px; height:115px; filter: blur(20px); }
}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  .glass-card, .counter { transition: none !important; transform: none !important; }
  .glass-card .counter::before { filter: none !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d50283 *//* Utility for Image/Text Blocks */
.image-text-block {
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 70px 40px;
}
.image-text-block .image-col { width: 50%; }
.image-text-block .text-col { width: 50%; }
.image-text-block img { width: 100%; height: auto; border-radius: 10px; display: block; }
.image-text-block:nth-child(even) { background-color: var(--main-light-bg); }
.image-text-block:nth-child(even) .image-col { order: 2; }
.image-text-block:nth-child(even) .text-col { order: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38147a6 */#Blog-design .elementor-post__read-more{
  background: linear-gradient(180deg, #16CAF2 0%, #0459D7 100%) !important;
  color:#fff !important;
  border-radius:8px;
  padding:10px 18px;
  display:inline-block;
  text-decoration:none;
  transition:transform .25s ease, box-shadow .25s ease, opacity .25s ease;
  box-shadow:0 6px 20px rgba(0,0,0,0.18);
}

#Blog-design .elementor-post__read-more:hover{
  transform:translateY(-4px) scale(1.03);
  opacity:0.9;
  box-shadow:0 12px 28px rgba(0,0,0,0.28);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7e7902f *//* Note: Assuming the theme variables (--spacing, --color-gray-5, --text-3xl, etc.)
   from the original long CSS are available in the scope (e.g., in :root or :host) */

.benefits-section {
    position: relative; /* relative */
    text-align: center; /* text-center */
    background-color: var(--color-gray-5); /* bg-gray-5 */
}

/* .relative .z-10 .w-full .max-w-6xl .mx-auto .px-6 .lg:px-9 .pt-20 .lg:pt-32 */
.benefits-inner-container {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 72rem; /* approx max-w-6xl */
    margin: 0 auto; /* mx-auto */
    padding-left: calc(var(--spacing) * 6); /* px-6 */
    padding-right: calc(var(--spacing) * 6); /* px-6 */
    padding-top: calc(var(--spacing) * 20); /* pt-20 */
}

@media (min-width: 64rem) {
    .benefits-inner-container {
        padding-left: calc(var(--spacing) * 9); /* lg:px-9 */
        padding-right: calc(var(--spacing) * 9); /* lg:px-9 */
        padding-top: calc(var(--spacing) * 32); /* lg:pt-32 */
    }
}

/* .mb-6 .lg:mb-9 .flex .justify-center .items-center */
.benefits-tag-container {
    margin-bottom: calc(var(--spacing) * 6); /* mb-6 */
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (min-width: 64rem) {
    .benefits-tag-container {
        margin-bottom: calc(var(--spacing) * 9); /* lg:mb-9 */
    }
}

/* .flex .items-center .justify-center .text-xs .sm:text-sm .gap-2 .py-1\.5 .px-4 .rounded-full .bg-white .font-semibold .font-2 .tracking-\[0\.5px\] .uppercase */
.benefits-tag {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-xs);
    gap: calc(var(--spacing) * 2); /* gap-2 */
    padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 4); /* py-1.5 px-4 */
    border-radius: 9999px; /* rounded-full */
    background-color: var(--color-white);
    font-weight: var(--font-weight-semibold);
    font-family: var(--font-2);
    letter-spacing: 0.5px; /* tracking-[0.5px] */
    text-transform: uppercase;
}
@media (min-width: 40rem) {
    .benefits-tag {
        font-size: var(--text-sm); /* sm:text-sm */
    }
}
/* Note: SVG fill color is correctly hardcoded to #23B04E in HTML */


/* h2: .text-3xl .lg:text-5xl .font-bold .mb-8 .lg:mb-12 */
.benefits-section h2 {
    font-size: var(--text-3xl);
    font-weight: var(--font-weight-bold);
    margin-bottom: calc(var(--spacing) * 8); /* mb-8 */
    line-height: 1.1; /* Inherited h2 line-height */
}
@media (min-width: 64rem) {
    .benefits-section h2 {
        font-size: var(--text-5xl); /* lg:text-5xl */
        margin-bottom: calc(var(--spacing) * 12); /* lg:mb-12 */
    }
}

/* .flex .flex-wrap .lg:grid .lg:grid-cols-3 .gap-5 */
.benefits-grid {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 5); /* gap-5 */
    justify-content: center; /* helps center content when flex-wrap is active */
    list-style: none; /* ensures clean layout for list of cards */
    padding: 0;
    margin: 0;
}
@media (min-width: 64rem) {
    .benefits-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr)); /* lg:grid-cols-3 */
        /* flex and flex-wrap overridden by grid display */
    }
}

/* Card: .group .overflow-hidden .relative .flex-[1_0_320px] .flex .flex-col .items-center .gap-2 .bg-white .shadow-3 .rounded-xl .px-6 .py-8 .min-h-\[240px\] */
.benefit-card {
    overflow: hidden;
    position: relative;
    flex: 1 0 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 2); /* gap-2 */
    background-color: var(--color-white);
    box-shadow: var(--shadow-3); /* shadow-3 */
    border-radius: var(--radius-xl); /* rounded-xl */
    padding-left: calc(var(--spacing) * 6); /* px-6 */
    padding-right: calc(var(--spacing) * 6); /* px-6 */
    padding-top: calc(var(--spacing) * 8); /* py-8 */
    padding-bottom: calc(var(--spacing) * 8); /* py-8 */
    min-height: 240px;
}

/* Icon Wrapper: .w-16 .h-16 .rounded-xl .flex .justify-center .items-center .shadow-3 .mb-1 .bg-white */
.icon-wrapper {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
    border-radius: var(--radius-xl);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: var(--shadow-3);
    margin-bottom: calc(var(--spacing) * 1);
    background-color: var(--color-white);
}

/* h3 in Card: .text-lg .font-semibold .font-2 */
.benefit-card h3 {
    font-size: var(--text-lg);
    font-weight: var(--font-weight-semibold);
    font-family: var(--font-2);
    line-height: 1.1; /* Inherited h3 line-height */
}

/* p in Card: .text-base */
.benefit-card p {
    font-size: var(--text-base);
    line-height: 1.5; /* Inherited p line-height */
}

/* Special Animation Card (Card 2) Logic */
.animation-placeholder {
    display: none; /* hidden */
    /* This card is complex: .animation-64 .hidden .lg:flex .bg-gradient-to-b .from-gray-8 .to-white */
    background-image: linear-gradient(to bottom, var(--color-gray-8) 0%, var(--color-white) 100%);
}

@media (min-width: 64rem) {
    .animation-placeholder {
        display: flex; /* lg:flex (overrides hidden) */
    }
    /* Placeholder for GSAP/mask-animation-64 - these animations require JS and advanced CSS features. 
       The static appearance is based on the general card style applied above. */
}/* End custom CSS */