@media (max-width: 767.98px) {
  body #template .container-hidden-mobile {
    padding: 0; } }

body #template .space-top {
  padding-top: 80px; }
  @media (max-width: 991.98px) {
    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: 10px;
  position: relative;
  padding-bottom: 7%; }
  @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; }

body #template .bg-white-absolute {
  background-color: white; }

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";
  margin-bottom: 10%; }
  @media (max-width: 575.98px) {
    body #template .template-content {
      margin-bottom: 0;
      padding: 10px; } }

body #template h1.main-topic-page {
  font-size: 42px;
  font-family: "DB Ozone X";
  text-align: center;
  margin-top: 15px; }

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:hover {
    cursor: pointer;
    box-shadow: 0px 0px 6px 2px #cccccc7d; }
    body #template .bcg-card:hover .card-body {
      color: #fff;
      border-radius: 0 0 1rem 1rem;
      background: #11ddd2;
      background: linear-gradient(180deg, #11ddd2 0%, #00b2a9 61%); }
      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;
      animation: transformButton 1s forwards;
      animation-direction: normal; }
      body #template .bcg-card:hover .btn-more-detail i {
        filter: brightness(0) invert(1); }

body #template .bcg-pagination .prev a.page-link {
  background-image: linear-gradient(90deg, #dd7600 0%, #ffab1c 51%, #dd7600 100%);
  background-size: 200% auto;
  background-position: right center;
  color: #fff;
  min-width: 75px;
  border: 0; }
  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 {
  background-image: linear-gradient(90deg, #dd7600 0%, #ffab1c 51%, #dd7600 100%);
  background-size: 200% auto;
  background-position: left center;
  color: #fff;
  min-width: 85px;
  border: 0; }
  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 {
  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: 1.5px solid transparent;
  font-size: 20px;
  transition: 0.2s; }
  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 #ffffff18; }
  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; }

body #template .bcg-select {
  width: 100%;
  height: 38px;
  color: #ea7600;
  border-radius: 5px;
  font-size: 20px;
  line-height: 25px; }
  body #template .bcg-select.custom-select {
    background: url(../images/icon-arrow.png) right 10px center no-repeat; }

body #template .bcg-search-input {
  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: #dd7600;
  font-size: 20px;
  height: 38px; }

body #template .bcg-search-input::placeholder {
  color: #dd7600; }

body #template .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 #template .bcg-nav-tabs .nav-tabs::-webkit-scrollbar {
    display: none; }
  body #template .bcg-nav-tabs .nav-tabs .nav-link {
    white-space: nowrap;
    margin: 0 1.5rem;
    font-size: 19px;
    line-height: 20px;
    color: #252525;
    padding: 5px;
    position: relative;
    border: none; }
    body #template .bcg-nav-tabs .nav-tabs .nav-link::before {
      content: '';
      position: absolute;
      bottom: 0px;
      height: 3px;
      width: 100%;
      border-radius: 0;
      margin-left: -5px;
      margin-bottom: -0.5rem;
      opacity: 0;
      background-image: linear-gradient(90deg, #DD7600, #FFAB1C);
      background-position: bottom;
      transition: all 0.3s ease-in-out; }
    body #template .bcg-nav-tabs .nav-tabs .nav-link.active::before, body #template .bcg-nav-tabs .nav-tabs .nav-link:hover::before {
      opacity: 1; }
    @media (max-width: 1199.98px) {
      body #template .bcg-nav-tabs .nav-tabs .nav-link {
        font-size: 17.5px;
        margin: 0 1rem; } }
    @media (max-width: 991.98px) {
      body #template .bcg-nav-tabs .nav-tabs .nav-link {
        margin: 0 1.5rem;
        font-size: 19px; } }
  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: #00b1a8 !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: #00b1a8 !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: #7dd5d1 !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: 1;
    padding-top: 10px;
    padding-bottom: 0;
    background: linear-gradient(90deg, white 0%, whitesmoke 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; }
  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: #ff2727; }
  body #template .style-font-block .color-bule {
    color: #4b27ff; }
  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: 16px; }
  body #template .style-font-block .font-size-14 {
    font-size: 22.4px;
    line-height: 18px; }
  body #template .style-font-block .font-weight-500 {
    font-weight: 500; }

body #template .example-calculate-block .banner img {
  border-radius: 15px; }

body #template .example-calculate-block h1 {
  color: #00b2a9;
  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; } }

#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 a, #FAQ .accordion-collapse .panel-title a, .collapse-content #accordion .panel-title a, .collapse-content .accordion-collapse .panel-title a {
  display: block;
  padding: 15px 70px 15px 20px;
  background: #fff;
  font-size: 26px;
  color: #2d2926;
  border-top: 1px solid #efefef;
  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; } }
  #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: #bbbcbc;
    font-size: 15px;
    position: absolute;
    top: 26px;
    right: 35px;
    transform: rotate(45deg);
    transition: all 0.3s ease-in-out 0s; }
  #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: #bbbcbc;
    font-size: 15px;
    position: absolute;
    top: 26px;
    right: 35px;
    transform: rotate(45deg);
    transition: all 0.3s ease-in-out 0s;
    right: 29px;
    transform: rotate(-45deg); }

#FAQ #accordion .panel-title a.collapsed, #FAQ .accordion-collapse .panel-title a.collapsed, .collapse-content #accordion .panel-title a.collapsed, .collapse-content .accordion-collapse .panel-title a.collapsed {
  color: #2d2926; }
  #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: #84bd00; }
    #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: #84bd00; }
  #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: #48a23f; }
  #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: #48a23f; }

#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: 5px; }

#FAQ #accordion .panel-body, #FAQ .accordion-collapse .panel-body, .collapse-content #accordion .panel-body, .collapse-content .accordion-collapse .panel-body {
  padding: 10px 20px;
  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;
    padding-right: 0px;
    background-size: 20px;
    height: 30px; }
  #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: 15px; }
  #PG-PromotionList .carousel .carousel-indicators {
    bottom: -10%; }
  #PG-PromotionList .carousel .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #252525; }
  #PG-PromotionList .carousel .carousel-indicators .active {
    background-color: #dd7600; }
  @media screen and (max-width: 767.98px) {
    #PG-PromotionList .nav-tabs {
      margin-top: 45px; }
    #PG-PromotionList .nav-link {
      margin: 0 1rem 0 0; }
    #PG-PromotionList .nav-search {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      padding: 1rem; }
      #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: #00b2a9;
    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: #ffff !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 .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 .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: 8px 0 0 8px;
    object-fit: cover; }
  #PG-NewsList .carousel .carousel-item .carousel-card .card-text-right {
    max-width: 50%;
    padding: 25px;
    border-radius: 0 8px 8px 0;
    border: 1px solid #cccccc;
    background: #ececec;
    background: linear-gradient(0deg, #ececec 34%, white 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: #03a398; }
  #PG-NewsList .carousel .carousel-indicators {
    bottom: -20%; }
  #PG-NewsList .carousel .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #252525; }
  #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 {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #252525; }
  #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; } }

@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; } }

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-bottom: 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.15) 0%, rgba(222, 222, 222, 0.15) 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: 20px; }
    @media (max-width: 575.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: 10px;
    padding-bottom: 10px;
    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: #00b2a9;
      text-decoration: underline; }
    body #template .privilege-section .tab-content .privilege-reward-content .card-detail .title-detail .text-sub-detail a i.fa-play {
      font-size: 13px; }
    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 .card-detail .point-detail .d-flex.align-items-center.h-100 {
        margin-top: 10px; }
      body #template .privilege-section .tab-content .privilege-reward-content .card-detail .point-detail .col,
      body #template .privilege-section .tab-content .privilege-reward-content .card-detail .point-detail .col-6 {
        border-left: 1px solid #bbbcbc; }
        body #template .privilege-section .tab-content .privilege-reward-content .card-detail .point-detail .col:first-child,
        body #template .privilege-section .tab-content .privilege-reward-content .card-detail .point-detail .col-6:first-child {
          border-left: 0; } }

@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 {
  margin-bottom: 20px; }
  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: 30px; }
  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: 50px; }
  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: 40px; } }

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 .topic-title h3 img {
  width: 32px; }
  @media (max-width: 767.98px) {
    body #template .privilege-section .tab-content .privilege-tab-content-2 .topic-title h3 img {
      width: 28px; } }

body #template .privilege-section .tab-content .privilege-tab-content-2 .card-detail .title-detail .img-sub-detail {
  width: 13.333333%; }

body #template .privilege-section .tab-content .privilege-tab-content-2 .card-detail .title-detail .text-sub-detail {
  width: 86.666667%; }
  @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%; } }

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: #00b2a9;
  text-decoration: underline; }

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: #48A23F;
  font-size: 24.7px;
  font-weight: 500;
  line-height: 22px;
  border-radius: 50%;
  border: 2px solid #48A23F;
  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 {
  box-shadow: inset 0 -10px 12px -12px rgba(0, 0, 0, 0.1);
  background-image: linear-gradient(0deg, rgba(188, 188, 188, 0.15) 0%, rgba(255, 255, 255, 0.15) 80%); }
  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 0 auto;
      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: #00b2a9; }
  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-bottom: 5px; }
  body #template .privilege-section .tab-content .privilege-tab-content-4 h1 {
    font-size: 33px;
    color: #00b2a9;
    margin: 0; }
  @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-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 {
  line-height: 16px;
  font-size: 15.6px;
  font-weight: 300;
  color: #888b8d; }
  body #template .privilege-section .tab-content .privilege-tab-content-6 .condition-list h6 {
    line-height: 1.2;
    font-size: 20.8px;
    font-weight: 500;
    color: #2d2926; }
  body #template .privilege-section .tab-content .privilege-tab-content-6 .condition-list ol {
    padding-inline-start: 10px; }

.bg-bangchackapp {
  width: 100%;
  background-image: url(../images/bangchakapp/bg-appilcation.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-color: #ffffff; }

#PG-BangChackApp .title {
  font-weight: 400;
  font-size: 36px;
  line-height: 1.5rem; }

#PG-BangChackApp .Headgreenline {
  font-weight: 500;
  font-size: 60px;
  color: #00aea5;
  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 .app-frame {
  width: 100%;
  height: auto;
  box-shadow: inset 0px 0px 20px 5px #000000a6;
  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 {
    position: relative;
    color: #000000;
    font-size: 28px;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f9fffe; }
  #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: #00afa6;
  background-color: transparent; }

#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 #00000030;
  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 #00000030;
  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: #fdfdfd33;
    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 #ffffff94;
    background: #ffffff94;
    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%;
  background-color: #fff; }
  #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: #fff; }
  .AppFaq .header-text {
    color: #00b2a9; }

@media screen and (max-width: 767.98px) {
  .bg-bangchackapp {
    background-image: url(../images/bangchakapp/bg-mobile-appilcation.png);
    background-size: 100%;
    background-position: bottom center; }
  .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: 5px solid #ffffff;
    box-shadow: 1px 2px 3px #00000059; } }

#PG-Member {
  font-family: "DB Ozone X";
  background: #fff; }
  #PG-Member .text-orange {
    color: #EA7600 !important; }
  #PG-Member .text-green {
    color: #48A23F !important; }
  #PG-Member .text-gray {
    color: #888B8D !important; }
  #PG-Member .text-red {
    color: #D01800 !important; }
  #PG-Member .tab-bar {
    width: 100%;
    height: 62px;
    padding: 4px;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #dee2e6;
    overflow: hidden; }
    @media (max-width: 575.98px) {
      #PG-Member .tab-bar {
        height: 102px;
        text-align: center; } }
    #PG-Member .tab-bar .bg-tab-bar {
      margin: 0;
      padding: 0;
      height: 100%;
      border-radius: 5px 5px 0 0;
      background-image: linear-gradient(0deg, #D7EACE, #F6FAED); }
    #PG-Member .tab-bar .icon-profile {
      width: 30px;
      height: 30px; }
    #PG-Member .tab-bar .customer-name {
      font-size: 34px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      @media (max-width: 575.98px) {
        #PG-Member .tab-bar .customer-name {
          font-size: 24px; } }
    #PG-Member .tab-bar .customer-point {
      font-size: 18px;
      line-height: 40px; }
      #PG-Member .tab-bar .customer-point .point {
        font-size: 36px;
        font-weight: bold;
        color: #EA7600; }
      @media (max-width: 575.98px) {
        #PG-Member .tab-bar .customer-point {
          margin-top: -20px; } }
    #PG-Member .tab-bar .expiry-date {
      font-size: 19.2px;
      color: #888B8D;
      margin-top: -12px; }
  @media screen and (max-width: 767.98px) {
    #PG-Member .nav-tabs .nav-link {
      margin: 0 !important;
      font-size: 15px !important; } }
  #PG-Member .tab-content {
    min-height: 400px; }
  #PG-Member .topic-title {
    display: flex;
    height: 38px; }
    #PG-Member .topic-title h3 {
      text-align: left;
      margin-top: auto;
      margin-bottom: auto;
      vertical-align: middle;
      white-space: nowrap; }
      #PG-Member .topic-title h3 span {
        vertical-align: middle; }
      #PG-Member .topic-title h3 img {
        height: 30px; }
  #PG-Member .table-profile {
    font-family: "DB Ozone X";
    color: #2D2926; }
    @media (max-width: 767.98px) {
      #PG-Member .table-profile {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar; } }
    #PG-Member .table-profile th,
    #PG-Member .table-profile td {
      font-weight: bold;
      font-size: 16px; }
    #PG-Member .table-profile thead tr *:first-child,
    #PG-Member .table-profile tbody tr *:first-child {
      padding-left: 36px; }
    #PG-Member .table-profile thead tr *:last-child,
    #PG-Member .table-profile tbody tr *:last-child {
      padding-right: 36px; }
    #PG-Member .table-profile thead tr {
      white-space: nowrap; }
      #PG-Member .table-profile thead tr .order {
        text-align: center; }
      #PG-Member .table-profile thead tr .quantity {
        text-align: center; }
      #PG-Member .table-profile thead tr .price {
        text-align: center; }
      #PG-Member .table-profile thead tr .point-earn {
        text-align: center; }
      #PG-Member .table-profile thead tr .point-burn {
        text-align: center; }
    #PG-Member .table-profile tbody tr .order {
      font-weight: 500;
      font-size: 18px;
      text-align: center;
      white-space: nowrap; }
    #PG-Member .table-profile tbody tr .date {
      font-weight: 300;
      font-size: 16px;
      white-space: nowrap; }
    #PG-Member .table-profile tbody tr .place {
      font-weight: 500;
      font-size: 18px; }
    #PG-Member .table-profile tbody tr .product {
      font-weight: 500;
      font-size: 18px; }
    #PG-Member .table-profile tbody tr .quantity {
      font-weight: 500;
      font-size: 19px;
      text-align: center;
      white-space: nowrap; }
    #PG-Member .table-profile tbody tr .price {
      font-weight: 500;
      font-size: 19px;
      text-align: center;
      white-space: nowrap; }
    #PG-Member .table-profile tbody tr .point-earn {
      font-weight: bold;
      font-size: 19px;
      text-align: center;
      white-space: nowrap; }
    #PG-Member .table-profile tbody tr .point-burn {
      font-weight: 500;
      font-size: 19px;
      text-align: center;
      white-space: nowrap; }
  #PG-Member .table-silver.table-striped tbody tr {
    background-color: transparent; }
    #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%); }
  #PG-Member .table-silver.table-hover tbody tr {
    background-color: white; }
    #PG-Member .table-silver.table-hover tbody tr:hover {
      background-color: #F6FAED; }
  #PG-Member .btn-edit img {
    height: 16px;
    vertical-align: -2px; }
  #PG-Member .btn-save img {
    height: 16px;
    vertical-align: -2px; }
  #PG-Member .table-notification {
    font-family: "DB Ozone X";
    color: #2D2926; }
    #PG-Member .table-notification th,
    #PG-Member .table-notification td {
      font-weight: bold;
      font-size: 16px; }
    #PG-Member .table-notification thead,
    #PG-Member .table-notification tbody {
      cursor: pointer; }
      #PG-Member .table-notification thead tr th:first-child,
      #PG-Member .table-notification tbody tr th:first-child {
        padding-left: 36px; }
      #PG-Member .table-notification thead tr td:last-child,
      #PG-Member .table-notification tbody tr td:last-child {
        padding-right: 36px; }
    #PG-Member .table-notification .promotion-name {
      max-width: 250px; }
      #PG-Member .table-notification .promotion-name p {
        margin: 0; }
        #PG-Member .table-notification .promotion-name p.title-caption {
          font-size: 20px; }
        #PG-Member .table-notification .promotion-name p.caption {
          font-size: 18px;
          font-weight: 300; }
    #PG-Member .table-notification .image img {
      max-height: 100px; }
    #PG-Member .table-notification th .date-notification,
    #PG-Member .table-notification th .date-manage {
      width: 120px; }
    #PG-Member .table-notification td.date-manage {
      color: #00a597;
      margin: 0.25rem 0; }
    #PG-Member .table-notification .actions {
      display: block;
      padding: 0;
      margin: 25% 0; }
    #PG-Member .table-notification .btn {
      transition: none; }
      #PG-Member .table-notification .btn:hover {
        transition: none;
        position: initial; }
    @media (max-width: 767.98px) {
      #PG-Member .table-notification {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar; } }

.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: 16px; }
  .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; }
  .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: 18px;
    height: 38px;
    background-color: #FFF;
    border-width: 1px;
    border-style: solid;
    border-color: #8C8E90; }
    .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 {
      border-color: #d01800; }
    .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: #F9F9F9 !important; }
  .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: 16px !important; }
  .bcp-form .switch p,
  .form-profile .switch p {
    font-weight: 300;
    font-size: 16px;
    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%); }