html,
body {
  position: relative;
  height: 100%;
}

body {
  background: #eee;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}
.glass-background {
  background-color: rgba(14, 26, 83, 0.5);
  /* Adjust the opacity as needed */
  backdrop-filter: blur(10px);
  /* Adds the blur effect */
}
.swiper {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background-color: rgba(94, 107, 174, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-slide img {
  display: block;
  width: 100%;
  max-height: 225px;
  object-fit: cover;
}
/* #img {
  min-height: 19rem;
}
#blog-container {
  max-height: 39rem;
}

#BlogContainer2 {
  background-color: rgb(255, 255, 255);
} */
.swiper-slide {
  height: auto !important;
  max-height: 45rem;
  overflow: auto;
}

.swiper-slide::-webkit-scrollbar {
  width: 6px; /* عرض اسکرول بار */
}

.swiper-slide::-webkit-scrollbar-thumb {
  background-color: darkgrey; /* رنگ اسکرول بار */
  border-radius: 3px; /* شعاع گوشه‌های اسکرول بار */
}

.swiper-slide::-webkit-scrollbar-track {
  background: #f1f1f1; /* رنگ پس‌زمینه اسکرول بار */
  border-radius: 3px; /* شعاع گوشه‌های پس‌زمینه اسکرول بار */
}
#BlogContainer3 {
  height: auto !important;
  max-height: 45rem;
  overflow: auto;
}
#BlogContainer3::-webkit-scrollbar {
  width: 6px; /* عرض اسکرول بار */
}

#BlogContainer3::-webkit-scrollbar-thumb {
  background-color: darkgrey; /* رنگ اسکرول بار */
  border-radius: 3px; /* شعاع گوشه‌های اسکرول بار */
}

#BlogContainer3::-webkit-scrollbar-track {
  background: #f1f1f1; /* رنگ پس‌زمینه اسکرول بار */
  border-radius: 3px; /* شعاع گوشه‌های پس‌زمینه اسکرول بار */
}