text

<style>
  .bg-slate-50 {
    --tw-bg-opacity: 1;
    background-color: #f8fafc;
  }

  .border-slate-200 {
    --tw-border-opacity: 1;
    border-color: #e2e8f0;
  }

  .border-y {
    border-bottom-width: 1px;
    border-top-width: 1px;
  }

  .container-narrow {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
  }

  .text-center {
    text-align: center;
  }

  .max-w-3xl {
    max-width: 768px;
  }

  .mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .text-primary-500 {
    --tw-text-opacity: 1;
    color: #ed1c24;
  }

  .tracking-tight {
    letter-spacing: -0.95px;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .font-extrabold {
    font-weight: 800;
    font-family: Playfair Display, Georgia, serif;
  }

  .text-3xl {
    line-height: 36px;
  }

  .mb-4 {
    margin-bottom: 16px;
  }

  .text-slate-700 {
    --tw-text-opacity: 1;
    color: #334155;
  }

  .leading-relaxed {
    line-height: 1.625;
  }

  .italic {
    font-style: italic;
  }

  .mb-10 {
    margin-bottom: 40px;
  }

  .text-left {
    text-align: left;
  }

  .gap-5 {
    gap: 20px;
  }

  .grid {
    display: grid;
  }

  .shadow-sm {
    /* box-shadow: var(0 0 #0000, 0 0 #0000), var(0 0 #0000, 0 0 #0000), 0 1px 2px 0 #0000000d; */
    --tw-shadow: 0 1px 2px 0 #0000000d;
    box-shadow: 1px 1px 3px #0000000d;
  }

  .p-7 {
    padding: 28px;
  }

  .bg-white {
    --tw-bg-opacity: 1;
    background-color: #ffffff;
  }

  .border-slate-100 {
    --tw-border-opacity: 1;
    border-color: #f1f5f9;
  }

  .border {
    border-width: 1px;
  }

  .rounded-3xl {
    border-radius: 24px;
  }

  .text-gray-500 {
    --tw-text-opacity: 1;
    color: #6b7280;
    font-size: 16px;
  }

  @media (min-width: 768px) {
    .md:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 1024px) {
    .lg:py-24 {
      padding-bottom: 96px;
      padding-top: 96px;
    }

    .container-narrow {
      padding-left: 32px;
      padding-right: 32px;
    }

    .lg:text-[38px] {
      font-size: 38px;
    }

    .lg:text-[22px] {
      font-size: 22px;
    }
  }

  @media(max-width:1200px) {
    .py-20 {
      padding-bottom: 80px;
      padding-top: 80px;
    }

    .container-narrow {
      padding-left: 16px;
      padding-right: 16px;
    }

    .text-slate-700 {
      font-size: 20px;
    }
  }
</style>

<section class="py-20 lg:py-24 bg-slate-50 border-y border-slate-200" data-v-d149c198="">
  <div class="container-narrow" data-v-d149c198="">
    <div class="max-w-3xl mx-auto text-center" data-v-d149c198="">
      <h2 class="text-3xl lg:text-[38px] font-extrabold tracking-tight uppercase text-primary-500 mb-4"
        data-v-d149c198=""> Destiny Beyond Marriage </h2>
      <p class="text-xl lg:text-[22px] text-slate-700 leading-relaxed italic mb-10" data-v-d149c198=""> "When Rajeswari
        met Ponnuswamy, it was destiny beyond marriage. Two hearts that believed in adding value to the world, bound by
        love and the joy of lifting others together." </p>
      <div class="grid grid-cols-1 md:grid-cols-2 gap-5 text-left" data-v-d149c198="">
        <div class="bg-white border border-slate-100 rounded-3xl p-7 shadow-sm" data-v-d149c198="">
          <p class="text-gray-500" data-v-d149c198=""> As their family grew, so did their dreams. Two children, two
            hearts learning the meaning of care—every laugh and small moment taught love and responsibility. </p>
        </div>
        <div class="bg-white border border-slate-100 rounded-3xl p-7 shadow-sm" data-v-d149c198="">
          <p class="text-gray-500" data-v-d149c198=""> In the cornfields, Ponnuswamy saw the beginning of hope.
            Rajeswari shaped it into meaning. Together, they planted a dream meant to serve beyond themselves. </p>
        </div>
      </div>
    </div>
  </div>
</section>