From e6595b2a28835572cabbe238366033740c741c44 Mon Sep 17 00:00:00 2001
From: ChineseChikki <chineye.ozoagudike@chiefsoft.com>
Date: Tue, 21 Feb 2023 20:13:43 +0100
Subject: [PATCH] image redo

---
 public/css/responsive.css | 30 ++++++++++++++++----------
 public/css/style.css      | 45 +++++++++++----------------------------
 2 files changed, 32 insertions(+), 43 deletions(-)

diff --git a/public/css/responsive.css b/public/css/responsive.css
index d309436..bacf186 100755
--- a/public/css/responsive.css
+++ b/public/css/responsive.css
@@ -38,12 +38,9 @@
   }
   /*-- End Header Top --*/
   /*-- Home Slider --*/
-  /* .slider-item {
-    height: 100%;
-    padding-top: 80px;
-    padding-bottom: 80px;
-    text-align: center;
-  } */
+  .slider-item {
+    height: 400px;
+  }
   .slider-item .slider-shape img {
     position: relative;
     top: 0;
@@ -51,8 +48,9 @@
     left: 0;
     margin-left: auto;
     margin-right: auto;
-    /* max-width: 290px; */
     margin-bottom: 20px;
+    height: 400px;
+    object-fit: cover;
   }
   .slider-item .slider-shape-two img {
     position: relative;
@@ -61,8 +59,9 @@
     left: 0;
     margin-left: auto;
     margin-right: auto;
-    /* max-width: 290px; */
     margin-bottom: 20px;
+    height: 400px;
+    object-fit: cover;
   }
   .slider-item .slider-shape-three img {
     position: relative;
@@ -71,10 +70,11 @@
     left: 0;
     margin-left: auto;
     margin-right: auto;
-    /* max-width: 290px; */
     margin-bottom: 20px;
+    height: 400px;
+    object-fit: cover;
   }
-  /* .slider-item:before {
+  .slider-item:before {
     position: absolute;
     content: '';
     width: 100%;
@@ -83,9 +83,10 @@
     top: 0;
     background-color: #0046c0;
     opacity: .80;
-  } */
+  }
   .slider-item .slider-text {
     margin-top: 0px;
+    text-align: center; 
   }
   .slider-item .slider-text h1 {
     font-size: 26px;
@@ -96,6 +97,13 @@
     margin-bottom: 30px;
     max-width: 100%;
   }
+ /* text for the two imgs  */
+  .slider-infos{
+    top: 30%;
+    right: 0;
+    transform: translateY(-50%);
+  }
+
   .common-btn a {
     font-size: 13px;
     padding: 13px 14px 12px;
diff --git a/public/css/style.css b/public/css/style.css
index f65ec9e..9a4d946 100755
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -429,40 +429,26 @@ button:focus {
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
-  height: 730px;
+  height: 700px;
   position: relative;
 }
 
 .slider-item .slider-shape img {
   width: 100%;
-  height: 730px;
-  /* position: absolute; */
-  /* top: -9px; */
-  /* right: -90px; */
-  /* max-width: 730px; */
-  /* order: 1; */
-  /* box-shadow: 0px 0px 20px  #2459b8; */
+  height: 700px;
+  object-fit: cover;
 }
 
 .slider-item .slider-shape-two img {
   width: 100%;
-  height: 730px;
-  /* position: absolute; */
-  /* top: 20px; */
-  /* top: -59px; */
-  /* right: 10px; */
-  /* max-width: 730px; */
-  /* box-shadow: 0px 0px 20px  #2459b8; */
+  height: 700px;
+  object-fit: cover;
 }
 
 .slider-item .slider-shape-three img {
   width: 100%;
-  height: 730px;
-  /* position: absolute; */
-  /* top: -59px; */
-  /* right: 10px; */
-  /* max-width: 730px; */
-  /* box-shadow: 0px 0px 20px  #2459b8; */
+  height: 700px;
+  object-fit: cover;
 }
 
 .slider-item::before {
@@ -478,11 +464,6 @@ button:focus {
 
 .slider-item .slider-text {
   position: relative;
-  /* margin-top: 20px; */
-  /* z-index: 5; */
-  /* display: flex; */
-  /* gap: 100px; */
-  
 }
 
 .slider-info{
@@ -503,7 +484,7 @@ button:focus {
   font-weight: 700;
   font-size: 46px;
   color: #ffffff;
-  text-shadow: 0px 0px 4px #000000;
+  text-shadow: 0px 0px 5px #000000;
   margin-bottom: 25px;
   max-width: 600px;
   margin-left: 0;
@@ -541,22 +522,22 @@ button:focus {
 }
 
 .common-btn .cmn-btn-right {
-  /* background-color: transparent;
-  color: #ffffff; */
   color: #0046c0;
   background-color: #ffffff;
   border: 2px solid transparent;
-  /* border: 2px solid #ffffff; */
   padding-left: 25px;
   padding-right: 25px;
+   /* border: 2px solid #ffffff; 
+  /* background-color: transparent;
+  /* color: #ffffff;  */
 }
 
 .common-btn .cmn-btn-right:hover {
-  /* color: #0046c0;
-  background-color: #ffffff; */
   background-color: transparent;
   color: #ffffff;
   border: 2px solid #ffffff;
+  /* color: #0046c0;
+  background-color: #ffffff; */
 }
 
 .home-slider.owl-theme .owl-nav {