@charset "UTF-8";
:root {
  --green: #84BD00;
  --green-300: #48a23f;
}

@media (max-width: 767.98px) {
  body #template .container-hidden-mobile {
    padding: 0;
  }
}
body #template .space-top {
  padding-top: 80px;
}
@media (max-width: 1199px) {
  body #template .space-top {
    padding-top: 64px;
  }
}
body #template .space-wrapper {
  padding: 30px;
}
@media (max-width: 767.98px) {
  body #template .space-wrapper {
    padding: 10px;
  }
}
body #template .bg-white {
  background-color: white;
  border-radius: 60px;
  overflow: hidden;
  position: relative;
  padding-bottom: 7%;
  filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
}
@media (max-width: 575.98px) {
  body #template .bg-white {
    border-radius: 0;
  }
}
body #template .bg-default {
  width: 100%;
  background-image: url(../images/template/bg-default.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  padding-bottom: 60px;
}
body #template .bg-white-absolute {
  background-color: white;
  position: relative;
}
body #template .bg-white-absolute::after {
  background: linear-gradient(180deg, rgba(195, 195, 195, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  content: "";
  z-index: 0;
  width: 100%;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
}
body #template .bg-object-1 {
  width: 110px;
  height: 110px;
  background-image: url(../images/template/bg-object-1.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  left: -50px;
  top: -50px;
}
@media (max-width: 767.98px) {
  body #template .bg-object-1 {
    display: none;
  }
}
body #template .bg-arrow-1 {
  width: 220px;
  height: 477px;
  background-image: url(../images/template/bg-arrow-1.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  right: -185px;
  top: -90px;
}
@media (max-width: 767.98px) {
  body #template .bg-arrow-1 {
    display: none;
  }
}
body #template .bg-arrow-2 {
  width: 190px;
  height: 447px;
  background-image: url(../images/template/bg-arrow-2.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  left: -145px;
  top: 50%;
}
@media (max-width: 767.98px) {
  body #template .bg-arrow-2 {
    display: none;
  }
}
body #template .template-content {
  font-family: "DB Ozone X";
  padding-bottom: 10%;
}
@media (max-width: 575.98px) {
  body #template .template-content {
    padding: 10px;
  }
}
body #template h1.main-topic-page {
  font-size: 42px;
  font-family: "DB Ozone X";
  text-align: center;
  margin-top: 15px;
}
body #template .link-more {
  font-size: 22.1px;
  display: block;
  color: #48a23f;
}
body #template .link-more span {
  display: inline-block;
}
body #template .link-more i.fa-play {
  background: url(../images/arrow__right-green.svg) no-repeat;
  display: inline-block;
  margin: 0 0 0 2px;
  text-indent: -9999px;
  width: 8px;
  height: 12px;
  transform: translateY(1px);
}
body #template .link-more i.fa-sort-asc {
  font-size: 23.4px;
  vertical-align: bottom;
}
body #template .bcg-card {
  font-size: 20px;
  line-height: 25px;
  border-radius: 1rem;
}
body #template .bcg-card a {
  text-decoration: none;
  color: #252525;
}
body #template .bcg-card a:hover {
  color: #FFFFFF !important;
}
body #template .bcg-card .card-img-top {
  border-radius: 1rem 1rem 0 0;
}
body #template .bcg-card .card-text {
  max-height: 55px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
body #template .bcg-card .btn-more-detail {
  display: none;
}
body #template .bcg-card .date {
  color: var(--green);
}
body #template .bcg-card:hover {
  cursor: pointer;
  box-shadow: 0px 0px 6px 2px rgba(204, 204, 204, 0.4901960784);
}
body #template .bcg-card:hover .card-body {
  color: #fff;
  border-radius: 0 0 1rem 1rem;
  background: #48A23F;
  background: linear-gradient(90deg, rgb(72, 162, 63) 0%, rgb(132, 189, 0) 100%);
}
body #template .bcg-card:hover .card-body img {
  filter: brightness(0) invert(1);
}
body #template .bcg-card:hover .btn-more-detail {
  display: block;
  position: relative;
}
body #template .bcg-card:hover .btn-more-detail i {
  filter: brightness(0) invert(1);
}
body #template .bcg-card:hover .btn-more-detail {
  animation: transformButton 1s forwards;
  animation-direction: normal;
}
body #template .bcg-card:hover .date {
  color: #fff;
}
body #template .bcg-pagination .prev a.page-link {
  color: #DD7600;
  background: linear-gradient(white, white) padding-box, linear-gradient(to right, #DD7600, #FFAB1C) border-box;
  border: 2px solid transparent;
  min-width: 75px;
}
body #template .bcg-pagination .prev a.page-link:hover {
  background-position: left center;
  text-decoration: none;
}
body #template .bcg-pagination .prev a.page-link:hover span:last-child {
  position: relative;
  animation: transformButtonLeft 1s forwards;
  animation-direction: normal;
}
body #template .bcg-pagination .next a.page-link {
  color: #DD7600;
  background: linear-gradient(white, white) padding-box, linear-gradient(to right, #DD7600, #FFAB1C) border-box;
  border: 2px solid transparent;
  min-width: 85px;
}
body #template .bcg-pagination .next a.page-link:hover {
  background-position: right center;
  text-decoration: none;
}
body #template .bcg-pagination .next a.page-link:hover span:last-child {
  position: relative;
  animation: transformButton 1s forwards;
  animation-direction: normal;
}
body #template .bcg-pagination .page-link {
  font-weight: 500;
  position: relative;
  display: block;
  padding: 0.25rem 0.75rem;
  margin-left: 13px;
  line-height: 1.25;
  box-shadow: 0px 0px 14px -7px #aeafaf;
  color: #dd7600;
  background: linear-gradient(white, white) padding-box, linear-gradient(90deg, #dd7600 0%, #ffab1c 51%, #dd7600 100%) border-box;
  border-radius: 50px !important;
  border: 2px solid transparent;
  font-size: 20px;
  transition: 0.2s;
  min-width: 37px;
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.15));
}
body #template .bcg-pagination .page-link span {
  vertical-align: middle;
}
body #template .bcg-pagination .page-link span i {
  vertical-align: -2px;
}
body #template .bcg-pagination .page-link:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.0941176471);
}
body #template .bcg-pagination .page-link:hover {
  box-shadow: 0px 0px 14px -7px #aeafaf;
  color: #888b8d;
  background: linear-gradient(white, white) padding-box, linear-gradient(90deg, #888b8d 0%, #888b8d 51%, #888b8d 100%) border-box;
}
body #template .bcg-pagination .page-item.active .page-link {
  color: #888b8d;
  background-color: #888b8d;
  border-color: #888b8d;
  transition: 0.2s;
}
@media (max-width: 767.98px) {
  body #template .bcg-pagination .pagination-label {
    display: none;
  }
  body #template .bcg-pagination .prev a.page-link,
  body #template .bcg-pagination .next a.page-link {
    min-width: 37px;
    padding: 0.25rem 0.75rem;
  }
}
body #template .bcg-select {
  border-color: #a8aaab;
  width: 100%;
  height: 38px;
  color: #212529;
  border-radius: 5px;
  font-size: 20px;
  line-height: 25px;
  border-radius: 30px;
}
body #template .bcg-select.custom-select {
  background: url(../images/icon-arrow.png) right 10px center no-repeat;
}
body #template .bcg-select:focus {
  border-color: #EA7600;
  box-shadow: 0 0 0 0.2rem rgba(234, 118, 0, 0.5);
}
body #template .bcg-search-input {
  border-color: #a8aaab;
  width: 100%;
  background-image: url(../images/icon-search.svg);
  background-position: right 10px center;
  background-repeat: no-repeat;
  padding-right: 30px;
  background-size: 20px;
  color: #212529;
  font-size: 20px;
  height: 38px;
  border-radius: 30px;
}
body #template .bcg-search-input::placeholder {
  color: #212529;
}
body #template .bcg-nav-tabs {
  margin: 0 0 30px;
  display: flex;
  justify-content: center;
}
body #template .bcg-nav-tabs .nav-tabs {
  background: url(../images/template/gradient-white.png) no-repeat;
  background-size: 100% 100%;
  border: 0;
  padding: 15px 8px;
  border-radius: 60px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  justify-content: center;
  row-gap: 10px;
}
@media (max-width: 991.98px) {
  body #template .bcg-nav-tabs .nav-tabs {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    justify-content: flex-start;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    border-radius: 0;
  }
}
body #template .bcg-nav-tabs .nav-tabs::-webkit-scrollbar {
  display: none;
}
@media (min-width: 992px) {
  body #template .bcg-nav-tabs .nav-tabs .nav-item {
    margin: 0 5px;
  }
}
body #template .bcg-nav-tabs .nav-tabs .nav-link {
  white-space: nowrap;
  font-size: 20px;
  line-height: 1;
  color: var(--green-300);
  position: relative;
  border: none;
  border-radius: 30px;
}
@media (min-width: 992px) {
  body #template .bcg-nav-tabs .nav-tabs .nav-link {
    color: #252525;
    padding-left: 15px;
    padding-right: 15px;
  }
  body #template .bcg-nav-tabs .nav-tabs .nav-link.active, body #template .bcg-nav-tabs .nav-tabs .nav-link:hover {
    background: #FCAB01;
    background: linear-gradient(90deg, rgb(252, 171, 1) 0%, rgb(248, 141, 8) 100%);
    color: #fff;
  }
}
@media (max-width: 1199.98px) {
  body #template .bcg-nav-tabs .nav-tabs .nav-link {
    font-size: 17.5px;
  }
}
@media (max-width: 991.98px) {
  body #template .bcg-nav-tabs .nav-tabs .nav-link {
    font-size: 19px;
    white-space: nowrap;
  }
  body #template .bcg-nav-tabs .nav-tabs .nav-link.active {
    color: var(--green-300);
    font-weight: 700;
  }
}
body #template .bcg-nav-tabs .nav-tabs .init {
  display: none;
}
@media (max-width: 991.98px) {
  body #template .bcg-nav-tabs.nav-tabs-mobile ul {
    display: block !important;
    border: none;
  }
  body #template .bcg-nav-tabs.nav-tabs-mobile ul li {
    z-index: 2;
    padding: 5px 10px;
  }
  body #template .bcg-nav-tabs.nav-tabs-mobile ul li:last-child {
    padding-bottom: 20px;
  }
  body #template .bcg-nav-tabs.nav-tabs-mobile ul li:not(.init) {
    float: left;
    width: 100%;
    display: none;
    position: relative;
  }
  body #template .bcg-nav-tabs.nav-tabs-mobile li.init {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 10px;
    top: 4px;
    font-size: 20px;
    color: var(--green-300) !important;
    padding: 5px 0;
  }
  body #template .bcg-nav-tabs.nav-tabs-mobile li.init i {
    font-size: 19.2px;
  }
  body #template .bcg-nav-tabs.nav-tabs-mobile li.init .la-angle-down {
    display: inline-block;
  }
  body #template .bcg-nav-tabs.nav-tabs-mobile li.init .la-angle-up {
    display: none;
  }
  body #template .bcg-nav-tabs.nav-tabs-mobile li.init.active .la-angle-down {
    display: none;
  }
  body #template .bcg-nav-tabs.nav-tabs-mobile li.init.active .la-angle-up {
    display: inline-block;
  }
  body #template .bcg-nav-tabs.nav-tabs-mobile li a {
    padding: 0 !important;
    margin: 0 !important;
    color: var(--green-300) !important;
  }
  body #template .bcg-nav-tabs.nav-tabs-mobile li a.active, body #template .bcg-nav-tabs.nav-tabs-mobile li a:focus, body #template .bcg-nav-tabs.nav-tabs-mobile li a:hover {
    color: var(--green-300) !important;
    background: none;
  }
  body #template .bcg-nav-tabs.nav-tabs-mobile li a.active::before, body #template .bcg-nav-tabs.nav-tabs-mobile li a:focus::before, body #template .bcg-nav-tabs.nav-tabs-mobile li a:hover::before {
    background-image: none !important;
  }
}
@media (max-width: 991.98px) {
  body #template .bcg-nav-tabs-mobile {
    position: relative;
    width: 100%;
    z-index: 6;
    padding-top: 10px;
    padding-bottom: 0;
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(245, 245, 245) 100%);
    border-bottom: 1px solid #c1c2c3;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  body #template .bcg-nav-tabs-mobile .topic-mobile {
    padding-left: 10px;
  }
}
@media (max-width: 575.98px) {
  body #template .bcg-nav-tabs-mobile {
    position: fixed;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
body #template .style-font-block {
  font-family: "DB Ozone X";
  font-size: 22px;
  line-height: 27px;
}
@media (max-width: 767.98px) {
  body #template .style-font-block {
    font-size: 20px;
    line-height: 1.1;
  }
}
body #template .style-font-block h1 {
  font-size: 34px;
}
@media (max-width: 767.98px) {
  body #template .style-font-block h1 {
    font-size: 28px;
  }
}
body #template .style-font-block h3 {
  font-size: 26px;
}
body #template .style-font-block h4 {
  font-size: 20px;
  margin-bottom: 0;
}
body #template .style-font-block h6 {
  font-size: 16px;
}
body #template .style-font-block .color-black {
  color: #2d2926;
}
body #template .style-font-block .color-red {
  color: rgb(255, 39, 39);
}
body #template .style-font-block .color-bule {
  color: rgb(75, 39, 255);
}
body #template .style-font-block .color-light-bule {
  color: #00b2a9;
}
body #template .style-font-block .color-medium-green {
  color: #48a23f;
}
body #template .style-font-block .color-light-green {
  color: #84bd00;
}
body #template .style-font-block .color-yellow {
  color: #ffb81c;
}
body #template .style-font-block .color-orange {
  color: #ea7600;
}
body #template .style-font-block .color-medium-gray {
  color: #888b8d;
}
body #template .style-font-block .color-light-gray {
  color: #bbbcbc;
}
body #template .style-font-block .font-size-24 {
  font-size: 24px;
}
body #template .style-font-block .font-size-20 {
  font-size: 20px;
}
body #template .style-font-block .font-size-12 {
  font-size: 19.2px;
  line-height: 1;
}
body #template .style-font-block .font-size-14 {
  font-size: 22.4px;
  line-height: 1;
}
body #template .style-font-block .font-weight-500 {
  font-weight: 500;
}
body #template .example-calculate-block .banner img {
  border-radius: 30px;
}
body #template .example-calculate-block h1 {
  color: var(--green-300);
  line-height: 30px;
}
body #template .example-calculate-block .header-promotion-detail p {
  font-size: 20px;
  line-height: 20px;
}
body #template .example-calculate-block .header-promotion-detail .btn-block {
  text-align: right;
}
@media (max-width: 767.98px) {
  body #template .example-calculate-block .header-promotion-detail .btn-block {
    text-align: center;
  }
}
body #template .example-calculate-block .remark {
  font-size: 19.2px;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: right;
}
@media (max-width: 767.98px) {
  body #template .example-calculate-block .remark {
    margin-top: 10px;
  }
}
body #template .example-calculate-block .table-calculate .table.table-borderless {
  margin-bottom: 0;
}
body #template .example-calculate-block .table-calculate .table.table-borderless thead {
  border-bottom: 1px solid #dee2e6;
}
body #template .example-calculate-block .table-calculate .table.table-borderless thead th {
  font-weight: normal;
  line-height: 24px;
  vertical-align: middle;
}
body #template .example-calculate-block .table-calculate .table.table-borderless th:first-child, body #template .example-calculate-block .table-calculate .table.table-borderless td:first-child {
  border-right: 1px solid #dee2e6;
}
body #template .example-calculate-block .table-calculate .table.table-borderless td {
  font-weight: bold;
  padding: 5px;
}
body #template .example-calculate-block .bg-gray-example {
  padding: 15px;
  background-color: #f9f9f9;
  margin-bottom: 10px;
  border-radius: 5px;
}
body #template .example-calculate-block .bg-gray-example p {
  margin-bottom: 0;
}
body #template .example-calculate-block .caculate-formula .image-title {
  width: 85px;
  height: 85px;
}
body #template .example-calculate-block .example-explain {
  padding: 0 15px;
}
@media (max-width: 575.98px) {
  body #template .example-calculate-block .example-explain {
    padding: 0;
  }
  body #template .example-calculate-block .example-explain .no-gutters-sm {
    margin-left: 0;
    margin-right: 0;
  }
  body #template .example-calculate-block .example-explain .no-gutters-sm div {
    padding-left: 0;
    padding-right: 0;
  }
}
body #easypass .template-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 1078px;
}
body #easypass .main-topic-page {
  margin-bottom: 50px;
}
@media (max-width: 767.98px) {
  body #easypass .main-topic-page {
    margin-bottom: 0;
  }
}
body #easypass .main-topic-page img {
  max-width: 100%;
}
body #easypass .info {
  margin-bottom: 30px;
}
@media (max-width: 767.98px) {
  body #easypass .info {
    margin-bottom: 15px;
  }
}
body #easypass .link-paotang {
  z-index: 10;
  width: 261px;
  position: fixed;
  bottom: 55px;
  right: 10px;
}
@media (max-width: 767.98px) {
  body #easypass .link-paotang {
    width: 140px;
    bottom: 70px;
    right: 5px;
  }
}
body #easypass .link-paotang img {
  display: block;
  width: 100%;
}

#FAQ a:hover, #FAQ a:focus, .collapse-content a:hover, .collapse-content a:focus {
  text-decoration: none;
  outline: none;
}
#FAQ #accordion .panel, #FAQ .accordion-collapse .panel, .collapse-content #accordion .panel, .collapse-content .accordion-collapse .panel {
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: -5px;
}
#FAQ #accordion .panel-heading, #FAQ .accordion-collapse .panel-heading, .collapse-content #accordion .panel-heading, .collapse-content .accordion-collapse .panel-heading {
  padding: 0;
  border: none;
  border-radius: 0;
}
#FAQ #accordion .panel-title, #FAQ .accordion-collapse .panel-title, .collapse-content #accordion .panel-title, .collapse-content .accordion-collapse .panel-title {
  margin: 0;
}
#FAQ #accordion .panel-title a, #FAQ .accordion-collapse .panel-title a, .collapse-content #accordion .panel-title a, .collapse-content .accordion-collapse .panel-title a {
  display: block;
  padding: 15px 80px 15px 60px;
  font-size: 26px;
  color: var(--green);
  position: relative;
  font-family: "DB Ozone X";
  display: flex;
}
@media (max-width: 767.98px) {
  #FAQ #accordion .panel-title a, #FAQ .accordion-collapse .panel-title a, .collapse-content #accordion .panel-title a, .collapse-content .accordion-collapse .panel-title a {
    display: block;
    padding: 15px 30px 15px 10px;
  }
}
#FAQ #accordion .panel-title a:before, #FAQ .accordion-collapse .panel-title a:before, .collapse-content #accordion .panel-title a:before, .collapse-content .accordion-collapse .panel-title a:before {
  content: "";
  width: 3px;
  height: 10px;
  background: #474747;
  font-size: 15px;
  position: absolute;
  top: 26px;
  right: 50px;
  transform: rotate(45deg);
  transition: all 0.3s ease-in-out 0s;
}
@media (max-width: 767.98px) {
  #FAQ #accordion .panel-title a:before, #FAQ .accordion-collapse .panel-title a:before, .collapse-content #accordion .panel-title a:before, .collapse-content .accordion-collapse .panel-title a:before {
    right: 20px;
  }
}
#FAQ #accordion .panel-title a:after, #FAQ .accordion-collapse .panel-title a:after, .collapse-content #accordion .panel-title a:after, .collapse-content .accordion-collapse .panel-title a:after {
  content: "";
  width: 3px;
  height: 10px;
  background: #474747;
  font-size: 15px;
  position: absolute;
  top: 26px;
  right: 44px;
  transform: rotate(45deg);
  transition: all 0.3s ease-in-out 0s;
  transform: rotate(-45deg);
}
@media (max-width: 767.98px) {
  #FAQ #accordion .panel-title a:after, #FAQ .accordion-collapse .panel-title a:after, .collapse-content #accordion .panel-title a:after, .collapse-content .accordion-collapse .panel-title a:after {
    right: 14px;
  }
}
#FAQ #accordion .panel-title a.collapsed:hover, #FAQ .accordion-collapse .panel-title a.collapsed:hover, .collapse-content #accordion .panel-title a.collapsed:hover, .collapse-content .accordion-collapse .panel-title a.collapsed:hover {
  color: #84bd00;
}
#FAQ #accordion .panel-title a.collapsed:hover:before, #FAQ .accordion-collapse .panel-title a.collapsed:hover:before, .collapse-content #accordion .panel-title a.collapsed:hover:before, .collapse-content .accordion-collapse .panel-title a.collapsed:hover:before {
  background: #474747;
}
#FAQ #accordion .panel-title a.collapsed:hover:after, #FAQ .accordion-collapse .panel-title a.collapsed:hover:after, .collapse-content #accordion .panel-title a.collapsed:hover:after, .collapse-content .accordion-collapse .panel-title a.collapsed:hover:after {
  background: #474747;
}
#FAQ #accordion .panel-title a.collapsed:before, #FAQ .accordion-collapse .panel-title a.collapsed:before, .collapse-content #accordion .panel-title a.collapsed:before, .collapse-content .accordion-collapse .panel-title a.collapsed:before {
  transform: rotate(-45deg);
  background: #474747;
}
#FAQ #accordion .panel-title a.collapsed:after, #FAQ .accordion-collapse .panel-title a.collapsed:after, .collapse-content #accordion .panel-title a.collapsed:after, .collapse-content .accordion-collapse .panel-title a.collapsed:after {
  transform: rotate(45deg);
  background: #474747;
}
#FAQ #accordion .panel-title a.first-collapse, #FAQ .accordion-collapse .panel-title a.first-collapse, .collapse-content #accordion .panel-title a.first-collapse, .collapse-content .accordion-collapse .panel-title a.first-collapse {
  border: none;
  border-radius: 0;
}
#FAQ #accordion .panel-body, #FAQ .accordion-collapse .panel-body, .collapse-content #accordion .panel-body, .collapse-content .accordion-collapse .panel-body {
  padding: 0 80px 0 60px;
  border-top: none;
  font-size: 15px;
  line-height: 25px;
}
#FAQ .img-question, .collapse-content .img-question {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../images/template/FAQ_question.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767.98px) {
  #FAQ .img-question, .collapse-content .img-question {
    float: left;
  }
}
#FAQ .img-answer, .collapse-content .img-answer {
  width: 30px;
  height: 30px;
  background-image: url(../images/template/FAQ_answer.png);
  background-repeat: no-repeat;
  background-size: cover;
  float: right;
}
@media (max-width: 767.98px) {
  #FAQ .img-answer, .collapse-content .img-answer {
    display: none;
  }
}

*:focus,
input:focus, textarea:focus,
.form-control:focus {
  outline: none;
  box-shadow: none;
}

textarea:focus,
.form-control:focus {
  border-color: #ced4da;
}

#PG-PromotionList {
  font-family: "DB Ozone X";
  background: #fff;
}
#PG-PromotionList .nav-tabs {
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
#PG-PromotionList .nav-tabs::-webkit-scrollbar {
  display: none;
}
#PG-PromotionList .nav-search input {
  background-image: url(../images/icon-search.svg);
  background-position: right 5% center;
  background-repeat: no-repeat;
  border: 0;
  padding-right: 30px;
  padding-left: 20px;
  background-size: 20px;
  height: 36px;
  border-radius: 36px;
}
#PG-PromotionList .nav-search input::placeholder {
  color: #dd7600;
  font-size: 18px;
}
#PG-PromotionList .tab-content {
  min-height: 100vh;
}
#PG-PromotionList .carousel .carousel-item img {
  border-radius: 30px;
}
#PG-PromotionList .carousel .carousel-indicators {
  bottom: -45px;
  margin: 0;
}
#PG-PromotionList .carousel .carousel-indicators li {
  margin-left: 6px;
  margin-right: 6px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #d3d3d3;
  opacity: 1;
}
#PG-PromotionList .carousel .carousel-indicators .active {
  background-color: #dd7600;
}
@media screen and (max-width: 767.98px) {
  #PG-PromotionList .bcg-nav-tabs {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  #PG-PromotionList .nav-link {
    margin: 0 1rem 0 0;
  }
  #PG-PromotionList .nav-search {
    min-width: 160px;
  }
  #PG-PromotionList .nav-search input {
    background-position: right 2% center;
    background-repeat: no-repeat;
    padding-right: 30px;
    background-size: 20px;
  }
  #PG-PromotionList .carousel .carousel-indicators {
    bottom: -20%;
  }
  #PG-PromotionList .carousel .carousel-item img {
    border-radius: 15px;
    border-radius: 0;
  }
}

#promotionDetail {
  font-size: 20px;
}
#promotionDetail h1 {
  font-size: 33px;
  color: var(--green);
  line-height: 30px;
}
#promotionDetail .banner img {
  border-radius: 15px;
}
#promotionDetail .header-promotion-detail p {
  font-size: 20px;
  line-height: 20px;
}
#promotionDetail .header-promotion-detail .btn-block {
  text-align: right;
}
@media (max-width: 991.98px) {
  #promotionDetail .header-promotion-detail .btn-block {
    text-align: center;
  }
}
#promotionDetail .remark {
  font-size: 19.2px;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: right;
}
@media (max-width: 991.98px) {
  #promotionDetail .remark {
    text-align: left;
  }
}
@media (max-width: 767.98px) {
  #promotionDetail .remark {
    text-align: left;
    margin-top: 10px;
  }
}
#promotionDetail .table.table-borderless {
  margin-bottom: 0;
}
#promotionDetail .table.table-borderless thead {
  border-bottom: 1px solid #dee2e6;
}
#promotionDetail .table.table-borderless thead th {
  font-weight: normal;
  line-height: 24px;
  vertical-align: middle;
}
#promotionDetail .table.table-borderless th:first-child,
#promotionDetail .table.table-borderless td:first-child {
  border-right: 1px solid #dee2e6;
}
#promotionDetail .table.table-borderless td {
  font-weight: bold;
  padding: 5px;
}
#promotionDetail .btn-orange.btn-orange-outer {
  width: auto;
}
#promotionDetail .font-size-title {
  font-size: 24px;
  line-height: 1.2;
}
#promotionDetail .content-detail-text {
  width: 100%;
  text-align: center;
}
#promotionDetail .content-detail-container {
  max-width: 100%;
  height: auto;
}
#promotionDetail .content-detail-container img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#promotionDetail .mb-img-title {
  margin: 18px 0;
}
#promotionDetail .qr-layout {
  padding: 0 20px;
}
#promotionDetail .qr-card {
  height: 245px;
  background: #ffffff;
  border-radius: 15px;
  overflow: hidden;
  padding: 8px;
  display: flex;
  justify-content: center;
}
#promotionDetail .nav-pills .nav-link.active {
  background-color: #84bd00 !important;
}
#promotionDetail .nav-pills .nav-link {
  background: #BBBCBC !important;
  border: 0;
  border-radius: 1.3rem 0 1.3rem 0 !important;
}
#promotionDetail .nav-link {
  color: white !important;
  padding: 0.3rem 0.5rem !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}
#promotionDetail li.nav-item {
  padding: 0 15px;
}
#promotionDetail img.icon-size {
  height: 100%;
  width: 100%;
}
#promotionDetail .qr-code {
  max-width: 200px;
  margin: 10px;
}
#promotionDetail .qr-text {
  text-align: center;
  font-size: 20px;
}
#promotionDetail #qrcode {
  width: 130px;
  height: 130px;
  margin: auto;
}
#promotionDetail #barcode {
  height: 120px;
  width: 170px;
}
#promotionDetail .tab-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
#promotionDetail .p-style-detail {
  padding: 20px;
  font-size: 22px;
  line-height: 1.2;
}
#promotionDetail .btn-copy-code {
  cursor: pointer;
  width: 120px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: #84bd00;
  color: #FFFFFF;
}
#promotionDetail .layout-promo-code {
  font-size: 30px;
  padding: 20px 0 20px 5px;
}
#promotionDetail .text-layout-promo-code {
  display: flex;
  justify-content: center;
  font-size: 25px;
}
#promotionDetail .control-layout {
  width: 205px;
  border: 1px solid #dfe8de;
  border-radius: 7px;
  padding: 0.2rem 0.75rem;
  background: #ffffff;
}
#promotionDetail .box {
  display: flex;
  justify-content: center;
  align-items: center;
}
#promotionDetail ul#pills-tab {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 375px) {
  #promotionDetail .content-detail-text {
    width: 100%;
    text-align: center;
    padding: 0 65px;
  }
  #promotionDetail .font-size-title {
    font-size: 22px;
    line-height: 1.2;
  }
  #promotionDetail .p-style-detail {
    padding: 20px;
    font-size: 20px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 428px) {
  #promotionDetail .content-detail-text {
    padding: 0 65px;
  }
}
#promotionDetail #showSuccess {
  visibility: hidden;
}
#promotionDetail #showSuccess.show {
  visibility: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  height: 55px;
  width: 120px;
  border-radius: 10px;
  margin-top: -47px;
  position: relative;
}
#promotionDetail .layout-success {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
#promotionDetail .font-style {
  color: #84BD00;
  font-size: 20px;
}
#promotionDetail .layouts {
  height: 10px;
}
#promotionDetail .b-position {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#promotionDetail #promo-code-tab .fade,
#promotionDetail #bar-code-tab .fade,
#promotionDetail #qr-code-tab .fade {
  transition: opacity 0.15s linear;
}
#promotionDetail #promo-code-tab .fade:not(.show),
#promotionDetail #bar-code-tab .fade:not(.show),
#promotionDetail #qr-code-tab .fade:not(.show) {
  opacity: 0;
}
#promotionDetail .promotionQr .fade {
  transition: opacity 0.15s linear;
}
#promotionDetail .promotionQr .fade:not(.show) {
  opacity: 0;
}

#PG-NewsList {
  font-family: "DB Ozone X";
  background: #fff;
}
#PG-NewsList a {
  text-decoration: none;
  color: #212529;
}
#PG-NewsList .carousel .carousel-indicators {
  bottom: -10% !important;
}
#PG-NewsList .carousel .carousel-item .carousel-card .img-left-box {
  width: 100%;
  height: 320px;
}
#PG-NewsList .carousel .carousel-item .carousel-card .card-img-left {
  width: 100%;
  height: 100%;
  border-radius: 30px 0 0 30px;
  object-fit: cover;
}
#PG-NewsList .carousel .carousel-item .carousel-card .card-text-right {
  max-width: 50%;
  padding: 25px;
  border-radius: 0 30px 30px 0;
  border: 1px solid #efefef;
  background: rgb(236, 236, 236);
  background: linear-gradient(0deg, rgb(236, 236, 236) 34%, rgb(255, 255, 255) 100%);
}
#PG-NewsList .carousel .carousel-item .carousel-card .card-text-right p {
  font-size: 22px;
  line-height: 25px;
  font-weight: 500;
}
#PG-NewsList .carousel .carousel-item .carousel-card .card-text-right .text-caption-right {
  font-size: 20px;
  max-height: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
#PG-NewsList .carousel .carousel-item .carousel-card .card-text-right .Post-date {
  font-size: 20px;
  color: #84bd00;
}
#PG-NewsList .carousel .carousel-indicators {
  bottom: -20%;
}
#PG-NewsList .carousel .carousel-indicators li {
  margin-left: 6px;
  margin-right: 6px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #d3d3d3;
  opacity: 1;
}
#PG-NewsList .carousel .carousel-indicators .active {
  background-color: #dd7600;
}
@media screen and (max-width: 767.98px) {
  #PG-NewsList .carousel-card .card-img-left {
    border-radius: 8px 8px 0 0 !important;
  }
  #PG-NewsList .carousel-card .card-text-right {
    border-radius: 0 0 8px 8px !important;
  }
  #PG-NewsList .carousel-card .card-img-left, #PG-NewsList .carousel-card .card-text-right {
    max-width: 100% !important;
    min-height: 250px;
  }
  #PG-NewsList .carousel .carousel-indicators {
    bottom: -5% !important;
  }
}

#newsDetail {
  font-family: "DB Ozone X";
  background: #fff;
}
#newsDetail .carousel .carousel-item img {
  border-radius: 15px;
  height: 350px;
  margin: auto;
}
@media (max-width: 767.98px) {
  #newsDetail .carousel .carousel-item img {
    height: 200px;
  }
}
#newsDetail .carousel .carousel-indicators {
  bottom: -10px;
}
#newsDetail .carousel .carousel-indicators li {
  margin-left: 6px;
  margin-right: 6px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #d3d3d3;
  opacity: 1;
}
#newsDetail .carousel .carousel-indicators .active {
  background-color: #dd7600;
}
#newsDetail .carousel .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dd7600' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
#newsDetail .carousel .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dd7600' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
#newsDetail .style-font-block h1 {
  line-height: 30px;
}
#newsDetail .btn-orange.btn-orange-outer {
  width: 135px;
}

body #search-result .space-wrapper {
  padding: 50px;
  padding-top: 30px;
}
@media (max-width: 767.98px) {
  body #search-result .space-wrapper {
    padding: 10px;
  }
}

body #template .privilege-section {
  padding-bottom: 90px;
}
@media (max-width: 767.98px) {
  body #template .privilege-section {
    padding-bottom: 0;
  }
  body #template .privilege-section .template-content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  body #template .privilege-section .bcg-nav-tabs .nav-tabs .nav-link {
    margin: 0 5px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
body #template .privilege-section .bcg-nav-tabs-mobile {
  padding-bottom: 0;
}
@media (max-width: 991.98px) {
  body #template .privilege-section .bcg-nav-tabs-mobile {
    margin: 0;
    padding-bottom: 10px;
  }
  body #template .privilege-section .bcg-nav-tabs-mobile .bcg-nav-tabs {
    margin: 0;
  }
  body #template .privilege-section .bcg-nav-tabs-mobile .bcg-nav-tabs .nav-tabs {
    padding: 0;
  }
}
body #template .privilege-section [id^=accordion-privilegeTabContent] .panel, body #template .privilege-section .accordion-collapse .panel {
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: -5px;
}
body #template .privilege-section [id^=accordion-privilegeTabContent] .panel-heading, body #template .privilege-section .accordion-collapse .panel-heading {
  padding: 0;
  border: none;
  border-radius: 0;
}
body #template .privilege-section [id^=accordion-privilegeTabContent] .panel-title, body #template .privilege-section .accordion-collapse .panel-title {
  margin: 0;
}
body #template .privilege-section [id^=accordion-privilegeTabContent] .panel-title a, body #template .privilege-section .accordion-collapse .panel-title a {
  display: block;
  padding: 15px 3rem 15px 0;
  font-size: 26px;
  color: var(--green);
  position: relative;
  font-family: "DB Ozone X";
  display: flex;
}
@media (max-width: 767.98px) {
  body #template .privilege-section [id^=accordion-privilegeTabContent] .panel-title a, body #template .privilege-section .accordion-collapse .panel-title a {
    display: block;
  }
}
body #template .privilege-section [id^=accordion-privilegeTabContent] .panel-title a:hover, body #template .privilege-section .accordion-collapse .panel-title a:hover {
  text-decoration: none;
}
body #template .privilege-section [id^=accordion-privilegeTabContent] .panel-title a:before, body #template .privilege-section .accordion-collapse .panel-title a:before {
  content: "";
  width: 3px;
  height: 10px;
  background: #474747;
  font-size: 15px;
  position: absolute;
  top: 26px;
  right: 10px;
  transform: rotate(45deg);
  transition: all 0.3s ease-in-out 0s;
}
body #template .privilege-section [id^=accordion-privilegeTabContent] .panel-title a:after, body #template .privilege-section .accordion-collapse .panel-title a:after {
  content: "";
  width: 3px;
  height: 10px;
  background: #474747;
  font-size: 15px;
  position: absolute;
  top: 26px;
  right: 4px;
  transform: rotate(45deg);
  transition: all 0.3s ease-in-out 0s;
  transform: rotate(-45deg);
}
body #template .privilege-section [id^=accordion-privilegeTabContent] .panel-title a.collapsed:hover, body #template .privilege-section .accordion-collapse .panel-title a.collapsed:hover {
  color: #84bd00;
}
body #template .privilege-section [id^=accordion-privilegeTabContent] .panel-title a.collapsed:hover:before, body #template .privilege-section .accordion-collapse .panel-title a.collapsed:hover:before {
  background: #474747;
}
body #template .privilege-section [id^=accordion-privilegeTabContent] .panel-title a.collapsed:hover:after, body #template .privilege-section .accordion-collapse .panel-title a.collapsed:hover:after {
  background: #474747;
}
body #template .privilege-section [id^=accordion-privilegeTabContent] .panel-title a.collapsed:before, body #template .privilege-section .accordion-collapse .panel-title a.collapsed:before {
  transform: rotate(-45deg);
  background: #474747;
}
body #template .privilege-section [id^=accordion-privilegeTabContent] .panel-title a.collapsed:after, body #template .privilege-section .accordion-collapse .panel-title a.collapsed:after {
  transform: rotate(45deg);
  background: #474747;
}
body #template .privilege-section [id^=accordion-privilegeTabContent] .panel-title a.first-collapse, body #template .privilege-section .accordion-collapse .panel-title a.first-collapse {
  border: none;
  border-radius: 0;
}
body #template .privilege-section [id^=accordion-privilegeTabContent] .panel-body, body #template .privilege-section .accordion-collapse .panel-body {
  padding: 0;
  border-top: none;
  font-size: 15px;
  line-height: 25px;
}
body #template .privilege-section [id^=accordion-privilegeTabContent] .panel-body ol, body #template .privilege-section .accordion-collapse .panel-body ol {
  counter-reset: item;
  padding: 0;
}
body #template .privilege-section [id^=accordion-privilegeTabContent] .panel-body ol > li, body #template .privilege-section .accordion-collapse .panel-body ol > li {
  list-style: none;
  position: relative;
  counter-increment: item;
  padding-left: 30px; /* ระยะห่างตัวเลขกับข้อความ */
  margin-bottom: 5px;
}
body #template .privilege-section [id^=accordion-privilegeTabContent] .panel-body ol > li p, body #template .privilege-section .accordion-collapse .panel-body ol > li p {
  margin-bottom: 5px;
}
body #template .privilege-section [id^=accordion-privilegeTabContent] .panel-body ol > li ul > li, body #template .privilege-section .accordion-collapse .panel-body ol > li ul > li {
  list-style-type: disc;
}
body #template .privilege-section [id^=accordion-privilegeTabContent] .panel-body ol > li::before, body #template .privilege-section .accordion-collapse .panel-body ol > li::before {
  content: counters(item, ".") ". ";
  position: absolute;
  left: -2px;
  width: 25px;
  text-align: right;
}
body #template .privilege-section [id^=accordion-privilegeTabContent] .panel-body li ol, body #template .privilege-section .accordion-collapse .panel-body li ol {
  counter-reset: item;
  padding-top: 5px;
  padding-left: 4px !important;
}
@media (max-width: 575.98px) {
  body #template .privilege-section .tab-content {
    padding-top: 35px;
  }
}
body #template .privilege-section .tab-content .privilege-reward-content .member-card {
  text-align: center;
}
body #template .privilege-section .tab-content .privilege-reward-content .member-card .img-member-card {
  width: 85px;
}
body #template .privilege-section .tab-content .privilege-reward-content .member-card span {
  font-size: 23.4px;
  line-height: 22px;
  font-weight: 500;
  display: block;
  margin-top: 5px;
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-reward-content .member-card {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
body #template .privilege-section .tab-content .privilege-reward-content .topic-title h3 img {
  margin-right: 10px;
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-reward-content .topic-title h3 img {
    margin-right: 5px;
    height: 30px;
  }
}
body #template .privilege-section .tab-content .privilege-reward-content .topic-title h3 span {
  vertical-align: middle;
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-reward-content .topic-title h3 {
    margin: 0;
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-reward-content .topic-title {
    padding: 10px;
    background-image: linear-gradient(90deg, #249F4B, #85B63C);
    color: #FFF;
  }
}
body #template .privilege-section .tab-content .privilege-reward-content .card-detail {
  padding-top: 15px;
  padding-left: 10px;
  padding-bottom: 15px;
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-reward-content .card-detail {
    padding: 15px;
  }
}
body #template .privilege-section .tab-content .privilege-reward-content .card-detail:nth-child(odd) {
  background-image: linear-gradient(0deg, rgba(188, 188, 188, 0.08) 0%, rgba(222, 222, 222, 0.08) 100%);
}
body #template .privilege-section .tab-content .privilege-reward-content .card-detail .title-detail .padding-left {
  padding-left: 20px;
}
@media (max-width: 575.98px) {
  body #template .privilege-section .tab-content .privilege-reward-content .card-detail .title-detail .padding-left {
    padding-left: 0;
  }
}
body #template .privilege-section .tab-content .privilege-reward-content .card-detail .title-detail .margin-left {
  margin-left: 10px;
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-reward-content .card-detail .title-detail .margin-left {
    margin-left: 0;
  }
}
body #template .privilege-section .tab-content .privilege-reward-content .card-detail .title-detail .img-sub-detail img {
  width: 100px;
  min-width: 60px;
}
body #template .privilege-section .tab-content .privilege-reward-content .card-detail .title-detail .text-sub-detail h4 {
  font-size: 24.7px;
  font-weight: 500;
  margin-bottom: 0;
}
body #template .privilege-section .tab-content .privilege-reward-content .card-detail .title-detail .text-sub-detail .detail-block {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-reward-content .card-detail .title-detail .text-sub-detail .detail-block {
    border-bottom: 0;
  }
}
body #template .privilege-section .tab-content .privilege-reward-content .card-detail .title-detail .text-sub-detail .link-sub-detail-collapse .less {
  display: none;
}
body #template .privilege-section .tab-content .privilege-reward-content .card-detail .title-detail .text-sub-detail .link-sub-detail-collapse .more {
  display: inline-block;
}
body #template .privilege-section .tab-content .privilege-reward-content .card-detail .title-detail .text-sub-detail .link-sub-detail-collapse.collapsed .less {
  display: inline-block;
}
body #template .privilege-section .tab-content .privilege-reward-content .card-detail .title-detail .text-sub-detail .link-sub-detail-collapse.collapsed .more {
  display: none;
}
body #template .privilege-section .tab-content .privilege-reward-content .card-detail .title-detail .text-sub-detail .sub-detail-collapse {
  line-height: 16px;
}
body #template .privilege-section .tab-content .privilege-reward-content .card-detail .title-detail .text-sub-detail .point {
  font-weight: 900;
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-reward-content .card-detail .title-detail .text-sub-detail .point {
    display: block;
    font-size: 22px;
  }
}
body #template .privilege-section .tab-content .privilege-reward-content .card-detail .title-detail .text-sub-detail *.detail {
  line-height: 1.2;
  font-size: 18.2px;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-reward-content .card-detail .title-detail .text-sub-detail *.detail {
    font-weight: 500;
  }
}
body #template .privilege-section .tab-content .privilege-reward-content .card-detail .title-detail .text-sub-detail *.note {
  color: #888B8D;
  font-size: 15.6px;
  font-weight: 300;
}
body #template .privilege-section .tab-content .privilege-reward-content .card-detail .title-detail .text-sub-detail a {
  font-size: 22.1px;
  display: block;
  color: #48a23f;
}
body #template .privilege-section .tab-content .privilege-reward-content .card-detail .title-detail .text-sub-detail a.detail-link {
  display: inline;
  font-size: 15.6px;
  font-weight: 300;
  color: var(--green);
  text-decoration: underline;
}
body #template .privilege-section .tab-content .privilege-reward-content .card-detail .title-detail .text-sub-detail a i.fa-play {
  background: url(../images/arrow__right-green.svg) no-repeat;
  display: inline-block;
  margin: 0 0 0 2px;
  text-indent: -9999px;
  width: 8px;
  height: 12px;
  transform: translateY(1px);
}
body #template .privilege-section .tab-content .privilege-reward-content .card-detail .title-detail .text-sub-detail a i.fa-sort-asc {
  font-size: 23.4px;
  vertical-align: bottom;
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-reward-content .card-detail .title-detail .text-sub-detail {
    width: 100%;
    text-align: center;
    margin: auto;
  }
}
body #template .privilege-section .tab-content .privilege-reward-content .card-detail .point-detail {
  text-align: center;
}
body #template .privilege-section .tab-content .privilege-reward-content .card-detail .point-detail .point-number {
  display: block;
  font-size: 38px;
  font-weight: bold;
}
body #template .privilege-section .tab-content .privilege-reward-content .card-detail .point-detail .point-unit {
  display: block;
  font-size: 20px;
  font-weight: 500;
}
body #template .privilege-section .tab-content .privilege-reward-content .card-detail .point-detail .money-number {
  display: block;
  font-size: 28px;
  font-weight: bold;
  line-height: 20px;
}
body #template .privilege-section .tab-content .privilege-reward-content .card-detail .point-detail .money-unit {
  display: block;
  font-size: 20.8px;
  font-weight: 500;
  line-height: 12px;
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-reward-content .remark {
    text-align: center;
  }
}
body #template .privilege-section .tab-content .privilege-reward-content .condition {
  background: #F3FBF2;
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 0 0 60px 60px;
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-reward-content .condition {
    padding-left: 5px;
    padding-right: 15px;
    padding-bottom: 80px;
    border-radius: 0;
  }
}
body #template .privilege-section .tab-content .privilege-reward-content .condition .topic-title {
  color: inherit;
  background: none;
}
body #template .privilege-section .tab-content .privilege-reward-content .condition .topic-title h3 {
  text-align: left;
}
body #template .privilege-section .tab-content .privilege-reward-content .condition .topic-title img {
  width: 26px;
}
body #template .privilege-section .tab-content .privilege-reward-content .condition ol li {
  font-weight: 300;
  font-size: 18.2px;
  line-height: 1.2;
}
body #template .privilege-section .tab-content .privilege-tab-content-1 .topic-title h3 img {
  width: 40px;
}
body #template .privilege-section .tab-content .privilege-tab-content-1 .topic-title h3 img.business-img {
  width: 40px;
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-tab-content-1 .topic-title h3 img {
    width: 35px;
  }
}
body #template .privilege-section .tab-content .privilege-tab-content-1 .card-detail .title-detail .text-sub-detail {
  width: 80%;
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .info-greenmiles {
  width: auto;
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .info-greenmiles img {
  height: 75px;
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .info-greenmiles .money-number {
  color: #84BD00;
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .info-greenmiles-pro {
  width: auto;
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .info-greenmiles-pro img {
  height: 75px;
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .info-greenmiles-pro .money-number {
  color: #7A7B7B;
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .info-greenmiles-premium {
  width: auto;
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .info-greenmiles-premium img {
  height: 75px;
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .info-greenmiles-premium .money-number {
  color: #74429B;
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .info-greenmiles-gold {
  width: auto;
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .info-greenmiles-gold img {
  height: 75px;
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-tab-content-2 .info-greenmiles-gold {
    width: 100%;
  }
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .info-greenmiles-gold .money-number {
  color: #C4830A;
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-tab-content-2 .info-greenmiles,
  body #template .privilege-section .tab-content .privilege-tab-content-2 .info-greenmiles-pro,
  body #template .privilege-section .tab-content .privilege-tab-content-2 .info-greenmiles-premium,
  body #template .privilege-section .tab-content .privilege-tab-content-2 .info-greenmiles-gold {
    padding: 0 2px;
    margin-bottom: 15px;
    width: 100%;
  }
  body #template .privilege-section .tab-content .privilege-tab-content-2 .info-greenmiles .icon-member-tier,
  body #template .privilege-section .tab-content .privilege-tab-content-2 .info-greenmiles-pro .icon-member-tier,
  body #template .privilege-section .tab-content .privilege-tab-content-2 .info-greenmiles-premium .icon-member-tier,
  body #template .privilege-section .tab-content .privilege-tab-content-2 .info-greenmiles-gold .icon-member-tier {
    margin-bottom: 5px;
    height: 19px;
  }
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .member-card {
  padding: 0 0 0 125px;
  pointer-events: none;
  width: calc(100% - 6rem);
  position: absolute;
  top: 45px;
  right: 3rem;
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .card-detail .title-detail .img-sub-detail {
  width: auto;
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-tab-content-2 .card-detail .title-detail .text-sub-detail {
    border-bottom: 0;
  }
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .card-detail .point-detail {
  width: 38.30044464%;
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-tab-content-2 .card-detail .point-detail {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-tab-content-2 .donate-content {
    padding: 0 30px;
  }
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .donate-content h4 {
  font-size: 24.7px;
  font-weight: 500;
  line-height: 22px;
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .donate-content ol {
  padding-inline-start: 120px;
  font-size: 24.7px;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 0;
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .donate-content ol b {
  font-weight: 500;
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .donate-content a {
  color: var(--green);
  text-decoration: underline;
  word-wrap: break-word;
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .donate-content .merit-basket {
  padding-inline-start: 105px;
  font-size: 24.7px;
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: 0;
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .donate-content .merit-basket b {
  font-weight: 500;
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .donate-content .rounded-number {
  display: inline-block;
  text-align: center;
  color: var(--green);
  font-size: 24.7px;
  font-weight: 500;
  line-height: 22px;
  border-radius: 50%;
  border: 2px solid var(--green);
  width: 24px;
  height: 24px;
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-tab-content-2 .donate-content p {
    text-align: center;
  }
  body #template .privilege-section .tab-content .privilege-tab-content-2 .donate-content ol {
    padding-inline-start: 55px;
  }
  body #template .privilege-section .tab-content .privilege-tab-content-2 .donate-content .merit-basket {
    text-align: center;
    padding-inline-start: 0;
  }
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .foundation-list {
  background: #fdfefd;
  border: #f7f7f7 2px solid;
  margin-bottom: 30px;
  padding: 30px;
  border-radius: 30px;
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-tab-content-2 .foundation-list {
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .foundation-list h4 {
  font-size: 24.7px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: underline;
  margin-bottom: 35px;
  text-align: center;
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .foundation-list .foundation-card {
  text-align: center;
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .foundation-list .foundation-card .foundation-img {
  margin: 0 auto 15px;
  width: 100%;
  max-width: 120px;
  border-radius: 10px 10px;
  box-shadow: 1px 2px 6px 1px rgba(0, 0, 0, 0.1);
}
body #template .privilege-section .tab-content .privilege-tab-content-2 .foundation-list .foundation-card .foundation-name {
  margin: 10px auto 30px auto;
  font-size: 20.8px;
  font-weight: 300;
  line-height: 1;
}
body #template .privilege-section .tab-content .privilege-tab-content-3 {
  padding-top: 30px;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 50px;
}
body #template .privilege-section .tab-content .privilege-tab-content-3 h1 {
  font-size: 33px;
  color: var(--green-300);
}
body #template .privilege-section .tab-content .privilege-tab-content-3 .topic-card {
  font-size: 26px;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-tab-content-3 .topic-card {
    font-size: 20px;
    text-align: center;
  }
}
body #template .privilege-section .tab-content .privilege-tab-content-3 .content-card {
  font-size: 20px;
  line-height: 28px;
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-tab-content-3 .content-card {
    padding-left: 0;
    margin-top: 10px;
  }
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-tab-content-3 {
    padding: 5px;
    padding-bottom: 50px;
  }
  body #template .privilege-section .tab-content .privilege-tab-content-3 .img-card {
    text-align: center;
  }
  body #template .privilege-section .tab-content .privilege-tab-content-3 .img-card img {
    width: 95px;
  }
}
body #template .privilege-section .tab-content .privilege-tab-content-4 {
  padding-top: 30px;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 50px;
}
body #template .privilege-section .tab-content .privilege-tab-content-4 h1 {
  font-size: 33px;
  color: var(--green-300);
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-tab-content-4 {
    padding-top: 0;
  }
}
body #template .privilege-section .tab-content .privilege-tab-content-4 .accordion-collapse .panel-title a {
  padding-left: 50px;
}
body #template .privilege-section .tab-content .privilege-tab-content-4 .accordion-collapse .panel-title a .img-topic {
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: contain;
}
body #template .privilege-section .tab-content .privilege-tab-content-4 .accordion-collapse .panel-title a .img-topic.register-post-office {
  background-image: url(../images/privilege/icon-register-post-office.png);
}
body #template .privilege-section .tab-content .privilege-tab-content-4 .accordion-collapse .panel-title a .img-topic.register-has-card {
  background-image: url(../images/privilege/icon-register-has-card.png);
}
body #template .privilege-section .tab-content .privilege-tab-content-4 .accordion-collapse .panel-title a .img-topic.register-succes {
  background-image: url(../images/privilege/icon-register-succes.png);
}
body #template .privilege-section .tab-content .privilege-tab-content-4 .accordion-collapse .panel-title a .img-topic.register-no-pw {
  background-image: url(../images/privilege/icon-register-no-pw.png);
}
body #template .privilege-section .tab-content .privilege-tab-content-4 .accordion-collapse .panel-title a .img-topic.register-forgot-pw {
  background-image: url(../images/privilege/icon-register-forgot-pw.png);
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-tab-content-4 .accordion-collapse .panel-title a {
    padding-left: 10px;
  }
}
body #template .privilege-section .tab-content .privilege-tab-content-4 .accordion-collapse .panel-collapse .panel-body {
  margin-bottom: 40px;
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-tab-content-4 .register-topic {
    background-image: linear-gradient(90deg, #249F4B, #85B63C);
    text-align: center;
    padding: 10px 0;
  }
  body #template .privilege-section .tab-content .privilege-tab-content-4 .register-topic h1 {
    font-size: 28px;
    color: #FFF;
  }
}
body #template .privilege-section .tab-content .privilege-tab-content-4 .register-content {
  padding: 0 50px;
  font-size: 20px;
}
body #template .privilege-section .tab-content .privilege-tab-content-4 .register-content img {
  height: 300px;
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-tab-content-4 .register-content img {
    height: auto;
  }
}
body #template .privilege-section .tab-content .privilege-tab-content-4 .register-content .text-inner-topic {
  text-align: center;
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-tab-content-4 .register-content .text-inner-topic {
    text-align: center;
    font-size: 18.2px;
    line-height: 16px;
  }
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-tab-content-4 .register-content {
    padding: 0;
  }
}
body #template .privilege-section .tab-content .privilege-tab-content-4 .register-member .panel.panel-default:last-child .panel-title a {
  border-bottom: 1px solid #efefef;
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-tab-content-4 .register-member .panel.panel-default:last-child .panel-title a {
    border-bottom: none;
  }
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-tab-content-5 {
    padding-top: 15px;
  }
}
body #template .privilege-section .tab-content .privilege-tab-content-5 .condition-and-remark {
  background: #F3FBF2;
  padding: 30px;
  border-radius: 0 0 60px 60px;
}
body #template .privilege-section .tab-content .privilege-tab-content-5 .condition-and-remark p, body #template .privilege-section .tab-content .privilege-tab-content-5 .condition-and-remark li {
  font-size: 20px;
  line-height: 1.3;
}
body #template .privilege-section .tab-content .privilege-tab-content-5 .condition-and-remark ol {
  padding-left: 16px;
}
body #template .privilege-section .tab-content .privilege-tab-content-5 .condition-and-remark ul {
  padding-left: 20px;
}
body #template .privilege-section .tab-content .privilege-tab-content-5 .condition-and-remark a {
  text-decoration: underline;
}
body #template .privilege-section .tab-content .privilege-tab-content-6 .option-list .option-card {
  display: flex;
  flex-direction: column;
  color: #2d2926;
  line-height: 1;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
body #template .privilege-section .tab-content .privilege-tab-content-6 .option-list .option-card:first-child {
  border-left: 0;
}
@media (max-width: 767.98px) {
  body #template .privilege-section .tab-content .privilege-tab-content-6 .option-list .option-card:nth-child(odd) {
    border-left: 0;
  }
}
@media (max-width: 575.98px) {
  body #template .privilege-section .tab-content .privilege-tab-content-6 .option-list .option-card {
    text-align: center;
    padding-bottom: 1rem;
    border-left: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  body #template .privilege-section .tab-content .privilege-tab-content-6 .option-list .option-card:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
}
body #template .privilege-section .tab-content .privilege-tab-content-6 .option-list .option-card .option-label {
  color: #48A23F;
  font-size: 24.7px;
  font-weight: 500;
}
body #template .privilege-section .tab-content .privilege-tab-content-6 .option-list .option-card .option-img {
  width: 100%;
  height: 60px;
  margin-bottom: 10px;
}
body #template .privilege-section .tab-content .privilege-tab-content-6 .option-list .option-card .option-img img {
  max-height: 100%;
}
body #template .privilege-section .tab-content .privilege-tab-content-6 .option-list .option-card .option-title {
  font-size: 24.7px;
  font-weight: bold;
  margin-bottom: 0;
}
body #template .privilege-section .tab-content .privilege-tab-content-6 .option-list .option-card .option-detail {
  font-size: 24.7px;
  font-weight: 300;
  margin-bottom: 5px;
}
body #template .privilege-section .tab-content .privilege-tab-content-6 .option-list .option-card .option-detail b {
  font-weight: bold;
}
body #template .privilege-section .tab-content .privilege-tab-content-6 .option-list .option-card .option-money {
  margin-top: auto;
}
body #template .privilege-section .tab-content .privilege-tab-content-6 .option-list .option-card .option-money .money-number {
  font-size: 28px;
  font-weight: bold;
  line-height: 20px;
  margin-right: 5px;
}
body #template .privilege-section .tab-content .privilege-tab-content-6 .option-list .option-card .option-money .money-unit {
  font-size: 20.8px;
  font-weight: 500;
  line-height: 20px;
}
body #template .privilege-section .tab-content .privilege-tab-content-6 .birthday-benefit h3 img {
  width: 26px;
  margin-right: 10px;
}
body #template .privilege-section .tab-content .privilege-tab-content-6 .birthday-benefit h3 span {
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
  vertical-align: -5px;
}
body #template .privilege-section .tab-content .privilege-tab-content-6 .birthday-benefit ol {
  padding-inline-start: 16px;
  font-size: 24.7px;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 0;
}
body #template .privilege-section .tab-content .privilege-tab-content-6 .birthday-benefit ol b {
  font-weight: 500;
}
body #template .privilege-section .tab-content .privilege-tab-content-6 .condition-list {
  background: #F3FBF2;
  padding: 30px;
  border-radius: 0 0 60px 60px;
}
body #template .privilege-section .tab-content .privilege-tab-content-6 .condition-list p, body #template .privilege-section .tab-content .privilege-tab-content-6 .condition-list li {
  font-size: 20px;
  line-height: 1.3;
}
body #template .privilege-section .tab-content .privilege-tab-content-6 .condition-list ol {
  padding-left: 16px;
}
body #template .privilege-section .tab-content .privilege-tab-content-6 .condition-list ul {
  padding-left: 20px;
}
body #template .privilege-section .tab-content .privilege-tab-content-6 .condition-list a {
  text-decoration: underline;
}

.bg-bangchackapp {
  width: 100%;
  background-image: url(../images/template/bg-default.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  padding-bottom: 60px;
}

@media (max-width: 767.98px) {
  #PG-BangChackApp {
    padding-bottom: 0 !important;
  }
}
#PG-BangChackApp .title {
  font-weight: 400;
  font-size: 36px;
  line-height: 1.5rem;
}
#PG-BangChackApp .Headgreenline {
  font-weight: 500;
  font-size: 60px;
  line-height: 3rem;
}
#PG-BangChackApp .sub-title {
  margin-top: 10px;
  font-size: 26px;
  font-weight: 400;
}
#PG-BangChackApp hr {
  margin: 8px 8rem;
  border: 1px solid #cccccc;
}
#PG-BangChackApp .app-m {
  width: 180px;
}
#PG-BangChackApp .app-m img {
  min-width: auto;
  margin: 0 auto;
  width: 180px;
}
#PG-BangChackApp .relative {
  position: relative !important;
  z-index: 1;
  margin: 0 auto;
  max-width: 250px;
}
#PG-BangChackApp .absolute {
  position: absolute !important;
}
#PG-BangChackApp .box__intro {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 45px;
  margin: 50px 0 0;
  padding: 30px;
  overflow: hidden;
  position: relative;
  -webkit-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
}
#PG-BangChackApp .box__intro .cover-youtube {
  border-radius: 30px;
}
@media (max-width: 767.98px) {
  #PG-BangChackApp .box__intro {
    margin-top: 30px;
    padding: 15px;
    border-radius: 30px;
  }
  #PG-BangChackApp .box__intro .cover-youtube {
    border-radius: 20px;
  }
}
#PG-BangChackApp .box__detail {
  background-color: white;
  border-radius: 60px;
  overflow: hidden;
  position: relative;
  padding: 30px 0 0;
  -webkit-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
}
@media (max-width: 767.98px) {
  #PG-BangChackApp .box__detail {
    border-radius: 0;
  }
}
#PG-BangChackApp .app-frame {
  width: 100%;
  height: auto;
  box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.6509803922);
  border-radius: 44px;
}
#PG-BangChackApp .app-imgscreen {
  width: 100%;
  height: auto;
}
#PG-BangChackApp .videoType,
#PG-BangChackApp .imageType {
  border-radius: 44px;
  z-index: -1;
  height: -webkit-fill-available;
}
#PG-BangChackApp .videoType {
  left: 5%;
}
#PG-BangChackApp .imageType {
  width: 92%;
  height: auto;
  top: 1%;
  left: 3.5%;
}
#PG-BangChackApp .nav-pills {
  width: 90%;
}
#PG-BangChackApp .nav-pills a {
  border-bottom: #fff solid 2px;
  position: relative;
  color: #000000;
  font-size: 28px;
  padding: 10px 0;
  border-radius: 0;
}
#PG-BangChackApp .nav-pills a .la-angle-right {
  background: url(../images/arrow__right-black.svg) no-repeat right center;
  background-size: auto 20px;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
#PG-BangChackApp .nav-pills a .icon {
  display: inline-block;
  width: 40px;
}
#PG-BangChackApp .nav-pills .items-decostate {
  position: absolute;
  background-size: contain;
  width: 60px;
  height: 60px;
}
#PG-BangChackApp .nav-pills .nav-link.active,
#PG-BangChackApp .nav-pills .show > .nav-link {
  color: #37ae4a;
  font-weight: 700;
  background-color: transparent;
}
#PG-BangChackApp .nav-pills .nav-link.active .la-angle-right,
#PG-BangChackApp .nav-pills .show > .nav-link .la-angle-right {
  background: url(../images/arrow__right-green-2.svg) no-repeat right center;
  background-size: auto 20px;
}
#PG-BangChackApp .items {
  position: relative;
  margin: 5px 0;
}
#PG-BangChackApp .items:hover {
  cursor: pointer;
}
#PG-BangChackApp .items .card-caption {
  font-size: 20px;
}
#PG-BangChackApp .caption-right {
  background-color: #fff;
  box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.1882352941);
  border-radius: 8px;
  position: relative;
}
#PG-BangChackApp .caption-right h5 {
  color: #1fa09b;
}
#PG-BangChackApp .caption-right::after {
  z-index: -10;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: 0;
  bottom: 0;
  top: calc(50% - 5px);
  left: 0;
  box-sizing: border-box;
  border: 5px solid #fff;
  border-color: transparent transparent #fff #fff;
  transform-origin: 0 0;
  transform: rotate(45deg);
  box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.1882352941);
  clear: both;
}
#PG-BangChackApp .caption-right::before {
  z-index: 10;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: 0;
  bottom: 0;
  top: calc(50% - 5px);
  left: 0;
  box-sizing: border-box;
  border: 5px solid black;
  border-color: transparent transparent #fff #fff;
  transform-origin: 0 0;
  transform: rotate(45deg);
  clear: both;
}
#PG-BangChackApp .items-box {
  cursor: pointer;
}
#PG-BangChackApp .items-decostate {
  background-image: url(/static/frontend/images/appiconstate/icon-01.png);
  position: absolute;
  background-size: contain;
  width: 65px;
  height: 65px;
  top: -30px;
  right: -30px;
}

#yt-area {
  cursor: pointer;
}
#yt-area .popup__overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(253, 253, 253, 0.2);
  text-align: center;
  z-index: 100;
}
#yt-area .popup__overlay:after {
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
  content: "";
}
#yt-area .popup {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 840px;
  max-height: 480px;
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, 0.5803921569);
  background: rgba(255, 255, 255, 0.5803921569);
  color: white;
  vertical-align: middle;
  border-radius: 15px;
}
#yt-area .popup-form__row {
  margin: 1em 0;
}
#yt-area .popup__close {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  right: -15px;
  top: -12px;
  background: #000;
  color: #fff;
  border-radius: 50%;
  opacity: 1;
  z-index: 14;
  font-size: 1.5em;
  line-height: 2em;
}
#yt-area iframe {
  width: 100%;
  height: 100%;
  outline: 1px solid #ffffff;
}

#tutorialQnA {
  font-family: "DB Ozone X";
  font-size: 20px;
  width: 100%;
}
#tutorialQnA .header-text {
  color: var(--green);
}
#tutorialQnA .slide-box {
  max-width: 80%;
}
#tutorialQnA .slide-box img {
  border-radius: 8px;
}
#tutorialQnA .card-body {
  min-height: 70px;
}
#tutorialQnA .card-body .card-text {
  max-width: 85%;
  float: left;
}

.AppFaq {
  font-family: "DB Ozone X";
  font-size: 20px;
  width: 100%;
  background-color: #f3fbf2;
  padding: 30px 60px;
}
@media (max-width: 767.98px) {
  .AppFaq {
    padding: 30px 20px;
  }
}
.AppFaq .header-text {
  color: var(--green);
}
.AppFaq #accordion .panel-title a,
.AppFaq .accordion-collapse .panel-title a,
.AppFaq .collapse-content #accordion .panel-title a,
.AppFaq .collapse-content .accordion-collapse .panel-title a {
  padding-left: 0 !important;
  padding-right: 30px !important;
}
.AppFaq #accordion .panel-title a:before, .AppFaq .accordion-collapse .panel-title a:before {
  right: 10px !important;
}
.AppFaq #accordion .panel-title a:after, .AppFaq .accordion-collapse .panel-title a:after {
  right: 4px !important;
}
.AppFaq #accordion .panel-body,
.AppFaq .accordion-collapse .panel-body,
.AppFaq .collapse-content #accordion .panel-body,
.AppFaq .collapse-content .accordion-collapse .panel-body {
  padding: 0 !important;
}

@media screen and (max-width: 767.98px) {
  .app-download {
    background-color: #FFFFFF;
    padding-bottom: 3rem;
  }
  #yt-area .popup {
    margin-top: 65px;
  }
  #yt-area .popup__close {
    right: 5px !important;
    top: 8px !important;
  }
  #PG-BangChackApp .appframe {
    padding-bottom: 14px;
  }
  #PG-BangChackApp .nav-pills {
    width: -webkit-fill-available;
    display: -webkit-inline-box;
    flex-wrap: unset;
    overflow-x: auto;
    border-bottom: 2px solid #389b80;
    padding-top: 2rem;
  }
  #PG-BangChackApp .nav-pills a {
    font-weight: 300;
    text-align: center;
    text-decoration: none;
    position: relative;
    margin: 0;
    border-bottom: 5px solid #ffffff;
    height: 100%;
    background-color: white;
    border-radius: 0;
    cursor: pointer;
  }
  #PG-BangChackApp .nav-pills a i {
    display: none;
  }
  #PG-BangChackApp .nav-pills .nav-link.active,
  #PG-BangChackApp #PG-BangChackApp .nav-pills .show > .nav-link {
    border-bottom: 5px solid #389b80;
    background-color: #FFFFFF;
  }
  #PG-BangChackApp .m-text-pill {
    padding: 1.75rem 1rem 0rem !important;
    background: #FFFFFF;
  }
  .items-decostate-mb {
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75px;
    height: 75px;
  }
  .feature h1 {
    font-size: 35px !important;
    color: #000 !important;
    font-weight: 400;
  }
  #tutorialQnA .slide-box {
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .cover-youtube {
    border: 0;
    box-shadow: none;
  }
}
body #PG-Member {
  font-family: "DB Ozone X";
  background: #fff;
}
body #PG-Member .text-orange {
  color: #EA7600 !important;
}
body #PG-Member .text-green {
  color: #48A23F !important;
}
body #PG-Member .text-gray {
  color: #888B8D !important;
}
body #PG-Member .text-red {
  color: #D01800 !important;
}
body #PG-Member .box-head-info {
  background: url(../images/gradient-green.png) no-repeat;
  background-size: 100% 100%;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}
body #PG-Member .bcg-nav-tabs {
  margin: 0;
}
body #PG-Member .bcg-nav-tabs .nav-tabs {
  background: none;
  border: 0;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
}
@media (min-width: 992px) {
  body #PG-Member .bcg-nav-tabs .nav-tabs {
    margin-left: -5px;
    margin-right: -5px;
    justify-content: space-between;
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  body #PG-Member .bcg-nav-tabs .nav-tabs {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
}
body #PG-Member .bcg-nav-tabs .nav-tabs::-webkit-scrollbar {
  display: none;
}
@media (min-width: 992px) {
  body #PG-Member .bcg-nav-tabs .nav-tabs .nav-item {
    margin: 0 5px;
  }
}
body #PG-Member .bcg-nav-tabs .nav-tabs .init {
  display: none;
}
body #PG-Member .tab-content {
  min-height: 400px;
}
body #PG-Member .topic-title {
  display: flex;
  height: 38px;
}
body #PG-Member .topic-title h3 {
  text-align: left;
  margin-top: auto;
  margin-bottom: auto;
  vertical-align: middle;
  white-space: nowrap;
}
body #PG-Member .topic-title h3 span {
  vertical-align: middle;
}
body #PG-Member .topic-title h3 img {
  height: 30px;
}
body #PG-Member .table-profile {
  font-family: "DB Ozone X";
  color: #2D2926;
}
@media (max-width: 767.98px) {
  body #PG-Member .table-profile {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
body #PG-Member .table-profile th,
body #PG-Member .table-profile td {
  font-weight: 400;
  font-size: 16px;
  white-space: nowrap;
}
body #PG-Member .table-profile thead tr *:first-child,
body #PG-Member .table-profile tbody tr *:first-child {
  padding-left: 36px;
}
body #PG-Member .table-profile thead tr *:last-child,
body #PG-Member .table-profile tbody tr *:last-child {
  padding-right: 36px;
}
body #PG-Member .table-profile thead tr {
  white-space: nowrap;
}
body #PG-Member .table-profile thead tr .order {
  text-align: center;
}
body #PG-Member .table-profile thead tr .quantity {
  text-align: center;
}
body #PG-Member .table-profile thead tr .price {
  text-align: center;
}
body #PG-Member .table-profile thead tr .point-earn {
  text-align: center;
}
body #PG-Member .table-profile thead tr .point-burn {
  text-align: center;
}
body #PG-Member .table-profile tbody tr {
  cursor: pointer;
}
body #PG-Member .table-profile tbody tr .order {
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  white-space: nowrap;
}
body #PG-Member .table-profile tbody tr .date {
  font-weight: 300;
  font-size: 18px;
  white-space: nowrap;
}
body #PG-Member .table-profile tbody tr .place {
  font-weight: 500;
  font-size: 18px;
}
body #PG-Member .table-profile tbody tr .product {
  font-weight: 500;
  font-size: 18px;
}
body #PG-Member .table-profile tbody tr .quantity {
  font-weight: 500;
  font-size: 19px;
  text-align: center;
  white-space: nowrap;
}
body #PG-Member .table-profile tbody tr .price {
  font-weight: 500;
  font-size: 19px;
  text-align: center;
  white-space: nowrap;
}
body #PG-Member .table-profile tbody tr .point-earn {
  font-weight: bold;
  font-size: 19px;
  text-align: center;
  white-space: nowrap;
}
body #PG-Member .table-profile tbody tr .point-burn {
  font-weight: 500;
  font-size: 19px;
  text-align: center;
  white-space: nowrap;
}
body #PG-Member .table-silver.table-striped tbody tr {
  background-color: transparent;
}
body #PG-Member .table-silver.table-striped tbody tr:nth-of-type(odd) {
  background-image: linear-gradient(0deg, rgba(188, 188, 188, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);
}
body #PG-Member .table-silver.table-hover tbody tr {
  background-color: white;
}
body #PG-Member .table-silver.table-hover tbody tr:hover {
  background-color: #F6FAED;
}
body #PG-Member .btn-edit img {
  height: 16px;
  vertical-align: -2px;
}
body #PG-Member .btn-save img {
  height: 16px;
  vertical-align: -2px;
}
body #PG-Member .table-notification {
  font-family: "DB Ozone X";
  color: #2D2926;
}
body #PG-Member .table-notification th,
body #PG-Member .table-notification td {
  font-weight: bold;
  font-size: 16px;
}
body #PG-Member .table-notification thead,
body #PG-Member .table-notification tbody {
  cursor: pointer;
}
body #PG-Member .table-notification thead tr th:first-child,
body #PG-Member .table-notification tbody tr th:first-child {
  padding-left: 36px;
}
body #PG-Member .table-notification thead tr td:last-child,
body #PG-Member .table-notification tbody tr td:last-child {
  padding-right: 36px;
}
body #PG-Member .table-notification .promotion-name {
  max-width: 250px;
}
body #PG-Member .table-notification .promotion-name p {
  margin: 0;
}
body #PG-Member .table-notification .promotion-name p.title-caption {
  font-size: 20px;
}
body #PG-Member .table-notification .promotion-name p.caption {
  font-size: 18px;
  font-weight: 300;
}
body #PG-Member .table-notification .image img {
  max-height: 100px;
}
body #PG-Member .table-notification th .date-notification,
body #PG-Member .table-notification th .date-manage {
  width: 120px;
}
body #PG-Member .table-notification td.date-manage {
  color: #00a597;
  margin: 0.25rem 0;
}
body #PG-Member .table-notification .actions {
  display: block;
  padding: 0;
  margin: 25% 0;
}
body #PG-Member .table-notification .btn {
  transition: none;
}
body #PG-Member .table-notification .btn:hover {
  transition: none;
  position: initial;
}
@media (max-width: 767.98px) {
  body #PG-Member .table-notification {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
body #PG-Member .box__member-tier {
  padding: 30px 0 0;
}
@media (max-width: 767px) {
  body #PG-Member .box__member-tier {
    padding: 10px 0 0;
  }
}
body #PG-Member .box__member-tier .head {
  font-size: 42px;
  text-align: center;
}
@media (max-width: 767px) {
  body #PG-Member .box__member-tier .head {
    font-size: 32px;
  }
}
body #PG-Member .box__member-tier .head .icon-tier {
  height: 50px;
}
@media (max-width: 767px) {
  body #PG-Member .box__member-tier .head .icon-tier {
    height: 40px;
  }
}
body #PG-Member .box__member-tier .list__oil-type {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  margin: 0 0 20px;
}
body #PG-Member .box__member-tier .list__oil-type .text {
  font-weight: 500;
  margin: 0 10px 0 0;
}
body #PG-Member .box__member-tier .list__oil-type .list {
  display: flex;
  flex-flow: row wrap;
}
body #PG-Member .box__member-tier .list__oil-type .list .item {
  margin: 0 10px 0 0;
}
body #PG-Member .box__member-tier .list__oil-type .list .item img {
  height: 45px;
}
@media (max-width: 767px) {
  body #PG-Member .box__member-tier .list__oil-type .list .item img {
    height: 40px;
  }
}
body #PG-Member .box__member-tier .advance-to {
  font-size: 28px;
}
@media (max-width: 767px) {
  body #PG-Member .box__member-tier .advance-to {
    font-size: 24px;
  }
}
body #PG-Member .box__member-tier .advance-to .icon-tier {
  height: 36px;
}
@media (max-width: 767px) {
  body #PG-Member .box__member-tier .advance-to .icon-tier {
    height: 32px;
  }
}
body #PG-Member .box__member-tier .box__info {
  margin: 0 0 40px;
  padding: 0 0 30px;
}
@media (max-width: 767px) {
  body #PG-Member .box__member-tier .box__info {
    margin: 0 0 30px;
    padding: 0 0 10px;
  }
}
body #PG-Member .box__member-tier .box__info:not(:last-child) {
  border-bottom: #f5f5f5 1px solid;
}
body #PG-Member .box__member-tier .box__progressbar {
  background: #ebecec;
  margin: 20px auto 0;
  position: relative;
  width: 500px;
  max-width: 80%;
  height: 28px;
}
@media (max-width: 767px) {
  body #PG-Member .box__member-tier .box__progressbar {
    height: 24px;
  }
}
body #PG-Member .box__member-tier .box__progressbar .progressbar {
  background: #B393C5;
  width: 50%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
body #PG-Member .box__member-tier .box__progressbar .text-light,
body #PG-Member .box__member-tier .box__progressbar .text-gray {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  padding: 0 20px;
  white-space: nowrap;
  pointer-events: none;
}
@media (max-width: 767px) {
  body #PG-Member .box__member-tier .box__progressbar .text-light,
  body #PG-Member .box__member-tier .box__progressbar .text-gray {
    font-size: 20px;
  }
}
body #PG-Member .box__member-tier .box__progressbar .text-light {
  color: #ffffff;
  z-index: 2;
}
body #PG-Member .box__member-tier .box__progressbar .text-gray {
  color: #808080;
  z-index: 1;
  clip-path: inset(0 0 0 0);
}
body #PG-Member .box__member-tier .box__progressbar .info-start,
body #PG-Member .box__member-tier .box__progressbar .info-end {
  z-index: 5;
  width: 70px;
  height: 70px;
  position: absolute;
  top: 50%;
  left: -65px;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  body #PG-Member .box__member-tier .box__progressbar .info-start,
  body #PG-Member .box__member-tier .box__progressbar .info-end {
    width: 50px;
    height: 50px;
    left: -45px;
  }
}
body #PG-Member .box__member-tier .box__progressbar .info-start .icon,
body #PG-Member .box__member-tier .box__progressbar .info-end .icon {
  overflow: hidden;
  padding: 5px;
  border-radius: 70px;
}
@media (max-width: 767px) {
  body #PG-Member .box__member-tier .box__progressbar .info-start .icon,
  body #PG-Member .box__member-tier .box__progressbar .info-end .icon {
    border-radius: 50px;
  }
}
body #PG-Member .box__member-tier .box__progressbar .info-start .icon img,
body #PG-Member .box__member-tier .box__progressbar .info-end .icon img {
  display: block;
  width: 60px;
  height: 60px;
}
@media (max-width: 767px) {
  body #PG-Member .box__member-tier .box__progressbar .info-start .icon img,
  body #PG-Member .box__member-tier .box__progressbar .info-end .icon img {
    width: 40px;
    height: 40px;
  }
}
body #PG-Member .box__member-tier .box__progressbar .info-start .text,
body #PG-Member .box__member-tier .box__progressbar .info-end .text {
  position: absolute;
  top: 80px;
  left: 0;
}
@media (max-width: 767px) {
  body #PG-Member .box__member-tier .box__progressbar .info-start .text,
  body #PG-Member .box__member-tier .box__progressbar .info-end .text {
    top: 55px;
  }
}
body #PG-Member .box__member-tier .box__progressbar .info-start .text p,
body #PG-Member .box__member-tier .box__progressbar .info-end .text p {
  font-weight: 500;
  line-height: 1;
  text-wrap: nowrap;
}
@media (max-width: 767px) {
  body #PG-Member .box__member-tier .box__progressbar .info-start .text p,
  body #PG-Member .box__member-tier .box__progressbar .info-end .text p {
    font-size: 20px;
  }
}
body #PG-Member .box__member-tier .box__progressbar .info-end {
  left: auto;
  right: -65px;
}
@media (max-width: 767px) {
  body #PG-Member .box__member-tier .box__progressbar .info-end {
    right: -45px;
  }
}
body #PG-Member .box__member-tier .box__progressbar .info-end .text {
  text-align: right;
  left: auto;
  right: 0;
}
body #PG-Member .sub-detail-collapse {
  margin: 0 0 15px;
}
body #PG-Member .sub-detail-collapse p {
  color: #474747;
  font-size: 20px;
}
body #PG-Member .sub-detail-collapse p span {
  color: #7A7B7B;
}
body #PG-Member .link-sub-detail-collapse {
  color: #000;
  display: flex;
  align-items: center;
  text-decoration: none;
}
body #PG-Member .link-sub-detail-collapse .less {
  display: none;
}
body #PG-Member .link-sub-detail-collapse .more {
  display: block;
}
body #PG-Member .link-sub-detail-collapse .fa-play,
body #PG-Member .link-sub-detail-collapse .fa-sort-asc {
  background: url(../images/membertiers/icon/arrow__down-black.png) no-repeat;
  background-size: 12px auto;
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
  width: 12px;
  height: 12px;
  transform: translateY(9px);
}
body #PG-Member .link-sub-detail-collapse .fa-sort-asc {
  transform: translateY(4px) rotate(180deg);
}
body #PG-Member .link-sub-detail-collapse.collapsed .less {
  display: block;
}
body #PG-Member .link-sub-detail-collapse.collapsed .more {
  display: none;
}
body #PG-Member .link-sub-detail-collapse:hover {
  text-decoration: none;
}

.member-tier {
  width: 100%;
}
.member-tier .box__info-main {
  background: url(../images/membertiers/bg/bg.jpg) no-repeat #fff;
  background-size: 100% auto;
  padding: 40px 0 0;
}
@media (max-width: 767px) {
  .member-tier .box__info-main {
    background: url(../images/membertiers/bg/bg-mobile.jpg) no-repeat #fff;
    background-size: 100% auto;
    padding: 20px 0 0;
  }
}
.member-tier .box__info-main h1, .member-tier .box__info-main h2, .member-tier .box__info-main h3, .member-tier .box__info-main p, .member-tier .box__info-main li, .member-tier .box__info-main a, .member-tier .box__info-main th, .member-tier .box__info-main td {
  font-family: "DB Ozone X";
  font-size: 24px;
  line-height: 1.1;
}
@media (max-width: 767px) {
  .member-tier .box__info-main h1, .member-tier .box__info-main h2, .member-tier .box__info-main h3, .member-tier .box__info-main p, .member-tier .box__info-main li, .member-tier .box__info-main a, .member-tier .box__info-main th, .member-tier .box__info-main td {
    font-size: 20px;
  }
}
.member-tier .box__info-main ol {
  counter-reset: item;
}
.member-tier .box__info-main ol > li {
  list-style: none;
  position: relative;
  counter-increment: item;
  padding-left: 30px; /* ระยะห่างตัวเลขกับข้อความ */
  margin-bottom: 5px;
}
.member-tier .box__info-main ol > li p {
  margin-bottom: 5px;
}
.member-tier .box__info-main ol > li ul > li {
  list-style-type: disc;
}
.member-tier .box__info-main ol > li::before {
  content: counters(item, ".") ". ";
  position: absolute;
  left: -2px;
  width: 25px;
  text-align: right;
}
.member-tier .box__info-main li ol {
  counter-reset: item;
  padding-top: 5px;
  padding-left: 4px !important;
}
.member-tier .box__info-main .box__head {
  padding: 0 0 1rem;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .box__head {
    padding: 0 0 10px;
  }
}
.member-tier .box__info-main .box__head h1 {
  font-family: "DB Ozone X";
  font-size: 42px;
  line-height: 1.1;
  font-weight: 700;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .box__head h1 {
    font-size: 28px;
  }
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs {
  border: 0;
  justify-content: center;
  margin: 0 0 40px;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .member-tier-nav-tabs .nav-tabs {
    margin: 0 0 20px;
  }
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item {
  margin: 0 30px;
  border-radius: 32px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item {
    margin: 0 8px;
    border-radius: 16px;
  }
  .member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item:first-child {
    margin-left: 0;
  }
  .member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item:last-child {
    margin-right: 0;
  }
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link {
  background: rgba(255, 255, 255, 0.55);
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 112px;
  height: 212px;
  border-radius: 32px;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link {
    width: 58px;
    height: 106px;
    border-radius: 16px;
  }
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link .info {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-flow: row wrap;
  height: 140px;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link .info {
    height: 70px;
  }
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link .info .icon {
  margin: 0 0 10px;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link .info .icon {
    margin: 0 0 5px;
  }
  .member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link .info .icon img {
    width: 16px;
  }
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link .info .text {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  text-align: center;
  width: 100%;
  min-height: 44px;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link .info .text {
    font-size: 11px;
    min-height: 22px;
  }
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link#nav-greenmiles .info .text {
  color: #84BD00;
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link#nav-greenmiles-pro .info .text {
  color: #7A7B7B;
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link#nav-greenmiles-premium .info .text {
  color: #74429B;
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link#nav-greenmiles-gold .info .text {
  color: #A88E37;
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link.active {
  width: 212px;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link.active {
    width: 106px;
  }
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link.active .info {
  padding: 0 20px 0;
  width: 140px;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link.active .info {
    padding: 0 10px;
    width: 70px;
  }
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link.active .info .icon {
  margin: 0 auto 5px;
  width: 20px;
  height: 20px;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link.active .info .icon {
    width: 10px;
    height: 10px;
  }
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link.active .info .icon img {
  display: none !important;
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link.active .info .text {
  font-size: 24px;
  line-height: 1;
  min-height: auto;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link.active .info .text {
    font-size: 13px;
  }
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link.active#nav-greenmiles {
  box-shadow: inset 0 0 3px #84BD00;
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link.active#nav-greenmiles .info {
  background: url(../images/membertiers/icon/border-greenmiles.svg) no-repeat;
  background-size: 100% auto;
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link.active#nav-greenmiles .info .icon {
  background: url(../images/membertiers/icon/icon-greenmiles-2.svg) no-repeat center center;
  background-size: 100% auto;
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link.active#nav-greenmiles-pro {
  box-shadow: inset 0 0 3px #7A7B7B;
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link.active#nav-greenmiles-pro .info {
  background: url(../images/membertiers/icon/border-greenmiles-pro.svg) no-repeat;
  background-size: 100% auto;
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link.active#nav-greenmiles-pro .info .icon {
  background: url(../images/membertiers/icon/icon-greenmiles-pro-2.svg) no-repeat center center;
  background-size: 100% auto;
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link.active#nav-greenmiles-premium {
  box-shadow: inset 0 0 3px #74429B;
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link.active#nav-greenmiles-premium .info {
  background: url(../images/membertiers/icon/border-greenmiles-premium.svg) no-repeat;
  background-size: 100% auto;
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link.active#nav-greenmiles-premium .info .icon {
  background: url(../images/membertiers/icon/icon-greenmiles-premium-2.svg) no-repeat center center;
  background-size: 100% auto;
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link.active#nav-greenmiles-gold {
  box-shadow: inset 0 0 3px #C4830A;
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link.active#nav-greenmiles-gold .info {
  background: url(../images/membertiers/icon/border-greenmiles-gold.svg) no-repeat;
  background-size: 100% auto;
}
.member-tier .box__info-main .member-tier-nav-tabs .nav-tabs .nav-item .nav-link.active#nav-greenmiles-gold .info .icon {
  background: url(../images/membertiers/icon/icon-greenmiles-gold-2.svg) no-repeat center center;
  background-size: 100% auto;
}
.member-tier .box__info-main .tab-content .tab-pane > .container {
  max-width: 800px;
}
.member-tier .box__info-main .tab-content .box__benefit {
  margin: 0 auto;
  padding: 20px 0 0;
  max-width: 720px;
}
.member-tier .box__info-main .tab-content .box__benefit h2 {
  font-size: 42px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .tab-content .box__benefit h2 {
    font-size: 28px;
  }
}
.member-tier .box__info-main .tab-content .box__benefit .list__info {
  padding: 40px 0;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .tab-content .box__benefit .list__info {
    padding: 20px 0;
  }
}
.member-tier .box__info-main .tab-content .box__benefit .list__info .item {
  margin: 0 0 20px;
  padding: 0 0 20px;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .tab-content .box__benefit .list__info .item {
    margin: 0 0 10px;
    padding: 0 0 20px;
  }
}
.member-tier .box__info-main .tab-content .box__benefit .list__info .item:not(:last-child) {
  border-bottom: #ECEDED 2px solid;
}
.member-tier .box__info-main .tab-content .box__benefit .list__info .item .thumb {
  margin-right: 30px;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .tab-content .box__benefit .list__info .item .thumb {
    margin-right: 15px;
  }
}
.member-tier .box__info-main .tab-content .box__benefit .list__info .item .thumb img {
  width: 120px;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .tab-content .box__benefit .list__info .item .thumb img {
    width: 70px;
  }
}
.member-tier .box__info-main .tab-content .box__benefit .list__info .item .box__description {
  padding: 10px 0 0;
}
.member-tier .box__info-main .tab-content .box__benefit .list__info .item .box__description ul {
  padding-left: 30px;
}
.member-tier .box__info-main .tab-content .box__benefit .list__info .item .box__description ul li::marker {
  font-size: 22px;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .tab-content .box__benefit .list__info .item .box__description ul li::marker {
    font-size: 18px;
  }
}
.member-tier .box__info-main .tab-content .box__benefit .list__info .item .title {
  font-size: 32px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .tab-content .box__benefit .list__info .item .title {
    font-size: 24px;
  }
}
.member-tier .box__info-main .tab-content .box__benefit .list__info .item .sub-detail-collapse {
  margin: 0 0 15px;
}
.member-tier .box__info-main .tab-content .box__benefit .list__info .item .sub-detail-collapse p {
  color: #474747;
  font-size: 20px;
}
.member-tier .box__info-main .tab-content .box__benefit .list__info .item .sub-detail-collapse p span {
  color: #7A7B7B;
}
.member-tier .box__info-main .tab-content .box__benefit .list__info .item .link-sub-detail-collapse {
  color: #48A23F;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.member-tier .box__info-main .tab-content .box__benefit .list__info .item .link-sub-detail-collapse .less {
  display: none;
}
.member-tier .box__info-main .tab-content .box__benefit .list__info .item .link-sub-detail-collapse .more {
  display: block;
}
.member-tier .box__info-main .tab-content .box__benefit .list__info .item .link-sub-detail-collapse .fa-play,
.member-tier .box__info-main .tab-content .box__benefit .list__info .item .link-sub-detail-collapse .fa-sort-asc {
  background: url(../images/membertiers/icon/arrow__down-green.png) no-repeat;
  background-size: 12px auto;
  display: inline-block;
  vertical-align: top;
  width: 12px;
  height: 12px;
  transform: translateY(9px);
}
.member-tier .box__info-main .tab-content .box__benefit .list__info .item .link-sub-detail-collapse .fa-sort-asc {
  transform: translateY(4px) rotate(180deg);
}
.member-tier .box__info-main .tab-content .box__benefit .list__info .item .link-sub-detail-collapse.collapsed .less {
  display: block;
}
.member-tier .box__info-main .tab-content .box__benefit .list__info .item .link-sub-detail-collapse.collapsed .more {
  display: none;
}
.member-tier .box__info-main .tab-content .box__benefit .list__info .item .link-sub-detail-collapse:hover {
  text-decoration: none;
}
.member-tier .box__info-main .tab-content .box__benefit .list__info .item .btn-more {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.member-tier .box__info-main .tab-content .box__benefit .list__info .item .btn-more .text {
  color: #48A23F;
}
.member-tier .box__info-main .tab-content .box__benefit .list__info .item .btn-more .icon {
  margin-left: 5px;
}
.member-tier .box__info-main .tab-content .box__benefit .list__info .item .btn-more .icon img {
  width: 12px;
}
.member-tier .box__info-main .tab-content .box__benefit .list__info .item .btn-more:hover {
  text-decoration: none;
}
.member-tier .box__info-main .tab-content .box__benefit-more {
  background: #F3FBF2;
  padding: 40px 0;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .tab-content .box__benefit-more {
    padding: 20px 0;
  }
}
.member-tier .box__info-main .tab-content .box__benefit-more .container {
  margin: 0 auto;
  max-width: 750px;
}
.member-tier .box__info-main .tab-content .panel-group .panel {
  padding: 10px 0;
}
.member-tier .box__info-main .tab-content .panel-group .panel .panel-heading .panel-title a {
  background: url(../images/membertiers/icon/arrow__down-black.png) no-repeat right 13px;
  background-size: 16px auto;
  color: #000;
  display: block;
  font-size: 32px;
  font-weight: 700;
  padding-right: 25px;
  text-decoration: none;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .tab-content .panel-group .panel .panel-heading .panel-title a {
    background: url(../images/membertiers/icon/arrow__down-black.png) no-repeat right 11px;
    background-size: 14px auto;
    font-size: 28px;
  }
}
.member-tier .box__info-main .tab-content .panel-group .panel .panel-heading .panel-title a[aria-expanded=true] {
  background: url(../images/membertiers/icon/arrow__up-black.png) no-repeat right 13px;
  background-size: 16px auto;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .tab-content .panel-group .panel .panel-heading .panel-title a[aria-expanded=true] {
    background: url(../images/membertiers/icon/arrow__up-black.png) no-repeat right 11px;
    background-size: 14px auto;
  }
}
.member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body {
  padding: 10px 0 30px;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body {
    padding: 10px 0;
  }
}
.member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body h1, .member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body h2, .member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body h3, .member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body p, .member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body li, .member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body a {
  font-size: 22px;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body h1, .member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body h2, .member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body h3, .member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body p, .member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body li, .member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body a {
    font-size: 18px;
  }
}
.member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body a {
  color: #84BD00;
  text-decoration: underline;
}
.member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body ul {
  padding-left: 30px;
}
.member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body ul li::marker {
  font-size: 22px;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body ul li::marker {
    font-size: 18px;
  }
}
.member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body ol {
  padding-left: 15px;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body ol {
    padding-left: 0;
  }
}
.member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body .table-member-tier {
  background: rgba(255, 255, 255, 0.5);
  margin: 0 0 15px;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body .table-member-tier {
    overflow: auto;
  }
}
.member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body .table-member-tier .head {
  background: #fff;
  font-size: 28px;
  font-weight: 700;
  margin: 0;
  padding: 10px;
  text-align: center;
}
.member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body .table-member-tier table {
  width: 100%;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body .table-member-tier table {
    width: 640px;
  }
}
.member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body .table-member-tier table col {
  width: 33.33%;
}
.member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body .table-member-tier table th {
  border-left: #dbeed9 1px solid;
  font-size: 20px;
  font-weight: 700;
  padding: 10px 5px;
  text-align: center;
}
.member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body .table-member-tier table th:first-child {
  border-left: transparent 1px solid;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body .table-member-tier table th {
    font-size: 18px;
  }
  .member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body .table-member-tier table th span {
    display: block;
  }
}
.member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body .table-member-tier table td {
  border-top: #dbeed9 1px solid;
  border-left: #dbeed9 1px solid;
  font-size: 20px;
  padding: 10px 15px;
  text-align: center;
  vertical-align: middle;
}
.member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body .table-member-tier table td[rowspan="2"] {
  vertical-align: middle;
}
.member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body .table-member-tier table td:first-child {
  border-left: transparent 1px solid;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body .table-member-tier table td {
    font-size: 16px;
    padding: 10px;
  }
}
.member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body .table-member-tier table .list {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  padding: 3px 0 0;
}
.member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body .table-member-tier table .list img {
  display: block;
  margin: 0 3px 6px;
  height: 22px;
}
@media (max-width: 767px) {
  .member-tier .box__info-main .tab-content .panel-group .panel .panel-collapse .panel-body .table-member-tier table .list img {
    margin: 0 2px 4px;
    height: 20px;
  }
}
.member-tier .box__info-main .tab-content .panel-group#accordionGreenmiles .panel .panel-heading .panel-title a {
  color: #84BD00;
}
.member-tier .box__info-main .tab-content .panel-group#accordionGreenmilesPro .panel .panel-heading .panel-title a {
  color: #000;
}
.member-tier .box__info-main .tab-content .panel-group#accordionGreenmilesPremium .panel .panel-heading .panel-title a {
  color: #74429B;
}
.member-tier .box__info-main .tab-content .panel-group#accordionGreenmilesGold .panel .panel-heading .panel-title a {
  color: #C4830A;
}
.member-tier .box__info-main .tab-content #tab-greenmiles .box__benefit h2 {
  color: #84BD00;
}
.member-tier .box__info-main .tab-content #tab-greenmiles-pro .box__benefit h2 {
  color: #7A7B7B;
}
.member-tier .box__info-main .tab-content #tab-greenmiles-premium .box__benefit h2 {
  color: #74429B;
}
.member-tier .box__info-main .tab-content #tab-greenmiles-gold .box__benefit h2 {
  color: #C4830A;
}

.bcp-form .tab-bar {
  width: 100%;
  height: 62px;
  padding: 4px;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #dee2e6;
}
.bcp-form .tab-bar .bg-tab-bar {
  margin: 0;
  padding: 0;
  height: 100%;
  border-radius: 5px 5px 0 0;
  background-image: linear-gradient(0deg, #d7eace, #f6faed);
}
.bcp-form .tab-bar .icon {
  width: 30px;
  height: 30px;
}
.bcp-form .tab-bar .title {
  font-size: 34px;
  line-height: 30px;
  vertical-align: middle;
  white-space: nowrap;
}
.bcp-form .form-content {
  min-height: 400px;
}
.bcp-form .form-content .icon {
  width: 42px;
  height: 42px;
}
.bcp-form .form-content h4 {
  font-size: 26px;
  font-weight: 500;
  line-height: 1;
}
.bcp-form .error-content {
  display: flex;
  min-height: 400px;
  text-align: center;
}
.bcp-form .error-content .status-code {
  font-size: 96px;
  font-weight: 500;
  line-height: 1;
}
.bcp-form .error-content .status-desc {
  font-size: 36px;
  font-weight: 500;
  line-height: 1;
}
.bcp-form .btn-ok img {
  height: 16px;
  vertical-align: -2px;
}
.bcp-form .btn-send img {
  height: 20px;
}
.bcp-form .btn-send span {
  display: inline-block;
  color: #009b92;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  height: 20px;
  border-bottom: 1px solid #009b92;
}

.bcp-form,
.form-profile {
  font-family: "DB Ozone X";
  color: #2D2926;
  background: #FFF;
}
.bcp-form .text-orange,
.form-profile .text-orange {
  color: #EA7600 !important;
}
.bcp-form .text-green,
.form-profile .text-green {
  color: #48A23F !important;
}
.bcp-form .text-gray,
.form-profile .text-gray {
  color: #888B8D !important;
}
.bcp-form .text-red,
.form-profile .text-red {
  color: #D01800 !important;
}
.bcp-form .bcg-select,
.form-profile .bcg-select {
  color: #2D2926;
  border: 1px solid #8C8E90;
}
.bcp-form .btn-toggle-eye,
.form-profile .btn-toggle-eye {
  width: 22px;
  border: 0;
  outline: 0;
  padding: 0;
  background-image: url(../images/icon-eye-slash.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.bcp-form .btn-toggle-eye.show,
.form-profile .btn-toggle-eye.show {
  background-image: url(../images/icon-eye.svg);
}
.bcp-form .progress-group,
.form-profile .progress-group {
  display: flex;
}
.bcp-form .progress-group .progress-label,
.form-profile .progress-group .progress-label {
  font-size: 16px;
  font-weight: 300;
  line-height: 1;
  vertical-align: middle;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 0;
  padding-right: 10px;
}
.bcp-form .progress-group .progress,
.form-profile .progress-group .progress {
  margin-top: auto;
  margin-bottom: auto;
  padding: 2px 3px;
  height: 10px;
  border-radius: 50rem;
  background-color: #fff;
}
.bcp-form .progress-group .progress.weak,
.form-profile .progress-group .progress.weak {
  border: 1px solid #e73800;
}
.bcp-form .progress-group .progress.weak .progress-bar,
.form-profile .progress-group .progress.weak .progress-bar {
  background-image: linear-gradient(90deg, #e73800 0%, #f68311 100%);
}
.bcp-form .progress-group .progress.medium,
.form-profile .progress-group .progress.medium {
  border: 1px solid #dd7600;
}
.bcp-form .progress-group .progress.medium .progress-bar,
.form-profile .progress-group .progress.medium .progress-bar {
  background-image: linear-gradient(90deg, #dd7600 0%, #ffab1c 100%);
}
.bcp-form .progress-group .progress.strong,
.form-profile .progress-group .progress.strong {
  border: 1px solid #249f4b;
}
.bcp-form .progress-group .progress.strong .progress-bar,
.form-profile .progress-group .progress.strong .progress-bar {
  background-image: linear-gradient(90deg, #249f4b, #85b63c);
}
.bcp-form.tooltip,
.form-profile.tooltip {
  font-family: "DB Ozone X" !important;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.2;
  color: #48A23F;
  background-color: transparent;
  margin-left: 10px;
}
.bcp-form.tooltip .tooltip-inner,
.form-profile.tooltip .tooltip-inner {
  padding: 15px 15px 15px 25px;
  color: #48A23F;
  text-align: left;
  background-image: linear-gradient(0deg, #F7FBEE 20%, #E8FDDF 100%);
  background-color: transparent;
  box-shadow: 1px 1px 6px 2px rgba(0, 0, 0, 0.1);
}
.bcp-form.tooltip .arrow,
.form-profile.tooltip .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}
.bcp-form.tooltip .arrow::before, .bcp-form.tooltip .arrow::after,
.form-profile.tooltip .arrow::before,
.form-profile.tooltip .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bcp-form.tooltip.bs-tooltip-right, .bcp-form.tooltip.bs-tooltip-auto[x-placement^=right],
.form-profile.tooltip.bs-tooltip-right,
.form-profile.tooltip.bs-tooltip-auto[x-placement^=right] {
  margin-left: 0.5rem;
}
.bcp-form.tooltip.bs-tooltip-right > .arrow, .bcp-form.tooltip.bs-tooltip-auto[x-placement^=right] > .arrow,
.form-profile.tooltip.bs-tooltip-right > .arrow,
.form-profile.tooltip.bs-tooltip-auto[x-placement^=right] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bcp-form.tooltip.bs-tooltip-right > .arrow::before, .bcp-form.tooltip.bs-tooltip-auto[x-placement^=right] > .arrow::before,
.form-profile.tooltip.bs-tooltip-right > .arrow::before,
.form-profile.tooltip.bs-tooltip-auto[x-placement^=right] > .arrow::before {
  left: 4px;
  border-width: 10px 10px 10px 0;
  border-right-color: rgba(0, 0, 0, 0.05);
}
.bcp-form.tooltip.bs-tooltip-right > .arrow::after, .bcp-form.tooltip.bs-tooltip-auto[x-placement^=right] > .arrow::after,
.form-profile.tooltip.bs-tooltip-right > .arrow::after,
.form-profile.tooltip.bs-tooltip-auto[x-placement^=right] > .arrow::after {
  left: 6px;
  border-width: 10px 10px 10px 0;
  border-right-color: #F7FBEE;
}
.bcp-form.tooltip.show,
.form-profile.tooltip.show {
  opacity: 1;
}
.bcp-form label,
.bcp-form legend,
.form-profile label,
.form-profile legend {
  font-weight: 300;
  font-size: 19px;
}
.bcp-form .form-text,
.form-profile .form-text {
  font-weight: 300;
  font-size: 22.4px;
  color: #888B8D;
  margin-top: 0;
}
.bcp-form .invalid-feedback,
.form-profile .invalid-feedback {
  font-size: 19.2px;
  font-weight: 300;
  line-height: 1;
  border-color: #48a23f;
  color: #e77600;
  margin-top: 0.5rem;
}
.bcp-form .valid-feedback,
.form-profile .valid-feedback {
  font-size: 19.2px;
  font-weight: 300;
  line-height: 1;
  border-color: #d01800;
}
.bcp-form input.form-control,
.bcp-form select.form-control,
.form-profile input.form-control,
.form-profile select.form-control {
  font-weight: 500;
  font-size: 19px;
  height: 38px;
  background-color: #FFF;
  border-width: 1px;
  border-style: solid;
  border-color: #8C8E90;
  border-radius: calc(infinity * 1px);
}
.bcp-form input.form-control.is-valid,
.bcp-form select.form-control.is-valid,
.form-profile input.form-control.is-valid,
.form-profile select.form-control.is-valid {
  border-color: #48a23f;
}
.bcp-form input.form-control.is-invalid,
.bcp-form select.form-control.is-invalid,
.form-profile input.form-control.is-invalid,
.form-profile select.form-control.is-invalid {
  background-image: url(../images/icon-invalid.svg);
  border-color: #e77600;
}
.bcp-form input.form-control.is-invalid:focus,
.bcp-form select.form-control.is-invalid:focus,
.form-profile input.form-control.is-invalid:focus,
.form-profile select.form-control.is-invalid:focus {
  border-color: #e77600;
  box-shadow: 0 0 0 0.2rem rgba(231, 118, 0, 0.25);
}
.bcp-form input.form-control.highlight,
.bcp-form select.form-control.highlight,
.form-profile input.form-control.highlight,
.form-profile select.form-control.highlight {
  color: #E77600;
  background-color: #FFF5EB;
  border-color: #F3B16E;
}
.bcp-form input.form-control:disabled, .bcp-form input.form-control[readonly],
.bcp-form select.form-control:disabled,
.bcp-form select.form-control[readonly],
.form-profile input.form-control:disabled,
.form-profile input.form-control[readonly],
.form-profile select.form-control:disabled,
.form-profile select.form-control[readonly] {
  color: #888B8D !important;
  background-color: #eee !important;
}
.bcp-form select.form-control,
.form-profile select.form-control {
  background: url(../images/arrow__bottom-black.svg) no-repeat right 10px center;
  background-size: 15px auto;
  appearance: none;
  padding-right: 35px;
}
.bcp-form input.form-control.input-otp,
.form-profile input.form-control.input-otp {
  text-align: center;
  margin-right: 15px;
  font-size: 36px;
  line-height: 1;
  height: 50px;
  padding: 6px 6px;
}
.bcp-form input.form-control.input-otp:last-child,
.form-profile input.form-control.input-otp:last-child {
  margin-right: 0;
}
.bcp-form .switch h4,
.form-profile .switch h4 {
  font-weight: 500;
  font-size: 19px !important;
}
.bcp-form .switch p,
.form-profile .switch p {
  font-weight: 300;
  font-size: 19px;
  line-height: 1.2;
}
.bcp-form .switch-field,
.form-profile .switch-field {
  display: flex;
  overflow: hidden;
  background-color: #FFF5EB;
  border: 1px solid #F3B16E;
  border-radius: 5px;
  height: 38px;
  padding: 4px;
  max-width: 170px;
}
.bcp-form .switch-field input,
.form-profile .switch-field input {
  font-weight: 500;
  font-size: 18px;
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}
.bcp-form .switch-field input:checked + label,
.form-profile .switch-field input:checked + label {
  color: #FFF;
  background-image: linear-gradient(90deg, #FFB51C, #E77600);
  box-shadow: none;
}
.bcp-form .switch-field label,
.form-profile .switch-field label {
  vertical-align: middle;
  width: 50%;
  height: 100%;
  color: #EA7600;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  transition: all 0.1s ease-in-out;
  margin-bottom: 0;
}
.bcp-form .switch-field label:hover,
.form-profile .switch-field label:hover {
  cursor: pointer;
}
.bcp-form .switch-field label:first-of-type,
.form-profile .switch-field label:first-of-type {
  border-radius: 4px;
}
.bcp-form .switch-field label:last-of-type,
.form-profile .switch-field label:last-of-type {
  border-radius: 4px;
}
.bcp-form .grayscale,
.form-profile .grayscale {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.bcp-form .bg-silver,
.form-profile .bg-silver {
  background-image: linear-gradient(0deg, rgba(188, 188, 188, 0.15) 0%, rgba(222, 222, 222, 0.15) 100%);
}

.input-password-blur {
  padding-right: 40px;
}

.password-blur {
  position: absolute;
  height: 50px;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}

/*# sourceMappingURL=template.css.map */