templates/galilea/import/components/service-card.twig line 1

  1. <div class="rounded-2xl bg-[#F9F9FA] p-4 lg:py-14 lg:px-10 flex flex-col lg:flex-row gap-y-8 gap-x-14 text-balance">
  2.     <div class="lg:flex-none lg:basis-2/3">
  3.         {% if topline %}
  4.             <div class="inline-flex gap-2 items-center mb-3 text-sm tracking-wider leading-none uppercase lg:mb-6 text-brand-50">
  5.                 <div class="bg-current rounded-full size-1"></div>
  6.                 {{ topline|raw }}
  7.             </div>
  8.         {% endif %}
  10.         <div class="text-xl lg:text-3xl lg:leading-[1.2]">
  11.             {{ title }}
  12.         </div>
  14.         <div class="mt-6 text-base font-medium lg:mt-12 lg:text-lg text-black/50 lg:leading-[1.3]">
  15.             {{ text }}
  16.         </div>
  17.     </div>
  19.     <div class="self-center lg:self-center max-lg:max-w-24 max-lg:-order-1 lg:grow">
  20.         <img src="{{ image }}" alt="{{ title }}" class="w-full">
  21.     </div>
  22. </div>