.sec-banner-hero {
  display: flex;
  width: 100%;
}
.sec-banner-hero .banner-image {
  display: flex;
  width: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 1200px) {
  .sec-banner-hero .container {
    padding: 0;
  }
}

.sec-register {
  background: var(--white-color);
}

.radio-wrapper {
  display: flex;
  width: 100%;
  align-items: center;
  padding-top: 18px;
  padding-left: 14px;
  padding-bottom: 24px;
}
.radio-wrapper .cr-wrapper *,
.radio-wrapper .cr-wrapper *::before,
.radio-wrapper .cr-wrapper *::after {
  box-sizing: content-box !important;
}
.radio-wrapper .cr-wrapper input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.radio-wrapper .cr-wrapper span {
  font-size: 14px;
  display: flex;
  line-height: 20px;
  align-self: center;
  letter-spacing: 0.25%;
}
.radio-wrapper .cr-wrapper {
  display: flex;
  position: relative;
  padding-left: 34px;
  cursor: pointer;
  align-items: center;
  margin-bottom: 0;
  margin-right: 30px;
}
.radio-wrapper .cr-wrapper:last-child {
  margin-right: 0;
}
.radio-wrapper .cr-wrapper input[type='checkbox'] ~ .cr-input {
  position: absolute;
  top: 50%;
  left: 0;
  height: 16px;
  width: 16px;
  background: #ffffff;
  transition: background 250ms;
  border: 2px solid #303c46;
  border-radius: 0;
  transform: translate(0, -50%);
}
.radio-wrapper .cr-wrapper input[type='radio'] ~ .cr-input {
  position: absolute;
  top: 50%;
  left: 0;
  height: 16px;
  width: 16px;
  background: #ffffff;
  transition: background 250ms;
  border: 2px solid #303c46;
  border-radius: 20px;
  transform: translate(0, -50%);
}
.radio-wrapper .cr-wrapper input[type='checkbox'] ~ .cr-input::after {
  content: '';
  position: absolute;
  display: none;
  left: 3px;
  top: 3px;
  width: 10px;
  height: 10px;
  transition: background 250ms;
  background-color: #e00000;
  -webkit-clip-path: polygon(
    14% 44%,
    0 65%,
    50% 100%,
    100% 16%,
    80% 0%,
    43% 62%
  );
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
.radio-wrapper .cr-wrapper input[type='radio'] ~ .cr-input::after {
  content: '';
  position: absolute;
  display: none;
  left: 3px;
  top: 3px;
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background: #e00000;
  transition: background 250ms;
}
.radio-wrapper .cr-wrapper input:checked ~ .cr-input::after {
  display: block;
}
.radio-wrapper
  .cr-wrapper:hover
  input[type='checkbox']:not([disabled])
  ~ .cr-input,
.radio-wrapper .cr-wrapper input[type='checkbox']:focus ~ .cr-input {
  background: #ffffff;
  border-color: #303c46;
}
.radio-wrapper
  .cr-wrapper:hover
  input[type='radio']:not([disabled])
  ~ .cr-input,
.radio-wrapper .cr-wrapper input[type='radio']:focus ~ .cr-input {
  background: #ffffff;
  border-color: #303c46;
}
.radio-wrapper .cr-wrapper input[type='checkbox']:checked ~ .cr-input {
  background: #ffffff;
  border-color: #e00000;
}
.radio-wrapper .cr-wrapper input[type='radio']:checked ~ .cr-input {
  background: #ffffff;
  border-color: #e00000;
}
.radio-wrapper .cr-wrapper input[type='checkbox']:disabled ~ .cr-input,
.radio-wrapper .cr-wrapper input[type='radio']:disabled ~ .cr-input {
  opacity: 0.5;
  cursor: not-allowed;
}
.radio-wrapper .cr-wrapper input[type='checkbox']:disabled ~ span,
.radio-wrapper .cr-wrapper input[type='radio']:disabled ~ span {
  opacity: 0.5;
  cursor: not-allowed;
}
.radio-wrapper .cr-wrapper input[type='checkbox']:disabled ~ .cr-input::after {
  background: #e00000;
}
.radio-wrapper .cr-wrapper input[type='radio']:disabled ~ .cr-input::after {
  background: #e00000;
}
.radio-wrapper
  .cr-wrapper:hover
  input[type='checkbox']:not([disabled]):checked
  ~ .cr-input,
.radio-wrapper .cr-wrapper input[type='checkbox']:checked:focus ~ .cr-input {
  background: #ffffff;
  border-color: #e00000;
}
.radio-wrapper
  .cr-wrapper:hover
  input[type='radio']:not([disabled]):checked
  ~ .cr-input,
.radio-wrapper .cr-wrapper input[type='radio']:checked:focus ~ .cr-input {
  background: #ffffff;
  border-color: #e00000;
}

.tabs-container .btn-primary-outline {
  background: var(--white-color);
}
.tabs-container .btn-primary-outline:hover {
  background: var(--white-color);
}
.tabs-container .navbar-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.tabs-container .navbar-wrapper .btn {
  width: 96px;
  height: 40px;
  border: 1px solid #c0c0c0;
  color: var(--primary-text-color);
  margin-right: 16px;
  font-size: 14px;
  transition: 0s;
}
.tabs-container .navbar-wrapper .btn:last-child {
  margin-right: 0;
}
.tabs-container .navbar-wrapper .btn.active {
  color: var(--white-color);
}
.tabs-container .navbar-wrapper .btn.btn-true.active {
  border: 1px solid var(--primary-color);
}
.tabs-container .navbar-wrapper .btn.btn-dtac.active {
  border: 1px solid #10b9f2;
  background: #10b9f2;
}
.tabs-container .tabs-wrapper {
  position: relative;
}
.tabs-container .tabs-wrapper .tab-content {
  visibility: hidden;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  color: #303c46;
}
.tabs-container .tabs-wrapper .tab-content.active {
  visibility: visible;
  position: relative;
  opacity: 1;
  transition: all 0.25s ease-in-out 0.05s;
}

.form-template {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.form-template .row {
  margin: 0 -12px;
}
.form-template .row [class^='col-'] {
  padding: 0 12px;
}
.form-template .form-group {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 16px;
}
.form-template .form-group.error .form-control {
  border-color: var(--primary-color);
}
.form-template .form-group.error span {
  color: var(--primary-color);
}
.form-template .form-group.error .note-error {
  display: flex;
}
.form-template .form-group.error .clear-field {
  display: flex;
}
.form-template .form-group span {
  position: absolute;
  top: -5px;
  left: 12px;
  z-index: 5;
  padding: 0 4px;
  background: var(--white-color);
}
.form-template .form-group .note-error {
  display: none;
  width: 100%;
  top: auto;
  background: none;
  padding: 0;
  color: var(--primary-color);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.004em;
  font-family: var(--font-regular);
  left: 16px;
  bottom: -18px;
  position: absolute;
}
.form-template .form-group .clear-field {
  display: none;
  width: 40px;
  height: 56px;
  top: 0;
  right: 0;
  cursor: pointer;
  position: absolute;
  background: url('../images/icons/ico-close.svg') center center/24px auto
    no-repeat;
}
.form-template .form-group .form-control {
  display: flex;
  width: 100%;
  height: 56px;
  padding: 0 46px 0 16px;
  border-radius: 16px;
  font-size: 16px;
  background: var(--white-color);
  border: 1px solid #c0c0c0;
  outline: 0;
}
.form-template .form-group .form-control::-moz-placeholder {
  color: rgba(48, 60, 70, 0.38);
}
.form-template .form-group .form-control::placeholder {
  color: rgba(48, 60, 70, 0.38);
}
.form-template .form-group .form-control::-ms-input-placeholder {
  color: rgba(48, 60, 70, 0.38);
}
.form-template .card-status {
  display: none;
}
.form-template .card-status.active {
  display: flex;
}

.tc-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.tc-wrapper .radio-wrapper {
  padding-left: 10px;
}
.tc-wrapper .cr-wrapper .cr-input {
  top: 15px;
}
.tc-wrapper .cr-wrapper span {
  display: inline;
}
.tc-wrapper .cr-wrapper a {
  display: inline;
  color: #007ad0;
}
.tc-wrapper .cr-wrapper input[type='checkbox'] ~ .cr-input {
  top: 15px;
}
.tc-wrapper .button-control {
  display: flex;
  justify-content: center;
  width: 100%;
}
.tc-wrapper .button-control .btn {
  width: 100%;
  max-width: 326px;
}

/* sc-device-privilege */
.c-red-gradient {
  background: var(--citrin-gradient-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  padding-top: 4px;
  max-width: -moz-max-content;
  max-width: max-content;
}

.sc-device-privilege {
  background: linear-gradient(
    167deg,
    #ffffff 42.36%,
    #ffd8e7 63.92%,
    #e7deff 78.35%,
    #bee9ff 100%
  );
}

.sc-device-privilege .presale-privilege .box-privilege {
  background: #ffffff;
  padding: 36px 16px;
  height: 200px;
  border-radius: 24px;
  box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}

.sc-device-privilege .presale-privilege .box-privilege .ico-gift {
  display: flex;
  width: 93px;
  height: 93px;
  background: url('https://www.true.th/hubfs/.._pages/devices/images/img-gift-200x200.png')
    center center no-repeat;
  background-size: 100%;
  transition: all 0.3s ease;
  margin: -36px 0 0 -26px;
}

.sc-device-privilege .presale-privilege .box-privilege .privilege-name {
  background: var(--citrin-gradient-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  max-width: -moz-max-content;
  max-width: max-content;
  padding-top: 4px;
  transition: all 0.3s ease;
}

.sc-device-privilege .presale-privilege .box-privilege .privilege-desc {
  color: var(--primary-text-color);
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.3s ease;
}

.presale-privilege .item-cards {
  margin-bottom: 20px;
  padding: 1px;
}

.sc-device-privilege .presale-privilege .box-privilege {
  padding: 16px 24px;
  height: 100% !important;
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.presale-privilege .item-cards:nth-child(2n) {
  margin-right: 0 !important;
}

.presale-privilege .swiper.swiper-grid {
  height: 100%;
  padding-bottom: 0;
  overflow: visible;
}

.sc-device-privilege .presale-privilege {
  width: 100%;
  margin: 0 auto;
}

.presale-privilege .swiper-grid-column > .swiper-wrapper {
  width: 100% !important;
  flex-direction: row;
}

.presale-privilege .item-cards.full-card {
  width: 100% !important;
  display: flex;
  justify-content: center;
}

.sc-device-privilege .presale-privilege .item-cards.full-card .box-privilege {
  width: 100%;
}

.highlight-name {
  margin: 0 auto;
}

.sc-device-privilege {
  background: linear-gradient(
    137.97deg,
    #ffffff 42.36%,
    #ffd8e7 63.92%,
    #e7deff 78.35%,
    #bee9ff 100%
  );
}

/* footer */
.main-footer {
  display: flex;
  width: 100%;
  background: #000000;
  flex-direction: column;
  padding: 40px 0;
}
.main-footer .follow-wrapper {
  display: flex;
  flex-direction: column;
}
.main-footer .head {
  display: flex;
  margin-top: 10px;
  margin-bottom: 16px;
}
.main-footer .nav-social {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.main-footer .nav-social .link-social {
  display: flex;
  width: 24px;
  margin-right: 16px;
}
.main-footer .nav-social .link-social img {
  width: 100%;
}
.main-footer .sub-footer {
  display: flex;
  width: 100%;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 0 0 10px;
  height: 100%;
  border-top: none;
}
.main-footer .sub-footer .privacy-policy {
  display: flex;
  align-items: center;
}
.main-footer .sub-footer a {
  display: inline-flex;
  align-items: center;
}
.main-footer .sub-footer a:first-child::after {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #ffffff;
  display: inline-flex;
  margin: 0 2px;
}

@media (min-width: 768px) {
  .textItem.cardLink > div {
    display: flex;
    justify-content: space-between;
  }
  .presale-privilege .item-cards {
    margin-top: 0 !important;
    width: 454px !important;
    height: 216px !important;
    /* overflow: hidden; */
    margin-bottom: 20px;
    margin-right: 20px;
    padding: 2px;
  }
  .sc-device-privilege .presale-privilege .box-privilege {
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.04);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .presale-privilege .item-cards {
    margin-top: 0 !important;
    width: 356px !important;
    height: 216px !important;
    /* overflow: hidden; */
    margin-bottom: 20px;
  }
  .presale-privilege .item-cards.full-card {
    height: auto !important;
  }
  .sc-device-privilege .presale-privilege {
    max-width: 736px;
  }
}
@media (max-width: 767px) {
  .main-page {
    padding-top: 50px;
  }
  .sec-banner-hero .banner-image {
    display: block;
    width: 100%;
  }
  .sec-banner-hero .banner-image img {
    width: 100%;
  }
  .sc-device-privilege {
    padding: 130px 0 48px;
  }
  .sc-device-privilege .presale-privilege .box-privilege {
    padding: 24px 12px;
  }
  .sc-device-privilege .presale-privilege .box-privilege .ico-gift {
    width: 50px;
    height: 50px;
    margin: -24px 0 0 -12px;
  }
  .swiper.swiper-grid {
    height: 682px;
    padding-bottom: 50px;
  }
  .item-cards {
    margin-top: 20px;
  }
  .sc-device-privilege .presale-privilege .box-privilege {
    padding: 12px;
    height: 100% !important;
    border-radius: 16px;
  }
  .images-icons img {
    height: 26px;
    width: auto;
  }
  .presale-privilege .item-cards:nth-child(3),
  .presale-privilege .item-cards:nth-child(4) {
    margin-bottom: 4px;
  }
  .presale-privilege .item-cards {
    margin-top: 0 !important;
    width: 235px !important;
    height: 171px !important;
    margin-bottom: 20px;
    margin-right: 16px;
    padding: 2px;
  }
  .head-title .f-medium,
  .item-cards.full-card .box-privilege > p {
    font-family: var(--font-bold);
  }
}
@media (min-width: 541px) and (max-width: 720px) {
  .presale-privilege .item-cards {
    width: 335px !important;
  }
}
@media (max-width: 500px) {
  .presale-privilege .item-cards {
    margin-top: 0 !important;
    width: 171px !important;
    height: auto !important;
    /* overflow: hidden; */
    margin-bottom: 20px;
  }
  .presale-privilege .item-cards.full-card {
    height: 104px !important;
  }
  .sc-device-privilege .presale-privilege {
    max-width: 358px;
    width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 375px) {
  .presale-privilege .item-cards {
    width: 162px !important;
    height: 175px !important;
  }
  .sc-device-privilege .presale-privilege {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
  }
}
/* sc installment */
@media (min-width: 768px) {
  .container-932 {
    max-width: 964px;
  }
}
.sc-installment .box-installment-text {
  background: #fffafc;
  background: linear-gradient(
    135deg,
    #fffafc 0%,
    #ffd8e7 33%,
    #e7deff 67%,
    #bee9ff 100%
  );
  padding: 4px;
  border-radius: 14px;
  margin-top: 24px;
}

.sc-installment .box-installment-text .wrap-inner {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 40px;
  text-align: center;
}

.sc-installment .bank-list [class*='col-'] {
  margin-top: 24px;
}

.sc-installment .bank-list .logo-bank {
  text-align: center;
}

@media (max-width: 767px) {
  .sc-installment .container > h3,
  .sc-installment .container .wrap-inner h4,
  .sc-installment .container .wrap-inner h4 span {
    font-family: var(--font-bold);
  }
  .sc-installment .container .box-installment-text .wrap-inner {
    padding: 16px 12px;
  }
  .sc-installment .container .bank-list {
    margin-top: 8px;
  }
  .sc-installment .container .bank-list [class*='col-'] {
    margin-top: 16px;
  }
  h2.t-title-space span {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .sc-installment .bank-list {
    margin: 24px 0 0;
    gap: 24px 16px;
  }
  .sc-installment .bank-list [class*='col-'] {
    width: 300px;
    padding: 0;
    margin-top: 0;
  }
}
.sc-thank .wrap-thank {
  text-align: center;
}

.sc-thank .wrap-thank .button-control .btn {
  width: 100%;
  max-width: 326px;
}

.cta-popup.popup-pre-register {
  background: #ffffff;
  border-radius: 24px;
  max-width: 312px;
}

.cta-popup.popup-pre-register .popup-inner .popup-img {
  margin-top: 16px;
  min-height: auto;
}

.cta-popup.popup-pre-register .popup-inner .popup-detail .txt-title {
  margin-bottom: 26px;
}

.cta-popup.popup-pre-register .popup-inner .popup-detail .button-control .btn {
  width: 100%;
  outline: none;
}

.cta-popup.popup-pre-register > .is-close-btn {
  display: none;
}

/* sc term */
.inner-term ul {
  padding-left: 36px !important;
}

.inner-term p,
.inner-term ol {
  padding-left: 16px !important;
}

.inner-term ul li {
  list-style: disc;
}

.inner-term ol {
  counter-reset: item;
}

.inner-term ol > li {
  display: block;
}

.inner-term ol > li:before {
  content: counters(item, '.') '. ';
  counter-increment: item;
}

.inner-term .button-control {
  max-width: 356px;
  width: 100%;
  margin: 0 auto;
}

.inner-term .btn.btn-primary-outline.disabled {
  background: rgba(26, 28, 30, 0.12) !important;
  color: rgba(26, 28, 30, 0.5) !important;
}

.breadcrumbs ul {
  list-style: none;
}

.breadcrumbs ul li {
  position: relative;
  padding-left: 24px;
}

.ico.ico-arrow {
  position: absolute;
  left: 4px;
  width: 9px;
  height: 20px;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(../images/icons/icon-arrow.svg) center center no-repeat;
  background-size: 100% auto;
}

@media (min-width: 768px) {
  .breadcrumbs ul {
    margin-left: 16px;
  }
  .ico {
    width: 12px;
  }
  .inner-term p,
  .inner-term ol {
    padding-left: 24px !important;
  }
  .inner-term ul {
    padding-left: 44px !important;
  }
}
@media (max-width: 767px) {
  .main-page {
    background: #f0f0f3;
  }
  .section-term {
    margin: 16px;
    padding: 16px 0;
    background: #fff;
    border-radius: 24px;
  }
  .inner-term > p,
  .inner-term > ol {
    padding: 0 !important;
  }
  .inner-term > p {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 991px) {
  .form-template .form-group {
    margin-bottom: 32px;
  }
  .radio-wrapper.card-type {
    padding-top: 0;
  }
  .form-template .form-group .form-control {
    font-size: 14px;
  }
  .tc-wrapper .radio-wrapper {
    padding-top: 0;
  }

  .main-footer {
    padding: 16px 0 16px;
  }
  .main-footer .follow-wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .main-footer .sub-footer {
    padding: 30px 0 16px;
    justify-content: center;
  }
  .main-footer .head {
    margin: auto 0;
  }
  .main-footer .nav-social {
    padding: 8px 0;
  }
}
@media only screen and (max-width: 460px) {
  .main-footer .sub-footer {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 360px) {
  .presale-privilege .item-cards {
    width: 160px !important;
    height: 195px !important;
    margin-right: 8px;
  }
}
@media (max-width: 320px) {
  .presale-privilege .item-cards {
    width: 100% !important;
    height: 140px !important;
    margin-right: 0;
  }
  .presale-privilege .item-cards {
    margin-bottom: 12px !important;
  }
}

h1,
h2,
h3,
h4,
p {
  margin: 0;
  padding: 0;
}
.text-center {
  text-align: center;
  margin: 0 auto;
}
section.t-privilege {
  position: relative;
  padding: 16px;
  /* background: linear-gradient(
    137.97deg,
    #ffffff 42.36%,
    #ffd8e7 63.92%,
    #e7deff 78.35%,
    #bee9ff 100%
  ); */

  background: linear-gradient(
    153.84deg,
    #ed1c24 7.81%,
    #f0162a 15.13%,
    #fe0145 49.02%,
    #f8034e 52.68%,
    #e80b67 58.18%,
    #ce1890 64.59%,
    #aa29c8 72.83%,
    #883aff 80.16%,
    #4f81ff 89.32%,
    #07dcff 99.39%
  );
}

.t-container-privilege {
  margin: 0 auto;
  max-width: 1128px;
  width: 100%;
}

.t-container-privilege button {
  background: none;
}
.title-contain {
  text-align: center;
  margin-bottom: 16px;
}
h1.t-title {
  font-size: 24px;
  line-height: 33px;
  font-weight: 500;
  background: linear-gradient(145deg, #f00 0%, #ea089c 54.29%, #428ae3 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'better_togetherbold';
}

h2.t-title-space {
  font-weight: 700;
  font-size: 24px;
  line-height: 27px;
  white-space: nowrap;
}

h2.t-title-space span {
  color: #ff0000;
  font-family: 'better_togetherbold';
}

h3.t-sub-title-space {
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 4px;
}

h4.t-description-space {
  font-size: 14px;
  line-height: 20px;
}

h4.t-description-space span {
  font-size: 14px;
  font-weight: 400;
}

.-title-linear {
  background: linear-gradient(
    310deg,
    #00c8ff -11.31%,
    #07c0f8 -4.45%,
    #1dace8 4.71%,
    #408bcc 15%,
    #6f60a9 27.58%,
    #b3207a 41.31%,
    #cc1550 51.61%,
    #e20b2d 61.9%,
    #f20514 71.05%,
    #fb0105 80.2%,
    #f00 87.07%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  max-width: max-content;
}

.text-contain {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.mt-card {
  margin-top: 16px;
}

.mb-card {
  margin-bottom: 16px;
}

h1.t-discount {
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
  background: linear-gradient(
    310.43deg,
    #00c8ff -11.31%,
    #07c0f8 -4.45%,
    #1dace8 4.71%,
    #408bcc 15%,
    #6f60a9 27.58%,
    #b3207a 41.31%,
    #cc1550 51.61%,
    #e20b2d 61.9%,
    #f20514 71.05%,
    #fb0105 80.2%,
    #ff0000 87.07%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  max-width: max-content;
}

h3.t-secondary-title {
  font-family: 'better_togetherbold';
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  background: linear-gradient(
    310deg,
    #00c8ff -11.31%,
    #07c0f8 -4.45%,
    #1dace8 4.71%,
    #408bcc 15%,
    #6f60a9 27.58%,
    #b3207a 41.31%,
    #cc1550 51.61%,
    #e20b2d 61.9%,
    #f20514 71.05%,
    #fb0105 80.2%,
    #f00 87.07%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  max-width: max-content;
  margin-bottom: 10px;
}

p.t-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: rgba(48, 60, 70, 0.8);
  margin-top: 4px;
}

img.t-icon-1 {
  height: 22px;
  width: 75px;
  margin-bottom: 12px;
}

img.t-icon-2 {
  height: 40px;
  width: 130px;
}

img.t-icon-3 {
  height: 20px;
  width: 50px;
  max-width: 50px;
  margin-top: 5px;
}

img.t-icon-4 {
  height: 40px;
  width: 40px;
  margin-bottom: 12px;
  position: relative;
}

img.t-icon-5 {
  /* height: 20px; */
  height: auto;
  width: 100px;
}

.t-inline {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}

img.img-long-term {
  width: 200px;
  height: 70px;
  margin-bottom: 10px;
}

img.img-cyber {
  width: 100px;
  height: 58px;
  margin-bottom: 10px;
}

img.img-e-receipt {
  width: 116px;
  max-width: 116px;
  height: 58px;
}

.t-privilege-contain {
  position: relative;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  column-gap: 16px;
  /* row-gap: 16px; */
}

.text-left {
  text-align: left !important;
}

.t-privilege-contain .t-card-privilege {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.t-privilege-contain .t-card-privilege img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.t-privilege-contain .t-card-privilege.t-card-privilege-left {
  text-align: left;
  align-items: flex-start;
}

.t-privilege-contain .t-card-privilege.t-card-privilege-left img {
  margin-left: 0;
  margin-right: auto;
}

.t-card-privilege-split .t-privilege-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: center;
  width: 100%;
}

.t-card-privilege-split .t-privilege-split-left {
  display: flex;
  align-items: center;
  gap: 16px;
}

.t-card-privilege-split .t-privilege-split-icon {
  width: 80px;
  max-width: 80px;
  height: auto;
}

.t-card-privilege-split .t-privilege-split-right {
  border-left: 4px solid #e00000;
  padding-left: 16px;
}

@media (max-width: 767px) {
  .t-card-privilege-split .t-privilege-split {
    grid-template-columns: 1fr;
  }

  .t-card-privilege-split .t-privilege-split-left {
    justify-content: center;
    text-align: center;
  }

  .t-card-privilege-split .t-privilege-split-right {
    border-left: 0;
    border-top: 2px solid #e00000;
    padding-left: 0;
    padding-top: 12px;
    text-align: center;
  }
}

.t-privilege-contain .t-card-privilege .t-sub-title-space {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.t-privilege-contain-3 {
  position: relative;
  display: flex;
  flex-direction: column;
  column-gap: 16px;
  row-gap: 16px;
  justify-content: center;
  align-items: center;
}

.t-card-privilege-solo {
  border-radius: 16px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  height: 200px;
}

.t-card-privilege {
  border-radius: 16px;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 16px;

  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  width: 100%;
  min-width: 100%;
  min-height: 200px;
}
.t-card-privilege .button-control {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
}

.-middle {
  text-align: center;
}

section.t-credit {
  position: relative;
  padding: 16px 16px 24px 16px;
}

.t-card-credit {
  position: relative;
  border-radius: 16px;
}

.t-card-credit .wrap-inner {
  text-align: center;
  position: relative;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  padding: 16px 12px 16px 12px;
  border-radius: 16px;
  z-index: 2;
}

.t-card-credit::after {
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  background: linear-gradient(
    150.24deg,
    #ffffff -10.09%,
    #ffd8e7 42.08%,
    #e7deff 77.01%,
    #bee9ff 129.4%
  );
  content: '';
  z-index: 1;
  border-radius: 16px;
}

.t-bank-contain {
  position: relative;
  width: 100%;
  margin: 24px 0 24px 0;
}

.t-bank-contain img {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.t-set-center {
  display: flex;
  justify-content: center;
  text-align: center;
}

ul.t-inline-icon {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}

ul.t-inline-icon li {
  display: flex;
  align-items: center;
}

ul.t-inline-icon li img {
  width: 44px;
  height: 44px;
}

.-title-space-desktop {
  text-align: center;
}

.left-column,
.right-column {
  flex: 1;
  width: 100%;
}

section.thank-you-page {
  padding: 40px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 16px;
}

h3.thank-you-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
}

p.thank-you-description {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}

img.img-thank-you {
  width: 100%;
  height: 164px;
  max-width: 390px;
  margin: 0 auto;
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  img.bank-mobile {
    display: block;
  }

  img.bank-desktop {
    display: none;
  }

  img.img-long-term {
    width: 136px;
    height: 48px;
  }
  img.img-cyber {
    width: 69px;
    height: 40px;
  }

  h2.t-title-space {
    font-size: 20px;
  }
  ul.t-inline-icon li img {
    width: 30px;
    height: 30px;
  }
}

@media (min-width: 768px) {
  br.hide-desktop {
    display: none;
  }

  .t-privilege-contain {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  img.bank-mobile {
    display: block;
  }

  img.bank-desktop {
    display: none;
  }
}

@media (min-width: 1140px) {
  .title-contain {
    margin-bottom: 32px;
  }
  h1.t-title {
    font-size: 32px;
    line-height: 44px;
  }
  h2.t-title-space {
    font-weight: 700;
    font-size: 45px;
    line-height: 70px;
  }

  h2.t-title-space span {
    color: #ff0000;
    font-family: 'better_togetherbold';
  }

  h3.t-sub-title-space {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 24px;
  }

  h4.t-description-space {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
  }
  h4.t-description-space span {
    font-size: 18px;
    font-weight: 400;
  }

  .text-space {
    margin-top: 24px;
  }

  section.t-privilege {
    padding: 40px 0 40px 0;
  }

  section.t-credit {
    padding: 40px 0 40px 0;
  }

  img.bank-mobile {
    display: none;
  }

  img.bank-desktop {
    display: block;
  }

  .-title-space-desktop {
    margin-bottom: 44px;
    text-align: center;
  }

  h3.t-title-turn-device {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
  }

  h3.t-title-turn-device {
    font-size: 32px;
    line-height: 40px;
  }

  h1.t-discount {
    font-size: 40px;
    line-height: 50px;
  }

  .t-card-privilege-solo {
    height: 207px;
  }

  .t-card-privilege {
    padding: 0 16px;
    min-height: 195px;
    min-width: 500px;
  }

  .t-card-credit .wrap-inner {
    padding: 43px 16px 43px 16px;
  }

  img.t-icon-1 {
    height: 64px;
    width: 200px;
    margin-bottom: 22px;
  }

  img.t-icon-2 {
    height: 40px;
    width: 130px;
  }

  img.t-icon-3 {
    height: 50px;
    width: 120px;
    max-width: 120px;
  }

  img.t-icon-4 {
    height: 60px;
    width: 60px;
  }

  img.t-icon-5 {
    /* height: 40px; */
    height: auto;
    width: 250px;
  }

  h3.t-secondary-title {
    font-size: 29px;
    line-height: 41px;
  }

  p.t-description {
    font-size: 16px;
    line-height: 24px;
  }

  img.img-e-receipt {
    width: 240px;
    max-width: 240px;
    height: 120px;
  }
  .t-privilege-contain {
    column-gap: 32px;
    row-gap: 32px;
  }
  .t-privilege-contain-3 {
    flex-direction: row;
    padding-left: 32px;
    padding-right: 32px;
  }
  .t-bank-contain img {
    max-width: 839px;
  }

  section.thank-you-page {
    padding: 80px 0;
  }
  p.thank-you-description br {
    display: none;
  }
}