@charset "UTF-8";
:root {
  --navy-color: #435BA2;
  --blue-color: #6cb6ff;
  --dark-gray-color: #424242;
}

.section-slide-banner {
  left: 0 !important;
  transform: translateX(0) !important;
}

.head-promotion-section :is(h2, h3, h4, h5, p, li, a) {
  font-family: Kanit, sans-serif;
}

.head-promotion-section :is(h2, h3, h4, h5, p, li, a),
.promotion-img .promotion-img-text {
  font-style: normal;
  font-weight: 400;
}

.head-promotion-section {
  padding: 30px 0;
  margin: 0 !important;
}

.head-promotion-section > .kt-row-column-wrap {
  padding: 0 15px;
}

.head-promotion-section .head-frame,
.head-promotion-section .head-frame > .kt-inside-inner-col {
  border-top: 3px solid var(--blue-color);
  border-bottom: 3px solid var(--blue-color);
  padding: 5px 0;
}

.head-promotion-section .head-frame p {
  font-size: 38.4px;
  margin: 0 auto;
  color: var(--navy-color);
}

.head-promotion-section .head-frame p.update-text {
  color: #0647bf;
  font-size: 28.8px;
  font-weight: 300;
}

/*promotion-img*/
.promotion-img {
  margin-top: 0 !important;
  padding-bottom: 30px;
}

.promotion-img .promotion-img-text {
  font-family: Sarabun, sans-serif !important;
  font-size: 15.2px;
  margin: 16px 0 18px;
}

/**************slide**************/
.section-slide-banner .slide-banner-list {
  position: relative;
}

/*PREV / NEXT BUTTONS*/
.section-slide-banner .flickity-prev-next-button {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  z-index: 6;
  background: transparent;
  box-shadow: 0 0 0 2px rgba(66, 165, 245, 0.5), 0 0 14px rgba(66, 165, 245, 0.35);
}

.section-slide-banner .flickity-prev-next-button .flickity-button-icon {
  left: 50%;
  top: 50%;
  width: 17px;
  height: 17px;
  transform: translate(-50%, -50%);
}

/* สีลูกศร */
.section-slide-banner .flickity-prev-next-button .arrow {
  fill: rgba(33, 150, 243, 0.95);
}

/* ตำแหน่งซ้าย/ขวา */
.section-slide-banner .flickity-prev-next-button.previous {
  left: 38px;
}

.section-slide-banner .flickity-prev-next-button.next {
  right: 38px;
}

/* hover */
.section-slide-banner .flickity-prev-next-button:hover {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 0 0 3px rgba(66, 165, 245, 0.95), 0 0 18px rgba(66, 165, 245, 0.55);
}

/* ====== Responsive ====== */
@media (max-width: 1919px) {
  .head-promotion-section {
    padding: 1.5625vw 0;
  }
  .head-promotion-section > .kt-row-column-wrap {
    padding: 0 0.78125vw;
  }
  .head-promotion-section .head-frame,
  .head-promotion-section .head-frame > .kt-inside-inner-col {
    border-top: 0.15625vw solid var(--blue-color);
    border-bottom: 0.15625vw solid var(--blue-color);
    padding: 0.2604166667vw 0;
  }
  .head-promotion-section .head-frame p {
    font-size: 2vw;
  }
  .head-promotion-section .head-frame p.update-text {
    font-size: 1.5vw;
  }
  /*promotion-img*/
  .promotion-img {
    padding-bottom: 1.5625vw;
  }
  .promotion-img .promotion-img-text {
    font-size: 0.7916666667vw;
    margin: 0.8333333333vw 0 0.9375vw;
  }
  /**************slide**************/
  .section-slide-banner .flickity-prev-next-button {
    width: 1.875vw;
    height: 1.875vw;
    border-radius: 52.03125vw;
    box-shadow: 0 0 0 0.1041666667vw rgba(66, 165, 245, 0.5), 0 0 0.7291666667vw rgba(66, 165, 245, 0.35);
  }
  .section-slide-banner .flickity-prev-next-button .flickity-button-icon {
    width: 0.8854166667vw;
    height: 0.8854166667vw;
  }
  /* ตำแหน่งซ้าย/ขวา */
  .section-slide-banner .flickity-prev-next-button.previous {
    left: 1.9791666667vw;
  }
  .section-slide-banner .flickity-prev-next-button.next {
    right: 1.9791666667vw;
  }
  /* hover */
  .section-slide-banner .flickity-prev-next-button:hover {
    box-shadow: 0 0 0 0.15625vw rgba(66, 165, 245, 0.95), 0 0 0.9375vw rgba(66, 165, 245, 0.55);
  }
}
@media (max-width: 767px) {
  .head-promotion-section {
    padding: 3.9113428944vw 0;
  }
  .head-promotion-section > .kt-row-column-wrap {
    padding: 0 1.9556714472vw;
  }
  .head-promotion-section .head-frame,
  .head-promotion-section .head-frame > .kt-inside-inner-col {
    border-top: 0.3911342894vw solid var(--blue-color);
    border-bottom: 0.3911342894vw solid var(--blue-color);
    padding: 0.6518904824vw 0;
  }
  .head-promotion-section .head-frame p {
    font-size: 5.0065189048vw;
  }
  .head-promotion-section .head-frame p.update-text {
    font-size: 3.7548891786vw;
  }
  /*promotion-img*/
  .promotion-img {
    padding-bottom: 3.9113428944vw;
  }
  .promotion-img .promotion-img-text {
    font-size: 1.9817470665vw;
    margin: 2.0860495437vw 0 2.3468057366vw;
  }
  /**************slide**************/
  .section-slide-banner .flickity-page-dots {
    bottom: -5.2151238592vw;
  }
  .section-slide-banner .flickity-prev-next-button {
    width: 4.6936114733vw;
    height: 4.6936114733vw;
    border-radius: 130.2477183833vw;
    box-shadow: 0 0 0 0.260756193vw rgba(66, 165, 245, 0.5), 0 0 1.8252933507vw rgba(66, 165, 245, 0.35);
  }
  .section-slide-banner .flickity-prev-next-button .flickity-button-icon {
    width: 2.2164276402vw;
    height: 2.2164276402vw;
  }
  /* ตำแหน่งซ้าย/ขวา */
  .section-slide-banner .flickity-prev-next-button.previous {
    left: 2.2164276402vw;
  }
  .section-slide-banner .flickity-prev-next-button.next {
    right: 2.2164276402vw;
  }
  /* hover */
  .section-slide-banner .flickity-prev-next-button:hover {
    box-shadow: 0 0 0 0.3911342894vw rgba(66, 165, 245, 0.95), 0 0 2.3468057366vw rgba(66, 165, 245, 0.55);
  }
}

/*# sourceMappingURL=promotion.css.map */