.ir-block{
  background-color: #fafafa;
}

.ir-block .rich-text-lexical .rch-bold{
   font-weight: bold;  
}

@font-face {
  font-family: "Conv_SukhumvitTadmai_Bol";
  font-style: normal;
  font-weight: normal;  
  src: url(/pub/fonts/SukhumvitTadmai-Bold.woff) format("woff2");
}

@font-face {
  font-family: "Conv_PSL249pro";
  font-style: normal;
  font-weight: normal;  
  src: url(/pub/fonts/PSL249pro.woff) format("woff2");
}





@font-face {
  font-family: 'sukhumvittadmai_thi';
  src: url('/pub/fonts/sukhumvittadmai_thi-webfont.eot');
  src: url('/pub/fonts/sukhumvittadmai_thi-webfont.eot') format('embedded-opentype'),
       url('/pub/fonts/sukhumvittadmai_thi-webfont.woff2') format('woff2'),
       url('/pub/fonts/sukhumvittadmai_thi-webfont.woff') format('woff'),
       url('/pub/fonts/sukhumvittadmai_thi-webfont.ttf') format('truetype'),
       url('/pub/fonts/sukhumvittadmai_thi-webfont.svg#sukhumvit_tadmaithin') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'sukhumvittadmai_lig';
  src: url('/pub/fonts/sukhumvittadmai_lig-webfont.eot');
  src: url('/pub/fonts/sukhumvittadmai_lig-webfont.eot') format('embedded-opentype'),
       url('/pub/fonts/sukhumvittadmai_lig-webfont.woff2') format('woff2'),
       url('/pub/fonts/sukhumvittadmai_lig-webfont.woff') format('woff'),
       url('/pub/fonts/sukhumvittadmai_lig-webfont.ttf') format('truetype'),
       url('/pub/fonts/sukhumvittadmai_lig-webfont.svg#sukhumvit_tadmailight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'sukhumvittadmai_med';
  src: url('/pub/fonts/sukhumvittadmai_med-webfont.eot');
  src: url('/pub/fonts/sukhumvittadmai_med-webfont.eot') format('embedded-opentype'),
       url('/pub/fonts/sukhumvittadmai_med-webfont.woff2') format('woff2'),
       url('/pub/fonts/sukhumvittadmai_med-webfont.woff') format('woff'),
       url('/pub/fonts/sukhumvittadmai_med-webfont.ttf') format('truetype'),
       url('/pub/fonts/sukhumvittadmai_med-webfont.svg#sukhumvit_tadmaimedium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'sukhumvittadmai_bol';
  src: url('/pub/fonts/sukhumvittadmai_bol-webfont.eot');
  src: url('/pub/fonts/sukhumvittadmai_bol-webfont.eot') format('embedded-opentype'),
       url('/pub/fonts/sukhumvittadmai_bol-webfont.woff2') format('woff2'),
       url('/pub/fonts/sukhumvittadmai_bol-webfont.woff') format('woff'),
       url('/pub/fonts/sukhumvittadmai_bol-webfont.ttf') format('truetype'),
       url('/pub/fonts/sukhumvittadmai_bol-webfont.svg#sukhumvit_tadmaibold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'gothamrounded-light';
  src: url('/pub/fonts/GothamRounded-Light.eot');
  src: url('/pub/fonts/GothamRounded-Light.eot') format('embedded-opentype'),
       url('/pub/fonts/GothamRounded-Light.woff2') format('woff2'),
       url('/pub/fonts/GothamRounded-Light.woff') format('woff'),
       url('/pub/fonts/GothamRounded-Light.ttf') format('truetype'),
       url('/pub/fonts/GothamRounded-Light.svg#gothamrounded-light') format('svg');
}
@font-face {
  font-family: 'gothamrounded-medium';
  src: url('/pub/fonts/GothamRounded-Medium.eot');
  src: url('/pub/fonts/GothamRounded-Medium.eot') format('embedded-opentype'),
       url('/pub/fonts/GothamRounded-Medium.woff2') format('woff2'),
       url('/pub/fonts/GothamRounded-Medium.woff') format('woff'),
       url('/pub/fonts/GothamRounded-Medium.ttf') format('truetype'),
       url('/pub/fonts/GothamRounded-Medium.svg#gothamrounded-medium') format('svg');
}


@font-face {
  font-family: 'ico-ktc';
  src:  url('/pub/fonts/ico-ktc.eot?tgm02i');
  src:  url('/pub/fonts/ico-ktc.eot?tgm02i#iefix') format('embedded-opentype'),
    url('/pub/fonts/ico-ktc.ttf?tgm02i') format('truetype'),
    url('/pub/fonts/ico-ktc.woff?tgm02i') format('woff'),
    url('/pub/fonts/ico-ktc.svg?tgm02i#ico-ktc') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'sarabun';
  src: url('/pub/fonts/Sarabun-Regular.woff2') format('woff2'),
       url('/pub/fonts/Sarabun-Regular.woff') format('woff'),
       url('/pub/fonts/Sarabun-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'sarabun-italic';
  src: url('/pub/fonts/Sarabun-Italic.woff2') format('woff2'),
       url('/pub/fonts/Sarabun-Italic.woff') format('woff'),
       url('/pub/fonts/Sarabun-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'sarabun-thin';
  src: url('/pub/fonts/Sarabun-Thin.woff2') format('woff2'),
       url('/pub/fonts/Sarabun-Thin.woff') format('woff'),
       url('/pub/fonts/Sarabun-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'sarabun-thin-italic';
  src: url('/pub/fonts/Sarabun-ThinItalic.woff2') format('woff2'),
       url('/pub/fonts/Sarabun-ThinItalic.woff') format('woff'),
       url('/pub/fonts/Sarabun-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'sarabun-extra-light';
  src: url('/pub/fonts/Sarabun-ExtraLight.woff2') format('woff2'),
       url('/pub/fonts/Sarabun-ExtraLight.woff') format('woff'),
       url('/pub/fonts/Sarabun-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'sarabun-extra-light-italic';
  src: url('/pub/fonts/Sarabun-ExtraLightItalic.woff2') format('woff2'),
       url('/pub/fonts/Sarabun-ExtraLightItalic.woff') format('woff'),
       url('/pub/fonts/Sarabun-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'sarabun-light';
  src: url('/pub/fonts/Sarabun-Light.woff2') format('woff2'),
       url('/pub/fonts/Sarabun-Light.woff') format('woff'),
       url('/pub/fonts/Sarabun-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'sarabun-light-italic';
  src: url('/pub/fonts/Sarabun-LightItalic.woff2') format('woff2'),
       url('/pub/fonts/Sarabun-LightItalic.woff') format('woff'),
       url('/pub/fonts/Sarabun-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'sarabun-medium';
  src: url('/pub/fonts/Sarabun-Medium.woff2') format('woff2'),
       url('/pub/fonts/Sarabun-Medium.woff') format('woff'),
       url('/pub/fonts/Sarabun-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'sarabun-medium-italic';
  src: url('/pub/fonts/Sarabun-MediumItalic.woff2') format('woff2'),
       url('/pub/fonts/Sarabun-MediumItalic.woff') format('woff'),
       url('/pub/fonts/Sarabun-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'sarabun-semibold';
  src: url('/pub/fonts/Sarabun-SemiBold.woff2') format('woff2'),
       url('/pub/fonts/Sarabun-SemiBold.woff') format('woff'),
       url('/pub/fonts/Sarabun-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'sarabun-semibold-italic';
  src: url('/pub/fonts/Sarabun-SemiBoldItalic.woff2') format('woff2'),
       url('/pub/fonts/Sarabun-SemiBoldItalic.woff') format('woff'),
       url('/pub/fonts/Sarabun-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'sarabun-bold';
  src: url('/pub/fonts/Sarabun-Bold.woff2') format('woff2'),
       url('/pub/fonts/Sarabun-Bold.woff') format('woff'),
       url('/pub/fonts/Sarabun-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'sarabun-bold-italic';
  src: url('/pub/fonts/Sarabun-BoldItalic.woff2') format('woff2'),
       url('/pub/fonts/Sarabun-BoldItalic.woff') format('woff'),
       url('/pub/fonts/Sarabun-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'sarabun-extrabold';
  src: url('/pub/fonts/Sarabun-ExtraBold.woff2') format('woff2'),
       url('/pub/fonts/Sarabun-ExtraBold.woff') format('woff'),
       url('/pub/fonts/Sarabun-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'sarabun-extrabold-italic';
  src: url('/pub/fonts/Sarabun-ExtraBoldItalic.woff2') format('woff2'),
       url('/pub/fonts/Sarabun-ExtraBoldItalic.woff') format('woff'),
       url('/pub/fonts/Sarabun-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

.ir-block {
  font: normal 15px / 1.5 "gotham-rnd", "Conv_SukhumvitTadmai_Tex", sans-serif;
}
.ir-block .text-orange {
  color: #be673a !important;
}
.ir-block .text-h1 {
  font-size: 35px;
  line-height: 40px;
}
.ir-block .text-h1-fix {
  font-size: 35px;
  line-height: 40px;
}
.ir-block .text-h2 {
  font-size: 25px;
}
.ir-block .text-h2-fix {
  font-size: 25px;
}
.ir-block .text-h3 {
  font-size: 18px;
}
.ir-block .text-h4 {
  font-size: 16px;
}
.ir-block .text-h5 {
  font-size: 14px;
}
@media (max-width: 767.98px) {
  .ir-block .text-h1-fix {
    font-size: 35px;
  }
  .ir-block .text-h2-fix {
    font-size: 25px;
  }
  .ir-block .text-h1 {
    font-size: 25px;
  }
  .ir-block .text-h2 {
    font-size: 18px;
  }
  .ir-block .text-h3 {
    font-size: 16px;
  }
  .ir-block .text-h4 {
    font-size: 16px;
  }
}
.ir-block html,
.ir-block body {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}
.ir-block body {
  font: normal 15px/1.5 "gotham-rnd", "Conv_SukhumvitTadmai_Tex", sans-serif;
  letter-spacing: 0.5px;
  overflow: hidden visible;
}
.ir-block body.fixed-height {
  height: 100vh;
  overflow: hidden;
}
.ir-block ul,
.ir-block ol {
  margin: 0;
  padding: 0;
}
.ir-block img,
.ir-block a {
  border: none;
}
.ir-block a {
  text-decoration: none;
  transition: all 100ms;
}
.ir-block img {
  max-width: 100%;
}
.ir-block * {
  transition: none;
  font-family: "gotham-rnd", "Conv_SukhumvitTadmai_Tex";
}
.ir-block .custom-container {
  width: 1440px;
  max-width: 100%;
  margin: auto;
  overflow: hidden visible;
}
.ir-block .sub-header-icon img {
  display: block;
  width: 16px;
  height: auto;
}
.ir-block .link-with-arrow {
  color: #0057b8;
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: bold;
}
.ir-block .link-with-arrow img {
  width: 8px;
  height: auto;
}
@keyframes h_animate {
  0% {
    max-height: 0;
    padding-bottom: 0;
  }
  100% {
    max-height: 2000px;
  }
}
.ir-block .faq-box {
  width: 800px;
  max-width: 100%;
}
.ir-block .faq-box ul li {
  background: #f0f7ff;
  margin: 0 0 10px;
  text-align: left;
  width: 100%;
  border-radius: 10px;
  transition: background-color 100ms linear;
}
.ir-block .faq-box ul li button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: left;
  padding: 0 30px;
  box-sizing: border-box;
  background: none;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 70px;
  font-weight: bold;
  font-size: 16px;
  color: #111111;
}
.ir-block .faq-box ul li button:after {
  content: "";
  border: 6px solid transparent;
  border-top-color: #555555;
  margin-top: 5px;
}
.ir-block .faq-box ul li .faq-detail {
  padding: 0 70px 30px;
  width: 100%;
  color: #fff;
  font-size: 13px;
  display: none;
}
.ir-block .faq-box ul li.clicked {
  background-color: rgb(0, 87, 184);
  background-color: linear-gradient(
    133deg,
    rgb(0, 87, 184) 0%,
    rgb(0, 44, 92) 100%
  );
  color: #fff;
  max-height: 1000px;
}
.ir-block .faq-box ul li.clicked button {
  color: #fff;
}
.ir-block .faq-box ul li.clicked button:after {
  border-top-color: transparent;
  border-bottom-color: #fff;
  margin-bottom: 10px;
  margin-top: 0;
}
.ir-block .swiper-wrapper {
  z-index: 1;
}
.ir-block .swiper-button-next,
.ir-block .swiper-button-prev {
  display: none;
}
.ir-block .menu-global #card-register {
  line-height: 1;
}
.ir-block .menu-global > .content-wrap {
  z-index: 100;
}
.ir-block .sub-header {
  display: none;
}
@media (min-width: 992px) {
  .ir-block .sub-header {
    display: block;
  }
}
.ir-block .sub-header-mobile {
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  color: #111;
}
.ir-block .sub-header-mobile.fixed {
  position: fixed;
  left: 0;
  animation: subhead_animate forwards 500ms;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  width: 100%;
  z-index: 10;
}
@media (max-width: 576px) {
  .ir-block .sub-header-mobile.fixed {
    margin-top: -20px;
  }
}
.ir-block .sub-header-mobile a {
  color: #111;
}
.ir-block .sub-header-mobile .heading {
  display: flex;
  justify-content: space-between;
  padding: 15px 20px;
  padding-top: 17px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}
.ir-block .sub-header-mobile .heading.active {
  box-shadow: none;
  border-bottom: 4px solid #be673a;
}
.ir-block .sub-header-mobile .heading.active .icon-arr {
  transform: rotate(180deg);
}
.ir-block .sub-header-mobile .heading .text {
  font-weight: 700;
}
.ir-block .sub-header-mobile .heading .icon-arr {
  width: 16px;
  transition: all 0.2s;
  cursor: pointer;
}
.ir-block .sub-header-mobile .sub-header-menu {
  padding: 12px 20px;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  display: none;
  overflow: hidden;
  animation: heightMenu 0.2s;
}
.ir-block .sub-header-mobile .sub-header-menu.show {
  display: flex;
}
.ir-block .sub-header-mobile .sub-header-menu .sub-heading {
  display: flex;
  justify-content: space-between;
  padding: 15px 0px;
}
.ir-block .sub-header-mobile .sub-header-menu .sub-heading .icon-arr {
  width: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.ir-block
  .sub-header-mobile
  .sub-header-menu
  .sub-heading-group.active
  .sub-heading {
  border-bottom: 1px solid #ebebeb;
}
.ir-block
  .sub-header-mobile
  .sub-header-menu
  .sub-heading-group.active
  .sub-heading
  .text {
  font-weight: 700;
}
.ir-block
  .sub-header-mobile
  .sub-header-menu
  .sub-heading-group.active
  .sub-heading
  .icon-arr {
  transform: rotate(180deg);
}
.ir-block .sub-header-mobile .child-sub-heading {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  padding: 20px 30px 0;
  display: none;
  overflow: hidden;
  animation: heightMenu 0.2s;
}
.ir-block .sub-header-mobile .child-sub-heading.show {
  display: flex;
}
.ir-block .sub-header-mobile .child-sub-heading li {
  font-size: 14px;
}
@keyframes heightMenu {
  0% {
    max-height: 0;
    opacity: 0.95;
  }
  100% {
    max-height: 1500px;
    opacity: 1;
  }
}
.ir-block .display-none {
  display: none;
}
.ir-block .d-hidden {
  overflow: hidden;
  height: 0 !important;
  width: 0 !important;
  border: 0 !important;
}
.ir-block .note-p {
  font-size: 12px;
  font-family: "sarabun";
  color: #000;
}

.ir-block.ir-dark-mode {
  position: absolute;
  top: 60px;
  background: rgba(0, 0, 0, 0.4);
  z-index: 3;
}

.ir-block .breadcrumb-custom {
  padding-left: 0;
  justify-content: center;
}
.ir-block .breadcrumb-custom .ktc-breadcrumb li:first-child a {
  margin-left: 0;
}
@media (min-width: 768px) {
  .ir-block .breadcrumb-custom {
    justify-content: start !important;
  }
}
.ir-block .accordion-group {
  max-width: 900px;
  margin: 0 auto;
}
.ir-block .accordion-parent .heading-box {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  padding: 20px 0;
  cursor: pointer;
}
.ir-block .accordion-parent .heading-box .tab-number {
  min-width: 25px;
}
.ir-block .accordion-parent .heading-box .icon-plus {
  display: block;
}
.ir-block .accordion-parent .heading-box .icon-minus {
  display: none;
}
.ir-block .accordion-parent.active .heading-box {
  padding-bottom: 30px;
  position: relative;
}
.ir-block .accordion-parent.active .heading-box::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to left, #fff 0%, #ebebeb 50%, #fff 100%);
}
.ir-block .accordion-parent.active .icon-plus {
  display: none;
}
.ir-block .accordion-parent.active .icon-minus {
  display: block;
}
@media (max-width: 767.98px) {
  .ir-block .accordion-parent .heading-box {
    padding: 15px 0;
    padding-bottom: 20px;
  }
}
.ir-block .accordion-child {
  display: none;
  overflow: hidden;
  animation: heightMenu 0.4s;
}
.ir-block .accordion-child.active {
  display: block;
}
.ir-block .accordion-child.active .child-box {
  margin-bottom: 20px;
}
.ir-block .accordion-child.active .child-box::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to left, #fff 0%, #ebebeb 50%, #fff 100%);
}
.ir-block .accordion-child .child-box {
  padding: 40px 0;
  position: relative;
}
@media (max-width: 767.98px) {
  .ir-block .accordion-child .child-box {
    padding: 30px 0;
  }
}
.ir-block .accordion-child .child-box p {
  font-size: 16px;
}
@media (max-width: 767.98px) {
  .ir-block .accordion-child .child-box p {
    font-size: 14px;
  }
}
.ir-block .parent-tab {
  display: flex;
  justify-content: center;
  column-gap: 70px;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 60px;
  border-bottom: 1px solid #efefef;
}
.ir-block .parent-tab li a {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  color: #acacac;
  cursor: pointer;
  display: block;
  width: 100%;
  padding-bottom: 30px;
}
.ir-block .parent-tab li.active a {
  color: #be673a;
}
.ir-block .parent-tab li.active a::before {
  transform: translateX(-50%);
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  width: 16px;
  height: 16px;
  background: linear-gradient(to top right, #be673a 50%, transparent 50%) top
      right,
    linear-gradient(to top left, #be673a 50%, transparent 50%) top left,
    linear-gradient(to bottom right, #be673a 50%, transparent 50%) bottom right,
    linear-gradient(to bottom left, #be673a 50%, transparent 50%) bottom left;
  background-size: 50% 50%;
  background-repeat: no-repeat;
}
.ir-block .parent-tab li.active a::after {
  content: "";
  z-index: 2;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(
    to left,
    transparent 0%,
    #be673a 50%,
    transparent 100%
  );
}
.ir-block .child-tab {
  display: none;
  animation: fadeIn 0.3s;
}
.ir-block .child-tab.active {
  display: block;
}
.ir-block .parent-select-group {
  font-size: 16px;
  margin-bottom: 30px;
  position: relative;
}
.ir-block .parent-select-group .show-text-select-box {
  padding: 10px 20px;
  border: 1px solid #ebebeb;
  border-radius: 7px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  background-color: #fff;
}
.ir-block .parent-select-group .show-text-select-box.active .icon-arr {
  transform: rotate(180deg);
}
.ir-block .parent-select-group .show-text-select-box .show-text-select {
  font-weight: 700;
}
.ir-block .parent-select-group .show-text-select-box .icon-arr {
  width: 10px;
}
.ir-block .parent-select-group .parent-select {
  padding: 0;
  border: 1px solid #ebebeb;
  display: none;
  position: absolute;
  width: 100%;
  background-color: #fff;
  z-index: 5;
}
.ir-block .parent-select-group .parent-select.active {
  display: block;
}
.ir-block .parent-select-group .parent-select li a {
  display: block;
  padding: 5px 20px;
  cursor: pointer;
}
.ir-block .parent-select-group .parent-select li:hover a,
.ir-block .parent-select-group .parent-select li.active a {
  background-color: #be673a;
  color: #fff;
}
.ir-block .mw-714-auto {
  max-width: 714px;
  margin: 0 auto;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ir-block .footer h3 a:lang(en) {
  font-family: "gotham-rnd";
  font-size: 20px;
  font-weight: bold;
}
.ir-block .footer a:lang(en) {
  font-size: 22px;
}
.ir-block .breadcrumb {
  font-family: "gotham-rnd", "Conv_SukhumvitTadmai_Tex";
}
.ir-block header {
  padding: 10px 0;
  background: #000000;
  font-size: 13px;
}
.ir-block header .header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0px;
}
.ir-block header .logo-1 img {
  display: block;
  width: 60px;
  height: auto;
}
.ir-block header .menu-top {
  height: 100%;
  margin-right: 50px;
}
.ir-block header .menu-top ul {
  display: flex;
  align-items: center;
  gap: 40px;
}
.ir-block header .menu-top ul li {
  list-style: none;
  position: relative;
}
.ir-block header .menu-top ul li.has-submenu:hover > .sub-menu {
  display: block;
}
.ir-block header .menu-top ul li.has-submenu:hover:after {
  display: block;
}
.ir-block header .menu-top ul li.has-submenu:after {
  content: "";
  background: #bf413e;
  height: 3px;
  width: 100%;
  left: 0;
  bottom: -25px;
  position: absolute;
  display: none;
}
.ir-block header .menu-top ul li.has-submenu:before {
  content: "";
  background: url(/pub/images/icons/arr-down-light.svg) no-repeat center;
  background-size: cover;
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: -17px;
  top: 18%;
}
.ir-block header .menu-top ul a {
  color: #fff;
}
.ir-block header .menu-top .sub-menu {
  position: absolute;
  top: 42px;
  left: 0;
  background: #000;
  padding: 10px 0;
  display: none;
}
.ir-block header .menu-top .sub-menu a {
  padding: 5px 15px;
  white-space: nowrap;
}
.ir-block header .header-right {
  display: flex;
  align-items: center;
  gap: 20px;
}
.ir-block header .header-right a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ir-block header .header-right .btn-apply-card {
  background: #bf413e;
  padding: 0px 30px;
  color: #fff;
  border-radius: 5px;
  width: 140px;
  text-align: center;
  height: 30px;
  box-sizing: border-box;
}
.ir-block header .header-right .btn-header-login {
  border: 1px solid #fff;
  border-radius: 5px;
  color: #fff;
  padding: 0px 15px;
  height: 30px;
  box-sizing: border-box;
  gap: 5px;
}
@keyframes subhead_animate {
  0% {
    top: -100%;
  }
  100% {
    top: 66px;
  }
}
.ir-block .sub-header {
  position: relative;
  z-index: 99;
  position: relative;
  box-sizing: border-box;
  height: auto;
}
.ir-block .sub-header .sub-header-icon .sub-header-close {
  display: none;
}
.ir-block .sub-header .sub-header-icon.btn-close .sub-header-close {
  display: block;
}
.ir-block .sub-header .sub-header-icon.btn-close .sub-header-open {
  display: none;
}
.ir-block .sub-header .sub-header-fixed {
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  width: 100%;
}
.ir-block .sub-header .sub-header-fixed.fixed {
  position: fixed;
  left: 0;
  animation: subhead_animate forwards 500ms;
}
.ir-block .sub-header a {
  color: #111111;
  font-weight: bold;
}
.ir-block .sub-header a:hover {
  color: #0057b8;
}
.ir-block .sub-header .logo-2 {
  display: flex;
  align-items: center;
}
.ir-block .sub-header .logo-2 .sep {
  background: #ccc;
  width: 1px;
  height: 30px;
  margin: 0 20px;
}
.ir-block .sub-header .box-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ir-block
  .sub-header
  .box-inner
  .menu-sub-header
  .dropdown:lang(th)
  .dropdown-toggle {
  font-size: 14px;
  font-weight: 700;
  padding: 0;
}
.ir-block
  .sub-header
  .box-inner
  .menu-sub-header
  .dropdown:lang(en)
  .dropdown-toggle {
  font-size: 12px;
  font-weight: 700;
  padding: 0;
}
.ir-block .sub-header .box-inner .menu-sub-header.sub-header-section {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ir-block
  .sub-header
  .box-inner
  .menu-sub-header.sub-header-section
  .btn:focus {
  outline: none !important;
  box-shadow: none !important;
}
.ir-block
  .sub-header
  .box-inner
  .menu-sub-header.sub-header-section
  .containers {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}
.ir-block
  .sub-header
  .box-inner
  .menu-sub-header.sub-header-section
  .containers
  .dropdown-toggle {
  background-color: transparent;
  border: none;
  color: black;
  border-bottom: none;
  border-radius: 0;
  padding: 25px 0;
}
.ir-block
  .sub-header
  .box-inner
  .menu-sub-header.sub-header-section
  .containers
  .dropdown-toggle
  .dropdown-icon {
  transition: 0.2s all;
}
.ir-block
  .sub-header
  .box-inner
  .menu-sub-header.sub-header-section
  .containers
  .dropdown-toggle:hover {
  color: #be673a;
  font-weight: bold;
}
.ir-block
  .sub-header
  .box-inner
  .menu-sub-header.sub-header-section
  .containers
  .dropdown-toggle::after {
  display: none;
}
.ir-block
  .sub-header
  .box-inner
  .menu-sub-header.sub-header-section
  .containers
  .dropdown-toggle:end {
  border-bottom: none;
}
.ir-block
  .sub-header
  .box-inner
  .menu-sub-header.sub-header-section
  .containers
  .open {
  display: block;
  position: relative;
}
.ir-block
  .sub-header
  .box-inner
  .menu-sub-header.sub-header-section
  .containers
  .open::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #be673a;
  z-index: 2;
}
.ir-block
  .sub-header
  .box-inner
  .menu-sub-header.sub-header-section
  .containers
  .open
  > .dropdown-toggle {
  font-weight: bold;
  color: #be673a;
}
.ir-block
  .sub-header
  .box-inner
  .menu-sub-header.sub-header-section
  .containers
  .open
  > .dropdown-toggle
  .dropdown-icon {
  transform: rotate(180deg);
  transition: 0.2s all;
  content: url(/pub/ir/photo/ktc-brown-arrow.svg);
}
.ir-block
  .sub-header
  .box-inner
  .menu-sub-header.sub-header-section
  .containers
  .open
  > .dropdown-menu {
  display: block;
}
.ir-block
  .sub-header
  .box-inner
  .menu-sub-header.sub-header-section
  .containers
  .dropdown-menu {
  z-index: 1;
  top: 100%;
  top: auto;
  border-radius: 0;
  margin-top: 0;
}
.ir-block
  .sub-header
  .box-inner
  .menu-sub-header.sub-header-section
  .containers
  .dropdown-menu
  .dropdown-item {
  font-weight: 400;
  font-size: 14px;
}
.ir-block
  .sub-header
  .box-inner
  .menu-sub-header.sub-header-section
  .containers
  .dropdown-menu
  .dropdown-item:hover {
  color: #000;
}
@media (max-width: 1350px) {
  .ir-block
    .sub-header
    .box-inner
    .menu-sub-header.sub-header-section
    .containers
    .dropdown {
    margin-right: 0;
  }
}
@media (max-width: 1300px) {
  .ir-block
    .sub-header
    .box-inner
    .menu-sub-header.sub-header-section
    .containers
    .dropdown-toggle {
    min-width: auto;
  }
}
.ir-block
  .sub-header
  .box-inner
  .menu-sub-header.sub-header-section
  .containers:lang(en) {
  gap: 15px;
}
.ir-block .sub-header .box-inner .menu-sub-header ul {
  display: flex;
  gap: 30px;
  align-items: center;
}
.ir-block .sub-header .box-inner .menu-sub-header li {
  list-style: none;
}
.ir-block .section-flex {
  flex-wrap: wrap;
  display: flex;
}
.ir-block .section-icon-group {
  padding-top: 10px;
}
.ir-block .section-icon-group span {
  font-size: 18px;
}
.ir-block .section-icon-group img {
  display: inline-block;
}
.ir-block .section-img {
  width: 50%;
}
.ir-block .section-img.left {
  border-radius: 0 50px 50px 0;
  overflow: hidden;
}
.ir-block .section-img.left .loop-box {
  position: relative;
  overflow: hidden;
  padding-top: 100%;
  z-index: 0;
}
.ir-block .section-img.left .loop-box img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 2000ms;
  z-index: 0;
  height: 100%;
  width: auto;
  max-width: none;
}
.ir-block .section-img.left .loop-box img.active {
  opacity: 1;
}
.ir-block .section-img img {
  display: block;
  width: 100%;
}
.ir-block .section-label {
  font-size: 14px;
  color: #aaaaaa;
  text-transform: uppercase;
  font-weight: bold;
}
.ir-block .section-head {
  font-weight: bold;
  font-size: 40px;
  margin: 10px 0 30px 0;
  color: #111111;
  line-height: 1.2;
  letter-spacing: 1px;
}
.ir-block .section-info {
  font-size: 14px;
  color: hsl(0, 0%, 47%);
}
.ir-block .section-detail {
  width: 50%;
  padding: 50px 0 50px 80px;
  box-sizing: border-box;
}
.ir-block .banner {
  padding: 0 0 100px;
  position: relative;
  z-index: 0;
}
.ir-block .banner img {
  display: block;
}
.ir-block .banner .just-add-text {
  font-size: 18px;
}
.ir-block .banner .section-icon-group img {
  display: inline-block;
}
.ir-block .banner .banner-gwallet img {
  width: 152px;
}
.ir-block .banner .section-head {
  font-size: 45px;
  margin: 30px 0 40px;
}
.ir-block .banner .section-head strong {
  color: #0057b8;
}
.ir-block .banner .section-detail {
  padding-top: 10%;
  display: flex;
  align-items: center;
  height: 100%;
}
.ir-block .banner .section-detail sup {
  font-size: 11px;
}
.ir-block .banner .section-icon-group {
  display: flex;
  margin-top: 40px;
  align-items: center;
  gap: 10px;
}
.ir-block .tap-to-pay {
  padding: 0px 0 0px;
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 0;
}
.ir-block .tap-to-pay * {
  z-index: 1;
}
.ir-block .tap-to-pay .section-head sup {
  font-size: 18px;
  top: -20px;
  position: relative;
}
.ir-block .tap-to-pay .tap-to-pay-row {
  margin-top: 120px;
}
.ir-block .tap-to-pay .section-detail {
  padding: 0 0 0 calc((100vw - 1316px) / 2);
  width: 100%;
}
.ir-block .tap-to-pay .section-detail .section-text {
  font-size: 28px;
}
.ir-block .tap-to-pay .swiper-horizontal > .swiper-pagination-bullets,
.ir-block .tap-to-pay .swiper-pagination-bullets.swiper-pagination-horizontal,
.ir-block .tap-to-pay .swiper-pagination-custom,
.ir-block .tap-to-pay .swiper-pagination-fraction {
  bottom: 80px;
}
.ir-block .tap-to-pay .section-img {
  position: relative;
}
.ir-block .tap-to-pay .section-img .visa-card {
  position: absolute;
  width: 37%;
  left: 31.5%;
  top: 35%;
}
.ir-block .tap-to-pay .section-img .visa-card .visacard-box {
  position: relative;
  overflow: hidden;
  padding-top: 64%;
}
.ir-block .tap-to-pay .section-img .visa-card img {
  position: absolute;
  border-radius: 10px;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 1500ms;
}
.ir-block .tap-to-pay .section-img .visa-card img.active {
  opacity: 1;
}
.ir-block .tap-to-pay .swiper-pagination-bullet {
  border: 2px solid #2d70b9;
  background: none;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.ir-block .tap-to-pay .swiper-pagination-bullet-active {
  background: #2d70b9;
  width: 18px;
}
.ir-block .where-to-use {
  font-size: 16px;
  background: #f0f7ff;
  padding: 100px 0;
}
.ir-block .where-to-use .left,
.ir-block .where-to-use .right {
  width: 50%;
}
.ir-block .where-to-use .where-to-use-row {
  display: flex;
  padding: 30px 0;
  flex-wrap: wrap;
}
.ir-block .where-to-use .where-to-use-detail {
  padding: 0 0 0 110px;
  display: flex;
  align-items: center;
  height: 100%;
}
.ir-block .where-to-use .where-to-use-detail .detail-head {
  font-weight: bold;
  font-size: 30px;
  margin: 0;
}
.ir-block .how-to-add {
  padding: 100px 0;
  position: relative;
  color: #fff;
  font-size: 16px;
  width: 100%;
  overflow: hidden;
}
.ir-block .how-to-add:after {
  content: "";
  display: block;
  margin: auto;
  height: 450px;
  width: 1440px;
  max-width: 100%;
  position: absolute;
  bottom: 65px;
  left: 0;
  right: 0;
  border-radius: 50px 50px 0 0;
  background: rgb(0, 87, 184);
  background: linear-gradient(133deg, rgb(0, 87, 184) 0%, rgb(0, 44, 92) 100%);
}
.ir-block .how-to-add .how-to-add-list {
  width: 1200px;
  max-width: 100%;
  margin: auto;
}
.ir-block .how-to-add .how-to-add-img {
  width: 245px;
  text-align: center;
  margin: auto;
}
.ir-block .how-to-add .how-to-add-img img {
  display: inline-block;
  width: 100%;
}
.ir-block .how-to-add .swiper-pagination-bullet {
  border: 2px solid #5b97d8;
  background: none;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.ir-block .how-to-add .swiper-pagination-bullet-active {
  background: #fff;
  width: 18px;
  border: none;
}
.ir-block .home-promotion {
  padding: 50px 0 100px 0;
}
.ir-block .home-promotion a:hover {
  color: #000;
}
.ir-block .home-promotion .home-promotion-list ul {
  display: flex;
  justify-content: center;
}
.ir-block .home-promotion .home-promotion-list ul li {
  width: 50%;
}
.ir-block .home-promotion .home-promotion-list .home-promotion-card {
  position: relative;
}
.ir-block
  .home-promotion
  .home-promotion-list
  .home-promotion-card
  .home-promotion-detail {
  position: absolute;
  width: 100%;
  height: fit-content;
  inset: 0;
  margin: 12%auto 0;
  color: #fff;
  padding: 0 50px;
  box-sizing: border-box;
  font-size: 11px;
}
.ir-block
  .home-promotion
  .home-promotion-list
  .home-promotion-card
  .home-promotion-detail
  .promotion-title {
  font-size: 30px;
  font-weight: bold;
}
.ir-block
  .home-promotion
  .home-promotion-list
  .home-promotion-card
  .home-promotion-detail
  .promotion-price {
  display: flex;
  align-items: flex-end;
  line-height: 0.8;
  margin: 20px 0;
}
.ir-block
  .home-promotion
  .home-promotion-list
  .home-promotion-card
  .home-promotion-detail
  .promotion-price
  strong {
  font-size: 80px;
  font-weight: bold;
}
.ir-block
  .home-promotion
  .home-promotion-list
  .home-promotion-card
  .home-promotion-detail
  .promotion-price
  span {
  display: block;
}
.ir-block
  .home-promotion
  .home-promotion-list
  .home-promotion-card
  .home-promotion-detail
  .promotion-price
  .price-currensy {
  font-size: 33px;
  font-weight: bold;
  margin-bottom: 5px;
}
.ir-block
  .home-promotion
  .home-promotion-list
  .home-promotion-card
  .home-promotion-detail
  .promotion-date {
  font-weight: bold;
}
.ir-block
  .home-promotion
  .home-promotion-list
  .home-promotion-card
  .home-promotion-detail
  .currensy-small {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}
.ir-block
  .home-promotion
  .home-promotion-list
  .home-promotion-card
  .home-promotion-detail
  .currensy-small
  span {
  display: block;
}
.ir-block
  .home-promotion
  .home-promotion-list
  .home-promotion-card
  .promotion-icons {
  padding: 15px 0 0;
}
.ir-block
  .home-promotion
  .home-promotion-list
  .home-promotion-card
  .promotion-icons
  ul {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: center;
}
.ir-block
  .home-promotion
  .home-promotion-list
  .home-promotion-card
  .promotion-icons
  li {
  width: fit-content;
  display: flex;
  align-items: center;
}
.ir-block
  .home-promotion
  .home-promotion-list
  .home-promotion-card
  .promotion-icons
  li.sep {
  display: block;
  background: #ccc;
  width: 1px;
  height: 30px;
}
.ir-block
  .home-promotion
  .home-promotion-list
  .home-promotion-card
  .promotion-icons
  li
  img {
  display: block;
  height: 25px;
  width: auto;
}
.ir-block .home-promotion .link-with-arrow {
  margin: 15px auto 0;
}
.ir-block .home-faq {
  padding: 40px 0 100px 0;
}
.ir-block .home-faq .faq-box {
  margin: auto;
}
.ir-block .home-page-bottom {
  background: url(/pub/ir/upper/images/bg-bottom-page.jpg) no-repeat center/cover;
  font-size: 18px;
  min-height: 56.25vw;
  display: flex;
  align-items: center;
}
.ir-block .home-page-bottom * {
  color: #fff;
}
.ir-block .home-page-bottom .section-head {
  margin: 0 0 10px;
  font-size: 50px;
}
.ir-block .home-page-bottom .home-page-bottom-box-img {
  padding: 40px 0 0;
  width: 100%;
  margin: auto;
  text-align: center;
  margin: auto;
  display: flex;
  justify-content: center;
}
.ir-block .home-page-bottom .home-page-bottom-img {
  width: 40%;
  max-width: 100%;
  padding: 0;
  box-sizing: border-box;
  margin: 0 10px;
  display: inline-block;
}
.ir-block .home-page-bottom .home-page-bottom-img img {
  display: block;
  width: 100%;
}
.ir-block .home-page-bottom .home-page-bottom-btn {
  color: #fff;
  font-size: 18px;
  text-align: center;
  width: 230px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px auto 0;
  border-radius: 10px;
  background: rgb(0, 87, 184);
  background: linear-gradient(133deg, rgb(0, 87, 184) 0%, rgb(0, 44, 92) 100%);
  transition: all 100ms;
}
.ir-block .home-page-bottom .home-page-bottom-btn img {
  max-width: 100%;
}
.ir-block .home-page-bottom .home-page-bottom-btn:hover {
  background: #0057b8;
  background: linear-gradient(133deg, #0057b8 0%, #0057b8 100%);
}
.ir-block #scroll-iframe-box {
  height: 100vh;
  overflow: hidden;
}
.ir-block #scroll-iframe-box iframe {
  height: 100vh;
  width: 100%;
}
.ir-block .panel video {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .ir-block .scroller {
    height: 100vh;
  }
  .ir-block .disable-pointer iframe {
    pointer-events: none;
  }
  .ir-block .tap-to-pay {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
  }
  .ir-block .text-wrap {
    position: relative;
    overflow: hidden;
    width: 50%;
    height: 80vh;
  }
  .ir-block .panel-text {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1;
    width: 100%;
    height: 100%;
    color: #222;
    opacity: 0;
    transform: translateY(100%);
  }
  .ir-block .panel-text:first-of-type {
    opacity: 1;
    transform: translateY(0%);
  }
  .ir-block .p-wrap {
    position: relative;
    overflow: hidden;
    width: 50%;
    height: 80vh;
  }
  .ir-block .panel {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1;
    width: 720px;
    height: 100%;
    background-repeat: no-repeat;
    z-index: auto;
    overflow: hidden;
  }
}
@media only screen and (max-width: 1439px) and (min-width: 992px) {
  .ir-block .tap-to-pay .section-detail {
    padding-left: 30px;
  }
  .ir-block .panal {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .ir-block #scroll-iframe-box {
    height: fit-content;
  }
  .ir-block #scroll-iframe-box iframe {
    height: 2080px !important;
  }
}
.ir-block .ktc-breadcrumb {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0px;
  padding-left: 0;
  margin-top: 15px;
  list-style: none;
  padding-bottom: 40px;
  margin-bottom: 0;
  margin-left: 0;
}
.ir-block .ktc-breadcrumb li {
  position: relative;
}
.ir-block .ktc-breadcrumb li::before {
  content: "/";
}
.ir-block .ktc-breadcrumb li:first-child::before {
  display: none;
}
.ir-block .ktc-breadcrumb li:last-of-type a {
  font-weight: 800;
  color: #000 !important;
}
.ir-block .ktc-breadcrumb li a {
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  color: #999 !important;
  cursor: pointer;
}
.ir-block .ktc-breadcrumb .ktc-breadcrumb-collapse {
  display: none;
}
@media (min-width: 768px) {
  .ir-block .ktc-breadcrumb .ktc-breadcrumb-collapse {
    display: block;
  }
}
.ir-block .ktc-breadcrumb .ktc-breadcrumb-collapse-icon {
  display: block;
}
@media screen and (max-width: 767px) {
  .ir-block .ktc-breadcrumb {
    padding-top: 22px;
    padding-bottom: 12px;
  }
  .ir-block .ktc-breadcrumb li a {
    font-size: 12px;
  }
}
.ir-block .ktc-breadcrumb.ktc-breadcrumb-inpage li a {
  font-size: 0.75rem;
}
.ir-block .text-title {
  font-size: 35px;
  font-weight: 800;
}
.ir-block .text-subtitle {
  font-size: 16px;
}
.ir-block .btn-ir-main {
  background-color: #fff;
  border: solid 1px #be673a;
  border-radius: 6px;
  color: #be673a;
  padding: 10px 15px;
}
.ir-block .btn-ir-main:lang(en) {
  padding: 10px 15px;
}
.ir-block .ktc-banner-section {
  padding: 80px 0;
  background: url(/pub/images/ir/contact/bg.png);
  background-position: 207% 100%;
  background-size: 63%;
  background-repeat: no-repeat;
}
.ir-block .ktc-banner-section.hidden-background {
  background: none;
}
@media (max-width: 767.98px) {
  .ir-block .ktc-banner-section {
    padding: 40px 0;
  }
}
.ir-block .ktc-banner-section .row-contactinfo {
  max-width: 860px;
  margin: auto;
}
.ir-block .contactform-section {
  background: url(/pub/ir/photo/bg-contactform.png);
  background-size: cover;
  padding: 165px 0;
}
@media (max-width: 767.98px) {
  .ir-block .contactform-section {
    background: url(/pub/ir/photo/bg-contactform-mb.png) top center/cover
      no-repeat;
    padding-top: 115px;
    padding-bottom: 65px;
  }
}
.ir-block .card-text-on-image {
  position: relative;
  width: 100%;
  height: 100%;
}
.ir-block .card-text-on-image .card-background {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ir-block .card-text-on-image .card-content {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
}
.ir-block .card-text-on-image .card-content .title {
  font-size: 30px;
  font-weight: 800;
  text-align: center;
}
.ir-block .card-text-on-image .card-content:lang(en) {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 79%;
}
.ir-block .card-text-on-image .card-content:lang(en) .title {
  font-size: 30px;
  font-weight: 800;
  text-align: center;
}
.ir-block .card-text-on-image .card-content:lang(en) p {
  font-size: 14px;
}
.ir-block .form-contact input,
.ir-block .form-contact .form-control {
  border-radius: 6px;
  padding: 11px 20px;
  font-size: 14px;
  color: #666;
}
.ir-block .form-contact .custom-control-input {
  z-index: 1;
  opacity: 0;
}
.ir-block .form-contact .custom-control-label::before {
  border: solid 1px #be673a;
  border-radius: 6px;
  background: #fff;
}
.ir-block
  .form-contact
  .custom-checkbox
  .custom-control-input:checked
  ~ .custom-control-label::before {
  background-color: #be673a !important;
}
.ir-block
  .form-contact
  .custom-checkbox
  .custom-control-input:checked:focus
  ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(190, 103, 58, 0.25);
}
.ir-block
  .form-contact
  .custom-checkbox
  .custom-control-input:focus
  ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
}
.ir-block
  .form-contact
  .custom-checkbox
  .custom-control-input:active
  ~ .custom-control-label::before {
  background-color: #fff;
}
.ir-block .contactcenter-section {
  background: url(/pub/ir/photo/bg-callcenter.png);
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  padding: 90px 0 195px;
}
@media (max-width: 767.98px) {
  .ir-block .contactcenter-section {
    background: url(/pub/ir/photo/bg-callcenter-mb.png) bottom
      center/contain no-repeat;
  }
}
.ir-block .contactcenter-section .swiper-callcenter {
  overflow: hidden;
}
.ir-block .contactcenter-section .swiper-callcenter .swiper-pagination {
  bottom: -30px;
}
.ir-block
  .contactcenter-section
  .swiper-callcenter
  .swiper-pagination
  .swiper-pagination-bullet-active {
  background-color: #be673a;
  width: 20px;
  border-radius: 6px;
}
.ir-block .card-contactcenter .card-title {
  padding: 20px;
  font-size: 25px;
  font-weight: 800;
  padding-bottom: 1rem;
  border-bottom: solid 1px #ebebeb;
  min-height: 95px;
}
.ir-block .card-contactcenter .card-content {
  padding: 20px;
}
.ir-block .card-contactcenter .card-content .deparment {
  font-weight: bold;
}
.ir-block .btn-ir {
  background: linear-gradient(135deg, #d39973 0%, #af6246 100%);
  color: #fff;
  width: 185px;
  height: 50px;
}
@media (max-width: 767.98px) {
  .ir-block .btn-ir {
    padding: 14px 30px;
    width: 100%;
  }
}
.ir-block .btn-ir.ir-accept {
  width: 208px;
}
@media (max-width: 767.98px) {
  .ir-block .btn-ir.ir-accept {
    width: 100%;
  }
}
.ir-block .btn-ir.ir-accept2 {
  width: 231px;
}
@media (max-width: 767.98px) {
  .ir-block .btn-ir.ir-accept2 {
    width: 100%;
  }
}
.ir-block a.email {
  text-decoration: underline;
}
.ir-block .title-banner {
  position: relative;
}
.ir-block .title-banner .banner-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 60%;
}
@media (max-width: 767.98px) {
  .ir-block .title-banner .banner-content {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 40px 25px;
    text-align: center;
  }
}
.ir-block .title-banner .banner-content .banner-title {
  font-size: 25px;
  font-weight: 800;
}
.ir-block .title-banner .banner-content .banner-subtitle {
  font-size: 18px;
}
.ir-block .subscribeform-section {
  background: url(/pub/ir/photo/bg-callcenter.png);
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 50px 0 100px;
  position: relative;
}
.ir-block .subscribeform-section .img-bg {
  position: absolute;
  z-index: 5;
}
.ir-block .subscribeform-section .img-bg.bg-1 {
  top: 0;
  left: 0;
  width: 180px;
}
@media (max-width: 767px) {
  .ir-block .subscribeform-section .img-bg.bg-1 {
    top: -20px;
    width: 78px;
  }
}
.ir-block .subscribeform-section .img-bg.bg-2 {
  top: 50%;
  right: 0;
  width: 220px;
  opacity: 0.4;
}
@media (max-width: 767px) {
  .ir-block .subscribeform-section .img-bg.bg-2 {
    top: 20%;
    width: 110px;
  }
}
@media (max-width: 767.98px) {
  .ir-block .subscribeform-section {
    padding: 80px 0 200px;
    background: url(/pub/ir/photo/bg-callcenter-mb.png) bottom
      center/contain no-repeat;
  }
}
.ir-block .subscribeform-section.analyst-html {
  padding: 80px 0 0px;
}
@media (max-width: 767.98px) {
  .ir-block .subscribeform-section.analyst-html {
    padding: 45px 0 0px;
  }
}
.ir-block .subscribeform-section .styled-select::after {
  content: "";
  object-fit: contain;
  background: url(/pub/ir/photo/ic-chevron-down-black.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 12px;
  height: 7px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
.ir-block .subscribeform-section .styled-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  width: 100%;
  height: 45px;
  font-size: 15px;
  line-height: 45px;
  padding: 0 15px;
  border: 1px solid #ced4da;
  color: #666;
  background-color: transparent;
  border-radius: 3px;
}
.ir-block .subscribeform-section .styled-select select::-ms-expand {
  display: none;
}
.ir-block .subscribeform-section .styled-select select::-ms-expand {
  display: none;
}
.ir-block .subscribeform-section .styled-select option[value=""][disabled] {
  display: none;
}
.ir-block .remark {
  font-family: "sarabun";
  color: #999;
}
.ir-block .ktc-ir-modal iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
  max-height: 50vh;
}
.ir-block .ktc-ir-modal .modal-dialog {
  top: 50%;
  transform: translateY(-50%);
  max-width: 850px;
}
.ir-block .ktc-ir-modal .modal-dialog .btn-close {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-70%) translateX(40%);
  opacity: 1;
  background: #fff;
  border: solid 1px #ebebeb;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.ir-block .ktc-ir-modal .modal-dialog .modal-content {
  position: relative;
  background-color: #fff;
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 120px 0 100px;
  border: none;
}
.ir-block .ktc-ir-modal .modal-dialog .modal-content .bg-image {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 0;
}
.ir-block .ktc-ir-modal .modal-dialog .modal-content .modal-header {
  border: none;
}
.ir-block .ktc-ir-modal .modal-dialog .modal-content .modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: none;
  z-index: 1;
}
.ir-block .ktc-ir-modal .modal-dialog .modal-content .modal-footer {
  border: none;
  justify-content: center;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .ir-block .ktc-ir-modal .modal-dialog {
    max-width: 500px;
    margin: 0 15px;
  }
  .ir-block .ktc-ir-modal .modal-dialog .btn-close {
    top: 15px;
    right: 15px;
    width: 33px;
    height: 33px;
  }
  .ir-block .ktc-ir-modal .modal-dialog .modal-content {
    padding: 100px 0px 80px;
  }
}
.ir-block .ktc-ir-modal.modal-video .modal-dialog {
  width: 90%;
  max-width: 1080px;
}
@media (max-width: 991.98px) {
  .ir-block .ktc-ir-modal.modal-video .modal-dialog {
    max-width: 640px;
  }
}
@media (max-width: 551.98px) {
  .ir-block .ktc-ir-modal.modal-video .modal-dialog {
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
  }
  .ir-block .ktc-ir-modal.modal-video .modal-dialog .btn-close {
    width: 35px;
  height: 35px;
  }
}
.ir-block .ktc-ir-modal.modal-video .modal-body {
  padding: 0;
}
.ir-block .ktc-ir-modal.modal-video .modal-content {
  background: url(/pub/ir/photo/bg-modal-video.png);
  background-size: cover;
  padding: 40px 40px 60px;
  border-radius: 12px;
}
.ir-block .ktc-ir-modal.modal-video .modal-content .content {
  display: flex;
  justify-content: space-between;
  padding: 40px 0 0;
}
.ir-block .ktc-ir-modal.modal-video .modal-content .content .title {
  font-size: 35px;
  font-weight: 800;
}
.ir-block .ktc-ir-modal.modal-video .modal-content .content .date {
  font-size: 18px;
}
@media (max-width: 551.98px) {
  .ir-block .ktc-ir-modal.modal-video .modal-content {
    padding: 0;
    border-radius: 0px;
  }
  .ir-block .ktc-ir-modal.modal-video .modal-content .content {
    flex-direction: column;
    padding: 40px 0;
  }
  .ir-block .ktc-ir-modal.modal-video .modal-content .content .btn-icon {
    width: fit-content;
    margin: auto;
    margin-top: 20px;
  }
  .ir-block .ktc-ir-modal.modal-video .modal-content .content a {
    text-align: center;
  }
  .ir-block .ktc-ir-modal.modal-video .modal-content .content .meta {
    text-align: center;
  }
  .ir-block .ktc-ir-modal.modal-video .modal-content .content .title {
    font-size: 22px;
    font-weight: 800;
    text-align: left;
  }
  .ir-block .ktc-ir-modal.modal-video .modal-content .content .date {
    font-size: 16px;
    text-align: left;
  }
}
.ir-block .ktc-ir-modal .btn-icon {
  background-color: #be673a;
  color: #fff;
  padding: 9px 15px;
  display: flex;
  gap: 8.5px;
  font-size: 14px;
}
.ir-block .analyst-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 200px;
}
.ir-block .analyst-container div:nth-child(2n + 1)::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background-color: #ebebeb;
}
.ir-block .analyst-container div:first-child:before {
  background-image: linear-gradient(to bottom, #fff, #ebebeb);
}
.ir-block .analyst-container div:last-child:before {
  background-image: linear-gradient(to top, #fff, #ebebeb);
}
.ir-block .analyst-container div:last-child:after {
  display: none;
}
@media (max-width: 768px) {
  .ir-block .analyst-container div:nth-child(2n + 1)::before {
    display: none;
  }
}
.ir-block .analyst-container div:nth-child(4n + 1) {
  position: relative;
}
.ir-block .analyst-container div:nth-child(4n + 1):after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to right, #fff, #ebebeb, #ebebeb);
}
.ir-block .analyst-container div:nth-child(4n + 2) {
  position: relative;
}
.ir-block .analyst-container div:nth-child(4n + 2):after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to left, #fff, #ebebeb, #ebebeb);
}
.ir-block .analyst-container div:nth-child(4n + 3) {
  position: relative;
}
.ir-block .analyst-container div:nth-child(4n + 3):after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to right, #fff, #ebebeb, #ebebeb);
}
.ir-block .analyst-container div:nth-child(4n + 4) {
  position: relative;
}
.ir-block .analyst-container div:nth-child(4n + 4):after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to left, #fff, #ebebeb, #ebebeb);
}
.ir-block .analyst-container div:nth-last-child(2) {
  position: relative;
}
.ir-block .analyst-container div:nth-last-child(2):before {
  background-image: linear-gradient(to top, #fff, #ebebeb);
}
.ir-block .analyst-container div:nth-last-child(2):after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0px;
}
.ir-block .analyst-container .analyst-card {
  padding: 60px 100px;
  overflow: hidden;
}
.ir-block .analyst-container .analyst-card .analyst-company {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 18px;
  position: relative;
  z-index: 6;
}
.ir-block .analyst-container .analyst-card .analyst-name {
  position: relative;
  margin-left: 24px;
  margin-bottom: 10px;
  font-size: 16px;
  position: relative;
  z-index: 6;
}
.ir-block .analyst-container .analyst-card .analyst-name:before {
  content: "";
  background-image: url(/pub/ir/photo/ic-person.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  left: -20px;
}
.ir-block .analyst-container .analyst-card .analyst-mail {
  display: block;
  position: relative;
  margin-left: 24px;
  margin-bottom: 10px;
  text-decoration: underline;
  font-size: 16px;
  position: relative;
  z-index: 6;
}
.ir-block .analyst-container .analyst-card .analyst-mail:before {
  content: "";
  background-image: url(/pub/ir/photo/ic-email-orange.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 5px;
  left: -20px;
}
@media (max-width: 991.98px) {
  .ir-block .analyst-container .analyst-card {
    padding: 60px 30px;
  }
  .ir-block .analyst-container .analyst-card .analyst-company {
    font-size: 16px;
  }
  .ir-block .analyst-container .analyst-card .analyst-name,
  .ir-block .analyst-container .analyst-card .analyst-mail {
    font-size: 14px;
  }
}
@media (max-width: 551.98px) {
  .ir-block .analyst-container .analyst-card {
    padding: 60px 0px;
  }
}
.ir-block .analyst-container .analyst-card:lang(en) {
  padding: 60px 80px;
}
@media (max-width: 991.98px) {
  .ir-block .analyst-container .analyst-card:lang(en) {
    padding: 60px 30px;
  }
  .ir-block .analyst-container .analyst-card:lang(en) .analyst-company {
    font-size: 16px;
  }
  .ir-block .analyst-container .analyst-card:lang(en) .analyst-name,
  .ir-block .analyst-container .analyst-card:lang(en) .analyst-mail {
    font-size: 14px;
  }
}
@media (max-width: 551.98px) {
  .ir-block .analyst-container .analyst-card:lang(en) {
    padding: 60px 0px;
  }
}
@media (max-width: 551.98px) {
  .ir-block .analyst-container {
    grid-template-columns: 1fr;
  }
  .analyst-container .analyst-card:nth-child(even) {
    background: linear-gradient(#fff 0%, #fafafa 50%, #fff 100%);
  }

  .analyst-container .analyst-card:nth-child(odd) {
    background: none;
  }
}
.ir-block .policy-section {
  background-color: #fafafa;
  background-image: url(/pub/ir/photo/bg-callcenter.png);
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  padding: 40px 0 195px;

}
@media (max-width: 767.98px) {
  .ir-block .policy-section {
    background-size: 300%;
    background-position: 20%bottom;
  }

  .ir-block .policy-section .rich-text-lexical .rch-image  > div{
    aspect-ratio: 1/1 !important;
  }
}
.ir-block .policy-section ul li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
  font-size: 16px;
}
.ir-block .policy-section ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  background-image: url(/pub/ir/photo/marker-orange.svg);
  width: 8px;
  height: 8px;
}
.ir-block .policy-section ul.list-check li::before{
  display: none;
}
.ir-block .policy-section ul.list-check li{
  left: -22px;
}
.ir-block .faq-banner-section {
  padding-top: 100px;
  padding-bottom: 80px;
}
@media (max-width: 767.98px) {
  .ir-block .faq-banner-section {
    padding-top: 35px;
    padding-bottom: 25px;
  }
}
.ir-block .faq-footer-section {
  background: url(/pub/ir/photo/bg-callcenter.png);
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 230px 0 0;
}
@media (max-width: 767.98px) {
  .ir-block .faq-footer-section {
    background: url(/pub/ir/photo/bg-callcenter-mb.png) bottom
      center/contain no-repeat;
    padding: 190px 0 0;
  }
}
.ir-block .ktc-ethics-page {
  position: relative;
  background-color: #ffffff;
}
.ir-block .ktc-ethics-page .cobe {
  background-color: transparent !important;
  font-family: "gotham-rnd", "Conv_SukhumvitTadmai_Tex";
}
.ir-block .ktc-ethics-page .cobe .text-subtitle {
  margin-bottom: 80px;
}
.ir-block .ktc-ethics-page .cobe .policy-section {
  background: none !important;
  padding: 40px 0 0;
}
.ir-block .ktc-ethics-page .cobe .child-tab {
  position: relative;
}
.ir-block .ktc-ethics-page .cobe ul.sub-list {
  margin-left: 0;
}
.ir-block .ktc-ethics-page .cobe ul.sub-list li.nothing::before {
  content: "";
  display: inline-block;
  background-image: none;
}
.ir-block .ktc-ethics-page .cobe ul.sub-list-dash {
  margin-left: 1rem;
}
.ir-block .ktc-ethics-page .cobe ul.sub-list-dash li.dashed {
  list-style-type: none;
}
.ir-block .ktc-ethics-page .cobe ul.sub-list-dash li.dashed::before {
  content: "-";
  top: 0;
  margin-left: 6px;
  display: inline-block;
  background-image: none;
}
.ir-block .decoration-section {
  position: relative;
  margin-top: -150px;
  z-index: -1;
}
@media (max-width: 767.98px) {
  .ir-block .decoration-section {
    margin-top: -70px;
  }
}
.ir-block body {
  background-color: #fafafa;
}
.ir-block .ktc-banner-section .title {
  font-size: 35px;
}
.ir-block .ktc-banner-section.bg-publication {
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 800px;
  background-color: #fafafa;
  z-index: 0;
}
.page-wrapper:has(.ir-block .ktc-banner-section.bg-publication)::after {
  content: "";
  background: url(/pub/ir/photo/bg-publication-2.png);
  background-position: top right;
  background-repeat: no-repeat;
  position: absolute;
  top: 113px;
  right: 0px;
  background-size: cover;
  height: 180px;
  width: 660px;
  z-index: 0;
}

.ir-block .ktc-banner-section.ktc-bg-section-over.bg-publication::after {
  content: "";
  background: url(/pub/ir/photo/bg-publication-2.png);
  background-position: top right;
  background-repeat: no-repeat;
  position: absolute;
  top: 120px;
  right: 0px;
  background-size: cover;
  height: 180px;
  width: 660px;
  z-index: 0;
}
@media (max-width: 991.98px) {
  .page-wrapper:has(.ir-block .ktc-banner-section.bg-publication)::after {
    background: none;
  }
  .ir-block .ktc-banner-section.ktc-bg-section-over.bg-publication::after {
    background: none;
  }
}
.ir-block .ktc-banner-section.bg-publication.hidden-bg {
  background: none;
}
@media (min-width: 768px) {
  .ir-block .ktc-banner-section .breadcrumb-container {
    margin-top: -70px;
  }
  .ir-block .ktc-banner-section .banner-container {
    padding-top: 70px;
  }
}
.ir-block .select2-container {
  width: 100% !important;
}
.ir-block
  .select2-container
  #select2-ktc-publication-year-selector-results
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #c16e42;
}
.ir-block
  .select2-container
  #select2-ktc-publication-year-selector-results
  .select2-search--inline
  .select2-search__field {
  font-family: "gotham-rnd", "Conv_SukhumvitTadmai_Tex";
}
.ir-block
  .select2-container
  #select2-ktc-publication-year-selector-results
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #fff;
  color: #c16e42;
}
.ir-block
  .select2-container
  #select2-ktc-publication-year-selector-results
  .select2-results__option--selectable {
  margin-left: 2rem;
  position: relative;
}
.ir-block
  .select2-container
  #select2-ktc-publication-year-selector-results
  .select2-results__option--selectable::before {
  content: "";
  position: absolute;
  background-image: url(/pub/ir/photo/ic-check-blank.svg);
  background-position: center;
  background-size: cover;
  width: 16px;
  height: 16px;
  left: -16px;
}
.ir-block
  .select2-container
  #select2-ktc-publication-year-selector-results
  .select2-results__option--selected {
  background-color: #fff;
  margin-left: 2rem;
  position: relative;
}
.ir-block
  .select2-container
  #select2-ktc-publication-year-selector-results
  .select2-results__option--selected::before {
  content: "";
  position: absolute;
  background-image: url(/pub/ir/photo/ic-check-orange.svg);
  background-position: center;
  border: none;
  width: 16px;
  height: 16px;
  left: -16px;
  top:8px;
}
.ir-block .ktc-publication {
  margin-top: -600px;
  background: url(/pub/ir/photo/bg-publication-1.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  padding-bottom: 90px;
}
@media (max-width: 767px) {
  .ir-block .ktc-publication {
    padding-bottom: 50px;
    margin-top: -675px;
    background-image: url(/pub/ir/photo/bg-publication-1-md.png) !important;
  }
}
.ir-block .ktc-publication .ktc-publication-filter {
  padding: 20px 30px 30px;
  max-height: 600px;
  z-index: 0;
}
.ir-block .ktc-publication .ktc-publication-filter .select2-selection {
  cursor: pointer;
  height: 32px;
}
.ir-block
  .ktc-publication
  .ktc-publication-filter
  .select2-selection__rendered {
  cursor: pointer;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 62%;
}
.ir-block
  .ktc-publication
  .ktc-publication-filter
  .select2.select2-container
  .select2-selection__choice {
  padding-left: 0;
  background-color: #fff;
  border: none;
  cursor: pointer;
}
.ir-block
  .ktc-video-tab
  .select2.select2-container
  .select2-selection__choice {
  padding-left: 0;
  background-color: #fff;
  border: none;
  cursor: pointer;
  color: #444;
  font-weight: bold;
  font-size: 16px;
}

.ir-block
  .ktc-video-tab
  .select2.select2-container::after {
  content: url(/pub/ir/photo/ic-chevron-down.svg);
  width: 8px;
  height: 8px;
  position: absolute;
  top: 4px;
  right: 10px;
}

.ir-block
  .ktc-publication
  .ktc-publication-filter
  .select2.select2-container
  .select2-selection__choice
  .select2-selection__choice__display {
  cursor: pointer;
}
.ir-block
  .ktc-publication
  .ktc-publication-filter
  .select2.select2-container
  .select2-selection__choice__remove {
  display: none;
}
.ir-block
  .ktc-publication
  .ktc-publication-filter
  .select2.select2-container.select2-container--open::after {
  content: url(/pub/ir/photo/ic-chevron-down.svg);
  width: 8px;
  height: 8px;
  position: absolute;
  top: 4px;
  right: 10px;
}
.ir-block
  .ktc-publication
  .ktc-publication-filter
  .select2.select2-container.select2-container--open::after {
  transform: scaleY(-1);
  transform-origin: center;
  top: 20px;
}
.ir-block
  .ktc-publication
  .ktc-publication-filter
  .form-check-input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}
.ir-block .ktc-publication .ktc-publication-filter .form-check-label {
  cursor: pointer;
}
.ir-block
  .ktc-publication
  .ktc-publication-filter
  .form-check-input[type="checkbox"]
  + .form-check-label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 0.5em;
  background-color: #fff;
  border: 1px solid #adb5bd;
  border-radius: 0.25rem;
  text-align: center;
  line-height: 1.25em;
  cursor: pointer;
}
.ir-block
  .ktc-publication
  .ktc-publication-filter
  .form-check-input[type="checkbox"]:checked
  + .form-check-label:before {
  background-image: url(/pub/ir/photo/ic-check-orange.svg);
  background-position: center;
  border: none;
  width: 16px;
  height: 16px;
}
.ir-block .ktc-publication .ktc-publication-filter .btn-clear-filter {
  text-decoration: underline;
  font-weight: 800;
  margin-bottom: 10px;
}
.ir-block
  .ktc-publication
  .ktc-publication-filter
  #select2-ktc-publication-year-selector-container
  li:not(:last-child):after {
  content: ",";
}
.ir-block .ktc-publication .ktc-publication-table {
  padding: 30px 40px 40px;
  z-index: 0;
}
.ir-block .ktc-publication .ktc-publication-table .card {
  border: none;
  background-color: #fff;
  border-bottom: solid 1px #e0e0e0;
}
.ir-block .ktc-publication .ktc-publication-table .card:last-of-type {
  border: none;
}
.ir-block .ktc-publication .ktc-publication-table .card-header {
  background-color: #fff;
  border-bottom: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 15px 24px;
  border-radius: 0;
}
.ir-block .ktc-publication .ktc-publication-table .card-header .btn-link {
  color: #000;
  font-size: 25px;
  font-weight: 800;
  width: 100%;
  text-align: left;
  text-decoration: none;
}
.ir-block .ktc-publication .ktc-publication-table .card-header .btn-link:hover {
  text-decoration: underline;
}
.ir-block
  .ktc-publication
  .ktc-publication-table
  .card-header
  .btn-link::after {
  content: url(/pub/ir/photo/ic-minus-orange.svg);
  position: absolute;
  width: 18px;
  height: 15px;
  margin-left: 10px;
  right: 50px;
}
.ir-block
  .ktc-publication
  .ktc-publication-table
  .card-header
  .btn-link.collapsed::after {
  content: url(/pub/ir/photo/ic-plus-orange.svg);
  position: absolute;
  width: 18px;
  height: 15px;
  margin-left: 10px;
  right: 50px;
}
.ir-block .ktc-publication .ktc-publication-table .ktc-publication-file-header {
  background-color: #f4eae6;
  padding: 16px 20px;
  color: #000;
  font-size: 18px;
  font-weight: bold;
}
.ir-block
  .ktc-publication
  .ktc-publication-table
  .ktc-publication-file-content {
  display: flex;
  justify-content: space-between;
  padding: 10px 18px;
  font-size: 16px;
}
.ir-block .ktc-publication .ktc-publication-table .filesize {
  padding-right: 30px;
  font-size: 12px;
}
.ir-block .ktc-publication .ktc-publication-table .filesize::after {
  content: url(/pub/ir/photo/ic-download.svg);
  position: absolute;
  width: 18px;
  height: 15px;
  margin-left: 10px;
}
.ir-block .ktc-publication .ktc-publication-table .filesize.icon-white {
  padding-right: 30px;
}
.ir-block .ktc-publication .ktc-publication-table .filesize.icon-white::after {
  content: url(/pub/ir/photo/ic-download-white.svg);
  position: absolute;
  width: 18px;
  height: 15px;
  margin-left: 10px;
}
@media (max-width: 551.98px) {
  .ir-block .ktc-publication .ktc-publication-table {
    padding: 30px 0;
  }
  .ir-block .ktc-publication .ktc-publication-table .card,
  .ir-block .ktc-publication .ktc-publication-table .card-header {
    background-color: transparent;
  }
}
.ir-block .investorkits-anchor {
  background: url(/pub/ir/photo/bg-publication-1.png);
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  position: sticky;
  background-size: cover;
  background-position: center bottom;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.ir-block .ktc-publication-video {
  margin-top: -650px;
}

.ir-block .ktc-publication-video .ktc-video-link {
  display: flex;
  gap: 60px;
  color: #acacac;
  font-weight: 800;
  margin: auto;
  justify-content: center;
  border-bottom: solid 1px #efefef;
}
.ir-block .ktc-publication-video .ktc-video-link a {
  padding: 32px 0;
}
.ir-block .ktc-publication-video .ktc-video-link .active {
  color: #be673a;
  position: relative;
}
.ir-block .ktc-publication-video .ktc-video-link .active::after {
  content: url(/pub/ir/photo/ic-rectangle-orange.png);
  position: absolute;
  bottom: -27px;
  left: 25%;
  transform: translateX(-50%);
  scale: 0.5;
}
.ir-block .ktc-video-tab {
  padding: 60px 0;
}
.ir-block .ktc-video-tab .nav-tabs {
  padding: 40px 0;
  gap: 30px;
  border: none;
  justify-content: center;
}
.ir-block .ktc-video-tab .nav-tabs .nav-item .nav-link,
.ir-block
  .ktc-video-tab
  .nav-tabs
  .nav-item
  .nav-link[aria-selected="true"][aria-expanded="false"] {
  border-color: #ebebeb;
  border-radius: 4px;
  background-color: #fff;
  color: #000;
}
.ir-block .ktc-video-tab .nav-tabs .nav-item .nav-link[aria-selected="true"],
.ir-block .ktc-video-tab .nav-tabs .nav-item .nav-link[aria-expanded="true"] {
  background-color: rgba(248, 238, 234, 0.1);
  border-color: rgba(144, 49, 0, 0.1);
  color: #c16e42;
  border-radius: 4px;
}
.ir-block .ktc-video-tab .small-preview {
  max-width: 100px;
  min-height: 57px;
  object-fit: cover;
  object-position: center;
}
.ir-block .ktc-video-tab .ktc-video-cover {
  width: 100%;
}
.ir-block .ktc-video-tab .ktc-video-cover .video-preview {
  width: 100%;
  object-fit: contain;
}
.ir-block .ktc-video-tab .ktc-video-cover .hide {
  display: none;
}
.ir-block .ktc-video-tab .ktc-video-cover .content {
  position: absolute;
  bottom: 0px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  color: #fff;
  padding: 0 30px;
}
.ir-block .ktc-video-tab .ktc-video-cover .content .meta {
  padding-left: 16px;
}
.ir-block .ktc-video-tab .ktc-video-cover .content .meta .title {
  font-size: 25px;
  font-weight: 800;
}
.ir-block .ktc-video-tab .ktc-video-cover .content .icon-play {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 16px 18px;
  border-radius: 8px;
  height: fit-content;
}
.ir-block .ktc-video-tab .ktc-video-cover .content .icon-play img {
  width: 20px;
  height: 20px;
}
.ir-block .ktc-video-tab .ktc-video-cover .content .btn-icon {
  color: #c16e42;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 9px 15px;
  border-radius: 10px;
  height: fit-content;
}
.ir-block .ktc-video-tab .ktc-video-cover .content .btn-icon::before {
  content: url(/pub/ir/photo/ic-file.svg);
  margin-top: 4px;
}
@media (max-width: 991.98px) {
  .ir-block .ktc-video-tab .ktc-video-cover .content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #000;
    bottom: 0;
    width: fit-content;
    margin: auto;
    margin-top: 27px;
    margin-bottom: 25px;
  }
  .ir-block .ktc-video-tab .ktc-video-cover .content .meta {
    text-align: center;
    margin-bottom: 20px;
    padding-left: 0;
  }
  .ir-block .ktc-video-tab .ktc-video-cover .content .meta .title {
    font-size: 18px;
  }
  .ir-block .ktc-video-tab .ktc-video-cover .content .meta .date {
    color: #b7b7b7;
    margin-top: 0.4rem;
  }
  .ir-block .ktc-video-tab .ktc-video-cover .content .btn-icon {
    color: #fff;
    background-color: #c16e42;
  }
  .ir-block .ktc-video-tab .ktc-video-cover .content .btn-icon::before {
    content: url(/pub/ir/photo/ic-file-white.svg);
    margin-top: 4px;
  }
}
.ir-block .ktc-video-tab .ktc-video-menu {
  width: 100%;
}
.ir-block .ktc-video-tab .ktc-video-menu li {
  display: flex;
  padding: 10px 10px;
  gap: 1rem;
  border-radius: 8px;
  align-items: center;
}
.ir-block .ktc-video-tab .ktc-video-menu li .title {
  font-weight: 800;
}
.ir-block .ktc-video-tab .ktc-video-menu li .date {
  margin-top: 4px;
  color: #999;
}
.ir-block .ktc-video-tab .ktc-video-menu li.active {
  background-color: rgb(248, 238, 234);
}
.ir-block .ktc-video-tab .swiper .swiper-button-prev::before {
  content: "";
  background: url(/pub/ir/photo/ic-arrownext.png);
  width: 40px;
  height: 40px;
  background-position: center;
  background-size: cover;
  position: absolute;
  opacity: 1;
  transform: scaleX(-1);
  top: 60px;
}
.ir-block .ktc-video-tab .swiper .swiper-button-next::before {
  content: "";
  background: url(/pub/ir/photo/ic-arrownext.png);
  width: 40px;
  height: 40px;
  background-position: center;
  background-size: cover;
  position: absolute;
  opacity: 1;
  top: 60px;
}
.ir-block .ktc-video-tab .swiper .swiper-pagination {
  position: relative;
  bottom: -5px;
}
.ir-block
  .ktc-video-tab
  .swiper
  .swiper-pagination
  .swiper-pagination-bullet-active {
  background-color: #be673a;
  width: 20px;
  border-radius: 6px;
}
@media (max-width: 551.98px) {
  .ir-block .ktc-video-tab .swiper .swiper-button-prev::before,
  .ir-block .ktc-video-tab .swiper .swiper-button-next::before {
    top: 95px;
  }
  .ir-block .ktc-video-tab .swiper .swiper-button-prev::before {
    left: -10px;
  }
  .ir-block .ktc-video-tab .swiper .swiper-button-next::before {
    right: -10px;
  }
}
.ir-block .ktc-banner-section {
  background: none;
}
@media (min-width: 768px) {
  .ir-block .ktc-banner-section .breadcrumb-container {
    margin-top: -70px;
  }
  .ir-block .ktc-banner-section .banner-container {
    padding-top: 70px;
  }
}
.ir-block .ktc-banner-section.bg-bond-information {
  min-height: 800px;
}
.ir-block .ktc-banner-section.bg-bond-information::after {
  content: "";
  background: url(/pub/ir/photo/bg-bond-profile-2.png);
  background-position: top right;
  background-repeat: no-repeat;
  position: absolute;
  top: 140px;
  right: 0px;
  background-size: cover;
  height: 180px;
  width: 660px;
  z-index: -1;
}
@media (max-width: 991.98px) {
  .ir-block .ktc-banner-section.bg-bond-information::after {
    background: none;
  }
}
.ir-block .ktc-banner-section.bg-bond-information.hidden-bg {
  background: none;
}
.ir-block
  .select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #c16e42;
}
.ir-block
  .select2-container--default
  .select2-search--inline
  .select2-search__field {
  font-family: "gotham-rnd", "Conv_SukhumvitTadmai_Tex";
}
.ir-block .ktc-bond-information .ktc-bond-information-table {
  padding: 30px 40px 40px;
}
@media (max-width: 551.98px) {
  .ir-block .ktc-bond-information .ktc-bond-information-table {
    padding: 30px 0;
  }
}
.ir-block .ktc-bond-information .ktc-bond-information-table .card {
  border: none;
}
.ir-block .ktc-bond-information .ktc-bond-information-table .border-top-card {
  border-top: 2px solid #be673a;
}
.ir-block
  .ktc-bond-information
  .ktc-bond-information-table
  .card-header:first-child {
  border-radius: 0px;
}
.ir-block
  .ktc-bond-information
  .ktc-bond-information-table
  .card-body-inner
  .ktc-bond-information-table-element
  img {
  position: absolute;
  right: 16px;
}
@media (max-width: 551.98px) {
  .ir-block
    .ktc-bond-information
    .ktc-bond-information-table
    .card-body-inner
    .ktc-bond-information-table-element
    img {
    top: 20px;
    right: 0;
  }
}
.ir-block .ktc-bond-information .ktc-bond-information-table .card-header {
  background-color: #f9efeb;
  border-bottom: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 0.9375rem;
}
.ir-block
  .ktc-bond-information
  .ktc-bond-information-table
  .card-header
  .btn-link {
  color: #000;
  font-size: 18px;
  font-weight: 800;
  width: 100%;
  text-align: left;
}
.ir-block
  .ktc-bond-information
  .ktc-bond-information-table
  .card-header
  .btn-link:hover,
.ir-block
  .ktc-bond-information
  .ktc-bond-information-table
  .card-header
  .btn-link:focus {
  text-decoration: none;
}
.ir-block
  .ktc-bond-information
  .ktc-bond-information-table
  .card-header
  .btn-link::after {
  content: url(/pub/ir/photo/ic-minus-orange.svg);
  position: absolute;
  width: 18px;
  height: 15px;
  margin-left: 10px;
  right: 50px;
}
.ir-block
  .ktc-bond-information
  .ktc-bond-information-table
  .card-header
  .btn-link.collapsed::after {
  content: url(/pub/ir/photo/ic-plus-orange.svg);
  position: absolute;
  width: 18px;
  height: 15px;
  margin-left: 10px;
  right: 50px;
}
@media (max-width: 767.98px) {
  .ir-block
    .ktc-bond-information
    .ktc-bond-information-table
    .card-header
    .btn-link::after {
    content: url(/pub/ir/photo/ic-minus-orange.svg);
    position: absolute;
    width: 18px;
    height: 15px;
    top: 30px;
    margin-left: 10px;
    right: 50px;
  }
  .ir-block
    .ktc-bond-information
    .ktc-bond-information-table
    .card-header
    .btn-link.collapsed::after {
    content: url(/pub/ir/photo/ic-plus-orange.svg);
    position: absolute;
    width: 18px;
    height: 15px;
    top: 30px;
    margin-left: 10px;
    right: 50px;
  }
}
.ir-block
  .ktc-bond-information
  .ktc-bond-information-table
  .ktc-bond-information-table-subheader {
  font-size: 22px;
  padding: 16px 20px;
}
.ir-block
  .ktc-bond-information
  .ktc-bond-information-table
  .ktc-bond-information-table-element {
  display: flex;
  justify-content: space-between;
  padding: 16px 20px;
  color: #000;
  font-size: 16px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
.ir-block
  .ktc-bond-information
  .ktc-bond-information-table
  .ktc-bond-information-table-element:hover {
  text-decoration: none;
  background-color: #ebebeb;
}
.ir-block
  .ktc-bond-information
  .ktc-bond-information-table
  .ktc-bond-information-table-element
  img {
  position: absolute;
  right: 32px;
}
.ir-block .ktc-bond-information .ktc-bond-information-table .last-element {
  border-bottom: none;
}
.ir-block
  .ktc-bond-information
  .ktc-bond-information-table
  .ktc-bond-information-file-content {
  display: flex;
  justify-content: space-between;
  padding: 10px 18px;
  font-family: "sarabun";
  font-size: 16px;
}
.ir-block .ktc-bond-information .ktc-bond-information-table .filesize {
  padding-right: 30px;
}
.ir-block .ktc-bond-information .ktc-bond-information-table .filesize::after {
  content: url(/pub/ir/photo/ic-download.svg);
  position: absolute;
  width: 18px;
  height: 15px;
  margin-left: 10px;
}
.ir-block
  .ktc-bond-information
  .ktc-bond-information-table
  .filesize.icon-white {
  padding-right: 30px;
}
.ir-block
  .ktc-bond-information
  .ktc-bond-information-table
  .filesize.icon-white::after {
  content: url(/pub/ir/photo/ic-download-white.svg);
  position: absolute;
  width: 18px;
  height: 15px;
  margin-left: 10px;
}
.ir-block .ktc-bond-information .ktc-bond-information-table a {
  width: 100%;
}
@media (max-width: 551.98px) {
  .ir-block
    .ktc-bond-information
    .ktc-bond-information-table
    .card-header
    .btn-link::after,
  .ir-block
    .ktc-bond-information
    .ktc-bond-information-table
    .card-header
    .btn-link.collapsed::after {
    top: 14px;
    right: 10px;
    margin-left: 0;
  }
  .ir-block
    .ktc-bond-information
    .ktc-bond-information-table
    .ktc-bond-information-table-element
    img {
    top: 20px;
    right: 0;
  }
}
.ir-block .ktc-bond-information .btn-ir {
  padding: 20px;
}
.ir-block .ktc-bond-information .information-offered-anchor {
  position: relative;
  height: 50px;
}
.ir-block
  .ktc-bond-information
  .information-offered-anchor.information-offered-anchor::before {
  content: "";
  background-image: url(/pub/ir/photo/bg-bond-profile-4.png);
  background-repeat: no-repeat;
  position: absolute;
  top: -55px;
  left: -20px;
  background-size: contain;
  height: 650px;
  width: 100%;
  z-index: -1;
}
@media (max-width: 991.98px) {
  .ir-block
    .ktc-bond-information
    .information-offered-anchor.information-offered-anchor::before {
    background: none;
  }
}
@media (max-width: 551.98px) {
  .ir-block
    .ktc-bond-information
    .information-offered-anchor.information-offered-anchor::before {
    background-image: url(/pub/ir/photo/bg-bond-profile-4-md.png);
    top: -70px;
    left: 0px;
  }
}
@media (max-width: 551.98px) {
  .ir-block .ktc-bond-information .title {
    font-size: 25px;
    margin: 0 !important;
  }
}
.ir-block .no-available {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 380px;
}
.ir-block .no-available .no-available-description {
  color: #aaa;
  margin-top: 6px;
}
.ir-block .bg-after-container {
  height: 150px;
  position: relative;
}
.ir-block .bg-after-container .bg-footer {
  z-index: -1;
  position: absolute;
  top: -50px;
}
/* .ktc-cr-banner-section .bg-bond-information */
body:has(.ir-block .ktc-cr-banner-section.bg-bond-information) {
  background-color: #fafafa;
}
body :has(.ir-block .ktc-cr-banner-section.bg-bond-information) .ir-block {
  background-color: transparent;
}
.page-wrapper :has(.ir-block .ktc-cr-banner-section.bg-bond-information)::after {
  content: "";
  background: url(/pub/ir/photo/bg-bond-profile-2.png);
  background-position: top right;
  background-repeat: no-repeat;
  position: absolute;
  top: 120px;
  right: 0px;
  background-size: cover;
  height: 180px;
  width: 660px;
  z-index: 0;
}
@media (max-width: 991.98px) {
  .page-wrapper :has(.ir-block .ktc-cr-banner-section.bg-bond-information)::after {
    background: none;
  }
}
.ir-block .ktc-cr-banner-section.bg-bond-information.hidden-bg {
  background: none;
}
.ir-block .ktc-cr-banner-section .title {
  margin-top: 70px;
  font-size: 35px;
}
.ir-block .ktc-download-btn {
  background: linear-gradient(
    135deg,
    rgb(211, 153, 115) 0%,
    rgb(175, 98, 70) 100%
  );
  border-radius: 6px;
  border: none;
  height: 64px;
  width: 195px;
  padding: 0;
}
.ir-block .bg-bond-credit-rating-banner {
  background: url(/pub/ir/photo/bg-bond-credit-rating-banner.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 60px 0;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .ir-block .bg-bond-credit-rating-banner {
    background: url(/pub/ir/photo/bg-bond-credit-rating-banner-md.png)
      top center/cover no-repeat;
    width: 100vw;
    padding-top: 200px;
    padding-bottom: 65px;
  }
}
.ir-block .bg-bond-credit-rating-banner .header {
  font-size: 25px;
}
.ir-block .bg-bond-credit-rating-banner .sub-headers {
  font-size: 16px;
}
.ir-block .bg-bond-credit-rating-banner .lower-container .mobile-container {
  width: 100%;
  margin-top: 40px;
}
.ir-block
  .bg-bond-credit-rating-banner
  .lower-container
  .mobile-container
  .download-btn-mobile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-radius: 4px;
  padding: 0 20px;
  max-height: 45px;
}
.ir-block
  .bg-bond-credit-rating-banner
  .lower-container
  .mobile-container
  .download-btn-mobile
  .download-icon {
  max-height: 15px;
}
.ir-block .ktc-credit-rating-status {
  font-size: 55px;
  color: #be673a;
  font-weight: bold;
}
.ir-block .ktc-rating-container {
  min-height: 150px;
}
.ir-block .ktc-rating-container .rating-element {
  margin: 0;
  max-height: 130px;
}
@media (max-width: 991.98px) {
  .ir-block .ktc-rating-container .rating-element {
    margin: 0.5rem 0;
  }
}
.ir-block .ktc-table-section .title {
  font-size: 25px;
}
.ir-block .ktc-table-section .table-section {
  overflow-x: scroll;
  max-width: 1080px;
}
.ir-block .ktc-table-section .table-section::-webkit-scrollbar {
  height: 6px;
}
.ir-block .ktc-table-section .table-section::-webkit-scrollbar-track {
  background-color: #f9efeb;
  margin: 0 1rem;
  border-radius: 5px;
}
.ir-block .ktc-table-section .table-section::-webkit-scrollbar-thumb {
  background-color: #be673a;
  border-radius: 5px;
}
.ir-block .ktc-table-section .table-section .ktc-table {
  border-bottom: 1px solid #dee2e6;
}
.ir-block .ktc-table-section .table-section .ktc-table .ktc-table-header {
  border-top: 4px solid #be673a;
  background-color: #f9efeb;
  font-weight: bold;
  font-family: "gotham-rnd", "Conv_SukhumvitTadmai_Tex";
}
.ir-block
  .ktc-table-section
  .table-section
  .ktc-table
  .ktc-table-header
  .inner-ktc-table-header {
  padding: 30px 0;
}
.ir-block .ktc-table-section .table-section .ktc-table .file-size {
  font-size: 12px;
  min-width: 50px;
}
@media (max-width: 551.98px) {
  .ir-block .ktc-table-section .table-section .ktc-table {
    min-width: 950px;
  }
}
.ir-block .creditrating-text {
  font-family: "sarabun";
}
.ir-block .ktc-shareholder-banner-section {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ir-block .ktc-shareholder-banner-section.bg-bond-information {
      position: relative;
    padding-top: 100px;
    padding-bottom: 50px;
}

.page-wrapper :has(.ir-block .ktc-shareholder-banner-section.bg-bond-information)::after {
  content: "";
  background: url(/pub/ir/photo/bg-bond-profile-2.png);
  background-position: top right;
  background-repeat: no-repeat;
  position: absolute;
  top: 120px;
  right: 0px;
  background-size: cover;
  height: 180px;
  width: 660px;
  z-index: 0;
}
@media (max-width: 991.98px) {
  .page-wrapper :has(.ir-block .ktc-shareholder-banner-section.bg-bond-information)::after {
    background: none;
  }
}
.ir-block .ktc-shareholder-banner-section.bg-bond-information.hidden-bg {
  background: none;
}
.ir-block .shareholder-benefits-second-section {
  background: url(/pub/ir/photo/bg-shareholder-benefits-banner.png);
  background-size: cover;
  min-height: 550px;
  display: flex;
  align-items: center;
}
.ir-block .shareholder-benefits-second-section .mobile-download-btn {
  height: 50px;
  border-radius: 4px;
}
@media (max-width: 551.98px) {
  .ir-block .shareholder-benefits-second-section .title {
    font-size: 35px;
  }
  .ir-block .shareholder-benefits-second-section .subtitle,
  .ir-block .shareholder-benefits-second-section .month-period {
    font-size: 18px;
  }
}
@media (max-width: 767.98px) {
  .ir-block .shareholder-benefits-second-section {
    background: url(/pub/ir/photo/bg-shareholder-benefits-banner-md.png)
      top center/cover no-repeat;
    padding-top: 115px;
    padding-bottom: 65px;
  }
}
.ir-block .bg-shareholder-benefits-banner {
  background: url();
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 547px;
  width: 100%;
}
.ir-block .latest-doc {
  color: #be673a;
}
.ir-block .month-period {
  color: #999999;
}
.ir-block .shareholder-benefits-third-section label {
  width: 100%;
  text-align: left;
}
@media (max-width: 551.98px) {
  .ir-block .shareholder-benefits-third-section label {
    text-align: center;
  }
  .ir-block
    .shareholder-benefits-third-section
    .ktc-magazine-details-container {
    width: 70vw;
  }
}
.ir-block .shareholder-benefits-third-section .magazine-file-size {
  color: #aaaaaa;
}
.ir-block .shareholder-benefits-third-section .ktc-shareholder-filter {
  padding: 20px 30px 30px;
}
.ir-block
  .shareholder-benefits-third-section
  .ktc-shareholder-filter
  .select2-selection {
  cursor: pointer;
  height: 32px;
}
.ir-block
  .shareholder-benefits-third-section
  .ktc-shareholder-filter
  .select2-selection__rendered {
  cursor: pointer;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 60%;
}
.ir-block
  .shareholder-benefits-third-section
  .ktc-shareholder-filter
  .select2-container
  #select2-ktc-shareholder-year-selector-results
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #c16e42;
}
.ir-block
  .shareholder-benefits-third-section
  .ktc-shareholder-filter
  .select2-container
  #select2-ktc-shareholder-year-selector-results
  .select2-search--inline
  .select2-search__field {
  font-family: "gotham-rnd", "Conv_SukhumvitTadmai_Tex";
}
.ir-block
  .shareholder-benefits-third-section
  .ktc-shareholder-filter
  .select2-container
  #select2-ktc-shareholder-year-selector-results
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #fff;
  color: #c16e42;
}
.ir-block
  .shareholder-benefits-third-section
  .ktc-shareholder-filter
  .select2-container
  #select2-ktc-shareholder-year-selector-results
  .select2-results__option--selectable {
  margin-left: 2rem;
  position: relative;
}
.ir-block
  .shareholder-benefits-third-section
  .ktc-shareholder-filter
  .select2-container
  #select2-ktc-shareholder-year-selector-results
  .select2-results__option--selected {
  background-color: #fff;
  margin-left: 2rem;
  position: relative;
}
.ir-block .shareholder-benefits-third-section .card-header {
  background-color: transparent;
  border-bottom: none;
}
.ir-block .shareholder-benefits-third-section .header {
  padding-top: 0.9rem;
  font-size: 35px;
}
.ir-block .shareholder-benefits-third-section .horizontal-line {
  margin: 0.65rem 0 1.3rem 0;
}
.ir-block .anchor {
  position: relative;
}
.ir-block .anchor.anchor::before {
  content: "";
  background-image: url(/pub/ir/photo/bg-bond-profile-3.png);
  background-repeat: no-repeat;
  position: absolute;
  top: -750px;
  left: -20px;
  background-size: contain;
  height: 650px;
  width: 290px;
}
@media (max-width: 991.98px) {
  .ir-block .anchor.anchor::before {
    background: none;
  }
}
.ir-block .ktc-shareholder-magazine-xl {
  max-width: 340px;
  box-shadow: 6px 6px 16px rgba(0, 0, 0, 0.3);
}
.ir-block .ktc-shareholder-magazine-l {
  max-width: 200px;
  object-fit: contain;
  border-radius: 6px;
}
.ir-block .magazine-download-btn {
  width: 26px;
}
.ir-block .ktc-shareholder-magazine {
  max-height: 450px;
}
.ir-block .btn-inner-accordion {
  white-space: initial;
  display: flex;
  justify-content: space-between;
  padding: 16px 20px;
  color: #000;
  font-size: 16px !important;
  border-bottom: 1px solid #ebebeb;
  background-color: #fff;
  font-weight: 400 !important;
}
.ir-block .btn-inner-accordion:hover {
  background-color: #ebebeb;
}
.ir-block
  .ktc-bond-information
  .ktc-bond-information-table
  .card-header
  .btn-link.collapsed.btn-inner-accordion::after {
  filter: brightness(0%);
  right: 32px;
}
@media (max-width: 551.98px) {
  .ir-block
    .ktc-bond-information
    .ktc-bond-information-table
    .card-header
    .btn-link.collapsed.btn-inner-accordion::after {
    top: 20px;
    right: 0;
  }
}
.ir-block
  .ktc-bond-information
  .ktc-bond-information-table
  .card-header
  .btn-link.btn-inner-accordion::after {
  filter: brightness(0%);
  right: 32px;
}
@media (max-width: 551.98px) {
  .ir-block
    .ktc-bond-information
    .ktc-bond-information-table
    .card-header
    .btn-link.btn-inner-accordion::after {
    top: 20px;
    right: 0;
  }
}
@media (max-width: 1300px) {
  .ir-block .table-dealer {
    overflow-x: auto;
  }
}
.ir-block .table-dealer::-webkit-scrollbar {
  height: 6px;
  background: #f2f2f2;
}
.ir-block .table-dealer::-webkit-scrollbar-thumb:horizontal {
  background: rgba(190, 103, 58, 0.2);
  border-radius: 10px;
}
.ir-block .table-dealer table {
  width: 1080px;
}
.ir-block .table-dealer table tbody tr:hover {
  background-color: #ebebeb;
}
.ir-block .table-dealer table th {
  width: auto;
  text-align: center;
}
.ir-block .table-dealer table th:nth-child(2) {
  text-align: left;
}
.ir-block .table-dealer table th:nth-child(3) {
  padding-right: 146px;
}
.ir-block .table-dealer table th:nth-child(4) {
  padding-right: 66px;
}
.ir-block .table-dealer table th:first-child,
.ir-block .table-dealer table td:first-child {
  width: 133px;
  text-align: center;
}
.ir-block .table-dealer thead {
  background-color: rgba(191, 103, 59, 0.2);
}
.ir-block .table-dealer thead th {
  color: #111111;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  padding: 23px;
  vertical-align: middle;
  border-top: 4px solid #be673a;
}
.ir-block .table-dealer thead th .text-psl {
  color: #000;
  font-weight: 400;
  font-family: "sarabun";
  font-size: 16px;
}
.ir-block .table-dealer tbody tr.bg-grey {
  background-color: #fafafa;
}
.ir-block .table-dealer tbody td {
  padding: 23px;
  color: #000;
  font-weight: 400;
  font-family: "gotham-rnd", "Conv_SukhumvitTadmai_Tex";
  font-size: 16px;
  line-height: 20px;
  border-bottom: 1px solid #e0e0e0;
}
.ir-block .table-dealer tbody td p {
  margin-bottom: 16px;
  color: #555;
}
.ir-block .table-dealer tbody td p:last-child {
  margin-bottom: 0;
}
.ir-block .table-dealer tbody td .border-grey {
  position: relative;
  padding-bottom: 16px;
  color: #000;
}
.ir-block .table-dealer tbody td .border-grey.left-0::after {
  left: 0;
}
.ir-block .table-dealer tbody td .border-grey::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: -30px;
  right: -30px;
  height: 1px;
  background-color: #e0e0e0;
}
.ir-block .credit-bond-section {
  background: url(/pub/ir/photo/bond-profile1.png) center/cover
    no-repeat;
  padding: 35px 0 60px;
  color: #111;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .ir-block .credit-bond-section {
    background-image: url(/pub/ir/photo/bond-profile2.png);
    background-position: top;
    padding: 110px 0 20px;
  }
}
.ir-block .credit-bond-section .max-w-1100 {
  max-width: 1100px;
  margin: 0 auto;
}
.ir-block .credit-bond-section .credit-bond-box {
  text-align: center;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .ir-block .credit-bond-section .credit-bond-box {
    margin-bottom: 45px;
  }
}
.ir-block .credit-bond-section .credit-bond-box .heading {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  display: flex;
  align-items: end;
  justify-content: center;
  flex-wrap: wrap;
}
.ir-block .credit-bond-section .credit-bond-box .note {
  font-size: 14px;
  font-weight: 400;
}
.ir-block .credit-bond-section .credit-bond-box .value {
  font-size: 55px;
  color: #be673a;
  font-weight: 700;
}
.ir-block .credit-bond-section .credit-bond-box .value span {
  font-size: 18px;
  margin-left: -10px;
}
@media (max-width: 1300px) {
  .ir-block .table-bond {
    overflow-x: auto;
  }
}
.ir-block .table-bond::-webkit-scrollbar {
  height: 6px;
  background: #f2f2f2;
}
.ir-block .table-bond::-webkit-scrollbar-thumb:horizontal {
  background: rgba(190, 103, 58, 0.2);
  border-radius: 10px;
}
.ir-block .table-bond table {
  width: 1080px;
}
.ir-block .table-bond table tbody tr:hover {
  background-color: #ebebeb;
}
.ir-block .table-bond table th {
  width: auto;
  text-align: right;
}
.ir-block .table-bond table th:nth-child(1),
.ir-block .table-bond table th:nth-child(2) {
  text-align: left;
}
.ir-block .table-bond table th:nth-child(5),
.ir-block .table-bond table th:nth-child(6) {
  cursor: pointer;
}
.ir-block .table-bond table th:nth-child(5) img,
.ir-block .table-bond table th:nth-child(6) img {
  transition: all 0.3s;
}
.ir-block .table-bond table th:nth-child(5).asc img,
.ir-block .table-bond table th:nth-child(6).asc img {
  transform: rotate(180deg);
}
.ir-block .table-bond table th:first-child,
.ir-block .table-bond table td:first-child {
  width: 133px;
}
.ir-block .table-bond thead {
  background-color: rgba(191, 103, 59, 0.2);
}
.ir-block .table-bond thead th {
  color: #111111;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  padding: 23px 18px;
  vertical-align: middle;
  border-top: 4px solid #be673a;
}
.ir-block .table-bond thead th .text-psl {
  color: #000;
  font-weight: 400;
  font-family: "sarabun";
  font-size: 16px;
}
.ir-block .table-bond tbody tr.bg-grey {
  background-color: #fafafa;
}
.ir-block .table-bond tbody td {
  padding: 23px 18px;
  color: #000;
  font-weight: 400;
  font-family: "gotham-rnd", "Conv_SukhumvitTadmai_Tex";
  font-size: 16px;
  line-height: 25px;
  border-bottom: 1px solid #e0e0e0;
  text-align: right;
}
.ir-block .table-bond tbody td:nth-child(1),
.ir-block .table-bond tbody td:nth-child(2) {
  text-align: left;
}
.ir-block .table-bond tbody td p {
  margin-bottom: 16px;
  color: #555;
}
.ir-block .table-bond tbody td p:last-child {
  margin-bottom: 0;
}
.ir-block .table-bond tbody td .border-grey {
  position: relative;
  padding-bottom: 16px;
  color: #000;
}
.ir-block .table-bond tbody td .border-grey.left-0::after {
  left: 0;
}
.ir-block .table-bond tbody td .border-grey::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: -30px;
  right: -30px;
  height: 1px;
  background-color: #e0e0e0;
}
.ir-block .bond-card-seciton {
  margin-top: 135px;
  color: #111;
}
@media (max-width: 767px) {
  .ir-block .bond-card-seciton {
    margin-top: 60px;
  }
}
.ir-block .bond-card-seciton .swiper-card-box {
  position: relative;
}
.ir-block .bond-card-seciton .swiper-bond {
  position: static;
}
.ir-block .bond-card-seciton .swiper-bond .swiper-pagination {
  bottom: -30px;
}
.ir-block
  .bond-card-seciton
  .swiper-bond
  .swiper-pagination
  .swiper-pagination-bullet-active {
  background-color: #be673a;
  width: 20px;
  border-radius: 6px;
}
.ir-block .bond-card-seciton .bond-card .title-box {
  position: relative;
}
.ir-block .bond-card-seciton .bond-card .title-box h3 {
  position: absolute;
  top: 30px;
  left: 24px;
  font-size: 25px;
  font-weight: 700;
  line-height: 28px;
}
@media (max-width: 551px) {
  .ir-block .bond-card-seciton .bond-card .title-box h3 {
    font-size: 30px;
    line-height: 37px;
  }
}
.ir-block .max-w-1140 {
  max-width: 1140px;
  margin: 0 auto;
}
@media (max-width: 1300px) {
  .ir-block .table-bond-detail {
    overflow-x: auto;
  }
}
.ir-block .table-bond-detail::-webkit-scrollbar {
  height: 6px;
  background: #f2f2f2;
}
.ir-block .table-bond-detail::-webkit-scrollbar-thumb:horizontal {
  background: rgba(190, 103, 58, 0.2);
  border-radius: 10px;
}
.ir-block .table-bond-detail table {
  width: 1080px;
}
.ir-block .table-bond-detail table th {
  width: auto;
  text-align: left;
}
.ir-block .table-bond-detail table th:first-child,
.ir-block .table-bond-detail table td:first-child {
  width: 366px;
  background-color: #f3f3f3;
  font-weight: 700;
  padding-left: 50px;
}
.ir-block .table-bond-detail thead {
  background-color: rgba(191, 103, 59, 0.2);
}
.ir-block .table-bond-detail thead th {
  color: #111111;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  vertical-align: middle;
  border-top: 4px solid #be673a;
}
.ir-block .table-bond-detail thead th .text-psl {
  color: #000;
  font-weight: 400;
  font-family: "sarabun";
  font-size: 16px;
}
.ir-block .table-bond-detail tbody tr.bg-grey {
  background-color: #fafafa;
}
.ir-block .table-bond-detail tbody td {
  padding: 18px;
  padding-left: 22px;
  color: #000;
  font-weight: 400;
  font-family: "gotham-rnd", "Conv_SukhumvitTadmai_Tex";
  font-size: 16px;
  line-height: 25px;
  border-bottom: 1px solid #e0e0e0;
  text-align: right;
}
.ir-block .table-bond-detail tbody td:nth-child(1),
.ir-block .table-bond-detail tbody td:nth-child(2) {
  text-align: left;
}
.ir-block .table-bond-detail tbody td p {
  margin-bottom: 16px;
  color: #555;
}
.ir-block .table-bond-detail tbody td p:last-child {
  margin-bottom: 0;
}
.ir-block .table-bond-detail tbody td .border-grey {
  position: relative;
  padding-bottom: 16px;
  color: #000;
}
.ir-block .table-bond-detail tbody td .border-grey.left-0::after {
  left: 0;
}
.ir-block .table-bond-detail tbody td .border-grey::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: -30px;
  right: -30px;
  height: 1px;
  background-color: #e0e0e0;
}
.ir-block .shareholders-structure-section {
  padding: 70px 0;
  background: url(/pub/ir/upper/images/shareholders/shareholders1.png);
  background-repeat: no-repeat;
  background-position: center;
}
.ir-block .shareholders-structure-section .chart-doughtnut {
  display: flex;
  margin-left: auto;
  width: 430px;
}
@media (max-width: 430px) {
  .ir-block .shareholders-structure-section .chart-doughtnut {
    display: block;
    width: 330px;
    margin-left: 8px;
  }
}
@media (max-width: 767px) {
  .ir-block .shareholders-structure-section {
    padding: 40px 0;
    background: url(/pub/ir/upper/images/shareholders/shareholders2.png);
  }
}
.ir-block .shareholders-structure-section .img-chart-shareholders {
  display: flex;
  justify-content: flex-end;
}
.ir-block .shareholders-structure-section .img-chart-shareholders .img-box {
  max-width: 388px;
  position: relative;
}
@media (max-width: 767px) {
  .ir-block .shareholders-structure-section .img-chart-shareholders {
    max-width: 312px;
    margin: 0 auto;
  }
}
.ir-block .shareholders-structure-section .show-percent-graph {
  position: absolute;
  top: -20px;
  left: -90px;
  padding: 13px 18px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(219, 219, 219, 0.64);
}
.ir-block .shareholders-structure-section .show-percent-graph h4 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 4px;
}
.ir-block .shareholders-structure-section .show-percent-graph .percent {
  font-size: 25px;
  font-weight: 700;
  color: #be673a;
}
.ir-block .shareholders-structure-section .structure-text-box {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 100px;
}
@media (max-width: 767px) {
  .ir-block .shareholders-structure-section .structure-text-box {
    padding-left: 0;
    margin-top: 40px;
    justify-content: start;
  }
}
.ir-block .shareholders-structure-section .structure-text-box h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 10px;
}
.ir-block
  .shareholders-structure-section
  .structure-text-box
  .structure-text-inner {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .ir-block
    .shareholders-structure-section
    .structure-text-box
    .structure-text-inner {
    padding-left: 10px;
    margin-bottom: 30px;
  }
}
.ir-block
  .shareholders-structure-section
  .structure-text-box
  .structure-text-inner
  .structure-inner {
  display: flex;
  gap: 10px;
  align-items: center;
}
.ir-block
  .shareholders-structure-section
  .structure-text-box
  .structure-text-inner
  .circle-color {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.ir-block .shareholders-structure-section .download-factsheet-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 224px;
  padding: 10px 0;
  gap: 10px;
  background: linear-gradient(
    135deg,
    rgb(211, 153, 115) 0%,
    rgb(175, 98, 70) 100%
  );
  border-radius: 6px;
  font-size: 14px;
  color: #fff;
}
@media (max-width: 550px) {
  .ir-block .shareholders-structure-section .download-factsheet-btn {
    width: 100%;
  }
}
.ir-block .shareholders-structure-section .download-factsheet-btn:lang(en) {
  width: 174px;
}
@media (max-width: 1300px) {
  .ir-block .table-shareholders {
    overflow-x: auto;
  }
}
.ir-block .table-shareholders::-webkit-scrollbar {
  height: 6px;
  background: #f2f2f2;
}
.ir-block .table-shareholders::-webkit-scrollbar-thumb:horizontal {
  background: rgba(190, 103, 58, 0.2);
  border-radius: 10px;
}
.ir-block .table-shareholders table {
  width: 1080px;
}
.ir-block .table-shareholders table tbody tr:hover {
  background-color: #ebebeb;
}
@media (max-width: 767px) {
  .ir-block .table-shareholders table {
    width: 850px;
  }
}
.ir-block .table-shareholders table th {
  width: auto;
  text-align: center;
}
.ir-block .table-shareholders table th:nth-child(2) {
  text-align: left;
}
.ir-block .table-shareholders table th:nth-child(3),
.ir-block .table-shareholders table td:nth-child(3),
.ir-block .table-shareholders table th:nth-child(4),
.ir-block .table-shareholders table td:nth-child(4) {
  text-align: right;
  padding-right: 80px;
}
@media (max-width: 767px) {
  .ir-block .table-shareholders table th:nth-child(3),
  .ir-block .table-shareholders table td:nth-child(3),
  .ir-block .table-shareholders table th:nth-child(4),
  .ir-block .table-shareholders table td:nth-child(4) {
    padding-right: 20px;
  }
}
.ir-block .table-shareholders table th:first-child,
.ir-block .table-shareholders table td:first-child {
  width: 203px;
  text-align: center;
}
@media (max-width: 767px) {
  .ir-block .table-shareholders table th:first-child,
  .ir-block .table-shareholders table td:first-child {
    width: auto;
  }
}
.ir-block .table-shareholders thead {
  background-color: rgba(191, 103, 59, 0.2);
}
.ir-block .table-shareholders thead th {
  color: #111111;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  padding: 23px 45px;
  vertical-align: middle;
  border-top: 4px solid #be673a;
}
@media (max-width: 767px) {
  .ir-block .table-shareholders thead th {
    padding: 23px 20px;
  }
}
.ir-block .table-shareholders thead th .text-psl {
  color: #000;
  font-weight: 400;
  font-family: "sarabun";
  font-size: 16px;
}
.ir-block .table-shareholders tbody tr.bg-grey {
  background-color: #fafafa;
}
.ir-block .table-shareholders tbody td {
  padding: 23px 45px;
  color: #000;
  font-weight: 400;
  font-family: "gotham-rnd", "Conv_SukhumvitTadmai_Tex";
  font-size: 16px;
  line-height: 20px;
  border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 767px) {
  .ir-block .table-shareholders tbody td {
    padding: 23px 20px;
  }
}
.ir-block .table-shareholders tbody td p {
  margin-bottom: 16px;
  color: #555;
}
.ir-block .table-shareholders tbody td p:last-child {
  margin-bottom: 0;
}
.ir-block .table-shareholders tbody td .border-grey {
  position: relative;
  padding-bottom: 16px;
  color: #000;
}
.ir-block .table-shareholders tbody td .border-grey.left-0::after {
  left: 0;
}
.ir-block .table-shareholders tbody td .border-grey::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: -30px;
  right: -30px;
  height: 1px;
  background-color: #e0e0e0;
}
.ir-block .shareholders-table-section {
  padding: 100px 0 90px;
}
@media (max-width: 767px) {
  .ir-block .shareholders-table-section {
    padding: 40px 0 80px;
  }
}
.ir-block .shareholders-table-section .text-remark {
  text-align: end;
  font-size: 16px;
  margin-top: 15px;
  margin-right: 26px;
}
@media (max-width: 767px) {
  .ir-block .shareholders-table-section .text-remark {
    text-align: start;
    margin-right: 0;
  }
}
.ir-block .slide-box .slide-text {
  color: #999;
  font-family: "sarabun";
  font-size: 16px;
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
}
.ir-block .section-show-dividends {
  padding-bottom: 100px;
}
@media (max-width: 767px) {
  .ir-block .section-show-dividends {
    padding-bottom: 0;
  }
}
.ir-block .section-show-dividends .show-dividends-img-box {
  height: 100%;
}
.ir-block .section-show-dividends .show-dividends-img-box img {
  height: 100%;
}
.ir-block .section-show-dividends .show-dividends-text-box {
  height: 100%;
  position: relative;
}
@media (max-width: 767px) {
  .ir-block .section-show-dividends .show-dividends-text-box {
    padding: 40px 35px 90px;
    height: auto;
  }
}
.ir-block .section-show-dividends .show-dividends-text-box .swiper-dividends {
  height: 100%;
  position: static;
}
.ir-block
  .section-show-dividends
  .show-dividends-text-box
  .swiper-dividends
  .swiper-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 4px;
}
@media (max-width: 767px) {
  .ir-block
    .section-show-dividends
    .show-dividends-text-box
    .swiper-dividends
    .swiper-wrapper {
    display: flex;
    gap: 0;
  }
}
.ir-block
  .section-show-dividends
  .show-dividends-text-box
  .swiper-dividends
  .swiper-wrapper
  .grid-3 {
  grid-column: 1 / span 3;
}
.ir-block
  .section-show-dividends
  .show-dividends-text-box
  .swiper-dividends
  .swiper-pagination {
  display: block;
  bottom: 50px;
}
.ir-block
  .section-show-dividends
  .show-dividends-text-box
  .swiper-dividends
  .swiper-pagination
  .swiper-pagination-bullet-active {
  background-color: #be673a;
  width: 20px;
  border-radius: 6px;
}
@media (max-width: 767px) {
  .ir-block
    .section-show-dividends
    .show-dividends-text-box
    .swiper-dividends
    .swiper-pagination {
    bottom: 50px;
  }
  .ir-block
    .section-show-dividends
    .show-dividends-text-box
    .swiper-dividends
    .swiper-button-next::before {
    content: "";
    background: url(/pub/ir/photo/arrownext.svg);
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: cover;
    position: absolute;
    opacity: 1;
    top: 0;
  }
  .ir-block
    .section-show-dividends
    .show-dividends-text-box
    .swiper-dividends
    .swiper-button-prev::before {
    content: "";
    background: url(/pub/ir/photo/arrownext.svg);
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: cover;
    position: absolute;
    opacity: 1;
    transform: scaleX(-1);
    top: 0;
  }
}
.ir-block .section-show-dividends .grid-3 .dividends-card {
  background: url(/pub/ir/photo/dividends-swiper-bg.png) center bottom
    no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .ir-block .section-show-dividends .grid-3 .dividends-card {
    background-image: url(/pub/ir/photo/dividends-swiper-bg-mb.png);
  }
}
.ir-block .section-show-dividends .grid-3 .dividends-card .title-box {
  padding: 15px 0;
}
.ir-block .section-show-dividends .grid-3 .dividends-card .title-box h3 {
  font-size: 25px;
}
.ir-block .section-show-dividends .grid-3 .dividends-card .description-box {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 84px;
  height: calc(100% - 67.5px);
  padding-top: 0;
}
@media (max-width: 767px) {
  .ir-block .section-show-dividends .grid-3 .dividends-card .description-box {
    flex-direction: column;
    height: auto;
    gap: 35px;
    padding: 40px 0 80px;
  }
}
.ir-block
  .section-show-dividends
  .grid-3
  .dividends-card
  .description-box
  .baht {
  font-size: 55px;
}
.ir-block
  .section-show-dividends
  .grid-3
  .dividends-card
  .description-box
  .percent {
  font-size: 55px;
}
.ir-block .section-show-dividends .dividends-card {
  height: 100%;
  background-color: #f9efeb;
}
@media (max-width: 767px) {
  .ir-block .section-show-dividends .dividends-card {
    height: auto;
    background: url(/pub/ir/photo/dividends-swiper-bg-mb.png) center
      bottom no-repeat;
    background-size: cover;
  }
}
.ir-block .section-show-dividends .dividends-card .title-box {
  background: linear-gradient(190deg, #d39973 0%, #d39973 30%, #af6246 100%)
    center;
  padding: 10px 0;
  text-align: center;
}
@media (max-width: 767px) {
  .ir-block .section-show-dividends .dividends-card .title-box {
    padding: 15px 0;
  }
}
.ir-block .section-show-dividends .dividends-card .title-box h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .ir-block .section-show-dividends .dividends-card .title-box h3 {
    font-size: 25px;
  }
}
.ir-block .section-show-dividends .dividends-card .description-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
  gap: 10px;
}
.ir-block .section-show-dividends .dividends-card .description-box p {
  font-size: 14px;
}
.ir-block .section-show-dividends .dividends-card .description-box .baht {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}
.ir-block .section-show-dividends .dividends-card .description-box .percent {
  font-size: 25px;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 767px) {
  .ir-block .section-show-dividends .dividends-card .description-box {
    gap: 35px;
    padding: 40px 0 80px;
  }
  .ir-block .section-show-dividends .dividends-card .description-box .baht {
    font-size: 55px;
  }
  .ir-block .section-show-dividends .dividends-card .description-box .percent {
    font-size: 55px;
  }
}
.ir-block .chart-line-custom2 {
  position: relative;
  height: 400px;
}
@media (max-width: 960px) {
  .ir-block .chart-line-custom2 {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .ir-block .chart-line-custom2 {
    overflow: hidden;
  }
}
@media (max-width: 375px) {
  .ir-block .chart-line-custom2 {
    max-width: 340px;
  }
}
.ir-block .section-chart-dividends {
  margin-bottom: 80px;
}
.ir-block .section-chart-dividends h2 {
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 28px;
}
@media (max-width: 767px) {
  .ir-block .section-chart-dividends h2 {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .ir-block .section-chart-dividends {
    margin-bottom: 60px;
  }
}
.ir-block .section-chart-dividends .chart-dividends-box {
  padding: 40px 50px;
  background: linear-gradient(35deg, #eef0f2 0%, #f2f4f5 50%, #f2f4f5 100%);
}
@media (max-width: 767px) {
  .ir-block .section-chart-dividends .chart-dividends-box {
    padding: 40px 10px;
  }
}
.ir-block .section-chart-dividends .chart-dividends-box h3 {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 25px;
}
.ir-block .section-chart-dividends .chart-dividends-box .yield-inner {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .ir-block .section-chart-dividends .chart-dividends-box .yield-inner {
    margin-top: 20px;
  }
}
.ir-block
  .section-chart-dividends
  .chart-dividends-box
  .yield-inner
  .circle-color {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #c7835d;
  border: 2px solid #c7835d;
}
.ir-block .section-chart-dividends .chart-dividends-box .yield-inner p {
  font-size: 14px;
}
.ir-block .ktc-news-body {
  background-color: #fff;
}
.ir-block
  .ktc-news-body
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  background-image: url(/pub/ir/photo/ktc-drop-down-icon.svg);
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  border: none !important;
  height: 10px !important;
  width: 10px !important;
  margin: auto !important;
  top: 17px !important;
  left: -5px !important;
}
.ir-block .ktc-news-body .news-section .text-sukhumvit {
  font-family: "gotham-rnd", "Conv_SukhumvitTadmai_Tex";
}
.ir-block .ktc-news-body .news-section .title-container {
  overflow: hidden;
}
.ir-block .ktc-news-body .news-section .read-more:hover {
  transform: scale(1.07);
}
.ir-block .ktc-news-body .news-section .ktc-news-filter .filter-cat,
.ir-block .ktc-news-body .news-section .ktc-news-filter .filter-year {
  display: flex;
  padding: 0;
  margin: 0 1rem;
  align-items: center;
}
.ir-block .ktc-news-body .news-section .ktc-news-filter .filter-cat {
  min-width: 400px;
}
.ir-block .ktc-news-body .news-section .ktc-news-filter .filter-year {
  min-width: 334px;
}
.ir-block .ktc-news-body .news-section .ktc-news-filter .filter-year label {
  min-width: 80px;
}
.ir-block .ktc-news-body .news-section .ktc-news-filter .select2-container {
  max-width: 276px;
  font-weight: bold;
}
.ir-block
  .ktc-news-body
  .news-section
  .ktc-news-filter
  .select2-selection__rendered {
  line-height: 40px !important;
}
.ir-block
  .ktc-news-body
  .news-section
  .ktc-news-filter
  .select2-container
  .select2-selection--single {
  height: 40px !important;
}
.ir-block
  .ktc-news-body
  .news-section
  .ktc-news-filter
  .select2-selection__arrow {
  height: 40px !important;
}
.ir-block
  .ktc-news-body
  .news-section
  .ktc-news-filter
  .select2-container
  #select2-ktc-news-year-selector-results
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #c16e42;
}
.ir-block
  .ktc-news-body
  .news-section
  .ktc-news-filter
  .select2-container
  #select2-ktc-news-year-selector-results
  .select2-search--inline
  .select2-search__field {
  font-family: "gotham-rnd", "Conv_SukhumvitTadmai_Tex";
}
.ir-block
  .ktc-news-body
  .news-section
  .ktc-news-filter
  .select2-container
  #select2-ktc-news-year-selector-results
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #fff;
  color: #c16e42;
}
.ir-block
  .ktc-news-body
  .news-section
  .ktc-news-filter
  .select2-container
  #select2-ktc-news-year-selector-results
  .select2-results__option--selectable {
  margin-left: 2rem;
  position: relative;
}
.ir-block
  .ktc-news-body
  .news-section
  .ktc-news-filter
  .select2-container
  #select2-ktc-news-year-selector-results
  .select2-results__option--selected {
  background-color: #fff;
  margin-left: 2rem;
  position: relative;
}
@media (max-width: 767.98px) {
  .ir-block .ktc-news-body .news-section .ktc-news-filter .filter-cat,
  .ir-block .ktc-news-body .news-section .ktc-news-filter .filter-year {
    flex-direction: column;
    margin: 0 !important;
  }
  .ir-block .ktc-news-body .news-section .ktc-news-filter .filter-cat label,
  .ir-block .ktc-news-body .news-section .ktc-news-filter .filter-year label {
    width: 100%;
    margin: 2rem 0 0.5rem 0 !important;
  }
  .ir-block .ktc-news-body .news-section .ktc-news-filter .filter-cat label {
    margin: 0 0 0.5rem 0 !important;
  }
  .ir-block .ktc-news-body .news-section .ktc-news-filter .select2-container {
    min-width: 100%;
  }
}
.ir-block .ktc-news-body .news-section .card-header {
  background-color: transparent;
  border-bottom: none;
  padding: 0.75rem 0;
}
.ir-block .ktc-news-body .news-section .ktc-news-table {
  padding: 30px 40px 40px;
}
.ir-block .ktc-news-body .news-section .ktc-news-table .card {
  border: none;
}
.ir-block
  .ktc-news-body
  .news-section
  .ktc-news-table
  .inner-card-header:first-child {
  border-radius: 0px;
}
.ir-block .ktc-news-body .news-section .ktc-news-table .inner-card-header {
  background-color: #f8eeea;
  border-bottom: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 0.9375rem;
}
.ir-block
  .ktc-news-body
  .news-section
  .ktc-news-table
  .inner-card-header
  .btn-link {
  color: #000;
  font-size: 18px;
  font-weight: 800;
  width: 100%;
  text-align: left;
  cursor: default;
}
.ir-block
  .ktc-news-body
  .news-section
  .ktc-news-table
  .inner-card-header
  .btn-link:hover {
  text-decoration: none;
}
.ir-block .ktc-news-body .news-section .ktc-news-table .card-body {
  padding: 3rem 0;
}
.ir-block
  .ktc-news-body
  .news-section
  .ktc-news-table
  .card-body
  .element-container {
  margin: 0 3.7rem;
  padding: 0 1.5rem 1.5rem;
  display: flex;
  border-bottom: 1px solid #ebebeb;
}
.ir-block
  .ktc-news-body
  .news-section
  .ktc-news-table
  .card-body
  .element-container
  .left-container {
  width: 80%;
}
.ir-block
  .ktc-news-body
  .news-section
  .ktc-news-table
  .card-body
  .element-container
  .left-container
  .tag {
  width: 46px;
  height: 26px;
  justify-content: center;
  align-items: center;
  color: white;
  font-weight: bold;
  display: flex;
  background: linear-gradient(
    135deg,
    rgb(211, 153, 115) 0%,
    rgb(175, 98, 70) 100%
  );
  border-radius: 13px;
  margin-right: 1rem;
  font-size: 12px;
}
.ir-block
  .ktc-news-body
  .news-section
  .ktc-news-table
  .card-body
  .element-container
  .left-container
  .title {
  color: #be673a;
}
.ir-block
  .ktc-news-body
  .news-section
  .ktc-news-table
  .card-body
  .element-container
  .left-container
  .date {
  color: #999999;
}
.ir-block
  .ktc-news-body
  .news-section
  .ktc-news-table
  .card-body
  .element-container
  .right-container {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: end;
}
.ir-block
  .ktc-news-body
  .news-section
  .ktc-news-table
  .card-body
  .last-element {
  border-bottom: none;
}
.ir-block .ktc-news-body .news-section .ktc-news-table .card-body .hidden {
  display: none;
  visibility: hidden;
  padding: 0;
}
@media (max-width: 551.98px) {
  .ir-block .ktc-news-body .news-section .ktc-news-table {
    padding: 30px 0;
  }
}
.ir-block .ktc-news-body .news-section .btn-ir {
  padding: 20px;
}
.ir-block .ktc-news-body .news-section .news-anchor {
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 80px;
}
@media (max-width: 991.98px) {
  .ir-block .ktc-news-body .news-section .element-container {
    margin: 0 1.5rem;
  }
}
@media (max-width: 767.98px) {
  .ir-block
    .ktc-news-body
    .news-section
    .ktc-news-table
    .card-body
    .outer-container {
    padding: 0px;
  }
  .ir-block
    .ktc-news-body
    .news-section
    .ktc-news-table
    .card-body
    .outer-container
    .element-container {
    flex-direction: column;
    margin: 0 1rem;
    border-bottom: none;
  }
  .ir-block
    .ktc-news-body
    .news-section
    .ktc-news-table
    .card-body
    .outer-container
    .element-container
    .left-container {
    width: 100%;
  }
  .ir-block
    .ktc-news-body
    .news-section
    .ktc-news-table
    .card-body
    .outer-container
    .element-container
    .right-container {
    width: 100%;
    padding-top: 2.5rem;
    justify-content: start;
  }
}
.ir-block .ktc-news-body .w-1160 {
  width: 1160px;
}
.ir-block .my-calendar {
  max-width: 490px;
}
.ir-block .my-calendar .fc-theme-standard th {
  border: 1px solid transparent;
  overflow: hidden !important;
}
.ir-block .my-calendar .fc-theme-standard td {
  border: 1px solid #ebebeb;
}
.ir-block .my-calendar .fc-theme-standard .fc-scrollgrid {
  border: none;
}
.ir-block .my-calendar .fc-theme-standard .fc-col-header th {
  padding-bottom: 15px;
}
.ir-block .my-calendar .fc-theme-standard .fc-col-header th a {
  font-size: 16px;
  color: #000;
}
@media (max-width: 767px) {
  .ir-block .my-calendar .fc-theme-standard .fc-col-header th a {
    font-size: 14px;
  }
}
.ir-block .my-calendar .fc .fc-toolbar-title {
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .ir-block .my-calendar .fc .fc-toolbar-title {
    font-size: 14px;
  }
}
.ir-block .my-calendar .fc .fc-scroller {
  overflow: hidden !important;
}
.ir-block .my-calendar .fc .fc-scroller-liquid-absolute {
  overflow: hidden auto !important;
}
.ir-block .my-calendar .fc .fc-daygrid-day-frame {
  display: flex;
}
.ir-block .my-calendar .fc-daygrid-day-top {
  height: 100%;
  width: 100%;
  margin: auto 0;
}
.ir-block .my-calendar a:not([href]):not([tabindex]) {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  font-size: 14px;
  color: #be673a;
  line-height: 16px;
  padding: 0;
}
@media (max-width: 767px) {
  .ir-block .my-calendar a:not([href]):not([tabindex]) {
    font-size: 12px;
  }
}
.ir-block .my-calendar .fc .fc-daygrid-event-harness {
  min-height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 13px);
  width: 35px;
  height: 4px;
  background-color: #be673a;
  border-radius: 3px;
}
@media (max-width: 767px) {
  .ir-block .my-calendar .fc .fc-daygrid-event-harness {
    width: 25px;
    height: 3px;
  }
}
.ir-block .my-calendar .fc .fc-daygrid-day-events {
  margin-top: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.ir-block .my-calendar .fc .fc-button-primary {
  background-color: transparent;
  border-color: transparent;
  color: #000;
}
.ir-block .my-calendar .fc .fc-button-primary:not(:disabled).fc-button-active,
.ir-block .my-calendar .fc .fc-button-primary:not(:disabled):active {
  border-color: transparent;
  background-color: transparent;
  color: #000;
}
.ir-block
  .my-calendar
  .fc
  .fc-button-primary:not(:disabled).fc-button-active:focus,
.ir-block .my-calendar .fc .fc-button-primary:not(:disabled):active:focus {
  box-shadow: none;
}
.ir-block .my-calendar .fc .fc-button-primary:focus {
  box-shadow: none;
}
.ir-block .my-calendar .fc .fc-toolbar {
  justify-content: space-around;
}
.ir-block .my-calendar .fc-daygrid-event-dot,
.ir-block .my-calendar .fc-event-time,
.ir-block .my-calendar .fc-event-title {
  display: none;
}
.ir-block .my-calendar .fc-h-event {
  background-color: transparent;
  border-color: transparent;
}
.ir-block .my-calendar .fc .fc-day-other .fc-daygrid-event-harness {
  background-color: transparent;
}
.ir-block .my-calendar .fc .fc-daygrid-day.fc-day-today {
  background-color: #be673a;
}
.ir-block
  .my-calendar
  .fc
  .fc-daygrid-day.fc-day-today
  a:not([href]):not([tabindex]) {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
}
@media (max-width: 767px) {
  .ir-block
    .my-calendar
    .fc
    .fc-daygrid-day.fc-day-today
    a:not([href]):not([tabindex]) {
    font-size: 16px;
  }
}
.ir-block .section-calendar {
  background: url(/pub/ir/photo/calendar1.png) no-repeat bottom right/cover;
  padding: 52px 0;
}
@media (max-width: 767px) {
  .ir-block .section-calendar {
    background: none;
    background-color: #fdfbfa;
  }
}
.ir-block .section-calendar .h3 {
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
.ir-block .section-calendar .calendar-box {
  background-color: #fdfbfa;
}
.ir-block .section-calendar .calendar-box .my-calendar {
  background-color: #fff;
  padding: 30px 40px 40px;
  position: relative;
  margin: 30px auto;
  margin-left: 30px;
}
@media (max-width: 767px) {
  .ir-block .section-calendar .calendar-box .my-calendar {
    margin: 0;
    padding: 20px 12px 12px;
  }
}
.ir-block .section-calendar .calendar-box .my-calendar::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translate(0, -50%);
  height: calc(100% - 40px);
  width: 20px;
  background-color: rgba(209, 209, 209, 0.2);
}
@media (max-width: 767px) {
  .ir-block .section-calendar .calendar-box .my-calendar::before {
    top: auto;
    bottom: -12px;
    right: auto;
    left: 50%;
    height: 12px;
    width: calc(100% - 40px);
    transform: translate(-50%, 0);
  }
}
.ir-block .section-calendar .calendar-box .my-calendar::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -40px;
  transform: translate(0, -50%);
  height: calc(100% - 80px);
  width: 20px;
  background-color: rgba(219, 216, 216, 0.1);
}
@media (max-width: 767px) {
  .ir-block .section-calendar .calendar-box .my-calendar::after {
    top: auto;
    bottom: -24px;
    right: auto;
    left: 50%;
    height: 12px;
    width: calc(100% - 60px);
    transform: translate(-50%, 0);
  }
}
.ir-block .section-calendar .event-calendar-description {
  height: 470px;
  overflow-y: auto;
  padding-left: 30px;
  padding-right: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .ir-block .section-calendar .event-calendar-description {
    height: fit-content;
    max-height: 830px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.ir-block .section-calendar .event-calendar-description .current-date-box {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #efefef;
}
.ir-block
  .section-calendar
  .event-calendar-description
  .current-date-box
  .current-day {
  font-size: 35px;
  font-weight: 700;
}
.ir-block
  .section-calendar
  .event-calendar-description
  .current-date-box
  .current-date {
  font-size: 16px;
  color: #be673a;
  font-weight: 700;
}
.ir-block .section-calendar .event-calendar-description::-webkit-scrollbar {
  width: 4px;
}
.ir-block
  .section-calendar
  .event-calendar-description::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 100px;
}
.ir-block
  .section-calendar
  .event-calendar-description::-webkit-scrollbar-thumb {
  background: #be673a;
  border-radius: 100px;
}
.ir-block
  .section-calendar
  .event-calendar-description::-webkit-scrollbar-thumb:hover {
  background: #be673a;
}
.ir-block .event-box {
  padding: 30px 0 15px;
  border-bottom: 1px solid #efefef;
}
.ir-block .event-box .description-event-box {
  display: flex;
  flex-direction: column;
}
.ir-block .event-box .description-event-box .tag {
  font-size: 14px;
  color: #be673a;
  font-weight: 700;
  margin-bottom: 10px;
}
.ir-block .event-box .description-event-box .title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}
.ir-block .event-box .date {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 14px;
  margin-bottom: 3px;
}
.ir-block .event-box .date .circle {
  height: 4px;
  width: 4px;
  background-color: rgba(170, 170, 170, 0.4);
  transform: rotate(45deg);
}
.ir-block .event-box .location {
  font-size: 10px;
  font-family: "sarabun";
  font-style: italic;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 15px;
}
.ir-block .event-box .add-calendar {
  padding: 0;
  border: 0;
  background-color: transparent;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 12px;
}
.ir-block .no-event {
  width: 100%;
  min-height: 260px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: none;
}
.ir-block .no-event .description-event-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ir-block .no-event .description-event-box .no-event-description {
  color: #be673a;
  font-size: 16px;
  margin-top: 1rem;
}
.ir-block .old-event-box .month-box .month-text {
  height: 60px;
  font-size: 20px;
  font-weight: bold;
  display: flex;
  padding-left: 1.875rem;
  flex-direction: column;
  justify-content: center;
  background-color: #f8eeea;
}
.ir-block .old-event-box .month-box .event-section {
  color: #999999;
  padding: 1.25rem 0 2.75rem 0;
}
.ir-block .old-event-box .event-box {
  padding: 1.25rem 1.875rem 1.875rem 1.875rem;
}
.ir-block .old-event-box .event-box .description-event-box {
  flex-direction: row;
  justify-content: space-between;
  gap: 2rem;
}
@media (max-width: 767.98px) {
  .ir-block .old-event-box .event-box .description-event-box {
    flex-direction: column;
  }
  .ir-block .old-event-box .event-box .description-event-box .add-calendar {
    margin-left: 0;
  }
}
.ir-block .old-event-box .event-box .description-event-box .title-text {
  flex-basis: 40%;
}
.ir-block .old-event-box .event-box .description-event-box .title-text .title {
  margin-bottom: 0;
  color: #000000;
  font-size: 16px;
}
.ir-block .old-event-box .event-box .description-event-box .date-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #212529;
}
.ir-block
  .old-event-box
  .event-box
  .description-event-box
  .date-text
  .location {
  margin: 0;
}
.ir-block .old-event-box .event-box .description-event-box .add-calendar {
  color: #363f42;
}
.ir-block .old-event-box .event-box .add-calendar {
  align-items: baseline;
  margin-left: auto;
}
.ir-block .old-event-box .event-box:last-child {
  border-bottom: none;
}
.ir-block .section-old-event {
  margin: 80px 0 120px;
}
.ir-block
  .section-old-event
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  background-image: url(/pub/ir/photo/ktc-drop-down-icon.svg);
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  border: none !important;
  height: 10px !important;
  width: 10px !important;
  margin: auto !important;
  top: 17px !important;
  left: -5px !important;
}
.ir-block .section-old-event .activity-year {
  margin-bottom: 3rem;
}
.ir-block .section-old-event .activity-year .activity-year-p {
  font-size: 25px;
  font-weight: 700;
}
.ir-block .section-old-event .activity-year .filter-year {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}
.ir-block .section-old-event .activity-year .filter-year label {
  font-size: 14px;
  font-weight: 700;
}
.ir-block
  .section-old-event
  .activity-year
  .filter-year
  .ktc-calendar-year-selector-box {
  width: 132px;
}
@media (max-width: 551.98px) {
  .ir-block .section-old-event .activity-year {
    margin-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  .ir-block .section-old-event .activity-year .old-event-year-select{
    width: 100%;
  }
}
.ir-block .section-old-event .category-selector .select2-container,
.ir-block
  .section-old-event
  .ktc-calendar-year-selector-box
  .select2-container {
  font-weight: bold;
  font-size: 16px;
}
.ir-block .section-old-event .category-selector .select2-selection__rendered,
.ir-block
  .section-old-event
  .ktc-calendar-year-selector-box
  .select2-selection__rendered {
  line-height: 45px !important;
  padding-left: 1.25rem;
}
.ir-block
  .section-old-event
  .category-selector
  .select2-container
  .select2-selection--single,
.ir-block
  .section-old-event
  .ktc-calendar-year-selector-box
  .select2-container
  .select2-selection--single {
  height: 45px !important;
}
.ir-block .section-old-event .category-selector .select2-selection__arrow,
.ir-block
  .section-old-event
  .ktc-calendar-year-selector-box
  .select2-selection__arrow {
  height: 45px !important;
}
.ir-block .section-old-event .category-select-box .category-slide ul {
  font-size: 16px;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  color: #111;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-x: scroll;
}
.ir-block
  .section-old-event
  .category-select-box
  .category-slide
  ul::-webkit-scrollbar {
  display: none;
}
.ir-block .section-old-event .category-select-box .category-slide ul li {
  padding: 10px 20px;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  cursor: pointer;
}
.ir-block .section-old-event .category-select-box .category-slide ul li.active {
  background-color: #f8eeea;
  border-color: #f8eeea;
  color: #be673a;
}
.ir-block .add-calendar-container,
.ir-block .add-calendar-container-event {
  position: relative;
}
.ir-block .add-calendar-container.active .share-container,
.ir-block .add-calendar-container-event.active .share-container {
  display: flex;
}
.ir-block .add-calendar-container .share-container,
.ir-block .add-calendar-container-event .share-container {
  width: 185px;
  height: 204px;
  border: 1px solid #ebebeb;
  background-color: #fff;
  border-radius: 4px;
  padding: 1.25rem 1.25rem 1.75rem;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  z-index: 1;
  display: none;
}
.ir-block .add-calendar-container .share-container .element,
.ir-block .add-calendar-container-event .share-container .element {
  display: flex;
}
.ir-block .add-calendar-container .share-container .element .share-icon,
.ir-block .add-calendar-container-event .share-container .element .share-icon {
  width: 20px;
  margin-right: 1rem;
}
.ir-block .add-calendar-container .calendar,
.ir-block .add-calendar-container-event .calendar {
  top: -85px;
  left: 150px;
}
.ir-block .add-calendar-container .event,
.ir-block .add-calendar-container-event .event {
  top: 30px;
  left: -30px;
}
.ir-block .shareholders-information-banner-section {
  background-image: url(/pub/ir/photo/ktc-shareholders-information-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 523px;
}
.ir-block .shareholders-information-banner-section .container {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 3.4375rem 0;
}
.ir-block .shareholders-information-banner-section .container .left-container,
.ir-block .shareholders-information-banner-section .container .right-container {
  display: flex;
  align-items: center;
}
.ir-block .shareholders-information-banner-section .container .left-container {
  width: 61.8%;
  justify-content: flex-end;
}
.ir-block
  .shareholders-information-banner-section
  .container
  .left-container
  .video-thumbnail {
  width: 100%;
  height: auto;
  max-width: 729px;
  max-height: 413px;
  cursor: pointer;
}
.ir-block .shareholders-information-banner-section .container .right-container {
  width: 38.2%;
  flex-direction: column;
  align-items: flex-start;
  padding: 3.75rem;
}
.ir-block
  .shareholders-information-banner-section
  .container
  .right-container
  .title {
  font-size: 18px;
  color: #be673a;
  margin-bottom: 1rem;
}
.ir-block
  .shareholders-information-banner-section
  .container
  .right-container
  .description {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 5rem;
}
.ir-block
  .shareholders-information-banner-section
  .container
  .right-container
  .download-btn {
  background: linear-gradient(
    135deg,
    rgb(211, 153, 115) 0%,
    rgb(175, 98, 70) 100%
  );
  width: 163px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: bold;
  font-size: 14px;
}
@media (max-width: 767.98px) {
  .ir-block .shareholders-information-banner-section .container {
    background-image: url(/pub/ir/photo/ktc-shareholders-information-banner-md.png);
    flex-direction: column;
  }
  .ir-block .shareholders-information-banner-section .container .left-container,
  .ir-block
    .shareholders-information-banner-section
    .container
    .right-container {
    width: 90%;
  }
  .ir-block
    .shareholders-information-banner-section
    .container
    .left-container
    .video-thumbnail {
    width: 100%;
    height: auto;
  }
  .ir-block
    .shareholders-information-banner-section
    .container
    .right-container {
    padding: 1rem 0;
  }
  .ir-block
    .shareholders-information-banner-section
    .container
    .right-container
    .description {
    margin-bottom: 2rem;
  }
}
.ir-block .shareholders-information-table-section {
  padding: 4.75rem 0;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.ir-block .shareholders-information-table-section .select2-container {
  max-width: 265px;
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .ir-block .shareholders-information-table-section .select2-container {
    max-width: 100%;
  }
}
.ir-block .shareholders-information-table-section .select2-selection__rendered {
  line-height: 50px !important;
}
.ir-block
  .shareholders-information-table-section
  .select2-container
  .select2-selection--single {
  height: 50px !important;
}
.ir-block .shareholders-information-table-section .select2-selection__arrow {
  height: 50px !important;
}
.ir-block
  .shareholders-information-table-section
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  background-image: url(/pub/ir/photo/ktc-drop-down-icon.svg);
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  border: none !important;
  height: 10px !important;
  width: 10px !important;
  margin: auto !important;
  top: 21px !important;
  left: -5px !important;
}
.ir-block
  .shareholders-information-table-section
  .select2-container
  #select2-ktc-shareholders-year-selector-results
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #c16e42;
}
.ir-block
  .shareholders-information-table-section
  .select2-container
  #select2-ktc-shareholders-year-selector-results
  .select2-search--inline
  .select2-search__field {
  font-family: "gotham-rnd", "Conv_SukhumvitTadmai_Tex";
}
.ir-block
  .shareholders-information-table-section
  .select2-container
  #select2-ktc-shareholders-year-selector-results
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #fff;
  color: #c16e42;
}
.ir-block
  .shareholders-information-table-section
  .select2-container
  #select2-ktc-shareholders-year-selector-results
  .select2-results__option--selectable {
  margin-left: 2rem;
  position: relative;
}
.ir-block
  .shareholders-information-table-section
  .select2-container
  #select2-ktc-shareholders-year-selector-results
  .select2-results__option--selected {
  background-color: #fff;
  margin-left: 2rem;
  position: relative;
}
.ir-block .shareholders-information-table-section .container {
  width: 100%;
  display: flex;
  justify-content: center;
}
.ir-block
  .shareholders-information-table-section
  .container
  .ktc-shareholders-filter {
  width: 15%;
}
.ir-block .shareholders-information-table-section .container .card-header {
  padding: 0;
  background-color: transparent;
  width: 65%;
  border-bottom: none;
}
.ir-block
  .shareholders-information-table-section
  .container
  .table-information {
  margin-left: 4.2rem;
}
.ir-block
  .shareholders-information-table-section
  .container
  .table-information
  .table-head {
  font-size: 18px;
  font-weight: bold;
  min-height: 60px;
  background-color: #f8eeea;
  display: flex;
  align-items: center;
  padding-left: 1.25rem;
  border-top: 4px solid #be673a;
}
.ir-block
  .shareholders-information-table-section
  .container
  .table-information
  .table-body
  .table-row {
  font-size: 16px;
  padding: 20px 2rem;
  border-bottom: 1px solid #f8eeea;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ir-block
  .shareholders-information-table-section
  .container
  .table-information
  .table-body
  .table-row:hover {
  background-color: #ebebeb;
}
.ir-block
  .shareholders-information-table-section
  .container
  .table-information
  .table-body
  .table-row:last-child {
  border-bottom: none;
}
.ir-block
  .shareholders-information-table-section
  .container
  .table-information
  .table-body
  .btn {
  font-size: 12px;
  display: flex;
  justify-content: flex-end;
  width: 100px;
}
.ir-block
  .shareholders-information-table-section
  .container
  .table-information
  .table-body
  .icon {
  width: 18px;
  height: 18px;
  margin-left: 0.5rem;
}
@media (max-width: 991.98px) {
  .ir-block .shareholders-information-table-section .container {
    flex-direction: column;
  }
  .ir-block
    .shareholders-information-table-section
    .container
    .ktc-shareholders-filter {
    width: 100%;
  }
  .ir-block
    .shareholders-information-table-section
    .container
    .ktc-shareholders-filter
    .form-group {
    display: flex;
    flex-direction: column;
    margin: 0 1rem;
  }
  .ir-block .shareholders-information-table-section .container .card-header {
    width: 100%;
  }
  .ir-block
    .shareholders-information-table-section
    .container
    .table-information {
    margin: 2rem 0;
  }
  .ir-block
    .shareholders-information-table-section
    .container
    .table-information
    .table-body
    .table-row {
    padding: 20px 0;
  }
}
@media (max-width: 551.98px) {
  .ir-block
    .shareholders-information-table-section
    .container
    .table-information
    .table-head {
    min-height: 85px;
  }
}
.ir-block .shareholders-information-table-section .shareholders-anchor {
  position: relative;
  height: 50px;
}
.ir-block
  .shareholders-information-table-section
  .shareholders-anchor.shareholders-anchor::before {
  content: "";
  background-image: url(/pub/ir/photo/bg-bond-profile-3.png);
  background-repeat: no-repeat;
  position: absolute;
  top: -400px;
  left: -60px;
  background-size: contain;
  height: 650px;
  width: 100vw;
}
@media (max-width: 991.98px) {
  .ir-block
    .shareholders-information-table-section
    .shareholders-anchor.shareholders-anchor::before {
    background: none;
  }
}
.ir-block .ktc-ir-modal .btn {
  background: linear-gradient(
    135deg,
    rgb(211, 153, 115) 0%,
    rgb(175, 98, 70) 100%
  ) !important;
}
.ir-block .nav-container {
  position: absolute;
  width: 100%;
  top: 66px;
  left: 0;
  z-index: 2;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, #707070 100%);
}
.ir-block .nav-container .breadcrumb-custom {
  height: 40px;
  margin: 0;
  padding: 0;
}
.ir-block .nav-container .breadcrumb-custom .ktc-breadcrumb {
  margin: 0;
}
.ir-block .nav-container .breadcrumb-custom .ktc-breadcrumb li:last-of-type a {
  font-weight: 800;
  color: white !important;
}
@media (max-width: 767.98px) {
  .ir-block .nav-container {
    background: rgba(0, 0, 0, 0.4);
  }
  .ir-block .nav-container .breadcrumb-custom {
    justify-content: flex-start;
  }
}
@media (max-width: 576.99px) {
  .ir-block .nav-container {
    top: 47px;
  }
}
.ir-block .ktc-index-banner-section {
  position: relative;
}
.ir-block .ktc-index-banner-section .swiper-index-list .text-container {
  color: white;
  position: absolute;
  left: 15%;
  top: 50%;
  transform: translateY(-50%);
}
.ir-block .ktc-index-banner-section .swiper-index-list .title {
  font-size: 75px;
  font-weight: bold;
  font-family: "Gotham-Bold";
  line-height: 80px;
  margin-bottom: 1rem;
}
.ir-block .ktc-index-banner-section .swiper-index-list .description {
  max-width: 50%;
}
@media (max-width: 991.98px) {
  .ir-block .ktc-index-banner-section .swiper-index-list .text-container {
    left: 10%;
  }
}
@media (max-width: 767.98px) {
  .ir-block .ktc-index-banner-section .swiper-index-list .title,
  .ir-block .ktc-index-banner-section .swiper-index-list .description {
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
  }
  .ir-block .ktc-index-banner-section .swiper-index-list .title {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 10px;
  }
  .ir-block .ktc-index-banner-section .swiper-index-list .description {
    max-width: 100% !important;
    padding: 0 2rem;
  }
  .ir-block .ktc-index-banner-section .swiper-index-list .text-container {
    left: 0;
    width: 100%;
  }
}
.ir-block
  .ktc-index-banner-section
  .swiper-horizontal
  > .swiper-pagination-bullets,
.ir-block
  .ktc-index-banner-section
  .swiper-pagination-bullets.swiper-pagination-horizontal,
.ir-block .ktc-index-banner-section .swiper-pagination-custom,
.ir-block .ktc-index-banner-section .swiper-pagination-fraction {
  bottom: 60px;
}
.ir-block .ktc-index-banner-section .swiper-pagination-bullet {
  border: none;
  background: white;
  opacity: 100%;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.ir-block .ktc-index-banner-section .swiper-pagination-bullet-active {
  background: #be673a;
  height: 8px;
  width: 16px;
}
.ir-block .ktc-dropdown-menu-section {
  min-height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #ebebeb;
}
.ir-block .ktc-dropdown-menu-section.fixed {
  position: fixed;
  left: 0;
  animation: subhead_animate forwards 500ms;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  width: 100%;
  z-index: 10;
}
@media (max-width: 576px) {
  .ir-block .ktc-dropdown-menu-section.fixed {
    margin-top: -20px;
  }
}
.ir-block .ktc-dropdown-menu-section .btn:focus {
  outline: none !important;
  box-shadow: none !important;
}
.ir-block .ktc-dropdown-menu-section .dropdown-container {
  display: flex;
  justify-content: space-between;
  height: 60px;
}
.ir-block .ktc-dropdown-menu-section .dropdown-container .dropdown-toggle {
  background-color: transparent;
  border: none;
  position: relative;
  color: black;
  height: 100%;
  border-radius: 0;
}
.ir-block .ktc-dropdown-menu-section .dropdown-container .dropdown-toggle:before{
  content: "";
  left: 0;
  right: 0;
  height: 5px;
  position: absolute;
  bottom: 0;
  background-color: transparent;
}
  
.ir-block
  .ktc-dropdown-menu-section
  .dropdown-container
  .dropdown-toggle
  .dropdown-icon {
  transition: 0.2s all;
}
.ir-block
  .ktc-dropdown-menu-section
  .dropdown-container
  .dropdown-toggle:hover {
  color: #be673a;
  font-weight: bold;
}
.ir-block
  .ktc-dropdown-menu-section
  .dropdown-container
  .dropdown-toggle::after {
  display: none;
}
.ir-block .ktc-dropdown-menu-section .dropdown-container .dropdown-toggle:end {
  border-bottom: none;
}
.ir-block
  .ktc-dropdown-menu-section
  .dropdown-container
  .dropdown-toggle:lang(en) {
  font-size: 12px;
}
.ir-block .ktc-dropdown-menu-section .dropdown-container .open {
  display: block;
}
.ir-block
  .ktc-dropdown-menu-section
  .dropdown-container
  .open
  > .dropdown-toggle {
  
  font-weight: bold;
  color: #be673a;
}
.ir-block
  .ktc-dropdown-menu-section
  .dropdown-container
  .open
  > .dropdown-toggle:before{
    background-color:  #be673a;
  }


.ir-block
  .ktc-dropdown-menu-section
  .dropdown-container
  .open
  > .dropdown-toggle
  .dropdown-icon {
  transform: rotate(180deg);
  transition: 0.2s all;
  content: url(/pub/ir/photo/ktc-brown-arrow.svg);
}
.ir-block
  .ktc-dropdown-menu-section
  .dropdown-container
  .open
  > .dropdown-menu {
  display: block;
}
.ir-block .ktc-dropdown-menu-section .dropdown-container .dropdown-menu {
  top: 96%;
  min-width: 205px;
  border-radius: 0;
}
.ir-block .ktc-dropdown-menu-section .dropdown-item {
  font-size: 14px;
}
.ir-block
  .ktc-dropdown-menu-section
  .dropdown-container
  .dropdown-menu:lang(en) {
  font-size: 12px;
  min-width: 277px;
}

@media (max-width: 1350px) {
  .ir-block .ktc-dropdown-menu-section .dropdown-container .dropdown {
    margin-right: 0;
  }
}
@media (max-width: 1300px) {
  .ir-block .ktc-dropdown-menu-section .dropdown-container .dropdown-toggle {
    min-width: auto;
  }
}
.ir-block .ktc-dropdown-menu-section .sub-header-mobile {
  display: none;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  color: #111;
}
.ir-block .ktc-dropdown-menu-section .sub-header-mobile a {
  color: #111;
}
.ir-block .ktc-dropdown-menu-section .sub-header-mobile .heading {
  display: flex;
  height: 60px;
  justify-content: space-between;
  padding: 15px 20px;
  padding-top: 17px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  align-items: center;
}
.ir-block .ktc-dropdown-menu-section .sub-header-mobile .heading.active {
  box-shadow: none;
  border-bottom: 4px solid #be673a;
}
.ir-block
  .ktc-dropdown-menu-section
  .sub-header-mobile
  .heading.active
  .icon-arr {
  transform: rotate(180deg);
}
.ir-block .ktc-dropdown-menu-section .sub-header-mobile .heading .text {
  font-weight: 700;
}
.ir-block .ktc-dropdown-menu-section .sub-header-mobile .heading .icon-arr {
  width: 24px;
  transition: all 0.2s;
  cursor: pointer;
}
.ir-block .ktc-dropdown-menu-section .sub-header-mobile .sub-header-menu {
  padding: 12px 20px;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  display: none;
  overflow: hidden;
  animation: heightMenu 0.2s;
}
.ir-block .ktc-dropdown-menu-section .sub-header-mobile .sub-header-menu.show {
  display: flex;
}
.ir-block
  .ktc-dropdown-menu-section
  .sub-header-mobile
  .sub-header-menu
  .sub-heading {
  display: flex;
  justify-content: space-between;
  padding: 15px 0px;
}
.ir-block
  .ktc-dropdown-menu-section
  .sub-header-mobile
  .sub-header-menu
  .sub-heading
  .icon-arr {
  width: 20px;
  transition: all 0.2s;
  cursor: pointer;
}
.ir-block
  .ktc-dropdown-menu-section
  .sub-header-mobile
  .sub-header-menu
  .sub-heading-group.active
  .sub-heading {
  color: #be673a;
  border-bottom: 1px solid #ebebeb;
}
.ir-block
  .ktc-dropdown-menu-section
  .sub-header-mobile
  .sub-header-menu
  .sub-heading-group.active
  .sub-heading
  .text {
  font-weight: 700;
}
.ir-block
  .ktc-dropdown-menu-section
  .sub-header-mobile
  .sub-header-menu
  .sub-heading-group.active
  .sub-heading
  .icon-arr {
  content: url(/pub/ir/photo/ktc-brown-arrow.svg);
  transform: rotate(180deg);
}
.ir-block .ktc-dropdown-menu-section .sub-header-mobile .child-sub-heading {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  padding: 20px 30px 0;
  display: none;
  overflow: hidden;
  animation: heightMenu 0.2s;
}
.ir-block
  .ktc-dropdown-menu-section
  .sub-header-mobile
  .child-sub-heading.show {
  display: flex;
}
.ir-block .ktc-dropdown-menu-section .sub-header-mobile .child-sub-heading li {
  font-size: 14px;
}
.ir-block .ktc-dropdown-menu-section .btn-home br{
  display: none;
}
@media (min-width: 992px) and (max-width: 1100px) {
  .ir-block .ktc-dropdown-menu-section .btn-home {
    line-height: 1.2em;
  }
  .ir-block .ktc-dropdown-menu-section .btn-home br {
    display: block;
  }
}
.ir-block .ktc-stock-value-section {
  background-color: white;
  display: flex;
  align-items: center;
  padding: 3.06rem 0;
}
.ir-block .ktc-stock-value-section .container .label {
  color: #242424;
  font-size: 14px;
}
.ir-block .ktc-stock-value-section .container .value {
  font-weight: bold;
  font-size: 24px;
  font-family: "Gotham-Bold";
}
.ir-block .ktc-stock-value-section .container .brand {
  font-weight: bold;
}
.ir-block .ktc-stock-value-section .container .brand .set {
  font-size: 16px;
  padding-left: 0.25rem;
}
.ir-block .ktc-stock-value-section .container .brand .brandname {
  font-size: 45px;
  color: #be673a;
  line-height: 50px;
  margin-bottom: 0.5rem;
}
.ir-block .ktc-stock-value-section .container .brand .updated-timestamp {
  font-size: 16px;
  font-weight: normal;
}
.ir-block .ktc-stock-value-section .container .current-price {
  height: 100%;
  display: flex;
}
.ir-block .ktc-stock-value-section .container .current-price .inner-container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.ir-block
  .ktc-stock-value-section
  .container
  .current-price
  .inner-container
  .status-container {
  height: 100%;
  min-width: 12px;
  display: flex;
  align-items: center;
}
.ir-block
  .ktc-stock-value-section
  .container
  .current-price
  .inner-container
  .value {
  font-size: 45px;
  font-weight: bold;
  line-height: 45px;
  margin: 0 0.5rem;
  font-family: "gotham-rnd";
}
.ir-block
  .ktc-stock-value-section
  .container
  .current-price
  .inner-container
  .unit {
  font-weight: normal;
}
.ir-block .ktc-stock-value-section .container .changes,
.ir-block .ktc-stock-value-section .container .change-percent {
  color: #3b9b6f;
}
@media (max-width: 991.98px) {
  .ir-block .ktc-stock-value-section .container {
    flex-wrap: wrap;
    justify-content: center;
  }
  .ir-block .ktc-stock-value-section .container > div {
    align-items: flex-start;
  }
}
@media (max-width: 551.98px) {
  .ir-block .ktc-stock-value-section .container > div {
    align-items: flex-start;
  }
  .ir-block
    .ktc-stock-value-section
    .container
    .current-price
    .inner-container
    .value {
    font-size: 37px;
  }
}
.ir-block .ktc-overview-section {
  background: url(/pub/ir/photo/ktc-overview-sction-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 4.25rem 0 2.25rem 0;
}
.ir-block .ktc-overview-section .swiper-overview-box {
  max-width: 1050px;
  margin: 0 auto;
}
.ir-block .ktc-overview-section .text-container {
  text-align: center;
  margin-bottom: 4rem;
}
.ir-block .ktc-overview-section .text-container .title {
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 1rem;
}
.ir-block .ktc-overview-section .text-container .description {
  font-size: 16px;
}
.ir-block .ktc-overview-section .swiper-card-box {
  position: relative;
}
.ir-block .ktc-overview-section .swiper-overview {
  position: relative;
  padding-bottom: 2rem;
}
.ir-block .ktc-overview-section .swiper-overview .swiper-pagination {
  bottom: 0;
}
.ir-block
  .ktc-overview-section
  .swiper-overview
  .swiper-pagination
  .swiper-pagination-bullet-active {
  background-color: #be673a;
  width: 20px;
  border-radius: 6px;
}
.ir-block .ktc-overview-section .swiper-pagination-bullet {
  border: none;
  background: white;
  opacity: 100%;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.ir-block .ktc-overview-section .swiper-pagination-bullet-active {
  background: #be673a;
  height: 8px;
  width: 16px;
}
@media (max-width: 551px) {
  .ir-block .ktc-overview-section .overview-card {
    padding: 0 20px;
  }
}
.ir-block .ktc-overview-section .overview-card .title-box {
  position: relative;
}
.ir-block .ktc-overview-section .overview-card .title-box h3 {
  position: absolute;
  top: 30px;
  left: 24px;
  font-size: 30px;
  font-weight: 700;
  line-height: 28px;
}
@media (max-width: 551px) {
  .ir-block .ktc-overview-section .overview-card .title-box h3 {
    font-size: 30px;
    line-height: 37px;
  }
}
@media (max-width: 767.98px) {
  .ir-block .ktc-overview-section {
    background-image: url(/pub/ir/photo/ktc-overview-sction-bg-md.png);
  }
}
.ir-block .ktc-business-result {
  min-height: 734px;
  padding: 4.375rem 0;
}
.ir-block .ktc-business-result .container {
  display: flex;
}
.ir-block .ktc-business-result .container .left-container {
  padding: 3rem 0 0 3rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ir-block .ktc-business-result .container .left-container .title {
  font-size: 35px;
  font-weight: bold;
}
.ir-block .ktc-business-result .container .left-container .description {
  font-size: 16px;
  color: #212529;
}
.ir-block .ktc-business-result .container .left-container .lower-container {
  display: flex;
  flex-wrap: wrap;
  row-gap: 5rem;
}
.ir-block
  .ktc-business-result
  .container
  .left-container
  .lower-container
  .each-container {
  font-size: 18px;
  font-weight: bold;
  width: 50%;
}
.ir-block
  .ktc-business-result
  .container
  .left-container
  .lower-container
  .each-container
  .stats {
  font-weight: normal;
  display: flex;
  align-items: flex-end;
}
.ir-block
  .ktc-business-result
  .container
  .left-container
  .lower-container
  .each-container
  .stats
  .number {
  font-size: 40px;
  color: #be673a;
  font-weight: bold;
}
.ir-block
  .ktc-business-result
  .container
  .left-container
  .lower-container
  .each-container
  .stats
  .unit {
  margin: 0.5rem 1rem;
  font-size: 14px;
  color: #999999;
}
.ir-block .ktc-business-result .container .left-container button {
  width: 185px;
  height: 50px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 6px;
  border: none;
  background: linear-gradient(
    135deg,
    rgb(211, 153, 115) 0%,
    rgb(175, 98, 70) 100%
  );
  color: white;
}
.ir-block .ktc-business-result .container .right-container .container {
  width: 433px;
  min-height: 581px;
  background: url(/pub/ir/photo/ktc-business-result-bg.png);
  background-size: contain;
  background-repeat: none;
}
@media (max-width: 991.98px) {
  .ir-block .ktc-business-result .container .left-container {
    padding: 0;
  }
  .ir-block .ktc-business-result .container .left-container .upper-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ir-block
    .ktc-business-result
    .container
    .left-container
    .upper-container
    .title,
  .ir-block
    .ktc-business-result
    .container
    .left-container
    .upper-container
    .description {
    text-align: center;
  }
  .ir-block
    .ktc-business-result
    .container
    .left-container
    .upper-container
    .container {
    width: 308px;
    min-height: 413px;
    margin: 3rem 0;
    background: url(/pub/ir/photo/ktc-business-result-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .ir-block .ktc-business-result .container .left-container .lower-container {
    row-gap: 0;
  }
  .ir-block
    .ktc-business-result
    .container
    .left-container
    .lower-container
    .each-container {
    width: 100% !important;
    display: flex;
    flex-direction: column-reverse;
    margin: 2rem 0;
  }
  .ir-block
    .ktc-business-result
    .container
    .left-container
    .lower-container
    .button-container {
    width: 100%;
  }
  .ir-block
    .ktc-business-result
    .container
    .left-container
    .lower-container
    .button-container
    a,
  .ir-block
    .ktc-business-result
    .container
    .left-container
    .lower-container
    .button-container
    button {
    width: 100%;
    max-width: 100%;
  }
}
.ir-block .ktc-important-financial-information {
  background: url(/pub/ir/photo/ktc-important-financial-information-bg.png);
  background-size: cover;
  min-height: 865px;
  padding: 5rem 0;
}
.ir-block .ktc-important-financial-information .title {
  font-size: 35px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2rem;
}
.ir-block .ktc-important-financial-information .ktc-overview-section {
  background: transparent;
  padding-bottom: 0 !important;
}
.ir-block .ktc-important-financial-information .parent-tab {
  display: flex;
  justify-content: space-evenly;
  column-gap: 70px;
  max-width: 90%;
  margin: 0 auto;
  margin-bottom: 40px;
  border-bottom: 2px solid #ebebeb;
}
.ir-block .ktc-important-financial-information .parent-tab li a {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  color: #acacac;
  cursor: pointer;
  display: block;
  width: 100%;
  padding-bottom: 30px;
}
.ir-block .ktc-important-financial-information .parent-tab li.active a {
  color: #be673a;
}
.ir-block .ktc-important-financial-information .parent-tab li.active a::before {
  transform: translateX(-50%);
  content: "";
  position: absolute;
  left: 50%;
  bottom: -9px;
  width: 16px;
  height: 16px;
  background: linear-gradient(to top right, #be673a 50%, transparent 50%) top
      right,
    linear-gradient(to top left, #be673a 50%, transparent 50%) top left,
    linear-gradient(to bottom right, #be673a 50%, transparent 50%) bottom right,
    linear-gradient(to bottom left, #be673a 50%, transparent 50%) bottom left;
  background-size: 50% 50%;
  background-repeat: no-repeat;
}
.ir-block .ktc-important-financial-information .parent-tab li.active a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  z-index: 2;
  background-image: linear-gradient(
    to left,
    transparent 0%,
    #be673a 50%,
    transparent 100%
  );
}
.ir-block .ktc-important-financial-information .child-tab {
  display: none;
  animation: fadeIn 0.3s;
  padding-top: 3rem;
}
.ir-block .ktc-important-financial-information .child-tab.active {
  display: block;
}
.ir-block .ktc-important-financial-information .child-tab .text-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ir-block
  .ktc-important-financial-information
  .child-tab
  .text-container
  .chart-name {
  font-weight: bold;
  font-size: 30px;
  color: #be673a;
}
.ir-block
  .ktc-important-financial-information
  .child-tab
  .text-container
  .unit {
  font-size: 18px;
}
.ir-block .ktc-important-financial-information .child-tab #myChartDoughnut {
  max-height: 345px;
}
.ir-block .ktc-important-financial-information .parent-select-group {
  font-size: 16px;
  margin-bottom: 30px;
  position: relative;
}
.ir-block
  .ktc-important-financial-information
  .parent-select-group
  .show-text-select-box {
  padding: 10px 20px;
  border: 1px solid #ebebeb;
  border-radius: 7px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  background-color: #fff;
}
.ir-block
  .ktc-important-financial-information
  .parent-select-group
  .show-text-select-box.active
  .icon-arr {
  transform: rotate(180deg);
}
.ir-block
  .ktc-important-financial-information
  .parent-select-group
  .show-text-select-box
  .show-text-select {
  font-weight: 700;
}
.ir-block
  .ktc-important-financial-information
  .parent-select-group
  .show-text-select-box
  .icon-arr {
  width: 10px;
}
.ir-block
  .ktc-important-financial-information
  .parent-select-group
  .parent-select {
  padding: 0;
  border: 1px solid #ebebeb;
  display: none;
  position: absolute;
  width: 100%;
  background-color: #fff;
  z-index: 5;
}
.ir-block
  .ktc-important-financial-information
  .parent-select-group
  .parent-select.active {
  display: block;
}
.ir-block
  .ktc-important-financial-information
  .parent-select-group
  .parent-select
  li
  a {
  display: block;
  padding: 5px 20px;
  cursor: pointer;
}
.ir-block
  .ktc-important-financial-information
  .parent-select-group
  .parent-select
  li:hover
  a,
.ir-block
  .ktc-important-financial-information
  .parent-select-group
  .parent-select
  li.active
  a {
  background-color: #be673a;
  color: #fff;
}
.ir-block .ktc-important-financial-information .mw-714-auto {
  max-width: 714px;
  margin: 0 auto;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ir-block .ktc-important-financial-information .legend {
  display: flex;
  align-items: center;
}
.ir-block .ktc-important-financial-information .legend .legend-container {
  margin-left: 2rem;
}
.ir-block
  .ktc-important-financial-information
  .legend
  .legend-container
  .color {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.ir-block
  .ktc-important-financial-information
  .legend
  .legend-container
  .description {
  font-size: 14px;
}
.ir-block .ktc-important-financial-information .legend .legend-container > div {
  display: flex;
  align-items: center;
}
.ir-block
  .ktc-important-financial-information
  .legend
  .legend-container
  .legend2 {
  margin: 1rem 0;
}
.ir-block
  .ktc-important-financial-information
  .legend
  .legend-container
  .legend1
  > .color {
  background-color: #be673a;
}
.ir-block
  .ktc-important-financial-information
  .legend
  .legend-container
  .legend2
  > .color {
  background-color: #c7afa1;
}
.ir-block
  .ktc-important-financial-information
  .legend
  .legend-container
  .legend3
  > .color {
  background-color: #decfc7;
}
.ir-block .ktc-important-financial-information .roe {
  align-items: flex-start;
  padding-top: 5rem;
}
.ir-block
  .ktc-important-financial-information
  .roe
  .legend-container
  .legend1
  > .color {
  background-color: #b1b1b2 !important;
}
.ir-block
  .ktc-important-financial-information
  .roe
  .legend-container
  .legend2
  > .color {
  background-color: #c7835d !important;
}
.ir-block
  .ktc-important-financial-information
  .roe
  .legend-container
  .legend3
  > .color {
  background-color: #559ebf !important;
}
.ir-block .ktc-important-financial-information .button-container {
  display: flex;
  justify-content: center;
  margin-top: 3rem;
}
.ir-block .ktc-important-financial-information .button-container button {
  width: 203px;
  height: 50px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 6px;
  border: none;
  background: linear-gradient(
    135deg,
    rgb(211, 153, 115) 0%,
    rgb(175, 98, 70) 100%
  );
  color: white;
}
.ir-block .ktc-important-financial-information .chart {
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 767.98px) {
  .ir-block .ktc-important-financial-information .text-container {
    text-align: center;
  }
  .ir-block .ktc-important-financial-information .chart {
    flex-direction: column;
    align-items: center;
  }
}
.ir-block .ktc-investorkits-section {
  background-color: #fdfbfa;
  min-height: 728px;
  padding: 6.25rem 9.375rem;
}
.ir-block .ktc-investorkits-section .upper-container {
  display: flex;
  justify-content: space-between;
  padding-bottom: 3rem;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 3rem;
}
.ir-block .ktc-investorkits-section .upper-container .left-container .title {
  font-weight: bold;
  font-size: 35px;
  margin-bottom: 1rem;
}
.ir-block
  .ktc-investorkits-section
  .upper-container
  .left-container
  .description {
  font-size: 18px;
}
.ir-block .ktc-investorkits-section .upper-container .right-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.ir-block .ktc-investorkits-section button {
  width: 154px;
  height: 50px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 6px;
  border: none;
  background: linear-gradient(
    135deg,
    rgb(211, 153, 115) 0%,
    rgb(175, 98, 70) 100%
  );
  color: white;
}
.ir-block .ktc-investorkits-section .lower-container {
  display: flex;
  justify-content: space-between;
  column-gap: 60px;
}
.ir-block .ktc-investorkits-section .lower-container .title {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 0.9rem;
}
.ir-block .ktc-investorkits-section .lower-container .document-files .card {
  display: flex;
  flex-direction: row;
  font-weight: bold;
  width: 345px;
  height: 90px;
  justify-content: space-between;
  align-items: center;
  padding: 0 2rem;
  margin-top: 1.25rem;
  gap: 1rem;
}
.ir-block
  .ktc-investorkits-section
  .lower-container
  .document-files
  .card
  .document-icon {
  height: 40px;
  width: 29px;
}
.ir-block
  .ktc-investorkits-section
  .lower-container
  .document-files
  .card
  .text {
  min-width: 200px;
}
.ir-block .ktc-investorkits-section .lower-container .document-files .card a,
.ir-block
  .ktc-investorkits-section
  .lower-container
  .document-files
  .card
  .download-icon {
  width: 20px;
  height: 18px;
}
.ir-block .ktc-investorkits-section .lower-container .document-books .title {
  margin-bottom: 0.9rem;
}
.ir-block
  .ktc-investorkits-section
  .lower-container
  .document-books
  .books-container {
  display: flex;
  justify-content: space-between;
}
.ir-block .ktc-investorkits-section .lower-container .document-books .card {
  border: none;
  background-color: transparent;
}
.ir-block
  .ktc-investorkits-section
  .lower-container
  .document-books
  .card
  .text {
  font-weight: bold;
  margin-bottom: 1rem;
  min-height: 45px;
}
.ir-block .ktc-investorkits-section .lower-container .meeting-reports .card {
  border: none;
  background-color: transparent;
}
.ir-block
  .ktc-investorkits-section
  .lower-container
  .meeting-reports
  .card
  .document-icon {
  border-radius: 9px;
}
.ir-block
  .ktc-investorkits-section
  .lower-container
  .meeting-reports
  .card
  .text {
  margin-top: 2.2rem;
  font-weight: bold;
  margin-bottom: 1rem;
  min-height: 45px;
}
@media (min-width: 1500px) {
  .ir-block
    .ktc-investorkits-section
    .lower-container
    .meeting-reports
    .card
    .text {
    margin-top: 2.5rem;
  }
}
@media (max-width: 1199.98px) {
  .ir-block .ktc-investorkits-section {
    padding: 6.25rem 2rem;
  }
  .ir-block .ktc-investorkits-section .title {
    text-align: center;
  }
  .ir-block .ktc-investorkits-section .upper-container {
    border-bottom: 2px solid #ebebeb;
  }
  .ir-block .ktc-investorkits-section .upper-container .left-container {
    width: 100%;
    text-align: center;
  }
  .ir-block .ktc-investorkits-section .lower-container {
    flex-direction: column;
    justify-content: center;
  }
  .ir-block .ktc-investorkits-section .lower-container .document-files,
  .ir-block .ktc-investorkits-section .lower-container .meeting-reports {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ir-block
    .ktc-investorkits-section
    .lower-container
    .document-books
    .books-container {
    justify-content: center;
  }
  .ir-block .ktc-investorkits-section .lower-container > div {
    margin: 2rem 0;
  }
}
@media (max-width: 551.98px) {
  .ir-block .ktc-investorkits-section {
    padding: 6.25rem 0;
  }
  .ir-block .ktc-investorkits-section .lower-container .meeting-reports {
    padding: 0;
  }
}
.ir-block .ktc-calendar-section .banner-section {
  padding-top: 100px;
  min-height: 532px;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ir-block .ktc-calendar-section .banner-section .calendar-banner {
  width: 1080px;
  height: 264px;
}
.ir-block .ktc-calendar-section .banner-section .title {
  font-size: 35px;
  font-weight: bold;
  margin-top: 3.75rem;
  margin-bottom: 3.1875rem;
}
.ir-block .ktc-calendar-section .mainpage-calendar-section {
  padding-top: 2rem;
  min-height: 639px;
  background: url(/pub/ir/photo/ktc-calendar-section-bg.png);
  background-size: cover;
}
.ir-block .ktc-calendar-section .mainpage-calendar-section .w-1160 {
  width: 1160px;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar {
  max-width: 490px;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc-theme-standard
  th {
  border: 1px solid transparent;
  overflow: hidden !important;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc-theme-standard
  td {
  border: 1px solid #ebebeb;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc-theme-standard
  .fc-scrollgrid {
  border: none;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc-theme-standard
  .fc-col-header
  th {
  padding-bottom: 15px;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc-theme-standard
  .fc-col-header
  th
  a {
  font-size: 16px;
  color: #000;
}
@media (max-width: 767px) {
  .ir-block
    .ktc-calendar-section
    .mainpage-calendar-section
    .mainpage-my-calendar
    .fc-theme-standard
    .fc-col-header
    th
    a {
    font-size: 14px;
  }
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc
  .fc-toolbar-title {
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .ir-block
    .ktc-calendar-section
    .mainpage-calendar-section
    .mainpage-my-calendar
    .fc
    .fc-toolbar-title {
    font-size: 14px;
  }
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc
  .fc-scroller {
  overflow: hidden !important;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc
  .fc-scroller-liquid-absolute {
  overflow: hidden auto !important;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc
  .fc-daygrid-day-frame {
  display: flex;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc-daygrid-day-top {
  height: 100%;
  width: 100%;
  margin: auto 0;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  a:not([href]):not([tabindex]) {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  font-size: 14px;
  color: #be673a;
  line-height: 16px;
  padding: 0;
}
@media (max-width: 767px) {
  .ir-block
    .ktc-calendar-section
    .mainpage-calendar-section
    .mainpage-my-calendar
    a:not([href]):not([tabindex]) {
    font-size: 12px;
  }
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc
  .fc-daygrid-event-harness {
  min-height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 13px);
  width: 35px;
  height: 4px;
  background-color: #be673a;
  border-radius: 3px;
}
@media (max-width: 767px) {
  .ir-block
    .ktc-calendar-section
    .mainpage-calendar-section
    .mainpage-my-calendar
    .fc
    .fc-daygrid-event-harness {
    width: 25px;
    height: 3px;
  }
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc
  .fc-daygrid-day-events {
  margin-top: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc
  .fc-button-primary {
  background-color: transparent;
  border-color: transparent;
  color: #000;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc
  .fc-button-primary:not(:disabled).fc-button-active,
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc
  .fc-button-primary:not(:disabled):active {
  border-color: transparent;
  background-color: transparent;
  color: #000;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc
  .fc-button-primary:not(:disabled).fc-button-active:focus,
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc
  .fc-button-primary:not(:disabled):active:focus {
  box-shadow: none;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc
  .fc-button-primary:focus {
  box-shadow: none;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc
  .fc-toolbar {
  justify-content: space-around;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc-daygrid-event-dot,
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc-event-time,
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc-event-title {
  display: none;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc-h-event {
  background-color: transparent;
  border-color: transparent;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc
  .fc-day-other
  .fc-daygrid-event-harness {
  background-color: transparent;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc
  .fc-daygrid-day.fc-day-today {
  background-color: #be673a;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mainpage-my-calendar
  .fc
  .fc-daygrid-day.fc-day-today
  a:not([href]):not([tabindex]) {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
}
@media (max-width: 767px) {
  .ir-block
    .ktc-calendar-section
    .mainpage-calendar-section
    .mainpage-my-calendar
    .fc
    .fc-daygrid-day.fc-day-today
    a:not([href]):not([tabindex]) {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .ir-block .ktc-calendar-section .mainpage-calendar-section {
    background: none;
    background-color: #fdfbfa;
    padding-bottom: 50px;
  }
}
.ir-block .ktc-calendar-section .mainpage-calendar-section .h3 {
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .calendar-box
  .my-calendar {
  background-color: #fff;
  padding: 30px 40px 40px;
  position: relative;
  margin: 30px auto;
  margin-left: 30px;
}
@media (max-width: 767px) {
  .ir-block
    .ktc-calendar-section
    .mainpage-calendar-section
    .calendar-box
    .my-calendar {
    padding: 20px 12px 12px;
  }
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .calendar-box
  .my-calendar::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translate(0, -50%);
  height: calc(100% - 40px);
  width: 20px;
  background-color: rgba(209, 209, 209, 0.2);
}
@media (max-width: 767px) {
  .ir-block
    .ktc-calendar-section
    .mainpage-calendar-section
    .calendar-box
    .my-calendar::before {
    top: auto;
    bottom: -12px;
    right: auto;
    left: 50%;
    height: 12px;
    width: calc(100% - 40px);
    transform: translate(-50%, 0);
  }
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .calendar-box
  .my-calendar::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -40px;
  transform: translate(0, -50%);
  height: calc(100% - 80px);
  width: 20px;
  background-color: rgba(219, 216, 216, 0.1);
}
@media (max-width: 767px) {
  .ir-block
    .ktc-calendar-section
    .mainpage-calendar-section
    .calendar-box
    .my-calendar::after {
    top: auto;
    bottom: -24px;
    right: auto;
    left: 50%;
    height: 12px;
    width: calc(100% - 60px);
    transform: translate(-50%, 0);
  }
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .event-calendar-description {
  height: 470px;
  overflow-y: auto;
  padding-left: 30px;
  padding-right: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .ir-block
    .ktc-calendar-section
    .mainpage-calendar-section
    .event-calendar-description {
    height: fit-content;
    max-height: 830px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .event-calendar-description
  .current-date-box {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #efefef;
  display: flex;
  justify-content: space-between;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .event-calendar-description
  .current-date-box
  button {
  width: 140px;
  height: 50px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 6px;
  border: none;
  background: linear-gradient(
    135deg,
    rgb(211, 153, 115) 0%,
    rgb(175, 98, 70) 100%
  );
  color: white;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .event-calendar-description
  .current-date-box
  .current-day {
  font-size: 35px;
  font-weight: 700;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .event-calendar-description
  .current-date-box
  .current-date {
  font-size: 16px;
  color: #be673a;
  font-weight: 700;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .event-calendar-description::-webkit-scrollbar {
  width: 4px;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .event-calendar-description::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 100px;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .event-calendar-description::-webkit-scrollbar-thumb {
  background: #be673a;
  border-radius: 100px;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .event-calendar-description::-webkit-scrollbar-thumb:hover {
  background: #be673a;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mobile-btn-container {
  display: flex;
  width: 100%;
  justify-content: center;
}
.ir-block
  .ktc-calendar-section
  .mainpage-calendar-section
  .mobile-btn-container
  .see-all-calendar {
  width: 140px;
  height: 50px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 6px;
  border: none;
  background: linear-gradient(
    135deg,
    rgb(211, 153, 115) 0%,
    rgb(175, 98, 70) 100%
  );
  color: white;
}
@media (max-width: 1199.98px) {
  .ir-block .ktc-calendar-section .banner-section {
    min-height: fit-content;
  }
  .ir-block .ktc-calendar-section .banner-section .calendar-banner {
    width: 90%;
    min-height: 134px;
    height: auto;
  }
  .ir-block .ktc-calendar-section .mainpage-calendar-section {
    background: url(/pub/ir/photo/ktc-calendar-section-bg-md.png);
  }
}
@media (max-width: 551.98px) {
  .ir-block
    .ktc-calendar-section
    .mainpage-calendar-section
    .calendar-box
    .my-calendar {
    margin: 0;
  }
}
.ir-block .ktc-stock-news-section {
  min-height: 1036px;
  padding-top: 3.75rem;
  padding-bottom: 6.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.ir-block .ktc-stock-news-section .upper-container {
  display: flex;
  position: relative;
  justify-content: center;
}
.ir-block .ktc-stock-news-section .upper-container .left-container {
  width: 50%;
}
.ir-block .ktc-stock-news-section .upper-container .left-container .title {
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 2rem;
}
.ir-block .ktc-stock-news-section .upper-container .left-container button {
  width: 140px;
  height: 50px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 6px;
  border: none;
  background: linear-gradient(
    135deg,
    rgb(211, 153, 115) 0%,
    rgb(175, 98, 70) 100%
  );
  color: white;
}
.ir-block .ktc-stock-news-section .upper-container .right-container {
  width: 50%;
}
.ir-block .ktc-stock-news-section .upper-container .right-container .card {
  background: transparent;
  border: none;
  margin-bottom: 2rem;
}
.ir-block .ktc-stock-news-section .upper-container .right-container .card .tag {
  font-size: 12px;
  background: linear-gradient(
    135deg,
    rgb(211, 153, 115) 0%,
    rgb(175, 98, 70) 100%
  );
  width: 46px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: white;
  border-radius: 13px;
}
.ir-block
  .ktc-stock-news-section
  .upper-container
  .right-container
  .card
  .title {
  font-size: 18px;
  margin-bottom: 0.5rem;
}
.ir-block
  .ktc-stock-news-section
  .upper-container
  .right-container
  .card
  .date {
  font-size: 14px;
  color: #999999;
  font-weight: bold;
}
.ir-block
  .ktc-stock-news-section
  .upper-container
  .right-container
  .card:nth-child(2) {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 2rem 0;
}
.ir-block
  .ktc-stock-news-section
  .upper-container
  .right-container
  .card:nth-child(3) {
  margin-top: 2rem;
}
.ir-block .ktc-stock-news-section .upper-container::after {
  content: "";
  background: url(/pub/ir/photo/ktc-stock-news-sction-decoration-1.png);
  background-size: contain;
  width: 638px;
  height: 718px;
  position: absolute;
  top: 110px;
  left: 0;
  z-index: -1;
}
.ir-block .ktc-stock-news-section .lower-container {
  display: flex;
  justify-content: center;
}
.ir-block .ktc-stock-news-section .lower-container .card {
  min-height: 325px;
  width: 285px;
  border: none;
  border-radius: 0;
  color: black;
  font-weight: bold;
  text-align: left;
  font-size: 30px;
  padding: 0.5rem 0.8rem;
  background-position: right bottom !important;
}
.ir-block .ktc-stock-news-section .lower-container .card:nth-child(1) {
  background: url(/pub/ir/photo/ktc-stock-news-card-01.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.ir-block .ktc-stock-news-section .lower-container .card:nth-child(2) {
  background: url(/pub/ir/photo/ktc-stock-news-card-02.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.ir-block .ktc-stock-news-section .lower-container .card:nth-child(3) {
  background: url(/pub/ir/photo/ktc-stock-news-card-03.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.ir-block .ktc-stock-news-section .lower-container .card:nth-child(4) {
  background: url(/pub/ir/photo/ktc-stock-news-card-04.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ir-block .ktc-stock-news-section .lower-container .card:nth-child(4) .phone,
.ir-block .ktc-stock-news-section .lower-container .card:nth-child(4) .email {
  font-size: 14px;
  display: flex;
  font-weight: normal;
  align-items: center;
}
.ir-block
  .ktc-stock-news-section
  .lower-container
  .card:nth-child(4)
  .phone
  .icon,
.ir-block
  .ktc-stock-news-section
  .lower-container
  .card:nth-child(4)
  .email
  .icon {
  margin-right: 0.75rem;
}
@media (max-width: 991.98px) {
  .ir-block .ktc-stock-news-section .upper-container {
    flex-direction: column;
    padding: 0 2rem;
    margin: 2rem 0 6.75rem 0;
  }
  .ir-block .ktc-stock-news-section .upper-container .left-container,
  .ir-block .ktc-stock-news-section .upper-container .right-container {
    width: 100%;
  }
  .ir-block .ktc-stock-news-section .upper-container .left-container .title {
    text-align: center;
  }
  .ir-block
    .ktc-stock-news-section
    .upper-container
    .right-container
    .card:nth-child(2) {
    border-top: none;
    border-bottom: none;
  }
  .ir-block .ktc-stock-news-section .upper-container .mobile-btn-container {
    display: flex;
    width: 100%;
  }
  .ir-block
    .ktc-stock-news-section
    .upper-container
    .mobile-btn-container
    button {
    width: 140px;
    height: 50px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 6px;
    border: none;
    background: linear-gradient(
      135deg,
      rgb(211, 153, 115) 0%,
      rgb(175, 98, 70) 100%
    );
    color: white;
  }
  .ir-block .ktc-stock-news-section .lower-container {
    flex-wrap: wrap;
    gap: 1rem;
  }
  .ir-block .ktc-stock-news-section .lower-container .card {
    width: 45%;
    min-width: 165px;
    height: auto;
    min-height: 155px;
    font-size: 18px;
  }
  .ir-block .ktc-stock-news-section .lower-container .card:nth-child(1) {
    background: url(/pub/ir/photo/ktc-stock-news-card-01-md.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ir-block .ktc-stock-news-section .lower-container .card:nth-child(2) {
    background: url(/pub/ir/photo/ktc-stock-news-card-02-md.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ir-block .ktc-stock-news-section .lower-container .card:nth-child(3) {
    background: url(/pub/ir/photo/ktc-stock-news-card-03-md.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ir-block .ktc-stock-news-section .lower-container .card:nth-child(4) {
    background: url(/pub/ir/photo/ktc-stock-news-card-04-md.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ir-block .ktc-stock-news-section .upper-container::after {
    display: none;
  }
  .ir-block .ktc-stock-news-section .upper-container::before {
    content: "";
    background: url(/pub/ir/photo/ktc-stock-news-sction-decoration-1-md.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 187px;
    height: 285px;
    position: absolute;
    top: 500px;
    right: 0px;
    z-index: -1;
  }
}
.ir-block .ktc-stock-news-section .upper-container {
  overflow-y: visible;
}
.ir-block .ktc-stock-news-section::before {
  content: "";
  background: url(/pub/ir/photo/ktc-bg-homepage.png) no-repeat;
  background-size: contain;
  width: 220px;
  height: 550px;
  position: absolute;
  top: -260px;
  right: 0;
  z-index: -1;
  overflow: hidden;
}
@media (max-width: 450px) {
  .ir-block .ktc-stock-news-section::before {
    top: -130px;
    width: 100px;
    height: 300px;
  }
}
@keyframes fadeInLeftAnimation {
  0% {
    opacity: 0;
    transform: translate3d(-150px, -50%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, -50%, 0);
  }
}
.ir-block .fadeInLeft {
  animation: fadeInLeftAnimation 0.4s;
}
.ir-block .financial-information-section {
  background: linear-gradient(225deg, #eef0f2 0%, #f2f4f5 50%, #eef0f2 100%);
  padding: 80px 0;
}
.ir-block .financial-information-section.tab-2 {
  padding: 5px 0 80px;
}
@media (max-width: 767.98px) {
  .ir-block .financial-information-section.tab-2 {
    padding: 80px 0;
    padding-top: 115px;
  }
}
@media (max-width: 767.98px) {
  .ir-block .financial-information-section {
    padding-top: 115px;
  }
}
@media (max-width: 767.98px) {
  .ir-block .mb-minus {
    margin-bottom: -115px;
    position: relative;
    z-index: 5;
  }
}
.ir-block .card-financial-section {
  position: relative;
}
.ir-block .card-financial-section .mt-mb-90 {
  margin-top: 20px;
}
@media (max-width: 767.98px) {
  .ir-block .card-financial-section .mt-mb-90 {
    margin-top: 90px;
  }
}
.ir-block .swiper-financial {
  position: static;
}
.ir-block .swiper-financial .swiper-pagination {
  bottom: 70px;
}
.ir-block
  .swiper-financial
  .swiper-pagination
  .swiper-pagination-bullet-active {
  background-color: #be673a;
  width: 20px;
  border-radius: 6px;
}
.ir-block .swiper-financial .financial-card {
  position: relative;
}
.ir-block .swiper-financial .financial-card .text-box {
  position: absolute;
  left: 28px;
  bottom: 28px;
}
.ir-block .swiper-financial .financial-card .text-box .money-text {
  font-size: 14px;
}
.ir-block .swiper-financial .financial-card .text-box .money-text span {
  font-size: 40px;
  font-weight: 700;
  color: #be673a;
  margin-right: 15px;
  display: inline-block;
}
.ir-block .financial-chart-section {
  margin-top: 100px;
  display: flex;
  column-gap: 70px;
}
.ir-block .financial-chart-section.tab-2 .chart-card img {
  max-width: 450px;
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  .ir-block .financial-chart-section.tab-2 .chart-card img {
    max-width: 100%;
  }
}
.ir-block .financial-chart-section.tab-2 .chart-card .text-below-box {
  margin-top: 30px;
  height: 52px;
}
.ir-block
  .financial-chart-section.tab-2
  .chart-card
  .text-below-box
  .text-below-inner {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  max-width: 400px;
  margin: 0 auto;
}
@media (max-width: 551.98px) {
  .ir-block
    .financial-chart-section.tab-2
    .chart-card
    .text-below-box
    .text-below-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.ir-block
  .financial-chart-section.tab-2
  .chart-card
  .text-below-box
  .text-below-inner
  p {
  font-size: 14px;
}
.ir-block
  .financial-chart-section.tab-2
  .chart-card
  .text-below-box
  .text-below-inner
  .text-center {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.ir-block
  .financial-chart-section.tab-2
  .chart-card
  .text-below-box
  .text-below-inner
  .circle-color {
  width: 10px;
  height: 1px;
  position: relative;
}
.ir-block
  .financial-chart-section.tab-2
  .chart-card
  .text-below-box
  .text-below-inner
  .circle-color::after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  background-color: inherit;
}
@media (max-width: 767.98px) {
  .ir-block .financial-chart-section {
    margin-top: 60px;
  }
}
.ir-block .financial-chart-section .financial-chart-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 70px;
}
.ir-block .financial-chart-section .financial-chart-box.chart-2 {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 1100px) {
  .ir-block .financial-chart-section .financial-chart-box {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767.98px) {
  .ir-block .financial-chart-section .financial-chart-box {
    grid-template-columns: none;
  }
  .ir-block .financial-chart-section .financial-chart-box.chart-2 {
    grid-template-columns: none;
  }
}
.ir-block .financial-chart-section .financial-chart-box .chart-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-basis: 100%;
}
.ir-block .financial-chart-section .financial-chart-box .chart-card .text-box {
  text-align: center;
  margin-bottom: 45px;
}
.ir-block .financial-chart-section .quarter-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 25px;
  max-width: 480px;
  margin: 70px auto 0;
}
@media (max-width: 767.98px) {
  .ir-block .financial-chart-section .quarter-box {
    max-width: 220px;
    grid-template-columns: 1fr 1fr;
  }
}
.ir-block .financial-chart-section .quarter-box .quarter-inner {
  display: flex;
  gap: 5px;
  align-items: center;
}
.ir-block .financial-chart-section .quarter-box .quarter-inner .circle-color {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.ir-block .financial-chart-section .quarter-box .quarter-inner p {
  font-size: 14px;
}
.ir-block .financial-stocks-section {
  padding: 60px 0 80px;
  overflow: hidden;
}
.ir-block .financial-stocks-section .stocks-function-box {
  display: flex;
  margin-bottom: 26px;
}
@media (max-width: 767.98px) {
  .ir-block .financial-stocks-section .stocks-function-box {
    flex-direction: column;
  }
}
.ir-block .financial-stocks-section .stocks-function-box .slide-text {
  color: #999;
  font-family: "sarabun";
  font-size: 16px;
  display: flex;
  gap: 8px;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  margin-left: 280px;
}
.ir-block .financial-stocks-section .stocks-function-box .slide-text img {
  width: 22.33px;
}
.ir-block
  .financial-stocks-section
  .stocks-function-box
  .show-year-information {
  position: relative;
  width: 280px;
}
@media (max-width: 767.98px) {
  .ir-block
    .financial-stocks-section
    .stocks-function-box
    .show-year-information {
    width: auto;
  }
}
.ir-block
  .financial-stocks-section
  .stocks-function-box
  .show-year-information
  .year-handle-btn {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  color: #be673a;
  background-color: #fff;
  border: 1px solid #b26b44;
  border-radius: 6px;
  height: 50px;
  width: 100%;
}
.ir-block
  .financial-stocks-section
  .stocks-function-box
  .show-year-information
  .show-year {
  position: absolute;
  top: 58px;
  left: 0;
  width: 100%;
  border: 1px solid #cbcdd1;
  border-radius: 4px;
  padding: 20px;
  background-color: #fff;
  z-index: 11;
  display: none;
  overflow: hidden;
  animation: heightMenu 0.2s;
}
.ir-block
  .financial-stocks-section
  .stocks-function-box
  .show-year-information
  .show-year.active {
  display: block;
}
.ir-block
  .financial-stocks-section
  .stocks-function-box
  .show-year-information
  .show-year
  .quarter-box,
.ir-block
  .financial-stocks-section
  .stocks-function-box
  .show-year-information
  .show-year
  .year-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ir-block
  .financial-stocks-section
  .stocks-function-box
  .show-year-information
  .show-year
  .year-box {
  margin-bottom: 20px;
}
.ir-block
  .financial-stocks-section
  .stocks-function-box
  .show-year-information
  .show-year
  .year-btn-box {
    display: grid;
        gap: 10px;
        grid-template-columns: 1fr 1fr 1fr;
}
.ir-block
  .financial-stocks-section
  .stocks-function-box
  .show-year-information
  .show-year
  .year-btn-box
  .select-year-btn {
  background-color: #ebebeb;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  flex-basis: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  cursor: pointer;
}
.ir-block
  .financial-stocks-section
  .stocks-function-box
  .show-year-information
  .show-year
  .year-btn-box
  .select-year-btn.active {
  background-color: #fff;
  border-color: #b6724b;
  color: #c16e42;
}
.ir-block
  .financial-stocks-section
  .stocks-function-box
  .show-year-information
  .show-year
  .show-all-btn {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #cbcdd1;
  border-radius: 4px;
}
.ir-block
  .financial-stocks-section
  .stocks-function-box
  .show-year-information
  .show-year
  .show-all-btn:hover {
  background-color: #fff;
  border-color: #b6724b;
  color: #c16e42;
}
@media (max-width: 1340px) {
  .ir-block .table-stocks {
    overflow-x: auto;
  }
}
/* .ir-block .table-stocks,
.ir-block .table-stocks table {
  transform: rotateX(180deg);
} */
.ir-block .table-stocks::-webkit-scrollbar {
  height: 6px;
  background: #f2f2f2;
}
.ir-block .table-stocks::-webkit-scrollbar-thumb:horizontal {
  background: rgba(190, 103, 58, 0.2);
  border-radius: 10px;
}
.ir-block .table-stocks table {
  table-layout: fixed;
  width: 1080px;
}
.ir-block .table-stocks table th {
  width: 125px;
}
.ir-block .table-stocks table th:first-child,
.ir-block .table-stocks table td:first-child {
  width: 220px;
}
.ir-block .table-stocks table tr th:first-child {
  z-index: 11;
}
.ir-block .table-stocks table tr th {
  position: sticky;
  top: 0;
}
.ir-block .table-stocks table th:first-child,
.ir-block .table-stocks table td:first-child {
  position: sticky;
  left: 0;
  z-index: 10;
  background: #fafafa;
}
.ir-block .table-stocks table tr > th:first-child {
  z-index: 10;
  background: rgb(228, 198, 182);
}
.ir-block .table-stocks thead {
  background: rgb(228, 198, 182);
}
.ir-block .table-stocks thead th {
  color: #111111;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  padding: 13px 20px;
  vertical-align: middle;
  border-top: 4px solid #be673a;
  text-align: right;
}
.ir-block .table-stocks thead th:first-child {
  box-shadow: #e0e0e0 -1px 0 0 inset;
  text-align: center;
}
.ir-block .table-stocks thead th .text-psl {
  color: #000;
  font-weight: 400;
  font-family: "sarabun";
  font-size: 16px;
}
.ir-block .table-stocks tbody tr.bg-grey {
  background-color: #fafafa;
}
.ir-block .table-stocks tbody tr:hover {
  background-color: #ebebeb;
}
.ir-block .table-stocks tbody td {
  padding: 16px 25px;
  color: #000;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 767.98px) {
  .ir-block .table-stocks tbody td {
    padding: 12px;
  }
}

.ir-block .table-stocks tbody td:not(:first-child) {
  text-align: right;
}
.ir-block .table-stocks tbody td:first-child {
  box-shadow: #e0e0e0 -1px 0 0 inset;
}
.ir-block .table-stocks tbody td p {
  margin-bottom: 16px;
  color: #555;
}
.ir-block .table-stocks tbody td p:last-child {
  margin-bottom: 0;
}
.ir-block .table-stocks tbody td .border-grey {
  position: relative;
  padding-bottom: 16px;
  color: #000;
}
.ir-block .table-stocks tbody td .border-grey.left-0::after {
  left: 0;
}
.ir-block .table-stocks tbody td .border-grey::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: -25px;
  right: -25px;
  height: 1px;
  background-color: #e0e0e0;
}
.ir-block .factsheet-section {
  background: left center/cover no-repeat
    url(/pub/ir/photo/factsheet-bg.png);
  padding: 115px 0 120px;
}
@media (max-width: 767.98px) {
  .ir-block .factsheet-section {
    background: top center/cover no-repeat
      url(/pub/ir/photo/factsheet-bg-mb.png);
    padding: 140px 0 80px;
  }
}
.ir-block .factsheet-section .factsheet-img-group {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.ir-block .factsheet-section .factsheet-img-group .factsheet-img-box {
  position: relative;
}
.ir-block
  .factsheet-section
  .factsheet-img-group
  .factsheet-img-box
  .factsheet-img {
  max-width: 311px;
}
.ir-block
  .factsheet-section
  .factsheet-img-group
  .factsheet-img-box
  .download-factsheet-btn {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 154px;
  padding: 12px 0;
  gap: 15px;
  background: linear-gradient(115deg, #d39973 0%, #af6246 50%, #af6246 100%);
  border-radius: 6px;
  font-size: 14px;
  color: #fff;
}
.ir-block
  .factsheet-section
  .factsheet-img-group
  .factsheet-img-box
  .download-factsheet-btn
  .zip-text {
  font-family: "sarabun";
  font-size: 10px;
}
.ir-block .factsheet-section .factsheet-year-group h3 {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 48px;
}
@media (max-width: 767.98px) {
  .ir-block .factsheet-section .factsheet-year-group h3 {
    margin-bottom: 40px;
  }
}
.ir-block .factsheet-section .factsheet-year-group .border-bottom-grey {
  border-bottom: 1px solid #ebebeb;
}
.ir-block
  .factsheet-section
  .factsheet-year-group
  .factsheet-desktop
  .quarter-box {
  padding-bottom: 40px;
  margin-bottom: 40px;
}
.ir-block
  .factsheet-section
  .factsheet-year-group
  .factsheet-desktop
  .year-btn-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 10px;
  row-gap: 10px;
}
@media (max-width: 1300px) {
  .ir-block
    .factsheet-section
    .factsheet-year-group
    .factsheet-desktop
    .year-btn-box {
    grid-template-columns: 1fr 1fr;
  }
}
.ir-block
  .factsheet-section
  .factsheet-year-group
  .factsheet-desktop
  .year-btn-box:not(:last-child) {
  margin-bottom: 10px;
}
.ir-block
  .factsheet-section
  .factsheet-year-group
  .factsheet-desktop
  .select-year-btn {
  font-size: 18px;
  padding: 10px 15px;
  cursor: pointer;
  transition: all 0.2s;
  text-align: center;
}
.ir-block
  .factsheet-section
  .factsheet-year-group
  .factsheet-desktop
  .select-year-btn.active,
.ir-block
  .factsheet-section
  .factsheet-year-group
  .factsheet-desktop
  .select-year-btn:hover {
  background-color: #be673a;
  border-radius: 5px;
  color: #fff;
}
.ir-block .factsheet-section .factsheet-year-group .factsheet-desktop h4 {
  font-size: 20px;
  margin-bottom: 29px;
  font-weight: 700;
}
.ir-block .factsheet-section .factsheet-mobile .border-bottom-grey {
  border-bottom: 1px solid #ebebeb;
}
.ir-block .factsheet-section .factsheet-mobile .border-bottom-grey {
  border-bottom: 1px solid #ebebeb;
}
.ir-block .factsheet-section .factsheet-mobile .year-factsheet {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ir-block .factsheet-section .factsheet-mobile .year-factsheet h4 {
  font-size: 18px;
  font-weight: 700;
  padding: 10px 10px;
}
.ir-block .factsheet-section .factsheet-mobile .year-factsheet p {
  font-size: 14px;
  padding: 10px 10px;
}
.ir-block .factsheet-section .factsheet-mobile .year-factsheet .zip-group {
  display: flex;
  gap: 2px;
  padding-right: 8px;
}
.ir-block
  .factsheet-section
  .factsheet-mobile
  .year-factsheet
  .zip-group
  .zip-text {
  font-family: "sarabun";
  font-size: 12px;
}
.ir-block .chart-bar-custom {
  position: relative;
  height: 380px;
}
@media (max-width: 767.98px) {
  .ir-block .chart-bar-custom {
    width: 100%;
    overflow: hidden;
  }
}
@media (max-width: 375px) {
  .ir-block .chart-bar-custom {
    max-width: 340px;
  }
}
.ir-block .chart-line-custom {
  position: relative;
  height: 380px;
  width: 450px;
  margin: 0 auto;
}
@media (max-width: 960px) {
  .ir-block .chart-line-custom {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .ir-block .chart-line-custom {
    overflow: hidden;
  }
}
@media (max-width: 375px) {
  .ir-block .chart-line-custom {
    max-width: 340px;
  }
}
@media only screen and (max-width: 1439px) {
  .ir-block .section-head {
    font-size: 30px;
  }
  .ir-block .banner .section-head {
    font-size: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .ir-block .custom-container {
    box-sizing: border-box;
  }
  .ir-block .section-img {
    max-width: 98%;
  }
  .ir-block .section-img img {
    max-width: 100%;
  }
  .ir-block .section-detail {
    width: 100%;
    display: block;
  }
  .ir-block .section-detail .section-text {
    font-size: 20px;
  }
  .ir-block header {
    display: none;
  }
  @keyframes subhead_mobile {
    0% {
      top: -100%;
    }
    100% {
      top: 47px;
    }
  }
  .ir-block .sub-header {
    position: relative;
    width: 100%;
  }
  .ir-block .sub-header .sub-header-fixed.fixed {
    animation: subhead_mobile forwards 500ms;
  }
  .ir-block .sub-header .box-inner .menu-sub-header {
    position: absolute;
    right: 15px;
    top: 66px;
    height: fit-content;
    background: #fff;
    z-index: 10;
    width: 300px;
    padding: 0;
    transition: all 300ms;
    max-height: 0px;
    overflow: hidden;
  }
  .ir-block .sub-header .box-inner .menu-sub-header ul {
    display: block;
  }
  .ir-block .sub-header .box-inner .menu-sub-header li {
    display: block;
  }
  .ir-block .sub-header .box-inner .menu-sub-header li a {
    padding: 10px 30px;
  }
  .ir-block .sub-header .box-inner .menu-sub-header.active {
    max-height: 100vh;
    border: 1px solid #eee;
    border-radius: 5px;
  }
  .ir-block .banner {
    text-align: center;
    padding: 0 0 30px;
  }
  .ir-block .banner p {
    text-align: center;
  }
  .ir-block .banner img {
    display: inline-block;
  }
  .ir-block .banner .section-detail {
    display: block;
    width: 100%;
  }
  .ir-block .banner .section-icon-group {
    justify-content: center;
  }
  .ir-block .tap-to-pay {
    padding: 30px 0;
  }
  .ir-block .tap-to-pay video {
    width: 100%;
  }
  .ir-block .tap-to-pay .section-head,
  .ir-block .tap-to-pay .section-label {
    text-align: center;
  }
  .ir-block .tap-to-pay .tap-to-pay-content {
    padding: 0 30px 30px;
  }
  .ir-block .tap-to-pay .section-detail {
    padding: 0 0 50px;
  }
  .ir-block .tap-to-pay .section-detail .section-img {
    width: 95%;
    float: right;
    text-align: right;
  }
  .ir-block .tap-to-pay .section-detail .section-text {
    font-size: 20px;
  }
  .ir-block .where-to-use {
    padding: 70px 0;
  }
  .ir-block .where-to-use .where-to-use-row .left,
  .ir-block .where-to-use .where-to-use-row .right {
    width: 100%;
  }
  .ir-block .where-to-use .where-to-use-row .left .where-to-use-img {
    text-align: left;
  }
  .ir-block .where-to-use .where-to-use-row .right .where-to-use-img {
    text-align: right;
  }
  .ir-block .where-to-use .where-to-use-row .where-to-use-img img {
    display: inline-block;
    max-width: 98%;
  }
  .ir-block .where-to-use .where-to-use-detail {
    padding: 30px;
  }
  .ir-block .section-img,
  .ir-block .section-detail {
    width: 100%;
  }
  .ir-block .section-detail {
    padding: 30px;
  }
  .ir-block .mobile-reverse {
    flex-direction: column-reverse;
  }
  .ir-block .how-to-add {
    padding: 50px 0 60px;
  }
  .ir-block .how-to-add:after {
    height: 400px;
    bottom: 0px;
  }
  .ir-block .how-to-add .swiper-horizontal > .swiper-pagination-bullets,
  .ir-block .how-to-add .swiper-pagination-bullets.swiper-pagination-horizontal,
  .ir-block .how-to-add .swiper-pagination-custom,
  .ir-block .how-to-add .swiper-pagination-fraction {
    bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .ir-block .banner .banner-gwallet {
    width: 200px;
    margin: auto;
  }
  .ir-block .section-icon-group span {
    font-size: 14px;
  }
  .ir-block .how-to-add-img img {
    margin: auto;
    display: block;
  }
  .ir-block .swiper-button-next,
  .ir-block .swiper-button-prev {
    display: block;
    width: 44px;
    height: 44px;
    z-index: 2;
  }
  .ir-block .swiper-button-next::after,
  .ir-block .swiper-button-prev::after {
    display: none;
  }
  .ir-block .tap-to-pay .tap-to-pay-icon img {
    width: 20px;
  }
  .ir-block .tap-to-pay .tap-to-pay-row {
    margin-top: 50px;
  }
  .ir-block .tap-to-pay .section-head sup {
    font-size: 14px;
    top: -10px;
  }
  .ir-block .tap-to-pay .swiper-wrapper {
    display: block;
  }
  .ir-block .tap-to-pay .section-img .visa-card {
    top: 40%;
  }
  .ir-block .faq-box ul li button {
    font-size: 13px;
    padding: 0 20px;
  }
  .ir-block .faq-box ul li .faq-detail {
    padding: 0 30px 30px;
  }
  .ir-block .home-promotion {
    padding: 100px 0 20px;
  }
  .ir-block .home-promotion .home-promotion-list ul {
    display: block;
  }
  .ir-block .home-promotion .home-promotion-list ul li {
    width: 100%;
  }
  .ir-block .home-promotion .home-promotion-list .home-promotion-card {
    margin-bottom: 40px;
  }
  .ir-block
    .home-promotion
    .home-promotion-list
    .home-promotion-card
    .promotion-icons {
    padding: 15px 7px 0;
  }
  .ir-block
    .home-promotion
    .home-promotion-list
    .home-promotion-card
    .home-promotion-detail {
    padding: 0 30px;
  }
  .ir-block
    .home-promotion
    .home-promotion-list
    .home-promotion-card
    .home-promotion-detail
    .promotion-title {
    font-size: 20px;
  }
  .ir-block
    .home-promotion
    .home-promotion-list
    .home-promotion-card
    .home-promotion-detail
    .promotion-price
    strong {
    font-size: 60px;
  }
  .ir-block
    .home-promotion
    .home-promotion-list
    .home-promotion-card
    .home-promotion-detail
    .promotion-price
    .price-currensy {
    font-size: 18px;
  }
  .ir-block .home-faq {
    padding: 70px 0;
  }
  .ir-block .home-page-bottom {
    background-size: auto 100%;
    padding: 100px 0;
    font-size: 16px;
  }
  .ir-block .home-page-bottom .section-head {
    font-size: 35px;
  }
  .ir-block .home-page-bottom .home-page-bottom-img {
    width: 100%;
  }
  .ir-block .home-page-bottom .home-page-bottom-btn {
    margin-top: 20px;
  }
}
.ir-block .mb-40 {
  margin-bottom: 40px;
}
.ir-block .mb-70 {
  margin-bottom: 70px;
}
.ir-block .mb-80 {
  margin-bottom: 80px;
}
.ir-block .fw-normal {
  font-weight: 400;
}
.ir-block .fw-bold {
  font-weight: 800;
}
.ir-block .text-thai {
  font-family: "sarabun" !important;
}
.ir-block .fs-12 {
  font-size: 0.75rem;
}
.ir-block .fs-14 {
  font-size: 0.875rem;
}
.ir-block .fs-16 {
  font-size: 16px;
}
.ir-block .fs-18 {
  font-size: 18px;
}
.ir-block .fs-20 {
  font-size: 20px;
}
.ir-block .fs-22 {
  font-size: 22px;
}
.ir-block .lh-20 {
  line-height: 20px;
}








.ir-block
  .custom-dropdown-select

  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  background-image: url(/pub/ir/photo/ktc-drop-down-icon.svg);
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  border: none !important;
  height: 10px !important;
  width: 10px !important;
  margin: auto !important;
  top: 17px !important;
  left: -5px !important;
}
.ir-block .custom-dropdown-select  .select2-container {
  background-color: transparent;
  font-weight: bold;
  font-size: 16px;
}
.ir-block .custom-dropdown-select  .select2-selection__rendered {
  line-height: 40px !important;
  padding-left: 1.25rem;
}
.ir-block .custom-dropdown-select  .select2-container .select2-selection--single {
  height: 40px !important;
}
.ir-block .custom-dropdown-select  .select2-selection__arrow {
  height: 40px !important;
}
.ir-block .custom-dropdown-select .select2-results__option--selectable:hover{
  background-color: #c16e42;
  color: #fff;
}