public/frontend/css/style.css

@@ -1258,17 +1258,21 @@ Responsive Codes
     background: #FFFFFF;
 }
 .permanent-visa-head p{
-    margin-bottom: 30px;
+    margin-bottom: 45px;
-}
+    padding: 0 10%;
-.service-detail-secone{
+    text-align: center;
-    padding-right: 20%;
 }
+
 .service-detail-secone h3{
     font-weight: 600;
-    font-size: 38px;
+    font-size: 28px;
-    line-height: 57px;
+    line-height: 44px;
-
     color: #0A2849;
+    padding-right: 20%;
+}
+.service-detail-sectwo p{
+    font-size: 18px;
+    color: #F54C5F;
 }
 .service-detail-sectwo h3{
     font-weight: 600;
@@ -1284,7 +1288,7 @@ Responsive Codes
 }
 .service-detail-sectwo ul{
     padding-left: 1rem;
-    margin-top: 1rem;
+    margin-top: 0.2rem;
 }
 .service-detail-sectwo ul li,
 .service-primary-desc ul li,
@@ -1315,7 +1319,8 @@ Responsive Codes
 .service-detail-second .row,
 .service-detail-third .row,
 .news-update-section .featured-block,
-.who-we-section .row{
+.who-we-section .row,
+.permanent-visa-section .row{
     display: flex;
     align-items: center;
 }
@@ -1781,9 +1786,15 @@ Responsive Codes
     .chef-hire-form button{
         padding: 15px;
     }
+    .permanent-visa-head p,
+    .permanent-visa-head h2 {
+        padding: 0;
+        text-align: left;
+    }
     .service-detail-secone h3{
-        font-size: 32px;
+        font-size: 28px;
-        line-height: 44px;
+        line-height: 38px;
+        padding-right: 0;
     }
     .service-detail-secone{
         padding-right: 0;
@@ -1814,6 +1825,61 @@ Responsive Codes
         margin: 0 0 20px 0;
     }
 }
+@media only screen and (min-width: 768px) and (max-width: 1024px){
+    html {
+        overflow-x: hidden;
+    }
+}
+@media only screen and (min-width: 1024px) and (max-width: 1366px) {
+    tml {
+        overflow-x: hidden;
+    }
+    .mobile-navbar-btn {
+        display: block;
+        z-index: 999;
+    }
+    .navbar-list {
+        /* display: none; */
+        width: 100%;
+        height: 100vh;
+        background: #FFFFFF;
+        position: absolute;
+        top: 0;
+        left: 0;
+        gap: 4rem;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        transform: translateX(100%);
+        transition: all 0.5s linear;
+        opacity: 0;
+        visibility: hidden;
+        pointer-events: none;
+    }
+    .nav-inner{
+        background: #071c39;
+    }
+
+    .navbar-list {
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .active .navbar-list {
+        transform: translateX(0);
+        opacity: 1;
+        visibility: visible;
+        pointer-events: auto;
+    }
+
+    .active .mobile-navbar-btn .mobile-nav-icon[name="close-outline"] {
+        display: block;
+    }
+
+    .active .mobile-navbar-btn .mobile-nav-icon[name="menu-outline"] {
+        display: none;
+    }
+}
 
 /* large screen */
 @media screen and (min-width: 1600px){

resources/views/admin/visa_service/create.blade.php

@@ -113,7 +113,7 @@
                             <div class="col-md-4">
                                 <div class="form-group">
                                     <label for="icon"> Icon <span style="color: red">*</span></label>
-                                    <input type="file" class="form-control" id="icon" name="icon" required>
+                                    <input type="file" class="form-control" id="icon" name="icon">
                                 </div>
                             </div>
                             <div class="col-md-4">

resources/views/service_detail.blade.php

@@ -6,7 +6,7 @@
     <meta name="og:image" content="{{url('frontend/images/service-detail.png')}}"/>
 @endsection
 @section('content')
-    <section class="service-detail-banner" style="background: url('frontend/images/service-detail.png')">
+    <section class="service-detail-banner" style="background: url('../frontend/images/service-detail.png')">
         <div class="service-detail-desc">
             <h2>{{$service->name}}</h2>
         </div>
@@ -18,31 +18,24 @@
             <div class="col-md-12">
                 <div class="permanent-visa-head">
                     <h2>{{$service->name}}s</h2>
-                    <p>{{$service_sections->first()->top_description}}</p>
+                    <p>{!!strip_tags($service_sections->first()->top_description)!!}</p>
                 </div>
             </div>
         </div>
-    </section>
+        <div class="row g-4">
-    <section class="service-detail-second">
-        <div class="row">
             <div class="col-md-6">
                 <div class="service-detail-secone">
-                    <h3>{{$service_sections->first()->left_title}} </h3> 
+                    <h3>{!!$service_sections->first()->left_description!!}</h3>
-                    <h3>{{$service_sections->first()->left_sub_title}}</h3>
-                    <p>{!!$service_sections->first()->left_description!!}</p>
                 </div>
             </div>
             <div class="col-md-6">
                 <div class="service-detail-sectwo">
-                    <h3>{{$service_sections->first()->right_title}}</h3>
                     <p>{!!$service_sections->first()->point_title!!}</p>
                     <ul>
                     @foreach($service_sections->first()->visa_service_section_point as $point)
                         <li>{{$point->point}}</li>
                     @endforeach    
                     </ul>
-                    <h5>{{$service_sections->first()->right_sub_title}}</h5>
-                    <p>{{$service_sections->first()->visa_length}}</p>
                 </div>
             </div>
         </div>