﻿   /* UPDATED COLOR PALETTE TO PINK */
        :root {
            --primary-pink: #D81B60;  /* A professional deep pink */
            --dark-pink: #ad1457;     /* For gradients */
            --light-pink: #FCE4EC;    /* Very pale pink for backgrounds */
            --gold-accent: #ffc107;   /* Gold remains as accent */
        }

body.womendayBox {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    background-color: #fff0f5 !important; /* Slightly pinkish white background */
    overflow-x: hidden !important;
}

        /* ============ DECORATION CSS ============ */
        .decoration-overlay {
            position: fixed; top: 0; left: 0; width: 100%; height: 100%;
            pointer-events: none; z-index: 9999;
        }
        .deco-item { position: absolute; }
        .balloons-left {
            top: -20px; left: -30px; width: 250px;
            animation: float 4s ease-in-out infinite;
        }
        .balloons-right {
            top: -40px; right: -20px; width: 220px;
            animation: float 5s ease-in-out infinite alternate;
        }
        @keyframes float {
            0% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-15px) rotate(2deg); }
            100% { transform: translateY(0px) rotate(0deg); }
        }
        /* ============ END DECORATION CSS ============ */

        /* Navbar */
        .navbar { background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); position: relative; z-index: 10;}
        .navbar-brand span { color: var(--primary-pink) !important; }

        /* Hero Section - Updated to Pink Gradient */
      .hero-section {
    padding: 20px 0 30px;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background-image: url('images/womanbg.jpg'),
                      url('images/womanbg.jpg');
    background-repeat: no-repeat, no-repeat;
    background-position: 0 0, 100% 0;
    background-size: 50% 100%;
    animation: moveBg 20s linear infinite;
    z-index: -2;
}

.hero-section::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(45deg, #7965DA 0%, #CF6CC9 43%, #EE609C 66%, #EE609C 100%);
    opacity: 0.9;
    z-index: -1;
}

@keyframes moveBg {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
/* Demo content */
.hero-content{
    text-align:center;
}

.hero-content h1{
    font-size:48px !important;
    margin-bottom:20px;
}

.hero-content p{
    font-size:18px;
    max-width:600px;
    margin:auto;
}
        .official-card {
            background: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.3);
            border-radius: 15px; padding: 20px; text-align: center;
            backdrop-filter: blur(5px); box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }

        .official-img {
            width: 150px; height: 150px; object-fit: cover;
            border-radius: 50%; border: 4px solid var(--gold-accent); margin-bottom: 15px;
        }

        /* Offer Section */
        .offer-section { padding: 50px 0; }
        .price-card {
            border: none; border-radius: 15px; transition: transform 0.3s;
            box-shadow: 0 5px 15px rgba(216, 27, 96, 0.1); /* Slight pink shadow */
            overflow: hidden;position:relative;z-index:0;
        }
       
            
        /* Background Layer */
.price-card .card-body::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url('images/womanempower.jpg');
  background-position: center bottom;
  background-size: cover;
  transition: transform 0.6s ease;
  z-index: -1;
}

/* Dark overlay (optional but recommended) */
.price-card .card-body::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.4);
  z-index: -1;
}

/* Hover Zoom */
.price-card:hover .card-body::after {
  transform: scale(1.1);
}
        .gw {
            height:47px;
        }
        .price-card .card-body .small {color: #fff !important;
  background: rgba(0,0,0,0.2);
  padding: 10px;font-weight:600;}
        /* Updated Card Headers to Pink */
        .card-header-custom {
            background-color: #8466D8; color: white;
            padding: 20px; text-align: center; font-size: 1.25rem; font-weight: bold;
        }
        /* Keep Rural Green for differentiation, or change to darker pink if preferred */
        .card-header-rural { background-color: #e761a3; color: white; padding: 20px; text-align: center; font-size: 1.25rem; font-weight: bold;}

        .old-price { text-decoration: line-through; color: #fff; font-size: 1.1rem; }
        
        /* Updated Price Text to Pink */
        .new-price { color: #fff; font-size: 2.5rem; font-weight: 800; }
        
        .discount-badge {
            background-color: var(--gold-accent); color: #333; padding: 5px 15px;
            border-radius: 20px; font-weight: bold; font-size: 0.9rem; display: inline-block; margin-bottom: 10px;
        }

        /* Updated Alert Box to Pink */
        .alert-custom {
            background-color: var(--light-pink);
            border-left: 5px solid var(--primary-pink);
            color: var(--dark-pink);
        }
        
        /* Updated CTA Button to Pink */
        .btn-pink-custom {
             background-color: #e761a3 !important; border:none; color: white;
        }
        .btn-pink-custom:hover {background-color: #8466d8 !important; color: white;}
       .hero-section .bg-info {color:#fff !important;
  background-color: #A3001B !important;margin:0 !important;
  position:relative;font-size:18px;
}

        footer { background-color: #343a40; color: white; padding: 20px 0; text-align: center; }
        
        /* Utility for text color */
        .text-pink { color: var(--primary-pink) !important; }
        .hero-section .lead {
            font-weight:500;
        }
.text-decoration-line-through {
    color:#fff !important;
}