From 857c7ce3865ecf27c80cc2ebf78ec82d0705a6e6 Mon Sep 17 00:00:00 2001
From: Ehab-hassan <hassane@codescalers.com>
Date: Sun, 15 Aug 2021 12:37:29 +0000
Subject: [PATCH 1/4] update css at header and cta

---
 src/components/custom/sections/CallToAction.vue           | 2 +-
 src/components/marketing/sections/cta-sections/Header.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/custom/sections/CallToAction.vue b/src/components/custom/sections/CallToAction.vue
index 969a17c26..68458da0a 100644
--- a/src/components/custom/sections/CallToAction.vue
+++ b/src/components/custom/sections/CallToAction.vue
@@ -227,7 +227,7 @@
     </div>
 
     <!-- tft -->
-    <div class="w-full max-w-7xl mx-auto mt-10 px-16" v-else-if="id == 'tft'">
+    <div class="w-full max-w-7xl mx-auto lg:mt-20 px-16" v-else-if="id == 'tft'">
       <h2
         v-if="cta.title"
         class="text-4xl mb-2 uppercase leading-tight font-semibold font-heading"
diff --git a/src/components/marketing/sections/cta-sections/Header.vue b/src/components/marketing/sections/cta-sections/Header.vue
index 25805006f..95e5e4d0f 100644
--- a/src/components/marketing/sections/cta-sections/Header.vue
+++ b/src/components/marketing/sections/cta-sections/Header.vue
@@ -165,7 +165,7 @@
       class="flex flex-wrap text-center lg:text-left lg:mt-10 lg:pt-10 -mx-2"
       v-else-if="id == 'tft'"
     >
-      <div class="lg:w-2/5 px-2 lg:pr-20 lg:mt-10 order-1 lg:order-none">
+      <div class="lg:w-1/2 px-2 lg:pr-20 lg:mt-10 order-1 lg:order-none">
         <h2 class="text-6xl mb-6 mt-20 leading-none font-heading">
           {{ title }}
         </h2>
@@ -213,7 +213,7 @@
           <!-- <a class="text-gray-600 hover:underline" href="#">Learn more</a> -->
         </div>
       </div>
-      <div class="lg:w-3/5 px-2 self-center">
+      <div class="lg:w-1/2 px-2 self-center">
         <g-image :src="img" :alt="altImg" />
       </div>
     </div>

From 370fa401832cfcaf30bffeafbfe68a756d17aede Mon Sep 17 00:00:00 2001
From: Ehab-hassan <hassane@codescalers.com>
Date: Sun, 15 Aug 2021 13:05:20 +0000
Subject: [PATCH 2/4] update css at brandpanel

---
 .../marketing/sections/cta-sections/BrandPanel.vue          | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/src/components/marketing/sections/cta-sections/BrandPanel.vue b/src/components/marketing/sections/cta-sections/BrandPanel.vue
index 87fa7c42f..2d6867bad 100644
--- a/src/components/marketing/sections/cta-sections/BrandPanel.vue
+++ b/src/components/marketing/sections/cta-sections/BrandPanel.vue
@@ -274,14 +274,8 @@
         </div>
         <div
           class="
-            pt-10
-            pb-10
             px-6
-            sm:pt-16
             sm:px-10
-            lg:py-16
-            lg:pr-0
-            xl:py-20
             xl:px-15
           "
         >

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 3/4] 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

From d94b874d002fde1941345cb779dbafaea402d642 Mon Sep 17 00:00:00 2001
From: Ehab-hassan <hassane@codescalers.com>
Date: Sun, 15 Aug 2021 13:35:07 +0000
Subject: [PATCH 4/4] update css

---
 src/components/marketing/sections/cta-sections/BrandPanel.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/marketing/sections/cta-sections/BrandPanel.vue b/src/components/marketing/sections/cta-sections/BrandPanel.vue
index c94b99a34..ad86fb384 100644
--- a/src/components/marketing/sections/cta-sections/BrandPanel.vue
+++ b/src/components/marketing/sections/cta-sections/BrandPanel.vue
@@ -245,7 +245,7 @@
       <!-- tft -->
       <div
         v-else-if="id == 'tft'"
-        class="flex flex-wrap text-center lg:text-left lg:mt-10 lg:pt-10"
+        class="flex flex-wrap text-center lg:text-left "
         
       >
         <div class="lg:w-1/2 px-2 self-center">