.top-level-slider .swiper {
  width: 100%;
  height: auto;
  max-height: 400px;
  @apply aspect-video max-[900px]:max-h-[300px] max-[830px]:max-h-[300px] max-[550px]:max-h-[800px];
}
.top-level-slider .swiper * {
  box-shadow: none !important;
}

.top-level-slider .swiper-slide {
  padding: 20px;
  border-radius: 4px !important;
  font-size: 22px;
  color: #fff;
  position: relative;
  overflow: visible;
}
.top-level-slider .swiper-slide .info-card {
  background-color: #fff;
  height: auto;
  aspect-ratio: 1/1.3;
  border-radius: 4px;
  margin-bottom: -188px;
  min-height: 250px;
  box-shadow: 0 0 10px 0 #2929292c !important;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  flex-direction: column;
  color: rgb(68, 68, 68);
}
.top-level-slider .swiper-slide .info-card .card-img {
  border-radius: 50%;
  overflow: hidden;
  width: 120px;
  height: auto;
  aspect-ratio: 1/1;
  border: 1px solid gray;
  margin-top: 20px;
  @apply max-[1100px]:w-[80px];
}
.top-level-slider .swiper-slide .info-card p {
  @apply text-2xl max-[1100px]:text-sm;
}

.top-level-slider .swiper-slide:nth-child(1n) {
  @apply bg-transparent;
}

/* .top-level-slider .swiper-slide:nth-child(2n) {
  background-color: rgb(0, 140, 255);
}

.top-level-slider .swiper-slide:nth-child(3n) {
  background-color: rgb(10, 184, 111);
}

.top-level-slider .swiper-slide:nth-child(4n) {
  background-color: rgb(211, 122, 7);
}

.top-level-slider .swiper-slide:nth-child(5n) {
  background-color: rgb(118, 163, 12);
}

.top-level-slider .swiper-slide:nth-child(6n) {
  background-color: rgb(180, 10, 47);
}

.top-level-slider .swiper-slide:nth-child(7n) {
  background-color: rgb(35, 99, 19);
}

.top-level-slider .swiper-slide:nth-child(8n) {
  background-color: rgb(0, 68, 255);
}

.top-level-slider .swiper-slide:nth-child(9n) {
  background-color: rgb(218, 12, 218);
}

.top-level-slider .swiper-slide:nth-child(10n) {
  background-color: rgb(54, 94, 77);
} */

/* .top-level-slider .swiper-slide:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-image: linear-gradient(to top, #ca5f5e, #d68584);
  transition: opacity 0.5s ease-out;
  z-index: -1;
  opacity: 0;
}
.top-level-slider .swiper-slide:hover:after {
  opacity: 1;
} */

.home-exam-card {
  /* @apply !aspect-video; */
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-direction: column;
  height: auto;
  box-shadow: 0 0 6px #0c3f662f;
  border-radius: 16px;
  padding: 16px 40px;
  overflow: hidden;
  position: relative;
}
.home-exam-card .icon {
  @apply p-4 relative duration-500 text-white bg-primary-main group-hover:!bg-white;
  border-radius: 16px;
}

.home-exam-card:hover .icon {
  @apply p-4 relative  bg-white;
}

.hover-gradient:after {
  @apply p-4 relative text-white bg-gradient-to-bl from-primary-600 to-primary-400;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  transition: opacity 0.5s ease-out;
  z-index: -1;
  opacity: 0;
}
.hover-gradient:hover:after {
  opacity: 1;
}