@charset "UTF-8";
/**
 * @file
 * Colors config.
 *
*/
@font-face {
  font-family: "Open Sans";
  src: url("../../assets/fonts/OpenSans/OpenSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../../assets/fonts/OpenSans/OpenSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../../assets/fonts/OpenSans/OpenSans-Medium.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../../assets/fonts/OpenSans/OpenSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Cardo";
  src: url("../../assets/fonts/Cardo/Cardo-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "icomoon";
  src: url("../../assets/fonts/icomoon/icomoon.eot?v428mz");
  src: url("../../assets/fonts/icomoon/icomoon.eot?v428mz#iefix") format("embedded-opentype"), url("../../assets/fonts/icomoon/icomoon.ttf?v428mz") format("truetype"), url("../../assets/fonts/icomoon/icomoon.woff?v428mz") format("woff"), url("../../assets/fonts/icomoon/icomoon.svg?v428mz#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon-long-arrow-right:before {
  content: "\e900";
}

.icon-currency-arrow-down:before {
  content: "\e901";
}

.icon-close:before {
  content: "\e902";
}

.icon-language:before {
  content: "\e903";
}

.icon-member:before {
  content: "\e904";
}

.icon-nav-arrow-right:before {
  content: "\e905";
}

.icon-search:before {
  content: "\e906";
}

.icon-map-arrow-circle:before {
  content: "\e907";
}

body {
  margin: 0;
  color: #000;
  font-size: 15px;
  line-height: normal;
  font-family: "Open Sans";
  font-weight: 400;
}
body * {
  box-sizing: border-box;
}
body.menu-open {
  overflow: hidden;
}

h1 {
  font-size: 22px;
  font-weight: 400;
  font-family: "Cardo";
}

.btn--primary {
  font-family: "Open Sans";
  color: #fff;
  font-weight: 500;
  padding: 18px 30px;
  display: block;
  width: fit-content;
  font-size: 16px;
  background-color: #B5121B;
  text-decoration: none;
  transition: all 0.3s ease;
}
@media (hover: hover) {
  .btn--primary:hover {
    background-color: rgba(204, 35, 44, 0.9019607843);
    transition: all 0.3s ease;
  }
}
@media ( min-width: 0 ) and ( max-width: 767px ) {
  .btn--primary {
    padding: 13px 28px;
  }
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: #000;
}

main {
  padding-top: 155px;
  background-color: #F7F7F7;
}
@media ( min-width: 0 ) and ( max-width: 1199px ) {
  main {
    padding-top: 75px;
  }
}
@media ( min-width: 0 ) and ( max-width: 767px ) {
  main {
    padding-top: 75px;
  }
}

.main-content {
  max-width: 1440px;
  padding: 45px 35px;
  margin: 0 auto;
}
.main-content.flex-content {
  display: flex;
  gap: 48px;
}
@media ( min-width: 0 ) and ( max-width: 767px ) {
  .main-content.flex-content {
    flex-direction: column;
    gap: 0;
  }
}
.main-content .right-part {
  width: 100%;
}
@media (max-width: 767px) {
  .main-content {
    padding: 0 20px 58px;
    position: relative;
  }
  .main-content::before {
    content: "";
    z-index: 4;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.4s ease;
  }
  .main-content.show-nav::before {
    opacity: 1;
  }
}

.heading-page {
  margin-bottom: 28px;
  padding-bottom: 20px;
  border-bottom: 1px solid #C4C4C4;
  padding-top: 30px;
}
.heading-page h1 {
  margin-bottom: 0;
}

.text-center {
  text-align: center;
}

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

.text-right {
  text-align: right;
}

@media (max-width: 767px) {
  .hide-on-mobile {
    display: none !important;
  }
}

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

.breadcrumb {
  padding: 22px 35px;
  margin-bottom: 0;
  background-color: #fff;
}
.breadcrumb ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
}
.breadcrumb ul .b-centara__icon .icon__wrapper {
  width: 26px;
  height: 26px;
  border: 1px solid #e5e5e5;
  display: block;
  background-repeat: no-repeat;
  border-radius: 50%;
  background-position: center;
  background-size: 12px;
  background-image: url("../images/icons/centara-favicon.svg");
}
.breadcrumb ul .b-centara__icon .icon__wrapper:hover {
  background-color: #B5121B;
  background-image: url("../images/icons/centara-favicon-alt.svg");
}
.breadcrumb ul li {
  display: flex;
  align-items: center;
}
.breadcrumb ul li + li::before {
  content: "\e905";
  font-family: "icomoon";
  font-size: 10px;
  display: block;
  margin-left: 10px;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .breadcrumb {
    padding: 14px 20px;
  }
}

.pagination {
  width: 100%;
}
.pagination ul {
  width: 100%;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  font-size: 18px;
  line-height: 156.1%;
  color: #000000;
  gap: 0 20px;
}
.pagination ul a {
  transition: color 0.4s ease;
  padding-left: 2px;
  padding-right: 2px;
  border-bottom: 1px solid transparent;
}
.pagination ul a:hover {
  color: #B5121B;
}
.pagination ul .last {
  margin-left: 20px;
}
.pagination ul .first {
  margin-right: 20px;
}
.pagination ul .last a,
.pagination ul .first a {
  font-weight: 600;
  color: #B5121B;
  display: flex;
  gap: 0 20px;
  align-items: center;
}
.pagination ul .current {
  font-weight: bold;
  color: #B5121B;
  border-color: #B5121B;
}
@media (max-width: 767px) {
  .pagination ul {
    font-size: 16px;
    gap: 5px 23px;
  }
  .pagination ul li a {
    width: 16px;
    text-align: center;
  }
  .pagination ul .last,
  .pagination ul .first {
    margin: 0;
  }
  .pagination ul .last a,
  .pagination ul .first a {
    font-size: 0;
    gap: 0;
    justify-content: center;
  }
}

header {
  position: fixed;
  z-index: 10;
  width: 100%;
  background-color: #fff;
  transition: all 0.5s ease-in;
  border-bottom: 1px solid #E5E5E5;
}
@media ( min-width: 0 ) and ( max-width: 767px ) {
  header {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  }
}
header.sticky-menu-header {
  border-bottom: 1px solid #C4C4C4;
  transition: all 0.5s ease-in;
}
header.hide-menu {
  transform: translateY(-100%);
  top: 0;
}
header .mq-header {
  padding: 20px 0 0;
  transition: all 0.4s ease;
}
@media ( min-width: 0 ) and ( max-width: 1199px ) {
  header .mq-header {
    padding: 20px;
  }
}
@media ( min-width: 0 ) and ( max-width: 1199px ) {
  header .mq-header {
    padding: 10px 20px;
  }
}
header .mq-header .region-header-top {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 36px;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease-in;
}
@media ( min-width: 0 ) and ( max-width: 1199px ) {
  header .mq-header .region-header-top {
    padding: 0;
    padding-left: 30px;
  }
}
header .mq-header .menu--top-left-header-property,
header .mq-header .menu--top-left-header {
  width: 35%;
  padding: 0;
  flex: unset;
}
@media (max-width: 1199px) {
  header .mq-header .menu--top-left-header-property,
  header .mq-header .menu--top-left-header {
    display: none;
  }
}
header .mq-header .menu--top-left-header-property .find-a-hotel,
header .mq-header .menu--top-left-header .find-a-hotel {
  padding-right: 18px;
  position: relative;
  display: inline-block;
}
header .mq-header .menu--top-left-header-property .find-a-hotel::before,
header .mq-header .menu--top-left-header .find-a-hotel::before {
  content: "\e906";
  font-family: "icomoon", sans-serif;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
  color: inherit;
  transform: rotate(0);
}
header .mq-header .menu--top-left-header-property .menu,
header .mq-header .menu--top-left-header .menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 35px;
  align-items: center;
}
header .mq-header .menu--top-left-header-property .menu li span,
header .mq-header .menu--top-left-header-property .menu li a,
header .mq-header .menu--top-left-header .menu li span,
header .mq-header .menu--top-left-header .menu li a {
  cursor: pointer;
  text-decoration: none;
  color: #000;
  font-size: 14px;
}
@media (hover: hover) {
  header .mq-header .menu--top-left-header-property .menu li span:hover,
  header .mq-header .menu--top-left-header-property .menu li a:hover,
  header .mq-header .menu--top-left-header .menu li span:hover,
  header .mq-header .menu--top-left-header .menu li a:hover {
    text-decoration: underline;
  }
}
header .mq-header .block-system-branding-block,
header .mq-header #block-centara-main-branding {
  width: 35%;
  padding: 0 20px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media ( min-width: 0 ) and ( max-width: 1199px ) {
  header .mq-header .block-system-branding-block,
  header .mq-header #block-centara-main-branding {
    margin: 0 auto;
  }
}
@media ( min-width: 0 ) and ( max-width: 767px ) {
  header .mq-header .block-system-branding-block,
  header .mq-header #block-centara-main-branding {
    padding: 0;
  }
}
header .mq-header .block-system-branding-block a,
header .mq-header #block-centara-main-branding a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  width: 209px;
  max-width: 100%;
}
header .mq-header .block-system-branding-block img,
header .mq-header #block-centara-main-branding img {
  margin: 0 auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
@media ( min-width: 0 ) and ( max-width: 1199px ) {
  header .mq-header .block-system-branding-block a,
  header .mq-header #block-centara-main-branding a {
    width: 150px;
    height: 55px;
  }
}
@media ( min-width: 0 ) and ( max-width: 767px ) {
  header .mq-header .block-system-branding-block a,
  header .mq-header #block-centara-main-branding a {
    width: 120px;
  }
}
header .mq-header .block-block-grouptop-right-header {
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media ( min-width: 0 ) and ( max-width: 1199px ) {
  header .mq-header .block-block-grouptop-right-header {
    width: auto;
  }
}
header .mq-header .block-block-grouptop-right-header #book-now-header a {
  width: max-content;
}
@media ( min-width: 0 ) and ( max-width: 1199px ) {
  header .mq-header .block-block-grouptop-right-header #book-now-header a {
    padding: 12px 25px;
  }
}
@media ( min-width: 0 ) and ( max-width: 767px ) {
  header .mq-header .block-block-grouptop-right-header #book-now-header a {
    padding: 7px 15px;
  }
}
header .mq-header .block-current-currency-block {
  border-right: 1px solid rgba(0, 0, 0, 0.5);
  transition: border-color 0.4s ease;
}
@media (max-width: 1199px) {
  header .mq-header .block-current-currency-block {
    display: none;
  }
}
header .mq-header .block-current-currency-block .currency_wrapper {
  position: relative;
}
header .mq-header .block-current-currency-block .currency_wrapper a {
  color: #000;
}
header .mq-header .block-current-currency-block .view--currency a {
  border: none;
  padding-left: 0;
  margin-right: 19px;
  padding-right: 14px;
  position: relative;
}
header .mq-header .block-current-currency-block .view--currency a::before {
  content: "\e901";
  font-family: "icomoon", sans-serif;
  font-size: 4px;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -2px;
}
header .mq-header .block-current-language-block {
  border-right: 1px solid rgba(0, 0, 0, 0.5);
  margin-right: 20px;
  padding-right: 19px;
}
@media (max-width: 1199px) {
  header .mq-header .block-current-language-block {
    display: none;
  }
}
header .mq-header .block-current-language-block .view--currency {
  color: #000;
  border: none;
}
header .mq-header .block-current-language-block .menu {
  position: relative;
}
header .mq-header .block-current-language-block .language-title a {
  margin-left: 19px;
  padding-left: 21px;
  color: #000;
  background-repeat: no-repeat;
  background-position: left center;
  position: relative;
}
header .mq-header .block-current-language-block .language-title a::before {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  font-size: 12px;
  line-height: 1;
  font-family: "icomoon", sans-serif;
  content: "\e903";
  left: 0;
}
header .mq-header #block-centara-main-main-menu {
  width: 100%;
  order: 1;
  margin-top: 10px;
  padding: 0;
}
@media ( min-width: 0 ) and ( max-width: 1199px ) {
  header .mq-header #block-centara-main-main-menu {
    display: none;
  }
}
header .mq-header #block-centara-main-main-menu .menu-level-0 {
  margin: 0;
  gap: 27px;
  display: flex;
  justify-content: center;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li > span,
header .mq-header #block-centara-main-main-menu .menu-level-0 li > a {
  padding: 16px 11px;
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  background: transparent;
  position: relative;
  color: #000;
  display: block;
  cursor: pointer;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li > span:after,
header .mq-header #block-centara-main-main-menu .menu-level-0 li > a:after {
  content: "";
  height: 4px;
  width: 0;
  position: absolute;
  top: auto;
  bottom: -1px;
  left: 0;
  background-color: #b5121b;
  transition: all 0.3s ease;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li > span.is-active::after,
header .mq-header #block-centara-main-main-menu .menu-level-0 li > a.is-active::after {
  width: 100%;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li:hover > span, header .mq-header #block-centara-main-main-menu .menu-level-0 li:hover > a {
  background: transparent;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li:hover > span:after, header .mq-header #block-centara-main-main-menu .menu-level-0 li:hover > a:after {
  width: 100%;
  transition: all 0.3s ease;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.no--nesting .menu_link_content {
  display: none;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting:before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 0;
  right: 0;
  height: 100vh;
  opacity: 0;
  visibility: hidden !important;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown {
  display: block;
  visibility: hidden !important;
  opacity: 0;
  position: absolute;
  z-index: -1;
  top: 110%;
  left: 0;
  right: 0;
  padding: 54px 150px;
  background-color: #fff;
  border-top: 1px solid #d9d9d9;
  transition: visibility 0.4s ease, opacity 0.4s ease, top 0.4s ease;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .section-block.get--access {
  background: transparent;
  padding: 0;
  margin: 0;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .section-block.get--access .container {
  display: flex;
  align-items: flex-start;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .section-block.get--access .container .block-content {
  width: 25%;
  padding-right: 40px;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .section-block.get--access .container .block-content .row.row--tiles {
  display: block;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .section-block.get--access .container .block-image-link {
  pointer-events: none;
  width: 75%;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .section-block.get--access .container .block-image-link .row {
  gap: 0;
  grid-template-columns: repeat(3, 33.33333%);
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .section-block.get--access .container .block-image-link .row .wrapper-content {
  grid-column: unset;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .block-subtitle .wrapper-content {
  font-size: 24px;
  line-height: 29px;
  color: #000000;
  margin-bottom: 20px;
  font-family: Cardo;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .block-body .wrapper-content p {
  font-size: 16px;
  line-height: 153%;
  letter-spacing: -0.025em;
  color: #000000;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .tile-hover:hover .tile__bottom-first {
  display: block;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .tile__wrapper {
  position: relative;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .tile__wrapper .tile__top,
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .tile__wrapper .hover-effect-wrapper {
  display: none;
}
@media (hover: hover) {
  header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .tile__wrapper .tile__link-wrapper:hover + .tile .tile__image,
  header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .tile__wrapper .tile:hover .tile__image {
    transform: none;
  }
  header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .tile__wrapper .tile__link-wrapper:hover + .tile .tile__image img,
  header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .tile__wrapper .tile:hover .tile__image img {
    transform: scale(1.1);
  }
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .tile__wrapper .tile__link-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .tile__wrapper .tile-hover {
  height: auto;
  padding: 0;
  margin: 0;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .tile__wrapper .tile__image {
  position: relative;
  height: 215px;
  overflow: hidden;
  margin-bottom: 15px;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .tile__wrapper .tile__image::after {
  content: none;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .tile__wrapper .tile__image .tile__gradient {
  display: none;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .tile__wrapper .tile__image img {
  transition: transform 0.4s ease;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .tile__wrapper .tile_bottom .tile__bottom-first {
  position: static;
  bottom: 0;
  padding: 0;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .tile__wrapper .tile_bottom .tile__bottom-first--link {
  padding: 0;
  padding-right: 12px;
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 153%;
  letter-spacing: -0.025em;
  color: #000000;
  transition: color 0.4s ease;
  display: flex;
  gap: 13px;
  align-items: center;
}
@media (hover: hover) {
  header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .tile__wrapper .tile_bottom .tile__bottom-first--link:hover {
    color: #b5121b;
  }
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .tile__wrapper .tile_bottom .tile__bottom-first--link .icon__wrapper {
  margin: 0;
  padding: 0;
  height: 18px;
  width: 27px;
  transition: transform 0.4s ease;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .tile__wrapper .tile_bottom .tile__bottom-first--link .icon__wrapper::before {
  content: "\e900";
  font-family: "icomoon", sans-serif;
  font-size: 11px;
  line-height: 18px;
  display: block;
  color: #B5121B;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .tile__wrapper .tile_bottom .tile__bottom-first--link .icon__wrapper svg {
  display: none;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .tile__wrapper .tile__link-wrapper:hover + .tile .tile_bottom .tile__bottom-first--link .icon__wrapper {
  transform: translateX(10px);
}
[dir=rtl] header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting .menu-dropdown .tile__wrapper .tile__link-wrapper:hover + .tile .tile_bottom .tile__bottom-first--link .icon__wrapper {
  transform: translateX(-10px) rotate(180deg);
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting:hover::before {
  opacity: 1;
  visibility: visible;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting:hover .menu-dropdown {
  opacity: 1;
  z-index: 10;
  visibility: visible !important;
  top: 100%;
}
header .mq-header #block-centara-main-main-menu .menu-level-0 li.nesting:hover .menu-dropdown .section-block.get--access .container .block-image-link {
  pointer-events: unset;
}
@media ( min-width: 0 ) and ( max-width: 1199px ) {
  header .mq-header .get-more {
    display: none;
  }
}
header .get-more__prelogin {
  position: relative;
  margin-right: 25px;
}
@media ( min-width: 0 ) and ( max-width: 1199px ) {
  header .get-more__prelogin {
    padding: 30px 20px;
  }
}
header .get-more__prelogin .get-more__mobile--label {
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  display: none;
}
@media ( min-width: 0 ) and ( max-width: 1199px ) {
  header .get-more__prelogin .get-more__mobile--label {
    display: block;
  }
}
header .get-more__prelogin .get-more__mobile--label::before {
  content: "";
  vertical-align: middle;
  display: inline-block;
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  margin-right: 11px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('data:image/svg+xml,<svg width="26" height="20" viewBox="0 0 26 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.00619534 17.231C0.054007 16.0572 0.167799 14.3239 0.657391 13.2506C0.987291 12.5269 2.33271 10.698 3.17802 11.6951C3.90476 12.552 2.72477 13.0902 2.33845 13.7201C1.71499 14.7355 1.84408 16.3316 1.73124 17.488H4.29299C4.42495 17.488 4.74625 17.7557 4.82561 17.8716C5.17942 18.3836 4.88203 19.0454 4.29969 19.1865C3.76706 19.316 1.46158 19.2899 0.849594 19.2242C0.395383 19.1759 0.224217 19.001 0.00619534 18.6155C0.0195826 18.1566 -0.0129293 17.6909 0.00619534 17.232V17.231Z" fill="black"/><path d="M19.5598 18.3073C20.3889 18.4464 20.4463 19.8647 19.5044 19.9942L6.62295 20.0009C6.12954 19.9913 5.79103 19.5246 5.78816 19.0503C5.77764 17.3682 5.76712 14.1036 6.27202 12.5694C6.69754 11.2748 8.62626 9.76183 9.88276 9.35025C10.8725 9.02563 10.9499 9.98984 11.3974 10.5647C12.3661 11.8071 13.9238 11.7028 14.7777 10.4014C15.0732 9.95022 15.1468 9.32223 15.8076 9.28552C16.2436 9.26137 17.3748 9.96182 17.765 10.2294C19.4279 11.3666 20.0284 12.4999 20.1422 14.5413C20.1737 15.1084 20.2225 16.5258 20.1202 17.0291C19.9892 17.6726 19.1917 17.9112 18.7107 17.488C18.3579 17.1769 18.4133 16.5093 18.4162 16.0755C18.4229 15.0572 18.5338 13.5877 17.9534 12.7037C17.7 12.3182 16.7935 11.553 16.3746 11.3762C16.1241 11.2709 16.0639 11.5762 15.908 11.7472C15.5943 12.0912 15.2721 12.411 14.8686 12.6448C13.0326 13.7085 10.9298 13.037 9.8206 11.2864C9.15889 11.7453 8.16058 12.3095 7.88136 13.1192C7.79817 13.3607 7.75705 13.6766 7.72262 13.9326C7.52946 15.3664 7.58206 16.861 7.51225 18.3073H19.5589H19.5598Z" fill="black"/><path d="M10.4214 1.00286C11.9792 -0.506245 14.7073 -0.260846 16.0604 1.39415C17.6334 3.31869 17.3541 7.20063 15.2705 8.64307C14.4587 9.20536 13.5436 8.30009 14.0437 7.50689C14.1775 7.29434 14.407 7.14846 14.5619 6.95426C15.3575 5.95914 15.6042 4.47129 15.173 3.26459C14.473 1.30913 11.8902 1.14392 11.0545 3.05204C10.2187 4.96016 11.2524 7.076 12.7135 8.36386C13.0654 8.67399 13.9748 9.18218 14.0838 9.59375C14.3038 10.4314 13.5158 10.9734 12.7719 10.5599C9.65646 8.8305 7.4839 3.8491 10.4224 1.00286H10.4214Z" fill="black"/><path d="M20.3852 3.20256C22.8676 2.91755 24.6118 5.28942 24.6012 7.61588C24.5926 9.58197 23.2233 11.835 21.1311 12.0021C20.5296 12.0504 19.9042 11.7915 19.9626 11.0775C20.0362 10.179 20.9178 10.3819 21.4753 10.1462C22.793 9.5897 23.1267 7.641 22.6668 6.40338C21.7373 3.90108 18.7128 4.78316 18.9824 7.35889C19.0436 7.94436 19.559 8.52598 19.2023 9.07958C18.8734 9.5897 18.1371 9.62738 17.7881 9.12982C17.5404 8.77621 17.2784 7.7009 17.2526 7.26227C17.1417 5.38314 18.4632 3.42381 20.3852 3.20256Z" fill="black"/><path d="M6.87111 9.21812C6.34901 8.6452 6.91605 8.01432 6.99255 7.40372C7.3062 4.89273 4.38777 3.86862 3.36078 6.29652C2.83963 7.52835 3.14754 9.54371 4.47001 10.1331C5.03227 10.3833 5.98851 10.1794 6.02484 11.1146C6.06405 12.1368 4.94813 12.0663 4.26824 11.876C0.729221 10.8857 0.438526 5.13136 3.67442 3.5382C6.97534 1.91316 9.88612 5.88785 8.28251 8.96306C7.99947 9.50603 7.30811 9.69636 6.87111 9.21812Z" fill="black"/><path d="M24.2514 17.4872C24.1242 16.0564 24.3173 14.3956 23.2894 13.2575C23.1632 13.1184 23.0025 13.043 22.883 12.899C22.2375 12.1145 23.1259 10.9784 24.1156 11.7049C25.7919 12.9348 25.9162 15.4883 25.9774 17.408C26.0032 18.2051 26.1428 19.1152 25.1321 19.2234C24.4474 19.2968 22.4087 19.319 21.7623 19.207C21.1388 19.0987 20.7783 18.4186 21.156 17.8718C21.2364 17.7558 21.5577 17.4882 21.6887 17.4882H24.2504L24.2514 17.4872Z" fill="black"/></svg>');
}
header .get-more__prelogin h2 {
  font-family: "Open Sans" !important;
  font-size: 12px;
  padding: 0;
  margin: 0;
  font-weight: 300;
}
header .get-more__prelogin .title {
  cursor: pointer;
  text-align: left;
  display: inline-block;
  box-sizing: content-box;
  text-align: left;
  display: flex;
  align-items: center;
}
@media (min-width: 1201px) {
  header .get-more__prelogin .title {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
header .get-more__prelogin .imagery {
  width: 100px;
  height: 20px;
  padding: 12px;
  background: url("../images/centara-the-black.svg") no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
  vertical-align: middle;
}
header .get-more__prelogin .text-sign-in {
  font-size: 12px;
  font-weight: 600;
}
header .get-more__prelogin .pre-login {
  display: none;
  text-align: center;
  position: absolute;
  width: 200px;
  z-index: 11;
  right: 0;
  background: #fff;
  padding: 0;
  top: 45px;
  padding: 26px 20px 15px;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.08);
}
@media ( min-width: 0 ) and ( max-width: 1199px ) {
  header .get-more__prelogin .pre-login {
    display: none;
  }
}
header .get-more__prelogin .pre-login.show {
  display: block;
}
header .get-more__prelogin .pre-login span {
  display: block;
  font-size: 11px;
  line-height: 24px;
  line-height: normal;
  letter-spacing: 0.55px;
  color: #000;
  font-weight: 400;
  margin: 10px 0;
}
@media ( min-width: 0 ) and ( max-width: 1199px ) {
  header .get-more__prelogin .pre-login span {
    font-size: 15px;
  }
}
header .get-more__prelogin .pre-login span.members-get-more {
  font-family: "Cardo";
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
}
@media ( min-width: 0 ) and ( max-width: 1199px ) {
  header .get-more__prelogin .pre-login span.members-get-more {
    font-size: 26px;
  }
}
header .get-more__prelogin .pre-login span.button {
  background-color: #B5121B;
  cursor: pointer;
}
@media ( min-width: 0 ) and ( max-width: 1199px ) {
  header .get-more__prelogin .pre-login span.button {
    width: 200px;
    margin: 15px auto;
  }
}
header .get-more__prelogin .pre-login span.button a {
  color: #fff;
  padding: 12px;
  text-decoration: none;
  display: block;
  width: 100%;
}
@media ( min-width: 0 ) and ( max-width: 1199px ) {
  header .get-more__prelogin .pre-login span.button a {
    padding: 15px;
  }
}
header .get-more__prelogin .pre-login span.button.sign-in {
  margin-bottom: 20px;
}
header .get-more__prelogin .pre-login span.button.sign-up {
  background-color: #000;
}
header .get-more__prelogin .pre-login span.button.sign-up a {
  color: #fff;
}
header .get-more__prelogin .pre-login .back-button {
  display: none;
}
header .get-more__prelogin .pre-login span:not(.sign-in) a {
  color: #000;
}
header .get-more__prelogin .pre-login .members-get-more {
  font-size: 26px;
}
header .get-more__prelogin .pre-login .members-get-more span {
  color: #000;
}
header .get-more__postlogin {
  cursor: pointer;
  display: flex;
  position: relative;
}
@media ( min-width: 0 ) and ( max-width: 1199px ) {
  header .get-more__postlogin {
    display: none;
  }
}
header .get-more__postlogin .placeholder--image {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  padding: 16px;
  background: url("../images/icons/default-avatar.svg") no-repeat;
  background-size: 27px;
  background-position: center;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
header .get-more__postlogin div {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  display: flex;
  flex-direction: column;
}
header .get-more__postlogin div.post-login_info {
  flex-direction: unset;
}
header .get-more__postlogin div span {
  display: block;
}
header .get-more__postlogin div .irmember-name-clone {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  min-width: 66px;
  max-width: 100px;
  white-space: initial;
  overflow: hidden;
  color: #000;
}
@media ( min-width: 1200px ) {
  header .get-more__postlogin div .irmember-name-clone {
    width: 90px;
  }
}
header .get-more__postlogin div .irmember-type-clone {
  font-family: "Open Sans";
  color: #000;
  font-size: 12px;
  line-height: 16px;
}
header .get-more__postlogin .back-button {
  display: none;
}
header .get-more__postlogin .post-login {
  text-align: center;
  display: none;
}
header .get-more__postlogin .post-login.show {
  display: block;
}
header .get-more__postlogin .post-login .irmember-name-clone {
  margin: 0;
  color: #000;
}
@media ( min-width: 768px ) {
  header .get-more__postlogin .post-login .irmember-name-clone {
    color: #fff;
  }
}
header .get-more__postlogin .post-login .field--name-body {
  position: absolute;
  width: 260px;
  z-index: 11;
  right: 0;
  background: #fff;
  padding: 0;
  display: block;
  top: 45px;
  padding: 30px 20px 0;
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.69);
}
header .get-more__postlogin .post-login .field--name-body p {
  margin-bottom: 10px;
  line-height: 1.3;
  text-align: center;
}
header .get-more__postlogin .post-login .field--name-body p:nth-child(1), header .get-more__postlogin .post-login .field--name-body p:nth-child(3) {
  color: #656565;
}
header .get-more__postlogin .post-login .field--name-body p:nth-child(3) {
  margin-bottom: 15px;
}
header .get-more__postlogin .post-login .field--name-body p:nth-child(2) {
  font-size: 26px;
  color: #000;
  line-height: 1.5;
  margin: 15px 0;
}
header .get-more__postlogin .post-login .field--name-body p:nth-child(4), header .get-more__postlogin .post-login .field--name-body p:nth-child(5) {
  border-bottom: 1px solid #f0f0f0;
  text-align: left;
  font-size: 20px;
  margin-bottom: 0;
  font-size: 18px;
}
header .get-more__postlogin .post-login .field--name-body p:nth-child(4) a, header .get-more__postlogin .post-login .field--name-body p:nth-child(5) a {
  padding-top: 16px;
  padding-bottom: 16px;
  display: block;
}
header .get-more__postlogin .post-login .field--name-body p:nth-child(4) a::before, header .get-more__postlogin .post-login .field--name-body p:nth-child(5) a::before {
  content: none;
}
header .get-more__postlogin .post-login .field--name-body p:nth-child(4) {
  border-top: 1px solid #f0f0f0;
}
header .get-more__postlogin .post-login .field--name-body p a {
  color: #000;
  text-decoration: none;
}
header .get-more__postlogin .post-login .field--name-body p a:before {
  content: none;
}
@media (min-width: 1201px) {
  header .centara--hamburger {
    display: none;
  }
}
header .centara--hamburger {
  width: 28px;
  height: 20px;
  position: relative;
  transform: rotate(0deg);
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
header .centara--hamburger span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background: #000;
  opacity: 1;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
header .centara--hamburger span:nth-child(even) {
  left: 50%;
}
header .centara--hamburger span:nth-child(odd) {
  left: 0;
}
header .centara--hamburger span:nth-child(1), header .centara--hamburger span:nth-child(2) {
  top: 0;
}
header .centara--hamburger span:nth-child(3), header .centara--hamburger span:nth-child(4) {
  top: 9px;
}
header .centara--hamburger span:nth-child(5), header .centara--hamburger span:nth-child(6) {
  top: 18px;
}
header .centara--hamburger.open span:nth-child(1), header .centara--hamburger.open span:nth-child(6) {
  transform: rotate(45deg);
}
header .centara--hamburger.open span:nth-child(2), header .centara--hamburger.open span:nth-child(5) {
  transform: rotate(-45deg);
}
header .centara--hamburger.open span:nth-child(1) {
  left: 0;
  top: 4px;
}
header .centara--hamburger.open span:nth-child(2) {
  left: calc(50% - 4px);
  top: 4px;
}
header .centara--hamburger.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}
header .centara--hamburger.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}
header .centara--hamburger.open span:nth-child(5) {
  left: 0;
  top: 14px;
}
header .centara--hamburger.open span:nth-child(6) {
  left: calc(50% - 4px);
  top: 14px;
}
header .mobile--menu {
  position: fixed;
  top: 75px;
  left: 0;
  width: 100%;
  height: calc(100vh - 75px);
  background-color: #fff;
  z-index: 9;
  overflow-y: auto;
  opacity: 0;
  transform: translateX(-100%);
  pointer-events: none;
  box-sizing: border-box;
  transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
header .mobile--menu.active {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}
header .mobile--menu .region-navigation {
  display: flex;
  flex-direction: column;
  height: 100%;
}
header .mobile--menu ul li {
  margin-bottom: 10px;
}
header .mobile--menu ul li a,
header .mobile--menu ul li span {
  padding: 10px 0;
  display: block;
}
header .mobile--menu ul.menu-level-0 {
  padding: 20px;
}
header .mobile--menu .menu--top-left-header ul {
  padding: 30px 0 20px;
  margin: 0 20px;
  border: 1px solid #C4C4C4;
  border-width: 1px 0;
}
header .mobile--menu .get-more__postlogin {
  display: block;
  padding: 30px 20px;
}
header .mobile--menu .block-block-grouplanguage-currency-mobile {
  margin-top: auto;
  padding: 16px 20px 18px;
  background-color: #eeeeee;
  display: flex;
  line-height: 19px;
  color: #000000;
  font-weight: 600;
  text-transform: uppercase;
}
header .mobile--menu .block-block-grouplanguage-currency-mobile button {
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
}
header .mobile--menu .block-block-grouplanguage-currency-mobile .language-switcher-language-urle {
  padding-right: 26px;
  margin-right: 26px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
header .mobile--menu .block-block-grouplanguage-currency-mobile .language-switcher-language-urle button {
  text-transform: uppercase;
}
header .mobile--menu .block-block-grouplanguage-currency-mobile .language-switcher-language-urle .language-title::before {
  width: 12px;
  height: 12px;
  line-height: 1;
  font-family: "icomoon", sans-serif;
  content: "\e903";
  font-size: 12px;
  margin-right: 9px;
  display: inline-block;
}
header .mobile--menu .block-block-grouplanguage-currency-mobile .view--currency {
  display: flex;
  align-items: center;
}
header .mobile--menu .block-block-grouplanguage-currency-mobile .view--currency::after {
  width: 7px;
  height: 4px;
  content: "\e901";
  font-family: "icomoon", sans-serif;
  font-size: 4px;
  line-height: 1;
  margin-left: 7px;
  display: inline-block;
}
header .mobile--menu .get-more__prelogin h2 {
  display: block;
}
header .mobile--menu .get-more__prelogin h2::after {
  content: none;
}
header .mobile--menu .get-more__prelogin .imagery {
  display: none;
}
header .mobile--menu .get-more__prelogin .pre-login {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  min-width: 100%;
  overflow-y: scroll;
  padding-bottom: spacer(2);
  background: #fff;
}
header .mobile--menu .get-more__prelogin .pre-login .field--type-text-with-summary {
  padding: spacer(2);
}
header .mobile--menu .get-more__prelogin .pre-login .back-button {
  padding: 0;
  background-color: transparent;
  border: none;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 0 5px;
}
header .mobile--menu .get-more__prelogin .pre-login .back-button .icon-currency-arrow-down {
  font-family: "icomoon";
  transform: rotate(90deg);
  display: block;
  flex-shrink: 0;
  font-size: 7px;
}
header .mobile--menu .menu--main .menu-level-0 > .menu-item.nesting > span, header .mobile--menu .menu--main .menu-level-0 > .menu-item.nesting > a {
  position: relative;
}
header .mobile--menu .menu--main .menu-level-0 > .menu-item.nesting > span::after, header .mobile--menu .menu--main .menu-level-0 > .menu-item.nesting > a::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6' fill='none'%3E%3Cg clip-path='url(%23clip0_2720_17269)'%3E%3Cpath d='M5.50031 5.99958C5.37123 5.99958 5.24215 5.95058 5.14335 5.85186L0.148138 0.860631C-0.0487283 0.663922 -0.0487283 0.343998 0.148138 0.147289C0.345005 -0.0494205 0.665183 -0.0494205 0.862049 0.147289L5.50031 4.78185L10.1386 0.147289C10.3354 -0.0494205 10.6556 -0.0494205 10.8525 0.147289C11.0493 0.343998 11.0493 0.663922 10.8525 0.860631L5.85726 5.85186C5.75847 5.95058 5.62939 5.99958 5.50031 5.99958Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2720_17269'%3E%3Crect width='11' height='6' fill='white' transform='translate(11 6) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 13px;
  height: 12px;
  position: absolute;
  right: 19px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
header .mobile--menu .menu--main .menu-level-0 > .menu-item.nesting > span.active, header .mobile--menu .menu--main .menu-level-0 > .menu-item.nesting > a.active {
  font-weight: 700;
}
header .mobile--menu .menu--main .menu-level-0 > .menu-item.nesting > span.active::after, header .mobile--menu .menu--main .menu-level-0 > .menu-item.nesting > a.active::after {
  transform: translateY(-50%) rotate(180deg);
  transition: all 0.3s ease;
}
header .mobile--menu .menu--main .menu-level-0 > .menu-item.nesting .menu_link_content:has(.section-block.get--access) {
  padding-top: 18px;
  padding-left: 26px;
  padding-bottom: 5px;
  display: none;
}
header .mobile--menu .menu--main .menu-level-0 > .menu-item.nesting .section-block.get--access {
  padding: 0;
  margin: 0;
  background: transparent;
}
header .mobile--menu .menu--main .menu-level-0 > .menu-item.nesting .section-block.get--access .container .block-content {
  display: none;
}
header .mobile--menu .menu--main .menu-level-0 > .menu-item.nesting .section-block.get--access .container .block-image-link .row {
  display: block;
}
header .mobile--menu .menu--main .menu-level-0 > .menu-item.nesting .section-block.get--access .container .block-image-link .row .wrapper-content {
  margin-bottom: 15px;
}
header .mobile--menu .menu--main .menu-level-0 > .menu-item.nesting .section-block.get--access .container .block-image-link .row .wrapper-content:last-child {
  margin-bottom: 0;
}
header .mobile--menu .menu--main .menu-level-0 > .menu-item.nesting .section-block.get--access .container .block-image-link .row .wrapper-content .tile-hover {
  padding: 0;
  margin: 0;
  height: auto;
}
header .mobile--menu .menu--main .menu-level-0 > .menu-item.nesting .section-block.get--access .container .block-image-link .row .wrapper-content .tile__image,
header .mobile--menu .menu--main .menu-level-0 > .menu-item.nesting .section-block.get--access .container .block-image-link .row .wrapper-content .tile__top {
  display: none;
}
header .mobile--menu .menu--main .menu-level-0 > .menu-item.nesting .section-block.get--access .container .block-image-link .row .wrapper-content .tile_bottom > * {
  position: static;
}
header .mobile--menu .menu--main .menu-level-0 > .menu-item.nesting .section-block.get--access .container .block-image-link .row .wrapper-content .tile_bottom .tile__bottom-first {
  padding-right: 0;
}
header .mobile--menu .menu--main .menu-level-0 > .menu-item.nesting .section-block.get--access .container .block-image-link .row .wrapper-content .tile_bottom .tile__bottom-first--link .discover--link {
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
  color: #000000;
  padding: 0;
}
header .mobile--menu .menu--main .menu-level-0 > .menu-item.nesting .section-block.get--access .container .block-image-link .row .wrapper-content .tile_bottom .tile__bottom-first--link .icon__wrapper {
  display: none;
}
header .mobile--menu.menu-item--expanded > span, header .mobile--menu.menu-item--expanded > a {
  background-image: url("/themes/custom/centara_core/icons/navigations/arrow-down.svg");
  background-size: 14px;
  background-position: right 19px center;
}

.pre-login-popup-mobile {
  position: fixed;
  top: 75px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  background-color: #fff;
  z-index: 10;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.pre-login-popup-mobile.show {
  opacity: 1;
  visibility: visible;
}
.pre-login-popup-mobile .back-button {
  padding: 0;
  background-color: transparent;
  border: none;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 0 5px;
}
.pre-login-popup-mobile .back-button .icon-currency-arrow-down {
  font-family: "icomoon";
  transform: rotate(90deg);
  display: block;
  flex-shrink: 0;
  font-size: 7px;
}
.pre-login-popup-mobile .field--name-body p {
  margin-bottom: 10px;
  line-height: 1.3;
  text-align: center;
}
.pre-login-popup-mobile .field--name-body p:nth-child(1), .pre-login-popup-mobile .field--name-body p:nth-child(3) {
  color: #656565;
}
.pre-login-popup-mobile .field--name-body p:nth-child(3) {
  margin-bottom: 15px;
}
.pre-login-popup-mobile .field--name-body p:nth-child(2) {
  font-size: 26px;
  color: #000;
  line-height: 1.5;
  margin: 15px 0;
}
.pre-login-popup-mobile .field--name-body p:nth-child(4), .pre-login-popup-mobile .field--name-body p:nth-child(5) {
  border-bottom: 1px solid #f0f0f0;
  text-align: left;
  font-size: 20px;
  margin-bottom: 0;
  font-size: 18px;
}
.pre-login-popup-mobile .field--name-body p:nth-child(4) a, .pre-login-popup-mobile .field--name-body p:nth-child(5) a {
  padding-top: 16px;
  padding-bottom: 16px;
  display: block;
}
.pre-login-popup-mobile .field--name-body p:nth-child(4) a::before, .pre-login-popup-mobile .field--name-body p:nth-child(5) a::before {
  content: none;
}
.pre-login-popup-mobile .field--name-body p:nth-child(4) {
  border-top: 1px solid #f0f0f0;
}
.pre-login-popup-mobile .field--name-body p a {
  color: #000;
  text-decoration: none;
}
.pre-login-popup-mobile .field--name-body p a:before {
  content: none;
}

.mobile-lang-popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  background-color: #fff;
  z-index: 10;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.mobile-lang-popup.show {
  opacity: 1;
  visibility: visible;
}
.mobile-lang-popup .back-button {
  padding: 0;
  background-color: transparent;
  border: none;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 0 5px;
  justify-content: space-between;
  font-weight: 600;
  font-size: 20px;
  line-height: 156.1%;
  letter-spacing: -0.025em;
  color: #000000;
}
.mobile-lang-popup .back-button .back-button__close {
  opacity: 1;
  outline: none;
  width: 22px;
  height: 22px;
  background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.1164 0L11 9.11643L1.88357 0L0 1.88357L9.11643 11L0 20.1164L1.88357 22L11 12.8836L20.1164 22L22 20.1164L12.8836 11L22 1.88357L20.1164 0Z" fill="black"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  margin-left: auto;
  flex-shrink: 0;
  border: none;
  background-color: transparent;
}
.mobile-lang-popup .lang-nav {
  padding-left: 0;
  margin: 0;
  display: block !important;
  height: 100%;
}
.mobile-lang-popup .lang-nav .links {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 100%;
  max-height: calc(100% - 44px);
  overflow: auto;
}
.mobile-lang-popup .lang-nav .links::-webkit-scrollbar-track {
  background-color: #fff;
}
.mobile-lang-popup .lang-nav .links::-webkit-scrollbar {
  width: 3px;
  background-color: #fff;
}
.mobile-lang-popup .lang-nav .links::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #d9d9d9;
}
.mobile-lang-popup .lang-nav .links li {
  padding: 9px 0;
}
.mobile-lang-popup .lang-nav .links li a {
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  text-decoration: none;
}
.mobile-lang-popup .lang-nav .links li.is-active a {
  color: var(--button-primary-bg);
}

.mobile-currency-popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  background-color: #fff;
  z-index: 10;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.mobile-currency-popup.show {
  opacity: 1;
  visibility: visible;
}
.mobile-currency-popup .back-button {
  padding: 0;
  background-color: transparent;
  border: none;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 0 5px;
  justify-content: space-between;
  font-weight: 600;
  font-size: 20px;
  line-height: 156.1%;
  letter-spacing: -0.025em;
  color: #000000;
}
.mobile-currency-popup .back-button .back-button__close {
  opacity: 1;
  outline: none;
  width: 22px;
  height: 22px;
  background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.1164 0L11 9.11643L1.88357 0L0 1.88357L9.11643 11L0 20.1164L1.88357 22L11 12.8836L20.1164 22L22 20.1164L12.8836 11L22 1.88357L20.1164 0Z" fill="black"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  margin-left: auto;
  flex-shrink: 0;
  border: none;
  background-color: transparent;
}
.mobile-currency-popup__main {
  max-height: 100%;
  max-height: calc(100% - 44px);
  overflow: auto;
}
.mobile-currency-popup__main::-webkit-scrollbar-track {
  background-color: #fff;
}
.mobile-currency-popup__main::-webkit-scrollbar {
  width: 3px;
  background-color: #fff;
}
.mobile-currency-popup__main::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #d9d9d9;
}
.mobile-currency-popup .wrapping--currencies {
  display: block;
  padding: 0;
  height: 100%;
}
.mobile-currency-popup .wrapping--currencies .back-button {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}
.mobile-currency-popup .wrapping--currencies .back-button .icon__wrapper {
  order: 2;
  width: 22px;
  height: 22px;
  background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.1164 0L11 9.11643L1.88357 0L0 1.88357L9.11643 11L0 20.1164L1.88357 22L11 12.8836L20.1164 22L22 20.1164L12.8836 11L22 1.88357L20.1164 0Z" fill="black"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  margin-left: auto;
  flex-shrink: 0;
}
.mobile-currency-popup .wrapping--currencies .back-button .icon__wrapper svg {
  display: none;
}
.mobile-currency-popup .wrapping--currencies .back-button .back-button__label {
  display: block;
  font-weight: 600;
  font-size: 20px;
  line-height: 156.1%;
  letter-spacing: -0.025em;
  color: #000000;
}
.mobile-currency-popup .wrapping--currencies .view-currencies-dropdown .views-row {
  margin-bottom: 8px;
}
.mobile-currency-popup .wrapping--currencies .view-currencies-dropdown .views-row .views-field-field-currency-short-code {
  font-weight: 600;
  color: #000;
}
.mobile-currency-popup .wrapping--currencies .view-currencies-dropdown .views-row .views-field-name a {
  color: #000;
}
.mobile-currency-popup .wrapping--currencies .block-views-blockcurrencies-dropdown-top-currencies-dropdown h2 {
  font-weight: 600;
  font-size: 18px;
  line-height: 156.1%;
  letter-spacing: -0.025em;
  color: #84754e;
  padding: 0;
  margin: 0;
  margin-bottom: 12px;
  font-family: "Open Sans";
}
.mobile-currency-popup .wrapping--currencies .block-views-blockcurrencies-dropdown-top-currencies-dropdown .view-currencies-dropdown {
  padding: 0;
  column-count: 1;
}
.mobile-currency-popup .wrapping--currencies .block-views-blockcurrencies-dropdown-top-currencies-dropdown .view-currencies-dropdown .views-row {
  margin-bottom: 10px;
}
.mobile-currency-popup .wrapping--currencies .block-views-blockcurrencies-dropdown-top-currencies-dropdown .view-currencies-dropdown .views-row > div div.field-content {
  font-size: 15px;
}
.mobile-currency-popup .wrapping--currencies .block-views-blockcurrencies-dropdown-top-currencies-dropdown .view-currencies-dropdown .views-row:last-child {
  margin-bottom: 0;
}
.mobile-currency-popup .wrapping--currencies .view-currencies-dropdown {
  column-count: 1;
  padding-left: 0;
}
.mobile-currency-popup .wrapping--currencies .view-currencies-dropdown .views-row {
  display: flex;
  align-items: center;
}
.mobile-currency-popup .wrapping--currencies .view-currencies-dropdown .views-row > div div.field-content {
  flex-shrink: 0;
  border: none;
  margin-right: 0;
  width: 59px;
  padding-right: 5px;
}
.mobile-currency-popup .wrapping--currencies .view--other__currency {
  display: none;
}
.mobile-currency-popup .wrapping--currencies .other--currency__wrapper {
  display: block;
  padding-top: 18px;
  margin-top: 26px;
  border-top: 1px solid #d9d9d9;
}
.mobile-currency-popup .wrapping--currencies .other--currency__wrapper h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 156.1%;
  letter-spacing: -0.025em;
  color: #000000;
  padding: 0;
  margin: 0;
  margin-bottom: 8px;
  font-family: "Open Sans";
}

.section-block--tile-image-link {
  margin: 0 28px 30px 28px;
}
@media ( min-width: 768px ) and ( max-width: 1199px ) {
  .section-block--tile-image-link {
    margin: 0 40px 30px 40px;
  }
}
@media ( min-width: 1200px ) {
  .section-block--tile-image-link {
    margin: 0 80px 40px 80px;
  }
}
.section-block--tile-image-link .section-block__title {
  margin: 0;
}
.section-block--tile-image-link h2 {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 42px;
  line-height: 1.07;
}
@media ( min-width: 768px ) and ( max-width: 1199px ) {
  .section-block--tile-image-link h2 {
    margin-top: 30px;
    margin-bottom: 0;
  }
}
@media ( min-width: 1200px ) {
  .section-block--tile-image-link h2 {
    margin-top: 40px;
    margin-bottom: 10px;
  }
}
.section-block--tile-image-link .row--tiles {
  display: grid;
  grid-template-columns: repeat(4, calc(100% - 10px));
  grid-column-gap: 10px;
  position: relative;
  overflow: auto;
}
@media ( min-width: 768px ) and ( max-width: 1199px ) {
  .section-block--tile-image-link .row--tiles {
    grid-template-columns: repeat(4, calc(50% - 10px));
  }
}
.section-block--tile-image-link .row--tiles .wrapper-content {
  margin-bottom: 10px;
}
@media ( min-width: 1200px ) {
  .section-block--tile-image-link .row--tiles .wrapper-content {
    grid-column: 1/4;
    margin-bottom: 0;
  }
}
@media ( min-width: 1200px ) {
  .section-block--tile-image-link .row--tiles .wrapper-content:nth-child(2) {
    grid-column: 4/7;
  }
}
@media ( min-width: 1200px ) {
  .section-block--tile-image-link .row--tiles .wrapper-content:nth-child(3) {
    grid-column: 7/10;
  }
}
@media ( min-width: 1200px ) {
  .section-block--tile-image-link .row--tiles .wrapper-content:nth-child(4) {
    grid-column: 10/13;
  }
}

#block-login-popup {
  width: fit-content;
  margin: 0 auto;
}
#block-login-popup .mfp-close {
  display: none;
}

.wrapper-login {
  width: 450px;
  margin: 20px auto 0;
  background: #fff;
  position: relative;
  padding: 40px 60px;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.08);
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
}

.wrapper-login h1 {
  font-family: "Cardo", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
}

.wrapper-login a {
  color: #000;
  text-decoration: unset;
}

.wrapper-login .form-item {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
}

.wrapper-login .form-item label {
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}

.wrapper-login .form-item input {
  width: 100%;
  height: 35px;
  border: 1px solid #CFCFCF;
  background: #FFF;
  max-width: 100%;
  outline: none;
  padding: 0 15px;
}

.wrapper-login .wrap-pass {
  display: flex;
  width: 100%;
  position: relative;
}

.wrap-pass .toggle-password {
  position: absolute;
  top: 7px;
  cursor: pointer;
  right: 10px;
}

.wrapper-login .wrap-forgot-check {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  font-size: 12px;
}

.wrapper-login .wrap-forgot-check a {
  font-style: italic;
  text-decoration: underline;
  color: #000;
}

.wrapper-login input[type=checkbox] {
  appearance: none;
  border: 1px solid #CFCFCF;
  width: 14px;
  height: 14px;
  transform: translateY(-0.01em);
  display: grid;
  place-content: center;
  border-radius: 2px;
  background-color: #fff;
}

.wrapper-login input[type=checkbox]::before {
  content: "";
  width: 8px;
  height: 8px;
  transform: scale(0);
  margin-top: 3px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='6' viewBox='0 0 7 6' fill='none'%3E%3Cpath d='M6.47852 0.478394L2.53046 4.76411L0.478516 2.54736' stroke='%23B5121B' stroke-width='0.956897' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  transition: 0.2s all ease;
  background-repeat: no-repeat;
}

.wrapper-login input[type=checkbox]:checked::before {
  transform: scale(1);
}

.wrapper-login .wrap-forgot-check .remember {
  display: flex;
  gap: 3px;
}

.wrapper-login .btn-sign-in {
  padding: 13px 40px;
  width: 100%;
  background-color: #B5121B;
  font-size: 16px;
  color: #fff;
  border: none;
  font-weight: 400;
  margin-top: 30px;
  text-align: center;
}

.wrapper-login .btn-sign-in a {
  color: #fff;
}

.wrapper-login .sign-via {
  width: 100%;
  color: #B5121B;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  margin-top: 30px;
}

.list-socials ul {
  display: flex;
  list-style: none;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
  padding-left: 0;
}

.wrapper-login .list-socials ul img {
  height: 30px;
  width: auto;
}

.wrapper-login .text-register {
  text-align: center;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  margin: 40px auto 0;
  padding-right: 20px;
  position: relative;
  width: fit-content;
}

.wrapper-login .text-register::after {
  content: "";
  width: 8.5px;
  height: 13px;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13' fill='none'%3E%3Cpath d='M0.916748 11.9167L6.41675 6.41675L0.916748 0.916748' stroke='%231E1E1E' stroke-width='1.83333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.wrapper-login .icon-centara img {
  height: 35px;
}

.mfp-bg.mfp-ready.custom-popup-overlay {
  opacity: 0;
}

@media (max-width: 767px) {
  .custom-popup-overlay.mfp-wrap .mfp-container {
    padding-left: 0;
    padding-right: 0;
  }
  .custom-popup-overlay .mfp-auto-cursor .mfp-content {
    vertical-align: top;
    margin-top: 56px;
  }
  .custom-popup-overlay #block-login-popup {
    width: 100%;
  }
  .wrapper-login {
    padding: 30px 20px 60px;
    width: 100%;
    height: calc(100vh - 78px);
    margin-top: 71px;
  }
  .wrapper-login h1 {
    font-size: 20px;
  }
}
.footer-container {
  background-color: black;
  color: white;
  padding: 40px 60px 20px;
}
@media screen and (max-width: 767px) {
  .footer-container {
    padding: 100px 35px 20px;
    background-color: #231f20;
  }
}
.footer-container .core-main-footer {
  position: relative;
}
.footer-container .footer-brand-logos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  padding: 0 0 35px 0;
  margin: 0;
  border-bottom: 1px solid #666;
  flex-wrap: wrap;
}
@media screen and (max-width: 1440px) {
  .footer-container .footer-brand-logos {
    justify-content: center;
  }
}
.footer-container .footer-brand-logos li {
  background-size: contain;
  background-repeat: no-repeat;
}
.footer-container .footer-brand-logos li a {
  color: transparent;
  height: 100%;
  display: block;
}
.footer-container .footer-brand-logos li.icon_centarareserve {
  background-size: contain;
  border-bottom: 0 none;
  background-image: url("../images/brand-logo/reserve-mono.svg");
  width: 228px;
}
@media screen and (max-width: 576px) {
  .footer-container .footer-brand-logos li.icon_centarareserve {
    width: 150px;
  }
}
.footer-container .footer-brand-logos li.icon_boutique {
  background-image: url("../images/brand-logo/boutique-mono.svg");
  background-size: cover;
}
@media screen and (max-width: 576px) {
  .footer-container .footer-brand-logos li.icon_boutique {
    width: 101px;
  }
}
.footer-container .footer-brand-logos li.icon_centaragrand {
  background-image: url("../images/brand-logo/grand-mono.svg");
}
@media screen and (max-width: 576px) {
  .footer-container .footer-brand-logos li.icon_centaragrand {
    width: 85px;
    background-size: cover;
  }
}
.footer-container .footer-brand-logos li.icon_centara {
  background-image: url("../images/brand-logo/centara-mono.svg");
}
@media screen and (max-width: 576px) {
  .footer-container .footer-brand-logos li.icon_centara {
    width: 81px;
    background-size: cover;
  }
}
.footer-container .footer-brand-logos li.icon_centra {
  background-image: url("../images/brand-logo/centara-life.svg");
}
@media screen and (max-width: 576px) {
  .footer-container .footer-brand-logos li.icon_centra {
    width: 73px;
    background-size: cover;
  }
}
.footer-container .footer-brand-logos li.icon_cosihotels {
  background-image: url("../images/brand-logo/cosi-mono.svg");
}
@media screen and (max-width: 576px) {
  .footer-container .footer-brand-logos li.icon_cosihotels {
    width: 78px;
    background-size: cover;
  }
}
.footer-container .footer-brand-logos li.icon_spa_cenveree {
  background-image: url("../images/brand-logo/spa.svg");
  width: 208px;
}
@media screen and (max-width: 576px) {
  .footer-container .footer-brand-logos li.icon_spa_cenveree {
    width: 141px;
    background-size: cover;
  }
}
.footer-container .footer-brand-logos li.icon_centara_the_1 {
  background-image: url("../images/brand-logo/centara-the-1.svg");
  width: 157px;
}
@media screen and (max-width: 576px) {
  .footer-container .footer-brand-logos li.icon_centara_the_1 {
    width: 106px;
    background-size: cover;
  }
}
.footer-container .footer-brand-logos li {
  margin: 0 0 10px !important;
  background-position: center;
  width: 150px;
  height: 55px;
}
@media screen and (max-width: 576px) {
  .footer-container .footer-brand-logos li {
    width: 87px;
    height: 42px;
  }
}
.footer-container .footer-brand-logos li:hover {
  transform: scale(0.8);
  -webkit-transition: all 0.5s;
}
.footer-container .divider {
  border: 0;
  border-top: 1px solid #333;
  margin: 0;
}
.footer-container .footer-content-grid {
  display: flex;
  gap: 15px;
  padding: 40px 0;
  border-bottom: 1px solid #666;
}
@media screen and (max-width: 767px) {
  .footer-container .footer-content-grid {
    flex-direction: column;
  }
}
.footer-container .footer-content-grid .footer-column ul.menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-container .footer-content-grid .footer-column ul.menu li {
  margin-bottom: 15px;
}
.footer-container .footer-content-grid .footer-column ul.menu li a {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
}
.footer-container .footer-content-grid .footer-column ul.menu li a:hover {
  opacity: 0.7;
}
.footer-container .footer-content-grid .footer-column h3,
.footer-container .footer-content-grid .footer-column label {
  display: block;
  font-size: 14px;
  margin-bottom: 18px;
  font-weight: normal;
}
.footer-container .social-icons {
  display: flex;
  gap: 15px;
  list-style: none;
  padding: 0;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .footer-container .social-icons {
    gap: 10px;
  }
}
.footer-container .social-icons a {
  display: block;
  width: 19px;
  height: 19px;
}
.footer-container .social-icons a.icon_facebook {
  background: url("../images/icons/facebook-white.svg") no-repeat;
}
.footer-container .social-icons a.icon_instagram {
  background: url("../images/icons/instagram-white.svg") no-repeat;
}
.footer-container .social-icons a.icon_line {
  background: url("../images/icons/line-white.svg") no-repeat;
}
.footer-container .social-icons a.icon_youtube {
  background: url("../images/icons/youtube-white.svg") no-repeat;
}
.footer-container .payment-icons {
  display: flex;
  gap: 8px;
  list-style: none;
  padding: 0;
}
.footer-container .payment-icons li {
  width: 40px;
  height: 40px;
  background: white;
  border-radius: 0.25rem;
  padding: 0.1875rem;
}
.footer-container .payment-icons li.icon_mastercard a {
  background-image: url("../images/brand-logo/master-card.svg");
}
.footer-container .payment-icons li.icon_visacard a {
  background-image: url("../images/brand-logo/visa.svg");
}
.footer-container .payment-icons li.icon_amex a {
  background-image: url("../images/brand-logo/amex.svg");
}
.footer-container .payment-icons li.icon_wechatpay a {
  background-image: url("../images/brand-logo/wechatpay.svg");
}
.footer-container .payment-icons li.icon_unionpay a {
  background-image: url("../images/brand-logo/union-pay.svg");
}
.footer-container .payment-icons li a {
  display: inline-block;
  font-size: 0;
  vertical-align: top;
  width: 2rem;
  height: 2rem;
  cursor: default;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.footer-container .menu--centara-the-1-footer {
  width: 45%;
  min-height: 170px;
  display: inline-block;
  display: inline-block;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}
@media screen and (max-width: 767px) {
  .footer-container .menu--centara-the-1-footer {
    width: 100%;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    order: 1;
  }
}
.footer-container .menu--centara-the-1-footer ul {
  padding-left: 0;
}
.footer-container .menu--centara-the-1-footer ul li {
  margin-bottom: 1rem;
}
.footer-container .menu--centara-the-1-footer ul li a {
  color: white;
}
@media screen and (max-width: 767px) {
  .footer-container .menu--centara-the-1-footer ul li a {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .footer-container .footer-column {
    order: 3;
  }
  .footer-container .footer-column.newsletter-col {
    order: 2;
    margin-bottom: 25px;
  }
}
.footer-container .newsletter-col .btn--primary {
  background-color: #a12a23;
  color: #fff;
  text-decoration: none;
  padding: 12px 40px;
  display: inline-block;
  font-size: 15px;
}
.footer-container .newsletter-col .btn--primary:hover {
  background-color: #c44149;
  transition: all ease 0.5s;
}
.footer-container .back-to-top {
  position: absolute;
  scroll-behavior: smooth;
  top: 0;
  right: 0;
  z-index: 8;
  margin: 9.5rem 5.375rem 0 0;
}
@media screen and (max-width: 767px) {
  .footer-container .back-to-top {
    margin: 0 auto;
    top: -67px;
    right: -5px;
  }
}
.footer-container .back-to-top a {
  width: 51px;
  height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background: url("../images/icons/icon-back-top.svg") no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .footer-container .back-to-top a {
    width: 45px;
    height: 45px;
  }
}
.footer-container .back-to-top a:hover {
  border-color: white;
}
.footer-container .footer-bottom {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
  font-size: 12px;
  color: #999;
}
@media screen and (max-width: 767px) {
  .footer-container .footer-bottom {
    display: block;
    text-align: center;
  }
}
.footer-container .footer-bottom .menu {
  display: flex;
  list-style: none;
  padding: 0;
  gap: 25px;
}
@media screen and (max-width: 767px) {
  .footer-container .footer-bottom .menu {
    justify-content: center;
  }
}
.footer-container .footer-bottom .menu a {
  color: white;
  text-decoration: none;
  font-size: 10px;
}
.footer-container .footer-bottom .copyright {
  color: white;
  font-size: 10px;
}

.block-block-grouplanguage-currency {
  position: relative;
  margin: 0 auto;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .block-block-grouplanguage-currency {
    width: 100%;
  }
}
.block-block-grouplanguage-currency.show {
  opacity: 1;
  visibility: visible;
}
.block-block-grouplanguage-currency .select2-container {
  width: 100% !important;
}
.block-block-grouplanguage-currency .block-webform.block-webform-block {
  width: 560px;
  background-color: #fff;
  padding: 37px 35px;
  max-width: 100%;
}
.block-block-grouplanguage-currency .ui-dialog-content {
  height: auto !important;
  overflow: visible;
  padding: 8px 32px;
}
.block-block-grouplanguage-currency form .select2 .select2-selection--single {
  border-color: #000;
  padding: 18px 25px;
  height: auto;
  max-height: none;
}
.block-block-grouplanguage-currency form .select2 .select2-selection--single .select2-selection__rendered {
  font-weight: 400;
  font-size: 16px;
  line-height: 156.1%;
  letter-spacing: -0.025em;
  color: #000000;
  padding: 0;
  padding-right: 20px;
}
.block-block-grouplanguage-currency form .select2 .select2-selection--single .select2-selection__arrow {
  width: 16px;
  height: 9px;
  top: 26px;
  right: 26px;
}
.block-block-grouplanguage-currency form .select2 .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.block-block-grouplanguage-currency form .select2 .select2-selection--single .select2-selection__arrow {
  background-image: url('data:image/svg+xml,<svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.00023 8.99997C7.81247 8.99997 7.62472 8.92648 7.48102 8.77841L0.215252 1.29156C-0.0710995 0.996491 -0.0710995 0.516607 0.215252 0.221542C0.501603 -0.0735219 0.967317 -0.0735219 1.25367 0.221542L8.00023 7.17339L14.7468 0.221542C15.0331 -0.0735219 15.4989 -0.0735219 15.7852 0.221542C16.0716 0.516607 16.0716 0.996491 15.7852 1.29156L8.51943 8.77841C8.37574 8.92648 8.18798 8.99997 8.00023 8.99997Z" fill="black"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}
.block-block-grouplanguage-currency form .select2-container--open {
  right: 0;
  left: 0;
}
.block-block-grouplanguage-currency form .select2-container--open .select2-dropdown--below {
  border-top: none;
}
.block-block-grouplanguage-currency form .select2-container--open .select2-dropdown--above {
  border-bottom: none;
}
.block-block-grouplanguage-currency form .form-no-label {
  margin-bottom: 20px;
  position: relative;
}
.block-block-grouplanguage-currency form .form-no-label p {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 22px;
  line-height: 156.1%;
  letter-spacing: -0.025em;
  color: #000000;
}
.block-block-grouplanguage-currency form .form-no-label a {
  font-size: 0;
  top: -12px;
  right: -12px;
  position: absolute;
  background-color: transparent;
  width: 22px;
  height: 22px;
  transition: color 0.4s ease;
  text-decoration: none;
  color: #000;
}
.block-block-grouplanguage-currency form .form-no-label a::before {
  content: "\e902";
  font-family: "icomoon", sans-serif;
  font-size: 22px;
  line-height: 1;
}
@media (hover: hover) {
  .block-block-grouplanguage-currency form .form-no-label a:hover {
    color: #B5121B;
  }
}
.block-block-grouplanguage-currency form .form-item {
  margin-bottom: 25px;
}
.block-block-grouplanguage-currency form .form-item:last-child {
  margin-bottom: 0;
}
.block-block-grouplanguage-currency form .form-item label {
  font-weight: 400;
  font-size: 16px;
  line-height: 156.1%;
  letter-spacing: -0.025em;
  color: #000000;
  margin-bottom: 9px;
}
.block-block-grouplanguage-currency form .form-item:has(input[type=button]) {
  margin-bottom: 0;
}
.block-block-grouplanguage-currency form .form-item input[type=button] {
  cursor: pointer;
  display: block;
  margin: 0 auto;
  background-color: #B5121B;
  color: #fff;
  border: none;
  padding: 13px 26px;
  border-radius: 0;
  outline: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  width: 123px;
  max-width: 100%;
  transition: all 0.4s ease;
}
@media (hover: hover) {
  .block-block-grouplanguage-currency form .form-item input[type=button]:hover {
    background-color: var(--button-primary-bg-hov);
  }
}

.select2-container--open .select2-dropdown {
  border: 1px solid #000000 !important;
  border-top: 0 !important;
  box-shadow: none;
}
.select2-container--open .select2-dropdown .select2-search--dropdown {
  display: none;
}

.select2-results:has(#select2-edit-language-results),
.select2-results:has(#select2-edit-currency-results) {
  padding: 22px 31px;
}
.select2-results:has(#select2-edit-language-results) > .select2-results__options,
.select2-results:has(#select2-edit-currency-results) > .select2-results__options {
  max-height: 429px;
}
@media (max-height: 1080px) {
  .select2-results:has(#select2-edit-language-results) > .select2-results__options,
  .select2-results:has(#select2-edit-currency-results) > .select2-results__options {
    max-height: 254px;
  }
}
.select2-results:has(#select2-edit-language-results) > .select2-results__options::-webkit-scrollbar-track,
.select2-results:has(#select2-edit-currency-results) > .select2-results__options::-webkit-scrollbar-track {
  background-color: #fff;
}
.select2-results:has(#select2-edit-language-results) > .select2-results__options::-webkit-scrollbar,
.select2-results:has(#select2-edit-currency-results) > .select2-results__options::-webkit-scrollbar {
  width: 3px;
  background-color: #fff;
}
.select2-results:has(#select2-edit-language-results) > .select2-results__options::-webkit-scrollbar-thumb,
.select2-results:has(#select2-edit-currency-results) > .select2-results__options::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #d9d9d9;
}
.select2-results:has(#select2-edit-language-results) > .select2-results__options .select2-results__group,
.select2-results:has(#select2-edit-currency-results) > .select2-results__options .select2-results__group {
  font-weight: 600;
  font-size: 18px;
  line-height: 156.1%;
  letter-spacing: -0.025em;
  color: #84754e;
  padding: 0 0 10px;
}
.select2-results:has(#select2-edit-language-results) > .select2-results__options .select2-results__options,
.select2-results:has(#select2-edit-currency-results) > .select2-results__options .select2-results__options {
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 21px;
  padding-bottom: 19px;
}
.select2-results:has(#select2-edit-language-results) .select2-results__option--selected,
.select2-results:has(#select2-edit-currency-results) .select2-results__option--selected {
  background-color: transparent;
  color: #B5121B;
  font-weight: 700;
}
.select2-results:has(#select2-edit-language-results) .select2-results__option--selected b,
.select2-results:has(#select2-edit-language-results) .select2-results__option--selected span,
.select2-results:has(#select2-edit-currency-results) .select2-results__option--selected b,
.select2-results:has(#select2-edit-currency-results) .select2-results__option--selected span {
  font-weight: 700;
  color: #B5121B;
}
.select2-results:has(#select2-edit-language-results) .select2-results__option,
.select2-results:has(#select2-edit-currency-results) .select2-results__option {
  padding: 10px 0;
}
.select2-results:has(#select2-edit-language-results) .select2-results__option span,
.select2-results:has(#select2-edit-currency-results) .select2-results__option span {
  cursor: pointer;
  font-weight: 300;
  font-size: 15px;
  line-height: 140%;
  color: #000000;
  transition: color 0.4s ease;
}
.select2-results:has(#select2-edit-language-results) .select2-results__option span b,
.select2-results:has(#select2-edit-currency-results) .select2-results__option span b {
  transition: color 0.4s ease;
  width: 54px;
  display: inline-block;
  font-weight: 600;
}
.select2-results:has(#select2-edit-language-results) .select2-results__option[aria-selected=true],
.select2-results:has(#select2-edit-currency-results) .select2-results__option[aria-selected=true] {
  background: transparent;
  color: #B5121B;
  font-weight: bold;
}
.select2-results:has(#select2-edit-language-results) .select2-results__option[aria-selected=true] span,
.select2-results:has(#select2-edit-currency-results) .select2-results__option[aria-selected=true] span {
  color: inherit;
  font-weight: bold;
}
.select2-results:has(#select2-edit-language-results) .select2-results__option[aria-selected=true] span b,
.select2-results:has(#select2-edit-currency-results) .select2-results__option[aria-selected=true] span b {
  font-weight: bold;
}

.select2-results__options::-webkit-scrollbar {
  background-color: #fff;
  width: 3px;
}
.select2-results__options::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #d9d9d9;
}
.select2-results__options::-webkit-scrollbar-track {
  background-color: #fff;
}

.mfp-bg.mfp-ready {
  opacity: 0.5;
}

.mfp-content button.mfp-close {
  background-color: #fff;
  font-size: 0;
  border: none;
  background-color: transparent;
  width: 15px;
  height: 15px;
  right: 20px;
  top: 20px;
  background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.1164 0L11 9.11643L1.88357 0L0 1.88357L9.11643 11L0 20.1164L1.88357 22L11 12.8836L20.1164 22L22 20.1164L12.8836 11L22 1.88357L20.1164 0Z" fill="black"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  transition: background-image 0.4s ease;
  opacity: 1;
}
@media (hover: hover) {
  .mfp-content button.mfp-close:hover {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.1164 0L11 9.11643L1.88357 0L0 1.88357L9.11643 11L0 20.1164L1.88357 22L11 12.8836L20.1164 22L22 20.1164L12.8836 11L22 1.88357L20.1164 0Z" fill="%23B5121B"/></svg>');
  }
}

.nav-profile {
  width: 400px;
  background: #FFF;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.08);
}
@media ( min-width: 0 ) and ( max-width: 1199px ) {
  .nav-profile {
    width: 250px;
  }
}
@media ( min-width: 0 ) and ( max-width: 767px ) {
  .nav-profile {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    background-color: transparent;
    box-shadow: none;
    position: relative;
    z-index: 4;
  }
}
.nav-profile a {
  position: relative;
  display: block;
  padding: 0 30px;
  line-height: 1.5;
}
.nav-profile a.active::before {
  content: "";
  width: 6px;
  height: 25px;
  background-color: #B5121B;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media ( min-width: 0 ) and ( max-width: 767px ) {
  .nav-profile a {
    padding: 0;
  }
  .nav-profile a.active::before {
    left: -20px;
  }
}
@media ( min-width: 0 ) and ( max-width: 767px ) {
  .nav-profile-mobile {
    margin-left: -20px;
    margin-right: -20px;
    position: relative;
  }
}
@media ( min-width: 0 ) and ( max-width: 767px ) {
  .nav-profile-wrapper {
    display: none;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
  }
}
@media (min-width: 768px) {
  .nav-profile-toggle {
    display: none;
  }
}
.nav-profile-toggle button {
  padding: 21px 24px;
  background-color: #fff;
  border: none;
  border-bottom: 1px solid #C0C0C0;
  position: relative;
  width: 100%;
  text-align: left;
}
.nav-profile-toggle button svg {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -4px;
  transition: transform 0.4s ease;
}
.nav-profile-toggle button.active svg {
  transform: rotate(180deg);
}
.nav-profile .profile-header {
  display: flex;
  gap: 15px;
  padding: 30px;
  border-bottom: 1px solid #C4C4C4;
}
.nav-profile .profile-header .profile-icon img {
  width: 47px;
  height: 47px;
}
.nav-profile .profile-header .profile-info {
  flex: 1;
}
.nav-profile .profile-header .profile-name {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 4px;
}
.nav-profile .profile-header .profile-status {
  font-size: 14px;
  margin-bottom: 15px;
}
.nav-profile .profile-header .member-id {
  font-size: 15px;
  margin-bottom: 0;
}
@media ( min-width: 0 ) and ( max-width: 767px ) {
  .nav-profile .profile-header {
    margin-top: 22px;
    background-color: #fff;
    padding: 18px 19px;
    border: none;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.08);
  }
}
.nav-profile .menu-section {
  padding: 27px 0 30px;
  border-bottom: 1px solid #C4C4C4;
}
.nav-profile .menu-section:last-child {
  border-bottom: none;
}
.nav-profile .menu-section .section-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}
.nav-profile .menu-section .menu-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.nav-profile .menu-section .menu-item {
  font-size: 15px;
  padding: 5px 0;
  cursor: pointer;
  position: relative;
}
.nav-profile .menu-section .menu-item:not(:last-child) {
  margin-bottom: 8px;
}
@media ( min-width: 0 ) and ( max-width: 767px ) {
  .nav-profile .menu-section .menu-item {
    padding: 0;
  }
  .nav-profile .menu-section .menu-item:not(:last-child) {
    margin-bottom: 0;
  }
  .nav-profile .menu-section .menu-item + .menu-item {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .redeem-page .nav-profile .nav-profile-mobile {
    display: none;
  }
  .redeem-page .nav-profile .profile-header {
    margin-top: 0;
  }
}

.form-wrapper {
  max-width: 960px;
  margin: 40px auto;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .form-wrapper {
    margin: 30px auto;
  }
}
.form-wrapper .form-group select {
  max-width: 241px;
}
@media screen and (max-width: 767px) {
  .form-wrapper .form-group select {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .form-wrapper .btn {
    display: block;
    margin: 0 auto;
  }
}

.form-title {
  font-size: 22px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.form-group {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 20px;
  margin-bottom: 25px;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .form-group {
    grid-template-columns: 150px 1fr;
  }
  .form-group.form-group-birthday {
    align-items: initial;
  }
}
.form-group .form-label {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0;
}
.form-group .form-static {
  font-size: 15px;
  word-break: break-all;
}
.form-group .form-control,
.form-group select {
  width: 100%;
  height: 35px;
  padding: 0 15px;
  border: 1px solid #cfcfcf;
  border-radius: 2px;
  font-size: 14px;
  max-width: 387px;
  background-color: white;
  border-radius: 0;
}
.form-group .form-control::placeholder,
.form-group select::placeholder {
  color: #636363;
  font-size: 15px;
}
@media screen and (max-width: 767px) {
  .form-group .form-control,
  .form-group select {
    max-width: 100%;
  }
}
.form-group .form-control:focus,
.form-group select:focus {
  border-color: #cfcfcf;
  outline: none;
  box-shadow: none;
}
.form-group .form-grid-fields {
  display: grid;
  gap: 10px;
}
.form-group .form-grid-fields.triple {
  display: flex;
  flex-wrap: wrap;
}
.form-group .form-grid-fields.triple .form-select {
  max-width: 72px;
}
.form-group .form-grid-fields.triple .form-select.year {
  max-width: 81px;
}
@media screen and (max-width: 767px) {
  .form-group .form-grid-fields.triple .form-select.year {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .form-group .form-grid-fields.triple .form-select.select-day, .form-group .form-grid-fields.triple .form-select.select-month {
    flex: 0 0 calc(50% - 5px);
    max-width: 100%;
  }
}
.form-group .form-grid-fields.phone {
  grid-template-columns: 110px 1fr;
}
.form-group .form-radio-group {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 767px) {
  .form-group .form-radio-group {
    gap: 12px;
  }
}
.form-group .form-radio-group .radio-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  cursor: pointer;
}
.form-group .phone-field {
  display: flex;
  align-items: center;
  height: 37px;
  border: 1px solid #cfcfcf;
  max-width: 387px;
  position: relative;
}
.form-group .phone-field::before {
  content: "";
  position: absolute;
  left: 85px;
  top: 6px;
  height: 23px;
  width: 1px;
  z-index: 1;
  background: #d2d2d2;
}
@media screen and (max-width: 767px) {
  .form-group .phone-field::before {
    left: 68px;
  }
}
.form-group .phone-code {
  width: 85px;
  height: 100%;
  border: none;
  outline: none;
  font-size: 15px;
  padding-left: 15px;
  appearance: none;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .form-group .phone-code {
    width: 74px;
    padding-left: 10px;
  }
}
.form-group .phone-number {
  flex: 1;
  height: 100%;
  border: none;
  outline: none;
  padding: 0 15px;
  font-size: 15px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .form-group .phone-number {
    padding: 0 5px;
  }
}
.form-group .form-help-text {
  color: #707070;
  font-size: 12px;
  margin-top: 8px;
  max-width: 387px;
}
.form-group .toggle-password {
  position: absolute;
  right: 15px;
  z-index: 10;
  cursor: pointer;
  color: #8F8F8F;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  z-index: 1;
}
@media screen and (max-width: 900px) {
  .form-group .toggle-password {
    right: 15px;
  }
}
.form-group .toggle-password img {
  display: block;
  transition: opacity 0.4s ease;
}
.form-group .toggle-password .icon-alt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.form-group .toggle-password.is-active {
  display: flex !important;
  align-items: center;
}
.form-group .toggle-password.show img {
  opacity: 0;
}
.form-group .toggle-password.show .icon-alt {
  opacity: 1;
}
.form-group .password-field-container {
  position: relative;
  display: flex;
  align-items: center;
}

.wrapper-button {
  margin-top: 40px;
  display: flex;
  align-items: center;
}
.wrapper-button .btn-clear {
  margin-left: 35px;
  font-size: 15px;
  font-weight: 600;
  background: url("../images/icons/icon-close.svg") no-repeat left center;
  background-size: 10px;
  padding-left: 20px;
}

.checkbox-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 15px;
  line-height: 1.4;
  margin-bottom: 20px;
}
.checkbox-label input {
  display: none;
}
.checkbox-label span {
  position: relative;
  padding-left: 38px;
}
.checkbox-label {
  /* BOX */
}
.checkbox-label span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #a6a6a6;
  background: white;
}
.checkbox-label span::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 4px;
  width: 5px;
  height: 11px;
  border-right: 2px solid #b30000;
  border-bottom: 2px solid #b30000;
  transform: rotate(45deg) scale(0);
  transition: 0.12s ease;
}
.checkbox-label input:checked + span::after {
  transform: rotate(45deg) scale(1);
}
.checkbox-label:hover span::before {
  border-color: #777;
}

.form-footer-options {
  margin: 40px 0;
  padding-top: 20px;
  border-top: 1px solid #c4c4c4;
}

.group-data {
  padding-top: 60px;
}
.group-data .form-label {
  display: block;
  border-bottom: 1px solid #C4C4C4;
  padding-bottom: 18px;
  margin-bottom: 25px;
  font-size: 15px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .group-data .form-label {
    text-align: center;
  }
}
.group-data .inner-btn {
  display: flex;
  flex-direction: column;
}
.group-data .inner-btn .btn-data {
  width: 199px;
  display: inline-block;
  background: #636363;
  height: 51px;
  border: 0;
  color: white;
  text-align: center;
  border-radius: 0;
}
.group-data .inner-btn .btn-data:first-child {
  margin-bottom: 23px;
}

.btn-submit-primary {
  font-family: "Open Sans";
  color: #fff;
  font-weight: 500;
  padding: 18px 30px;
  display: block;
  width: fit-content;
  font-size: 16px;
  background-color: #B5121B;
  text-decoration: none;
  transition: all 0.3s ease;
}
@media (hover: hover) {
  .btn-submit-primary:hover {
    background-color: rgba(204, 35, 44, 0.9019607843);
    transition: all 0.3s ease;
  }
}
@media ( min-width: 0 ) and ( max-width: 767px ) {
  .btn-submit-primary {
    padding: 13px 28px;
  }
}
.btn-submit-primary {
  background: rgba(181, 18, 27, 0.9);
  color: white;
  border: none;
  padding: 14px 30px;
  font-weight: 500;
  cursor: pointer;
  border-radius: 0;
  min-width: 199px;
  text-align: center;
}

.form-radio-group {
  display: flex;
  gap: 40px;
}

.radio-item {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 18px;
  padding-left: 34px;
}
.radio-item input[type=radio] {
  display: none;
}
.radio-item span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  transition: 0.2s;
  background: white;
}
.radio-item span::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%) scale(0.5);
  width: 13px;
  height: 13px;
  background: #B5121B;
  border-radius: 50%;
  opacity: 0;
  transition: 0.2s;
}
.radio-item {
  /* checked */
}
.radio-item input:checked + span::after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.radio-item input:checked + span::before {
  border-color: #B5121B;
}
.radio-item:hover span::before {
  border-color: #999;
}

@media (max-width: 767px) {
  .form-group {
    gap: 5px;
    margin-bottom: 20px;
  }
}
.alert-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #C7F4D4;
  padding: 15px 30px;
}
.alert-banner .alert-content {
  display: flex;
  align-items: center;
  gap: 15px;
}
.alert-banner .alert-content .check-icon {
  flex-shrink: 0;
  background-color: #68C142;
  color: white;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
}
.alert-banner .alert-content p {
  margin: 0;
  color: black;
  font-size: 15px;
  font-weight: 600;
}
.alert-banner .btn-login {
  text-decoration: none;
  color: #26662F;
  border: 1px solid #26662F;
  padding: 12px 24px;
  font-size: 15px;
  transition: all 0.2s ease-in-out;
  min-width: 113px;
  text-align: center;
}
@media (hover: hover) {
  .alert-banner .btn-login:hover {
    background-color: #79bd6f;
    color: white;
  }
}
.alert-banner .btn-login:active {
  transform: scale(0.98);
}
@media (max-width: 767px) {
  .alert-banner {
    padding: 16px;
    margin-bottom: 18px;
  }
  .alert-banner .alert-content {
    padding-right: 10px;
  }
  .alert-banner .alert-content .check-icon {
    width: 23px;
    height: 23px;
  }
  .alert-banner .btn-login {
    padding: 12px 17px;
    min-width: 81px;
    flex-shrink: 0;
  }
}

.alert-banner-empty {
  background: rgba(181, 18, 27, 0.2);
  padding: 18px 26px;
  margin-bottom: 30px;
}
.alert-banner-empty p {
  margin-bottom: 0;
  color: #B5121B;
  background: url("../images/icons/icon-empty.svg") no-repeat left center;
  padding-left: 40px;
}
@media ( min-width: 0 ) and ( max-width: 767px ) {
  .alert-banner-empty {
    padding: 20px 15px;
    margin-bottom: 18px;
  }
  .alert-banner-empty p {
    padding-left: 36px;
  }
}

.alert-banner--info {
  background: rgba(38, 166, 209, 0.2);
  padding: 18px 26px;
  margin-bottom: 30px;
}
.alert-banner--info .alert-content p {
  margin-bottom: 0;
  color: #00447C;
}
@media ( min-width: 0 ) and ( max-width: 767px ) {
  .alert-banner--info {
    padding: 20px 15px;
    margin-bottom: 18px;
  }
}

@media screen and (max-width: 767px) {
  .form-pw .form-group {
    display: block;
  }
  .form-pw .form-group .form-label {
    margin-bottom: 15px;
  }
}

.alert-banner-message {
  background: rgba(38, 166, 209, 0.3);
  color: #00447C;
  padding: 18px 30px;
  margin-bottom: 25px;
  font-weight: 600;
}

@media (max-width: 1199px) {
  .profile-form .form-group {
    grid-template-columns: 137px 1fr;
  }
}
@media (max-width: 767px) {
  .profile-form .form-group {
    margin-bottom: 15px;
  }
  .profile-form .form-label {
    padding-right: 0;
  }
}

.table .empty-message {
  padding: 30px 10px;
  color: #666;
}

.banner img {
  width: 100%;
  height: auto;
}

.account-summary {
  margin-bottom: 40px;
}
.account-summary .section-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 25px;
}
.account-summary .subsection-title {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 400;
}

.content-grid {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 30px;
  margin-bottom: 40px;
}
@media (max-width: 968px) {
  .content-grid {
    grid-template-columns: 1fr;
  }
}

.points-card {
  background-color: #fff;
  padding: 27px 31px;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.08);
}
.points-card .user-name,
.points-card .points-label {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
}
.points-card .member-id {
  font-size: 16px;
}
.points-card .points-value {
  font-size: 16px;
}
@media ( min-width: 0 ) and ( max-width: 767px ) {
  .points-card {
    padding: 23px 26px;
  }
  .points-card .points-value,
  .points-card .member-id {
    margin-bottom: 0;
  }
  .points-card .points-info {
    margin-top: 19px;
  }
  .points-card .points-label,
  .points-card .user-name {
    font-size: 16px;
  }
}

.membership-tiers {
  background-color: #fff;
  padding: 27px 31px;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.08);
}
.membership-tiers .tiers-label {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 20px;
}
.membership-tiers .tiers-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 768px) {
  .membership-tiers .tiers-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 15px;
  }
}
@media (max-width: 480px) {
  .membership-tiers .tiers-list {
    grid-template-columns: 1fr 1fr;
  }
}
.membership-tiers .tier {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: max-content;
  margin: 0 auto;
}
.membership-tiers .tier .tier-icon {
  width: 65px;
  height: 65px;
}
.membership-tiers .tier .tier-name {
  font-size: 15px;
  text-align: center;
  margin-bottom: 0;
}
@media ( min-width: 0 ) and ( max-width: 767px ) {
  .membership-tiers {
    padding: 29px 26px;
  }
  .membership-tiers .tiers-label {
    margin-bottom: 28px;
  }
}

.account-upgrade-section {
  background-color: #fff;
  padding: 29px 31px;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.08);
  margin-bottom: 36px;
}
.account-upgrade-section .upgrade-header {
  font-size: 15px;
  margin-bottom: 15px;
}
.account-upgrade-section .upgrade-header .upgrade-label {
  font-weight: 400;
  margin-right: 8px;
}
.account-upgrade-section .upgrade-header .upgrade-tier {
  font-weight: 700;
}
.account-upgrade-section .upgrade-description {
  font-size: 15px;
}
.account-upgrade-section .conditions-grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 40px;
  align-items: center;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .account-upgrade-section .conditions-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.account-upgrade-section .condition-card {
  background-color: rgba(187, 168, 136, 0.2);
  padding: 13px 17px;
  border-radius: 10px;
  min-height: 107px;
}
.account-upgrade-section .condition-card .condition-number {
  display: flex;
  gap: 15px;
  align-items: center;
  margin-bottom: 15px;
}
.account-upgrade-section .condition-card .condition-number img {
  width: 35px;
  height: 35px;
}
.account-upgrade-section .condition-card .condition-stats {
  font-size: 15px;
  display: flex;
  gap: 7px;
  align-items: center;
}
.account-upgrade-section .condition-card .condition-stats .stats-current {
  font-weight: 700;
  font-size: 22px;
}
.account-upgrade-section .condition-card .progress-bar {
  width: 100%;
  height: 8px;
  background-color: #e0e0e0;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 7px;
}
.account-upgrade-section .condition-card .progress-bar .progress-fill {
  height: 100%;
  background-color: #fff;
  border-radius: 3px;
  transition: width 0.3s ease;
}
.account-upgrade-section .condition-card .progress-bar .progress-fill .range-slider__thumb,
.account-upgrade-section .condition-card .progress-bar .progress-fill .range-slider__range {
  background-color: #254F69;
  height: 8px;
  border-radius: 20px;
}
.account-upgrade-section .condition-card .progress-bar .progress-fill.progress-fill-red .range-slider__thumb,
.account-upgrade-section .condition-card .progress-bar .progress-fill.progress-fill-red .range-slider__range {
  background-color: #B5121B;
}
.account-upgrade-section .condition-card .condition-message {
  font-size: 12px;
  margin: 0;
}
.account-upgrade-section .condition-separator {
  text-align: center;
  font-size: 16px;
}
@media ( min-width: 0 ) and ( max-width: 767px ) {
  .account-upgrade-section {
    padding: 29px 26px;
  }
  .account-upgrade-section .upgrade-header {
    margin-bottom: 21px;
  }
  .account-upgrade-section .upgrade-header .upgrade-tier {
    display: block;
    margin-top: 8px;
  }
  .account-upgrade-section .upgrade-description {
    margin-bottom: 28px;
  }
}

.print-card-btn {
  background-color: rgba(181, 18, 27, 0.9019607843);
  border: none;
  padding: 14px 35px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.print-card-btn:hover {
  background-color: rgba(204, 35, 44, 0.9019607843);
}

.social-section {
  padding-top: 30px;
  margin-top: 50px;
  border-top: 1px solid #C4C4C4;
}
.social-section .social-title {
  font-size: 18px;
  margin-bottom: 22px;
}
.social-section .social-icons {
  display: flex;
  gap: 38px;
  align-items: center;
}
.social-section .social-link img {
  width: auto;
  height: 26px;
}
@media ( min-width: 0 ) and ( max-width: 767px ) {
  .social-section {
    margin-left: -20px;
    margin-right: -20px;
    text-align: center;
    padding: 49px 20px 0;
  }
  .social-section .social-icons {
    justify-content: center;
    gap: 0 25px;
  }
  .social-section .social-title {
    margin-bottom: 14px;
  }
}

.profile-info .item-info {
  display: flex;
  margin-bottom: 30px;
  gap: 0 26px;
}
.profile-info .item-info span {
  display: block;
}
.profile-info .item-info span.label {
  min-width: 255px;
  font-weight: 600;
}
.profile-info .item-info span.info {
  overflow-wrap: anywhere;
}
@media ( min-width: 0 ) and ( max-width: 767px ) {
  .profile-info .item-info:last-child {
    margin-bottom: 0;
  }
  .profile-info .item-info span.label {
    flex-shrink: 0;
    min-width: auto;
    max-width: 139px;
    width: 50%;
  }
}

.form-group .number-field {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: 342px;
  border: 1px solid #bfbfbf;
  transition: 0.2s;
  background-color: white;
  padding: 6.5px 0;
}
@media screen and (max-width: 767px) {
  .form-group .number-field {
    max-width: 100%;
  }
}
.form-group .number-input {
  width: 150px;
  height: 100%;
  border: none;
  outline: none;
  padding: 0 15px;
  -moz-appearance: textfield;
}
@media screen and (max-width: 767px) {
  .form-group .number-input {
    width: 53px;
    padding: 0 11px;
  }
}
.form-group .number-input::-webkit-outer-spin-button,
.form-group .number-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-group {
  /* SPINNER */
}
.form-group .number-spinner {
  display: flex;
  flex-direction: column;
  height: 100%;
  height: 10px;
}
.form-group .number-spinner .spinner-btn {
  width: 46px;
  height: 50%;
  border: none;
  background: white;
  cursor: pointer;
  position: relative;
  transition: 0.15s;
}
@media screen and (max-width: 767px) {
  .form-group .number-spinner .spinner-btn {
    width: 7px;
  }
}
.form-group .number-spinner .up::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 58%;
  width: 8px;
  height: 8px;
  border-left: 1px solid black;
  border-top: 1px solid black;
  transform: translate(-50%, -50%) rotate(45deg);
}
.form-group .number-spinner .down::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 42%;
  width: 8px;
  height: 8px;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  transform: translate(-50%, -50%) rotate(45deg);
}
.form-group {
  /* UNIT */
}
.form-group .number-unit {
  padding: 0 20px;
  color: #AFAFAF;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .form-group .number-unit {
    padding: 0 5px;
  }
}
.form-group .royal-orchid .number {
  margin-bottom: 5px;
}

.main-title {
  font-size: 15px;
  margin-bottom: 20px;
  font-weight: 600;
}

.table-title {
  font-size: 15px;
  font-weight: 600;
}

table th, table td {
  padding: 15px;
}

.history-container {
  border-top: 1px solid #C4C4C4;
  padding-top: 40px;
  margin-bottom: 70px;
}
.history-container .responsive-table {
  width: 100%;
  border-collapse: collapse;
}
.history-container .responsive-table td, .history-container .responsive-table th {
  background: transparent;
  letter-spacing: -0.325px;
  font-size: 13px;
}
.history-container .responsive-table thead {
  border-bottom: 1px solid #ccc;
}
.history-container .responsive-table thead th {
  padding: 15px;
  text-align: left;
  font-weight: 500;
}
.history-container .responsive-table tbody td {
  padding: 15px;
  border-bottom: 1px solid #eee;
}
.history-container .responsive-table tbody td.td-product {
  min-width: 122px;
  white-space: normal;
}
@media screen and (max-width: 767px) {
  .history-container .responsive-table tbody td.td-product span {
    display: block;
    text-align: right;
    max-width: 150px;
  }
}
.history-container .responsive-table tr:nth-child(even) {
  background-color: white;
}
@media (max-width: 767px) {
  .history-container .responsive-table tr:nth-child(even) {
    background-color: transparent;
  }
}
@media (max-width: 767px) {
  .history-container .responsive-table {
    display: block;
  }
  .history-container .responsive-table thead {
    display: none;
  }
  .history-container .responsive-table tbody {
    display: block;
    margin-bottom: 35px;
  }
  .history-container .responsive-table tbody tr {
    display: block;
    background: #fff;
    border: 1px solid #333;
    border-radius: 8px;
    margin-bottom: 15px;
  }
  .history-container .responsive-table tbody tr td {
    display: flex;
    justify-content: space-between;
    padding: 12px 15px;
    border-bottom: none;
  }
  .history-container .responsive-table tbody tr td::before {
    content: attr(data-label);
    font-weight: 500;
    color: black;
    font-size: 13px;
    text-align: left;
    white-space: normal;
  }
  .history-container .responsive-table tbody tr td {
    text-align: right;
    color: black;
  }
}

.block-group-points.block-block-grouplanguage-currency {
  width: 638px;
  background-color: white;
  padding: 70px 35px 40px;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .block-group-points.block-block-grouplanguage-currency {
    padding: 70px 20px 40px;
  }
}
.block-group-points.block-block-grouplanguage-currency .wrapper-button-transfer {
  text-align: center;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.block-group-points.block-block-grouplanguage-currency .wrapper-button-transfer .btn {
  font-family: "Open Sans";
  color: #fff;
  font-weight: 500;
  padding: 18px 30px;
  display: block;
  width: fit-content;
  font-size: 16px;
  background-color: #B5121B;
  text-decoration: none;
  transition: all 0.3s ease;
}
@media (hover: hover) {
  .block-group-points.block-block-grouplanguage-currency .wrapper-button-transfer .btn:hover {
    background-color: rgba(204, 35, 44, 0.9019607843);
    transition: all 0.3s ease;
  }
}
@media ( min-width: 0 ) and ( max-width: 767px ) {
  .block-group-points.block-block-grouplanguage-currency .wrapper-button-transfer .btn {
    padding: 13px 28px;
  }
}
.block-group-points.block-block-grouplanguage-currency .wrapper-button-transfer .btn {
  padding: 12px 30px;
  width: 209px;
  border-radius: 0;
}
.block-group-points.block-block-grouplanguage-currency .wrapper-button-transfer .btn.btn-cancel {
  background: rgba(159, 159, 159, 0.9);
  margin-top: 22px;
}
.block-group-points.block-block-grouplanguage-currency .block-webform.block-webform-block {
  padding: 0;
}
.block-group-points.block-block-grouplanguage-currency .txt-points {
  font-size: 15px;
  margin-bottom: 30px;
  margin-top: 30px;
}
.block-group-points.block-block-grouplanguage-currency .txt-points span {
  font-weight: 600;
}

.transfer-my-points .form-group .form-control, .transfer-my-points .form-group select {
  max-width: 342px;
}
@media screen and (max-width: 767px) {
  .transfer-my-points .form-group .form-control, .transfer-my-points .form-group select {
    max-width: 100%;
  }
}
.transfer-my-points .form-group .form-label {
  max-width: 180px;
}
@media screen and (max-width: 767px) {
  .transfer-my-points .wrapper-button {
    display: block;
    text-align: center;
  }
  .transfer-my-points .wrapper-button .btn-clear {
    display: inline-block;
    margin-left: 0;
  }
  .transfer-my-points .wrapper-button .btn-submit-primary {
    margin-bottom: 30px;
  }
}

.form-group .input-wrapper {
  display: flex;
  align-items: center;
  flex: 1;
}
.form-group .input-wrapper .select-field {
  width: 100%;
  max-width: 350px;
  padding: 10px 15px;
  border: 1px solid #ccc;
  border-radius: 0;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
  font-size: 15px;
  cursor: pointer;
}
.form-group .input-wrapper .select-field:focus {
  outline: 1px solid #999;
}
.form-group .input-wrapper .unit {
  margin-left: 20px;
  font-weight: 600;
}
.form-group .input-wrapper .cost-input-box {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 5px 15px;
  background: white;
  border: 1px solid #CFCFCF;
  max-width: 305px;
}
@media screen and (max-width: 767px) {
  .form-group .input-wrapper .cost-input-box {
    max-width: 100%;
  }
}
.form-group .input-wrapper .cost-input-box .currency {
  font-weight: 600;
  margin-right: 15px;
  border-right: 1px solid #636363;
  padding-right: 15px;
}
.form-group .input-wrapper .cost-input-box .input-field {
  border: none;
  outline: none;
  width: 100%;
  font-size: 15px;
}

.form-purcha-points .form-group select {
  max-width: 305px;
  font-size: 15px;
}
@media screen and (max-width: 767px) {
  .form-purcha-points .form-group select {
    max-width: 100%;
  }
}
.form-purcha-points .txt-infor {
  margin-bottom: 35px;
}

.purchase-container {
  margin-top: 40px;
}
.purchase-container table th, .purchase-container table td {
  background: transparent;
}
.purchase-container .responsive-table {
  width: 100%;
  border-collapse: collapse;
}
.purchase-container .responsive-table thead {
  display: none;
}
.purchase-container .responsive-table tbody tr {
  display: block;
  border: 1px solid #000;
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 15px 20px;
  background: transparent;
}
@media screen and (max-width: 767px) {
  .purchase-container .responsive-table tbody tr {
    padding: 15px 10px;
  }
}
.purchase-container .responsive-table td {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  border: none;
}
.purchase-container .responsive-table td::before {
  content: attr(data-label);
  display: block;
  color: #666;
  font-weight: normal;
  margin-bottom: 4px;
}
.purchase-container .responsive-table .status-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .purchase-container .responsive-table .status-wrapper {
    justify-content: right;
  }
}
.purchase-container .responsive-table .status-wrapper .action-group {
  display: flex;
  align-items: center;
}
.purchase-container .responsive-table .status-wrapper .action-group .divider {
  margin: 0 10px;
  color: #ccc;
}
.purchase-container .responsive-table .status-wrapper .action-group .pay-now {
  color: #a32a2a;
  text-decoration: none;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .purchase-container .responsive-table tbody tr td {
    justify-content: space-between;
    flex-direction: row;
    padding: 5px 12px;
    white-space: normal;
  }
}
@media (min-width: 768px) {
  .purchase-container .responsive-table thead {
    display: table-header-group;
  }
  .purchase-container .responsive-table thead tr {
    border: none;
  }
  .purchase-container .responsive-table thead th {
    text-align: left;
    padding: 15px 10px;
    border-bottom: 1px solid #c4c4c4;
    color: #666;
    font-weight: normal;
  }
  .purchase-container .responsive-table tbody tr {
    display: table-row;
    border: none;
  }
  .purchase-container .responsive-table tbody tr:nth-child(even) {
    background-color: white;
  }
  .purchase-container .responsive-table td {
    display: table-cell;
    padding: 15px 10px;
    border-bottom: 1px solid #eee;
    font-weight: normal;
  }
  .purchase-container .responsive-table td::before {
    display: none;
  }
  .purchase-container .responsive-table .status-wrapper {
    justify-content: flex-start;
  }
}

.account-dashboard .support-links {
  margin-top: 35px;
}
.account-dashboard .support-links a {
  font-weight: 700;
  margin-left: 15px;
  background: url("../images/icons/icon-here.svg") no-repeat left center;
  padding-left: 20px;
}

.account-dashboard {
  margin-top: 45px;
  border-top: 1px solid #C4C4C4;
  padding-top: 20px;
  min-width: 0;
}
.account-dashboard .table-container {
  width: 100%;
  overflow-x: auto;
}
@media (max-width: 767px) {
  .account-dashboard .redemption-section {
    max-width: 100%;
  }
  .account-dashboard .redemption-section .redemption-summary {
    background-color: #ebe7e0;
    padding: 20px;
    border-radius: 4px;
    font-size: 13px;
  }
  .account-dashboard .redemption-section .redemption-summary .summary-header {
    margin-bottom: 20px;
  }
  .account-dashboard .redemption-section .redemption-summary .summary-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
  }
  .account-dashboard .redemption-section .redemption-summary .summary-row:last-child {
    margin-bottom: 0;
  }
}

.history-container.history-container-dt {
  border-top: 0;
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  .history-container.history-container-dt {
    display: none;
  }
}

.redemption-section {
  display: none;
}

@media (max-width: 767px) {
  .empty-box {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 31px 20px;
    text-align: center;
    margin-bottom: 20px;
    font-size: 13px;
    letter-spacing: -0.325px;
    font-weight: 300;
  }
  .account-dashboard .redemption-section {
    width: 100%;
    display: block;
  }
}
tfoot {
  background: rgba(187, 168, 136, 0.2);
}
tfoot tr td {
  padding: 15px 10px;
  text-align: center;
}
tfoot tr td.text-right {
  text-align: right;
  padding-right: 50px !important;
  font-weight: 500;
}

.form-rw-history .form-group {
  grid-template-columns: 350px 1fr;
}
@media screen and (max-width: 820px) {
  .form-rw-history .form-group {
    grid-template-columns: 150px 1fr;
    gap: 25px;
  }
}
@media screen and (max-width: 500px) {
  .form-rw-history .form-group {
    display: flex;
    justify-content: space-between;
  }
  .form-rw-history .form-group .form-label {
    max-width: 183px;
  }
}

.form-redemption .form-group {
  grid-template-columns: 130px 1fr;
}

.account-redemption {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}
.account-redemption .history-container {
  border-top: 0;
  padding-top: 10px;
}
@media screen and (max-width: 767px) {
  .account-redemption tfoot {
    display: table;
    width: 100%;
  }
  .account-redemption tfoot tr {
    display: block;
    margin: 15px 10px;
  }
  .account-redemption tfoot td {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 0;
    text-align: right;
    padding: 10px 15px;
  }
  .account-redemption tfoot td:last-child {
    border-bottom: none;
  }
  .account-redemption tfoot td::before {
    content: attr(data-label);
    font-weight: 500d;
    text-align: left;
  }
  .account-redemption tfoot td.text-right {
    text-align: left;
    display: block;
  }
  .account-redemption tfoot td.empty-row td {
    display: block;
    text-align: center;
    padding: 40px 20px;
  }
  .account-redemption tfoot td.empty-row td::before {
    content: none;
  }
  .account-redemption tfoot td.empty-cell {
    display: none;
  }
  .account-redemption .history-container {
    border-top: 0;
    padding-top: 10px;
  }
  .account-redemption .history-container .responsive-table tbody tr {
    background: transparent;
    border: 0;
    padding: 0;
    display: block;
  }
  .account-redemption .history-container .responsive-table tbody tr td {
    text-align: center;
    font-size: 13px;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .account-redemption-success {
    border-top: 1px solid #C4C4C4;
    margin-top: 30px;
  }
  .account-redemption-success .purchase-container {
    margin-top: 22px;
  }
  .account-redemption-success .history-container .responsive-table tbody tr {
    border: 1px solid black;
    border-radius: 8px;
    background: white;
    padding: 15px 10px;
  }
  .account-redemption-success .history-container .responsive-table tbody tr td {
    display: flex;
  }
}
.main-content,
.right-part,
.account-dashboard {
  min-width: 0;
}

.history-container {
  width: 100%;
}

.table-container {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-container .transaction-table {
  width: auto;
  min-width: 100%;
  white-space: nowrap;
  table-layout: auto;
}

.form-group .form-control-choose {
  flex: 1;
}
.form-group .form-control-choose .btn-choose {
  display: inline-flex;
  align-items: center;
  background-color: #a53030;
  color: white;
  padding: 8px 30px;
  cursor: pointer;
  font-size: 14px;
  border-radius: 2px;
  transition: background 0.3s;
}
.form-group .form-control-choose .btn-choose:hover {
  background-color: #8a2828;
}
.form-group .form-control-choose .btn-choose .plus-icon {
  margin-right: 8px;
  font-size: 18px;
  font-weight: 300;
}
.form-group .form-control-choose .file-upload {
  display: flex;
  align-items: center;
  gap: 15px;
}
.form-group .form-control-choose .file-upload .file-name {
  color: #333;
  font-size: 14px;
}
.form-group .form-textarea {
  width: 100%;
  min-height: 150px;
  border: 1px solid #CFCFCF;
  padding: 10px;
  outline: none;
  resize: vertical;
  max-width: 342px;
}
.form-group .form-textarea:focus {
  border-color: #999;
}

.form-inner-w .form-group .form-control, .form-inner-w .form-group select {
  max-width: 342px;
}
@media screen and (max-width: 767px) {
  .form-inner-w .form-group .form-control, .form-inner-w .form-group select {
    max-width: 100%;
  }
}

.form-report-mising .form-group {
  grid-template-columns: 165px 1fr;
}
@media screen and (max-width: 767px) {
  .form-report-mising .form-group {
    display: block;
  }
  .form-report-mising .form-group .form-label {
    margin-bottom: 10px;
  }
}
.form-report-mising .form-group.form-textarea {
  align-items: initial;
}
.form-report-mising .btn-submit-primary {
  min-width: 199px;
}

.txt-infor {
  max-width: 663px;
  line-height: 1.6;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .txt-infor {
    max-width: 100%;
  }
}

.form-gift-code {
  max-width: 460px;
}
.form-gift-code .ttl-2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}
.form-gift-code .txt-receiving {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .form-gift-code .txt-receiving {
    margin-bottom: 40px;
  }
}
.form-gift-code .form-label {
  font-weight: 600;
}
.form-gift-code .btn-submit-primary {
  background: #BC2931;
  padding: 5.5px 30px;
  font-size: 15px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .form-gift-code .btn-submit-primary {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .form-gift-code .form-group {
    display: block;
  }
  .form-gift-code .form-group .form-control {
    margin-bottom: 22px;
  }
}

@media (max-width: 767px) {
  .booking-page {
    padding-bottom: 96px;
  }
  .booking-page .form-wrapper {
    margin-bottom: 0;
  }
}

.booking-container.history-container {
  border-top: 0;
  margin-top: -23px;
  padding-top: 0;
}
@media (max-width: 767px) {
  .booking-container.history-container {
    margin-bottom: 0;
    margin-top: 0;
  }
}
.booking-container .header-line {
  border: 0;
  border-top: 1px solid #eee;
  margin: 15px 0;
}
.booking-container .responsive-table {
  width: 100%;
  border-collapse: collapse;
}
@media (min-width: 768px) {
  .booking-container .responsive-table thead th {
    text-align: left;
    padding: 10px 10px;
    font-weight: 500;
    border-bottom: 1px solid #C4C4C4;
    letter-spacing: -0.325px;
  }
  .booking-container .responsive-table tbody td {
    padding: 10px 10px;
    border-bottom: 1px solid #f5f5f5;
  }
  .booking-container .responsive-table tbody td.text-number {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .booking-container .responsive-table {
    display: block;
  }
  .booking-container .responsive-table thead {
    display: none;
  }
  .booking-container .responsive-table tbody, .booking-container .responsive-table tr, .booking-container .responsive-table td {
    display: block;
    width: 100%;
  }
  .booking-container .responsive-table tr {
    border: 1px solid #333;
    border-radius: 8px;
    margin-bottom: 20px;
    background: #fff;
  }
  .booking-container .responsive-table tr:last-child {
    margin-bottom: 0;
  }
  .booking-container .responsive-table td {
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    text-align: right;
  }
  .booking-container .responsive-table td:first-child {
    border-bottom: 1px solid black;
    margin-bottom: 10px;
    padding-bottom: 15px;
  }
  .booking-container .responsive-table td::before {
    content: attr(data-label);
    font-weight: 500;
    color: #666;
    text-align: left;
  }
}
.booking-container .empty-msg {
  text-align: left;
  padding: 20px 0;
  font-weight: 300;
  font-size: 13px;
}
@media ( min-width: 0 ) and ( max-width: 767px ) {
  .booking-container .empty-msg {
    padding: 39px 20px;
    border-radius: 5px;
    border: 1px solid #C4C4C4;
    text-align: center;
    margin-bottom: 0;
  }
}

.tab-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .tab-header {
    padding-top: 0;
    margin-bottom: 45px;
    flex-direction: column;
    gap: 0;
  }
}
.tab-header .tab-labels {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 22px;
}
@media (max-width: 767px) {
  .tab-header .tab-labels {
    margin-bottom: 30px;
  }
}
.tab-header .tab-labels .tab-item {
  cursor: pointer;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}
.tab-header .tab-labels .tab-item:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  padding-right: 18px;
  margin-right: 5px;
}
.tab-header .tab-labels .tab-item.active {
  color: #B5121B;
  font-weight: 600;
}
.tab-header .tab-labels .divider {
  color: #ccc;
}
.tab-header .tab-controls {
  display: flex;
  gap: 15px;
  flex-grow: 1;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .tab-header .tab-controls {
    display: block;
    padding: 0 30px;
    width: 337px;
    max-width: 100%;
  }
  .tab-header .tab-controls .select-wrapper {
    margin-bottom: 20px;
  }
}
.tab-header .tab-controls select {
  border: none;
  border-bottom: 1px solid black;
  outline: none;
  padding: 5px;
  min-width: 170px;
  background-color: transparent;
  border-radius: 0;
  font-weight: 300;
  letter-spacing: -0.375px;
}
.tab-header .tab-controls .search-wrapper {
  position: relative;
  border: 1px solid #ccc;
  padding: 5px 10px;
  background: white;
}
.tab-header .tab-controls .search-wrapper input {
  border: none;
  outline: none;
  color: #AFAFAF;
  font-weight: 300;
}
.tab-header .tab-controls .search-wrapper::before {
  content: "";
  position: absolute;
  top: 8px;
  right: 9px;
  background: url("../images/icons/icon-search.svg") no-repeat right center;
  background-size: cover;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}

.change-password-form .form-group {
  align-items: flex-start;
}
.change-password-form .form-group .form-label {
  line-height: 1.5333333333;
  padding-top: 6px;
}
@media (max-width: 767px) {
  .change-password-form .form-group {
    display: block;
    margin-bottom: 29px;
  }
  .change-password-form .form-group .form-label {
    padding-top: 0;
    display: block;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .change-password-form .wrapper-button {
    margin-top: 45px;
  }
}
.change-password-form .form-input-wrapper {
  max-width: 387px;
}
@media screen and (max-width: 900px) {
  .change-password-form .form-input-wrapper {
    max-width: 100%;
  }
}

.reset-password .right-part {
  max-width: 895px;
  margin-left: auto;
  margin-right: auto;
}
.reset-password .form-wrapper {
  margin-top: 20px;
}
.reset-password .heading-page {
  margin-bottom: 20px;
}
.reset-password .section-title {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
}
.reset-password .form-group {
  grid-template-columns: 80px 1fr;
}
.reset-password .form-group .form-help-text {
  grid-column: span 2/span 2;
  max-width: 100%;
  color: #000;
}
@media ( min-width: 0 ) and ( max-width: 767px ) {
  .reset-password .heading-page {
    margin-bottom: 31px;
  }
  .reset-password .section-title {
    margin-bottom: 30px;
  }
  .reset-password .alert-banner {
    margin-bottom: 31px;
  }
  .reset-password .form-group {
    display: block;
  }
  .reset-password .form-group label {
    margin-bottom: 17px;
  }
  .reset-password .form-group .form-help-text {
    margin-top: 24px;
  }
}

.heading-page-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.heading-page-inner h1 {
  margin-bottom: 0;
}

.back-redeem {
  background: url("../images/icons/icon-back.svg") no-repeat left center;
  padding-left: 20px;
}
.back-redeem:hover {
  opacity: 0.8;
}
.back-redeem.back-mb {
  display: none;
}
@media screen and (max-width: 767px) {
  .back-redeem.back-mb {
    display: block;
    margin: 20px 0 30px;
  }
}
.back-redeem.back-dt {
  display: block;
}
@media screen and (max-width: 767px) {
  .back-redeem.back-dt {
    display: none;
  }
}

.inner-restaurant .ttl-2 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 20px;
}
.inner-restaurant img {
  width: 100%;
  max-width: 850px;
}

.ttl-line {
  font-weight: 600;
  padding-bottom: 13px;
  margin-bottom: 23px;
  border-bottom: 1px solid #C4C4C4;
}

@media screen and (max-width: 767px) {
  .inner-redeem .form-group .number-spinner {
    padding-right: 10px;
  }
}
.inner-redeem .form-group .form-label {
  font-weight: 400;
}
.inner-redeem .form-group .form-static {
  font-weight: 600;
}
.inner-redeem .form-group .number-field {
  max-width: 227px;
}
@media screen and (max-width: 767px) {
  .inner-redeem .form-group .number-field {
    max-width: 100%;
  }
}
.inner-redeem .form-group .number-field {
  flex-wrap: nowrap;
}
.inner-redeem .form-group .number-field .number-input {
  width: 100%;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
}
.inner-redeem .inner {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .inner-redeem .inner {
    margin-bottom: 40px;
  }
}
.inner-redeem .inner-metho .progress-fill-red .range-slider__range {
  background: url("../images/icons/point.svg") no-repeat;
}
.inner-redeem .btn-submit-primary {
  min-width: 130px;
}

.inner-method {
  background-color: transparent;
  padding: 0;
  box-shadow: none;
  margin-bottom: 20px;
}
.inner-method.account-upgrade-section .conditions-grid {
  display: block;
}
.inner-method.account-upgrade-section .condition-card {
  max-width: 485px;
}
@media screen and (max-width: 960px) {
  .inner-method.account-upgrade-section .condition-card {
    max-width: 100%;
  }
}
.inner-method.account-upgrade-section .condition-card .progress-bar {
  overflow: visible;
}
.inner-method.account-upgrade-section .condition-card .progress-bar .progress-fill.progress-fill-red .range-slider__thumb {
  position: relative;
}
.inner-method.account-upgrade-section .condition-card .progress-bar .progress-fill.progress-fill-red .range-slider__thumb:nth-child(2) {
  display: none;
}
.inner-method.account-upgrade-section .condition-card .progress-bar .progress-fill.progress-fill-red .range-slider__thumb::before {
  content: "";
  position: absolute;
  right: -16px;
  background: url("../images/icons/icon-points.png") no-repeat;
  width: 28px;
  height: 28px;
  z-index: 99;
  background-size: cover;
  top: -11px;
}
.inner-method .range-slider__thumb[data-upper] {
  margin-top: -8px;
}
.inner-method .range-slider__thumb[data-lower]::before {
  display: none;
}

.form-redeem-points {
  display: flex;
  max-width: 300px;
}
.form-redeem-points .form-control {
  max-width: 135px;
  color: #AFAFAF;
  font-weight: 600;
  text-align: center;
  margin: 0 10px;
}
.form-redeem-points .form-control::placeholder {
  color: #AFAFAF;
}

.wrapper-by-cash {
  padding-bottom: 20px;
  margin-bottom: 35px;
  border-bottom: 1px solid #C4C4C4;
}
@media screen and (max-width: 767px) {
  .wrapper-by-cash {
    padding-bottom: 12px;
    margin-bottom: 50px;
  }
}

.inner-by-cash {
  max-width: 370px;
}
@media screen and (max-width: 767px) {
  .inner-by-cash {
    display: none;
  }
}
.inner-by-cash .form-group {
  display: flex;
  justify-content: space-between;
}

.tab-redeem {
  margin-top: 50px;
}
.tab-redeem ol {
  list-style-type: decimal;
}
.tab-redeem ul {
  list-style-type: initial;
}
.tab-redeem li {
  margin-bottom: 5px;
}
.tab-redeem .contact-info {
  text-decoration: underline;
}
.tab-redeem .tab-labels {
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .tab-redeem .tab-header {
    margin-bottom: 0;
  }
}
.tab-redeem .tab-header .tab-labels .tab-item {
  padding: 0 15px;
  font-size: 15px;
}
.tab-redeem .tab-header .tab-labels .tab-item:first-child {
  border-right: 0;
}
.tab-redeem .tab-header .tab-labels .tab-item.active {
  color: black;
  position: relative;
}
.tab-redeem .tab-header .tab-labels .tab-item.active::before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #B5121B;
}

.block-redeem .block-webform.block-webform-block {
  width: 928px;
  margin: 0 auto;
  padding-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .block-redeem .block-webform.block-webform-block {
    width: 100%;
    padding-bottom: 50px;
  }
}
.block-redeem .logo {
  padding-bottom: 20px;
  margin-bottom: 28px;
  border-bottom: 1px solid #C4C4C4;
  text-align: center;
}
.block-redeem .logo img {
  max-width: 190px;
}
.block-redeem p {
  font-size: 18px;
  margin-bottom: 35px;
  padding: 0 40px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .block-redeem p {
    padding: 0;
  }
}
.block-redeem p strong {
  font-weight: 600;
}
.block-redeem p a {
  display: block;
  font-weight: 500;
  word-wrap: break-word;
}
.block-redeem .popup-redeem-form {
  max-width: 550px;
  margin: 0 auto;
}
.block-redeem .popup-redeem-form .form-group {
  display: flex;
  align-items: initial;
}
@media screen and (max-width: 767px) {
  .block-redeem .popup-redeem-form .form-group {
    display: block;
  }
  .block-redeem .popup-redeem-form .form-group .form-label {
    margin-bottom: 10px;
  }
  .block-redeem .popup-redeem-form .form-group .group-sent-code p {
    text-align: left;
  }
}
.block-redeem .popup-redeem-form .form-group .form-control {
  max-width: 331px;
}
@media screen and (max-width: 767px) {
  .block-redeem .popup-redeem-form .form-group .form-control {
    max-width: 100%;
  }
}
.block-redeem .popup-redeem-form .form-group p {
  padding: 0;
  color: #26A6D1;
  font-weight: 600;
  margin-top: 10px;
  font-size: 15px;
}
.block-redeem .popup-redeem-form .form-group .form-label {
  font-size: 18px;
  font-weight: 400;
  margin-top: 9px;
}
.block-redeem .popup-redeem-form .inner-btn-redeem {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .block-redeem .popup-redeem-form .inner-btn-redeem {
    flex-direction: column;
  }
}
.block-redeem .popup-redeem-form .inner-btn-redeem .btn-submit-primary {
  min-width: 209px;
}
@media screen and (max-width: 767px) {
  .block-redeem .popup-redeem-form .inner-btn-redeem .btn-submit-primary {
    margin-bottom: 35px;
  }
}
.block-redeem .popup-redeem-form .inner-btn-redeem .resend {
  color: #939393;
  margin-left: 30px;
}

@media screen and (max-width: 900px) {
  .mfp-wrap .mfp-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.form-redem-no-point .form-group-label {
  margin-bottom: 20px;
}
.form-redem-no-point .form-redeem .form-control {
  max-width: 90px;
}
.form-redem-no-point .email {
  font-weight: 600;
}

.redeem-voucher-page {
  background-color: #fff;
  padding: 0 20px 88px;
}
@media (max-width: 767px) {
  .redeem-voucher-page {
    padding-bottom: 0;
  }
}
.redeem-voucher-page .page-title {
  font-size: 40px;
  line-height: 156.1%;
  color: #000000;
  margin-bottom: 28px;
  text-align: center;
  padding-left: 35px;
  padding-right: 35px;
}
.redeem-voucher-page .page-title span {
  color: #B5121B;
}
@media (max-width: 767px) {
  .redeem-voucher-page .page-title {
    margin-bottom: 19px;
    font-size: 30px;
    line-height: 1.5;
    padding: 0;
  }
}
.redeem-voucher-page .filter {
  border-bottom: 1px solid #d9d9d9;
  display: flex;
  gap: 0 20px;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 29px;
  margin-bottom: 51px;
}
.redeem-voucher-page .filter-title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 140%;
  color: #000000;
  margin-bottom: 0;
}
.redeem-voucher-page .filter select {
  outline: none;
  appearance: none;
  border: 1px solid #000;
  border-radius: 0;
  border-width: 0 0 1px;
  width: 440px;
  max-width: 50%;
  background-image: url('data:image/svg+xml,<svg width="12" height="6" viewBox="0 0 12 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.9998 5.99982C5.85899 5.99982 5.71817 5.95082 5.6104 5.85211L0.161073 0.860874C-0.0536908 0.664165 -0.0536908 0.344242 0.161073 0.147532C0.375836 -0.0491774 0.725121 -0.0491774 0.939885 0.147532L5.9998 4.78209L11.0597 0.147532C11.2745 -0.0491774 11.6238 -0.0491774 11.8385 0.147532C12.0533 0.344242 12.0533 0.664165 11.8385 0.860874L6.38921 5.85211C6.28143 5.95082 6.14062 5.99982 5.9998 5.99982Z" fill="black"/></svg>');
  background-repeat: no-repeat;
  background-position: right 15px center;
  font-size: 18px;
  line-height: 156%;
  font-weight: 300;
  padding: 14px 35px 14px 9px;
}
@media (max-width: 767px) {
  .redeem-voucher-page .filter {
    border: 1px solid #000000;
    padding: 17px 30px;
    gap: 0;
    margin-bottom: 37px;
  }
  .redeem-voucher-page .filter select {
    border: none;
    padding: 0;
    padding-right: 20px;
    max-width: none;
    font-size: 18px;
    font-weight: 600;
    background-position: right center;
  }
  .redeem-voucher-page .filter-title {
    flex-shrink: 0;
    font-size: 18px;
    font-weight: 600;
  }
  .redeem-voucher-page .filter-title::after {
    content: "-";
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
  }
}
.redeem-voucher-page .card-list {
  display: flex;
  gap: 30px 21px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .redeem-voucher-page .card-list {
    gap: 26px 0;
  }
}
.redeem-voucher-page .page-container {
  max-width: 1137px;
  margin-left: auto;
  margin-right: auto;
}
.redeem-voucher-page .card-item {
  max-width: calc(33.3333% - 14px);
}
@media (max-width: 1199px) {
  .redeem-voucher-page .card-item {
    max-width: calc(50% - 21px);
  }
}
@media (max-width: 767px) {
  .redeem-voucher-page .card-item {
    max-width: 100%;
  }
}
.redeem-voucher-page .card-item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1490196078);
}
.redeem-voucher-page .card-item-image {
  position: relative;
  padding-top: 58.904109589%;
}
.redeem-voucher-page .card-item-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.redeem-voucher-page .card-item-category {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  font-size: 13px;
  line-height: 140%;
  padding: 4px 12px 3px;
}
.redeem-voucher-page .card-item-info {
  padding: 33px 25px 25px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.redeem-voucher-page .card-item-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  color: #000000;
  margin-bottom: 17px;
}
.redeem-voucher-page .card-item-title a {
  color: inherit;
  transition: color 0.4s ease;
}
.redeem-voucher-page .card-item-title a:hover {
  color: #B5121B;
}
.redeem-voucher-page .card-item-desc {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.redeem-voucher-page .card-item-point {
  margin-top: auto;
  padding-top: 20px;
  font-weight: 600;
  font-size: 18px;
  line-height: 156.1%;
  letter-spacing: -0.025em;
  color: #b5121b;
  margin-bottom: 0;
}
.redeem-voucher-page .card-item-point span {
  display: inline-block;
  font-size: 15px;
  color: #000000;
  margin-left: 2px;
}
.redeem-voucher-page .card-item .btn-submit-primary {
  margin-top: 16px;
  width: 100%;
  text-align: center;
  line-height: 23px;
  padding: 11px 10px;
}
@media (max-width: 767px) {
  .redeem-voucher-page .card-item-image {
    padding-top: 64.201183432%;
  }
  .redeem-voucher-page .card-item-info {
    padding: 32px 19px 22px;
  }
  .redeem-voucher-page .card-item-desc {
    margin-bottom: 10px;
  }
  .redeem-voucher-page .card-item-point {
    padding-top: 12px;
  }
}
.redeem-voucher-page .pagination {
  margin-top: 63px;
}
@media (max-width: 767px) {
  .redeem-voucher-page .pagination {
    margin-top: 43px;
  }
}
@media (min-width: 768px) {
  .redeem-voucher-page .redeem-book-now {
    display: none;
  }
}
.redeem-voucher-page .redeem-book-now {
  z-index: 0;
  margin-top: 60px;
  padding: 0 33px 13px;
  margin-left: -20px;
  margin-right: -20px;
  position: relative;
}
.redeem-voucher-page .redeem-book-now::before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 82px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f8f6f3;
}
.redeem-voucher-page .redeem-book-now-image {
  padding-top: 57.7922077922%;
  position: relative;
  margin-bottom: 22px;
}
.redeem-voucher-page .redeem-book-now-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.redeem-voucher-page .redeem-book-now-title {
  font-family: "Cardo";
  font-size: 28px;
  line-height: 156.1%;
  color: #000000;
  margin-bottom: 5px;
}
.redeem-voucher-page .redeem-book-now-title span {
  color: #B5121B;
}
.redeem-voucher-page .redeem-book-now-desc {
  font-family: "Cardo";
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 20px;
}
.redeem-voucher-page .redeem-book-now-banner {
  display: block;
  margin-top: 13px;
  margin-left: auto;
}

.main-container-form {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px 90px;
}
@media screen and (max-width: 767px) {
  .main-container-form {
    padding: 0 0 50px;
  }
}
.main-container-form .alert-banner-empty {
  margin-top: 25px;
}
@media screen and (max-width: 767px) {
  .main-container-form .alert-banner-empty {
    margin-top: 0;
  }
}

.top-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--white);
  border-bottom: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .top-nav {
    align-items: initial;
  }
  .top-nav .page-title {
    font-size: 20px;
  }
}
.top-nav .btn-signin {
  border: 1.5px solid #B5121B;
  color: #B5121B;
  background: transparent;
  padding: 14px 30px;
  font-size: 16px;
  font-weight: 500;
  font-family: inherit;
  cursor: pointer;
  letter-spacing: 0.3px;
  transition: background 0.2s, color 0.2s;
}
.top-nav .btn-signin:hover {
  background: var(--red);
  color: var(--white);
}
@media screen and (max-width: 767px) {
  .top-nav .btn-signin {
    display: none;
  }
}
.top-nav .mandatory-group {
  display: none;
}
@media screen and (max-width: 767px) {
  .top-nav .mandatory-group {
    display: block;
    text-align: right;
  }
  .top-nav .mandatory-group h2 {
    font-size: 11px;
    font-weight: 400;
  }
}

.mandatory-group h2 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 4px;
}
.mandatory-group .mandatory-note {
  font-size: 11px;
  font-style: italic;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .mandatory-group .mandatory-note {
    margin-bottom: 0;
  }
}

.main-wrapper-form {
  display: flex;
  gap: 0;
  background: white;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 767px) {
  .main-wrapper-form {
    display: block;
    background: transparent;
    box-shadow: none;
  }
  .main-wrapper-form .btn-submit-primary {
    min-width: 100%;
  }
}
.main-wrapper-form .panel-left {
  padding: 40px 35px 60px;
  border-right: 1px solid #e8e8e8;
  max-width: 50%;
}
@media screen and (max-width: 1024px) {
  .main-wrapper-form .panel-left {
    padding: 36px 30px;
  }
}
@media screen and (max-width: 767px) {
  .main-wrapper-form .panel-left {
    max-width: 100%;
    padding: 5px 0 35px;
    border-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .main-wrapper-form .panel-left .mandatory-group {
    display: none;
  }
}
.main-wrapper-form .panel-left .form-input-wrapper {
  width: 100%;
}
.main-wrapper-form .panel-left .name-container {
  display: flex;
  align-items: center;
}
.main-wrapper-form .panel-left .name-container .field-group {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 1024px) {
  .main-wrapper-form .panel-left .name-container .field-group {
    display: block;
    margin-bottom: 15px;
    width: 50%;
  }
}
.main-wrapper-form .panel-left .name-container .field-group label.name {
  width: auto;
  min-width: auto;
}
.main-wrapper-form .panel-left .name-container .field-group .form-control {
  background-color: #fff;
  transition: border-color 0.2s ease;
}
.main-wrapper-form .panel-left .name-container .field-group .form-control:focus {
  border-color: #666;
}
.main-wrapper-form .panel-left .name-container .field-group .form-control::placeholder {
  color: #aaa;
  font-size: 14px;
}
.main-wrapper-form .form-group {
  display: flex;
  margin-bottom: 14px;
  gap: 12px;
}
@media screen and (max-width: 1024px) {
  .main-wrapper-form .form-group {
    display: block;
  }
}
.main-wrapper-form .form-group label {
  width: 155px;
  min-width: 155px;
  flex-shrink: 0;
  position: relative;
}
.main-wrapper-form .form-group label .required {
  font-size: 10px;
  display: inline-block;
  position: absolute;
  top: 3px;
  padding-left: 1px;
}
@media screen and (max-width: 1024px) {
  .main-wrapper-form .form-group label {
    margin-bottom: 5px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .main-wrapper-form .form-group label {
    font-size: 14px;
  }
}
.main-wrapper-form .form-group .field-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.main-wrapper-form .form-group .hint {
  font-size: 11px;
  color: #717171;
  margin-top: 3px;
  font-style: italic;
}
.main-wrapper-form .form-group .password-field-container {
  width: 100%;
}
.main-wrapper-form .name-fields {
  display: flex;
  gap: 8px;
  flex: 1;
}
.main-wrapper-form .name-fields input {
  flex: 1;
}
.main-wrapper-form .birthday-fields {
  display: flex;
  gap: 6px;
  flex: 1;
}
.main-wrapper-form .birthday-fields select {
  flex: 1;
}
.main-wrapper-form .password-wrap {
  position: relative;
}
.main-wrapper-form .password-wrap input {
  padding-right: 36px;
}
.main-wrapper-form .password-wrap .eye-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--light);
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
}
.main-wrapper-form .select-wrap {
  position: relative;
}
.main-wrapper-form .select-wrap::after {
  content: "▾";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--light);
  pointer-events: none;
  font-size: 12px;
}
.main-wrapper-form .select-wrap select {
  padding-right: 28px;
}
.main-wrapper-form .phone-wrap {
  display: flex;
  gap: 6px;
  flex: 1;
}
.main-wrapper-form .phone-wrap .form-input-wrapper {
  width: 70px;
}
.main-wrapper-form .phone-wrap .select-wrap {
  width: 70px;
  flex-shrink: 0;
}
.main-wrapper-form .phone-wrap input {
  flex: 1;
}
.main-wrapper-form .accordion {
  margin: 8px 0 14px;
  position: relative;
}
.main-wrapper-form .accordion-toggle {
  width: 100%;
  background: #EAEAEA;
  border: none;
  padding: 6px 14px;
  font-size: 11px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
  border-radius: 0;
}
.main-wrapper-form .accordion-toggle:focus {
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  .main-wrapper-form .accordion-toggle.open {
    position: relative;
  }
  .main-wrapper-form .accordion-toggle.open::before, .main-wrapper-form .accordion-toggle.open::after {
    content: "";
    position: absolute;
    left: -20px;
    height: 27px;
    width: 50px;
    background: #EAEAEA;
  }
  .main-wrapper-form .accordion-toggle.open::after {
    left: auto;
    right: -20px;
  }
}
.main-wrapper-form .accordion-toggle .arrow {
  font-size: 11px;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 1.5px solid black;
  border-right: 1.5px solid black;
  transform: rotate(135deg);
  vertical-align: middle;
  margin-left: 10px;
  margin-top: -4px;
}
.main-wrapper-form .accordion-toggle.open .arrow {
  transform: rotate(314deg);
  margin-top: 4px;
}
.main-wrapper-form .accordion-body {
  display: none;
  padding: 25px 0 25px;
}
@media screen and (max-width: 767px) {
  .main-wrapper-form .accordion-body {
    background: #EAEAEA;
    margin: 0 -20px;
    padding: 10px 20px 20px;
  }
}
.main-wrapper-form .accordion-body.open {
  display: block;
}
.main-wrapper-form .accordion-body .radio-item {
  padding-left: 25px;
  width: auto;
  min-width: auto;
  font-size: 14px;
}
.main-wrapper-form .accordion-body .radio-item span::before {
  width: 14px;
  height: 14px;
}
.main-wrapper-form .accordion-body .radio-item span::after {
  width: 8px;
  height: 8px;
  left: 3px;
}
.main-wrapper-form .radio-group {
  display: flex;
  gap: 20px;
  padding-top: 6px;
}
.main-wrapper-form .radio-group label {
  display: flex;
  align-items: center;
  gap: 6px;
  width: auto;
  min-width: auto;
  padding-top: 0;
  cursor: pointer;
  color: var(--dark);
  font-size: 13px;
}
.main-wrapper-form input[type=radio] {
  accent-color: var(--red);
}
.main-wrapper-form .checkbox-section {
  margin: 16px 0;
}
.main-wrapper-form .checkbox-section .checkbox-label span {
  padding-left: 30px;
}
.main-wrapper-form .checkbox-section .checkbox-label span::before {
  width: 16px;
  height: 16px;
  border-radius: 3px;
}
.main-wrapper-form .checkbox-section .checkbox-label span::after {
  left: 6px;
  top: 3px;
  width: 5px;
  height: 8px;
}
.main-wrapper-form .checkbox-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
  font-size: 11px;
  color: #7C7C7C;
  line-height: 1.5;
}
.main-wrapper-form .checkbox-item input[type=checkbox] {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  margin-top: 2px;
  accent-color: var(--red);
}
.main-wrapper-form .checkbox-item a {
  color: #B5121B;
  text-decoration: none;
  font-weight: 600;
  text-decoration: underline;
}
.main-wrapper-form .captcha-box {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--border);
  padding: 12px 14px;
  background: #f9f9f9;
  margin: 16px 0;
  width: fit-content;
}
.main-wrapper-form .captcha-box input[type=checkbox] {
  accent-color: var(--red);
}
.main-wrapper-form .captcha-box span {
  font-size: 13px;
  color: var(--mid);
}
.main-wrapper-form .captcha-logo {
  margin-left: 16px;
  font-size: 10px;
  color: var(--light);
  text-align: center;
  line-height: 1.3;
}
.main-wrapper-form .btn-register {
  background: var(--red);
  color: var(--white);
  border: none;
  padding: 12px 32px;
  font-size: 14px;
  font-family: inherit;
  font-weight: 700;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: background 0.2s;
  margin-top: 8px;
}
.main-wrapper-form .btn-register:hover {
  background: #a01e23;
}
.main-wrapper-form .panel-right {
  padding: 40px 35px 60px;
  max-width: 50%;
}
@media screen and (max-width: 1024px) {
  .main-wrapper-form .panel-right {
    padding: 36px 30px;
  }
}
@media screen and (max-width: 767px) {
  .main-wrapper-form .panel-right {
    max-width: 350px;
    text-align: center;
    padding-top: 0;
    margin: 0 auto;
  }
}
.main-wrapper-form .panel-right h3 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
  .main-wrapper-form .panel-right h3 {
    color: #B5121B;
  }
}
.main-wrapper-form .social-icons {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-left: 27px;
}
@media screen and (max-width: 767px) {
  .main-wrapper-form .social-icons {
    justify-content: space-between;
    padding-left: 20px;
  }
}
.main-wrapper-form .social-divider {
  width: 1px;
  height: 36px;
  background: var(--border);
  margin: 0 4px;
}
.main-wrapper-form .social-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1.5px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
  text-decoration: none;
  font-size: 18px;
}
.main-wrapper-form .social-btn img {
  height: 38px;
}
@media screen and (max-width: 767px) {
  .main-wrapper-form .social-btn img {
    height: 30px;
  }
}
.main-wrapper-form .social-btn.social-the1 img {
  height: 44px;
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  .main-wrapper-form .social-btn.social-the1 img {
    height: 35px;
  }
}
.main-wrapper-form .social-btn:hover {
  border-color: var(--red);
}
.main-wrapper-form .the1-btn {
  background: #000;
  border-color: #000;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.main-wrapper-form .the1-inner {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 900;
  color: #000;
  letter-spacing: -0.5px;
}

.wrapper-registration-success {
  padding: 50px;
}
.wrapper-registration-success .txt-suss {
  margin-bottom: 30px;
}
.wrapper-registration-success .btn-submit-primary {
  min-width: 165px;
}
@media screen and (max-width: 767px) {
  .wrapper-registration-success {
    padding: 30px 0;
  }
}
.wrapper-registration-success .ttl-success {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
  .wrapper-registration-success .ttl-success {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .wrapper-registration-success p {
    font-size: 14px;
  }
}
.wrapper-registration-success p a {
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .main-content-regis {
    background: white;
  }
}

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