feat: updated contact-region style

Author: Sathishkumar0404

_layouts/company.html

@@ -45,15 +45,19 @@ <h4 class="country-name">Canada</h4>
           <div class="two-cols region-row mt-3">
             <div class="contact-region">
               <h3 class="region-name">Middle East</h3>
+              <div class="contact-country">
               <h4 class="country-name">UAE</h4>
               <p class="address">{{ site.data.contact.uae_office }}</p>
               <p class="contact mb-1"><a href="tel: {{ site.data.contact.phone_uae }}">{{ site.data.contact.phone_uae }}</a></p>
             </div>
+            </div>
             <div class="contact-region">
               <h3 class="region-name">APAC</h3>
+              <div class="contact-country">
               <h4 class="country-name">India</h4>
               <p class="address">{{ site.data.contact.india_office }}</p>
               <p class="contact mb-1"><a href="tel: {{ site.data.contact.phone_in }}">{{ site.data.contact.phone_in }}</a></p>
+              </div>
             </div>
           </div>
         </div>

_sass/components/_page.scss

@@ -1560,12 +1560,23 @@ p{
         .two-cols{
           display: grid;
           grid-template-columns: repeat(2, minmax(0, 1fr));
+          gap: 1.5rem;
+        }
+        .contact-country{
+          border: 1px solid #fff;
+          border-radius: 4px;
+          padding: 1.5rem 0;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
           gap: 1rem;
+          height: 100%;
         }
         .contact-region{
           display: flex;
           flex-direction: column;
           padding: 1rem 0;
+          height: 100%;
         }
       }
     .direction{
@@ -1630,11 +1641,9 @@ p{
       padding: 0 1rem;
       gap: 1.5rem;
       .two-cols{
-        grid-template-columns: 1fr;
-      }
-      .contact-region{
-        align-items: flex-start;
+        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
       }
+      
     }
   }
 }