up

assets/css/product.css

@@ -438,6 +438,35 @@
     display: flex;
 }
 
+.cases-slider {
+    margin-top: 30px;
+}
+
+.cases-slider .owl-stage-outer {
+    padding: 4px 0 12px;
+}
+
+.cases-slider .owl-stage {
+    display: flex;
+}
+
+.cases-slider .owl-item {
+    display: flex;
+    float: none;
+}
+
+.cases-slider .case-slide {
+    display: flex;
+    width: 100%;
+    height: 100%;
+}
+
+.cases-slider .case-card-link {
+    display: flex;
+    width: 100%;
+    height: 100%;
+}
+
 .case-card {
     background: #fff;
     border-radius: 16px;
@@ -454,9 +483,7 @@
     position: relative;
     padding: 28px;
     display: flex;
-    align-items: center;
-    justify-content: center;
-    text-align: center;
+    align-items: flex-end;
     overflow: hidden;
 }
 
@@ -497,15 +524,11 @@
     font-weight: 700;
     color: #fff;
     margin: 0;
-    width: 100%;
-    text-align: center;
 }
 
 .case-card-body {
     padding: 28px;
     flex: 1;
-    display: flex;
-    align-items: flex-start;
 }
 
 .case-project {
@@ -526,6 +549,24 @@
     -webkit-line-clamp: 5;
 }
 
+.cases-slider .owl-controls {
+    margin-top: 22px;
+    text-align: center;
+}
+
+.cases-slider .owl-dots .owl-dot span {
+    width: 12px;
+    height: 12px;
+    margin: 5px 6px;
+    background: rgba(20, 129, 255, 0.18);
+    transition: all 0.2s ease;
+}
+
+.cases-slider .owl-dots .owl-dot.active span,
+.cases-slider .owl-dots .owl-dot:hover span {
+    background: rgba(20, 129, 255, 1);
+}
+
 @media (max-width: 767px) {
     .cases-section .row + .row {
         margin-top: 24px;