.background-right {
  border-radius: 4px;
}

.background-left {
  border-radius: 4px;
  background: rgba(218, 242, 255, 0.9);
}

.avatar {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}

.avatar h6 {
  color: #000;

  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
}

.avatar img {
  width: 220px;
  border-radius: 155px;
  border: 9px solid #fff;
}

.detail-info {
  display: flex;
  gap: 8px;
  width: 100%;
  padding: 8px;
  background: #fff;
  border-radius: 4px;
}

.custom-info,
.custom-accordion {
  padding: 8px;
  margin-bottom: 16px;
}

.detail-info .info-left {
  width: 50%;
}

.detail-info .info-left p {
  margin-bottom: 0px;
  color: #8e8e8e;
  line-height: 25px;
}

.detail-info .info-right p {
  color: #000;
  margin-bottom: 0px;
}

.accordion-item {
  margin-top: 16px;
  margin-bottom: 16px;
}

.accordion-item .accordion-header p {
  color: black;
  font-weight: 700;
  line-height: 25px;
  margin-bottom: 0px;
}

.accordion-button {
  --bs-accordion-active-bg: #fff;
  --bs-accordion-btn-focus-box-shadow: var(--bs-accordion-active-bg);
}

.des {
  display: flex;
  gap: 8px;
  width: 100%;
}

.des-video {
  position: relative;
  display: flex;
  gap: 8px;
  width: 100%;
}

.des-video .des-left {
  width: 30%;
}

.des-video img:first-child {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.pagination {
  margin-right: 8px;
  margin-bottom: 8px;
}

.page-item {
  padding: 4px;
}

.page-item img {
  vertical-align: sub;
}

.page-link {
  border-radius: 4px;
  background: #fff;
  --bs-pagination-color: Dark Grey / 400;
}

.active > .page-link {
  --bs-pagination-active-bg: #33b5ffe5;
  --bs-pagination-active-border-color: #33b5ffe5;
}

@media screen and (max-width: 600px) {
  .detail {
    flex-direction: column;
  }

  .detail .detail-right, .detail {
    width: 100%;
  }

  .actor-artwork .image-actor-artwork {
    width: 48%;
  }

  .actor-artwork .image-actor-artwork img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

.img-header {
  background-image: url("/assets/img/painter-detail-cover.jpg");
}

.background-right {
  padding: 0 22px;
}