/**
 * Convert font-size from px to rem with px fallback
 *
 * @param $size - the value in pixel you want to convert
 *
 * e.g. p {@include fontSize(12px);}
 *
 */
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-white {
  color: #000000 !important;
  background-color: RGBA(255, 255, 255, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000000 !important;
  background-color: RGBA(245, 248, 250, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-primary {
  color: #ffffff !important;
  background-color: RGBA(14, 41, 77, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #000000 !important;
  background-color: RGBA(29, 170, 254, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #000000 !important;
  background-color: RGBA(80, 205, 137, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #ffffff !important;
  background-color: RGBA(114, 57, 234, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000000 !important;
  background-color: RGBA(255, 199, 0, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #000000 !important;
  background-color: RGBA(241, 65, 108, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #ffffff !important;
  background-color: RGBA(24, 28, 50, var(--bs-bg-opacity, 1)) !important;
}

.link-white {
  color: #ffffff !important;
}
.link-white:hover, .link-white:focus {
  color: white !important;
}

.link-light {
  color: #F5F8FA !important;
}
.link-light:hover, .link-light:focus {
  color: rgb(247, 249.4, 251) !important;
}

.link-primary {
  color: #0e294d !important;
}
.link-primary:hover, .link-primary:focus {
  color: rgb(11.2, 32.8, 61.6) !important;
}

.link-secondary {
  color: #1daafe !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: rgb(74.2, 187, 254.2) !important;
}

.link-success {
  color: #50CD89 !important;
}
.link-success:hover, .link-success:focus {
  color: rgb(115, 215, 160.6) !important;
}

.link-info {
  color: #7239EA !important;
}
.link-info:hover, .link-info:focus {
  color: rgb(91.2, 45.6, 187.2) !important;
}

.link-warning {
  color: #FFC700 !important;
}
.link-warning:hover, .link-warning:focus {
  color: rgb(255, 210.2, 51) !important;
}

.link-danger {
  color: #F1416C !important;
}
.link-danger:hover, .link-danger:focus {
  color: rgb(243.8, 103, 137.4) !important;
}

.link-dark {
  color: #181C32 !important;
}
.link-dark:hover, .link-dark:focus {
  color: rgb(19.2, 22.4, 40) !important;
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

@font-face {
  font-family: "UTM Neo Sans Intel";
  src: url("../font/UTMNeoSansIntel/UTMNeoSansIntel.woff2") format("woff2"), url("../font/UTMNeoSansIntel/UTMNeoSansIntel.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "UTM Neo Sans Intel";
  src: url("../font/UTMNeoSansIntel/UTMNeoSansIntel-BoldItalic.woff2") format("woff2"), url("../font/UTMNeoSansIntel/UTMNeoSansIntel-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "UTM Neo Sans Intel";
  src: url("../font/UTMNeoSansIntel/UTMNeoSansIntel-Italic.woff2") format("woff2"), url("../font/UTMNeoSansIntel/UTMNeoSansIntel-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "UTM Neo Sans Intel";
  src: url("../font/UTMNeoSansIntel/UTMNeoSansIntelBold.woff2") format("woff2"), url("../font/UTMNeoSansIntel/UTMNeoSansIntelBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: "UTM Neo Sans Intel", sans-serif;
  color: #4d4d4d;
}

.row {
  max-width: 960px;
}

.tpb-ss1 {
  background-image: linear-gradient(rgb(81, 47, 123), rgb(180, 4, 208));
  background-color: initial;
  background-size: initial;
  background-origin: initial;
  background-position: initial;
  background-repeat: initial;
  background-attachment: initial;
  -webkit-background-clip: initial;
  padding: 50px 0;
}

.button.style-1 {
  font-weight: bold;
  color: rgb(255, 255, 255);
  text-align: center;
  background-color: rgb(254, 73, 24);
  border-radius: 15px;
  padding: 3px 35px;
  min-width: 300px;
}

.tpb-ss2 {
  padding: 50px 0;
}

.tpb-ss3 {
  background-image: linear-gradient(rgb(81, 47, 123), rgb(180, 4, 208));
  background-color: initial;
  background-size: initial;
  background-origin: initial;
  background-position: initial;
  background-repeat: initial;
  background-attachment: initial;
  -webkit-background-clip: initial;
  padding: 50px 0;
}
.tpb-ss3 .row1 .col1 {
  text-align: center;
}
.tpb-ss3 .row1 .col1 h2 {
  font-size: 2.25rem;
}
@media (max-width: 549.98px) {
  .tpb-ss3 .row1 .col1 h2 {
    font-size: 1.5625rem;
  }
}
.tpb-ss3 .row2 .col-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 549.98px) {
  .tpb-ss3 .row2 .col-inner {
    padding: 0 30px;
  }
  .tpb-ss3 .row2 .col-inner h3 br {
    display: none;
  }
}
.tpb-ss3 h3 {
  text-align: center;
  margin-bottom: 25px;
  font-size: 1.125rem;
}
.tpb-ss3 .num {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  background-color: #f1f3f4;
  font-size: 2.25rem;
  font-weight: bold;
  border-radius: 15px;
  margin-bottom: 20px;
}
.tpb-ss3 .tpb-content {
  font-size: 1.125rem;
  text-align: justify;
}
.tpb-ss3 .tpb-content a {
  text-decoration: underline;
}
.tpb-ss3 .tpb-content a:hover {
  opacity: 0.8;
}

.tpb-ss4 {
  padding: 50px 0;
}
.tpb-ss4 .tpb-faq {
  display: flex;
  align-items: center;
  gap: 36px;
}
.tpb-ss4 .tpb-faq .num {
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  background-color: #fff;
  font-size: 2.25rem;
  font-weight: bold;
  border: solid 2px rgb(81, 47, 123);
}
.tpb-ss4 .tpb-faq .tpb-content {
  flex: 1;
}

.tpb-ss5 {
  background-image: linear-gradient(rgb(81, 47, 123), rgb(180, 4, 208));
  background-color: initial;
  background-size: initial;
  background-origin: initial;
  background-position: initial;
  background-repeat: initial;
  background-attachment: initial;
  -webkit-background-clip: initial;
  padding: 50px 0;
}
.tpb-ss5 h2 {
  font-size: 2.5rem;
}
@media (max-width: 549.98px) {
  .tpb-ss5 h2 {
    font-size: 1.5625rem;
  }
}
.tpb-ss5 .text1 {
  font-size: 1.125rem;
}/*# sourceMappingURL=tpbankxrevu.css.map */