bug fixing

src/assets/scss/_main.scss

@@ -794,6 +794,10 @@
                 font-size: 24px;
                 line-height: 40px;
             }
+            .feature-cln {
+                display: flex;
+                flex-direction: column;
+            }
             .header-area {
                 border: solid 1px rgba(255, 255, 255, 0.1);
                 div {
@@ -810,7 +814,7 @@
             }
             .footer-area {
                 background: #c1032b;
-                height: calc(100% - 197px);
+                flex-grow: 1;
                 padding: 35px 25px 20px;
                 &.even {
                     background: #d4032f;
@@ -895,8 +899,8 @@
                     }
                 }
                 .button {
-                    background: #fff;
-                    color: #000;
+                    background: #261b1b;
+                    color: #fff;
                 }
                 .card-icon {
                     i {
@@ -1106,6 +1110,7 @@
                 left: 50px;
                 right: 0;
                 padding: 20px 25px;
+                margin-bottom: 25px;
                 .title {
                     margin: 0 0 10px;
                     font-size: 24px;

src/assets/scss/_responsive.scss

@@ -142,7 +142,7 @@
             margin-bottom: 15px;
         }
         .form-wrap {
-            position: static;
+            left: 0;
         }
     }
     .custom-gutter-2 .large-4 {
@@ -167,6 +167,12 @@
     }
 }
 
+@media (max-width: 1024px) {
+    .fixed-bg {
+        background-attachment: scroll;
+    }
+}
+
 @media (max-width: 767px) {
     nav.off-canvas.is-open {
         transform: translate(0, 0)
@@ -393,12 +399,64 @@
             margin: 25px 0 0;
         }
     }
-    .orbit-caption,
+    .carousel {
+        .orbit-container {
+            height: 93.75vw !important;
+            .orbit-slide,
+            .orbit-figure {
+                height: 100%;
+                img {
+                    height: 100%;
+                    object-fit: cover;
+                }
+                .orbit-caption {
+                    .button {
+                        padding: 2.5vw 4.5vw;
+                        font-size: 4vw;
+                    }
+                    left: 0;
+                    max-width: 100%;
+                    padding: 0 15px;
+                    strong {
+                        font-size: 6vw;
+                        margin-bottom: 2vw;
+                        display: block;
+                    }
+                    h2 {
+                        font-size: 4vw;
+                        line-height: 5.2vw;
+                        margin-bottom: 2vw;
+                    }
+                    ul {
+                        margin-bottom: 4vw;
+                        &.number-list {
+                            font-size: 4vw;
+                            li {
+                                &:first-child {
+                                    padding-left: 0;
+                                }
+                                padding: 0 10px 0 0;
+                            }
+                        }
+                        li {
+                            padding: 0 5px 0 20px;
+                        }
+                    }
+                }
+            }
+        }
         .orbit-controls {
-        display: none;
+            right: 15px;
+            bottom: 15px;
+            font-size: 7vw;
+            top: inherit;
+            transform: inherit;
+            button {
+                &+button {
+                    margin: 0;
+                }
+            }
         }
-    .carousel img {
-        height: auto;
     }
     .carousel .icon {
         font-size: 20px;

src/pages/index.html

@@ -244,7 +244,7 @@
             <p class="text-center">VirtualX offers the perfect platform to conduct online exams, tests and Quizzes. This online test product can be used across all the organization types. Some of the key features are listed below</p>
             <br>
             <div class="grid-x">
-                <div class="large-4 cell">
+                <div class="large-4 cell feature-cln">
                     <div class="header-area text-center">
                         <div>
                             <img src="assets/img/exam.png" alt=""> Schedule Exams
@@ -263,7 +263,7 @@
                         </ul>
                     </div>
                 </div>
-                <div class="large-4 cell">
+                <div class="large-4 cell feature-cln">
                     <div class="header-area text-center">
                         <div> <img src="assets/img/organise.png" alt="">Organize</div>
                         <div><img src="assets/img/delivery.png" alt="">Secure Delivery</div>
@@ -280,7 +280,7 @@
                         </ul>
                     </div>
                 </div>
-                <div class="large-4 cell">
+                <div class="large-4 cell feature-cln">
                     <div class="header-area text-center">
                         <div><img src="assets/img/security.png" alt="">Security</div>
                         <div><img src="assets/img/equations.png" alt="">Equations</div>