.container .title-top.title-3trieu {
  font-weight: 700;
  padding: 40px 0 20px 0;
}

.color-white {
  color: #ffffff !important;
}

.padding-40 {
  padding: 40px 0;
}

.padding-60 {
  padding: 60px 0;
}

.max-width-3trieu {
  max-width: 100%;
}

.max-width-3trieu-mobile {
  max-width: 90%;
}

.max-width-3trieu-mobile-80 {
  max-width: 80%;
}

.max-width-3trieu-mobile-70 {
  max-width: 70%;
}

.max-width-3trieu-mobile-50 {
  max-width: 50%;
}

.back-ground-none {
  background: none;
}

.width-100 {
  width: 100% !important;
}

.slick-prev,
.slick-next {
  background: none;
}

.step-join {
  color: #ffb13b !important;
  padding-top: 20px !important;
  font-size: 18px !important;
}

.container.area-rules {
  border: 0.5px solid #ffffff;
  border-radius: 32px;
  padding: 40px;
  background: #00000026;
}

.container .title-top.title-area-rules {
  font-weight: 500;
  padding: 20px 0;
}

.accordion-item,
.accordion-header,
.accordion-button,
.accordion-body,
.box5-ld,
.slider.faqslide-ld {
  background: none !important; /* Loại bỏ background */
  background-color: transparent !important; /* Đảm bảo không có màu nền */
}

.faq-ld .list-faq-ld h2.accordion-header button.accordion-button {
  color: #ffffff;
}

.faq-ld .list-faq-ld .accordion-body p {
  color: #ffffff;
}

.faq-ld.padding-0 {
  padding: 0;
}

@media only screen and (max-width: 480px) {
  .container .title-top {
    font-size: 30px !important;
    line-height: 40px !important;
    padding: 10px 0;
  }

  .tab button {
    width: 100%;
    margin: 5px 0px;
  }
}

.image-web#image_web {
  padding-bottom: 40px;
}

.image-mobile#image_mobile {
  display: none;
}

.position-relative {
  position: relative;
  justify-content: center;
  align-items: center;
}

.image-gach-chan {
  position: relative;
  z-index: 1; /* Đặt z-index thấp hơn để nằm dưới */
}

.image-btn-motk {
  position: absolute;
  z-index: 2; /* Đặt z-index cao hơn */
  top: 50%; /* Căn chỉnh theo chiều dọc */
  left: 50%; /* Căn chỉnh theo chiều ngang */
  transform: translate(-50%, -50%); /* Đưa tâm ảnh vào giữa */
  transition: transform 0.3s ease; /* Thêm hiệu ứng chuyển đổi mượt */
}

.image-btn-motk:hover {
  transform: translate(-50%, -50%) scale(1.1); /* Phóng to 1.1 lần khi hover */
}

@media only screen and (max-width: 768px) {
  .image-web#image_web {
    display: none;
  }

  .image-mobile#image_mobile {
    display: flex;
    justify-content: center;
    padding-bottom: 40px;
  }

  .image-btn {
    display: flex;
    justify-content: center;
  }

  .image-btn img.max-width-3trieu {
    max-width: max-content;
  }

  .box1-ld .content1-ld {
    padding: 0;
  }

  .content1-ld .l-item-box1 .item-box1 {
    border: none;
  }
}

@media only screen and (width: 768px) {
  .image-btn-motk {
    max-width: 50%;
  }
}

@media only screen and (width: 375px) {
  .max-height-170 {
    max-height: 170px;
  }

  .max-height-200 {
    max-height: 200px;
  }

  .max-height-300 {
    max-height: 300px;
  }

  .max-height-500 {
    max-height: 500px;
  }
}

/* đổi màu icon accordion-button ^ - sửa đè bootstrap */
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}