diff --git a/.DS_Store b/.DS_Store
index ecb1adc..6a73e8e 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/netlify.toml b/netlify.toml
index 61b326d..eb48f43 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -1,13 +1,18 @@
+[build]
+  command = "vite build"
+  functions = "netlify/functions"
+  publish = "dist"
+
 [[redirects]]
-from = "/*"
-to = "/index.html"
-status = 200
+  from = "/*"
+  to = "/index.html"
+  status = 200
 
 [[headers]]
-for = "/*"
-[headers.values]
-Access-Control-Allow-Origin = "*"
+  for = "/*"
+  [headers.values]
+  Access-Control-Allow-Origin = "*"
 
 
 
- 
\ No newline at end of file
+ 
diff --git a/src/assets/styles.css b/src/assets/styles.css
index 35ef92d..6585099 100644
--- a/src/assets/styles.css
+++ b/src/assets/styles.css
@@ -1,4 +1,4 @@
- @import url('https://fonts.googleapis.com/css2?family=Figtree&display=swap');
+ /* @import url('https://fonts.googleapis.com/css2?family=Figtree&display=swap'); */
 
 
 :root {
@@ -1937,7 +1937,7 @@ p.skills-item-title{
 .partner_hero{
   padding: 0rem 20rem;
   height: 100vh;
-  font-family: 'Figtree', sans-serif;
+  font-family: 'proxima-nova', sans-serif;
   font-size: 22px;
   font-weight: 500;
   line-height: 2rem;
@@ -1960,7 +1960,7 @@ text-align: center;
 }
 
 .partner_hero h2{
-  font-family: 'Figtree', sans-serif;
+  font-family: 'proxima-nova', sans-serif;
 font-size: 36px;
 font-style: italic;
 font-weight: 400;
@@ -1971,8 +1971,8 @@ color: #67A7D3;
 }
 
 .partner_hero h4{
-  font-family: 'Figtree', sans-serif;
-  font-size: 24px;
+  font-family: 'proxima-nova', sans-serif;
+  font-size: 21px;
   font-weight: 500;
   line-height: 30px;
   letter-spacing: 0em;
@@ -2006,12 +2006,11 @@ color: #67A7D3;
   transition: transform 0.3s ease-in-out;
   box-sizing: border-box;
   display: flex;
-  margin-top: 10%;
-  margin-bottom: -10% !important;
+  margin-top: 5%;
 }
 
 .image-wrapper img {
-  width: 60%;
+  width: 550px;
   height: auto;
   display: block;
   /* border: 2px solid #fff; 
@@ -2025,37 +2024,56 @@ color: #67A7D3;
 }
 .left-img{
   position:static;
-  height: 30% !important;
-  margin-top: 10%;
+  height: 200px !important;
+  width: 400px !important;
+  object-fit: cover;
+  margin-top: 7%;
   transform: scale(0.8);
-  transition: ease-in-out 3s;
+  
 }
 .right-img{
-  margin-top: 10%;
-  height: 30% !important;
+  margin-top: 7%;
+  height: 200px !important;
+  width: 400px !important;
+  object-fit: cover;
   transform: scale(0.8);
-  transition: ease-in-out 3s;
+
 }
 .active-img{
-  height: 60% !important;
+  height: 350px !important;
+  object-fit: cover;
   transform: scale(1);
-  transition: ease-in-out 3s;
+  
+}
+
+.btn-container{
+  display: flex;
+  justify-content: center;
+  margin-top: 2.5%;
+  margin-bottom: 2.5%;
 }
 
 
 .nav-button {
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
+  position: relative;
+  padding-left: 12rem;
+  padding-right: 12rem;
+
   background-color: #fff;
   border: none;
   cursor: pointer;
-  padding: 0.5rem 1rem;
   font-size: 1.5rem;
   color: #333;
   z-index: 2;
 }
 
+@keyframes FadeInOut {
+  0% {opacity:0;}
+  25% {opacity:.50;}
+  50% {opacity:.75;}
+  100% {opacity:1;}
+}
+
 .left {
   left: 10px;
 }
@@ -2066,7 +2084,7 @@ color: #67A7D3;
 
 
 .more_about_course h1{
-  font-family: 'Figtree', sans-serif;
+  font-family: 'proxima-nova', sans-serif;
 font-size: 30px;
 font-weight: 600;
 line-height: 3rem;
@@ -2077,7 +2095,7 @@ text-align:left;
 
 .more_about_course{
   padding: 0rem 20rem;
-  font-family: 'Figtree', sans-serif;
+  font-family: 'proxima-nova', sans-serif;
 font-size: 18px;
 font-weight: 500;
 line-height: 2rem;
@@ -2092,7 +2110,7 @@ text-align: left;
 
 .course_curriculum{
   padding: 0rem 20rem;
-  font-family: 'Figtree', sans-serif;
+  font-family: 'proxima-nova', sans-serif;
 font-size: 18px;
 font-weight: 500;
 line-height: 2rem;
@@ -2106,7 +2124,7 @@ text-align: left;
 }
 
 .course_curriculum h1{
-  font-family: 'Figtree', sans-serif;
+  font-family: 'proxima-nova', sans-serif;
 font-size: 30px;
 font-weight: 600;
 line-height: 3rem;
@@ -2115,16 +2133,20 @@ margin-left: 8rem;
 text-align:left;
 }
 
+.instructor_details{
+  display:flex ;
+  margin-left: 14rem;
+}
+
 .instructors_container{
   
   background-color:var(--book-white);
 }
 
 .instructors_container h1{
-  margin-left: 8rem;
   padding-top: 4rem;
-  text-align:left;
-  font-family: 'Figtree', sans-serif;
+  text-align: center;
+  font-family: 'proxima-nova', sans-serif;
   font-size: 30px;
   font-weight: 600;
   line-height: 3rem;
@@ -2160,7 +2182,7 @@ text-align:left;
   justify-content:center;
   gap: 0.5rem;
   /* margin-left: 5rem; */
-  font-family: 'Figtree', sans-serif;
+  font-family: 'proxima-nova', sans-serif;
   font-size: 20px;
   font-weight: 600;
   line-height: 25px;
@@ -2171,7 +2193,7 @@ text-align:left;
 
 .card-title{
   /* margin-left: 2rem; */
-  font-family: 'Figtree', sans-serif;
+  font-family: 'proxima-nova', sans-serif;
   font-size: 20px;
   font-weight: 500;
   line-height: 35px;
@@ -2188,7 +2210,7 @@ text-align:left;
   display: flex;
   justify-content:center;
   gap: 0.5rem;
-  font-family: 'Figtree', sans-serif;
+  font-family: 'proxima-nova', sans-serif;
   font-size: 20px;
   font-weight: 500;
   line-height: 35px;
@@ -2228,4 +2250,48 @@ text-align:left;
   justify-content: center;
   align-items: center;
   }
+
+  .partner_hero {
+    padding: 0px !important;
+  }
+
+  .image-wrapper img{
+    width:350px;
+  } 
+
+  .right {
+    right: 60px;
+}
+
+.left {
+  left: 60px;
+}
+
+.more_about_course {
+  padding: 0rem 1rem;
+}
+
+.more_about_course h1{
+  margin-left: 0rem !important;
+  text-align:none;
+}
+
+.course_curriculum {
+  padding: 0rem 1rem;
+}
+
+.course_curriculum h1{
+  margin-left: 0rem !important;
+  text-align:none;
+}
+
+.instructor_details {
+  margin-left: 0rem !important;
+}
+
+.instructors {
+  display: grid;
+  grid-template-columns: 1fr;
+}
+
 }
\ No newline at end of file
diff --git a/src/netlify.toml b/src/netlify.toml
index 2643fc5..f2df80a 100644
--- a/src/netlify.toml
+++ b/src/netlify.toml
@@ -1,3 +1,15 @@
+[build]
+  command = "vite build"
+  functions = "netlify/functions"
+  publish = "dist"
+
+  
+
+[[redirects]]
+  from = "/*"
+  to = "/index.html"
+  status = 200
+
 [[headers]]
 for = "/*"
 [headers.values]
diff --git a/src/pages/partner.vue b/src/pages/partner.vue
index 054cd3c..c5eb24c 100644
--- a/src/pages/partner.vue
+++ b/src/pages/partner.vue
@@ -101,16 +101,23 @@ export default{
     },
     checkForFirst(position,len){
     if(position > 0){
-        return position--;
+        return --position;
     }
-    else{
+    else if(position ==0){
         return len-1;
     }
+    else{
+        return --position;
+    }
+
     },
 moveLeft() {
       this.activeIndex = this.checkForFirst(this.activeIndex , this.currentData?.gallery?.length);
       this.prevIndex = this.checkForFirst(this.prevIndex , this.currentData?.gallery?.length);
       this.nextIndex = this.checkForFirst(this.nextIndex , this.currentData?.gallery?.length);
+      console.log("active Index",this.activeIndex);
+      console.log("active Index",this.activeIndex);
+      console.log("active Index",this.activeIndex);
     },
     moveRight() {
       this.activeIndex = this.checkForLast(this.activeIndex , this.currentData?.gallery?.length);
@@ -238,12 +245,16 @@ moveLeft() {
     <img :src="directus._url + 'assets/' + this.currentData?.gallery[activeIndex].SPP_CoursePartner_gallery_id?.gallery_image" class="active-img"/>
     <img :src="directus._url + 'assets/' + this.currentData?.gallery[nextIndex].SPP_CoursePartner_gallery_id?.gallery_image" class="right-img"/>
 </div>
-<button  @click="moveLeft" class="nav-button left">&lt;</button>
-<button  @click="moveRight" class="nav-button right">&gt;</button>
 
 </div>
 
 </div>
+<div class="btn-container">
+<button  @click="moveLeft" class="nav-button left">&lt;</button>
+<button  @click="moveRight" class="nav-button right">&gt;</button>
+</div>
+
+
 
       <div id="about_course" class="more_about_course">
         <h1>MORE ABOUT THE COURSE</h1>
@@ -257,6 +268,7 @@ moveLeft() {
 
       <div class="instructors_container">
         <h1>INSTRUCTORS</h1>
+        <div class="instructor_details">
       <div class="instructors">
         <div v-for="item in currentData.instructors">
         <card-component 
@@ -267,6 +279,7 @@ moveLeft() {
         :imgUrl = "this.directus._url + 'assets/' + item.SPP_CoursePartner_Instructors_id.headshot"
          />
     </div>
+  </div>
 </div>
       </div>