/*================ default ==================*/
:root {
  --cr-light: #fffFFF;
  --cr-black: #111111;
  --cr-dark: #333333;
  --cr-gray: #666666;
  --cr-lightgray: #999999;
  --cr-green: #00A94F;
  --cr-green2: #007938;
  --cr-border: #E7E7E7;
  --cr-red: #f00;
  --cr-warning: #ec4546;
  --cr-warning2: #B91213;
  --tsition: .3s ease-in-out;
  --radius: 8px;
}

/*============================== TEXT ===============================*/
.icw .nowrap{white-space: nowrap;}
.icw .text-light{color: var(--cr-light) !important;}
.icw .text-black,.text-black{color: var(--cr-black) !important;}
.icw .text-dark{color: var(--cr-dark) !important;}
.icw .text-green,.text-green{color: var(--cr-green) !important;}
.icw .text-gray{color: var(--cr-gray) !important;}
.icw .text-lightgray{color: var(--cr-lightgray) !important;}
.icw .text-red{color: var(--cr-red) !important;}
.icw .text-warning{color: var(--cr-warning) !important;}

.icw .main {font-style: normal; font-weight: 500; color: var(--cr-gray); font-family: 'kurious-looped'; z-index: inherit;}
.icw .main strong{font-weight: 600;}

.icw h1,.icw h2,.icw h3,.icw h4,.icw h5,.icw h6,
.icw .h1,.icw .h2,.icw .h3,.icw .h4,.icw .h5,.icw .h6{margin: 0 0 0.6em;}

.icw h1,.icw h2,.icw h3,.icw h4,.icw h5,.icw h6,
.icw .h1,.icw .h2,.icw .h3,.icw .h4,.icw .h5,.icw .h6,
.icw h1 strong,.icw h2 strong,.icw h3 strong,.icw h4 strong,.icw h5 strong,.icw h6 strong,
.icw .h1 strong,.icw .h2 strong,.icw .h3 strong,.icw .h4 strong,.icw .h5 strong,.icw .h6 strong{font-family: 'kurious-looped'; margin: 0;}

.icw h1,.icw .h1 {font-weight: 500; line-height: 1.5em;}
.icw h1 strong,.icw .h1 strong{font-weight: 600;}
.icw h2,.icw .h2 {font-weight: 500; line-height: 1.5em;}
.icw h2 strong,.icw .h2 strong{font-weight: 600;}
.icw h3,.icw .h3 { font-weight: 500; line-height: 1.5em;}
.icw h3 strong,.icw .h3 strong{font-weight: 600;}
.icw h4,.icw .h4 { font-weight: 500; line-height: 1.5em;}
.icw h4 strong,.icw .h4 strong{font-weight: 600;}
.icw h5,.icw .h5 { font-weight: 500; line-height: 1.5em;}
.icw h5 strong,.icw .h5 strong{font-weight: 600;}
.icw h6,.icw .h6 { font-weight: 500; line-height: 1.5em;}
.icw h6 strong,.icw .h6 strong{font-weight: 600;}

.icw p{margin: 0 0 0.6em; line-height: 1.2em;}
.icw p{font-family: 'kurious-looped'; font-size: 16px; }
.icw p strong{font-weight: 600;}

.icw p.desc {font-family: 'kurious-looped'; font-size: 16px; font-weight: 500; line-height: 1.5em; margin: 0;}
.icw p.desc strong{font-weight: 600;}

.icw .caption{font-family: 'kurious-looped'; font-size: 13px; font-weight: 500; line-height: 1.5em;}
.icw .caption strong{font-weight: 600;}

.icw a.link{font-family: 'kurious-looped'; font-weight: 600; color: var(--cr-green); text-decoration: underline;}

.icw ul{padding: 0; margin: 0;}

@media screen and (min-width: 200px) {
  .icw h1,.icw .h1 {font-size: 28px; line-height: 1.4em;}
  .icw h2,.icw .h2 {font-size: 24px; line-height: 1.4em;}
  .icw h3,.icw .h3 {font-size: 20px; line-height: 1.4em;}
  .icw h4,.icw .h4 {font-size: 18px; line-height: 1.5em;}
  .icw h5,.icw .h5 {font-size: 16px; line-height: 1.5em;}
  .icw h6,.icw .h6 {font-size: 16px; line-height: 1.5em;}
}
@media screen and (min-width: 768px) {
  .icw h1,.icw .h1{font-size: 42px; line-height: 1.3em;}
  .icw h2,.icw .h2{font-size: 33px; line-height: 1.4em;}
  .icw h3,.icw .h3{font-size: 26px; line-height: 1.3em;}
  .icw h4,.icw .h4{font-size: 20px; line-height: 1.4em;}
  .icw h5,.icw .h5{font-size: 18px; line-height: 1.5em;}
  .icw h6,.icw .h6{font-size: 16px; line-height: 1.5em;}
}



/*============================== 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;}
.show-w280{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;}
}
@media (max-width: 280px){
    .show-w280{display: block;}
    .hide-w280{display: none;}
}


/*============================== LAYOUT ===============================*/
.icw button, .icw input, .icw select, .icw textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
  -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; background: none; padding: 0; margin: 0;min-width: inherit;
  font: inherit;text-transform: none;text-align: left; color: inherit;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}
.icw input::placeholder{color: #999;}

.icw .container:before,
.icw .container:after{content: ''; display: table; clear: both;}
.icw .container,
.icw .container-xs,
.icw .container-sm,
.icw .container-md { margin-left: auto; margin-right: auto; padding-left: 16px;padding-right: 16px; width: 100%;}
.icw .container {max-width: 1172px;}
.icw .container-xs {max-width: 830px;}
.icw .container-sm {max-width: 930px;}
.icw .container-md {max-width: 1030px;}

.icw .a-left{text-align: left;}
.icw .a-center{text-align: center;}
.icw .a-right{text-align: right;}

.icw .row-0{margin: 0px;}
.icw .row-0 > div{padding: 0px;}

.icw .row-20{margin: 0 -10px;}
.icw .row-20 > div{padding: 0 10px;}

.icw .row-flex{display: flex; flex-wrap: wrap;}
.icw .row-flex.align-items-center{align-items: center;}
.icw .row-flex > div{float: none;}
.icw .row-flex > .col{ flex-basis: 0;-webkit-box-flex: 1;flex-grow: 1;max-width: 100%;}
.icw .row-flex > .col-auto{-webkit-box-flex: 0;flex: 0 0 auto; width: auto; max-width: none;}
.icw .row-flex > .col-12 {-webkit-box-flex: 0;flex: 0 0 100%;max-width: 100%;}
.icw .row-flex > .col-6 {-webkit-box-flex: 0;flex: 0 0 50%;max-width: 50%;}

.icw .item-list{padding: 0; margin: 0; list-style: none;}
.icw .item-list:after{content: ''; display: table; clear: both;}
.icw .item-list > li{float: left;}

.icw .section{position: relative;}
.icw .section .sc-inner{position: relative;}
.icw .section .sc-heading{text-align: center;}

@media screen and (min-width: 200px) {
  .section .sc-inner{padding: 24px 0;}
  .section .sc-heading{margin-bottom: 16px;}
}
@media screen and (min-width: 768px) {
  .section .sc-inner{padding: 64px 0;}
  .section .sc-heading{margin-bottom: 24px;}
}

.mb-8{
  margin-bottom: 8px !important;
}
.mb-16{
  margin-bottom: 16px !important;
}
.mb-32{
  margin-bottom: 32px !important;
}
.pt-40{
  padding-top: 40px !important;
}
.pb-40{
  padding-bottom: 40px !important;
}
.mb-40{
  margin-bottom: 40px !important;
}
.gap-40{
  gap: 40px;
}

/*============================== button ===============================*/
.icw .btn {
  padding: 8px 24px;
  width: auto;
  min-width: 120px;
  font-family: "kurious-looped";
  font-weight: 600;
  border: 0;
  font-size: 16px;
  height: auto;
  background: transparent;
  /* display: inline-flex; */
  color: var(--cr-light);
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 8px;
  transition: var(--tsition);
  line-height: 1.5em;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  z-index: 1; /*box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); */
}
.icw .btn.btn-fs20 {
  font-size: 20px;
}
.icw .btn.btn-h40 {
  height: 40px;
}
.icw .btn:hover,
.icw .btn:active:hover,
.icw .btn.active:hover,
.icw .btn:active:focus,
.icw .btn.actitve:focus,
.icw .btn:active.focus,
.icw .btn.active.focus,
.icw .btn:focus,
.icw .btn:focus:hover,
.icw .btn.focus:hover {
  color: var(--cr-gray);
  outline: none;
  box-shadow: none;
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  outline-offset: 0;
}

.icw .btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  transition: var(--tsition);
  opacity: 0;
}
.icw .btn:hover:before {
  left: 0;
  opacity: 1;
}

.icw .btn.disabled,
.icw .btn.disabled:hover {
  opacity: 0.5;
  pointer-events: none;
}

.icw .btn.:focus {
  outline: none;
  border: none;
}

.icw .btn.fluid {
  width: 100%;
  min-width: inherit;
}

.icw .btn.btn-primary {
  height: 48px;
}

.icw .btn.btn-secondary {
  height: 40px;
}

.icw .btn.btn-tertiary {
  background: transparent;
  color: var(--cr-light);
  /* height: 24px; */
  padding: 8px 0;
}
.icw .btn.btn-tertiary.underline {
  text-decoration: underline;
}
.icw .btn.btn-tertiary.disabled {
  color: var(--cr-lightgray);
  pointer-events: none;
}
.icw .btn.btn-tertiary:hover {
  background: transparent;
  color: var(--cr-light);
  text-decoration: underline;
}
.icw .btn.btn-tertiary:focus {
  background: transparent;
  outline: none;
  border: none;
}

.icw .btn.btn-green{
  background: var(--cr-green);
  color: var(--cr-light);
}

/* .icw .btn.btn-green:before {
  background-color: #0bc160;
} */

.icw .btn.btn-green:hover{
  background: #0BC160;
  color: var(--cr-light);
  /* border: 1px solid var(--cr-green); */
}
.icw .btn.btn-green.disabled{
  color: var(--cr-gray);
  background: var(--cr-lightgray-ccc);
  pointer-events: none;
}

.icw .btn.btn-light{
  background: var(--cr-light);
  color: var(--cr-green);
  border-color: var(--cr-light);
  transition: all 0.8s;

}

.icw .btn.btn-light:hover{
  background: var(--cr-light);
  color: var(--cr-green);
  border-color: var(--cr-light);
}
.icw .btn.btn-light.disabled{
  color: var(--cr-lightgray-ccc);
  pointer-events: none;
}

.icw .btn.btn-dark{
  background: var(--cr-dark);
  color: var(--cr-light);
  border-color: var(--cr-dark);
  transition: all 0.8s;

}

.icw .btn.btn-dark:hover{
  background: var(--cr-dark);
  color: var(--cr-light);
  border-color: var(--cr-dark);
}
.icw .btn.btn-dark.disabled{
  color: var(--cr-lightgray-ccc);
  pointer-events: none;
}
.icw .btn-wrapper{
  display: flex;
  gap:16px;
  align-items: center;
  flex-direction: column;

  justify-content: center;
}
@media screen and (min-width: 992px) {
  .icw .btn-wrapper{
    flex-direction: row;
  }
}


/* ===================== header kplus ===================== */
#header-kplus {
    display: none;
    /* position: sticky; */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10002;
}

#header-kplus .header-inner {
  min-height: 44px;
  width: 100%;
  position: relative;
  border-radius: 0 0 8px 8px;
  background-image: url(/SiteCollectionDocuments/assets/kplus-theme/img/bg-header.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  display: grid;
  align-items: center;
  justify-content: center;
}

#header-kplus .button-back {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 4px;
}

#header-kplus .header-title {
  color: #ffffff;
  font-weight: 600;
  font-size: 20px;
  line-height: 31.74px;
  margin: 0;
}

body.in-kplus-targeted #header-kplus {
  display: block;
}

body.in-kplus-targeted #navigation-header,
body.in-kplus-targeted #navigation-footer,
body.in-kplus-targeted #navigation-widgets {
  display: none !important;
}

body.in-kplus-targeted .icw .main {
  padding-bottom: 20px;
}


/*############################ sc-thankyou ###################################*/
@media screen and (min-width: 200px) {
  .sc-thankyou{position: relative; overflow: hidden; background: 
    linear-gradient(120.65deg, #008661 0%, #00A850 131.39%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
     padding-top: 60px;}
  .sc-thankyou:after{content: "";position: absolute;z-index: 0;top: 0;width: 100%;height: 100%;right: 0;
      background-repeat: no-repeat; background-size: cover; background-position: top left; background-blend-mode: soft-light, normal;
      background-image: url(../img/bg-droplead-m.png),linear-gradient(120.65deg, #00A850 0%, #61D699 131.39%),
      transition: var(--tsition);
  }
  .sc-thankyou .sc-inner{position: relative; z-index: 1;}
  .sc-thankyou .sc-heading{text-align: center;}
  .sc-thankyou .sc-heading .title{margin: 0 0 16px; line-height: 1.5;}
  .sc-thankyou .sc-heading .desc{margin: 0; line-height: 1.5; color: var(--cr-light); font-size: 20px;}
  .sc-thankyou .sc-heading .line{max-width: 260px; height: 1px; background: #CCCCCC; margin: 32px auto;}
  .sc-thankyou .sc-content{text-align: center;}
  .sc-thankyou .sc-content .title{color: var(--cr-light); line-height: 1.5; margin: 0 0 32px;}
  .sc-thankyou .sc-content .desc{color: var(--cr-light); line-height: 1.5; margin: 0; font-size: 13px;}
  .sc-thankyou .image {margin: 0 auto 32px auto; position: relative;}
  .sc-thankyou .image svg {width: 96px;margin: auto;display: block; color: var(--cr-light)}
  .sc-thankyou .note{text-align: center; padding: 12px 16px; background: var(--cr-light); border-radius: 8px; display: inline-flex;}
  .sc-thankyou .note p{margin: 0; font-size: 13px; font-weight: 500; line-height: 1.8em; font-family: 'kurious-looped';}
  .sc-thankyou .note .txt{font-weight: 600; display: inline-block; vertical-align: middle; margin-right: 8px; 
      border-radius: 4px; padding: 2px 10px 0; background: var(--cr-red); color: var(--cr-light); line-height: 1.5em;
  }
  .sc-thankyou .backhome{background: #ECF4F3; padding: 40px 0; text-align: center; position: relative; z-index: 1;}
  .sc-thankyou .backhome .desc{margin: 24px 0 0; text-align: center; color: var(--cr-gray); font-size: 13px;}

}
@media screen and (min-width: 768px) { 
  .sc-thankyou .image {margin: 0 auto 40px auto;}
  .sc-thankyou .sc-heading .title {margin: 0 0 24px;}
  .sc-thankyou .sc-heading .line {max-width: 320px; margin: 40px auto;}
  .sc-thankyou .sc-content .title {margin: 0 0 40px;}
  .sc-thankyou .sc-content .desc{margin: 0 0 0;}
  .sc-thankyou .backhome{padding: 64px 0;}
}
@media screen and (min-width: 992px) {

}
@media screen and (min-width: 1200px) {
  .sc-thankyou{padding-top: 130px;}
}


/*============================== section cta ===============================*/

.sc-content-wrapper{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  position: relative;
  z-index: 1;
  padding: 0 16px;
  z-index: 1;
  max-width:850px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {

  .sc-content-wrapper{
    display:flex;
    flex-direction:row;
    justify-content:center;
    gap:24px;
    align-items:center;
    position: relative;

  }}



/*############################ sc-shortcut ###################################*/
@media screen and (min-width: 200px) {
  .sc-shortcut{background: var(--cr-light); overflow: hidden; position: relative;}
  .sc-shortcut .sc-inner{padding: 24px 0;}
  .sc-shortcut .item-list{position: relative; padding: 0; margin: 0; list-style: none;}
  .sc-shortcut .item-list > li{width: 100%;}
  .sc-shortcut .item-list > li + li{border-top: 1px solid var(--cr-border);}
  .sc-shortcut .wrapper{display: flex; width: 100%;flex-wrap: nowrap; position: relative; padding:16px 0;}
  .sc-shortcut .icon{-webkit-box-flex: 0;flex: 0 0 auto; width: auto; max-width: none;}
  .sc-shortcut .icon img{height: 20px; display: block; margin: 0 auto;}
  .sc-shortcut .content{flex-basis: 0;-webkit-box-flex: 1;flex-grow: 1;max-width: 100%; padding-left: 16px;}
  .sc-shortcut .txt{font-size: 16px; color: var(--cr-green); margin: 0; line-height: 1.5em;}
  .sc-shortcut .txt strong{font-weight: 600; color: var(--cr-dark);}
  .sc-shortcut .txt .a-link{font-weight: 600; color: var(--cr-green); text-decoration: underline;}
}
@media screen and (min-width: 768px) { 
  .sc-shortcut .sc-inner{padding: 64px 0;}
  .sc-shortcut .item-list{margin: -9px; display: flex; flex-wrap: wrap; justify-content: center;}
  .sc-shortcut .item-list > li {width: calc(100%/3); border: 0; padding: 9px;}
  .sc-shortcut .item-list > li+li{margin-top: 0; border-top: 0;}
  .sc-shortcut .wrapper{border: 1px solid #EDEDED; border-radius: 8px; padding: 16px; flex-direction: column; align-items: flex-start; min-height: 120px; background: var(--cr-light);}
  .sc-shortcut .wrapper:before{display: none;}
  .sc-shortcut .content{padding-left: 0; padding-top: 15px;}
  .sc-shortcut .icon img {height: 25px;}
  .sc-shortcut .txt{line-height: 1.4em; min-height:2.8em; color: var(--cr-dark); text-decoration: none;}
}
@media screen and (min-width: 992px) {
  .sc-shortcut .item-list > li {width: calc(100%/5);}
}
@media screen and (min-width: 1200px) {
  .sc-shortcut .icon img {height: 27px;}
  .sc-shortcut .wrapper{transition: var(--transition); transform: scale(1.0);}
  .sc-shortcut .wrapper:hover{transform: scale(1.05);}
}

/*############################ kbxa-overlaycard ############################*/
.kbxa-overlaycard{
  margin-top:100px;
  width:50%;
  position: relative;
  background: #fff;
  border-radius: 8px;
  min-height: 310px;
}

.kbxa-overlaycard-content{
  position: relative;
  padding: 114px 32px 32px 32px;
  background: #fff;
  border-radius: 8px;
  text-align: center;
}
.kbxa-overlaycard-content .btn{
  z-index: 2;
  position: relative;
}


.kbxa-overlaycard-content p{
  min-height:48px;
}
.kbxa-overlaycard__image{
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 64px);
  height: 100%;
  object-fit: contain;
  z-index: 1;
  border-radius: 8px;
}

@media screen and (max-width: 767px) {
.kbxa-overlaycard{
  width:100%;
  margin-top:80px;

}
  .kbxa-overlaycard:first-of-type{
    margin-top:48px;
    min-height: 240px;
  }
  .kbxa-overlaycard__image{
    top: -45%;
  }
}

/*############################ mfp-popup download-popup-style ############################*/
.download-popup-style.mfp-bg{
  z-index:1250;
}
.download-popup-style.mfp-wrap{
  z-index:1300;

}

.download-popup-style .mfp-content {
  max-width: 1440px !important;
  width: 100%;
  background: linear-gradient(180deg,
      rgba(58, 64, 76, 1) 0%,
      rgba(37, 40, 50, 1) 100%);
  border-radius: 15px;
}

.download-popup-style.mfp-close-btn-in .mfp-close {
  background-color: #02ca77;
}
.download-popup-style .wrapper-popup{
  display:flex;
  flex-direction:row;
  align-items:center;
  background: #fff;
  border-radius: 8px;
  .content{
    width: 50%;
  }
  .title{
    font-family: "kurious-looped";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width:fit-content;
    /* text-align: center; */
  }
  .image{
    width: 50%;
  }

  .qrcode{
    text-align: center;
    padding:100px 0;
    background:linear-gradient(313deg, #1F313A -1.62%, #465968 100%);
  }
}

.download-popup-style .popup-inner {
  padding: 60px 0;
}

.download-popup-style .sc-heading {
  text-align: center;
  margin-bottom: 40px;
}


.download-popup-style .mfp-content {
  max-width: 960px !important;
  /* height: 638px; */
}



.download-popup-style.mfp-close-btn-in .mfp-close {
  background-color: var(--cr-green);
  border-radius: 50%;
  position: absolute;
  top: -20px;
  right: -20px;
  width: 40px;
  height: 40px;
  line-height: 0;
  text-align: center;
  font-size: 40px;
  color: #fff;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.download-popup-style .ezyQR{
  border-radius:8px;
}

@media only screen and (min-width: 576px) {
  .download-popup-style .sc-content ul {
    flex-direction: row;
  }

  .download-popup-style .sc-content li {
    padding: 0 10px;
  }
}

@media only screen and (min-width: 768px) {
  .download-popup-style .sc-heading .title {
    font-size: 33px;
    line-height: 50px;
  }

  .download-popup-style .popup-inner {
    padding: 40px 0;
  }

}

@media only screen and (min-width: 991px) {
  .download-popup-style .sc-content li {
    padding: 0 40px;
  }
}