jun 12

style/_nav.scss

@@ -1,7 +1,7 @@
 @import '_variables';
 
 
-form{
+.form-search{
     width: 380px;
     height: 40px ;
 }
@@ -98,11 +98,32 @@ input::placeholder {
 .logo-img{
     cursor:pointer;
 }
+    
+.register{
+    .register-link{
+        color: #15c1c6;
+        cursor: pointer;
+        margin-right: 10px;
 
-
+    }
+    .register-link:hover{
+        color:#333333;
+        transition: 0.3s;
+    }
+}
 
 @media only screen and (min-width: 768px) {
-    form {
+    .register{
+        position: absolute;
+        top: 15px;
+        left: 20px;
+        .register-link:hover{
+            color:#efefef;
+            transition: 0.3s;
+        }
+    }
+    
+    .form-search{
         width: 229px !important;
         background-color: #4a4e55;
         padding-left: 34px;
@@ -170,10 +191,19 @@ input::placeholder {
 }
 
 @media only screen and (min-width: 992px) {
+    .register{
+        position: absolute;
+        left: 5%;
+        top: 2%;
+        .register-link:hover{
+            color:#efefef;
+            transition: 0.3s;
+        }
+    }
     .navbar{
         height: 60px;
     }
-    form{
+    .form-search{
         margin-left: 55px;
         margin-right: 72px;
 

style/about_us/_sixth-part-au.scss

@@ -51,7 +51,7 @@
     .card-q {
         .collapsed {
             background-color: #333333;
-        
+            transition: 0.5s;
         }
     }
 

style/style.css

@@ -11,7 +11,7 @@
   font-family: "Merriweather";
   src: url("../assets/fonts/Merriweather-Regular.ttf") format("truetype");
 }
-form {
+.form-search {
   width: 380px;
   height: 40px;
 }
@@ -106,8 +106,27 @@ input::placeholder {
   cursor: pointer;
 }
 
+.register .register-link {
+  color: #15c1c6;
+  cursor: pointer;
+  margin-right: 10px;
+}
+.register .register-link:hover {
+  color: #333333;
+  transition: 0.3s;
+}
+
 @media only screen and (min-width: 768px) {
-  form {
+  .register {
+    position: absolute;
+    top: 15px;
+    left: 20px;
+  }
+  .register .register-link:hover {
+    color: #efefef;
+    transition: 0.3s;
+  }
+  .form-search {
     width: 229px !important;
     background-color: #4a4e55;
     padding-left: 34px;
@@ -158,10 +177,19 @@ input::placeholder {
   }
 }
 @media only screen and (min-width: 992px) {
+  .register {
+    position: absolute;
+    left: 5%;
+    top: 2%;
+  }
+  .register .register-link:hover {
+    color: #efefef;
+    transition: 0.3s;
+  }
   .navbar {
     height: 60px;
   }
-  form {
+  .form-search {
     margin-left: 55px;
     margin-right: 72px;
   }
@@ -1440,6 +1468,7 @@ footer .footer-copyright a:hover {
 }
 .sixth-part-au .card-q .collapsed {
   background-color: #333333;
+  transition: 0.5s;
 }
 
 @media only screen and (min-width: 768px) {