diff --git a/contact.php b/contact.php
index 83f549e..0b396e4 100644
--- a/contact.php
+++ b/contact.php
@@ -1,4 +1,4 @@
-<?php include ('header.php'); ?>
+<?php include('header.php'); ?>
 
 <div class="container-fluid bg-breadcrumb">
   <div class="container text-center py-5" style="max-width: 900px;">
@@ -39,7 +39,8 @@
                 </div>
                 <div class="mb-3">
                   <h6 class="mb-0">Email:</h6>
-                  <a href="mailto: info@orientabroad.com" class="fs-5 text-primary" target="_blank">info@orientabroad.com</a>
+                  <a href="mailto: info@orientabroad.com" class="fs-5 text-primary"
+                    target="_blank">info@orientabroad.com</a>
                 </div>
               </div>
             </div>
@@ -68,7 +69,8 @@
             </div>
             <div class="col-lg-12 col-xl-6">
               <div class="form-floating">
-                <input type="phone" class="form-control" id="phone" name="phone" placeholder="Phone">
+                <input type="tel" class="form-control" id="phone" name="phone" pattern="[0-9]{10}" maxlength="10"
+                  placeholder="Enter 10-digit phone number" required>
                 <label for="phone">Your Phone</label>
               </div>
             </div>
@@ -103,9 +105,10 @@
 
         <div class="col-12 pt-5 wow zoomIn" data-wow-delay="0.1s">
           <div class="rounded h-100">
-          <iframe class="rounded w-100" style="height: 500px;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3532.8720945893288!2d85.33298677611329!3d27.690347826239755!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb19860a58dced%3A0x9a2314f109088c48!2sNew%20Baneshwor%20Plaza!5e0!3m2!1sen!2snp!4v1720153851635!5m2!1sen!2snp" 
-            loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
-            
+            <iframe class="rounded w-100" style="height: 500px;"
+              src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3532.8720945893288!2d85.33298677611329!3d27.690347826239755!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb19860a58dced%3A0x9a2314f109088c48!2sNew%20Baneshwor%20Plaza!5e0!3m2!1sen!2snp!4v1720153851635!5m2!1sen!2snp"
+              loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+
           </div>
         </div>
       </div>
@@ -114,4 +117,4 @@
 </div>
 
 
-<?php include ('footer.php'); ?>
\ No newline at end of file
+<?php include('footer.php'); ?>
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index bfc7916..686ae9f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -387,13 +387,13 @@ h6{
   border-radius: 50%;
   background-size: 60% 60%;
   transition: 0.5s;
-  margin-top: 280%;
+  /* margin-top: 280%; */
 }
 
 .carousel-header .carousel-control-next .carousel-control-next-icon {
   margin-left: 0;
   margin-right: -60px;
-  margin-top: 280%;
+  /* margin-top: 280%; */
 }
 
 .carousel-header .carousel .carousel-indicators {
@@ -771,7 +771,7 @@ h6{
 }
 
 .country .country-item .country-name a.fs-4:hover {
-  color: var(--bs-secondary) !important;
+  color: white!important;
 }
 /*** Country End ***/
 
@@ -882,6 +882,9 @@ h6{
 
 
 /*** Contact Start ***/
+.form-control{
+  color: black !important;
+}
 .contact .office .office-item {
   text-align: center;
   border-radius: 10px;
diff --git a/destination.php b/destination.php
index 446a355..4180ee1 100644
--- a/destination.php
+++ b/destination.php
@@ -23,9 +23,9 @@
     </div>
     <div class="row g-3 text-center">
       <div class="col-4 p-5 mb-5 wow fadeInUp" data-wow-delay="0.1s">
-        <div class="country-item">
-          <div class="rounded overflow-hidden">
-            <img src="img/country-1.jpg" class="img-fluid w-100 rounded" alt="Image">
+        <div class="country-item h-100">
+          <div class="rounded overflow-hidden h-100">
+            <img src="img/australia.jpg" class="img-fluid w-100 rounded h-100" alt="Image">
           </div>
           <div class="country-flag">
             <img src="img/ausflag.png" class="img-fluid rounded-circle" alt="Image">
@@ -36,9 +36,9 @@
         </div>
       </div>
       <div class="col-4  p-5 mb-5 wow fadeInUp" data-wow-delay="0.3s">
-        <div class="country-item">
-          <div class="rounded overflow-hidden">
-            <img src="img/country-2.jpg" class="img-fluid w-100 rounded" alt="Image">
+        <div class="country-item h-100">
+          <div class="rounded overflow-hidden h-100">
+            <img src="img/canada.png" class="img-fluid w-100 rounded h-100" alt="Image">
           </div>
           <div class="country-flag">
             <img src="img/canadaflag.png" class="img-fluid rounded-circle" alt="Image">
@@ -49,9 +49,9 @@
         </div>
       </div>
       <div class="col-4  p-5 mb-5 wow fadeInUp" data-wow-delay="0.5s">
-        <div class="country-item">
-          <div class="rounded overflow-hidden">
-            <img src="img/country-3.jpg" class="img-fluid w-100 rounded" alt="Image">
+        <div class="country-item h-100">
+          <div class="rounded overflow-hidden h-100">
+            <img src="img/usa.png" class="img-fluid w-100 rounded h-100" alt="Image">
           </div>
           <div class="country-flag">
             <img src="img/usa.jpg" class="img-fluid rounded-circle" alt="Image">
@@ -62,9 +62,9 @@
         </div>
       </div>
       <div class="col-4  p-5  wow fadeInUp" data-wow-delay="0.7s">
-        <div class="country-item">
-          <div class="rounded overflow-hidden">
-            <img src="img/country-4.jpg" class="img-fluid w-100 rounded" alt="Image">
+        <div class="country-item h-100">
+          <div class="rounded overflow-hidden h-100">
+            <img src="img/uk.png" class="img-fluid w-100 rounded h-100" alt="Image">
           </div>
           <div class="country-flag">
             <img src="img/ukflag.png" class="img-fluid rounded-circle" alt="Image">
@@ -76,9 +76,9 @@
 
       </div>
       <div class="col-4 p-5 wow fadeInUp" data-wow-delay="0.9s">
-        <div class="country-item">
-          <div class="rounded overflow-hidden">
-            <img src="img/country-1.jpg" class="img-fluid w-100 rounded" alt="Image">
+        <div class="country-item h-100">
+          <div class="rounded overflow-hidden h-100">
+            <img src="img/newzealand.png" class="img-fluid w-100 rounded h-100" alt="Image">
           </div>
           <div class="country-flag">
             <img src="img/newzealandflag.png" class="img-fluid rounded-circle" alt="Image">
@@ -89,9 +89,9 @@
         </div>
       </div>
       <div class="col-4 p-5 wow fadeInUp" data-wow-delay="1s">
-        <div class="country-item">
-          <div class="rounded overflow-hidden">
-            <img src="img/country-1.jpg" class="img-fluid w-100 rounded" alt="Image">
+        <div class="country-item h-100">
+          <div class="rounded overflow-hidden h-100">
+            <img src="img/japan.jpg" class="img-fluid w-100 rounded h-100 object-fit-cover" alt="Image">
           </div>
           <div class="country-flag">
             <img src="img/japanflag.png" class="img-fluid rounded-circle" alt="Image">
diff --git a/footer.php b/footer.php
index 46ad4c3..c18ee0a 100644
--- a/footer.php
+++ b/footer.php
@@ -55,7 +55,7 @@
         <div class="d-flex text-right icons">
           
             <a class="btn mx-1 text-white" href="https://www.facebook.com/profile.php?id=61561062214963" target="_blank"><i class="fab fa-facebook-f"></i></a>
-            <a class="btn mx-1 text-white" href="#"><i class="fab fa-instagram"></i></a>
+            <a class="btn mx-1 text-white" href="https://www.instagram.com/orient.abroad/" target="_blank"><i class="fab fa-instagram"></i></a>
           </div>
         </div>
       </div>
diff --git a/header.php b/header.php
index 661b29d..01921ca 100644
--- a/header.php
+++ b/header.php
@@ -92,7 +92,8 @@
             </div>
             <div class="col-lg-12 col-xl-6">
               <div class="form-floating">
-                <input type="phone" class="form-control" id="phone" placeholder="Phone" name="phone">
+                <input type="tel" class="form-control" id="phone" name="phone" pattern="[0-9]{10}" maxlength="10"
+                  placeholder="Enter 10-digit phone number" required>
                 <label for="phone">Your Phone</label>
               </div>
             </div>
diff --git a/home/register.php b/home/register.php
index 104bbae..e500290 100644
--- a/home/register.php
+++ b/home/register.php
@@ -32,7 +32,8 @@
             </div>
             <div class="col-lg-12 col-xl-6">
               <div class="form-floating">
-                <input type="phone" class="form-control" id="phone" placeholder="Phone" name="phone">
+                <input type="tel" class="form-control" id="phone" name="phone" pattern="[0-9]{10}" maxlength="10"
+                  placeholder="Enter 10-digit phone number" required>
                 <label for="phone">Your Phone</label>
               </div>
             </div>
diff --git a/home/testprep.php b/home/testprep.php
index 4a92c47..f8863b2 100644
--- a/home/testprep.php
+++ b/home/testprep.php
@@ -7,7 +7,7 @@
       <h1 class="display-5 mb-4">Master Your Exam and Language Skills with Orient International</h1>
     </div>
     <div class="row g-4">
-      <div class="col-lg-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.1s">
+      <div class="col-sm-6 col-lg-4 col-xl-3 wow fadeInUp" data-wow-delay="0.1s">
         <div class="training-item">
           <div class="training-inner">
             <img src="img/training-1.jpg" class="img-fluid w-100 rounded" alt="Image">
@@ -26,7 +26,7 @@
           </div>
         </div>
       </div>
-      <div class="col-lg-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.3s">
+      <div class="col-sm-6 col-lg-4 col-xl-3 wow fadeInUp" data-wow-delay="0.3s">
         <div class="training-item">
           <div class="training-inner">
             <img src="img/toefl.png" class="img-fluid w-100 rounded" alt="Image">
@@ -45,7 +45,7 @@
           </div>
         </div>
       </div>
-      <div class="col-lg-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.5s">
+      <div class="col-sm-6 col-lg-4 col-xl-3 wow fadeInUp" data-wow-delay="0.5s">
         <div class="training-item">
           <div class="training-inner">
             <img src="img/pte_coaching.png" class="img-fluid w-100 rounded" alt="Image">
@@ -65,7 +65,7 @@
           </div>
         </div>
       </div>
-      <div class="col-lg-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
+      <div class="col-sm-6 col-lg-4 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
         <div class="training-item">
           <div class="training-inner">
             <img src="img/langclass.jpg" class="img-fluid w-100 rounded" alt="Image">
diff --git a/mailContact.php b/mailContact.php
index 5f2dd0a..7c0ef0d 100644
--- a/mailContact.php
+++ b/mailContact.php
@@ -18,6 +18,11 @@ if ($_SERVER['REQUEST_METHOD'] == 'POST') {
     $subject = htmlspecialchars(trim($_POST['subject']));
     $message = htmlspecialchars(trim($_POST['message']));
 
+    if (!preg_match('/^[0-9]{10}$/', $_POST['phone'])) {
+    $errors[] = "Please enter a valid 10-digit phone number.";
+}
+
+
     if (!empty($name) && !empty($user_email) && !empty($phone) && !empty($subject) && !empty($message) && !empty($address)) {
         try {
             // Send confirmation email to user
diff --git a/services.php b/services.php
index ef81602..9ba82cf 100644
--- a/services.php
+++ b/services.php
@@ -33,16 +33,16 @@
                                 </div>
                                 <div class="service-title">
                                     <div class="service-title-name">
-                                        <div class="bg-primary text-center rounded p-3 mx-5 mb-4">
-                                            <a href="Contact.php" class="h4 text-white mb-0">Personalized Counseling</a>
+                                        <div class="bg-primary text-center rounded p-3 mx-3 mb-4">
+                                            <a href="contact.php" class="h4 text-white mb-0">Personalized Counseling</a>
                                         </div>
-                                        <a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="Contact.php">Explore More</a>
+                                        <a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="contact.php">Explore More</a>
                                     </div>
                                     <div class="service-content pb-4">
-                                        <a href="Contact.php"><h4 class="text-white mb-4 py-3">"Personalized Counseling"</h4></a>
+                                        <a href="contact.php"><h4 class="text-white mb-4 py-3">"Personalized Counseling"</h4></a>
                                         <div class="px-4">
                                             <p class="mb-4">Tailored guidance from experts to help you achieve your study abroad dreams.</p>
-                                            <a class="btn btn-primary border-secondary rounded-pill py-3 px-5" href="Contact.php">Explore More</a>
+                                            <a class="btn btn-primary border-secondary rounded-pill py-3 px-5" href="contact.php">Explore More</a>
                                         </div>
                                     </div>
                                 </div>
@@ -57,16 +57,16 @@
                                 </div>
                                 <div class="service-title">
                                     <div class="service-title-name">
-                                        <div class="bg-primary text-center rounded p-3 mx-5 mb-4">
+                                        <div class="bg-primary text-center rounded p-3 mx-3 mb-4">
                                             <a href="#" class="h4 text-white mb-0" style="margin-left: -7px;">Comprehensive Support</a>
                                         </div>
                                         <a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Explore More</a>
                                     </div>
                                     <div class="service-content pb-4">
-                                        <a href="Contact.php"><h4 class="text-white mb-4 py-3"> "Comprehensive Support"</h4></a>
+                                        <a href="contact.php"><h4 class="text-white mb-4 py-3"> "Comprehensive Support"</h4></a>
                                         <div class="px-4">
                                             <p class="mb-4">End-to-end assistance from application to visa processing for a seamless experience.</p>
-                                            <a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="Contact.php">Explore More</a>
+                                            <a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="contact.php">Explore More</a>
                                         </div>
                                     </div>
                                 </div>
@@ -81,16 +81,16 @@
                                 </div>
                                 <div class="service-title">
                                     <div class="service-title-name">
-                                        <div class="bg-primary text-center rounded p-3 mx-5 mb-4">
-                                            <a href="#" class="h4 text-white mb-0">Experienced Team</a>
+                                        <div class="bg-primary text-center rounded p-3 mx-3 mb-4">
+                                            <a href="#" class="h3 text-white mb-0">Experienced Team</a>
                                         </div>
                                         <a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Explore More</a>
                                     </div>
                                     <div class="service-content pb-4">
-                                        <a href="Contact.php"><h4 class="text-white mb-4 py-3"> "Experienced <br>Team"</h4></a>
+                                        <a href="contact.php"><h4 class="text-white mb-4 py-3"> "Experienced <br>Team"</h4></a>
                                         <div class="px-4">
                                             <p class="mb-4">Over a decade of expertise in international education and student success.</p>
-                                            <a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="Contact.php">Explore More</a>
+                                            <a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="contact.php">Explore More</a>
                                         </div>
                                     </div>
                                 </div>
@@ -105,16 +105,16 @@
                                 </div>
                                 <div class="service-title">
                                     <div class="service-title-name">
-                                        <div class="bg-primary text-center rounded p-3 mx-5 mb-4">
-                                            <a href="#" class="h4 text-white mb-0">Prime Location</a>
+                                        <div class="bg-primary text-center rounded p-3 mx-4 mb-4">
+                                            <a href="#" class="h3 text-white mb-0">Prime Location</a>
                                         </div>
                                         <a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Explore More</a>
                                     </div>
                                     <div class="service-content pb-4">
-                                        <a href="Contact.php"><h4 class="text-white mb-4 py-3">"Prime <br> Location"</h4></a>
+                                        <a href="contact.php"><h4 class="text-white mb-4 py-3">"Prime <br> Location"</h4></a>
                                         <div class="px-4">
                                             <p class="mb-4">Conveniently located at New Baneshwor for easy access to our services.</p>
-                                            <a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="Contact.php">Explore More</a>
+                                            <a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="contact.php">Explore More</a>
                                         </div>
                                     </div>
                                 </div>