html,
body {
  overflow-x: a;
  font-family: "pridi-numbers", "century_gothic", "pridi";
  font-weight: 300 !important;
  font-style: normal !important;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p,
a,
span,
li,
small {
  font-family: "pridi-numbers", "century_gothic", "pridi" !important;
  font-weight: 300 !important;
  font-style: normal !important;
}

.section strong > span {
  font-weight: 500 !important;
}

.f-century-w200 {
  font-weight: 200 !important;
}

.middle-bar {
  background: #fff;
}

.kcn-header.sticky {
  background: #fff;
  filter: none;
  border-bottom: none;
  border-top: 1px solid #eeeeee;
}

.search-bar {
  color: #666;
  font-size: 13px;
  background: #ededed;
  font-family: "pridi-numbers", "century_gothic", "pridi";
  font-weight: 300 !important;
  font-style: normal !important;
}

.kcn-header__menu ul li a {
  color: #111111;
  font-weight: 500 !important;
}

.fixed .kcn-header__menu ul li a,
.kcn-header__menu ul li a:hover {
  color: #111111;
}

.fixed .kcn-header__menu ul li:has(a.active) {
  border-bottom: 2px solid #111111;
}

.menu-toggle img {
  filter: brightness(0) saturate(100%) invert(42%) sepia(0%) saturate(7500%) hue-rotate(180deg) brightness(87%) contrast(85%);
}

@media (min-width: 992px) and (max-width: 1199px) {
  html,
  body {
    overflow-x: visible;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .sc-highlight-banner {
    padding-top: 52px !important;
  }
}
@media screen and (max-width: 767px) {
  .fixed .kcn-header__menu ul li:has(a.active) {
    border-bottom: none;
  }
  .kcn-header__title {
    align-items: center;
  }
}
.section .sc-inner {
  padding: 64px 0;
}

@media screen and (max-width: 767px) {
  .section .sc-inner {
    padding: 48px 0;
  }
}
.section strong {
  font-weight: 500;
}

.sc-kwealth-announce {
  background: linear-gradient(135deg, #1f6b63 15%, #2e8b7b 80%, #3fa18d 100%);
}
.sc-kwealth-announce .content-wrapper .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  color: #fff;
  padding: 0;
}
.sc-kwealth-announce .content-wrapper .content .title {
  color: #d0baa1;
  font-size: 42px;
  margin-bottom: 0;
}
.sc-kwealth-announce .content-wrapper .content .sub-title {
  color: #e7d9ca;
  font-size: 26px;
  font-weight: 500 !important;
}
.sc-kwealth-announce .content-wrapper .content .sub-title strong {
  font-weight: 500 !important;
}
.sc-kwealth-announce .content-wrapper .content .detail {
  color: #ffffff;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .sc-kwealth-announce .content-wrapper .content .title {
    font-size: 28px;
  }
  .sc-kwealth-announce .content-wrapper .content .sub-title {
    font-size: 18px;
  }
  .sc-kwealth-announce .content-wrapper .content .detail {
    font-size: 16px;
  }
}
.section-banner {
  background: linear-gradient(90deg, #d2d2d2 0%, #f1f1f1 28.85%, #ffffff 47.12%, #ffffff 60.1%, #f1f1f1 77.88%, #d2d2d2 100%);
  padding: 64px 0;
}

.group-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
}
.group-content .images {
  max-width: 573px;
  width: 50%;
  flex-shrink: 1;
}
.group-content .images img {
  width: 100%;
  height: auto;
  display: block;
}
.group-content .content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.group-content .content .title {
  color: #111111;
  text-transform: uppercase;
}
.group-content .content .details {
  font-size: 18px;
  color: #333333;
}
.group-content .content a {
  border-radius: 8px;
  background: #1c6157;
  margin-top: 40px;
  width: 250px;
  height: 40px;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .section-banner {
    background: linear-gradient(90deg, #cfcfcf 0%, #e6e6e6 18%, #f7f7f7 35%, #ffffff 50%, #f7f7f7 65%, #e6e6e6 82%, #cfcfcf 100%);
    padding: 48px 0;
  }
  .group-content {
    flex-direction: column;
    gap: 24px;
  }
  .group-content .images {
    width: 100%;
  }
  .group-content .content a {
    font-weight: 500;
    margin-top: 24px;
    width: 100%;
  }
}
.section {
  position: relative;
  overflow: hidden;
}
.section .content-wrapper {
  position: relative;
  z-index: 1;
}

.sc-highlight-vdo {
  background: linear-gradient(0deg, #edf7f6, #edf7f6);
  position: relative;
  /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
}
.sc-highlight-vdo .content-wrapper {
  display: flex;
  flex-direction: column;
}
.sc-highlight-vdo .content-wrapper .sc-heading {
  margin-bottom: 40px;
}
.sc-highlight-vdo .content-wrapper .sc-heading .title {
  padding-top: 8px;
}
.sc-highlight-vdo .content-wrapper #yt-iframe {
  max-width: 842px;
  width: 100%;
  height: 473px;
  margin: 0 auto;
  display: block;
  border-radius: 8px;
}

@media screen and (max-width: 1199px) {
  .sc-highlight-vdo .content-wrapper #yt-iframe {
    max-width: 700px;
    width: 100%;
    height: 400px;
  }
}
@media screen and (max-width: 991px) {
  .sc-highlight-vdo .content-wrapper #yt-iframe {
    max-width: 500px;
    width: 100%;
    height: 300px;
  }
}
@media screen and (max-width: 767px) {
  .sc-highlight-vdo {
    background: linear-gradient(0deg, #edf7f6, #edf7f6);
    position: relative;
  }
  .sc-highlight-vdo .content-wrapper #yt-iframe {
    max-width: 600px;
    width: 100%;
    height: 197px;
  }
  .sc-highlight-vdo .content-wrapper .sc-heading {
    margin-bottom: 24px;
  }
}
/*############################ sc-invest-banner ###################################*/
.sc-invest-banner {
  background: #06403a;
  background: url(https://www.kasikornbank.com/SiteCollectionDocuments/personal/digital-banking/gold-plus/img/goldplus-bg-kplus-mobile.jpg) no-repeat;
  background-size: cover;
  background-position: center 40%;
  overflow: hidden;
}
.sc-invest-banner .sc-inner {
  padding: 48px 0 56px;
}
.sc-invest-banner .sc-inner .thumb-img {
  width: 203px;
  margin: 0 auto;
}
.sc-invest-banner .content-bn {
  max-width: 600px;
  margin: 16px auto 0;
}
.sc-invest-banner .content-bn .sub-title {
  font-size: 16px;
}
.sc-invest-banner .content-bn a {
  font-size: 16px;
}
.sc-invest-banner .title {
  margin-bottom: 24px;
  text-align: center;
  color: #d0baa1 !important;
}
.sc-invest-banner .p-link {
  margin-top: 24px;
  text-align: center;
}
.sc-invest-banner .p-link a {
  text-decoration: underline;
  color: #fff;
}

.img-kplus {
  width: 35px;
}

@media screen and (min-width: 768px) {
  .sc-invest-banner {
    background: #06403a;
    background-image: url(https://www.kasikornbank.com/SiteCollectionDocuments/personal/digital-banking/gold-plus/img/goldplus-bg-kplus-desktop.jpg);
    background-size: cover;
    background-position: 45% 55%;
  }
  .sc-invest-banner .sc-inner {
    padding: 48px 0;
  }
  .sc-invest-banner .sc-inner .thumb-img {
    width: 370px;
    margin: 0;
  }
  .sc-invest-banner .container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 48px;
  }
  .sc-invest-banner .content-bn {
    margin: 0;
    max-width: 520px;
    width: 55%;
    float: right;
  }
  .sc-invest-banner .content-bn .sub-title {
    font-size: 20px;
  }
  .sc-invest-banner .title,
  .sc-invest-banner .p-link {
    text-align: left;
  }
  .img-kplus {
    width: 48px;
  }
}
/*============================== Hidden & Visible ===============================*/
.show-w1199 {
  display: none;
}

.show-w991 {
  display: none;
}

.show-w767 {
  display: none;
}

.show-w414 {
  display: none;
}

.show-w375 {
  display: none;
}

.show-w360 {
  display: none;
}

@media (max-width: 1199px) {
  .show-w1199 {
    display: block;
  }
  .hide-w1199 {
    display: none;
  }
}
@media (max-width: 991px) {
  .show-w991 {
    display: block;
  }
  .hide-w991 {
    display: none;
  }
}
@media (max-width: 767px) {
  .show-w767 {
    display: block;
  }
  .hide-w767 {
    display: none;
  }
}
@media (max-width: 414px) {
  .show-w414 {
    display: block;
  }
  .hide-w414 {
    display: none;
  }
}
@media (max-width: 375px) {
  .show-w375 {
    display: block;
  }
  .hide-w375 {
    display: none;
  }
}
@media (max-width: 360px) {
  .show-w360 {
    display: block;
  }
  .hide-w360 {
    display: none;
  }
}
.btn-to-top {
  cursor: pointer;
  position: absolute;
  top: -50px;
  width: 40px;
  height: 40px;
  background: #fff;
  transition: all 0.32s 0s;
  border-radius: 20px;
  padding: 0px;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
  visibility: hidden;
}

.btn-to-top.show {
  visibility: visible;
}

.btn-to-top .back-to-top {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.btn-to-top .back-to-top .icon-arrows-up-line {
  background: url(/SiteCollectionDocuments/K-WEALTH/assets/revamp/article/img/icons/arrows-up-line.svg) center center no-repeat;
  width: 26px;
  height: 26px;
  background-size: 100% auto;
}

.kwealth-sub-footer .inner-sub-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
}

@media (max-width: 767px) {
  .kwealth-sub-footer .inner-sub-footer {
    display: flex;
    justify-content: center;
  }
}/*# sourceMappingURL=custom.css.map */