diff --git a/ar-index.html b/ar-index.html
index b6245fb..50b95c5 100644
--- a/ar-index.html
+++ b/ar-index.html
@@ -508,6 +508,24 @@ <h3 class="subscribe-title">وظائف تدريبية</h3>
         </div>
       </div>
     </section><!-- End Subscrbe Section -->
+    <section id="contact">
+      <div class="container" data-aos="fade-up">
+
+      <div class="row">
+        <h3 class="section-title">الممولين</h3>
+        <div class="section-title-divider"></div>
+
+        <div class="column">
+          <img src="assets/img/logo/css.png" alt="" width="300" class="center">
+              <!-- </div>
+        <div class="column"> -->
+          <img src="assets/img/logo/outreachy.png" alt="" width="400" class="center">
+        <!-- </div> -->
+        </div>
+        <!-- <p> <img src="assets/img/logo/outreachy.png" alt="" width="400"></p>
+            <p> <img src="assets/img/logo/css.png" alt="" width="300"></p> -->
+      </div>
+    </section>
 
     <!-- ======= Contact Section ======= -->
     <section id="contact">
diff --git a/assets/css/arabic.css b/assets/css/arabic.css
index 9a06a5c..8083740 100644
--- a/assets/css/arabic.css
+++ b/assets/css/arabic.css
@@ -66,3 +66,42 @@ body {
     padding-top: 3cm;
     /* padding-bottom: 30px;  */
   }
+}
+@media (max-width: 680px){
+  #header .logo img{
+    height: auto;
+    width: 120px;
+  }
+
+  .container{
+    padding: 20px;
+  }
+  .profile{
+    height: 120px;
+    width: 30px ;
+  }
+  
+}
+@media (max-width : 680px){
+  img.center{
+    position: relative;
+    width: 100%;
+    height: 70%;
+    line-height: 50px;
+    -moz-transform: translateX(100%);
+    -webkit-transform: translateX(100%);
+    transform: translateX(100%);
+    -moz-animation: scroll-left 2s linear infinite;
+    -webkit-animation: scroll-left 2s linear infinite;
+    animation: scroll-left 30s linear infinite;
+}
+}
+#contact img {
+  padding: 20px
+}
+.fundersColumn{
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+ height: 150px;
+}
\ No newline at end of file
diff --git a/assets/css/style.css b/assets/css/style.css
index c898dfa..21748e9 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -249,7 +249,21 @@ h6 {
     margin-top: 60px;
   }
 }
+@media (max-width: 680px){
+  #header .logo img{
+    height: auto;
+    width: 120px;
+  }
 
+  .container{
+    padding: 20px;
+  }
+  .profile{
+    height: 120px;
+    width: 30px ;
+  }
+  
+}
 /*--------------------------------------------------------------
 # Navigation Menu
 --------------------------------------------------------------*/
@@ -915,6 +929,52 @@ section {
   top: 4px;
 }
 
+@media (max-width : 680px){
+  img.center{
+    position: relative;
+    width: 100%;
+    height: 70%;
+    line-height: 50px;
+    -moz-transform: translateX(100%);
+    -webkit-transform: translateX(100%);
+    transform: translateX(100%);
+    -moz-animation: scroll-left 2s linear infinite;
+    -webkit-animation: scroll-left 2s linear infinite;
+    animation: scroll-left 30s linear infinite;
+}
+
+@-moz-keyframes scroll-left {
+    0% {
+        -moz-transform: translateX(100%);
+    }
+    100% {
+        -moz-transform: translateX(-100%);
+    }
+}
+
+@-webkit-keyframes scroll-left {
+    0% {
+        -webkit-transform: translateX(100%);
+    }
+    100% {
+        -webkit-transform: translateX(-100%);
+    }
+}
+
+@keyframes scroll-left {
+    0% {
+        -moz-transform: translateX(100%);
+        -webkit-transform: translateX(100%);
+        transform: translateX(100%);
+    }
+    100% {
+        -moz-transform: translateX(-100%);
+        -webkit-transform: translateX(-100%);
+        transform: translateX(-100%);
+    }
+}
+
+}
 /* Team Section
 --------------------------------*/
 #team {
diff --git a/assets/js/main.js b/assets/js/main.js
index 5056064..190e176 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -254,4 +254,4 @@
     aos_init();
   });
 
-})()
\ No newline at end of file
+})()
diff --git a/index.html b/index.html
index bd6bad3..aaf7ce2 100644
--- a/index.html
+++ b/index.html
@@ -54,6 +54,7 @@
   <link rel="preload" as="icon" href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
   <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
   <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
+  
 
   <!-- Template Main CSS File -->
   <link href="assets/css/style.css" rel="stylesheet">
@@ -69,6 +70,7 @@
 </head>
 
 <body>
+  <script src="/path/to/flickity.pkgd.min.js"></script>
 
   <!-- ======= Hero Section ======= -->
   <section id="hero">
@@ -545,10 +547,10 @@ <h3 class="section-title">Supporters</h3>
         <div class="section-title-divider"></div>
 
         <div class="column">
-          <img src="assets/img/logo/css.png" alt="" width="400" class="center">
+          <img src="assets/img/logo/css.png" alt="" width="300" class="center">
               <!-- </div>
         <div class="column"> -->
-          <img src="assets/img/logo/outreachy.png" alt="" width="420" class="center">
+          <img src="assets/img/logo/outreachy.png" alt="" width="400" class="center">
         <!-- </div> -->
         </div>
         <!-- <p> <img src="assets/img/logo/outreachy.png" alt="" width="400"></p>