.inactive {
  display: none;
}

.active {
  display: block;
}

.popup-active {
  display: block !important;
}

.waiting {
  opacity: 0;
}

.tab-inner {
  text-align: center;
  background: #F5F6F7;
  padding: 20px 15px 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  justify-content: center;
}

.tab-inner .link {
  width: 180px;
  text-align: center;
  padding: 13px 24px 10px;
  background: #DFF3E8;
  font-size: 13px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin: 0 2.5px;
}

.tab-inner .link img {
  margin-right: 5px;
  position: relative;
  bottom: 3px;
}

.tab-inner.tab2 .link {
  width: 260px;
}

.theme-paylater .sc-application-detail .cards .card .card-body.card-body-inner {
  padding-bottom: 0;
}

.theme-paylater .sc-application-detail .cards .card.tab-content-inner {
  border-top: none;
  box-shadow: unset;
}

.tab-inner .link.active {
  background: #FFF;
}

.tab-content-inner {
  display: none;
}

.tab-content-inner.active {
  display: block;
}

.click-play-video {
  display: block;
  text-align: center;
  margin-bottom: 20px;
}

.click-play-video img {
  margin-right: 4px;
  cursor: pointer;
}

.click-play-video span {
  font-size: 13px;
  font-weight: 400;
  position: relative;
  cursor: pointer;
}

.click-play-video::after {
  content: "\e905";
  font-family: 'icongarage';
  font-size: 10px;
  color: inherit;
  padding-left: 5px;
}

.icw .click-play-video {
  width: fit-content;
  margin: auto;
  margin-bottom: 20px;
}

.icw .click-play-video:hover span {
  text-decoration: underline;
}

/*################################## Popup video #####################################*/

.closer_videopopup {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #00B956;
  right: 5px;
  top: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  color: #ffffff;
  z-index: 100004;
}

.closer_videopopup .ic-close-popup {
  display: inline-block;
  position: relative;
  font-style: inherit;
  line-height: 40px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.closer_videopopup .ic-close-popup:after {
  font-family: 'icongarage';
  content: "\e90f";
  font-size: 14px;
  line-height: 1;
}

#opct {
  position: fixed;
  z-index: 100000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  filter: alpha(opacity=90);
  -moz-opacity: 0.90;
  opacity: 0.9;
  background: rgb(0, 0, 0, 0.7);
}

#videCont {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 100%;
  margin: auto;
  height: auto;
  overflow: hidden;
  padding: 20px;
  max-width: 1040px;
  z-index: 100001;
}

#yt_video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.video-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1 !important;
}

.video-content video {
  position: absolute;
  top: 15%;
  left: 0;
  width: 100%;
  opacity: 1 !important;

}

#video1 {
  cursor: pointer;
  cursor: hand;
}

.popup-show {
  display: none;
  z-index: 100001;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: auto;
  text-align: center;
  background: none;
  vertical-align: middle;
}

/*################################## Popup video #####################################*/

.icw .card-body .h4 {
  margin-bottom: 20px !important;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  background: white;
  color: inherit;
}

.show-390 {
  display: none !important;
}

.show-320-only {
  display: none !important;
}

.show-only-768 {
  display: none !important;
}

.theme-paylater .main {
  opacity: 1;
}

.theme-paylater .main.loading {
  opacity: 0;
}

.theme-paylater .main ul:not(.slick-dots) {
  margin-left: 1em;
}

.theme-paylater .main ul.f-kanit:not(.slick-dots) {
  margin-left: 1.3em;
}

.theme-paylater .main ul:not(.slick-dots) li {
  list-style: disc;
}

.theme-paylater .main ul:not(.slick-dots) li:not(:last-child) {
  margin-bottom: 10px;
}

.theme-paylater .main .slick-arrow:hover {
  background: white;
}

/* ******************** */
/*   highlight section  */
/* ******************** */
.theme-paylater .sc-highlight .slides .slide {
  position: relative;
  width: 100%;
}

.theme-paylater.mobile .sc-highlight .slides .slide .non-mobile-banner,
.theme-paylater:not(.mobile) .sc-highlight .slides .slide .mobile-banner {
  display: none;
}

.theme-paylater.mobile .sc-highlight .slides .slide .mobile-banner,
.theme-paylater:not(.mobile) .sc-highlight .slides .slide .non-mobile-banner {
  display: block;
}

.theme-paylater .sc-highlight .slides .slide .slide-caption {
  position: absolute;

  top: 45%;
  left: 0%;
  width: 100%;

  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.theme-paylater .sc-highlight .slides .slide[data-slide-index='0'] .slide-caption {
  text-shadow: 2px 2px 2px rgba(0,0,0,0.4);
  margin-top: 60px;
}

.theme-paylater .sc-highlight .slides .slide[data-slide-index='0'] .f-banner-big {
  font-size: 50px;
}

.theme-paylater .sc-highlight .slides .slide[data-slide-index='0'] .f-banner-medium {
  font-size: 34px;
}

.show-only-1024 {
  display: none !important;
}

@media screen and (max-width: 1024px) {
  .theme-paylater .sc-highlight .slides .slide[data-slide-index='0'] .slide-caption {
    margin-top: 20px;
  }

  .show-only-1024 {
    display: block !important;
  }

  .theme-paylater .sc-application-detail .tab-container .tab-header .tab .how-to-scan, .theme-paylater .sc-application-detail .tab-container .tab-header .tab .how-to-increase, .theme-paylater .sc-application-detail .tab-container .tab-header .tab .how-to-apply-all {
    line-height: 1.5;
  }

  .theme-paylater .sc-application-detail .tab-container .tab-header .tab a {
    text-align: center;
  }

  .theme-paylater .sc-application-detail .tab-container .tab-header .tab a {
    display: flex !important;
    align-items: center;
    height: 45px; 
    line-height: 1.5;
  }
  

}

/* ******************** */
/*   carousel section   */
/* ******************** */
.theme-paylater .sc-carousel {
  background: #F3F3F3;
}

.theme-paylater .sc-carousel .sc-headline {
  margin-bottom: 70px;
}

.theme-paylater .sc-carousel .card {
  position: relative;
  transition: transform 600ms;
}

.theme-paylater .sc-carousel .card:hover .image img {
  -moz-transform: scale(1.06);
  -webkit-transform: scale(1.06);
  -o-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06);
}

.theme-paylater .sc-carousel .card .image {
  z-index: 20;
  position: relative;
  text-align: center;
}

.theme-paylater .sc-carousel .card .image img {
  width: 60%;
  margin: auto;
  z-index: 20;

  transition: all 300ms;
}

.theme-paylater .sc-carousel .card .caption {
  position: relative;
  z-index: 10;
  top: -70px;
  min-height: 250px;
  height: 250px;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;

  border-radius: 10px;
  padding: 20px;
}

.theme-paylater .sc-carousel .card .caption p {
  margin-bottom: 10px;
}

.theme-paylater .sc-carousel .card .action a {
  font-weight: bold;
}

.theme-paylater .sc-carousel .card .action a {
  font-size: 13px;
  line-height: 1.5;
}

.theme-paylater .sc-carousel .card .card-title,
.theme-paylater .sc-carousel .card .card-body {
  color: white;
}

.theme-paylater .sc-carousel .slick-slide {
  padding: 0 2.5rem;
}

.theme-paylater .sc-carousel .slick-center {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.theme-paylater .sc-carousel .slick-list {
  overflow: visible;
}

.theme-paylater .sc-carousel .slick-arrow {
  top: 55%;
}

.theme-paylater .sc-carousel .slick-prev {
  left: 0;
}

.theme-paylater .sc-carousel .slick-next {
  right: 0;
}

.theme-paylater .sc-carousel .card[data-card-index="0"] .caption { background: #41C99E }
.theme-paylater .sc-carousel .card[data-card-index="1"] .caption { background: #96A077 }
.theme-paylater .sc-carousel .card[data-card-index="2"] .caption { background: #E8A798 }
.theme-paylater .sc-carousel .card[data-card-index="3"] .caption { background: #D3B579 }
.theme-paylater .sc-carousel .card[data-card-index="4"] .caption { background: #6BA0C1 }
.theme-paylater .sc-carousel .card[data-card-index="5"] .caption { background: #49978E }

/* ************************** */
/*   product detail section   */
/* ************************** */
.theme-paylater .sc-product-detail {
  background: #F3F3F3;
}

.theme-paylater .sc-application-detail .cards .card,
.theme-paylater .sc-product-detail .cards .card {
  border-top: solid 2px #00D965;
  border-radius: 0 0 10px 10px;
  background: white;

  -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1); 
  box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1);
}

.theme-paylater .sc-application-detail .cards .card .card-body,
.theme-paylater .sc-product-detail .cards .card .card-body {
  padding: 40px 60px;
}

.theme-paylater .sc-product-detail .cards .card .card-footer {
  padding: 30px 60px;
  background: #EFFBF2;
  border-radius: 0 0 10px 10px;
}

.theme-paylater .sc-product-detail .cards .card .card-footer .link > * {
  display: inline-block;
  vertical-align: middle;
}

/* ****************************** */
/*   application detail section   */
/* ****************************** */
.theme-paylater .sc-application-detail {
  background: #EFFBF2;
}

.theme-paylater .sc-application-detail .thumbnails {
  margin-left: -10px;
  margin-right: -10px;
}

.theme-paylater .sc-application-detail .thumbnails.slick-dotted {
  padding-bottom: 30px;
}

.theme-paylater .sc-application-detail .thumbnails .thumbnail {
  margin-left: 10px;
  margin-right: 10px;
}

.theme-paylater .sc-application-detail .thumbnails .slick-track {
  margin-left: auto;
  margin-right: auto;
}

.theme-paylater .sc-application-detail .thumbnails .slick-arrow {
  top: 30%;
}

/* @media screen and (max-width: 991px) {
  .theme-paylater .sc-application-detail .thumbnails .slick-arrow {
    top: 30%;
  }
} */

.theme-paylater .sc-application-detail .thumbnails .slick-prev {
  left: -8px;
}

.theme-paylater .sc-application-detail .thumbnails .slick-next {
  right: -8px;
}

.theme-paylater .sc-application-detail ul.star {
  margin-left: 0;
}

.theme-paylater .sc-application-detail ul.star li {
  list-style: none;
  display: flex;
}

.theme-paylater .sc-application-detail ul.star li:not(:last-child) {
  margin-bottom: 0;
}

.theme-paylater .sc-application-detail ul.star li:before {
  display: inline-block;
  min-width: 2em;
}

.theme-paylater .sc-application-detail ul.star li:nth-child(1):before { content: "*" }
.theme-paylater .sc-application-detail ul.star li:nth-child(2):before { content: "**" }
.theme-paylater .sc-application-detail ul.star li:nth-child(3):before { content: "***" }
.theme-paylater .sc-application-detail ul.star li:nth-child(4):before { content: "****" }

.theme-paylater .sc-application-detail iframe.fixed-ratio {
  width: 100%;
  max-width: 800px;
}

.theme-paylater .sc-application-detail .tab-container .tab-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.theme-paylater .sc-application-detail .tab-container .tab-header .tab {
  display: -webkit-inline-flex;
  display: -ms-inline-flex;
  display: inline-flex;
  flex-direction: row;

  background: white;
  border-radius: 25px;
}

.theme-paylater .sc-application-detail .tab-container .tab-header .tab .tab_link {
  display: -webkit-inline-flex;
  display: -ms-inline-flex;
  display: inline-flex;
  flex-direction: row;

  justify-content: center;
  align-items: center;

  background: white;
  border-radius: 25px;
  width: 100%;
}

.theme-paylater .sc-application-detail .tab-container .tab-header .tab  a {
  display: inline-block;
  margin: 0;
  font-size: 13px;
  padding: 10px 20px;
  border-radius: 25px;
  border: solid 2px white;
  justify-content: center;
}

.theme-paylater .sc-application-detail .tab-container .tab-header .tab a.active {
  border: solid 2px #00D965;
}

.theme-paylater .sc-application-detail .tab-container .tab-content {
  display: block;
  position: relative;
  opacity: 0;
  height: 0;
  border: none;
  overflow: hidden;
  visibility: hidden;

  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;

  -webkit-transition-property: opacity, visibility;
  -moz-transition-property: opacity, visibility;
  -ms-transition-property: opacity, visibility;
  -o-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
}

.theme-paylater .sc-application-detail .tab-container .tab-content.active {
  opacity: 1;
  height: auto;
  overflow: visible;
  visibility: visible;
  border-top: solid 2px #00D965;
}

.theme-paylater .sc-application-detail .accordion-video-title {
  display: inline-block;
  cursor: pointer;
  margin-bottom: 0 !important;
}

.theme-paylater .sc-application-detail .accordion-video-title:after {
  content: "\e905";
  font-family: icongarage;
  font-size: 0.6em;
  line-height: 33px;

  margin-left: 10px;

  display: inline-block;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);

  -webkit-transition: transform 200ms;
  -moz-transition: transform 200ms;
  -ms-transition: transform 200ms;
  transition: transform 200ms;
}
 
.theme-paylater .sc-application-detail .accordion-video-title.active:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.theme-paylater .sc-application-detail .accordion-video-content .wrapper {
  padding-top: 20px;
}

/* *************** */
/*   faq section   */
/* *************** */
.theme-paylater .sc-faq {
  background: #F3F3F3;
}

.theme-paylater .sc-faq .accordion-group {
  max-width: 770px;
  margin-left: auto;
  margin-right: auto;
}

.theme-paylater .sc-faq .accordion-content .content-wrapper {
  padding: 5px 25px 25px 25px;
  background: white;
  font-size: 13px;
}

.theme-paylater .sc-faq .accordion-content ol {
  margin-left: 1em;
}

.theme-paylater .sc-faq .accordion-content ol li {
  list-style: decimal;
}

.theme-paylater .sc-faq .accordion-content ol li:not(:last-child) {
  margin-bottom: 10px;
}

.theme-paylater .sc-faq .faq-more:after {
  content: "\e905";
  font-family: icongarage;
  font-size: 0.7em;
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.3em;

  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);

  -webkit-transition: transform 200ms;
  -moz-transition: transform 200ms;
  -ms-transition: transform 200ms;
  transition: transform 200ms;
}

.theme-paylater .sc-faq .faq-more.active:after {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.theme-paylater .tab-content li {
  list-style: disc;
}

@media screen and (max-width: 768px) {
  .show-only-768 {
    display: block !important;
  }
}

@media screen and (max-width: 767px) {
  .tab-inner {
    display: flex;
  }

  .tab-inner .link {
    width: 50%;
    padding: 8px 10px;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  .tab-inner .link span {
    margin-left: 5px;
  }
  
  .card-body-inner {
    padding: 0 0 0 !important;
  }

  .theme-paylater .sc-application-detail .thumbnails {
    margin-left: 0;
    margin-right: 0;
  }

}

@media screen and (min-width: 768px) {
  .theme-paylater .sc-application-detail .cards .card[data-card-name="how-to-apply-repayment"] .card-body .card-body,
  .theme-paylater .sc-application-detail .cards .card[data-card-name="how-to-pay"] .card-body .card-body {
    padding: 30px 0 !important;
  }
}

@media screen and (min-width: 1024px) {
  .theme-paylater .sc-application-detail .cards .card[data-card-name="how-to-apply-repayment"] .card-body .card-body,
  .theme-paylater .sc-application-detail .cards .card[data-card-name="how-to-pay"] .card-body .card-body {
    padding: 40px 0 !important;
  }
}

.visible-767-only {
  display: none !important;
}

@media screen and (min-width:415px) and (max-width:767px) {
  .visible-767-only {
    display: block !important;
  }
}

@media screen and (min-width: 767px) and (max-width: 991px) {
  /* .tab-inner .link img {
      display: none;
  } */

  .tab-inner .link {
      padding: 13px 15px 10px;
      display: flex !important;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
}

@media screen and (min-width: 991px) and (max-width: 1024px) {
  /* .tab-inner .link img {
      display: none;
  } */

  .tab-inner .link {
      padding: 13px 15px 10px;
  }
}

.m-30-10 {
  margin-bottom: 30px !important;
}

@media screen and (max-width:767px) {
  .m-30-10 {
      margin-bottom: 10px !important;
  }
  .m-mb20 {
      margin-bottom: 10px !important;
  }
  .mb-center {
    text-align: center !important;
  }
}

.visible-w767-only,
.visible-w360 {
  display: none !important;
}

@media screen and (min-width:430px) and (max-width:767px) {
  .visible-w767-only {
    display: block !important;
  }
}

@media screen and (max-width:360px) {
  .visible-w360 {
    display: block !important;
  }
}