.icw .h2 {
  line-height: 1.8;
}

.c-wisdom {
  color: #651e2f !important;
}

.c-red {
  color: #ee3124 !important;
}

.c-green {
  color: #00a950 !important;
}

.c-gray {
  color: #666 !important;
}

.c-darkgray {
  color: #333 !important;
}

.bg-wisdom {
  background: #77182e !important;
}

.bg-green {
  background: #00a94f !important;
}

.bg-green-100 {
  background: #00a94f !important;
}

.bg-green-200 {
  background: #009a48 !important;
}

.bg-green-300 {
  background: #008661 !important;
}

.bg-green-400 {
  background: #316360 !important;
}

.f-bold {
  font-weight: 600 !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.mb-16 {
  margin-bottom: 16px !important;
}
.mb-8 {
  margin-bottom: 8px !important;
}

.main-detail ul {
  padding-left: 20px !important;
}
.main-detail ul li {
  list-style: disc !important;
}

.content-slide .box-info .box-group {
  min-height: calc(100vh - 184px);
}

/* .sc-search-invest img {
            border-radius: 8px;
            overflow: hidden;
            max-width: 970px;
            margin: auto;
            width: 100%;
        } */
/* .sc-search-invest {
            padding: 0 14px;
        } */
.icw .box-item .fundSubname {
  font-size: 13px !important;
}

.icw .caption {
  font-size: 13px !important;
}

.icw .decimal-list {
  counter-reset: main 2 sub;
  padding-left: 40px;
}

.icw .decimal-list li {
  list-style: none;
  counter-increment: sub;
  font-size: 20px;
}

.icw .decimal-list li::before {
  content: counter(main) "." counter(sub) " ";
  display: inline-block;
  min-width: 40px;
  margin-left: -40px;
}

.icw .normal-list li {
  font-size: 20px;
}

.btn-control {
  border-radius: 8px;
  background: #00a94f;
  display: inline-flex;
  flex-direction: unset !important;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #fff !important;
  text-align: center;
  font-family: "kurious-looped";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 8px auto;
  transition: 0.3s ease-in-out;
  margin-top: 24px !important;
  margin-bottom: 16px !important;
  width: fit-content;
}

@media screen and (min-width: 768px) {
  .content-slide .box-info .box-group {
    min-height: auto;
  }
  .sc-search-invest {
    padding: 0 0;
  }
  .icw .box-item .fundSubname {
    height: 37px;
  }
  /* .btn-control {
    width: 240px;
  } */
}
/* @media screen and (max-width: 767px) {
  .btn-control {
    width: 226px;
  }
} */
#navigation-page-sticky a.sticky-anchor i {
  font-size: 24px;
  position: relative;
  top: 6px;
}

#navigation-page-sticky.stickyNav.hide-cta .stickyNav-panelWidgets {
  grid-template-columns: 40px auto;
}

.box-tax {
  background: #fafafa;
  padding: 16px;
  margin-bottom: 16px;
  line-height: 2;
  border-radius: 8px;
}

.accordion-content .link {
  text-decoration: underline !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.icw .point-table tr:not(.w-td) td:first-child {
  text-align: left !important;
}

.icw .box-item .fundSubname {
  padding-top: 4px;
}

.wrapper-box-thumb .box-thumb .img-thumb::before {
  opacity: 0.4;
}

@media screen and (min-width: 992px) {
  .icw .point-table tr:not(.w-td) td:nth-child(2) {
    width: 320px;
  }
}
@media screen and (max-width: 991px) {
  .icw .point-table tr:not(.w-td) td:nth-child(2) {
    width: 220px;
  }
}
@media screen and (max-width: 767px) {
  .icw .point-table tr:not(.w-td) td:nth-child(2) {
    width: 280px;
  }
  .icw .point-table tr:not(.w-td) td:first-child {
    padding: 16px 16px !important;
  }
  .icw .point-table tr:not(.w-td) td:nth-child(2) {
    width: 250px;
  }
}
.sc-highlight {
  background: #f0faf7;
  padding: 0 !important;
}
.sc-highlight .date {
  padding-bottom: 24px;
}

.bg-soft-gray {
  background: linear-gradient(120deg, #e9e9e9 0%, #ffffff 50%, #ededed 100%);
}

.bg-gray-gradient {
  background: linear-gradient(135deg, #57575f 0%, #7a7b7f 45%, #9a9b9f 100%);
}

.bg-burgundy-gradient {
  background: linear-gradient(110deg, #8b3a4a 0%, #9a3f52 50%, #7a2f3e 100%);
}

.heading {
  padding-bottom: 24px;
}
.heading .head-title {
  padding-bottom: 8px;
}
.heading .head-sub-title strong {
  max-width: 1090px;
  margin: 0 auto;
  line-height: 30px !important;
}

.sc-privileges {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.wrapper-content {
  padding: 24px 24px;
  border-radius: 8px;
  overflow: hidden;
}
.wrapper-content.sc-customer-kbank {
  border: 1px solid #66caae;
  background: rgba(102, 202, 174, 0.05);
}
.wrapper-content.sc-customer-kbank.bg-white {
  /* border: 1px solid #66caae; */
  background: #FFFFFF;
}
.wrapper-content.sc-customer-kbank .inner-date {
  border-top: 1px solid #d9d9d9;
  padding-top: 16px;
}
.wrapper-content.sc-thewisdom {
  padding: 40px 24px;
}
.wrapper-content.sc-thewisdom .thewisdom-inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.wrapper-content.sc-thewisdom .thewisdom-inner .inner {
  border-radius: 8px;
  overflow: hidden;
  padding: 24px 0;
}
.wrapper-content.sc-thewisdom .thewisdom-inner .inner p,
.wrapper-content.sc-thewisdom .thewisdom-inner .inner li {
  color: #fff;
}
.wrapper-content.sc-thewisdom .thewisdom-inner .inner .inner-detail {
  padding-left: 24px;
  padding-right: 24px;
}
.wrapper-content.sc-thewisdom .thewisdom-inner .inner .inner-text {
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
}
.wrapper-content.sc-thewisdom .thewisdom-inner .inner #performance-table {
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
  z-index: 1;
}
.wrapper-content.sc-thewisdom .thewisdom-inner .bg-gray-gradient .inner-detail {
  padding-bottom: 0 !important;
}
.wrapper-content.sc-thewisdom .thewisdom-inner .heading {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.wrapper-content.sc-thewisdom .heading {
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrapper-content.sc-thewisdom .heading .title {
  font-size: 33px;
  padding-bottom: 0;
}
.wrapper-content.sc-thewisdom .heading img {
  margin-left: 16px;
}
.wrapper-content .title {
  padding-bottom: 24px;
}
.wrapper-content .inner-detail {
  display: flex;
  flex-direction: column;
  /* gap: 8px; */
  padding-bottom: 16px;
  position: relative;
  z-index: 1;
}
.wrapper-content .inner-detail .head {
  font-size: 26px !important;
  font-weight: 600;
}
.wrapper-content .inner-detail p {
  font-size: 20px;
  margin: 0;
  color: #333;
}
.wrapper-content .inner-detail ul li {
  font-size: 20px;
}
.wrapper-content .bg-burgundy-gradient {
  position: relative;
}
.wrapper-content .bg-burgundy-gradient .inner-detail .sub-head {
  font-weight: 600 !important;
  color: #dfcec1 !important;
}
.wrapper-content .bg-burgundy-gradient::before {
  content: "";
  position: absolute;
  width: 654px;
  height: 651px;
  background: url(/SiteCollectionDocuments/promotion/mutual-fund-exclusive-growth/img/bg-wisdom.png) center center no-repeat;
  background-size: 100% auto;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 0;
}
.wrapper-content .bg-burgundy-gradient .inner-text .text-bar {
  background: rgba(255, 255, 255, 0.1);
  color: rgb(223, 206, 193);
  line-height: 27px;
}
.wrapper-content .inner {
  padding: 24px;
}
.wrapper-content .inner-text .text-bar {
  text-align: center;
  padding: 16px 0;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #dfcec1 !important;
  display: block;
  margin: 0 !important;
  border-radius: 8px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  z-index: 1;
}

.sc-campaign {
  display: flex;
  /* align-items: center; */
  justify-content: center;
  flex-direction: column;
  gap: 24px;
  padding-top: 24px;
}
.sc-campaign p {
  font-size: 20px;
  margin: 0;
}
.sc-campaign h2 {
  line-height: 0;
}
.sc-campaign .btn-control {
  margin: 0 !important;
}
.sc-campaign a.link.text-link {
  text-decoration: none !important;
}

.date {
  font-size: 13px !important;
  color: #666;
  margin: 0 !important;
}

.date1 {
  font-size: 16px !important;
  color: #333;
  margin: 0 !important;
}

@media screen and (max-width: 991px) {
  .wrapper-content.sc-thewisdom .thewisdom-inner .inner #performance-table {
    padding-left: 24px;
    padding-right: 0;
  }
  .wrapper-content .inner-text {
    padding-top: 24px;
  }
  .wrapper-content .inner-text .text-bar {
    font-size: 18px;
  }
  .sc-campaign p {
    font-size: 18px;
    margin: 0 !important;
  }
  .sc-campaign .btn-control {
    margin: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .sc-highlight .sc-inner {
    padding: 48px 0;
  }
  .wrapper-content {
    padding: 24px 0;
  }
  .wrapper-content .inner-detail .head {
    font-size: 20px !important;
  }
  .wrapper-content .inner-detail p {
    font-size: 16px;
  }
  .wrapper-content .inner-detail li {
    font-size: 16px !important;
  }
  .wrapper-content .inner {
    padding: 24px 16px;
  }
  .wrapper-content.sc-customer-kbank {
    padding: 24px !important;
  }
  .wrapper-content.sc-thewisdom {
    padding: 40px 0 !important;
  }
  .wrapper-content.sc-thewisdom .heading {
    flex-direction: column;
    padding-bottom: 8px !important;
  }
  .wrapper-content.sc-thewisdom .heading .title {
    padding-bottom: 0;
    font-size: 20px;
  }
  .wrapper-content.sc-thewisdom .heading img {
    margin-left: 0;
    margin-bottom: 8px;
  }
  .wrapper-content.sc-thewisdom .thewisdom-inner {
    gap: 8px;
  }
  .wrapper-content.sc-thewisdom .thewisdom-inner .inner {
    border-radius: 0;
  }
  .wrapper-content.sc-thewisdom .thewisdom-inner .inner .inner-detail {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 0;
  }
  .wrapper-content.sc-thewisdom .thewisdom-inner .inner .inner-text {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .wrapper-content.sc-thewisdom .thewisdom-inner .inner #performance-table {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 0;
  }
  .sc-campaign {
    padding-top: 32px;
  }
  .sc-campaign .btn-control {
    width: 100%;
  }
  .sc-campaign .btn-control {
    margin: 0 !important;
  }
}
.text-bottom {
  display: block;
  margin: 0 !important;
}
.text-bottom .bt-head {
  padding-bottom: 8px;
  margin-bottom: 0 !important;
}

@media screen and (min-width: 768px) {
  .wrapper-content .inner-detail .decimal-list {
    padding-left: 110px;
  }
  .wrapper-content .inner-detail .normal-list {
    padding-left: 26px;
  }
  .text-bottom {
    padding-top: 40px;
  }
  .text-bottom a {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .text-bottom {
    padding-top: 48px;
  }
  .text-bottom a {
    margin-top: 32px;
  }
}
.box-item.active {
  display: flex !important;
  flex-direction: column;
  height: 100%;
}

.sc-banner {
  padding: 64px 0;
  display: block;
}
.sc-banner .title {
  padding-bottom: 24px;
}

@media screen and (max-width: 767px) {
  .sc-banner {
    padding: 48px 0;
  }
}
/*############################ sc-faqs ###################################*/
.sc-faqs {
  background: #fff !important;
}

.sc-faqs .sc-heading {
  text-align: center;
  margin-bottom: 64px;
}

.sc-faqs .sc-heading .title {
  margin-bottom: 0;
  line-height: 1.5em;
}

.sc-faqs .accordion-group .s-title {
  margin-bottom: 24px;
  text-align: center;
  line-height: 1.5em;
}

.sc-faqs .accordion-group .accordion + .s-title {
  margin-top: 40px;
}

.sc-faqs .accordion-group .accordion {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.sc-faqs .accordion-group .accordion + .accordion {
  margin-top: 16px;
}

.sc-faqs .accordion {
  position: relative;
  border-radius: var(--radius);
  background: var(--cr-light);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.sc-faqs .accordion-title {
  position: relative;
  padding: 16px 50px 16px 16px;
  cursor: pointer;
  color: var(--cr-dark);
  word-wrap: break-word;
  font-size: 18px;
  font-weight: 600;
  font-family: "kurious-looped";
  background-color: var(--color-light);
  line-height: 1.5;
  transition: var(--tsition);
}

.sc-faqs .accordion-title:after {
  font-family: "icongarage" !important;
  content: "\e90f";
  font-size: 13px;
  line-height: 1;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  right: 24px;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}

.sc-faqs .accordion-title span {
  font-size: 18px;
  font-weight: 600;
  font-family: "kurious-looped";
  line-height: 1.5;
}

.sc-faqs .accordion-title:after,
.sc-faqs .accordion-title:hover {
  color: var(--cr-green);
}

.sc-faqs .accordion-title.active:after {
  color: var(--cr-light);
}

.sc-faqs .accordion-content {
  padding: 16px;
}

.sc-faqs .accordion-content a {
  color: var(--cr-green);
  text-decoration: underline;
  font-weight: 600;
  word-break: break-all;
}

.sc-faqs .accordion-content p {
  line-height: 1.5em;
  font-family: "kurious-looped";
  font-weight: 500;
  color: var(--cr-dark);
}

.sc-faqs .accordion-content > p {
  font-size: 18px;
}

.sc-faqs .accordion-content p strong {
  font-weight: 600;
}

.sc-faqs .accordion-content p:last-child {
  margin-bottom: 0;
}

.sc-faqs .accordion-content ul {
  margin: 0 0 0.6em 1.2em;
  padding: 0;
  margin-left: 0;
  margin-bottom: 16px;
}

.sc-faqs .accordion-content ul:last-child {
  margin-bottom: 0;
}

.sc-faqs .accordion-content ul > li {
  position: relative;
  list-style-type: disc;
  font-family: "kurious-looped";
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5em;
  color: #333;
}

.sc-faqs .accordion-content ul > li + li {
  margin-top: 0;
}

.sc-faqs .accordion-content ul > li strong {
  font-weight: 600;
}

.sc-faqs .accordion-content ol {
  margin: 0 0 0.6em 0em;
  padding: 0;
  counter-reset: item;
  margin-bottom: 24px;
}

.sc-faqs .accordion-content ol:last-child {
  margin-bottom: 0;
}

.sc-faqs .accordion-content ol > li {
  position: relative;
  list-style-type: none;
  font-family: "kurious-looped";
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5em;
  padding-left: 16px;
}

.sc-faqs .accordion-content ol > li:before {
  content: counters(item, ".") ".";
  counter-increment: item;
  position: absolute;
  top: 0;
  left: 0;
}

.sc-faqs .accordion-content ol > li + li {
  margin-top: 8px;
}

.sc-faqs .accordion-content ol > li strong {
  font-weight: 600;
}

.sc-faqs .accordion-content ol > li > ol {
  margin-left: 0em;
}

.sc-faqs .accordion-content ol > li > ol > li {
  padding-left: 24px;
}

.sc-faqs .accordion-content ol > li > ol > li > ol > li {
  padding-left: 36px;
}

.sc-faqs .accordion-content .icon {
  margin-right: 5px;
  position: relative;
  top: -2px;
}

.sc-faqs .accordion-content .link-tel {
  color: var(--cr-light);
  white-space: nowrap;
  text-decoration: none;
  background-color: var(--cr-green);
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 24px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  display: inline-flex;
  font-family: "kurious-looped";
  margin: 8px 0;
  margin-right: 16px;
}

.sc-faqs .accordion-content .link-tel .icon {
  position: relative;
  top: 1px;
  margin-right: 8px;
}

.sc-faqs .accordion-content .link-tel + .link-tel {
  margin-right: 0;
}

.sc-faqs .accordion-content .no-phone {
  pointer-events: none;
  color: inherit;
  text-decoration: none;
}

.sc-faqs .accordion-content a[x-apple-data-detectors].no-phone {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: "kurious-looped" !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

.sc-faqs .accordion-title.active:after {
  color: var(--cr-green);
}

.accordion-title:after {
  color: var(--color-primary);
}

.accordion-title:hover:after {
  color: var(--color-primary);
}

.accordion-title:hover {
  color: var(--color-primary);
  background-color: var(--color-light);
  border-left: 8px solid var(--cr-green);
}

.accordion-title.active {
  color: var(--cr-green);
  background-color: #fff;
  border-radius: 8px 8px 0 0;
  border-left: 8px solid var(--cr-green);
  transition: 0ms;
  /* box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); */
}

.accordion-title.active strong {
  color: var(--cr-green);
}

.accordion-title.active:after {
  color: var(--color-green);
}

.accordion-content.active {
  border-left: 8px solid var(--cr-green);
  margin: 0;
}

.accordion-content .hr {
  border-top: 1px solid #eee;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.accordion-content .remark .remark-title {
  margin-bottom: 8px;
}

.accordion-content .remark .remark-desc {
  font-size: 13px;
}

.accordion-content .remark .list-remark {
  margin-right: 16px;
}

.accordion-content a {
  color: var(--color-primary);
  text-decoration: underline;
  font-weight: 600;
  word-break: break-all;
}

.accordion-content p,
.accordion-content dd {
  line-height: 2;
  margin: 0;
  color: var(--cr-gray);
}

.accordion-content p strong,
.accordion-content dd strong {
  font-weight: 600;
  color: var(--cr-gray);
}

.accordion-content p:last-child,
.accordion-content dd:last-child {
  margin-bottom: 0;
}

.accordion-content ul {
  margin: 0 0 16px 1.2em;
  padding: 0;
}

.accordion-content ul:last-child {
  margin-bottom: 0;
}

.accordion-content ul li::marker {
  font-size: 13px;
}

.accordion-content ul strong {
  color: var(--color-black);
}

.accordion-content ul > li {
  color: var(--cr-gray);
  position: relative;
  list-style-type: disc;
  font-family: "kurious-looped";
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}

.accordion-content ul > li + li {
  margin-top: 5px;
}

.accordion-content ol {
  margin: 0 0 16px 1.2em;
  padding: 0;
}

.accordion-content ol:last-child {
  margin-bottom: 0;
}

.accordion-content ol > li {
  position: relative;
  list-style-type: decimal;
  font-family: "kurious-looped";
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.accordion-content ol > li + li {
  margin-top: 5px;
}

.accordion-content .icon {
  margin-right: 5px;
  position: relative;
  top: -2px;
}

.accordion-content .link-tel {
  color: var(--cr-gray);
}

.ic-telephone {
  display: inline-block;
}

.accordion-content .link-tel .icon {
  position: relative;
  top: 1px;
  margin-right: 8px;
}

.accordion-content .link-tel + .link-tel {
  margin-right: 0;
}

.accordion-content .no-phone {
  pointer-events: none;
  color: inherit;
  text-decoration: none;
}

.accordion-content a[x-apple-data-detectors].no-phone {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

.sc-heading {
  margin-bottom: 40px;
}

.tab-control {
  margin-bottom: 40px;
}

.accordion-title {
  font-size: 18px;
}

.accordion-content .link-tel {
  display: none;
}

@media screen and (min-width: 768px) {
  .mt-32 {
    margin-top: 32px !important;
  }
  .sc-faqs .sc-heading {
    margin-bottom: 40px;
  }
  .sc-faqs .accordion-content .link-tel {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .sc-faqs .hint-scroll {
    display: none;
  }
  .sc-faqs .responsive-scroll {
    display: none;
  }
}
/*############################ accordion ###################################*/
.accordion-group .accordion-block + .s-title {
  margin-top: 40px;
}

.accordion-group .accordion-block {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.accordion-group .accordion-block + .accordion-block {
  margin-top: 16px;
}

dl.accordion-group {
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  padding-bottom: 0;
  margin-bottom: 16px !important;
}

.accordion-title {
  position: relative;
  border-radius: var(--radius);
  background: var(--color-light);
  /* box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); */
}

.accordion-title {
  position: relative;
  padding: 16px 50px 16px 16px;
  cursor: pointer;
  color: var(--cr-dark);
  word-wrap: break-word;
  font-family: "kurious-looped";
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  border-radius: 8px;
  background-color: transparent;
  transition: var(--transition);
  margin-bottom: 0;
  margin-top: 16px;
  background-color: var(--color-light);
}

.accordion-title:first-child {
  margin-top: 0;
}

.accordion-title:after {
  font-family: "icongarage";
  content: "\e90f";
  font-size: 14px;
  line-height: 1;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}

.accordion-title:after {
  color: var(--color-primary);
}

.accordion-title:hover:after {
  color: var(--color-primary);
}

.accordion-title:hover {
  color: var(--color-primary);
  background-color: var(--color-light);
  border-left: 8px solid var(--cr-green);
}

.accordion-title.active {
  color: var(--cr-green);
  background-color: #fff;
  border-radius: 8px 8px 0 0;
  border-left: 8px solid var(--cr-green);
  transition: 0ms;
  /* box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); */
}

.accordion-title.active:after {
  color: var(--color-green);
}

.accordion-content {
  padding: 16px;
  font-family: "kurious-looped";
  margin: 0;
  background-color: var(--color-light);
  /* box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); */
  border-radius: 0 0 8px 8px;
  /* border-left: 8px solid var(--cr-light); */
}

.accordion-content.active {
  border-left: 8px solid var(--cr-green);
}

.accordion-content .hr {
  border-top: 1px solid #eee;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.accordion-content .remark .remark-title {
  margin-bottom: 8px;
}

.accordion-content .remark .remark-desc {
  font-size: 13px;
}

.accordion-content .remark .list-remark {
  margin-right: 16px;
}

.accordion-content a {
  color: var(--color-primary);
  text-decoration: underline;
  font-weight: 600;
  word-break: break-all;
}

.accordion-content p,
.accordion-content dd {
  line-height: 2;
  margin: 0;
  color: var(--cr-gray);
}

.accordion-content p strong,
.accordion-content dd strong {
  font-weight: 600;
  color: var(--cr-gray);
}

.accordion-content p:last-child,
.accordion-content dd:last-child {
  margin-bottom: 0;
}

.accordion-content ul {
  margin: 0 0 16px 1.2em;
  padding: 0;
}

.accordion-content ul:last-child {
  margin-bottom: 0;
}

.accordion-content ul li::marker {
  font-size: 13px;
}

.accordion-content ul strong {
  color: var(--color-black);
}

.accordion-content ul > li {
  color: var(--cr-gray);
  position: relative;
  list-style-type: disc;
  font-family: "kurious-looped";
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}

.accordion-content ul > li + li {
  margin-top: 5px;
}

.accordion-content ol {
  margin: 0 0 16px 1.2em;
  padding: 0;
}

.accordion-content ol:last-child {
  margin-bottom: 0;
}

.accordion-content ol > li {
  position: relative;
  list-style-type: decimal;
  font-family: "kurious-looped";
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.accordion-content ol > li + li {
  margin-top: 5px;
}

.accordion-content .icon {
  margin-right: 5px;
  position: relative;
  top: -2px;
}

.accordion-content .link-tel {
  color: var(--cr-gray);
}

.ic-telephone {
  display: inline-block;
}

.accordion-content .link-tel .icon {
  position: relative;
  top: 1px;
  margin-right: 8px;
}

.accordion-content .link-tel + .link-tel {
  margin-right: 0;
}

.accordion-content .no-phone {
  pointer-events: none;
  color: inherit;
  text-decoration: none;
}

.accordion-content a[x-apple-data-detectors].no-phone {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

.sc-heading {
  margin-bottom: 40px;
}

.tab-control {
  margin-bottom: 40px;
}

.accordion-title {
  font-size: 18px;
}

.accordion-content .link-tel {
  display: none;
}

.sc-faqs {
  padding: 0;
}
.sc-faqs .sc-heading {
  margin: 0;
}
.sc-faqs .sc-heading a {
  margin: 24px auto 48px;
}

.accordion-group {
  margin: 0;
}
.accordion-group .accordion-content ol > li {
  font-weight: 600;
  color: #333;
}

.box-right {
  background: url("https://www.kasikornbank.com/SiteCollectionDocuments/personal/invest/hunt-theme/img/bg-invest-desktop.png"), #125a4a;
  background-position: right center;
  background-size: contain !important;
}

.box-inner .img-ab {
  bottom: 8px;
}
.box-inner .box-t-inner p {
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .wrap-search {
    display: flex;
    gap: 16px;
  }
  .box-t-inner {
    min-height: 131px;
  }
  .box-inner {
    padding: 16px;
    height: 174px !important;
    width: 100% !important;
  }
  .box-inner .img-ab {
    position: absolute;
    right: 42px;
    margin: 0;
    z-index: 2;
    max-width: 97px;
    width: 100%;
  }
  dl.accordion-group {
    padding-top: 0 !important;
  }
}
/* =============== table =============== */
.nw {
  white-space: nowrap;
}

.sc-summary-section {
  background: var(--color-light);
}

.sc-summary-section .sc-heading p {
  margin-top: 8px;
}

.sc-summary-section .sc-content h2 {
  margin: 24px auto 16px;
}

.text-scroll {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.5;
}

.text-scroll p {
  top: 0 !important;
  margin-bottom: 0 !important;
}

.text-scroll i {
  color: #009a48;
  font-size: 24px;
}

.table-responsive {
  width: 100%;
  overflow-x: auto;
  padding-bottom: 15px;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: start;
}

.table-responsive + p {
  margin-top: 10px;
}

.table-desc {
  margin: 24px auto 0;
  width: 100%;
  max-width: 875px;
  line-height: 1.5;
}

.table-desc ul {
  padding: 0 0 0 24px;
}

.table-wrap .table-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.65);
  display: none;
  text-align: center;
  padding: 25px 20px;
  cursor: pointer;
}

.table-wrap .table-overlay .icon {
  width: 216px;
  margin: 0 auto;
}

.table-wrap .table-overlay .desc {
  font-size: 35px;
  text-shadow: -1px 1px 2px #000;
  line-height: 0.8;
  color: #fff;
  margin-bottom: 10px;
}

.table-wrap.scroller .table-overlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.table-wrap.scroller .table-overlay {
  display: block;
}

.table-wrap.scroller .table-responsive {
  overflow: hidden;
}

.table-wrap.scroller .table-responsive {
  padding-bottom: 0;
}

.table-wrap ul {
  padding: 0 0 0 16px;
}

.table-overlay {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.table.table-accordion {
  min-width: 456px;
  border-collapse: collapse;
}

.table.table-accordion th {
  font-family: "kurious-looped";
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
}

.table.table-accordion th {
  font-size: 13px;
  line-height: 1.5 !important;
  color: #fff;
  padding: 16px;
  background-color: #00a94f;
}

.table.table-accordion tr:first-child th:first-child {
  border-right: 1px solid #e8e8e8;
  border-top-left-radius: 8px;
}

.accordion-content .table.table-accordion th {
  border-right: 1px solid #e8e8e8;
}

.table.table-accordion tr:first-child th:last-child {
  border-top-right-radius: 8px;
}

.table.table-accordion tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}

.table.table-accordion tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}

.table.table-accordion .b-009A48 {
  background-color: #009a48;
  color: #fff;
  padding: 2px 12px;
  border-radius: 20px;
}

.table.table-accordion th.b-1A7C39 {
  background-color: #1a7c39;
}

.table.table-accordion th {
  padding: 8px 16px;
}

.table.table-accordion td {
  font-size: 13px;
  line-height: 1.5;
  color: #777777;
  padding: 16px 16px;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  text-align: center;
  vertical-align: middle;
}

.icw .sc-table table {
  width: 100%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  /* margin: ; */
  overflow: auto;
}

.table-wrap .table-overlay .desc {
  font-size: 20px;
}

.table-wrap .table-overlay .desc {
  font-family: "Kanit", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
}

.risk-desc {
  margin-top: 12px !important;
  font-size: 13px !important;
}

@media screen and (min-width: 768px) {
  .sc-summary-section .sc-content h2 {
    margin: 24px auto 16px;
  }
  .table-responsive {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 15px;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .table.table-accordion {
    /* min-width: 456px; */
    border-collapse: collapse;
  }
  .table.table-accordion th {
    font-size: 16px;
    line-height: 1.5 !important;
    color: #fff;
    padding: 16px;
    background-color: #00a94f;
  }
  .table.table-accordion td {
    font-size: 16px;
    line-height: 1.5;
    color: #666666;
    background-color: #fff;
    border: 1px solid #e8e8e8;
  }
  .icw .sc-table table {
    width: 100%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    /* margin: ; */
    overflow: hidden;
  }
  .risk-desc {
    margin-top: 8px !important;
    font-size: 16px !important;
  }
}
.sc-table-accordion .sc-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
.sc-table-accordion .sc-heading {
  margin-bottom: 24px !important;
}
.sc-table-accordion .sc-heading .title {
  color: #111 !important;
}
.sc-table-accordion .sc-heading .sub-title {
  font-size: 20px;
  margin: 0 !important;
  color: #111 !important;
}
.sc-table-accordion .table-wrap {
  margin-bottom: 0;
}
.sc-table-accordion .table-responsive {
  padding-bottom: 0;
}
.sc-table-accordion .table {
  margin-bottom: 0;
}

.scrollable-table {
  align-items: start !important;
  padding: 0 3px !important;
}

.sc-table-wisdom {
  background: linear-gradient(108deg, #e6e6e6 0%, #f2f2f2 30%, #ffffff 55%, #f2f2f2 75%, #e6e6e6 100%);
}

.sc-table-four {
  padding: 0 24px;
}
.sc-table-four .scrollable-table {
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  padding: 0 !important;
}
.sc-table-four .table-four tr th {
  border-top: none;
}
.sc-table-four .text-scroll .ic-slide:before {
  color: #fff !important;
}

.faq-table .scrollable-table {
  border-radius: 8px;
  border: none;
  padding: 0 3px !important;
}
.faq-table .sc-table-four .text-scroll .ic-slide:before {
  color: #009a48 !important;
}

@media screen and (max-width: 991px) {
  .sc-table-four .scrollable-table {
    border: none;
  }
}
@media screen and (max-width: 767px) {
  .sc-table-four {
    padding-left: 16px;
    padding-right: 0;
  }
  .sc-table-four .table {
    margin-right: 16px;
    width: 100%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
  }
  .sc-table-four .table tbody tr:last-child td {
    border-bottom: none;
  }
  .sc-table-four .scrollable-table {
    border: none;
  }
  .faq-table .sc-heading {
    margin-bottom: 0 !important;
  }
}
.table-accordion tr th {
  font-size: 13px !important;
}
.table-accordion tr td {
  font-size: 13px !important;
}
.table-accordion .flag {
  padding: 2px 12px;
  border-radius: 20px;
  font-weight: 600;
}
.table-accordion .flag.flag-red {
  background: rgba(221, 138, 138, 0.3);
  border: 1px solid #dd8a8a;
  color: #dd8a8a;
}
.table-accordion .flag.flag-green {
  background: rgba(102, 203, 149, 0.16);
  border: 1px solid #00a94f;
  color: #00a94f;
}
.table-accordion .highlight {
  font-weight: 600 !important;
  color: #00a94f !important;
  background: #f0faf7 !important;
}
.table-accordion .normal {
  color: #00a94f !important;
  background: #f4f4f4 !important;
}
.table-accordion .c-gray {
  color: #666 !important;
  font-weight: 600 !important;
}
.table-accordion .col-row {
  border-bottom: 1px solid #e8e8e8;
}
.table-accordion.table-one {
  min-width: 100%;
}
.table-accordion.table-one tr th {
  padding: 16px;
}
.table-accordion.table-one tr td:last-child {
  background-color: #ebf7f5 !important;
  font-weight: 600;
  color: #00a94f;
}
.table-accordion.table-two {
  min-width: 100%;
  margin-bottom: 16px !important;
}
.table-accordion.table-two tr th {
  border-right: 1px solid #e8e8e8;
  white-space: nowrap;
  vertical-align: middle;
}
.table-accordion.table-two tr td {
  white-space: nowrap;
  padding: 8px 16px;
}
.table-accordion.table-two tr td strong {
  color: #333;
}
.table-accordion.table-two tr td:first-child {
  text-align: left;
}
.table-accordion.table-two tr td:last-child {
  text-align: left;
}
.table-accordion.table-three {
  min-width: 100%;
  margin-bottom: 16px !important;
}
.table-accordion.table-three tr th {
  background: #77182e !important;
  border-right: 1px solid #e8e8e8;
  white-space: nowrap;
  vertical-align: middle;
}
.table-accordion.table-three tr td {
  white-space: nowrap;
  padding: 8px 16px;
  color: #333;
}
.table-accordion.table-three tr td strong {
  color: #333;
}
.table-accordion.table-three tr td span {
  color: #666;
}
.table-accordion.table-three tr td:nth-child(2) {
  text-align: left;
}
.table-accordion.table-three tr td:nth-child(13) {
  text-align: left;
}
.table-accordion.table-four tr th {
  background: #77182e;
  vertical-align: middle;
  font-size: 18px !important;
  white-space: nowrap;
  padding: 16px;
  border-right: 1px solid #e8e8e8;
  font-weight: 600;
}
.table-accordion.table-four tr th:last-child {
  border-right: none;
}
.table-accordion.table-four tr td {
  color: #666 !important;
  font-size: 16px !important;
  font-weight: 500;
}
.table-accordion.table-four tr td:last-child {
  font-weight: 600;
  color: #651e2f !important;
  background: #f4f4f4;
}

@media screen and (min-width: 992px) {
  .sc-table-one .text-scroll,
  .sc-table-four .text-scroll {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .sc-table table {
    margin-bottom: 16px !important;
  }
}
@media screen and (max-width: 767px) {
  .text-scroll p {
    font-size: 13px !important;
    color: #333;
  }
  .faq-table .sc-table-four table {
    margin-right: 0;
  }
  .sc-table-accordion .sc-inner {
    gap: 24px;
  }
  .sc-table-accordion .sc-heading {
    gap: 24px !important;
    margin-bottom: 8px;
  }
  .sc-table table {
    margin-bottom: 16px !important;
  }
  .table-accordion.table-two {
    display: block;
    overflow: visible !important;
  }
  .table-accordion.table-four tr th {
    font-size: 13px !important;
  }
  .table-accordion.table-four tr td {
    font-size: 13px !important;
  }
  .table-accordion.table-four tr td:last-child {
    font-weight: 600;
    color: #651e2f !important;
    background: #f4f4f4;
  }
}
.faq-table .sub-title {
  font-size: 16px !important;
  color: #333 !important;
  padding: 16px 0;
}
.faq-table .table-wrap {
  margin: 0;
}
.faq-table .table-wrap .table-responsive {
  padding: 0;
}
.faq-table .table-wrap .table-responsive .sc-table {
  padding: 0;
}
.faq-table .desc {
  font-size: 13px !important;
  line-height: 20px;
  color: #666 !important;
  padding: 16px 0 !important;
}

.accordion-content .desc {
  font-size: 13px !important;
  line-height: 20px;
  color: #666 !important;
  padding: 8px 0 16px 0 !important;
}

/* ########### custom scrollbar #############*/
/* width */
.table-responsive {
  padding: 0 3px 3px 3px !important;
}

.table-responsive::-webkit-scrollbar {
  height: 3px;
  pointer-events: all;
  display: block;
}

/* Track */
.table-responsive::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
.table-responsive::-webkit-scrollbar-thumb {
  background: #00a94f;
  border-radius: 10px;
}

/* Handle on hover */
.table-responsive::-webkit-scrollbar-thumb:hover {
  background: #00a94f;
}

/* =============== end table =============== */
/* ========== Base ========== */
.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.tab-content .details-container {
  padding-top: 4px;
}

#navigation-widgets .group-widgets {
  padding-left: 2px !important;
}

tr:not(:nth-child(2)) td:first-child,
th:first-child {
  position: unset;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-8 {
  padding-top: 8px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}/*# sourceMappingURL=style.css.map */