From 753661ef1df5ecae1627eb22e83a90f1365f4093 Mon Sep 17 00:00:00 2001
From: apurvab <apurvabangali@gmail.com>
Date: Mon, 27 May 2024 14:32:01 +0530
Subject: [PATCH] fix:change banner styling

---
 _dev/elegance.css                         |  6 +-----
 assets/css/theme.css                      | 24 +++++++++++++++++++----
 templates/layouts/layout-both-columns.tpl | 10 +++++-----
 3 files changed, 26 insertions(+), 14 deletions(-)

diff --git a/_dev/elegance.css b/_dev/elegance.css
index 7470324..97f8b55 100644
--- a/_dev/elegance.css
+++ b/_dev/elegance.css
@@ -41,10 +41,6 @@ input[type="radio"],input[type="checkbox"] {
   
 }
 .image{
-  width:400px;
-  height:250px;
-  color:#efefef;
-  font-size:8rem;
   &.right{
     float:right;
     margin-left:30px;
@@ -68,4 +64,4 @@ input[type="radio"],input[type="checkbox"] {
   &:after {
     clear: both;
   }
-}
\ No newline at end of file
+}
diff --git a/assets/css/theme.css b/assets/css/theme.css
index a8949ce..1adff75 100755
--- a/assets/css/theme.css
+++ b/assets/css/theme.css
@@ -1131,6 +1131,10 @@ select {
   width: max-content;
 }
 
+.w-48 {
+  width: 12rem;
+}
+
 .max-w-6xl {
   max-width: 72rem;
 }
@@ -2177,6 +2181,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     margin-top: 12rem;
   }
 
+  .lg\:mt-28 {
+    margin-top: 7rem;
+  }
+
   .lg\:flex {
     display: flex;
   }
@@ -2209,12 +2217,12 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     width: 60%;
   }
 
-  .lg\:w-\[30\%\] {
-    width: 30%;
+  .lg\:w-\[40\%\] {
+    width: 40%;
   }
 
-  .lg\:w-\[70\%\] {
-    width: 70%;
+  .lg\:w-\[60\%\] {
+    width: 60%;
   }
 
   .lg\:w-full {
@@ -2294,4 +2302,12 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
   .\32xl\:mt-64 {
     margin-top: 16rem;
   }
+
+  .\32xl\:mt-48 {
+    margin-top: 12rem;
+  }
+
+  .\32xl\:mt-36 {
+    margin-top: 9rem;
+  }
 }
\ No newline at end of file
diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl
index 4e86353..078c16a 100644
--- a/templates/layouts/layout-both-columns.tpl
+++ b/templates/layouts/layout-both-columns.tpl
@@ -121,14 +121,14 @@
 
 
   <div class="flex lg:flex-row flex-col bg-[#000E2A] mt-16">
-   <div class="lg:w-[70%] object-fit">
+   <div class="lg:w-[60%] object-fit">
    <img class="" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_1142-min.jpg"/>
    </div>
-   <div class="lg:w-[30%] bg-[#000E2A] p-4">
-    <p class="text-2xl font-bold text-gray-50 2xl:mt-64 lg:mt-48 mt-8 mb-6">Business suits for men</p>
+   <div class="lg:w-[40%] bg-[#000E2A] p-4">
+    <p class="text-2xl font-bold text-gray-50 2xl:mt-48 lg:mt-32 mt-8 mb-8">Business suits for men</p>
     <p class="text-lg front-semibold text-gray-50">Tailored business Suits designed for you to make a powerful impression and radiate confidence.</p>
     <a href="https://brooksbingham.com/module/thob/configurator?id_product=75">
-    <button class="font-semibold bg-slate-200 w-28 2xl:mt-64 mt-12 bottom-0 text-lg">Explore more<button>
+    <button class="font-semibold bg-slate-200  2xl:mt-48 mt-40 text-lg uppercase py-2 flex-1 text-center border border-blue-950 hover:text-blue-900 hover:border-blue-900 w-48">Explore more<button>
     </a>
    </div>
   </div>
@@ -182,7 +182,7 @@
           <svg xmlns="http://www.w3.org/2000/svg" class="icon stroke-gray-600 stroke-[3px] icon-tabler icon-tabler-chevron-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 6l6 6l-6 6" /></svg>
          </a>
 
-         <div class="border border-sky-950 w-full flex lg:flex-row p-8 flex-col">
+         <div class="border-[0.5px] border-sky-950 w-full flex lg:flex-row p-8 flex-col">
           <div >
             <h1 class="text-2xl p-4 font-bold">Who Are We?</h1>
             <p class="text-lg p-4 font-medium"><b>BrooksBingham</b> is your destination for custom-tailored menswear, where authenticity is woven into every stitch. Experience our cutting-edge fitting technology for a flawless fit tailored to your measurements in minutes.Our perfect fit guarantee ensures that every piece you order is tailored to your exact specifications, delivering a perfect fit every time.</p>