From 7e100a578980c8feb4ce65161f278a95252b6deb Mon Sep 17 00:00:00 2001
From: Piyush <piyushkakde79@gmail.com>
Date: Fri, 13 Oct 2023 23:46:32 +0530
Subject: [PATCH] Modified cards UI

---
 css/style.css |   4 ++
 index.html    | 196 +++++++++++++++++++++++++-------------------------
 sponsor.html  | 124 ++++++++++++++++----------------
 3 files changed, 164 insertions(+), 160 deletions(-)

diff --git a/css/style.css b/css/style.css
index 07487cb..6c550ed 100644
--- a/css/style.css
+++ b/css/style.css
@@ -648,6 +648,10 @@
       #79ff6c);
   border-radius: 3px;
 }
+#carousel-bg{
+  /* background:rgb(244, 182, 66); */
+  background-color: rgba(222, 130, 0, 0.704);
+}
 
 
 /*
diff --git a/index.html b/index.html
index f7de74b..4242a79 100644
--- a/index.html
+++ b/index.html
@@ -435,22 +435,22 @@ <h2 class="mb-4">Our honorable Guests</h2>
             <!-- <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in</p> -->
           </div>
         </div>
-        <div class="row ftco-animate">
+        <div class="row ftco-animate" >
           <div class="col-md-12">
             <div class="carousel-testimony owl-carousel ftco-owl">
 
               <!-- start -->
-              <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+              <div class="item text-center" >
+                <div class="testimony-wrap p-4 pb-5" id="carousel-bg">
                   <div class="user-img mb-4" style="background-image: url(images/mrp.png)">
                     <span class="quote d-flex align-items-center justify-content-center">
                       <i class="icon-quote-left"></i>
                     </span>
                   </div>
                   <div class="text">
-                    <span class="mb-5">Special Guest of Safalya'23</span>
-                    <p class="name"> MRP </p>
-                    <p style="color: darkslategrey;" class="position">A popular Instagram influencer and popular content
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Special Guest of Safalya'23</span>
+                    <p class="name"  style="color: rgb(255,255,255)" >   MRP   </p>
+                    <p style="color:rgb(35, 35, 35)" class="position">A popular Instagram influencer and popular content
                       creator </p>
                   </div>
                 </div>
@@ -459,16 +459,16 @@ <h2 class="mb-4">Our honorable Guests</h2>
 
               <!-- start -->
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5" id="carousel-bg">
                   <div class="user-img mb-4" style="background-image: url(images/pd.png)">
                     <span class="quote d-flex align-items-center justify-content-center">
                       <i class="icon-quote-left"></i>
                     </span>
                   </div>
                   <div class="text">
-                    <span class="mb-5">Special Guest of Safalya'23</span>
-                    <p class="name">Prerna Das </p>
-                    <p style="color: darkslategrey;" class="position"> A popular Instagram influencer and popular
+                    <span class="mb-5" style="color:rgb(35, 35, 35)" >Special Guest of Safalya'23</span>
+                    <p class="name"  style="color: rgb(255,255,255)" >   Prerna Das   </p>
+                    <p style="color:rgb(35, 35, 35)" class="position"> A popular Instagram influencer and popular
                       content creator </p>
                   </div>
                 </div>
@@ -477,16 +477,16 @@ <h2 class="mb-4">Our honorable Guests</h2>
 
               <!-- start -->
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5" id="carousel-bg">
                   <div class="user-img mb-4" style="background-image: url(images/ad.png)">
                     <span class="quote d-flex align-items-center justify-content-center">
                       <i class="icon-quote-left"></i>
                     </span>
                   </div>
                   <div class="text">
-                    <span class="mb-5"> Judge For "Face of Safalya"23</span>
-                    <p class="name">Abhishek Datta</p>
-                    <p style="color: darkslategrey;" class="position">Co-founder/Director at MOJS Food & Beverages REPA
+                    <span class="mb-5" style="color:rgb(35, 35, 35)"> Judge For "Face of Safalya"23</span>
+                    <p class="name"  style="color: rgb(255,255,255)" >  Abhishek Datta   </p>
+                    <p style="color:rgb(35, 35, 35)" class="position">Co-founder/Director at MOJS Food & Beverages REPA
                       Retail & Tauricorp Capital</p>
                   </div>
                 </div>
@@ -494,16 +494,16 @@ <h2 class="mb-4">Our honorable Guests</h2>
               <!-- End -->
               <!-- start -->
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5" id="carousel-bg">
                   <div class="user-img mb-4" style="background-image: url(images/smd.png)">
                     <span class="quote d-flex align-items-center justify-content-center">
                       <i class="icon-quote-left"></i>
                     </span>
                   </div>
                   <div class="text">
-                    <span class="mb-5">Judge For "Face of Safalya" & "Instant Ink"23</span>
-                    <p class="name">Soumi Mookherjee Datta</p>
-                    <p style="color: darkslategrey;" class="position">Co-founder/Director at MOJS Food & Beverages
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Judge For "Face of Safalya" & "Instant Ink"23</span>
+                    <p class="name"  style="color: rgb(255,255,255)" >  Soumi Mookherjee Datta  </p>
+                    <p style="color:rgb(35, 35, 35)" class="position">Co-founder/Director at MOJS Food & Beverages
                       pvt.ltd <br>Co-founder/Director/Investor Releations at Tauricorp Capital</p>
                   </div>
                 </div>
@@ -511,16 +511,16 @@ <h2 class="mb-4">Our honorable Guests</h2>
               <!-- End -->
               <!-- start -->
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5" id="carousel-bg">
                   <div class="user-img mb-4" style="background-image: url(images/rsk.png)">
                     <span class="quote d-flex align-items-center justify-content-center">
                       <i class="icon-quote-left"></i>
                     </span>
                   </div>
                   <div class="text">
-                    <span class="mb-5">Guest of Honor Safalya'23</span>
-                    <p class="name">RajanVir Singh Kapur</p>
-                    <p style="color: darkslategrey;" class="position">IAS, currently serving as the MD of Calcutta
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Guest of Honor Safalya'23</span>
+                    <p class="name"  style="color: rgb(255,255,255)" >  RajanVir Singh Kapur  </p>
+                    <p style="color:rgb(35, 35, 35)" class="position">IAS, currently serving as the MD of Calcutta
                       Tramways, CSTC, WBSTC, and Chairman of Shalimar Shipyard </p>
                   </div>
                 </div>
@@ -528,48 +528,48 @@ <h2 class="mb-4">Our honorable Guests</h2>
               <!-- End -->
               <!-- start -->
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5" id="carousel-bg">
                   <div class="user-img mb-4" style="background-image: url(images/sd.png)">
                     <span class="quote d-flex align-items-center justify-content-center">
                       <i class="icon-quote-left"></i>
                     </span>
                   </div>
                   <div class="text">
-                    <span class="mb-5">Guest of Honor Safalya'23</span>
-                    <p class="name">Santi Das</p>
-                    <p style="color: darkslategrey;" class="position">SS,CID WB Police </p>
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Guest of Honor Safalya'23</span>
+                    <p class="name"  style="color: rgb(255,255,255)" >  Santi Das  </p>
+                    <p style="color:rgb(35, 35, 35)" class="position">SS,CID WB Police </p>
                   </div>
                 </div>
               </div>
               <!-- End -->
               <!-- start -->
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5" id="carousel-bg">
                   <div class="user-img mb-4" style="background-image: url(images/ss-g.png)">
                     <span class="quote d-flex align-items-center justify-content-center">
                       <i class="icon-quote-left"></i>
                     </span>
                   </div>
                   <div class="text">
-                    <span class="mb-5">Guest of Honor Safalya'23</span>
-                    <p class="name">Shaon Sen</p>
-                    <p style="color: darkslategrey;" class="position">ADDN Secretary of Dept Of Labour,Govt of WB </p>
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Guest of Honor Safalya'23</span>
+                    <p class="name"  style="color: rgb(255,255,255)" >  Shaon Sen  </p>
+                    <p style="color:rgb(35, 35, 35)" class="position">ADDN Secretary of Dept Of Labour,Govt of WB </p>
                   </div>
                 </div>
               </div>
               <!-- End -->
               <!-- start -->
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5" id="carousel-bg">
                   <div class="user-img mb-4" style="background-image: url(images/dakr.png)">
                     <span class="quote d-flex align-items-center justify-content-center">
                       <i class="icon-quote-left"></i>
                     </span>
                   </div>
                   <div class="text">
-                    <span class="mb-5">Guest of Honor Safalya'23</span>
-                    <p class="name">Dr. Atanu Kumar Raha</p>
-                    <p style="color: darkslategrey;" class="position">IFS Retd, Ex Principal Chief Conservator of
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Guest of Honor Safalya'23</span>
+                    <p class="name"  style="color: rgb(255,255,255)" >  Dr. Atanu Kumar Raha  </p>
+                    <p style="color:rgb(35, 35, 35)" class="position">IFS Retd, Ex Principal Chief Conservator of
                       Forests, West Bengal </p>
                   </div>
                 </div>
@@ -577,16 +577,16 @@ <h2 class="mb-4">Our honorable Guests</h2>
               <!-- End -->
               <!-- start -->
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5" id="carousel-bg">
                   <div class="user-img mb-4" style="background-image: url(images/mrs.png)">
                     <span class="quote d-flex align-items-center justify-content-center">
                       <i class="icon-quote-left"></i>
                     </span>
                   </div>
                   <div class="text">
-                    <span class="mb-5">Guest of Honor Safalya'23</span>
-                    <p class="name">Mr Rajiva Sinha</p>
-                    <p style="color: darkslategrey;" class="position">Ex Chief Secretary of West Bengal and presently
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Guest of Honor Safalya'23</span>
+                    <p class="name"  style="color: rgb(255,255,255)" >   Mr Rajiva Sinha  </p>
+                    <p style="color:rgb(35, 35, 35)" class="position">Ex Chief Secretary of West Bengal and presently
                       serving as the Chairman of WB Industrial infrastructure development corporation </p>
                   </div>
                 </div>
@@ -596,16 +596,16 @@ <h2 class="mb-4">Our honorable Guests</h2>
 
               <!-- start -->
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5" id="carousel-bg">
                   <div class="user-img mb-4" style="background-image: url(images/guest_sayan.jpg)">
                     <span class="quote d-flex align-items-center justify-content-center">
                       <i class="icon-quote-left"></i>
                     </span>
                   </div>
                   <div class="text">
-                    <span class="mb-5">Guest of Honor Safalya'22</span>
-                    <p class="name">Sayan Chakraborty</p>
-                    <p style="color: rgb(79, 63, 47);" class="position">Founder of Where's The Food & winner of TIMES
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Guest of Honor Safalya'22</span>
+                    <p class="name"  style="color: rgb(255,255,255)" >  Sayan Chakraborty  </p>
+                    <p style="color:rgb(35, 35, 35)" class="position">Founder of Where's The Food & winner of TIMES
                       ICON OF THE YEAR!</p>
                   </div>
                 </div>
@@ -613,16 +613,16 @@ <h2 class="mb-4">Our honorable Guests</h2>
               <!-- End -->
               <!-- start -->
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5" id="carousel-bg">
                   <div class="user-img mb-4" style="background-image: url(images/guest_Sameer.jpg)">
                     <span class="quote d-flex align-items-center justify-content-center">
                       <i class="icon-quote-left"></i>
                     </span>
                   </div>
                   <div class="text">
-                    <span class="mb-5">Guest of Honor Safalya'22</span>
-                    <p class="name">Sameer Nairantarya</p>
-                    <p style="color: darkslategrey;" class="position">Jt.CDA in Area Account office, Ministry of
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Guest of Honor Safalya'22</span>
+                    <p class="name"  style="color: rgb(255,255,255)" >  Sameer Nairantarya  </p>
+                    <p style="color:rgb(35, 35, 35)" class="position">Jt.CDA in Area Account office, Ministry of
                       Defence, Kolkata.</p>
                   </div>
                 </div>
@@ -630,16 +630,16 @@ <h2 class="mb-4">Our honorable Guests</h2>
               <!-- End -->
               <!-- start -->
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5" id="carousel-bg">
                   <div class="user-img mb-4" style="background-image: url(images/guest_purnava2k22.jpg)">
                     <span class="quote d-flex align-items-center justify-content-center">
                       <i class="icon-quote-left"></i>
                     </span>
                   </div>
                   <div class="text">
-                    <span class="mb-5">Guest of Honor Safalya'22</span>
-                    <p class="name">Purnava Ganguly</p>
-                    <p style="color: darkslategrey;" class="position">Assistant registrar of companies in serious fraud
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Guest of Honor Safalya'22</span>
+                    <p class="name"  style="color: rgb(255,255,255)" >  Purnava Ganguly  </p>
+                    <p style="color:rgb(35, 35, 35)" class="position">Assistant registrar of companies in serious fraud
                       investigation office indian corporate law service</p>
                   </div>
                 </div>
@@ -647,36 +647,36 @@ <h2 class="mb-4">Our honorable Guests</h2>
               <!-- End -->
               <!-- start -->
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5" id="carousel-bg">
                   <div class="user-img mb-4" style="background-image: url(images/guest_chief_dGp.jpeg)">
                     <span class="quote d-flex align-items-center justify-content-center">
                       <i class="icon-quote-left"></i>
                     </span>
                   </div>
                   <div class="text">
-                    <span class="mb-5">Chief Guest Safalya'21</span>
-                    <p class="name">Gupteswar Pandey</p>
-                    <p style="color: darkslategrey;" class="position">Ex DGP of Bihar</p>
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Chief Guest Safalya'21</span>
+                    <p class="name"  style="color: rgb(255,255,255)" >  Gupteswar Pandey  </p>
+                    <p style="color:rgb(35, 35, 35)" class="position">Ex DGP of Bihar</p>
                   </div>
                 </div>
               </div>
               <!-- End -->
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5" id="carousel-bg">
                   <div class="user-img mb-4" style="background-image: url(images/guest_deepakthakur.jpeg)">
                     <span class="quote d-flex align-items-center justify-content-center">
                       <i class="icon-quote-left"></i>
                     </span>
                   </div>
                   <div class="text">
-                    <span class="mb-5">Guest of Honor Safalya'21</span>
-                    <p class="name">Deepak Thakur</p>
-                    <p style="color: darkslategrey;" class="position">Bollywood singer and actor</p>
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Guest of Honor Safalya'21</span>
+                    <p class="name"  style="color: rgb(255,255,255)" >  Deepak Thakur  </p>
+                    <p style="color:rgb(35, 35, 35)" class="position">Bollywood singer and actor</p>
                   </div>
                 </div>
               </div>
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5" id="carousel-bg">
                   <div class="user-img mb-4" style="background-image: url(images/guest_sonika.jpeg)">
                     <span class="quote d-flex align-items-center justify-content-center">
                       <i class="icon-quote-left"></i>
@@ -684,14 +684,14 @@ <h2 class="mb-4">Our honorable Guests</h2>
                   </div>
                   <div class="text">
                     <!-- <p class="mb-5">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> -->
-                    <span class="mb-5">Guest of Honor Safalya'21</span>
-                    <p class="name">Monika Singh</p>
-                    <p style="color: darkslategrey;" class="position">Deputy Collector, Maharashtra</p>
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Guest of Honor Safalya'21</span>
+                    <p class="name"  style="color: rgb(255,255,255)" >  Monika Singh  </p>
+                    <p style="color:rgb(35, 35, 35)" class="position">Deputy Collector, Maharashtra</p>
                   </div>
                 </div>
               </div>
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5" id="carousel-bg">
                   <div class="user-img mb-4" style="background-image: url(images/guest_hemant.jpeg)">
                     <span class="quote d-flex align-items-center justify-content-center">
                       <i class="icon-quote-left"></i>
@@ -699,14 +699,14 @@ <h2 class="mb-4">Our honorable Guests</h2>
                   </div>
                   <div class="text">
                     <!-- <p class="mb-5">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> -->
-                    <span class="mb-5">Guest of Honor Safalya'21</span>
-                    <p class="name">Hemant Kumar</p>
-                    <p style="color: darkslategrey;" class="position">Appraiser in Customs</p>
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Guest of Honor Safalya'21</span>
+                    <p class="name"  style="color: rgb(255,255,255)" >  Hemant Kumar  </p>
+                    <p style="color:rgb(35, 35, 35)" class="position">Appraiser in Customs</p>
                   </div>
                 </div>
               </div>
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5" id="carousel-bg">
                   <div class="user-img mb-4" style="background-image: url(images/guest_uddipan.jpeg)">
                     <span class="quote d-flex align-items-center justify-content-center">
                       <i class="icon-quote-left"></i>
@@ -714,15 +714,15 @@ <h2 class="mb-4">Our honorable Guests</h2>
                   </div>
                   <div class="text">
                     <!-- <p class="mb-5">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> -->
-                    <span class="mb-5">Chief Guest Safalya'21</span>
-                    <p class="name">Dr. Uddipan Mukherjee</p>
-                    <p style="color: darkslategrey;" class="position">IOFS, Jt. Director and PRO.OFB, Ministry of
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Chief Guest Safalya'21</span>
+                    <p class="name"  style="color: rgb(255,255,255)" >  Dr. Uddipan Mukherjee  </p>
+                    <p style="color:rgb(35, 35, 35)" class="position">IOFS, Jt. Director and PRO.OFB, Ministry of
                       Defence</p>
                   </div>
                 </div>
               </div>
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5" id="carousel-bg">
                   <div class="user-img mb-4" style="background-image: url(images/guest_navin.jpeg)">
                     <span class="quote d-flex align-items-center justify-content-center">
                       <i class="icon-quote-left"></i>
@@ -730,16 +730,16 @@ <h2 class="mb-4">Our honorable Guests</h2>
                   </div>
                   <div class="text">
                     <!-- <p class="mb-5">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> -->
-                    <span class="mb-5">Guest of Honor Safalya'21</span>
-                    <p class="name">Navin Gulia</p>
-                    <p style="color: darkslategrey;" class="position">Ex-Army Officer and a 'World Record Holder' in
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Guest of Honor Safalya'21</span>
+                    <p class="name"  style="color: rgb(255,255,255)" >  Navin Gulia  </p>
+                    <p style="color:rgb(35, 35, 35)" class="position">Ex-Army Officer and a 'World Record Holder' in
                       adventure Sports</p>
                   </div>
                 </div>
               </div>
               <!-- Start -->
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5" id="carousel-bg">
                   <div class="user-img mb-4" style="background-image: url(images/guest_purnava.jpeg)">
                     <span class="quote d-flex align-items-center justify-content-center">
                       <i class="icon-quote-left"></i>
@@ -747,9 +747,9 @@ <h2 class="mb-4">Our honorable Guests</h2>
                   </div>
                   <div class="text">
                     <!-- <p class="mb-5">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> -->
-                    <span class="mb-5">Guest of Honor Safalya'21</span>
-                    <p class="name">Purnava Ganguly</p>
-                    <p style="color: darkslategrey;" class="position">UPSC civil service exam AIR of 498 , Assistant
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Guest of Honor Safalya'21</span>
+                    <p class="name"  style="color: rgb(255,255,255)" >  Purnava Ganguly  </p>
+                    <p style="color:rgb(35, 35, 35)" class="position">UPSC civil service exam AIR of 498 , Assistant
                       registrar of companies in serious fraud investigation office indian corporate law service</p>
                   </div>
                 </div>
@@ -757,7 +757,7 @@ <h2 class="mb-4">Our honorable Guests</h2>
               <!-- end -->
               <!-- Start -->
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5" id="carousel-bg">
                   <div class="user-img mb-4" style="background-image: url(images/guest_Santosh.jpg)">
                     <span class="quote d-flex align-items-center justify-content-center">
                       <i class="icon-quote-left"></i>
@@ -765,16 +765,16 @@ <h2 class="mb-4">Our honorable Guests</h2>
                   </div>
                   <div class="text">
                     <!-- <p class="mb-5">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> -->
-                    <span class="mb-5">Guest of Honor Safalya'20</span>
-                    <p class="name">Santush S Singh</p>
-                    <p style="color: darkslategrey;" class="position">Poet/ Lyricist from Mumbai</p>
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Guest of Honor Safalya'20</span>
+                    <p class="name"  style="color: rgb(255,255,255)" >  Santush S Singh  </p>
+                    <p style="color:rgb(35, 35, 35)" class="position">Poet/ Lyricist from Mumbai</p>
                   </div>
                 </div>
               </div>
               <!-- end -->
               <!-- Start -->
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5" id="carousel-bg">
                   <div class="user-img mb-4" style="background-image: url(images/vinit.jpg)">
                     <span class="quote d-flex align-items-center justify-content-center">
                       <i class="icon-quote-left"></i>
@@ -782,9 +782,9 @@ <h2 class="mb-4">Our honorable Guests</h2>
                   </div>
                   <div class="text">
                     <!-- <p class="mb-5">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> -->
-                    <span class="mb-5">Guest of Honor Safalya'20</span>
-                    <p class="name">Vinit Shanker</p>
-                    <p style="color: darkslategrey;" class="position">Finalist of "Sau Karod Ka Kavi" India's First
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Guest of Honor Safalya'20</span>
+                    <p class="name"  style="color: rgb(255,255,255)" >  Vinit Shanker  </p>
+                    <p style="color:rgb(35, 35, 35)" class="position">Finalist of "Sau Karod Ka Kavi" India's First
                       poetry reality show</p>
                   </div>
                 </div>
@@ -792,7 +792,7 @@ <h2 class="mb-4">Our honorable Guests</h2>
               <!-- end -->
               <!-- Start -->
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5" id="carousel-bg">
                   <div class="user-img mb-4" style="background-image: url(images/guest_Amit.jpg)">
                     <span class="quote d-flex align-items-center justify-content-center">
                       <i class="icon-quote-left"></i>
@@ -800,9 +800,9 @@ <h2 class="mb-4">Our honorable Guests</h2>
                   </div>
                   <div class="text">
                     <!-- <p class="mb-5">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> -->
-                    <span class="mb-5">Guest of Honor Safalya'20</span>
-                    <p class="name">Amit Jha “Rahi"</p>
-                    <p style="color: darkslategrey;" class="position">Written Lyrics for T-Series and a YouTube channel
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Guest of Honor Safalya'20</span>
+                    <p class="name"  style="color: rgb(255,255,255)" >  Amit Jha “Rahi"  </p>
+                    <p style="color:rgb(35, 35, 35)" class="position">Written Lyrics for T-Series and a YouTube channel
                       having 5.5 M followers. Regular Performer at All India Radio, Pune</p>
                   </div>
                 </div>
@@ -810,7 +810,7 @@ <h2 class="mb-4">Our honorable Guests</h2>
               <!-- end -->
               <!-- Start -->
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5" id="carousel-bg">
                   <div class="user-img mb-4" style="background-image: url(images/guest_Aditya.jpg)">
                     <span class="quote d-flex align-items-center justify-content-center">
                       <i class="icon-quote-left"></i>
@@ -818,16 +818,16 @@ <h2 class="mb-4">Our honorable Guests</h2>
                   </div>
                   <div class="text">
                     <!-- <p class="mb-5">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> -->
-                    <span class="mb-5">Guest of Honor Safalya'20</span>
-                    <p class="name">Aditya Srivastwa “Shafaq”</p>
-                    <p style="color: darkslategrey;" class="position">Founder of "Ahl-e-sukhan"</p>
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Guest of Honor Safalya'20</span>
+                    <p class="name"  style="color: rgb(255,255,255)" >  Aditya Srivastwa “Shafaq”  </p>
+                    <p style="color:rgb(35, 35, 35)" class="position">Founder of "Ahl-e-sukhan"</p>
                   </div>
                 </div>
               </div>
               <!-- end -->
               <!-- Start -->
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5" id="carousel-bg">
                   <div class="user-img mb-4" style="background-image: url(images/guest_Shloka.jpg)">
                     <span class="quote d-flex align-items-center justify-content-center">
                       <i class="icon-quote-left"></i>
@@ -835,9 +835,9 @@ <h2 class="mb-4">Our honorable Guests</h2>
                   </div>
                   <div class="text">
                     <!-- <p class="mb-5">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> -->
-                    <span class="mb-5">Guest of Honor Safalya'20</span>
-                    <p class="name">Shloka</p>
-                    <p style="color: darkslategrey;" class="position">Singer, Rapper, Songwriter</p>
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Guest of Honor Safalya'20</span>
+                    <p class="name"  style="color: rgb(255,255,255)" >  Shloka  </p>
+                    <p style="color:rgb(35, 35, 35)" class="position">Singer, Rapper, Songwriter</p>
                   </div>
                 </div>
               </div>
diff --git a/sponsor.html b/sponsor.html
index 5a44ff3..8a19341 100644
--- a/sponsor.html
+++ b/sponsor.html
@@ -122,198 +122,198 @@ <h2 class="mb-4">Our Honorable Sponsors for Safalya '23</h2>
         </div>
         <div class="row ftco-animate" id="sponsor">
           <div class="col-md-12">
-            <div class="carousel-testimony owl-carousel ftco-owl">
+            <div class="carousel-testimony owl-carousel ftco-owl" >
             <!-- start -->
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5"  id="carousel-bg" id="carousel-bg">
                   <div class="user-img mb-4"><img src="images/lwh.png"</div>
                   </div>
-                  <div class="text">
-                    <span class="mb-5">Learning  Partner</span>
-                    <p class="name">Learning While Travelling</p>
-                    <p style="color: darkslategrey;" class="position">An edutour program is a type of educational tour that combines travel and learning opportunities</p>
+                  <div class="text" >
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Learning  Partner</span>
+                    <p class="name" style="color: rgb(255,255,255)">Learning While Travelling</p>
+                    <p style="color:rgb(35, 35, 35)" class="position">An edutour program is a type of educational tour that combines travel and learning opportunities</p>
                   </div>
                 </div>
               </div>
             <!-- End -->
             <!-- start -->
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5"  id="carousel-bg"  >
                 <div class="user-img mb-4"><img src="images/sconto.jpeg"</div>
                   </div>
                   <div class="text">
-                    <span class="mb-5">Youth Partner</span>
-                    <p class="name">Sconto</p>
-                    <p style="color: darkslategrey;" class="position">Sconto is bridging the gap between the world largest Student Tribe and the bussiness</p>
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Youth Partner</span>
+                    <p class="name" style="color: rgb(255,255,255)">Sconto</p>
+                    <p style="color:rgb(35, 35, 35)" class="position">Sconto is bridging the gap between the world largest Student Tribe and the bussiness</p>
                   </div>
                 </div>
               </div>
             <!-- End -->
             <!-- start -->
               <div class="item text-center">
-                <div class="testimony-wrap p-4 pb-5">
+                <div class="testimony-wrap p-4 pb-5"  id="carousel-bg">
                   <div class="user-img mb-4"><img src="images/kolkata.png"</div>
                   </div>
                   <div class="text">
-                    <span class="mb-5">Promotion Partner</span>
-                    <p class="name">Kolkata Oikkotaan</p>
-                    <p style="color: darkslategrey;" class="position">Kolkata,s Photography Art & Culture</p>
+                    <span class="mb-5" style="color:rgb(35, 35, 35)">Promotion Partner</span>
+                    <p class="name" style="color: rgb(255,255,255)">Kolkata Oikkotaan</p>
+                    <p style="color:rgb(35, 35, 35)" class="position">Kolkata,s Photography Art & Culture</p>
                   </div>
                 </div>
               </div>
             <!-- End -->
             <!-- Start-->
             <div class="item text-center">
-              <div class="testimony-wrap p-4 pb-5">
+              <div class="testimony-wrap p-4 pb-5"  id="carousel-bg">
                 <div class="user-img mb-4"><img src="images/TIME.png"</div>
                 </div>
                 <div class="text">
-                  <span class="mb-5">Eductation  Partner</span>
-                  <p class="name">T.I.M.E</p>
-                  <p style="color: darkslategrey;" class="position">TIME Institute offers entrance coaching for CAT, GATE, IPM, CLAT, BBA, BANK PO, SSC CGL, GRE, GMAT</p>
+                  <span class="mb-5" style="color:rgb(35, 35, 35)">Eductation  Partner</span>
+                  <p class="name" style="color: rgb(255,255,255)">T.I.M.E</p>
+                  <p style="color:rgb(35, 35, 35)" class="position">TIME Institute offers entrance coaching for CAT, GATE, IPM, CLAT, BBA, BANK PO, SSC CGL, GRE, GMAT</p>
                 </div>
               </div>
             </div>
             <!-- End-->
             <!-- Start-->
             <div class="item text-center">
-              <div class="testimony-wrap p-4 pb-5">
+              <div class="testimony-wrap p-4 pb-5"  id="carousel-bg">
                 <div class="user-img mb-4"><img src="images/intrainz.jpeg"</div>
                 </div>
                 <div class="text">
-                  <span class="mb-5">Eductation Partner</span>
-                  <p class="name">Intrainz</p>
-                  <p style="color: darkslategrey;" class="position">Igniting a brighter future</p>
+                  <span class="mb-5" style="color:rgb(35, 35, 35)">Eductation Partner</span>
+                  <p class="name" style="color: rgb(255,255,255)">Intrainz</p>
+                  <p style="color:rgb(35, 35, 35)" class="position">Igniting a brighter future</p>
                 </div>
               </div>
             </div>
             <!-- End-->
             <!-- Start-->
             <div class="item text-center">
-              <div class="testimony-wrap p-4 pb-5">
+              <div class="testimony-wrap p-4 pb-5"  id="carousel-bg">
                 <div class="user-img mb-4"><img src="images/game.png"</div>
                 </div>
                 <div class="text">
-                  <span class="mb-5">Gaming Partner</span>
-                  <p class="name">Virtulaism</p>
-                  <p style="color: darkslategrey;" class="position">Igniting a Gaming  future</p>
+                  <span class="mb-5" style="color:rgb(35, 35, 35)">Gaming Partner</span>
+                  <p class="name" style="color: rgb(255,255,255)">Virtulaism</p>
+                  <p style="color:rgb(35, 35, 35)" class="position">Igniting a Gaming  future</p>
                 </div>
               </div>
             </div>
             <!-- End-->
              <!-- Start-->
              <div class="item text-center">
-              <div class="testimony-wrap p-4 pb-5">
+              <div class="testimony-wrap p-4 pb-5"  id="carousel-bg">
                 <div class="user-img mb-4"><img src="images/food.jpg"</div>
                 </div>
                 <div class="text">
-                  <span class="mb-5">Food Partner</span>
-                  <p class="name">MOJS</p>
-                  <p style="color: darkslategrey;" class="position">Food and Beverages</p>
+                  <span class="mb-5" style="color:rgb(35, 35, 35)">Food Partner</span>
+                  <p class="name" style="color: rgb(255,255,255)">MOJS</p>
+                  <p style="color:rgb(35, 35, 35)" class="position">Food and Beverages</p>
                 </div>
               </div>
             </div>
             <!-- End-->
              <!-- Start-->
              <div class="item text-center">
-              <div class="testimony-wrap p-4 pb-5">
+              <div class="testimony-wrap p-4 pb-5"  id="carousel-bg">
                 <div class="user-img mb-4"><img src="images/vip.png"</div>
                 </div>
                 <div class="text">
-                  <span class="mb-5">The Beverage Partner</span>
-                  <p class="name">The Beverage Movement</p>
-                  <p style="color: darkslategrey;" class="position">We Serve the best</p>
+                  <span class="mb-5" style="color:rgb(35, 35, 35)">The Beverage Partner</span>
+                  <p class="name" style="color: rgb(255,255,255)">The Beverage Movement</p>
+                  <p style="color:rgb(35, 35, 35)" class="position">We Serve the best</p>
                 </div>
               </div>
             </div>
             <!-- End-->
              <!-- Start-->
              <div class="item text-center">
-              <div class="testimony-wrap p-4 pb-5">
+              <div class="testimony-wrap p-4 pb-5"  id="carousel-bg">
                 <div class="user-img mb-4"><img src="images/winni.png"</div>
                 </div>
                 <div class="text">
-                  <span class="mb-5">Celebrtation  Partner</span>
-                  <p class="name">Winni</p>
-                  <p style="color: darkslategrey;" class="position">Celebrate Relations</p>
+                  <span class="mb-5" style="color:rgb(35, 35, 35)">Celebrtation  Partner</span>
+                  <p class="name" style="color: rgb(255,255,255)">Winni</p>
+                  <p style="color:rgb(35, 35, 35)" class="position">Celebrate Relations</p>
                 </div>
               </div>
             </div>
             <!-- End-->
              <!-- Start-->
              <div class="item text-center">
-              <div class="testimony-wrap p-4 pb-5">
+              <div class="testimony-wrap p-4 pb-5"  id="carousel-bg">
                 <div class="user-img mb-4"><img src="images/kwik.png"</div>
                 </div>
                 <div class="text">
-                  <span class="mb-5">Photo Sharing  Partner</span>
-                  <p class="name">Kwikpic</p>
-                  <p style="color: darkslategrey;" class="position">AI based photo sharing App</p>
+                  <span class="mb-5" style="color:rgb(35, 35, 35)">Photo Sharing  Partner</span>
+                  <p class="name" style="color: rgb(255,255,255)">Kwikpic</p>
+                  <p style="color:rgb(35, 35, 35)" class="position">AI based photo sharing App</p>
                 </div>
               </div>
             </div>
             <!-- End-->
              <!-- Start-->
              <div class="item text-center">
-              <div class="testimony-wrap p-4 pb-5">
+              <div class="testimony-wrap p-4 pb-5"  id="carousel-bg">
                 <div class="user-img mb-4"><img src="images/real.png"</div>
                 </div>
                 <div class="text">
-                  <span class="mb-5">Merchandise Partner</span>
-                  <p class="name">Real 2 Real</p>
-                  <p style="color: darkslategrey;" class="position">We Customize Everything</p>
+                  <span class="mb-5" style="color:rgb(35, 35, 35)">Merchandise Partner</span>
+                  <p class="name" style="color: rgb(255,255,255)">Real 2 Real</p>
+                  <p style="color:rgb(35, 35, 35)" class="position">We Customize Everything</p>
                 </div>
               </div>
             </div>
             <!-- End-->
              <!-- Start-->
              <div class="item text-center">
-              <div class="testimony-wrap p-4 pb-5">
+              <div class="testimony-wrap p-4 pb-5"  id="carousel-bg">
                 <div class="user-img mb-4"><img src="images/rapido.png"</div>
                 </div>
                 <div class="text">
-                  <span class="mb-5">Travel Partner</span>
-                  <p class="name">Rapido</p>
-                  <p style="color: darkslategrey;" class="position">Indian Bike Taxi</p>
+                  <span class="mb-5" style="color:rgb(35, 35, 35)">Travel Partner</span>
+                  <p class="name" style="color: rgb(255,255,255)">Rapido</p>
+                  <p style="color:rgb(35, 35, 35)" class="position">Indian Bike Taxi</p>
                 </div>
               </div>
             </div>
             <!-- End-->
             <!-- Start-->
             <div class="item text-center">
-              <div class="testimony-wrap p-4 pb-5">
+              <div class="testimony-wrap p-4 pb-5"  id="carousel-bg">
                 <div class="user-img mb-4"><img src="images/radio.jpeg"</div>
                 </div>
                 <div class="text">
-                  <span class="mb-5">Radio Partner</span>
-                  <p class="name">91.9 Friends fm</p>
-                  <p style="color: darkslategrey;" class="position">Frequecy Friends ki</p>
+                  <span class="mb-5" style="color:rgb(35, 35, 35)">Radio Partner</span>
+                  <p class="name" style="color: rgb(255,255,255)">91.9 Friends fm</p>
+                  <p style="color:rgb(35, 35, 35)" class="position">Frequecy Friends ki</p>
                 </div>
               </div>
             </div>
             <!-- End-->
             <!-- Start-->
                         <div class="item text-center">
-                          <div class="testimony-wrap p-4 pb-5">
+                          <div class="testimony-wrap p-4 pb-5"  id="carousel-bg">
                             <div class="user-img mb-4"><img src="images/geoias.jpeg"</div>
                             </div>
                             <div class="text">
-                              <span class="mb-5">Eductation  Partner</span>
-                              <p class="name">GEO IAS</p>
-                              <p style="color: darkslategrey;" class="position">It,s About Quality </p>
+                              <span class="mb-5" style="color:rgb(35, 35, 35)">Eductation  Partner</span>
+                              <p class="name" style="color: rgb(255,255,255)">GEO IAS</p>
+                              <p style="color:rgb(35, 35, 35)" class="position">It,s About Quality </p>
                             </div>
                           </div>
                         </div>
                         <!-- End-->
                         <!-- Start-->
                         <div class="item text-center">
-                          <div class="testimony-wrap p-4 pb-5">
+                          <div class="testimony-wrap p-4 pb-5"  id="carousel-bg">
                             <div class="user-img mb-4"><img src="images/Rice.png"</div>
                             </div>
                             <div class="text">
-                              <span class="mb-5">Eductation Partner</span>
-                              <p class="name">RICE</p>
-                              <p style="color: darkslategrey;" class="position">Together in success</p>
+                              <span class="mb-5" style="color:rgb(35, 35, 35)">Eductation Partner</span>
+                              <p class="name" style="color: rgb(255,255,255)">RICE</p>
+                              <p style="color:rgb(35, 35, 35)" class="position">Together in success</p>
                             </div>
                           </div>
                         </div>