From c1e58add506dddfe92c50bb9bd3ba87a063f7854 Mon Sep 17 00:00:00 2001
From: Azita Rahimi <a.rahimi@inova-agency.net>
Date: Mon, 15 Jun 2026 09:22:16 +0330
Subject: [PATCH] contactus-v2

---
 contactus.html                          |  2 +-
 src/assets/css/contactus-responsive.css | 17 ++++++++++++-----
 src/assets/css/contactus.css            | 13 +++++--------
 3 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/contactus.html b/contactus.html
index abceddb..c237161 100644
--- a/contactus.html
+++ b/contactus.html
@@ -16,7 +16,7 @@
              HERO
         ═══════════════════════════════════════════ -->
         <section class="hero-section">
-          <div class="container">
+          <div class="container-hero-section">
             <div class="hero-card">
               <div class="hero-circles" aria-hidden="true">
                 <div class="circle circle--1"></div>
diff --git a/src/assets/css/contactus-responsive.css b/src/assets/css/contactus-responsive.css
index f091679..51bc71e 100644
--- a/src/assets/css/contactus-responsive.css
+++ b/src/assets/css/contactus-responsive.css
@@ -108,16 +108,23 @@
 ═══════════════════════════════════════════════════════ */
 @media screen and (max-width: 576px) {
   .hero-section {
-    padding-top: 24px;
-    padding-bottom: 32px;
+    padding-bottom: 50px;
   }
-
+.container-hero-section{
+  padding: 0 ;
+}
+.hero-card {
+  height: 400px;
+  border-radius: 0;
+}
   .hero-content {
     width: 100%;
   }
-
+.contact-form-wrapper{
+  padding: 0;
+}
   .hero-h1 {
-    font-size: 20px;
+    font-size: 24px;
     line-height: 32px;
   }
   .contact-social__icons {
diff --git a/src/assets/css/contactus.css b/src/assets/css/contactus.css
index 4ff92a6..c3bf542 100644
--- a/src/assets/css/contactus.css
+++ b/src/assets/css/contactus.css
@@ -7,15 +7,15 @@
   margin: 0 auto;
 }
 
-main {
-  padding-bottom: 80px;
-}
-
 /* ═══════════════════════════════════════════════════════
    HERO
 ═══════════════════════════════════════════════════════ */
+.container-hero-section{
+    max-width: 1240px;
+  padding: 0 20px;
+  margin: 0 auto;
+}
 .hero-section {
-  padding-top: 80px;
   padding-bottom: 50px;
 }
 
@@ -853,9 +853,6 @@ textarea {
 /* ═══════════════════════════════════════════════════════
    MAP
 ═══════════════════════════════════════════════════════ */
-.map-section {
-  padding-bottom: 80px;
-}
 
 .map-card {
   position: relative;