.popular_card .embla {
  position: relative;
  width: 100%;
}
.popular_card .embla__viewport {
  overflow: hidden;
  width: 100%;
}
.popular_card .embla__container {
  display: flex;
  padding: 0 0px;
  justify-content: flex-start !important;
}
@media (min-width: 1439px) {
  .popular_card .embla {
    position: relative;
    width: 100%;
  }
}
.popular_card .embla_btn {
  position: absolute;
  top: -50px;
  width: 90px;
  height: 60px;
  right: 0;
}
.popular_card .embla__prev,
.popular_card .embla__next {
  position: absolute;
  padding: 10px;
  cursor: pointer;
  z-index: 1;
}
.popular_card .embla__next {
  right: 10px;
}
@media (max-width: 767.98px) {
  .popular_card .embla_btn {
    position: absolute;
    top: -40px;
    width: auto;
    height: auto;
    right: 0;
  }
}
@media (max-width: 640px) {
  .popular_card .embla {
    width: 100%;
  }
  .popular_card .embla__container {
    transform: translate3d(22.5px, 0px, 0px);
  }
}
.dnabanner_bgcolor {
  background-image: url("/images/home/dna-banner-bg-new.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.dnabanner_img {
  color: aliceblue;
  background-image: url("/images/home/onetestbanner.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.dna_button {
  background: linear-gradient(90deg, #e1bc5b 0%, #df7b63 52%, #b33d77 100%);
  border-radius: 33px;
}
.cardimghomeHealth {
  color: aliceblue;
  background-image: url("/images/home/homeHealth/banner.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.cardimg {
  color: aliceblue;
  background-image: url("/images/home/pgx/PGX.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.cardborder {
  border: 4px solid #fff;
}
.button-1 {
  background: linear-gradient(90deg, #d0ebdb 0%, #7fe39a 100%);
  border-radius: 25px;
}
.button-2 {
  background-color: #0d382b;
  color: #fff;
  border-radius: 25px;
}
.cardborder:nth-child(1) .card-inner,
.cardborder:nth-child(6) .card-inner {
  background-color: #f9f6fe;
}
.cardborder:nth-child(2) .card-inner,
.cardborder:nth-child(7) .card-inner {
  background-color: #fefcea;
}
.cardborder:nth-child(3) .card-inner,
.cardborder:nth-child(8) .card-inner {
  background-color: #f7fcec;
}
.cardborder:nth-child(4) .card-inner,
.cardborder:nth-child(9) .card-inner {
  background-color: #f9f0f0;
}
.cardborder:nth-child(5) .card-inner,
.cardborder:nth-child(10) .card-inner {
  background-color: #fefcea;
}
.popular_card_single {
  border-radius: 18.887px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  transition: all ease-in-out 0.3s;
  margin-bottom: 16px;
}
.popular_card_single:hover {
  background: #fff;
  box-shadow: 0px -2px 22px 0px rgba(0, 0, 0, 0.15);
}
.healthCards_Sec .healthCards {
  transition: all ease-in-out 0.3s;
  margin-bottom: 16px;
}
.healthCards_Sec .healthCards:hover {
  background: #fff;
  box-shadow: 0px -2px 22px 0px rgba(0, 0, 0, 0.15);
}

.pgxHomeSection {
  margin-bottom: 16px;
  border-radius: 16px;
  transition: all ease-in-out 0.3s;
}
.pgxHomeSection:hover {
  box-shadow: 0px -2px 22px 0px rgba(0, 0, 0, 0.15);
}
.c-a_Card .cursor-pointer {
  transition: all ease-in-out 0.3s;
}
.c-a_Card .cursor-pointer:hover {
  box-shadow: 0px -2px 22px 0px rgba(0, 0, 0, 0.15);
}