.gpm-contact-page {
font-family: Arial, Helvetica, sans-serif;
max-width: 1200px;
margin: 0 auto;
padding: 20px 15px 50px;
box-sizing: border-box;
}

/* Hero */
.gpm-contact-hero {
position: relative;
overflow: hidden;
padding: 55px 25px;
margin-bottom: 35px;
text-align: center;
border-radius: 18px;
background: linear-gradient(135deg, #0b2d59, #174f91);
color: #ffffff;
box-shadow: 0 12px 35px rgba(0,0,0,0.12);
}

.gpm-contact-hero:before,
.gpm-contact-hero:after {
content: “”;
position: absolute;
border-radius: 50%;
background: rgba(255,255,255,0.08);
animation: gpmFloat 7s infinite ease-in-out;
}

.gpm-contact-hero:before {
width: 220px;
height: 220px;
top: -100px;
left: -70px;
}

.gpm-contact-hero:after {
width: 280px;
height: 280px;
bottom: -160px;
right: -90px;
animation-delay: 1.5s;
}

.gpm-contact-hero h1 {
position: relative;
z-index: 2;
margin: 0 0 12px;
font-size: 38px;
line-height: 1.2;
color: #ffffff;
font-weight: 700;
}

.gpm-contact-hero p {
position: relative;
z-index: 2;
max-width: 760px;
margin: 0 auto;
font-size: 17px;
line-height: 1.7;
color: #ffffff;
}

/* Contact Cards */
.gpm-contact-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 35px;
}

.gpm-contact-card {
padding: 28px 22px;
background: #ffffff;
border: 1px solid #e5e9ef;
border-radius: 15px;
text-align: center;
box-shadow: 0 8px 25px rgba(0,0,0,0.07);
transition: all 0.35s ease;
animation: gpmFadeUp 0.8s ease both;
}

.gpm-contact-card:nth-child(2) {
animation-delay: .15s;
}

.gpm-contact-card:nth-child(3) {
animation-delay: .3s;
}

.gpm-contact-card:hover {
transform: translateY(-8px);
box-shadow: 0 16px 35px rgba(0,0,0,0.13);
}

.gpm-contact-icon {
width: 62px;
height: 62px;
margin: 0 auto 15px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #f1f6fc;
font-size: 28px;
transition: transform .35s ease;
}

.gpm-contact-card:hover .gpm-contact-icon {
transform: scale(1.12) rotate(5deg);
}

.gpm-contact-card h3 {
margin: 0 0 10px;
font-size: 20px;
color: #123b78;
}

.gpm-contact-card p {
margin: 0;
color: #555;
line-height: 1.65;
font-size: 15px;
}

.gpm-contact-card a {
color: #123b78;
text-decoration: none;
font-weight: 600;
}

.gpm-contact-card a:hover {
color: #d49a00;
}

/* CTA Buttons */
.gpm-buttons {
display: flex;
justify-content: center;
gap: 14px;
flex-wrap: wrap;
margin: 10px 0 40px;
}

.gpm-btn {
display: inline-block;
padding: 14px 25px;
border-radius: 8px;
text-decoration: none !important;
font-size: 15px;
font-weight: 700;
transition: all .3s ease;
}

.gpm-btn-call {
background: #123b78;
color: #ffffff !important;
}

.gpm-btn-quote {
background: #d49a00;
color: #ffffff !important;
}

.gpm-btn:hover {
transform: translateY(-3px);
box-shadow: 0 9px 20px rgba(0,0,0,.18);
}

/* Main Content */
.gpm-main-grid {
display: grid;
grid-template-columns: 1fr 1.25fr;
gap: 28px;
align-items: stretch;
}

.gpm-info-box,
.gpm-map-box {
background: #ffffff;
border-radius: 16px;
border: 1px solid #e5e9ef;
box-shadow: 0 8px 25px rgba(0,0,0,0.07);
overflow: hidden;
}

.gpm-info-box {
padding: 30px;
}

.gpm-info-box h2,
.gpm-map-box h2 {
margin: 0 0 18px;
color: #123b78;
font-size: 27px;
}

.gpm-info-box > p {
color: #555;
line-height: 1.7;
}

.gpm-details {
margin-top: 22px;
}

.gpm-detail {
display: flex;
gap: 13px;
margin-bottom: 20px;
align-items: flex-start;
}

.gpm-detail-icon {
min-width: 42px;
height: 42px;
border-radius: 9px;
background: #f1f6fc;
display: flex;
align-items: center;
justify-content: center;
font-size: 19px;
}

.gpm-detail strong {
display: block;
color: #123b78;
margin-bottom: 4px;
}

.gpm-detail span,
.gpm-detail a {
color: #555;
line-height: 1.55;
text-decoration: none;
}

.gpm-detail a:hover {
color: #123b78;
}

/* Map */
.gpm-map-box h2 {
padding: 25px 25px 0;
}

.gpm-map {
width: 100%;
height: 450px;
}

.gpm-map iframe {
width: 100%;
height: 100%;
border: 0;
display: block;
}

/* Services */
.gpm-services {
margin-top: 35px;
padding: 35px 25px;
border-radius: 16px;
background: #f7f9fc;
text-align: center;
}

.gpm-services h2 {
color: #123b78;
font-size: 28px;
margin: 0 0 25px;
}

.gpm-service-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 14px;
}

.gpm-service {
background: #ffffff;
padding: 17px 12px;
border-radius: 10px;
border: 1px solid #e5e9ef;
font-weight: 600;
color: #333;
transition: all .3s ease;
}

.gpm-service:hover {
transform: translateY(-5px);
border-color: #123b78;
color: #123b78;
}

/* Bottom CTA */
.gpm-bottom-cta {
margin-top: 35px;
padding: 35px 20px;
text-align: center;
border-radius: 16px;
background: #123b78;
color: #ffffff;
}

.gpm-bottom-cta h2 {
margin: 0 0 10px;
color: #ffffff;
font-size: 29px;
}

.gpm-bottom-cta p {
margin: 0 auto 20px;
max-width: 700px;
line-height: 1.7;
color: #ffffff;
}

.gpm-bottom-cta .gpm-btn {
background: #d49a00;
color: #ffffff !important;
}

/* Animations */
@keyframes gpmFadeUp {
from {
opacity: 0;
transform: translateY(25px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

@keyframes gpmFloat {
0%, 100% {
transform: translate(0, 0);
}
50% {
transform: translate(25px, 20px);
}
}

/* Mobile */
@media (max-width: 900px) {
.gpm-contact-grid {
grid-template-columns: 1fr;
}

.gpm-main-grid {
grid-template-columns: 1fr;
}

.gpm-service-list {
grid-template-columns: repeat(2, 1fr);
}

.gpm-contact-hero h1 {
font-size: 30px;
}
}

@media (max-width: 600px) {
.gpm-contact-page {
padding: 10px 10px 35px;
}

.gpm-contact-hero {
padding: 40px 18px;
border-radius: 12px;
}

.gpm-contact-hero h1 {
font-size: 27px;
}

.gpm-contact-hero p {
font-size: 15px;
}

.gpm-info-box {
padding: 22px;
}

.gpm-map {
height: 350px;
}

.gpm-service-list {
grid-template-columns: 1fr;
}

.gpm-btn {
width: 100%;
text-align: center;
}
}
</style>

<!– HERO –>
<section class=”gpm-contact-hero”>
<h1>Contact Golden Packers & Movers</h1>
<p>
Looking for reliable packing, moving, home shifting, office relocation,
car shifting or storage services? Our professional team is ready to help.
</p>
</section>

<!– CONTACT CARDS –>
<section class=”gpm-contact-grid”>

<div class=”gpm-contact-card”>
<div class=”gpm-contact-icon”>📞</div>
<h3>Call Us</h3>
<p>
Speak with our moving experts today.<br>
<a href=”tel:+919811031099″>+91-9811031099</a>
</p>
</div>

<div class=”gpm-contact-card”>
<div class=”gpm-contact-icon”>📍</div>
<h3>Our Office</h3>
<p>
62, Transport Centre,<br>
Azadpur, New Delhi – 110033
</p>
</div>

<div class=”gpm-contact-card”>
<div class=”gpm-contact-icon”>🚚</div>
<h3>Our Services</h3>
<p>
Home Shifting, Office Relocation,
Car & Bike Shifting, Storage & More
</p>
</div>

</section>

<!– BUTTONS –>
<div class=”gpm-buttons”>
<a class=”gpm-btn gpm-btn-call”
href=”tel:+919811031099″>
📞 Call Now
</a>

<a class=”gpm-btn gpm-btn-quote”
href=”https://wa.me/919811031099?text=Hello%20Golden%20Packers%20%26%20Movers%2C%20I%20need%20a%20moving%20quote.”
target=”_blank”
rel=”noopener”>
💬 Get Free Quote
</a>
</div>

<!– INFO + MAP –>
<section class=”gpm-main-grid”>

<h2>Get in Touch</h2>

<p>
Golden Packers & Movers Pvt. Ltd. provides professional
packing and moving solutions for homes, offices and businesses
across Delhi NCR and destinations throughout India.
</p>

<div class=”gpm-detail”>
<div class=”gpm-detail-icon”>📍</div>
<div>
<strong>Office Address</strong>
<span>
62, Transport Centre,<br>
Azadpur, New Delhi – 110033
</span>
</div>
</div>

<div class=”gpm-detail”>
<div class=”gpm-detail-icon”>📞</div>
<div>
<strong>Phone</strong>
<a href=”tel:+919811031099″>
+91-9811031099
</a>
</div>
</div>

<div class=”gpm-detail”>
<div class=”gpm-detail-icon”>🌐</div>
<div>
<strong>Website</strong>
<a href=”https://www.goldenpackersandmovers.com/”
target=”_blank”
rel=”noopener”>
www.goldenpackersandmovers.com
</a>
</div>
</div>

<div class=”gpm-detail”>
<div class=”gpm-detail-icon”>🚚</div>
<div>
<strong>Service Area</strong>
<span>
Delhi NCR & Pan India
</span>
</div>
</div>

</div>

<!– GOOGLE MAP –>
<div class=”gpm-map-box”>

<h2>Find Our Office</h2>

</div>

</section>

<!– SERVICES –>
<section class=”gpm-services”>

<h2>Our Moving Services</h2>

<div class=”gpm-service”>🏠 Home Shifting</div>
<div class=”gpm-service”>🏢 Office Relocation</div>
<div class=”gpm-service”>🚗 Car Shifting</div>
<div class=”gpm-service”>🏍️ Bike Shifting</div>
<div class=”gpm-service”>📦 Packing & Unpacking</div>
<div class=”gpm-service”>🚛 Loading & Unloading</div>
<div class=”gpm-service”>🏭 Machinery Shifting</div>
<div class=”gpm-service”>🏬 Warehouse Storage</div>

</div>

</section>

<!– FINAL CTA –>
<section class=”gpm-bottom-cta”>

<h2>Planning Your Next Move?</h2>

<p>
Get professional packing and moving assistance from Golden Packers
& Movers Pvt. Ltd. Contact our team today for your relocation requirements.
</p>

</section>

</div>

register for newsletter