body { font-family: 'Inter', sans-serif; }
    /* Primary Pink/Purple Gradient */
    .btn-pink {
      background: linear-gradient(to right, #fc0fc0, #d946ef);
      transition: all .3s ease-in-out; /* Enhanced transition for all properties */
    }
    .btn-pink:hover { 
      transform: translateY(-3px); 
      box-shadow: 0 15px 35px rgba(252, 15, 192, .5); /* Deeper shadow on hover */
    }
    
    /* Subtle pulsing effect for Hero section button */
    @keyframes pulse-once {
      0% { transform: scale(1); }
      50% { transform: scale(1.03); box-shadow: 0 0 0 0 rgba(252, 15, 192, 0.4); }
      100% { transform: scale(1); }
    }
    .hero-btn-pulse {
      animation: pulse-once 2s infinite ease-in-out;
    }

    /* Custom styles for the Stats section (keeping original CSS for this part) */
    .ellipse-story {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 70px;
    }

    .ellipse-content {
        background: linear-gradient(120deg, #ffe3ef, #fff);
        width: 92%;
        border-radius: 110px;
        padding: 60px 45px;
        box-shadow: 0 12px 35px rgba(0,0,0,0.22);
        text-align: center;
        animation: fadeIn 1s ease;
    }
    
    /* ... (rest of the original stats section CSS) ... */

    .ellipse-content .t1 { font-size: 36px; font-weight: 700; color: #222; }
    .ellipse-content span { color: #d2006b; }
    .ellipse-content .brand { font-weight: 800; }
    .ellipse-content .tag { font-size: 20px; margin-top: 8px; color: #454545; }

    .stats-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 45px;
        gap: 20px;
        flex-wrap: wrap;
    }
    .stats-box .stat {
        width: 22%;
        background: #fff;
        border-radius: 30px;
        padding: 28px 20px;
        box-shadow: 0 10px 25px rgba(0,0,0,0.14);
        transition: 0.4s;
    }
    .stats-box .stat:hover {
        transform: translateY(-10px);
        box-shadow: 0 12px 35px rgba(0,0,0,0.25);
    }

    .stats-box img {
        width: 72px;
        margin-bottom: 12px;
        border-radius: 50%;
    }

    .stats-box h3 {
        font-size: 26px;
        font-weight: 700;
        color: #cf0365;
        margin-bottom: 10px;
    }

    .stats-box p {
        font-size: 16px;
        color: #333;
        font-weight: 500;
    }

    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(40px); }
        to 	{ opacity: 1; transform: translateY(0); }
    }

    @media (max-width: 900px) {
        .ellipse-content { border-radius: 70px; padding: 45px 25px; }
        .stats-box .stat { width: 46%; }
    }

    @media (max-width: 500px) {
        .ellipse-content { border-radius: 40px; padding: 35px 20px; }
        .stats-box .stat { width: 100%; }
    }


.ellipse-services-bg {
  background: radial-gradient(ellipse at center, #fff5fb 0%, #ffffff 70%, #ffffff 100%);
}
/* Style for the card wrapper to create the unique layout */
.services-grid-new {
  position: relative;
  max-width: 1000px; /* Constrain grid width for better central focus */
  margin: 0 auto;
}
/* Style for the individual service cards */
.service-card-new {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  border: 1px solid #fce7f3; /* Light border for definition */
  position: relative; /* For staggered positioning */
}
.service-card-new:hover {
  transform: translateY(-8px) rotate(-1deg);
  box-shadow: 0 25px 50px -12px rgba(252, 15, 192, 0.4); /* Pink/purple glow shadow */
}
.icon-ring-new {
  background: #fbcfe8; /* Lighter pink background for the icon */
  box-shadow: 0 0 0 6px rgba(253, 230, 138, 0); /* Initial transparent ring */
  transition: box-shadow 0.3s ease-in-out;
}
.service-card-new:hover .icon-ring-new {
  box-shadow: 0 0 0 6px #fbcfe8; /* Pink ring glow on hover */
}