max width container-xxl

resources/views/components/grocery/featured-categories.blade.php

@@ -1,4 +1,4 @@
-<section class="container-container pt-4 pb-5 mb-2 mb-sm-3 mb-lg-4 mb-xl-5 px-4">
+<section class="container-xxl pt-4 pb-5 mb-2 mb-sm-3 mb-lg-4 mb-xl-5 px-4">
     <div class="swiper"
         data-swiper='{
           "slidesPerView": 1,

resources/views/components/grocery/popular-products.blade.php

@@ -1,4 +1,4 @@
-<section class="container-fluid pb-5 mb-2 mb-sm-3 mb-lg-4 mb-xl-5">
+<section class="container-xxl pb-5 mb-2 mb-sm-3 mb-lg-4 mb-xl-5">
     <div class="row">
 
         <!-- Categories list -->

resources/views/components/grocery/shop-by-lifestyle.blade.php

@@ -1,4 +1,4 @@
-<section class="container-fluid pb-5 mb-2 mb-sm-3 mb-lg-4 mb-xl-5">
+<section class="container-xxl pb-5 mb-2 mb-sm-3 mb-lg-4 mb-xl-5">
     <h2 class="h3 text-center pb-1 pb-sm-2 pb-md-3 pb-lg-0 mb-4 mb-lg-5">Brands</h2>
     <div class="swiper pb-lg-2"
         data-swiper='{

resources/views/components/grocery/special-products.blade.php

@@ -1,4 +1,4 @@
-<section class="container-fluid      pt-xl-2 pb-5 mb-2 mb-sm-3 mb-lg-4 mb-xl-5">
+<section class="container-xxl      pt-xl-2 pb-5 mb-2 mb-sm-3 mb-lg-4 mb-xl-5">
     <div class="row">
 
         <!-- Banner -->

resources/views/home/grocery.blade.php

@@ -155,7 +155,7 @@
 
 
         <!-- CTA banners -->
-        <section class="container pb-5 mb-2 mb-sm-3 mb-lg-4 mb-xl-5">
+        <section class="container-xxl pb-5 mb-2 mb-sm-3 mb-lg-4 mb-xl-5">
             <div class="row">
 
                 <!-- Mobile app CTA -->

resources/views/layouts/partials/footer2.blade.php

@@ -1,5 +1,5 @@
 <footer class="footer bg-dark pb-4" data-bs-theme="dark">
-    <div class="container pb-md-3">
+    <div class="container-xxl pb-md-3">
 
         <!-- Features -->
         {{-- <div class="border-bottom py-5">