:root {
     --brand: #a1254a;
     --brand-600: #3b86e7;
 }

 body {
     font-family: 'Plus Jakarta Sans', system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
     background: linear-gradient(135deg, #fce3e8, #ffe4ec);
 }

 .navbar-brand img{
    width: 80px;
 }

 .gradient-bg {
     background: linear-gradient(135deg, #fff0f5, #ffe4ec);
 }

 .shadow-soft {
     box-shadow: 0 10px 30px rgba(239, 62, 122, 0.18);
 }

 .card-hover {
     transition: transform 0.35s ease, box-shadow 0.35s ease;
 }

 .card-hover:hover {
     transform: translateY(-6px);
     box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
 }

 .dot {
     width: 10px !important;
     height: 10px !important;
     border-radius: 50%;
     background: #fff;
     opacity: 0.5;
 }

 .dot.active {
     opacity: 1;
 }

 .btn-brand {
     background-color: var(--brand);
     color: white;
 }

 .btn-brand:hover {
     background-color: #dd2476;
     color: white;
 }

 .text-brand {
     color: var(--brand);
 }

 .bg-brand-soft {
     background-color: #fff0f5;
 }

 .rounded-4 {
     border-radius: 1.5rem !important;
 }

 .rounded-5 {
     border-radius: 2rem !important;
 }

 .category-card {
     position: relative;
     overflow: hidden;
     border-radius: 12px;
     cursor: pointer;
     box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
     transition: transform 0.3s ease;
 }

 .category-card:hover {
     transform: translateY(-6px);
 }

 .category-card img {
     width: 100%;
     height: 280px;
     object-fit: cover;
     display: block;
     transition: 0.5s ease;
 }

 .category-card:hover img {
     transform: scale(1.1);
 }

 .category-overlay {
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.7);
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0;
     transition: opacity 0.4s ease;
     text-align: center;
     padding: 20px;
 }

 .category-card:hover .category-overlay {
     opacity: 1;
 }

 .category-desc {
     color: #fff;
     font-size: 0.95rem;
     font-weight: 400;
     line-height: 1.5;
 }

 .category-text {
     position: absolute;
     bottom: 12px;
     left: 50%;
     transform: translateX(-50%);
     background: #db2e6a;
     color: #fff;
     padding: 6px 16px;
     border-radius: 30px;
     font-weight: 600;
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
 }


 .pricing-tile {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     min-height: 400px;
 }

 .pricing-tile:hover {
     transform: translateY(-8px) scale(1.02);
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
 }

 .basic-plan {
     background: linear-gradient(135deg, #3b86e7, #efc9da);
 }

 .premium-plan {
     background: linear-gradient(135deg, #3b86e7, #efc9da);
 }

 .advance-plan {
     background: linear-gradient(135deg, #3b86e7, #efc9da);
 }

 .stat-glass {
     background: rgba(255, 255, 255, 0.25);
     backdrop-filter: blur(12px);
     border: 1px solid rgba(50, 94, 207, 0.3);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .stat-number {
     font-size: 2.8rem;
     font-weight: 800;
     color: #333;
 }

 .icon-circle {
     width: 70px;
     height: 70px;
     margin: 0 auto;
     border-radius: 50%;
     background: linear-gradient(135deg, #ff4b2b, #ff416c);
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     font-size: 2rem;
 }

/* Testimonial Card Base */
/* Custom styles for the testimonial slider */
.bg-light-soft {
  background: #fce3e8;
}

.gradient-bg {
  background: linear-gradient(135deg, #db2e6a, #fff) !important;
}

.testimonial-card {
  background: linear-gradient(145deg, #fff, #f8f9fa);
  border-radius: 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 1.5rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.testimonial-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.12);
}

.testimonial-text {
  font-size: 1.1rem;
  font-style: italic;
  color: #495057;
  margin-bottom: 1rem;
}

.testimonial-author {
  font-weight: 700;
  color: #212529;
  text-align: right;
  font-size: 1rem;
}

.carousel-control-prev,
.carousel-control-next {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(1);
}

.card-img-top{
    transition: 0.5s ease;
}

.card-img-top:hover{
    transform: scale(1.1) !important;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: ">>";
  color: white;
}