@charset "UTF-8";
:root {
  --navy-color: #435BA2;
  --navy-second-color:#435B87;
}

.site-content article.page :is(h1, h2, h3, h4, h5, h6, p, li) {
  font-family: Kanit, sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0.2px;
}

.introductory, .reward, .medical-team,
.introductory .text-introductory,
.reward .reward-img-box {
  margin-top: 0 !important;
}

.site-content article.page hr {
  margin: 16px auto;
  max-width: 100px;
  height: 3px;
  background-color: rgb(91, 146, 255);
}

.introductory .head-text-introductory, .reward h3, .medical-team h3 {
  color: var(--navy-color);
}

.introductory .text-introductory, .reward p.text-reward {
  font-family: Sarabun, sans-serif !important;
  color: var(--navy-second-color);
}

.introductory h3.head-text-introductory, .reward h3 {
  font-size: 40px;
}

.introductory .text-introductory, .reward p.text-reward {
  font-size: 17.6px;
}

/***************introductory***************/
.introductory > .kt-inside-inner-col > .kb-row-layout-wrap {
  padding: 30px 15px;
}

.introductory p.head-text-introductory {
  font-size: 19.2px;
  margin-top: 0;
  margin-bottom: 25px;
}

.introductory .text-introductory {
  padding-bottom: 40px;
  padding-top: 10px;
}

.introductory .general-doctors-img {
  padding: 0 15px 30px;
}

/***************reward***************/
.reward > .kt-inside-inner-col > .kb-row-layout-wrap {
  padding: 50px 0;
}

.site-content article.page .reward hr {
  margin-bottom: 46px;
}

.reward .section-right-reward {
  padding: 0 30px;
}

.reward .reward-img-box > .kt-row-column-wrap {
  padding-bottom: 10px;
}

.reward .reward-img-box > .kt-row-column-wrap {
  gap: 12px;
  justify-content: flex-start;
}

.reward .reward-img-box figure {
  width: 140px;
  height: 41px;
}

.reward .reward-img-box figure img {
  height: 100%;
  width: auto;
  max-width: unset;
}

/***************medical team***************/
.medical-team > .kt-inside-inner-col {
  padding: 50px 15px;
}

.medical-team h3 {
  font-size: 30px;
}

/*slide*/
.cb-carousel-block.reward-slide {
  width: 600px;
  margin: 0 auto;
}

/* ====== Medical Team Grid (single group) ====== */
.grid-medical-team .wp-block-group.is-layout-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 280px 280px 280px;
  gap: 20px;
}

/* รูปครอปเต็มช่อง */
.grid-medical-team .wp-block-group.is-layout-grid figure.wp-block-image {
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.28));
}

.grid-medical-team .wp-block-group.is-layout-grid figure.wp-block-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform-origin: center;
  display: block;
  filter: unset;
  max-width: unset;
}

.grid-medical-team .wp-block-group.is-layout-grid figure:nth-of-type(1) {
  grid-column: 1/span 5;
  grid-row: 1;
}

.grid-medical-team .wp-block-group.is-layout-grid figure:nth-of-type(2) {
  grid-column: 6/span 4;
  grid-row: 1;
}

.grid-medical-team .wp-block-group.is-layout-grid figure:nth-of-type(3) {
  grid-column: 10/span 3;
  grid-row: 1;
}

.grid-medical-team .wp-block-group.is-layout-grid figure:nth-of-type(4) {
  grid-column: 1/span 4;
  grid-row: 2;
}

.grid-medical-team .wp-block-group.is-layout-grid figure:nth-of-type(5) {
  grid-column: 5/span 2;
  grid-row: 2;
}

.grid-medical-team .wp-block-group.is-layout-grid figure:nth-of-type(6) {
  grid-column: 7/span 4;
  grid-row: 2;
}

.grid-medical-team .wp-block-group.is-layout-grid figure:nth-of-type(7) {
  grid-column: 11/span 2;
  grid-row: 2;
}

.grid-medical-team .wp-block-group.is-layout-grid figure:nth-of-type(8) {
  grid-column: 1/span 3;
  grid-row: 3;
}

.grid-medical-team .wp-block-group.is-layout-grid figure:nth-of-type(9) {
  grid-column: 4/span 3;
  grid-row: 3;
}

.grid-medical-team .wp-block-group.is-layout-grid figure:nth-of-type(10) {
  grid-column: 7/span 3;
  grid-row: 3;
}

.grid-medical-team .wp-block-group.is-layout-grid figure:nth-of-type(11) {
  grid-column: 10/span 3;
  grid-row: 3;
}

/* ====== Responsive ====== */
@media (max-width: 1919px) {
  .site-content article.page :is(h1, h2, h3, h4, h5, h6, p, li) {
    letter-spacing: 0.0104166667vw;
  }
  .site-content article.page hr {
    margin: 0.8333333333vw auto;
    max-width: 5.2083333333vw;
    height: 0.15625vw;
  }
  .introductory h3.head-text-introductory, .reward h3 {
    font-size: 2.0833333333vw;
  }
  .introductory .text-introductory, .reward p.text-reward {
    font-size: 0.9166666667vw;
  }
  /***************introductory***************/
  .introductory > .kt-inside-inner-col > .kb-row-layout-wrap {
    padding: 1.5625vw 0.78125vw;
  }
  .introductory p.head-text-introductory {
    font-size: 1vw;
    margin-bottom: 1.3020833333vw;
  }
  .introductory .text-introductory {
    padding-bottom: 2.0833333333vw;
    padding-top: 0.5208333333vw;
  }
  .introductory .general-doctors-img {
    padding: 0 0.78125vw 1.5625vw;
  }
  /***************reward***************/
  .reward > .kt-inside-inner-col > .kb-row-layout-wrap {
    padding: 2.6041666667vw 0;
  }
  .site-content article.page .reward hr {
    margin-bottom: 2.3958333333vw;
  }
  .reward .section-right-reward {
    padding: 0 1.5625vw;
  }
  .reward .reward-img-box > .kt-row-column-wrap {
    padding-bottom: 0.5208333333vw;
  }
  .reward .reward-img-box > .kt-row-column-wrap {
    gap: 0.625vw;
  }
  .reward .reward-img-box figure {
    width: 7.2916666667vw;
    height: 2.1354166667vw;
  }
  /***************medical team***************/
  .medical-team > .kt-inside-inner-col {
    padding: 2.6041666667vw 1.3020833333vw;
  }
  .medical-team h3 {
    font-size: 1.5625vw;
  }
  /*slide*/
  .cb-carousel-block.reward-slide {
    width: 28.6458333333vw;
  }
  /* ====== Medical Team Grid (single group) ====== */
  .grid-medical-team .wp-block-group.is-layout-grid {
    grid-template-rows: 20.8333333333vw 20.8333333333vw 20.8333333333vw 20.8333333333vw;
    gap: 1.0416666667vw;
  }
  /* รูปครอปเต็มช่อง */
  .grid-medical-team .wp-block-group.is-layout-grid figure.wp-block-image {
    filter: drop-shadow(0 0.15625vw 0.15625vw rgba(0, 0, 0, 0.28));
  }
}
@media (max-width: 1440px) {
  .grid-medical-team .wp-block-group.is-layout-grid {
    grid-template-rows: 27.7777777778vw 20.8333333333vw 20.8333333333vw 20.8333333333vw;
    gap: 1.3888888889vw;
  }
  .grid-medical-team .wp-block-group.is-layout-grid figure:nth-of-type(1) {
    grid-column: 1/span 6;
    grid-row: 1;
  }
  .grid-medical-team .wp-block-group.is-layout-grid figure:nth-of-type(2) {
    grid-column: 7/span 6;
    grid-row: 1;
  }
  .grid-medical-team .wp-block-group.is-layout-grid figure:nth-of-type(3) {
    grid-column: 1/span 4;
    grid-row: 2;
  }
  .grid-medical-team .wp-block-group.is-layout-grid figure:nth-of-type(4) {
    grid-column: 5/span 4;
    grid-row: 2;
  }
  .grid-medical-team .wp-block-group.is-layout-grid figure:nth-of-type(5) {
    grid-column: 9/span 4;
    grid-row: 2;
  }
  .grid-medical-team .wp-block-group.is-layout-grid figure:nth-of-type(6) {
    grid-column: 1/span 4;
    grid-row: 3;
  }
  .grid-medical-team .wp-block-group.is-layout-grid figure:nth-of-type(7) {
    grid-column: 5/span 4;
    grid-row: 3;
  }
  .grid-medical-team .wp-block-group.is-layout-grid figure:nth-of-type(8) {
    grid-column: 9/span 4;
    grid-row: 3;
  }
  .grid-medical-team .wp-block-group.is-layout-grid figure:nth-of-type(9) {
    grid-column: 1/span 4;
    grid-row: 4;
  }
  .grid-medical-team .wp-block-group.is-layout-grid figure:nth-of-type(10) {
    grid-column: 5/span 4;
    grid-row: 4;
  }
  .grid-medical-team .wp-block-group.is-layout-grid figure:nth-of-type(11) {
    grid-column: 9/span 4;
    grid-row: 4;
  }
  .grid-medical-team .wp-block-group.is-layout-grid figure.wp-block-image img {
    object-position: top center;
  }
}
/* Mobile: 2 columns */
@media (max-width: 767px) {
  .site-content article.page :is(h1, h2, h3, h4, h5, h6, p, li) {
    letter-spacing: 0.0260756193vw;
  }
  .site-content article.page hr {
    margin: 2.0860495437vw auto;
    max-width: 13.037809648vw;
    height: 0.3911342894vw;
  }
  .introductory h3.head-text-introductory, .reward h3 {
    font-size: 4.9543676662vw;
  }
  .introductory .text-introductory, .reward p.text-reward {
    font-size: 2.294654498vw;
  }
  /***************introductory***************/
  .introductory > .kt-inside-inner-col > .kb-row-layout-wrap {
    padding: 3.9113428944vw 1.9556714472vw;
  }
  .introductory h3.head-text-introductory {
    margin-bottom: 1.9556714472vw;
  }
  .introductory p.head-text-introductory {
    font-size: 2.5032594524vw;
    margin-bottom: 3.259452412vw;
  }
  .introductory .text-introductory {
    padding-bottom: 5.2151238592vw;
    padding-top: 1.3037809648vw;
  }
  .introductory .general-doctors-img {
    padding: 0 1.9556714472vw 3.9113428944vw;
  }
  /***************reward***************/
  .reward > .kt-inside-inner-col > .kb-row-layout-wrap {
    padding: 6.518904824vw 0;
  }
  .site-content article.page .reward hr {
    margin-bottom: 5.9973924381vw;
  }
  .reward .section-right-reward {
    padding: 3.9113428944vw 3.9113428944vw 0;
  }
  .reward .reward-img-box > .kt-row-column-wrap {
    padding-bottom: 1.3037809648vw;
  }
  .reward .reward-img-box > .kt-row-column-wrap {
    gap: 1.5645371578vw;
  }
  .reward p.text-reward {
    text-align: center;
  }
  .reward .reward-img-box figure {
    width: 18.2529335072vw;
    height: 5.3455019557vw;
  }
  /***************medical team***************/
  .medical-team > .kt-inside-inner-col {
    padding: 6.518904824vw 1.9556714472vw;
  }
  .medical-team h3 {
    font-size: 3.3898305085vw;
  }
  /*slide*/
  .cb-carousel-block.reward-slide {
    width: 78.2268578879vw;
  }
  /* ====== Medical Team Grid (single group) ====== */
  .grid-medical-team .wp-block-group.is-layout-grid {
    gap: 2.6075619296vw;
  }
}
@media (max-width: 549px) {
  /* ====== Medical Team Grid (single group) ====== */
  .grid-medical-team .wp-block-group.is-layout-grid {
    gap: 20px;
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  /* รูปครอปเต็มช่อง */
  .grid-medical-team .wp-block-group.is-layout-grid figure.wp-block-image {
    filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.28));
    grid-column: auto !important;
    grid-row: auto !important;
  }
  .grid-medical-team .wp-block-group.is-layout-grid figure.wp-block-image img {
    height: auto !important;
  }
}

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