Homepage update

css/pages/_home.css

@@ -6,13 +6,14 @@
  * Ta datoteka vsebuje stile, ki se uporabljajo izključno na domači strani.
  *
  * 1. Hero Section
- * 2. Meet the Team Section
- * 3. Activities Section
- * 4. Latest News Section
- * 5. Testimonials Section
- * 6. Become Part Section (vključno z obrazcem)
- * 7. FAQ Section
- * 8. Stili za domačo stran na mobilnih napravah
+ * 2. Partners Section
+ * 3. Meet the Team Section
+ * 4. Activities Section
+ * 5. Latest News Section
+ * 6. Testimonials Section
+ * 7. Become Part Section (vključno z obrazcem)
+ * 8. FAQ Section
+ * 9. Stili za domačo stran na mobilnih napravah
  */
 
 /* 1. Hero Section */
@@ -33,35 +34,21 @@
     width: 100%;
     height: 100%;
     z-index: 1;
+    background: url('../../images/HeroSection-img1.JPG') no-repeat center center/cover;
+    filter: blur(2px);
 }
 
 .hero-image-left, .hero-image-right {
-    position: absolute;
-    top: -150px;
-    height: 1030px;
-    width: 50%;
-    background-size: cover;
-    background-position: center;
-}
-
-.hero-image-left {
-    left: 0;
-    transform: matrix(-1, 0, 0, 1, 0, 0);
-}
-
-.hero-image-right {
-    right: 0;
+    display: none;
 }
 
 .hero-overlay {
     position: absolute;
-    top: 79px;
+    top: 0;
     left: 0;
-    height: 801px;
-    width: 56.74%;
-    background: linear-gradient(122.4deg, rgba(19, 49, 60, 0.92) 35.41%, rgba(39, 77, 90, 0.08) 92.92%);
-    border-radius: 0px 40px 40px 0px;
-    backdrop-filter: blur(12px);
+    height: 100%;
+    width: 100%;
+    background: rgba(45, 115, 140, 0.64);
     z-index: 2;
 }
 
@@ -69,23 +56,26 @@
     position: relative;
     z-index: 3;
     color: #FFFFFF;
-    padding-left: 120px;
-    width: 605px;
+    width: 100%;
+    max-width: 1000px;
+    margin: 0 auto;
+    text-align: center;
+    padding: 0 24px;
 }
 
 .hero-content .badge-group {
     display: inline-flex;
     align-items: center;
-    padding: 6px 16px;
+    padding: 8px 24px;
     gap: 12px;
     background: rgba(255, 255, 255, 0.4);
-    border-radius: 16px;
+    border-radius: 24px;
     margin-bottom: 32px;
 }
 
 .hero-content .message {
-    font-weight: 500;
-    font-size: 14px;
+    font-weight: 400;
+    font-size: 18px;
 }
 
 .hero-content h1 {
@@ -102,7 +92,28 @@
     margin: 0 0 72px 0;
 }
 
-/* 2. Meet the Team Section */
+/* 2. Partners Section */
+.partners-section {
+    background: #FFFFFF;
+    padding: 64px 0;
+}
+.partners-container {
+    max-width: 1280px;
+    margin: 0 auto;
+    padding: 0 24px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 64px;
+    flex-wrap: wrap;
+}
+.partners-container img {
+    max-height: 56px;
+    width: auto;
+    object-fit: contain;
+}
+
+/* 3. Meet the Team Section */
 
 .meet-the-team-section {
     display: flex;
@@ -157,7 +168,7 @@
     margin: 0 0 56px 0;
 }
 
-/* 3. Activities Section */
+/* 4. Activities Section */
 
 .activities-section {
     padding: 128px 80px;
@@ -251,7 +262,7 @@
     border-radius: 24px;
 }
 
-/* 4. Latest News Section */
+/* 5. Latest News Section */
 
 .latest-news-section {
     padding: 128px 0;
@@ -287,7 +298,7 @@
     margin-bottom: 64px;
 }
 
-/* 5. Testimonials Section */
+/* 6. Testimonials Section */
 
 .testimonials-section {
     padding: 128px 80px;
@@ -343,7 +354,7 @@
     margin-top: 80px;
 }
 
-/* 6. Become Part Section */
+/* 7. Become Part Section */
 
 .become-part-section {
     padding: 128px 0;
@@ -379,7 +390,6 @@
     display: block;
 }
 
-/* Stili za obrazec znotraj sekcije */
 .contact-form-container {
     max-width: 800px;
     margin: 0 auto;
@@ -469,7 +479,7 @@
     font-size: 16px;
 }
 
-/* 7. FAQ Section */
+/* 8. FAQ Section */
 
 .faq-section {
     padding: 128px 0;
@@ -585,7 +595,7 @@
 
 
 /* ==========================================================================
-   Mobile Home Page Styles
+   9. Mobile Home Page Styles
    ========================================================================== */
 
 @media (max-width: 768px) {
@@ -596,25 +606,9 @@
         margin-top: 0;
         align-items: flex-start;
     }
-
-    .hero-overlay, .hero-image-left, .hero-image-right {
-        display: none;
-    }
-
     .hero-background {
-        background: url('../images/2.hero.jpg') no-repeat center center/cover;
+        background: url('../../images/HeroSection-img1.JPG') no-repeat center center/cover;
     }
-    
-    .hero-background::after {
-        content: '';
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background: linear-gradient(122.4deg, rgba(19, 49, 60, 0.92) 35.41%, rgba(39, 77, 90, 0.08) 92.92%);
-    }
-
     .hero-content {
         padding: 64px 24px;
         width: 100%;
@@ -634,6 +628,19 @@
         border-radius: 37px;
     }
     
+    /* Mobile Partners Section */
+    .partners-section {
+        padding: 40px 24px;
+    }
+    .partners-container {
+        gap: 32px;
+        justify-content: center;
+    }
+    .partners-container img {
+        max-height: 40px;
+        flex-basis: 40%;
+    }
+
     /* Mobile Meet the Team Section */
     .meet-the-team-section {
         flex-direction: column;