From 1fb7e9d07e2adf9285a2ba179907e0035e5f810c Mon Sep 17 00:00:00 2001
From: sau-mili <146661411+sau-mili@users.noreply.github.com>
Date: Sat, 10 Aug 2024 03:01:31 +0530
Subject: [PATCH] Pricing section improved

---
 assets/css/style.css | 30 +++++++++++++++++++++++++++---
 index.html           |  3 +++
 2 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index ff2f9ae0..3d14f352 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1216,20 +1216,40 @@ body.dark-mode .chapter-card:hover {
   padding: 20px 0px;
 }
 .pricing-card {
+  box-shadow: rgba(53, 31, 31, 0.5) 0px 5px 10px 0px inset;
   padding: 40px 50px;
   background-color: var(--seashell);
   text-align: center;
   transition: var(--transition-2);
   border-radius: var(--radius-5);
-  box-shadow: var(--shadow-2);
+  /* box-shadow: var(--shadow-2); */
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  min-height: 200px;
+  min-height: 150px;
   margin-top: 100px;
 }
+
+.pricing-card button{
+  margin-top: 20px !important;
+  box-shadow: rgba(50, 50, 93, 0.5) 0px 50px 100px -20px inset, 
+  rgba(0, 0, 0, 0.7) 0px 30px 60px -30px, 
+  rgba(10, 37, 64, 0.75) 0px -2px 6px 0px inset;
+  font-weight: 500 !important;
+}
+body.dark-mode .pricing-card button{
+  margin-left: auto !important;
+  margin-right: auto !important;
+  background-color: #faa2a2 !important;
+  color:#6a1818 !important;
+  box-shadow: rgba(80, 80, 92, 0.5) 0px 50px 100px -20px inset, 
+  rgba(86, 73, 73, 0.7) 0px 30px 60px -30px, 
+  rgba(74, 76, 78, 0.75) 0px -2px 6px 0px inset;
+  font-weight: 500 !important;
+ 
+}
 .dark-mode .pricing-card {
-  background-color: #151111;
+  background:linear-gradient(#000000, #8e4949);
 }
 .dark-mode .pricing-card .card-title {
   color: white;
@@ -1251,6 +1271,10 @@ body.dark-mode .chapter-card:hover {
 }
 
 .pricing-card .price {
+  box-shadow: rgba(53, 31, 31, 0.5) 0px 5px 10px 0px ;
+  background: linear-gradient(#8f3838, #db7272);
+  color:white !important;
+  border-radius: 10px;
   font-family: var(--ff-philosopher);
   font-size: var(--fs-1);
   color: var(--charcoal);
diff --git a/index.html b/index.html
index 399149ae..21f395a9 100644
--- a/index.html
+++ b/index.html
@@ -2186,6 +2186,9 @@ <h3 class="h3 card-title">Fresh Pages - New Releases</h3>
                     <p class="card-text">Exchange any recently released or gently used books, less than a year old, at
                       75% of the original cost (Limited Offer)</p>
                   </li>
+                  <li class="card-img">
+                    
+                  </li>
                 </ul>
 
                 <button class="btn btn-secondary">BUY NOW</button>