Merge branch 'develop' into trunk

resources/sass/fo/pages/breeding/approaches.scss

@@ -104,9 +104,6 @@
 
     }
 
-    .arrow-rotate-180 {
-        transform: rotate(180deg);
-    }
 
     .negative-margin-sm {
         padding-top: 3rem;
@@ -125,10 +122,7 @@
 
 
 
-    .slider-breeding-galery-btn-prev,
-    .slider-breeding-galery-btn-next {
-        padding: 0.5rem 0.75rem;
-    }
+    
 
     .category-btn {
         --bs-btn-padding-y: .25rem;
@@ -136,56 +130,7 @@
         --bs-btn-font-size: .75rem;
     }
 
-    #swiper-breeding-galery {
-        .slider-breeding-galery {
-            &-btn {
-                &-prev {
-                    position: absolute;
-                    z-index: 2;
-                    top: 50%;
-                    left: 0;
-                    transform: translate(-20%, -50%);
-                }
-
-                &-next {
-                    position: absolute;
-                    z-index: 2;
-                    top: 50%;
-                    right: 0;
-                    transform: translate(20%, -50%);
-                }
-            }
-        }
-
-        .swiper-breeding-galery-img-container {
-            height: 206px;
-
-            @include media-breakpoint-up(md) {
-                height: 183px;
-            }
-
-            @include media-breakpoint-up(lg) {
-                height: 222px;
-            }
-
-        }
-
-        .swiper-pagination-bullet {
-            width: 1rem;
-            height: 1rem;
-            border: 0;
-            border-radius: 100%;
-            margin: 0 0.5rem;
-            background-color: $color-light;
-            transition: .3s;
-
-            &-active {
-                background-color: $color-secondary !important;
-                transform: scale(1.1);
-            }
-        }
-    }
-
+   
     #swiper-breeding-portrait {
         .slider {
             &-quote::before {
@@ -280,6 +225,70 @@
 }
 }
 
+.slider-breeding-galery-btn-prev,
+.slider-breeding-galery-btn-next {
+    display: flex;
+    width: 42px;
+    height: 42px;
+    align-items: center;
+    justify-content: center;
+    padding: 0.5rem 0.75rem;
+}
+
+.arrow-rotate-180 {
+    transform: rotate(180deg);
+}
+
+#swiper-breeding-galery {
+        .slider-breeding-galery {
+            &-btn {
+                &-prev {
+                    position: absolute;
+                    z-index: 2;
+                    top: 50%;
+                    left: 0;
+                    transform: translate(-20%, -50%);
+                }
+
+                &-next {
+                    position: absolute;
+                    z-index: 2;
+                    top: 50%;
+                    right: 0;
+                    transform: translate(20%, -50%);
+                }
+            }
+        }
+
+        .swiper-breeding-galery-img-container {
+            height: 206px;
+
+            @include media-breakpoint-up(md) {
+                height: 183px;
+            }
+
+            @include media-breakpoint-up(lg) {
+                height: 222px;
+            }
+
+        }
+
+        .swiper-pagination-bullet {
+            width: 1rem;
+            height: 1rem;
+            border: 0;
+            border-radius: 100%;
+            margin: 0 0.5rem;
+            background-color: $color-light;
+            transition: .3s;
+
+            &-active {
+                background-color: $color-secondary !important;
+                transform: scale(1.1);
+            }
+        }
+}
+
 #les-elevages {
     .approaches-sticker {
         position: absolute;