.new-customer::before {
  display: none;
}
.guest {
  gap: 56px;
}

.guest-info {
  gap: 19px;
}
.guest-info .box-3d {
  width: 135px;
}

.guest-info-title {
  gap: 8px;
}
.guest-content {
  align-items: center;
  position: relative;
  margin-top: 56px;
  margin-bottom: 110px;
}
.guest-content .owl-item {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.guest-content .owl-item .guest-item {
  width: 100%;
  max-width: 292px;
}

.safe-area {
  width: 100%;
  max-width: 1440px;
  padding: 0px 132px;
  margin: 0 auto;
}

/* .guest-content::before {
  content: "";
  position: absolute;
  left: -130px;
  bottom: -36px;
  background: linear-gradient(
    275deg,
    rgba(1, 38, 57, 0.1) 2.35%,
    rgba(1, 33, 51, 0.1) 14.85%,
    rgba(1, 10, 25, 0) 35.56%,
    rgba(1, 10, 25, 0) 52.18%,
    rgba(1, 10, 25, 0) 68.79%,
    rgba(1, 10, 25, 0.5) 88.72%,
    #010a19 102%
  );
  height: 419px;
  width: 100%;
  z-index: 1;
  pointer-events: none;
} */
/* .guest-content .owl-item .guest-item,
.guest-content .owl-item {
  width: 329px !important;
} */
.guest-item {
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
}
.guest-item-info {
  gap: 22px;
}
.guest-item-img {
  width: 50px;
  height: 50px;
  aspect-ratio: 1/1;
  border-radius: 50px;
}
.guest-item-name {
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
}
.guest-item-name h3 {
  color: #00c6ef;
  font-size: 20px;
  font-weight: 500;
  margin:0;
}
.guest-item-name p {
  color: #c9dee3;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
}
.guest-item-comment {
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  border-radius: 24px 0;
  position: relative;
}
.guest-item-comment-content {
  padding: 24px 36px;
  justify-content: center;
  gap: 36px;
  border-radius: 24px 0;
  border-top: 1px solid #00c6ef;
  border-bottom: 0.5px solid #00c6ef;
  border-left: 1px solid #00c6ef;
  background: #072c3b;
  backdrop-filter: blur(55.95000076293945px);
  min-height: 257px;
}
.guest-item-comment-content p {
  color: var(--bs-white);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}
.guest-item-comment-icon {
  position: absolute;
  top: -24px;
  right: -20px;
}
/* @media (min-width: 1441px){
  .new-customer::before {
  content: "";
  position: absolute;
  left: -130px;
  bottom: 1645px;
  width: 100%;
  height: 419px;
 background: linear-gradient(
    275deg,
    rgba(1, 38, 57, 0.1) 2.35%,
    rgba(1, 33, 51, 0.1) 14.85%,
    rgba(1, 10, 25, 0) 35.56%,
    rgba(1, 10, 25, 0) 52.18%,
    rgba(1, 10, 25, 0) 68.79%,
    rgba(1, 10, 25, 0.5) 88.72%,
    #010a19 102%
  );
  z-index: 1;
  pointer-events: none;
}
.guest-content::before{
  display: none;
}
} */
.guest-item-comment-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 768px) {
  .guest-info .box-3d {
    width: 120px;
    border: none;
  }

  .safe-area {
    width: 100%;
    max-width: 100%;
    padding: 0px 16px;
  }
  .guest-content {
    margin-top: 32px;
    margin-bottom: 80px;
  }
  .guest-content .owl-stage {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .guest-info .corner {
    display: none;
  }
  .guest-item-info {
    display: flex;
    align-items: center;
    gap: 16.641px;
  }
  .guest-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 18.154px;
  }

  .guest-content .owl-item .guest-item {
    width: 100%;
    max-width: none;
    margin: 0;
  }

  .guest-item-comment-content {
    width: 100%;
    height: auto; /* bỏ height cứng để text không bị cắt */
    /* min-height: 250px; */
  }

  .guest-info-title h2 {
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    line-height: 42px;
  }
  .guest-info-title .base-desc {
    padding: 0 50px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-weight: 300;
  }

  .guest-item-img {
    width: 37.821px;
    height: 37.821px;
    aspect-ratio: 1/1;
    border-radius: 37.821px;
  }
  .guest-item-comment {
    gap: 0;
  }

  .guest-item-comment-content {
    display: flex;
    width: 100%;
    height: 194.4px;
    padding: 18.154px 18px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 27.231px;
    border-radius: 18.154px 0;
    border-top: 0.756px solid #00c6ef;
    border-bottom: 0.378px solid #00c6ef;
    border-left: 0.756px solid #00c6ef;
    background: #072c3b;
    backdrop-filter: blur(42.32183074951172px);
  }
  .guest-item-comment-content p {
    color: #fff;
    text-align: justify;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
  }
  .guest-item-name h3 {
    color: #05b6da;
    font-size: 13.616px;
    font-weight: 500;
  }
  .guest-item-comment-icon {
    position: absolute;
    right: -12.103px;
    top: -11.347px;
    display: flex;
    width: 39.334px;
    height: 35.552px;
    padding: 4.539px;
    flex-direction: column;
    align-items: flex-start;
    gap: 7.564px;
  }
  .guest-item-name p {
    color: #c9dee3;
    text-align: center;
    font-size: 10.59px;
    font-weight: 300;
  }
}