From 3c86034857741b09db44c208f64f1f8cbffccec4 Mon Sep 17 00:00:00 2001
From: Ehab-hassan <hassane@codescalers.com>
Date: Sun, 15 Aug 2021 13:30:01 +0000
Subject: [PATCH] update css

---
 .../custom/sections/CallToAction.vue          |  5 ++-
 .../sections/cta-sections/BrandPanel.vue      | 31 ++++---------------
 .../sections/cta-sections/Header.vue          |  2 --
 3 files changed, 8 insertions(+), 30 deletions(-)

diff --git a/src/components/custom/sections/CallToAction.vue b/src/components/custom/sections/CallToAction.vue
index 68458da0a..6891127b5 100644
--- a/src/components/custom/sections/CallToAction.vue
+++ b/src/components/custom/sections/CallToAction.vue
@@ -227,14 +227,14 @@
     </div>
 
     <!-- tft -->
-    <div class="w-full max-w-7xl mx-auto lg:mt-20 px-16" v-else-if="id == 'tft'">
+    <div class="w-full max-w-7xl mx-auto lg:mt-20 lg:px-16" v-else-if="id == 'tft'">
       <h2
         v-if="cta.title"
         class="text-4xl mb-2 uppercase leading-tight font-semibold font-heading"
       >
         {{ cta.title }}
       </h2>
-      <div v-html="cta.content" class="mt-6 mb-8 text-2xl text-gray-800"></div>
+      <div v-html="cta.content" class="mt-6 mb-8 text-xl text-gray-800"></div>
       <div class="mt-8 tracking-wide leading-loose" v-if="cta.video_button">
         <a
           @click="toggleModal"
@@ -266,7 +266,6 @@
           text-gray-100
           px-12
           py-2
-          mr-5
           mb-4
           shadow
           rounded-full
diff --git a/src/components/marketing/sections/cta-sections/BrandPanel.vue b/src/components/marketing/sections/cta-sections/BrandPanel.vue
index 2d6867bad..c94b99a34 100644
--- a/src/components/marketing/sections/cta-sections/BrandPanel.vue
+++ b/src/components/marketing/sections/cta-sections/BrandPanel.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="">
-    <div class="max-w-screen-xl mx-auto py-24">
+    <div class="max-w-screen-xl mx-auto py-10">
       <!-- token -->
       <div
         v-if="id == 'token'"
@@ -245,38 +245,19 @@
       <!-- tft -->
       <div
         v-else-if="id == 'tft'"
-        class="
-          brandpanel
-          rounded-lg
-          overflow-hidden
-          lg:grid lg:grid-cols-2
-          lg:gap-4
-        "
+        class="flex flex-wrap text-center lg:text-left lg:mt-10 lg:pt-10"
+        
       >
-        <div class="relative pb-3/5 -mt-6 md:pb-1/2">
+        <div class="lg:w-1/2 px-2 self-center">
           <g-image
-            class="
-              absolute
-              brandpanel
-              inset-0
-              w-full
-              h-full
-              sm:h-auto
-              translate-x-0 translate-y-center
-              rounded-md
-              object-fill object-left-top
-              sm:translate-x-0
-              lg:translate-y-20
-            "
+            
             :src="image"
             :alt="brand.title"
           />
         </div>
         <div
           class="
-            px-6
-            sm:px-10
-            xl:px-15
+            lg:w-1/2 px-2 lg:pr-20 lg:mt-10 order-1 lg:order-none
           "
         >
           <div class="lg:self-center">
diff --git a/src/components/marketing/sections/cta-sections/Header.vue b/src/components/marketing/sections/cta-sections/Header.vue
index 95e5e4d0f..fd7050bce 100644
--- a/src/components/marketing/sections/cta-sections/Header.vue
+++ b/src/components/marketing/sections/cta-sections/Header.vue
@@ -183,7 +183,6 @@
               text-gray-100
               px-12
               py-2
-              mr-5
               mb-4
               shadow
               rounded-full
@@ -202,7 +201,6 @@
               text-gray-100
               px-12
               py-2
-              mr-5
               mb-4
               shadow
               rounded-full