@import url(./../fonts/font.css);
body {
  font-family: PeydaWeb !important;
  direction: rtl;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: PeydaWeb !important;
}

.wrapper {
  max-width: 900px;
  margin: 20px auto;
  padding: 30px;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 0 10px #aaa;
}

.box100 p,
.box200 p,
.box300 p,
.box400 p,
.box500 p,
.box600 p,
.box700 p,
.box800 p,
.box900 p {
  font-size: 20px;
  margin: 0;
}

.box100,
.box100 h1 {
  margin: 30px 0 0 0;
  font-weight: 100;
  font-size: 25px;
}

.box200,
.box200 h1 {
  margin: 10px 0 0 0;
  font-weight: 200;
  font-size: 25px;
}

.box300,
.box300 h1 {
  margin: 30px 0 0 0;
  font-weight: 300;
  font-size: 25px;
}

.box400,
.box400 h1 {
  margin: 30px 0 0 0;
  font-weight: 400;
  font-size: 25px;
}

.box500,
.box500 h1 {
  margin: 30px 0 0 0;
  font-weight: 500;
  font-size: 25px;
}

.box600,
.box600 h1 {
  margin: 30px 0 0 0;
  font-weight: 600;
  font-size: 25px;
}

.box700,
.box700 h1 {
  margin: 30px 0 0 0;
  font-weight: 700;
  font-size: 25px;
}

.box800,
.box800 h1 {
  margin: 30px 0 0 0;
  font-weight: 800;
  font-size: 25px;
}

.box900,
.box900 h1 {
  margin: 30px 0 0 0;
  font-weight: 900;
  font-size: 25px;
}

body {
  font-family: 'Vazirmatn', sans-serif;
  /* الگوی پس‌زمینه با قلب‌های SVG */
  background-color: #fdf2f8; /* رنگ صورتی پاستلی بسیار روشن */
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FBCFE8' fill-opacity='0.4'%3E%3Cpath d='M30 3.444C22.24-4.356 0 2.444 0 17.014 0 25.484 10.044 31.164 30 50 49.956 31.164 60 25.484 60 17.014 60 2.444 37.76-4.356 30 3.444z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 40px 40px; /* اندازه قلب‌ها و فاصله بین آن‌ها */
}
.font-lalezar {
  font-family: 'Lalezar', cursive;
}
.card-shadow {
  /* سایه کمی برجسته‌تر شده است */
  box-shadow: 0 10px 28px -5px rgba(219, 39, 119, 0.2),
    0 8px 12px -6px rgba(219, 39, 119, 0.2);
}
.content-card {
  position: relative;
  z-index: 1; /* برای اطمینان از اینکه کارت روی پس‌زمینه قلبی قرار می‌گیرد */
}