diff --git a/themes/modern2/assets/css/components/2-layout/newsSlider.scss b/themes/modern2/assets/css/components/2-layout/newsSlider.scss
index 2b9b7c3ee..c0aff7cfb 100755
--- a/themes/modern2/assets/css/components/2-layout/newsSlider.scss
+++ b/themes/modern2/assets/css/components/2-layout/newsSlider.scss
@@ -6,7 +6,7 @@
             cursor: pointer;
             position: absolute;
             top: 50%;
-            left: 5px;
+            left: 0;
             @include transformY;
             width: 30px;
             height: 40px;
@@ -21,7 +21,7 @@
             position: absolute;
             z-index: 1;
             top: 50%;
-            right: 5px;
+            right: 0;
             @include transformY;
             width: 30px;
             height: 40px;
@@ -37,11 +37,27 @@
         img {
             @include fullImage;
         }
+        &::before {
+            position: absolute;
+            content: "";
+            top: 5px;
+            left: 5px;
+            width: calc(100% - 10px);
+            height: calc(100% - 10px);
+            background: rgb(0, 0, 0);
+            background: linear-gradient(
+                0deg,
+                rgba(0, 0, 0, 1) 0%,
+                rgba(0, 0, 0, 0) 100%
+            );
+            z-index: 1;
+        }
         &-content {
             position: absolute;
             left: 20px;
             bottom: 20px;
             width: calc(100% - 40px);
+            z-index: 2;
             &-date {
                 display: flex;
                 align-items: center;
diff --git a/themes/modern2/assets/css/components/2-layout/responsive.scss b/themes/modern2/assets/css/components/2-layout/responsive.scss
index 0d5e86790..94f902658 100755
--- a/themes/modern2/assets/css/components/2-layout/responsive.scss
+++ b/themes/modern2/assets/css/components/2-layout/responsive.scss
@@ -226,6 +226,7 @@
         }
     }
     .header {
+        border-bottom: 4px solid #242424;
         &__slogan {
             display: none;
         }
@@ -411,6 +412,7 @@
                 margin: 0;
                 flex-direction: column;
                 -ms-flex-direction: column;
+                border: 1px solid #dcdcdc;
             }
             &-image {
                 width: 100%;
@@ -426,8 +428,18 @@
                 border: none;
                 .card {
                     padding: 15px 0;
+                    border-bottom: 1px solid #dcdcdc;
+                    &:last-child {
+                        border-bottom: none;
+                    }
                 }
             }
+            &-card {
+                position: unset;
+                width: 100%;
+                border: none;
+                border-bottom: 1px solid #dcdcdc;
+            }
         }
     }
     .main {
@@ -608,4 +620,14 @@
     .swiper-slide {
         height: 300px;
     }
+    .newsSlider__outer {
+        display: none;
+    }
+    .main {
+        &__body {
+            &-card {
+                margin: 0 0 0 0;
+            }
+        }
+    }
 }
diff --git a/themes/modern2/assets/css/components/2-layout/swiper.scss b/themes/modern2/assets/css/components/2-layout/swiper.scss
index e30e01a7c..22da993c5 100755
--- a/themes/modern2/assets/css/components/2-layout/swiper.scss
+++ b/themes/modern2/assets/css/components/2-layout/swiper.scss
@@ -7,10 +7,10 @@
         cursor: pointer;
         position: absolute;
         top: 50%;
-        left: 5px;
+        left: 0;
         @include transformY;
-        width: 30px;
-        height: 40px;
+        width: 40px;
+        height: 60px;
         background: rgba($color: #000000, $alpha: 0.5);
         display: flex;
         align-items: center;
@@ -22,10 +22,10 @@
         position: absolute;
         z-index: 1;
         top: 50%;
-        right: 5px;
+        right: 0;
         @include transformY;
-        width: 30px;
-        height: 40px;
+        width: 40px;
+        height: 60px;
         background: rgba($color: #000000, $alpha: 0.5);
         display: flex;
         align-items: center;
diff --git a/themes/modern2/assets/css/main.css b/themes/modern2/assets/css/main.css
index b804418e0..6c6ffb4a2 100755
--- a/themes/modern2/assets/css/main.css
+++ b/themes/modern2/assets/css/main.css
@@ -936,7 +936,7 @@ li {
   cursor: pointer;
   position: absolute;
   top: 50%;
-  left: 5px;
+  left: 0;
   transform: translateY(-50%);
   -moz-ransform: translateY(-50%);
   -o-transform: translateY(-50%);
@@ -955,7 +955,7 @@ li {
   position: absolute;
   z-index: 1;
   top: 50%;
-  right: 5px;
+  right: 0;
   transform: translateY(-50%);
   -moz-ransform: translateY(-50%);
   -o-transform: translateY(-50%);
@@ -978,11 +978,23 @@ li {
   object-fit: cover;
   -o-object-fit: cover;
 }
+.newsSlider .newsSlider__item::before {
+  position: absolute;
+  content: "";
+  top: 5px;
+  left: 5px;
+  width: calc(100% - 10px);
+  height: calc(100% - 10px);
+  background: black;
+  background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
+  z-index: 1;
+}
 .newsSlider .newsSlider__item-content {
   position: absolute;
   left: 20px;
   bottom: 20px;
   width: calc(100% - 40px);
+  z-index: 2;
 }
 .newsSlider .newsSlider__item-content-date {
   display: flex;
@@ -1031,14 +1043,14 @@ li {
   cursor: pointer;
   position: absolute;
   top: 50%;
-  left: 5px;
+  left: 0;
   transform: translateY(-50%);
   -moz-ransform: translateY(-50%);
   -o-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
-  width: 30px;
-  height: 40px;
+  width: 40px;
+  height: 60px;
   background: rgba(0, 0, 0, 0.5);
   display: flex;
   align-items: center;
@@ -1050,14 +1062,14 @@ li {
   position: absolute;
   z-index: 1;
   top: 50%;
-  right: 5px;
+  right: 0;
   transform: translateY(-50%);
   -moz-ransform: translateY(-50%);
   -o-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
-  width: 30px;
-  height: 40px;
+  width: 40px;
+  height: 60px;
   background: rgba(0, 0, 0, 0.5);
   display: flex;
   align-items: center;
@@ -2186,6 +2198,9 @@ li {
     margin: 0;
   }
 
+  .header {
+    border-bottom: 4px solid #242424;
+  }
   .header__slogan {
     display: none;
   }
@@ -2363,6 +2378,7 @@ li {
   .event__body-row {
     margin: 0;
     flex-direction: column;
+    border: 1px solid #dcdcdc;
   }
   .event__body-image {
     width: 100%;
@@ -2379,6 +2395,16 @@ li {
   }
   .event__body-column .card {
     padding: 15px 0;
+    border-bottom: 1px solid #dcdcdc;
+  }
+  .event__body-column .card:last-child {
+    border-bottom: none;
+  }
+  .event__body-card {
+    position: unset;
+    width: 100%;
+    border: none;
+    border-bottom: 1px solid #dcdcdc;
   }
 
   .main__body-row {
@@ -2539,4 +2565,12 @@ li {
   .swiper-slide {
     height: 300px;
   }
+
+  .newsSlider__outer {
+    display: none;
+  }
+
+  .main__body-card {
+    margin: 0 0 0 0;
+  }
 }
\ No newline at end of file
diff --git a/themes/modern2/assets/js/main.js b/themes/modern2/assets/js/main.js
index 37b93ef66..8b48a7abb 100644
--- a/themes/modern2/assets/js/main.js
+++ b/themes/modern2/assets/js/main.js
@@ -18,6 +18,8 @@ $(".swiper-wrapper").slick({
     slidesToShow: 1,
     slidesToScroll: 1,
     arrows: true,
+    autoplay: true,
+    speed: 500,
     autoplay: false,
     prevArrow: $(".p3"),
     nextArrow: $(".n3"),
@@ -25,6 +27,7 @@ $(".swiper-wrapper").slick({
 $(".newsSlider").slick({
     dots: false,
     infinite: true,
+    autoplay: true,
     speed: 300,
     slidesToShow: 3,
     arrows: true,