.patientsReview-main-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 1.94rem;
  margin-top: 1.39rem;
}

.patientsReview-main-section > h2 {
  margin-bottom: 0.5rem;
}

.patientsReview-main-section > p {
  color: #979797;
  font-size: 0.63rem;
  font-weight: 400;
  width: 14.13rem;
  line-height: 0.8rem;
  margin-bottom: 1.6rem;
}

.swiper {
  width: 95% !important;
  z-index: 0 !important;
}

.swiper-slide {
  width: 14.61rem !important ;
  height: 10.64rem !important;
  border-radius: 0.64rem;
  border: solid 0.031rem #d5d5d5;
  overflow: hidden;
}

.swiper-slide > img {
  height: 8.56rem !important;
  width: 14.61rem !important;
  /* border-radius: 0.64rem; */
}

.swiper-slide > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0rem;
  padding: 0px 0.2rem;
}

.swiper-slide > div > span {
  font-size: 0.48rem;
  line-height: 0.35rem;
  font-weight: 700;
  color: #000;
  /* height: 0.59090rem; */
}

.swiper-slide > div > button > img {
  width: 0.64rem;
  height: 0.64rem;
  margin-right: 0.25rem;
  border-radius: 0.64rem;
}

.swiper-main-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 96%;
}

.swiper-slide > div > button {
  width: 3.81rem;
  height: 0.96rem;
  border-radius: 0.1rem;
  display: flex;
  justify-content: center;
  font-size: 0.32rem;
  color: #fff;
  font-weight: 700;
  align-items: center;
  background-color: var(--brandClr);
  border: none;
  cursor: pointer;
  outline: none;
}

.swiper-button-next-custom {
  background-color: red;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  margin-right: 0.39rem;
}
.swiper-button-prev-custom {
  background-color: red;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  margin-left: 0.39rem;
}

.swiper-button-next-custom,
.swiper-button-prev-custom {
  border-radius: 50%;
  cursor: pointer;
  font-size: 0.8rem;
  padding: 0.35rem 0.3rem;
  text-align: center;
  color: #802a8f;
  background-color: #fff;
  box-shadow: 0.375rem 0.375rem 0.875rem rgba(128, 42, 143, 0.33);

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  height: 1.51rem;
  width: 1.51rem;
}

.swiper-button-next-custom > img,
.swiper-button-prev-custom img {
  height: 0.396rem;
  width: 0.42rem;
}

.swiper-button-lock {
  display: flex !important;
}

.swal2-close {
  border: none !important;
  outline: none !important;
  cursor: pointer;
  position: relative;
  border-radius: 50%;
  right: -0.6rem;
  top: -0.3rem;
  height: 1.2rem;
  background-color: var(--brandClr);
  width: 1.2rem;
  font-size: 1.3rem;
  color: white;
}

iframe {
  border-radius: 0;
  width: 15.1rem;
  height: 8.5rem !important;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.iframe__button {
  font-size: 0.5rem;
  width: 5.85rem;
  height: 1.16rem;
  background-color: var(--brandClr);
  display: block;
  border-radius: 0.12rem;
  border: none;
  outline: none;
  cursor: pointer;
  align-self: center;
  color: white;
  font-weight: 600;
  margin: 0.1rem auto;
}

div:where(.swal2-container) div:where(.swal2-popup) {
  background-color: transparent !important;
}

@media screen and (min-width: 768px) {
  .patientsReview-main-section {
    margin-top: 2.3rem;
  }
  .patientsReview-main-section > p {
    width: 26.32rem;
  }
  .swiper {
    width: 26.9rem !important;
    z-index: 0 !important;
  }
  .swiper-slide {
    width: 8.3rem !important;
    height: 6.04rem !important;
    border-radius: 0.36rem;
  }
  .swiper-slide > img {
    height: 4.8rem !important;
    width: 8.3rem !important;
  }

  .swiper-slide > div > span {
    font-size: 0.26rem;
    text-align: start;
  }
  .swiper-slide > div > button {
    width: 2.16rem;
    height: 0.54rem;
    font-size: 0.18rem;
  }
  .swiper-slide > div > button > img {
    width: 0.36rem;
    height: 0.36rem;
    margin-right: 0.14rem;
  }
  .swiper-button-next-custom {
    background-color: red;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin-right: 0.26rem;
  }
  .swiper-button-prev-custom {
    background-color: red;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin-left: 0rem;
  }

  .swiper-button-next-custom,
  .swiper-button-prev-custom {
    border-radius: 50%;
    cursor: pointer;
    font-size: 0.8rem;
    padding: 0.35rem 0.3rem;
    text-align: center;
    color: #802a8f;
    background-color: #fff;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    height: 1.51rem;
    width: 1.51rem;
  }

  .swiper-button-next-custom > img,
  .swiper-button-prev-custom img {
    height: 0.396rem;
    width: 0.42rem;
  }

  .swiper-main-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
  }

  iframe {
    width: 19.5rem !important;
    height: 11rem !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
  .swiper-wrapper {
    justify-content: center;
  }
  .swiper-button-lock {
    display: none !important;
  }
}