/* Start Modify by bonz 04/08/2564 */
.icon-chevrons-left::before {
  color: #c00000;
}
.modal-dialog {
  max-width: 860px;
}
.modal-body {
  padding: 2rem;
}

.download-policy .item + .item {
  margin-top: 15px;
}
/* End Modify by bonz 04/08/2564 */

.partner .cover img {
  filter: grayscale(0);
}
.social-list-i {
  position: fixed;
  top: 50%;
  left: 30px;
  z-index: 100;
}

.social-list-i.inner {
  position: fixed;
  top: 270px;
  left: 30px;
  z-index: 100;
}
.width-img {
  max-width: 22px;
}

.select-control.error {
  border: 1px solid red;
}

/* edt after golive */
.sc-intro .default-item-list .content .editor-content {
  height: 9em;
  overflow: hidden;
}

.default-item-list .thumb .ratio {
  padding-bottom: 77%;
}

.group-txt {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.list-attendees {
  background-color: #d6eeff;
  border-radius: 16px;
}

.sc-inner .course-item {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.btn-delete-wrap {
  cursor: pointer;
  color: #dc3545;
  font-size: 1.25rem;
  transition: color 0.3s ease-in-out;
}
.btn-delete-wrap:hover {
  color: #c72d3c;
}

.layout-footer .info-social .item-list a {
  width: 40px !important;
  height: 40px !important;
}

@media (max-width: 575px) {
  .sc-intro .default-item-list .content .editor-content {
    height: auto;
    overflow: hidden;
  }
  .sub-group {
    margin-bottom: 16px;
  }
}

/* edt after golive */

/* Gallery Section 4 Swiper Styles mock home เฉยๆ ลบได้ */
/* .gallery-swiper {
    position: relative;
    z-index: 1;
}

.gallery-swiper .cover {
    height: 300px;
    overflow: hidden;
    border-radius: 8px;
}

.gallery-swiper .cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.gallery-swiper .swiper-pagination {
    padding-top: 0;
    bottom: 15px;
    position: absolute;
}

.gallery-swiper .swiper-pagination .swiper-pagination-bullet {
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 1;
}

.gallery-swiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fff;
}

.gallery-swiper .gallery-item {
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.gallery-swiper .item-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
}

.gallery-swiper .video-wrapper,
.gallery-swiper .video-content {
    border-radius: 8px;
    overflow: hidden;
}

.gallery-swiper .video-wrapper iframe,
.gallery-swiper .video-content video {
    border-radius: 8px;
} */

.news-highlight-default .ratio::before {
  padding-top: 56.3%;
}
.news-default .link .head .ratio::before {
  padding-top: 77%;
}

.news-highlight-default .content::before {
  background: linear-gradient(
    to bottom,
    rgba(22, 35, 43, 0) 50%,
    #16232b 100%
  ) !important;
}

/* sun 05/05/2568 */
.hero-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary) ;
  opacity: 1;
}
.hero-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-light);
  border-color: var(--color-light) ;
}

.sc-testimonial .testimonials-swiper .swiper-pagination-bullet, .sc-news-highlight.new-design .swiper-pagination .swiper-pagination-bullet, .sc-news-slide .swiper-pagination .swiper-pagination-bullet,
.swiper-pagination .swiper-pagination-bullet {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
}