Each slider image used as a cover image

public/css/style.css

@@ -335,6 +335,7 @@ button:focus {
   height: 40px;
 }
 
+
 .nav-srh form .icon-search {
   position: absolute;
   top: 0;
@@ -419,8 +420,9 @@ button:focus {
 
 /*-- End Navbar --*/
 /*-- Home Slider --*/
+
 .slider-item-img {
-  background-image: url("/images/home-one/home-slider-bg.jpg");
+  background-image: url("/images/home-one/home-slider-bckgrd.png");
 }
 
 .slider-item {
@@ -432,24 +434,35 @@ button:focus {
 }
 
 .slider-item .slider-shape img {
-  position: absolute;
-  top: -9px;
-  right: -90px;
-  max-width: 730px;
+  width: 100%;
+  height: 730px;
+  /* position: absolute; */
+  /* top: -9px; */
+  /* right: -90px; */
+  /* max-width: 730px; */
+  /* order: 1; */
+  /* box-shadow: 0px 0px 20px  #2459b8; */
 }
 
 .slider-item .slider-shape-two img {
-  position: absolute;
-  top: 20px;
-  right: -60px;
-  max-width: 730px;
+  width: 100%;
+  height: 730px;
+  /* position: absolute; */
+  /* top: 20px; */
+  /* top: -59px; */
+  /* right: 10px; */
+  /* max-width: 730px; */
+  /* box-shadow: 0px 0px 20px  #2459b8; */
 }
 
 .slider-item .slider-shape-three img {
-  position: absolute;
-  top: 60px;
-  right: 0;
-  max-width: 730px;
+  width: 100%;
+  height: 730px;
+  /* position: absolute; */
+  /* top: -59px; */
+  /* right: 10px; */
+  /* max-width: 730px; */
+  /* box-shadow: 0px 0px 20px  #2459b8; */
 }
 
 .slider-item::before {
@@ -465,14 +478,32 @@ button:focus {
 
 .slider-item .slider-text {
   position: relative;
-  margin-top: -160px;
-  z-index: 5;
+  /* margin-top: 20px; */
+  /* z-index: 5; */
+  /* display: flex; */
+  /* gap: 100px; */
+  
+}
+
+.slider-info{
+  position: absolute;
+  top: 50%;
+  right: 0;
+  transform: translateY(-50%);
+}
+
+.slider-infos{
+  position: absolute;
+  bottom: 25%;
+  left: 30px;
+  transform: translateX(10%);
 }
 
 .slider-item .slider-text h1 {
   font-weight: 700;
   font-size: 46px;
   color: #ffffff;
+  text-shadow: 0px 0px 4px #000000;
   margin-bottom: 25px;
   max-width: 600px;
   margin-left: 0;
@@ -480,11 +511,11 @@ button:focus {
 }
 
 .slider-item .slider-text p {
-  color: #ffffff;
+  color: #000000;
   font-weight: 40;
   margin-bottom: 40px;
   max-width: 575px;
-  margin-left: 0;
+  margin-right: 0;
 }
 
 .common-btn a {
@@ -510,16 +541,22 @@ button:focus {
 }
 
 .common-btn .cmn-btn-right {
-  background-color: transparent;
-  color: #ffffff;
-  border: 2px solid #ffffff;
+  /* background-color: transparent;
+  color: #ffffff; */
+  color: #0046c0;
+  background-color: #ffffff;
+  border: 2px solid transparent;
+  /* border: 2px solid #ffffff; */
   padding-left: 25px;
   padding-right: 25px;
 }
 
 .common-btn .cmn-btn-right:hover {
-  color: #0046c0;
-  background-color: #ffffff;
+  /* color: #0046c0;
+  background-color: #ffffff; */
+  background-color: transparent;
+  color: #ffffff;
+  border: 2px solid #ffffff;
 }
 
 .home-slider.owl-theme .owl-nav {
@@ -4939,4 +4976,4 @@ footer {
 .faq-content .accordion .accordion__panel p {
   color: #344c5d;
 }
-/*# sourceMappingURL=style.css.map */
+/*# sourceMappingURL=style.css.map */