diff --git a/public/raffles/assets/css/style.css b/public/raffles/assets/css/style.css
index a511f63..3dc0881 100644
--- a/public/raffles/assets/css/style.css
+++ b/public/raffles/assets/css/style.css
@@ -20,6 +20,8 @@
 }
 .bibhuti{
     font-family: 'pacifico', cursive;
+    font-weight: bold;
+    font-size: 16px;
 
 }
   /* @font-face {
@@ -611,6 +613,15 @@ z-index: 10000;
   box-shadow: 0 5px 15px rgba(128, 128, 128, 0.377);
 transition: .3s all ease-in-out;
 }
+.col.col-md-3:nth-child(1) .course-box img, .col.col-md-3:nth-child(2) .course-box img{
+  width: 100%;
+}
+ .col.col-md-3:nth-child(4) .course-box img {
+  width: 125px;
+}
+ .col.col-md-3:nth-child(4) .course-box img {
+  width: 120px;
+}
 
 .how-it-work  input, .how-it-work  textarea  {
   border: 1px solid #E3E3E3;
@@ -1190,6 +1201,15 @@ font-weight: bold;
   padding: 40px 0;
 
 }
+.numbering{
+  background-color: white;
+  padding: 0px 20px;
+  border-radius: 100%;
+  font-size: 32px;
+  color: #CE171F;
+  font-weight: 400;
+  margin: 0;
+}
 .free-resources-content .first-row{
   border: 1px solid #E5E5E5;
   display: flex;
diff --git a/public/raffles/assets/css/utility.min.css b/public/raffles/assets/css/utility.min.css
index b1fdbe1..1ec52e0 100644
--- a/public/raffles/assets/css/utility.min.css
+++ b/public/raffles/assets/css/utility.min.css
@@ -7519,6 +7519,9 @@
 .object-cover {
   object-fit: cover;
 }
+.object-contain {
+  object-fit: contain;
+}
 .objpos-center {
   object-position: center;
 }
diff --git a/public/raffles/assets/images.zip b/public/raffles/assets/images.zip
new file mode 100644
index 0000000..36a3bf9
Binary files /dev/null and b/public/raffles/assets/images.zip differ
diff --git a/public/raffles/assets/js/style.js b/public/raffles/assets/js/style.js
index 4b146ff..a2a8da3 100644
--- a/public/raffles/assets/js/style.js
+++ b/public/raffles/assets/js/style.js
@@ -743,6 +743,7 @@ doneBtn.addEventListener("click", () => {
     }
 });
 
+
 // Final monkey image
 
 // document.addEventListener("DOMContentLoaded", function () {
diff --git a/resources/views/client/raffles/layouts/app.blade.php b/resources/views/client/raffles/layouts/app.blade.php
index a2ac94e..ca1637e 100644
--- a/resources/views/client/raffles/layouts/app.blade.php
+++ b/resources/views/client/raffles/layouts/app.blade.php
@@ -604,6 +604,21 @@
             },
         });
     </script>
+    <script>
+        document.addEventListener('DOMContentLoaded', function () {
+    const tabs = document.querySelectorAll('.accordion-content.resource');
+
+    tabs.forEach(tab => {
+      tab.addEventListener('click', function () {
+        // Remove highlight from all
+        tabs.forEach(t => t.classList.remove('highlight-tab'));
+
+        // Add highlight to clicked one
+        this.classList.add('highlight-tab');
+      });
+    });
+  });
+    </script>
 
     </div>
 
diff --git a/resources/views/client/raffles/pages/coursefinder-template.blade.php b/resources/views/client/raffles/pages/coursefinder-template.blade.php
index a463857..fc75a43 100644
--- a/resources/views/client/raffles/pages/coursefinder-template.blade.php
+++ b/resources/views/client/raffles/pages/coursefinder-template.blade.php
@@ -96,7 +96,7 @@
                                         <div class="row">
                                             <div class="col col-md-2">
                                                 <div class="sm:w-50percent  w-full h-70">
-                                                    <img class="w-full h-full" src="{{ $item->institution?->image }}"
+                                                    <img class="w-full h-full object-contain" src="{{ $item->institution?->image }}"
                                                         alt="">
                                                 </div>
                                             </div>
diff --git a/resources/views/client/raffles/pages/resources-template.blade.php b/resources/views/client/raffles/pages/resources-template.blade.php
index e897bb9..4d348dc 100644
--- a/resources/views/client/raffles/pages/resources-template.blade.php
+++ b/resources/views/client/raffles/pages/resources-template.blade.php
@@ -37,7 +37,7 @@
                                         aria-labelledby="heading-question-1">
 
                                         @foreach ($countries as $country)
-                                            <div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
+                                            <div class="accordion-content resource text-16 leading-20 text-black bg-white px-10 flex items-center gap-10 "
                                                 onclick="showTab('tab{{ $country->title }}')">
                                                 <i class="fa-solid fa-angles-right text-18 text-brand"></i>
                                                 <p>{{ $country->title }}</p>
diff --git a/resources/views/client/raffles/pages/study-destination-template.blade.php b/resources/views/client/raffles/pages/study-destination-template.blade.php
index ed49c5f..800f05a 100644
--- a/resources/views/client/raffles/pages/study-destination-template.blade.php
+++ b/resources/views/client/raffles/pages/study-destination-template.blade.php
@@ -21,7 +21,8 @@
                                 <li class="px-20 tab-btn cursor-pointer fade {{ $loop->first ? 'show active' : '' }} "
                                     role="tabpanel" onclick="showTab('tabs_{{ $index + 1 }}')">
                                     <div class="text-17 font-bold flex gap-10 items-center">
-                                        <img class="w-40" src="assets/images/icons/one.svg" alt="">
+                                        <p class="numbering">1</p>
+                                        {{-- <img class="w-40" src="assets/images/icons/one.svg" alt=""> --}}
                                         <h5 class="text-16 p-0 m-0">{{ $child->title }}</h5>
                                     </div>
                                 </li>
diff --git a/resources/views/client/raffles/pages/test-single-template.blade.php b/resources/views/client/raffles/pages/test-single-template.blade.php
index 6929ace..9ef6ca2 100644
--- a/resources/views/client/raffles/pages/test-single-template.blade.php
+++ b/resources/views/client/raffles/pages/test-single-template.blade.php
@@ -21,7 +21,8 @@
                                 <li class="px-20 tab-btn cursor-pointer fade {{ $loop->first ? 'show active' : '' }} "
                                     role="tabpanel" onclick="showTab('tabs_{{ $index + 1 }}')">
                                     <div class="text-17 font-bold flex gap-10 items-center">
-                                        <img class="w-40" src="assets/images/icons/one.svg" alt="">
+                                            <p class="numbering">1</p>
+                                        {{-- <img class="w-40" src="assets/images/icons/one.svg" alt=""> --}}
                                         <h5 class="text-16 p-0 m-0">{{ $child->title }}</h5>
                                     </div>
                                 </li>
diff --git a/resources/views/client/raffles/parts/achievements.blade.php b/resources/views/client/raffles/parts/achievements.blade.php
index 1f8263f..7a726f2 100644
--- a/resources/views/client/raffles/parts/achievements.blade.php
+++ b/resources/views/client/raffles/parts/achievements.blade.php
@@ -5,7 +5,7 @@
         $last_word = array_pop($words);
         $new_title = implode(' ', $words);
     @endphp
-    <div class="container py- scroll-section" id="achievement" data-name="Achievement">
+    <div class="container py- scroll-section" id="Achievement" data-name="Achievement">
         <div class="w-full block section">
             <div class="w-500 sm:w-full flex flex-col mx-auto text-center p-10">
                 <div class="ld-fancy-heading relative mb-20 animation-element">
diff --git a/resources/views/client/raffles/parts/banner.blade.php b/resources/views/client/raffles/parts/banner.blade.php
index 5405d21..48ed81c 100644
--- a/resources/views/client/raffles/parts/banner.blade.php
+++ b/resources/views/client/raffles/parts/banner.blade.php
@@ -1,5 +1,5 @@
 <div id="lqd-contents-wrap">
-    <section class="lqd-section banner pt-140 pb-80 scroll-section" id="banner" data-name="Banner">
+    <section class="lqd-section banner pt-140 pb-80 scroll-section" id="Banner" data-name="Banner">
         <div class="lqd-particles-bg-wrap lqd-overlay flex pointer-events-none">
             <div class="ld-particles-container relative w-full lqd-particles-as-bg lqd-overlay flex h-450">
                 <div class="ld-particles-inner lqd-overlay flex pointer-events-none" id="lqd-particle-banner"
diff --git a/resources/views/client/raffles/parts/contact.blade.php b/resources/views/client/raffles/parts/contact.blade.php
index 35302f8..5bb7a95 100644
--- a/resources/views/client/raffles/parts/contact.blade.php
+++ b/resources/views/client/raffles/parts/contact.blade.php
@@ -1,4 +1,4 @@
-<section class="lqd-section how-it-work  scroll-section" id="contact" data-name="Contact">
+<section class="lqd-section how-it-work  scroll-section" id="Contact" data-name="Contact">
     <div class="container w-full block mb-35 section">
         <div class="w-500 sm:w-full flex flex-col mx-auto text-center p-10">
             <div class="ld-fancy-heading relative mb-20 animation-element">
diff --git a/resources/views/client/raffles/parts/courses.blade.php b/resources/views/client/raffles/parts/courses.blade.php
index 1e54599..11a5e2a 100644
--- a/resources/views/client/raffles/parts/courses.blade.php
+++ b/resources/views/client/raffles/parts/courses.blade.php
@@ -6,7 +6,7 @@
     <section class="course-section">
 
 
-        <div class="container mb-20 scroll-section" id="course" data-name="Course">
+        <div class="container mb-20 scroll-section" id="Course" data-name="Course">
             <div class="w-full block mb-35 section">
                 <div class="w-500 sm:w-full flex flex-col mx-auto text-center p-10">
                     <div class="ld-fancy-heading relative mb-20 animation-element">
@@ -21,8 +21,8 @@
                 @foreach ($firstCourse->custom as $index => $data)
                     <div class=" col col-md-3">
                         <a href="course-finder.php" class=" course-box  rounded-10 ">
-                            <div class="w-100">
-                                <img class="w-full " src="{{ asset($firstCourse->images[$index]) }}" alt="">
+                            <div class="">
+                                <img class="w-ful " src="{{ asset($firstCourse->images[$index]) }}" alt="">
                             </div>
                             <div class="pt-10">
                                 <p class=" text-16 text-white m-0">{{ $data['key'] ?? '' }}</p>
diff --git a/resources/views/client/raffles/parts/process.blade.php b/resources/views/client/raffles/parts/process.blade.php
index c31f8e1..eb3f4a4 100644
--- a/resources/views/client/raffles/parts/process.blade.php
+++ b/resources/views/client/raffles/parts/process.blade.php
@@ -1,4 +1,4 @@
-    <section class="lqd-section process scroll-section " id="process" data-name="Process" data-custom-animations="true"
+    <section class="lqd-section process scroll-section " id="Process" data-name="Process" data-custom-animations="true"
         data-ca-options='{"animationTarget": ".animation-element", "ease": "power4.out", "initValues":{"x": "-10px", "y": "10px", "opacity":0} , "animations":{"x": "0px", "y": "0px", "opacity":1}}'>
         <div class="container">
             <div class="w-full block mb-15 section">
diff --git a/resources/views/client/raffles/parts/testimonial.blade.php b/resources/views/client/raffles/parts/testimonial.blade.php
index dcd5c31..daeb447 100644
--- a/resources/views/client/raffles/parts/testimonial.blade.php
+++ b/resources/views/client/raffles/parts/testimonial.blade.php
@@ -1,6 +1,6 @@
 <section class="testimonial-slides pb-30">
 
-    <div class="container scroll-section " id="testimonial" data-name="Testimonial">
+    <div class="container scroll-section " id="Testimonial" data-name="Testimonial">
         <div class="w-full block mb-35 section">
             <div class="w-500 sm:w-full flex flex-col mx-auto text-center p-10">
                 <div class="ld-fancy-heading relative mb-20 animation-element">
@@ -10,7 +10,7 @@
                 </div>
                 <div class="ld-fancy-heading relative animation-element">
                     <p class="ld-fh-element mb-0/5em inline-block relative text-18 font-light leading-25 text-ter">
-                        Hear what our students have to say about Raffles
+                       Hear what our students & their guardians have to say.
                     </p>
                 </div>
             </div>
diff --git a/resources/views/client/raffles/parts/universities.blade.php b/resources/views/client/raffles/parts/universities.blade.php
index 685126e..bf377b4 100644
--- a/resources/views/client/raffles/parts/universities.blade.php
+++ b/resources/views/client/raffles/parts/universities.blade.php
@@ -1,4 +1,4 @@
-<div class="container scroll-section" id="university" data-name="University">
+<div class="container scroll-section" id="University" data-name="University">
     <div class="w-full block mb-35 section">
         <div class="w-full sm:w-full flex flex-col mx-auto text-center p-10">
             <div class="ld-fancy-heading relative mb-20 animation-element">