body {
  font-family: Shabnam;
}
:root {
  --first: 43, 127, 138;
  --second: 37, 206, 108;
  --third: 17, 75, 95;
  --fourth: 45, 60, 92;
  --body-color: #ffffff;
}
.textone__section {
  margin: 40px 0;
}
.textone__section .col-lg-7 {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
  border-radius: 16px;
  padding: 30px;
  background: #fff;
}
.text.forPadding {
  padding: 0;
}
.product-card {
  background-color: #f1f5f9 !important; /* پیش‌فرض */
  border-radius: 0.75rem;
  overflow: hidden;
  transition:
    transform 0.4s ease,
    box-shadow 0.4s ease,
    background-color 0.4s ease;
  align-items: center !important;
}

/* کارت ۱ */
.product-card:nth-child(1) {
  background-color: #eff6ff !important; /* آبی خیلی کمرنگ */
}

/* کارت ۲ */
.product-card:nth-child(2) {
  background-color: #ecfeff !important; /* فیروزه‌ای خیلی کمرنگ */
}

/* کارت ۳ */
.product-card:nth-child(3) {
  background-color: #ecfdf5 !important; /* سبز نعناه‌ای خیلی کمرنگ */
}

/* کارت ۴ */
.product-card:nth-child(4) {
  background-color: #fefce8 !important; /* زرد خیلی کمرنگ */
}

/* کارت ۵ */
.product-card:nth-child(5) {
  background-color: #fff7ed !important; /* نارنجی خیلی کمرنگ */
}

/* کارت ۶ */
.product-card:nth-child(6) {
  background-color: #fef2f2 !important; /* صورتی/قرمز خیلی کمرنگ */
}

/* کارت ۷ */
.product-card:nth-child(7) {
  background-color: #fdf2ff !important; /* بنفش خیلی کمرنگ */
}

/* کارت ۸ */
.product-card:nth-child(8) {
  background-color: #f4f4ff !important; /* آبی-بنفش خیلی کمرنگ */
}

/* تصویر داخل کارت */
.product-card img {
  aspect-ratio: 1 / 1 !important;
  width: 90%;
  margin: 12px;
  border-radius: 50%;
  background-color: #fff;
  transition: transform 0.6s ease;
}

/* هاور کارت: فقط حرکت و سایه، بدون خراب کردن رنگ پس‌زمینه */
.product-card:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 1.25rem 3rem rgba(15, 23, 42, 0.18);
}

.product-card:hover img {
  transform: scale(1.08) rotate(-1deg);
}

/* دکمه پایه */
.product-btn {
  width: 100%;
  border-radius: 999px;
  border: none;
  font-weight: 600;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background-color 0.25s ease,
    color 0.25s ease;
}

/* رنگ دکمه‌ها متناسب با هر کارت */

/* کارت ۱ – آبی */
.product-card:nth-child(1) .product-btn {
  background-color: #2563eb;
  color: #fff !important;
}
.product-card:nth-child(1):hover .product-btn {
  background-color: #1d4ed8;
  box-shadow: 0 0.75rem 1.5rem rgba(37, 99, 235, 0.35);
  transform: translateY(-2px);
}

/* کارت ۲ – فیروزه‌ای */
.product-card:nth-child(2) .product-btn {
  background-color: #06b6d4;
  color: #fff !important;
}
.product-card:nth-child(2):hover .product-btn {
  background-color: #0891b2;
  box-shadow: 0 0.75rem 1.5rem rgba(6, 182, 212, 0.35);
  transform: translateY(-2px);
}

/* کارت ۳ – سبز نعناه‌ای */
.product-card:nth-child(3) .product-btn {
  background-color: #10b981;
  color: #fff !important;
}
.product-card:nth-child(3):hover .product-btn {
  background-color: #059669;
  box-shadow: 0 0.75rem 1.5rem rgba(16, 185, 129, 0.35);
  transform: translateY(-2px);
}

/* کارت ۴ – زرد/طلایی */
.product-card:nth-child(4) .product-btn {
  background-color: #f59e0b;
  color: #fff !important;
}
.product-card:nth-child(4):hover .product-btn {
  background-color: #d97706;
  box-shadow: 0 0.75rem 1.5rem rgba(245, 158, 11, 0.35);
  transform: translateY(-2px);
}

/* کارت ۵ – نارنجی */
.product-card:nth-child(5) .product-btn {
  background-color: #fb923c;
  color: #fff !important;
}
.product-card:nth-child(5):hover .product-btn {
  background-color: #f97316;
  box-shadow: 0 0.75rem 1.5rem rgba(251, 146, 60, 0.35);
  transform: translateY(-2px);
}

/* کارت ۶ – صورتی/قرمز روشن */
.product-card:nth-child(6) .product-btn {
  background-color: #f97373;
  color: #fff !important;
}
.product-card:nth-child(6):hover .product-btn {
  background-color: #ef4444;
  box-shadow: 0 0.75rem 1.5rem rgba(239, 68, 68, 0.35);
  transform: translateY(-2px);
}

/* کارت ۷ – بنفش */
.product-card:nth-child(7) .product-btn {
  background-color: #a855f7;
  color: #fff !important;
}
.product-card:nth-child(7):hover .product-btn {
  background-color: #8b5cf6;
  box-shadow: 0 0.75rem 1.5rem rgba(168, 85, 247, 0.35);
  transform: translateY(-2px);
}

/* کارت ۸ – آبی-بنفش */
.product-card:nth-child(8) .product-btn {
  background-color: #6366f1;
  color: #fff !important;
}
.product-card:nth-child(8):hover .product-btn {
  background-color: #4f46e5;
  box-shadow: 0 0.75rem 1.5rem rgba(99, 102, 241, 0.35);
  transform: translateY(-2px);
}