Island-Wide Delivery Banner

.delivery-banner {
background: linear-gradient(45deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4);
background-size: 400% 400%;
animation: gradientShift 8s ease infinite;
overflow: hidden;
white-space: nowrap;
padding: 15px 0;
position: relative;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
border-radius: 8px;
margin: 10px 0;
}
.delivery-text {
display: inline-block;
font-family: ‘Arial’, ‘Helvetica’, sans-serif;
font-size: 18px;
font-weight: bold;
color: white;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
animation: scrollText 15s linear infinite;
padding-left: 100%;
letter-spacing: 1px;
}
@keyframes scrollText {
from {
transform: translateX(0%);
}
to {
transform: translateX(-100%);
}
}
@keyframes gradientShift {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.delivery-banner::before {
content: ”;
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
animation: shine 3s infinite;
}
@keyframes shine {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
.delivery-banner:hover .delivery-text {
animation-play-state: paused;
}
.delivery-icon {
display: inline-block;
margin: 0 10px;
font-size: 20px;
animation: bounce 2s infinite;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-10px);
}
60% {
transform: translateY(-5px);
}
}
/* Responsive design */
@media (max-width: 768px) {
.delivery-text {
font-size: 16px;
}
}
@media (max-width: 480px) {
.delivery-text {
font-size: 14px;
}
.delivery-banner {
padding: 12px 0;
}
}

🚚 🏝️ ISLAND-WIDE DELIVERY AVAILABLE 📦 FREE SHIPPING ON ORDERS OVER Rs.5,000/= ⚡ FAST & RELIABLE SERVICE 🚚 ORDER NOW FOR FAST DELIVERY 🏝️ COVERING ALL AREAS 📦


* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: ‘Inter’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, sans-serif;
background-color: #FFFBF0;
color: #1A1A1A;
}
/* Hero Section */
.dresspoint-hero {
position: relative;
overflow: hidden;
padding: 3rem 1rem;
background-color: #FFFBF0;
}
.hero-background {
position: absolute;
inset: 0;
background: linear-gradient(135deg, #1FBFB8 0%, #FF6B5B 100%);
opacity: 0.1;
}
.hero-container {
max-width: 1280px;
margin: 0 auto;
position: relative;
z-index: 10;
}
.hero-grid {
display: grid;
grid-template-columns: 1fr;
gap: 3rem;
align-items: center;
}
@media (min-width: 768px) {
.hero-grid {
grid-template-columns: 1fr 1fr;
}
}
.hero-content {
animation: slideUp 0.8s ease-out;
}
.hero-title {
font-family: ‘Poppins’, sans-serif;
font-size: 2.25rem;
font-weight: 700;
line-height: 1.2;
margin-bottom: 1.5rem;
color: #1A1A1A;
}
@media (min-width: 768px) {
.hero-title {
font-size: 3rem;
}
}
@media (min-width: 1024px) {
.hero-title {
font-size: 3.75rem;
}
}
.hero-title-highlight {
background: linear-gradient(135deg, #1FBFB8 0%, #FF6B5B 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.hero-description {
font-size: 1.125rem;
color: #666666;
line-height: 1.6;
margin-bottom: 2rem;
}
.hero-buttons {
display: flex;
gap: 1rem;
flex-wrap: wrap;
}
.btn {
padding: 0.75rem 2rem;
border-radius: 1rem;
font-size: 1rem;
font-weight: 600;
border: none;
cursor: pointer;
transition: all 0.3s ease;
font-family: ‘Poppins’, sans-serif;
}
.btn-primary {
background: linear-gradient(135deg, #1FBFB8 0%, #1FBFB8 100%);
color: #FFFBF0;
box-shadow: 0 4px 15px rgba(31, 191, 184, 0.3);
}
.btn-primary:hover {
transform: scale(1.05);
box-shadow: 0 6px 20px rgba(31, 191, 184, 0.4);
}
.btn-secondary {
background: transparent;
color: #1FBFB8;
border: 2px solid #1FBFB8;
}
.btn-secondary:hover {
background: rgba(31, 191, 184, 0.1);
}
.hero-image {
position: relative;
height: 24rem;
}
@media (min-width: 768px) {
.hero-image {
height: 100%;
min-height: 400px;
}
}
.hero-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 1.5rem;
box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15);
}
@keyframes slideUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Responsive adjustments */
@media (max-width: 768px) {
.dresspoint-hero {
padding: 2rem 1rem;
}
.hero-title {
font-size: 1.875rem;
}
.hero-description {
font-size: 1rem;
}
.btn {
padding: 0.625rem 1.5rem;
font-size: 0.875rem;
}
}

Pointing You to
Perfect Fashion

Discover our curated collection of premium fashion pieces. From tailored classics to contemporary styles, find your perfect fit.




Hero Model - Premium Fashion

Elementor Feature Cards

.elementor-features-wrapper {
margin: 0;
padding: 20px;
font-family: ‘Inter’, sans-serif;
background: transparent;
}
.features-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
width: 100%;
max-width: none;
margin: 0;
padding: 0;
}
.feature-card {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(20px);
border-radius: 20px;
padding: 30px 20px;
text-align: center;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.2);
height: auto;
min-height: 320px;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.feature-card::before {
content: ”;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(102, 126, 234, 0.05), rgba(118, 75, 162, 0.05));
opacity: 0;
transition: opacity 0.4s ease;
z-index: 1;
}
.feature-card:hover::before {
opacity: 1;
}
.feature-card:hover {
transform: translateY(-10px);
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}
.icon-container {
width: 80px;
height: 80px;
margin: 0 auto 20px;
background: linear-gradient(135deg, #667eea, #764ba2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 2;
box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
flex-shrink: 0;
}
.feature-card:hover .icon-container {
transform: scale(1.1);
box-shadow: 0 12px 30px rgba(102, 126, 234, 0.4);
}
.icon {
width: 40px;
height: 40px;
color: white;
fill: white;
transition: transform 0.3s ease;
}
.feature-card:hover .icon {
transform: scale(1.05);
}
.feature-title {
font-size: 1.25rem;
font-weight: 600;
color: #1a202c;
margin-bottom: 15px;
transition: all 0.3s ease;
z-index: 2;
position: relative;
letter-spacing: -0.025em;
line-height: 1.3;
}
.feature-card:hover .feature-title {
color: #667eea;
}
.feature-description {
font-size: 0.95rem;
color: #4a5568;
line-height: 1.6;
transition: all 0.3s ease;
z-index: 2;
position: relative;
font-weight: 400;
flex-grow: 1;
}
.feature-card:hover .feature-description {
color: #2d3748;
}
/* Individual card themes */
.delivery-card .icon-container {
background: linear-gradient(135deg, #4facfe, #00f2fe);
}
.delivery-card:hover .icon-container {
box-shadow: 0 12px 30px rgba(79, 172, 254, 0.4);
}
.quality-card .icon-container {
background: linear-gradient(135deg, #43e97b, #38f9d7);
}
.quality-card:hover .icon-container {
box-shadow: 0 12px 30px rgba(67, 233, 123, 0.4);
}
.price-card .icon-container {
background: linear-gradient(135deg, #fa709a, #fee140);
}
.price-card:hover .icon-container {
box-shadow: 0 12px 30px rgba(250, 112, 154, 0.4);
}
.secure-card .icon-container {
background: linear-gradient(135deg, #a8edea, #fed6e3);
}
.secure-card:hover .icon-container {
box-shadow: 0 12px 30px rgba(168, 237, 234, 0.4);
}
/* Large tablets and desktop */
@media (max-width: 1200px) {
.elementor-features-wrapper {
padding: 15px;
}
.features-container {
gap: 15px;
}
}
/* Tablets */
@media (max-width: 1024px) {
.features-container {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.feature-card {
padding: 30px 20px;
min-height: 280px;
}
}
/* Small tablets */
@media (max-width: 768px) {
.elementor-features-wrapper {
padding: 15px;
}
.features-container {
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.feature-card {
padding: 25px 15px;
min-height: 260px;
border-radius: 16px;
}
.feature-title {
font-size: 1.1rem;
}
.feature-description {
font-size: 0.9rem;
line-height: 1.5;
}
.icon-container {
width: 70px;
height: 70px;
margin-bottom: 15px;
}
.icon {
width: 35px;
height: 35px;
}
}
/* Mobile landscape and large phones */
@media (max-width: 640px) {
.elementor-features-wrapper {
padding: 12px;
}
.features-container {
grid-template-columns: 1fr;
gap: 15px;
}
.feature-card {
padding: 25px 20px;
min-height: 200px;
border-radius: 14px;
}
.feature-title {
font-size: 1.15rem;
margin-bottom: 12px;
}
.feature-description {
font-size: 0.95rem;
line-height: 1.6;
}
.icon-container {
width: 75px;
height: 75px;
margin-bottom: 18px;
}
.icon {
width: 38px;
height: 38px;
}
}
/* Small mobile phones */
@media (max-width: 480px) {
.elementor-features-wrapper {
padding: 10px;
}
.features-container {
gap: 12px;
}
.feature-card {
padding: 20px 15px;
min-height: 180px;
border-radius: 12px;
}
.feature-title {
font-size: 1.1rem;
margin-bottom: 10px;
}
.feature-description {
font-size: 0.9rem;
line-height: 1.55;
}
.icon-container {
width: 70px;
height: 70px;
margin-bottom: 15px;
}
.icon {
width: 35px;
height: 35px;
}
}
/* Very small screens */
@media (max-width: 360px) {
.elementor-features-wrapper {
padding: 8px;
}
.feature-card {
padding: 18px 12px;
min-height: 170px;
}
.feature-title {
font-size: 1rem;
margin-bottom: 8px;
}
.feature-description {
font-size: 0.85rem;
line-height: 1.5;
}
.icon-container {
width: 65px;
height: 65px;
margin-bottom: 12px;
}
.icon {
width: 32px;
height: 32px;
}
}
/* Disable hover effects on touch devices */
@media (hover: none) and (pointer: coarse) {
.feature-card:hover {
transform: none;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}
.feature-card:hover::before {
opacity: 0;
}
.feature-card:hover .icon-container {
transform: none;
box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
}
.feature-card:hover .icon {
transform: none;
}
.feature-card:hover .feature-title {
color: #1a202c;
}
.feature-card:hover .feature-description {
color: #4a5568;
}
/* Individual card hover resets */
.delivery-card:hover .icon-container,
.quality-card:hover .icon-container,
.price-card:hover .icon-container,
.secure-card:hover .icon-container {
box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
}
}


Island Wide Delivery

Fast and reliable delivery service covering all regions across Sri Lanka. Your order reaches you safely, no matter where you are.


Premium Quality Fabrics

Exceptional materials sourced from trusted global suppliers. Each fabric undergoes rigorous quality testing for durability and comfort.


Best Value Pricing

Unbeatable prices without compromising quality. Transparent pricing with no hidden costs, ensuring maximum value for your investment.


Secure Payments

Bank-level security with multiple payment options. SSL encryption ensures your financial data remains completely protected.

Shopping Cart