.card-wrapper {
  max-width: 1100px;
  margin: 0 60px 35px;
  padding: 20px 10px;
  overflow: hidden;
}

.card-list .card-item {
  list-style: none;
}

.card-list .card-item .card-link {
  display: block;
  /* background: #fff; */
  /* padding: 18px; */
  user-select: none;
  /* border-radius: 12px; */
  text-decoration: none;
  /* border: 2px solid transparent; */
  /* box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05); */
  transition: 0.2s ease;
}

.card-list .card-item .card-link:active {
  cursor: grabbing;
}

.card-list .card-item .card-link:hover {
  border-color: #5372F0;
}

.card-list .card-link .card-image {
  width: 100%;
  border-radius: 00px;
  /* aspect-ratio: 9 / 16; */
  object-fit: cover;
}

.card-list .card-link .badge {
  color: #ffffff;
  width: 100%;
  padding: 8px 16px;
  font-size: var(--e-global-typography-accent-font-size);
  border-radius: 50px;
  font-weight: 500;
  background: transparent;
  margin: 16px 0 18px;
  text-align: center;
  line-height: 20px;
  font-style: italic;
}

/* .card-list .card-link .badge-designer {
  color: #B22485;
  background: #F7DFF5;
}

.card-list .card-link .badge-marketer {
  color: #B25A2B;
  background: #FFE3D2;
}

.card-list .card-link .badge-gamer {
  color: #205C20;
  background: #D6F8D6;
}

.card-list .card-link .badge-editor {
  color: #856404;
  background: #fff3cd;
} */

.card-list .card-link .card-title {
  color: #000;
  font-size: 1.19rem;
  font-weight: 600;
}

.card-list .card-link .card-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: #fff;
 
  cursor: pointer;
  background-color: transparent;
  font-family: var(--e-global-typography-accent-font-family);
  border: 0;
}

/* .card-list .card-link:hover .card-button {
  color: #fff;
  background: #5372F0;
} */

.card-wrapper .swiper-pagination-bullet {
  height: 13px;
  width: 13px;
  opacity: 0.5;
  background: #5372F0;
}

.card-wrapper .swiper-pagination-bullet-active {
  opacity: 1;
}

.card-wrapper .swiper-slide-button {
  color: #5372F0;
  margin-top: -35px;
}
.swiper-backface-hidden .swiper-slide{
  margin-right: 5px !important;
}

.swiper-pagination1 {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-wrapper1 {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.card-wrapper1 .swiper-slide-button {
  color: #5372F0;
  margin-top: -35px;
}
.swiper-button-prev1, .swiper-rtl .swiper-button-next1 {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next1, .swiper-button-prev1 {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44* 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next1:after, .swiper-button-prev1:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev1:after, .swiper-rtl .swiper-button-next1:after {
  content: 'prev';
}

.swiper-button-next1:after, .swiper-rtl .swiper-button-prev1:after {
  content: 'next';
}



/* Responsive media query code for small screens */
@media (max-width: 768px) {
  .card-wrapper {
    margin: 0 10px 25px;
  }

  .card-wrapper1 {
    margin: 0 10px 25px;
  }

  .card-wrapper .swiper-slide-button {
    display: none;
  }
  .card-wrapper1 .swiper-slide-button {
    display: none;
  }

}