fixes:

- buy-right: buttons and scroll issue
- overview page: course features collapsing
- doubts: reply button

Author: vdvibhu20

examples/views/about-course.hbs

@@ -86,11 +86,11 @@
 
                     </div>
                     <div class="button-container row justify-content-center">
-                        <div class="button-solid col-6">
+                        <div class="button-solid col-5">
                             <button>BUY NOW TO ENROLL</button>
                         </div>
 
-                        <div class="button-dashed col-6">
+                        <div class="button-dashed col-5">
                             <button>ENROLL VIA OTP</button>
                         </div>
                     </div>

sass/styles/elements/elements.navigation.scss

@@ -5,6 +5,7 @@
   top:0;
   background: $white;
   width: 100%;
+  height: 90px;
   max-height:100px;
   z-index: 200;
   display: flex;

sass/styles/media-query/media.about.course.scss

@@ -19,9 +19,15 @@
     position: relative;
     width: 100%;
     top: 0;
-      .button-dashed {
-        margin: 0;
-      }
+    margin-top: 35px;
+
+    &.slide-right{
+      transform: unset;
+    }
+    
+    .button-dashed {
+      margin: 0;
+    }
   }
 
   .o-summary .para {
@@ -95,6 +101,4 @@
   .o-buy-top {
     display: none;
   }
-}
-
-
+}

sass/styles/media-query/media.navigation.scss

@@ -34,6 +34,7 @@
   .main-nav{
     padding-top: 10px;
     padding-bottom: 10px;
+    height: 60px;
 
     .hamburger-parent{
       font-size: $global-font-size;

sass/styles/media-query/media.o-client-add.scss

@@ -1,4 +1,5 @@
 @media screen and (max-width: 1200px) {
+  $font-md: 10px;
   .o-client-add {
     .card {
       @include padding-mixin(40px, 40px, 40px, 40px);
@@ -85,4 +86,6 @@
       }
     }
   }
+
+  
 }

sass/styles/objects/o-about-course/o-about-course.scss

@@ -37,8 +37,8 @@
     @include margin(67px, 0, 0, 0);
   }
 
-  .para{
-    @include margin(38px, 0, 0, 0);
+  .rating{
+    @include margin(0, 0, 38px, 0);
   }
 
   .key{

sass/styles/objects/o-about-course/o-buy-right.scss

@@ -12,18 +12,18 @@
   position: fixed;
   top: 145px;
   transition: all 0.35s ease;
-  right: -14px;
+  right: 0;
   z-index: 100;
   max-height: 730px;
 
   .card{
     @include dimensions(100%, 100%);
-    overflow-y: scroll;
+    overflow: hidden;
   }
 
   .button-container{
     margin-top: 23px;
-    margin-bottom: 10px;
+    margin-bottom: 20px;
   }
 
   .button-solid{
@@ -37,7 +37,7 @@
   }
 
   .card-video{
-    @include dimensions(100%, 336px);
+    @include dimensions(100%, 300px);
     position: relative;
     cursor: pointer;
   }
@@ -81,7 +81,7 @@
 
   .course-features{
       &>.row{
-        margin-bottom: 30px;
+        padding-bottom: 6%;
       }
 
       .img-desc{

sass/styles/objects/o-about-course/o-buy-top.scss

@@ -9,6 +9,7 @@
 .o-buy-top{
   @include dimensions(100%, 90px);
   position: fixed;
+  top: 90px;
   z-index: 101;
   padding: 10px 4%;
   background-color: $vp-background;

sass/styles/objects/o-overview-course/o-overview-course.scss

@@ -22,6 +22,7 @@
     @include dimensions(100%, 100%);
     position: absolute;
     top: 0;
+    left: 0;
   }
 
   .para{