update tft uses

src/components/custom/Slider.vue

@@ -1,10 +1,10 @@
 <template>
-  <div class="my-20">
+  <div class="my-20 tft_section">
     <div v-if="main" class="text-center mx-2">
-      <h2 class="text-4xl uppercase leading-tight font-semibold font-heading my-0">{{ main.title }}</h2>
+      <h2 class="text-6xl uppercase leading-none font-heading my-0">{{ main.title }}</h2>
-      <h2 v-if="main.subtitle" class="text-4xl uppercase leading-tight font-semibold font-heading mt-0">{{ main.subtitle }}</h2>
+      <h2 v-if="main.subtitle" class="text-6xl uppercase leading-none font-heading mt-0">{{ main.subtitle }}</h2>
       <div
-        class="my-10 max-w-2xl text-xl mx-auto text-gray-600 sm:mt-4"
+        class="my-10 text-2xl mx-auto text-gray-800 sm:mt-4 tft_subtitle"
         v-html="main.content"
       ></div>
     </div>

src/components/marketing/sections/team-sections/with_large_images.vue

@@ -2,7 +2,7 @@
   <div class="bg-white">
     <div
       v-if="id == 'tft'"
-      class="mx-auto py-12 px-4 max-w-screen-xl sm:px-6 lg:px-8 lg:py-24"
+      class="mx-auto py-12 px-4 max-w-screen-xl sm:px-6 lg:px-8 lg:py-24 tft_section"
     >
       <!-- <div
           class="
@@ -32,12 +32,12 @@
       >
         <div v-for="(section, index) in sections" :key="index" class="p-5">
           <div class="leading-6">
-            <h2 class="text-8xl font-bold uppercase" v-if="section.title">
+            <h2 class="text-8xl font-bold uppercase mt-0" v-if="section.title">
               {{ section.title }}
             </h2>
             <div
               v-if="section.content"
-              class="text-2xl"
+              class="text-2xl tft_subtitle tracking-wide"
               v-html="section.content"
             ></div>
           </div>