@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&family=Montserrat:wght@300;400;500;600;700;800&display=swap');
.hh-ship * {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Montserrat', sans-serif;
}
.hh-ship {
--teal: #007481;
--yellow: #FFC844;
--mint: #CFE6E4;
--gray: #98989A;
--dark: #373A36;
--muted: #4A4F54;
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding: 50px clamp(24px, 6vw, 90px) 70px;
color: var(--dark);
overflow: hidden;
}
/* HERO */
.hh-hero {
background: linear-gradient(135deg, #007481 0%, #373A36 100%);
border-radius: 24px;
padding: 60px 40px;
text-align: center;
position: relative;
overflow: hidden;
margin-bottom: 50px;
box-shadow: 0 20px 50px rgba(0, 116, 129, 0.25);
}
.hh-hero::before {
content: "";
position: absolute;
top: -60px;
right: -60px;
width: 220px;
height: 220px;
background: rgba(255, 200, 68, 0.18);
border-radius: 50%;
animation: hh-float 6s ease-in-out infinite;
}
.hh-hero::after {
content: "";
position: absolute;
bottom: -80px;
left: -50px;
width: 200px;
height: 200px;
background: rgba(207, 230, 228, 0.15);
border-radius: 50%;
animation: hh-float 8s ease-in-out infinite reverse;
}
@keyframes hh-float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-25px); }
}
.hh-truck {
font-size: 50px;
display: inline-block;
animation: hh-drive 3s ease-in-out infinite;
}
@keyframes hh-drive {
0%, 100% { transform: translateX(0); }
50% { transform: translateX(15px); }
}
.hh-hero h1 {
font-family: 'Playfair Display', serif;
color: #fff;
font-size: 46px;
font-weight: 800;
margin: 15px 0 10px;
letter-spacing: -0.5px;
position: relative;
}
.hh-hero p {
color: var(--mint);
font-size: 17px;
font-weight: 400;
position: relative;
}
.hh-divider {
width: 80px;
height: 4px;
background: var(--yellow);
border-radius: 10px;
margin: 18px auto 0;
position: relative;
}
/* GRID */
.hh-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 26px;
}
@media (min-width: 1180px) {
.hh-grid { grid-template-columns: repeat(3, 1fr); }
.hh-contact { grid-column: 1 / -1; }
}
.hh-card {
background: #fff;
border-radius: 18px;
padding: 30px 28px;
border: 1px solid var(--mint);
box-shadow: 0 8px 25px rgba(55, 58, 54, 0.06);
position: relative;
overflow: hidden;
transition: transform 0.4s ease, box-shadow 0.4s ease;
opacity: 0;
transform: translateY(30px);
animation: hh-rise 0.7s forwards;
}
@keyframes hh-rise {
to { opacity: 1; transform: translateY(0); }
}
.hh-card:nth-child(1) { animation-delay: 0.05s; }
.hh-card:nth-child(2) { animation-delay: 0.15s; }
.hh-card:nth-child(3) { animation-delay: 0.25s; }
.hh-card:nth-child(4) { animation-delay: 0.35s; }
.hh-card:nth-child(5) { animation-delay: 0.45s; }
.hh-card:nth-child(6) { animation-delay: 0.55s; }
.hh-card:nth-child(7) { animation-delay: 0.65s; }
.hh-card:nth-child(8) { animation-delay: 0.75s; }
.hh-card:nth-child(9) { animation-delay: 0.85s; }
.hh-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 5px;
height: 100%;
background: var(--teal);
transition: width 0.4s ease;
}
.hh-card:hover {
transform: translateY(-6px);
box-shadow: 0 18px 40px rgba(0, 116, 129, 0.15);
}
.hh-card:hover::before {
width: 8px;
background: var(--yellow);
}
.hh-head {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 16px;
}
.hh-num {
flex-shrink: 0;
width: 44px;
height: 44px;
background: var(--mint);
color: var(--teal);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
font-size: 18px;
transition: all 0.4s ease;
}
.hh-card:hover .hh-num {
background: var(--teal);
color: #fff;
transform: rotate(-8deg) scale(1.08);
}
.hh-card h3 {
font-size: 18px;
font-weight: 700;
color: var(--teal);
}
.hh-card p {
font-size: 14.5px;
line-height: 1.7;
color: var(--dark);
font-weight: 400;
}
.hh-card ul {
list-style: none;
margin-top: 12px;
}
.hh-card ul li {
font-size: 14px;
line-height: 1.6;
padding-left: 24px;
position: relative;
margin-bottom: 8px;
color: var(--dark);
}
.hh-card ul li::before {
content: "✓";
position: absolute;
left: 0;
color: var(--teal);
font-weight: 800;
}
.hh-highlight {
display: inline-block;
background: var(--yellow);
color: var(--dark);
font-weight: 700;
padding: 2px 10px;
border-radius: 6px;
margin-top: 8px;
}
/* CONTACT */
.hh-contact {
grid-column: 1 / -1;
background: linear-gradient(135deg, #373A36 0%, #4A4F54 100%);
text-align: center;
color: #fff;
}
.hh-contact::before { background: var(--yellow); }
.hh-contact h3 { color: var(--yellow); }
.hh-contact .hh-num { background: var(--yellow); color: var(--dark); }
.hh-contact-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 16px;
margin-top: 18px;
}
.hh-contact-links a {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(255,255,255,0.08);
border: 1px solid rgba(255, 200, 68, 0.3);
color: #fff;
text-decoration: none;
padding: 12px 22px;
border-radius: 50px;
font-size: 14.5px;
font-weight: 600;
transition: all 0.3s ease;
}
.hh-contact-links a:hover {
background: var(--yellow);
color: var(--dark);
transform: translateY(-3px);
}
/* RESPONSIVE */
@media (max-width: 760px) {
.hh-grid { grid-template-columns: 1fr; }
.hh-hero h1 { font-size: 30px; }
.hh-hero { padding: 45px 25px; }
}
🚚
Delivery & Shipping Policy
Fast, reliable delivery across the UAE
We currently deliver to all Emirates within the UAE. International shipping is not available at this time.
Orders placed before 2:00 PM are typically processed on the same working day. Orders after 2:00 PM are processed the next working day.
Working days: Sunday – Saturday (excl. public holidays)
Estimated delivery within the UAE is 1–3 working days, depending on:
- Product availability
- Delivery location
- Courier schedules
Custom or special-order items may require additional time — our team will notify you.
Enjoy Free Delivery for orders above AED 100.
Orders below AED 100 may incur a delivery fee, shown at checkout.
5
Same-Day Delivery (Dubai Only)
Same-day delivery may be available within Dubai for selected products and areas, subject to:
- Product availability
- Courier availability
- Confirmation by our support team
Additional charges may apply
All orders are delivered via trusted local courier partners. Once dispatched, customers may receive tracking details (if provided by the courier).
A re-delivery charge may apply if the courier is unable to deliver due to:
- Incorrect or incomplete address
- No one available to receive the package
- Customer unresponsive to courier communication
8
Inspection Upon Delivery
Please inspect items at delivery. If damaged or incorrect:
- Report to support within 48 hours
- Provide photos/videos if possible
Late damage claims may not be accepted.
Defective, damaged, or incorrect items: Harmony House Trading LLC covers the return shipping cost.
Change of mind: The customer bears the return shipping cost.