why choose us section done

index.html

@@ -147,8 +147,49 @@ <h3 class="destination-img-text">Bandarban</h3>
           </div>
         </div>
       </section>
-
       <!-- Destination Section End Here -->
+
+      <!-- Why Choose Us Section Start From Here -->
+      <section class="why-choose-us-container">
+        <div class="why-choose-us-contents">
+          <h1 class="section-title">Why Choose Us</h1>
+          <p class="section-description">
+            Our Commitment to excellence commitment is a dedication to
+            delivering the highest quality work or service possible,
+            consistently striving for improvement and surpassing expectations.
+          </p>
+        </div>
+        <div class="card-container">
+          <div class="card background-color1">
+            <img src="./Images/15.png" alt="" />
+            <h3 class="card-title secondary-color">Handpicked Hotels</h3>
+            <p class="card-description additional-color1">
+              Travel service that allows you to search for and book lights to
+              your desired destination. This service can provide you with a
+              range of flight options.
+            </p>
+          </div>
+          <div class="card background-color2">
+            <img src="./Images/16.png" alt="" />
+            <h3 class="card-title secondary-color">World Class Service</h3>
+            <p class="card-description additional-color1">
+              A travel service that provides coverage for unexpected events that
+              may occur during your trip, such as trip cancellation, medical
+              emergencies, or lost luggage.
+            </p>
+          </div>
+          <div class="card background-color1">
+            <img src="./Images/17.png" alt="" />
+            <h3 class="card-title secondary-color">Best Price Guarantee</h3>
+            <p class="card-description additional-color1">
+              A travel service that offers pre-planned itineraries and
+              activities for travelers who want a hassle-free and organized
+              tour.
+            </p>
+          </div>
+        </div>
+      </section>
+      <!-- Why Choose Us Section Start From Here -->
     </main>
     <!-- Main Section End Here -->
     <footer></footer>

styles/bd_travel.css

@@ -24,6 +24,16 @@ body {
   color: #5a5a5d;
 }
 
+.background-color1 {
+  background-color: rgba(251, 181, 99, 0.05);
+  border: 1px solid rgba(251, 181, 99, 0.2);
+}
+
+.background-color2 {
+  background-color: rgba(41, 206, 246, 0.05);
+  border: 1px solid rgba(41, 206, 246, 0.2);
+}
+
 .btn-primary {
   border-radius: 8px;
   background-color: #ff5400;
@@ -262,4 +272,42 @@ main {
   position: relative;
 }
 /* Destination Section Start From Here */
+
+/* Why Choose Us Section Style Start From Here */
+.why-choose-us-container {
+  margin: 0px 20px 100px;
+}
+.why-choose-us-contents {
+  max-width: 600px;
+  margin: 0 auto;
+  text-align: center;
+}
+.card-container {
+  margin-top: 48px;
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  gap: 24px;
+}
+.card {
+  border-radius: 16px;
+  padding: 32px;
+  max-width: 553px;
+}
+.card img {
+  width: 64px;
+  margin-bottom: 32px;
+}
+.card .card-title {
+  font-size: 24px;
+  font-weight: 800;
+  margin-bottom: 16px;
+}
+
+.card .card-description {
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 26px;
+}
+/* Why Choose Us Section Style End Here */
 /* Main Section Style End Here */

styles/responsive.css

@@ -83,6 +83,9 @@
   /* Popular Tour Section End Here */
 
   /* Destination Section Start From Here */
+  .destination-container {
+    margin-bottom: 0px;
+  }
   .img-container {
     margin-top: 16px;
     grid-template-columns: 1fr;
@@ -125,4 +128,29 @@
     grid-row: 7 / span 1;
   }
   /* Destination Section End Here */
+  /* Why Choose Us Section Style Start From Here */
+  .why-choose-us-container {
+    margin: 24px 20px;
+  }
+  .card-container {
+    margin-top: 16px;
+    gap: 16px;
+  }
+  .card {
+    padding: 24px;
+  }
+  .card img {
+    width: 48px;
+    margin-bottom: 16px;
+  }
+
+  .card .card-title {
+    font-size: 20px;
+  }
+
+  .card .card-description {
+    font-size: 14px;
+    line-height: 24px;
+  }
+  /* Why Choose Us Section Style End Here */
 }