[edit] service detail responsive

public/frontend/css/style.css

@@ -127,6 +127,11 @@ h4{
   transition: all 300ms ease-in-out;
 }
 
+.dropdown:hover .dropdown-menu{
+    display: block;
+    transition: all .5s, .5s linear;
+    top: 100%;
+}
 
 .section-hero,
 .section-services {
@@ -212,10 +217,6 @@ Responsive Codes
         position: sticky;
         background: #071C39;
     }
-
-    .header .logo {
-        width: 55%;
-    }
 }
 
 /* new nav */
@@ -1396,6 +1397,21 @@ Responsive Codes
     .need-chef-banner .breadcrumb{
         display: none;
     }
+    .banner-section .banner-description {
+        position: absolute;
+        top: 10%;
+        left: 5%;
+    }
+    .banner-description h2{
+        font-weight: 800;
+        font-size: 22px;
+        text-align: center;
+        line-height: 36px;
+        color: #FFFFFF;
+    }
+    .header .logo {
+        height: 3rem;
+    }
     .get-in-touch-section, 
     .our-services-header p{
         padding: 0;
@@ -1434,7 +1450,9 @@ Responsive Codes
     .our-recruitment-section,
     .news-and-update-section,
     .clients-section,
-    .quick-enquiry-setion{
+    .quick-enquiry-setion,
+    .service-secondary,
+    .service-view-last{
         padding: 2rem;
     }
     .visa-services, 
@@ -1490,6 +1508,15 @@ Responsive Codes
     .chef-hire-form{
         padding: 20px;
     }
+    .service-primary{
+        padding: 2rem;
+        background:rgb(231, 231, 231);
+    }
+    .service-primary-img,
+    .service-secondary-img,
+    .service-last-img{
+        margin: 0 0 20px 0;
+    }
 }
 
 /* large screen */

resources/views/layout/app.blade.php

@@ -39,11 +39,12 @@
             <a class="nav-link" href="{{url('/about')}}">About</a>
         </li>
         <li class="nav-item dropdown">
-            <a class="nav-link dropdown-toggle" href="/services" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+            <a class="nav-link dropdown-toggle" href="/services" id="navbarDropdown" role="button" data-bs-hover="dropdown" aria-expanded="false">
                 Visa-Services
             </a>
             <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
-                <li><a class="dropdown-item" href="/services">service-name</a></li>
+                <li><a class="dropdown-item" href="/service_view">Skill Assessment</a></li>
+                <li><a class="dropdown-item" href="/service_detail">Permanent Work Visa</a></li>
             </ul>
         </li>
         <li class="nav-item">