html {
  box-sizing: border-box;
  scroll-behavior: smooth; }

* {
  margin: 0;
  padding: 0; }

*,
*::after,
*::before {
  box-sizing: border-box; }

input,
textarea,
select,
button {
  outline: none; }

a {
  display: block;
  text-decoration: none; }

img {
  display: block;
  max-width: 100%; }

ul,
li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

p,
h1,
h4,
h2,
h3 {
  margin: 0; }

button:focus {
  box-shadow: none !important; }

button:hover {
  opacity: 0.9; }

a:hover {
  color: #3f372c;
  opacity: 0.9; }

.account-form {
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08); }

/* PC Alway  */
/* PC BIG  */
/* PC BIG Lower */
/* PC BIG 16 */
/* PC fit */
/* PC fit lower */
/* PC fit lower */
/* PC fit small */
/* PC HD */
/* PC Change */
/* PC LOWER  min-1023px */
/* Mobile & tablet */
/* Tablet */
/* Mobile */
/* Phone Small */
html {
  scroll-behavior: smooth !important;
  font-size: 16px; }

body {
  scroll-behavior: smooth !important;
  transition: all 0.3s ease;
  overflow-y: auto;
  overflow-x: hidden;
  color: #4f4f4f;
  font-family: "Roboto", sans-serif;
  line-height: 1.6;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  padding-right: 0 !important; }
  @media only screen and (min-width: 1650px) {
    body .container-xl {
      max-width: 1383px; } }
  @media only screen and (min-width: 1650px) {
    body .container {
      max-width: 1340px; } }
  @media only screen and (max-width: 63.9375em) {
    body .container {
      max-width: 100%; }
      body .container .hide-on-bothTM {
        display: none !important; } }

/* Track */
/* Handle */
/* Handle on hover */
.header {
  background-color: #fff;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08); }
  .header-wrapper {
    padding: 4px;
    margin: 0 auto;
    max-width: 1600px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media only screen and (max-width: 1440px) {
      .header-wrapper {
        max-width: 98%; } }
  .header-scroll {
    position: fixed;
    top: 0;
    left: 0%;
    display: none;
    width: 100%;
    z-index: 1054;
    background-color: #fff;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.5s linear;
    animation: smoothScroll 0.8s forwards; }
    .header-scroll.active {
      display: block; }
    .header-scroll__overlay {
      position: fixed;
      z-index: 10;
      left: 0;
      top: 0;
      width: 100%;
      height: 100vh;
      background-color: rgba(79, 79, 79, 0.5);
      display: none;
      transition: all 0.2s linear;
      transform: translateX(100%); }
      @media only screen and (max-width: 46.1875em) {
        .header-scroll__overlay {
          display: block; }
          .header-scroll__overlay .hide-on-mobile {
            display: none; } }
      .header-scroll__overlay.active {
        transform: translateX(0%); }
    .header-scroll .header-wrapper {
      max-width: 1600px; }
      @media only screen and (max-width: 1440px) {
        .header-scroll .header-wrapper {
          max-width: 98%; } }
    .header-scroll .intro-tabs__toggle {
      padding: 0 16px 0 18px; }
    .header-scroll .intro-tabs__cover {
      margin-bottom: 0;
      max-width: 45%;
      background-color: #eff3f7; }
      @media only screen and (max-width: 63.9375em) {
        .header-scroll .intro-tabs__cover {
          max-width: 60%; }
          .header-scroll .intro-tabs__cover .hide-on-bothTM {
            display: none !important; } }
      @media only screen and (max-width: 46.1875em) {
        .header-scroll .intro-tabs__cover {
          position: fixed;
          z-index: 20;
          top: calc(68px);
          left: 0;
          width: 100%;
          max-width: 100%;
          border-radius: 0;
          transition: 0.3s all;
          transform: translateX(100%); }
          .header-scroll .intro-tabs__cover .hide-on-mobile {
            display: none; } }
      @media only screen and (max-width: 46.1875em) {
        .header-scroll .intro-tabs__cover.active {
          transform: translateX(0%); }
          .header-scroll .intro-tabs__cover.active .hide-on-mobile {
            display: none; } }
    .header-scroll .intro-tabs__form {
      padding-left: 12px; }
    .header-scroll .intro-tabs__input {
      margin-right: 37px; }
    .header-scroll .intro-tabs__submit {
      margin-right: 14px; }
  .header-activity {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 1300px) {
      .header-activity__logo {
        max-width: 166px; } }
    .header-activity__search {
      display: none; }
      .header-activity__search > i {
        display: none;
        font-size: 2.4rem; }
      .header-activity__search.active {
        transition: 0.3 all linear; }
        .header-activity__search.active > svg {
          display: none; }
        .header-activity__search.active > i {
          display: block; }
      @media only screen and (max-width: 46.1875em) {
        .header-activity__search {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-right: 16px; }
          .header-activity__search .hide-on-mobile {
            display: none; } }
    .header-activity__nav {
      margin-left: 50px; }
      @media only screen and (max-width: 1440px) {
        .header-activity__nav {
          margin-left: 28px; } }
      @media only screen and (max-width: 1300px) {
        .header-activity__nav {
          margin-left: 18px; } }
      @media only screen and (max-width: 63.9375em) {
        .header-activity__nav {
          display: none; }
          .header-activity__nav .hide-on-bothTM {
            display: none !important; } }
    .header-activity__link {
      color: #4f4f4f; }
      .header-activity__link:hover {
        color: #3f372c; }
      .header-activity__link > svg {
        margin-right: 14px; }
  .header-social {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center; }
    .header-social.isAccount .header-social__auth {
      display: none; }
    .header-social.isAccount .header-social__info {
      display: flex; }
    .header-social__alert {
      cursor: pointer;
      position: relative; }
      .header-social__alert .dropdown-menu {
        min-width: 400px;
        inset: 0px -78px auto auto !important;
        border-radius: 7px;
        padding: 20px 10px 10px; }
        @media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
          .header-social__alert .dropdown-menu {
            inset: 0px -355px auto auto !important; } }
        @media only screen and (max-width: 46.1875em) {
          .header-social__alert .dropdown-menu {
            display: none; }
            .header-social__alert .dropdown-menu .hide-on-mobile {
              display: none; } }
      .header-social__alert .user-notification {
        margin-bottom: 10px;
        padding: 0 10px;
        max-height: 500px; }
    .header-social__see {
      font-size: 14px;
      color: #4f4f4f;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 16px 10px; }
      .header-social__see a {
        color: #4f4f4f; }
      .header-social__see span {
        cursor: pointer; }
        @media only screen and (max-width: 46.1875em) {
          .header-social__see span {
            display: none; }
            .header-social__see span .hide-on-mobile {
              display: none; } }
      .header-social__see a:hover,
      .header-social__see span:hover {
        text-decoration: Underline;
        color: #3f372c; }
    .header-social__btn {
      border: 0;
      background: transparent; }
    .header-social__signIn {
      color: #fff;
      font-size: 1.5rem;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 8px 24px;
      border-radius: 5px;
      background-image: linear-gradient(67deg, #24adc1 0%, #1795a8 84%); }
      .header-social__signIn:hover, .header-social__signIn:active {
        color: #fff; }
      .header-social__signIn > svg {
        margin-right: 8px; }
    .header-social__signUp {
      margin-left: 30px;
      color: #4f4f4f; }
    .header-social__quantity {
      position: absolute;
      top: 0;
      right: 0;
      color: #fff;
      font-size: 1.5rem;
      line-height: 0.9;
      padding: 4px 6px;
      border-radius: 50%;
      border: 2px solid #fff;
      background-color: #fb7023;
      transform: translate(50%, -50%); }
    .header-social__info, .header-social__auth {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      margin-left: 38px; }
      @media only screen and (max-width: 1300px) {
        .header-social__info, .header-social__auth {
          margin-left: 32px; } }
      @media only screen and (max-width: 63.9375em) {
        .header-social__info, .header-social__auth {
          display: none;
          margin-left: 0px; }
          .header-social__info .hide-on-bothTM, .header-social__auth .hide-on-bothTM {
            display: none !important; } }
    .header-social__info {
      display: none;
      cursor: pointer;
      user-select: none; }
    .header-social__avatar {
      min-width: 65px;
      width: 65px;
      height: 65px;
      overflow: hidden;
      border-radius: 50%;
      margin-right: 16px; }
    .header-social__name {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-weight: 500; }
      .header-social__name > h4 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .header-social__name > svg {
        margin-left: 12px; }
    .header-social__desc {
      font-size: 1.2rem;
      font-style: italic;
      line-height: 1.2;
      margin-top: 5px;
      color: #4e6579; }
    .header-social__dropdown {
      left: 0;
      border: 0;
      width: calc(100% - 38px);
      margin-top: 4px !important;
      box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.1); }
    .header-social__item {
      font-size: 1.6rem;
      padding: 6px 16px; }
      .header-social__item.active, .header-social__item:hover {
        color: #3f372c;
        background-color: #e9ecef; }
  .header-mobile {
    display: none;
    margin-left: 24px; }
    .header-mobile > i {
      font-size: 2.8rem; }
    @media only screen and (max-width: 63.9375em) {
      .header-mobile {
        display: block; }
        .header-mobile .hide-on-bothTM {
          display: none !important; } }
  @media only screen and (max-width: 46.1875em) {
    .header-offcanvas {
      max-width: 350px; }
      .header-offcanvas .hide-on-mobile {
        display: none; } }
  .header-offcanvas .offcanvas-body {
    padding: 10px 16px; }
  .header-offcanvas .header-social {
    margin: 18px 0 14px; }
    .header-offcanvas .header-social__auth {
      display: flex;
      justify-content: center; }
  .header-offcanvas .header-activity__nav {
    margin-left: 0;
    display: flex;
    flex-direction: column; }
  .header-offcanvas .header-activity__link {
    display: inline-block; }
    .header-offcanvas .header-activity__link > svg {
      margin-right: 8px; }

.footer {
  position: relative;
  z-index: 2;
  padding: 70px 0 0;
  background-color: #4e6579; }
  @media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .footer {
      padding: 40px 0 0; } }
  @media only screen and (max-width: 46.1875em) {
    .footer {
      padding: 20px 0 0; }
      .footer .hide-on-mobile {
        display: none; } }
  .footer-register > img {
    margin: 0 0 20px 0; }
  @media only screen and (max-width: 46.1875em) {
    .footer .col-12 {
      margin-top: 25px; }
      .footer .col-12 .hide-on-mobile {
        display: none; } }
  .footer-cover {
    color: #fff; }
    .footer-cover__title {
      font-size: 1.8rem;
      font-weight: bold;
      margin-bottom: 20px; }
      @media only screen and (max-width: 46.1875em) {
        .footer-cover__title {
          font-size: 1.6rem; }
          .footer-cover__title .hide-on-mobile {
            display: none; } }
    .footer-cover__link a {
      font-size: 1.4rem;
      color: rgba(255, 255, 255, 0.5); }
    .footer-cover__link a + a {
      margin-top: 15px; }
    .footer-cover__contact {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      margin: 0 0 15px 0;
      flex-flow: row wrap; }
    .footer-cover__hotline, .footer-cover__email {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      border-radius: 7px;
      margin-bottom: 15px; }
      .footer-cover__hotline svg, .footer-cover__email svg {
        margin-right: 12px; }
      .footer-cover__hotline p, .footer-cover__email p {
        color: #fff; }
    .footer-cover__hotline {
      background-color: #faaf3a;
      border: 1px solid #faaf3a;
      padding: 8px 20px 6px;
      margin-right: 15px; }
    .footer-cover__email {
      border: 1px solid #fff;
      padding: 9.5px 20px 7.5px; }
      .footer-cover__email p {
        font-size: 1.4rem; }
    .footer-cover__main {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      margin-bottom: 30px; }
    .footer-cover__text {
      font-size: 1.2rem;
      opacity: 0.5; }
    .footer-cover__item + .footer-cover__item {
      padding-left: 30px; }
    .footer-cover__follow {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center; }
    .footer-cover__us {
      font-size: 1.4rem;
      opacity: 0.5; }
    .footer-cover__icon {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      margin-left: 15px; }
      .footer-cover__icon a + a {
        margin-left: 10px; }
  .footer-copyright {
    margin-top: 40px;
    padding: 25px 0;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.15); }
    .footer-copyright__text {
      font-size: 1.4rem;
      color: rgba(255, 255, 255, 0.5); }

.account-wrapper {
  position: relative; }

.account-content {
  padding: 6% 10px 11%; }
  .account-content.other {
    padding: 12% 10px; }

.account-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -2;
  width: 100%;
  height: 935px; }
  .account-bg::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: #fff;
    z-index: -1;
    opacity: 0.85;
    backdrop-filter: blur(10px);
    filter: brightness(15px); }

.account-logo {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 30px; }
  @media only screen and (max-width: 46.1875em) {
    .account-logo {
      width: 70%;
      margin: 0 auto;
      padding: 0 0 25px; }
      .account-logo .hide-on-mobile {
        display: none; } }

.account-form {
  width: 450px;
  padding: 24px 28px 30px;
  border-radius: 20px;
  background-color: #fff;
  margin: 0 auto 30px; }
  @media only screen and (max-width: 46.1875em) {
    .account-form {
      width: 100%;
      padding: 24px 20px 30px; }
      .account-form .hide-on-mobile {
        display: none; } }
  .account-form__cover {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .account-form__main {
    margin-top: 14px; }
  .account-form__heading {
    padding-bottom: 22px; }
  .account-form__success {
    width: fit-content;
    margin: 0 auto;
    text-align: center; }
    .account-form__success span {
      font-size: 22px; }
  .account-form__sub {
    text-align: center;
    padding: 0 30px; }
    @media only screen and (max-width: 46.1875em) {
      .account-form__sub {
        padding: 0; }
        .account-form__sub .hide-on-mobile {
          display: none; } }
  .account-form__text svg {
    margin: 0 7px 4px 0; }
  .account-form__group + .account-form__group {
    margin-top: 24px; }
  .account-form__group {
    position: relative; }
    .account-form__group .eye {
      width: 24px;
      height: 24px; }
      .account-form__group .eye-open.is-active {
        display: block !important; }
        .account-form__group .eye-open.is-active + .eye-close {
          display: none; }
    .account-form__group + .login-form__group {
      margin-top: 14px; }
    .account-form__group .select2-selection--multiple,
    .account-form__group .select2-container,
    .account-form__group .account-form__input {
      font-size: 17px;
      font-weight: 400;
      color: #4e6579;
      width: 100% !important;
      border-radius: 7px;
      padding: 13px 32px 13px 20px;
      transition: all 0.2s;
      border: 1.4px solid rgba(112, 112, 112, 0.25); }
      .account-form__group .select2-selection--multiple:focus,
      .account-form__group .select2-container:focus,
      .account-form__group .account-form__input:focus {
        border-color: rgba(63, 55, 44, 0.8);
        box-shadow: none; }
    .account-form__group .select2-container--default .select2-selection--multiple,
    .account-form__group .select2-container--default .select2-selection--single {
      border: 0;
      background-color: transparent;
      padding: 0; }
    .account-form__group .select2-container .select2-selection--single {
      height: auto; }
      .account-form__group .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0; }
    .account-form__group .select2-container--default .select2-selection--single .select2-selection__rendered {
      line-height: inherit; }
    .account-form__group .select2-container--default .select2-selection--single .select2-selection__arrow {
      top: 50%;
      right: 8px;
      transform: translateY(-50%); }
  .account-form__language .select2-container {
    padding: 6px 16px 4px 14px !important; }
  .account-form__label {
    margin-bottom: 12px;
    color: rgba(78, 101, 121, 0.5); }
    .account-form__label > sup {
      color: red; }
  .account-form__icon {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%); }
  .account-form__status .input-error, .account-form__status .input-success {
    font-size: 2px;
    display: none; }
    .account-form__status .input-error.is-active, .account-form__status .input-success.is-active {
      display: block; }
  .account-form__status .input-error {
    color: red; }
  .account-form__status .input-success {
    color: #34c759; }
  .account-form__link {
    display: flex;
    justify-content: center;
    margin-top: 14px;
    font-weight: 500;
    color: #fb7023; }
  .account-form__pills {
    border-radius: 8px;
    margin: 22px 0 30px;
    padding: 5px 6px;
    background-color: #e4e4e6; }
    .account-form__pills .nav-link {
      width: 100%;
      border-radius: 8px;
      color: #4f4f4f;
      text-align: center; }
      .account-form__pills .nav-link.active {
        font-weight: bold;
        color: #4f4f4f;
        background-color: #fff; }
    .account-form__pills .nav-item {
      flex: 1;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 50%; }
  .account-form__btn {
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-top: 50px;
    padding: 9px 24px;
    border: 0;
    border-radius: 7px;
    background: #3f372c;
    text-align: center; }
    .account-form__btn:hover {
      color: #fff; }
    .account-form__btn.small {
      display: flex;
      max-width: 67%;
      margin: 40px auto 0;
      justify-content: center; }
    .account-form__btn.edit {
      max-width: 260px; }
      @media only screen and (max-width: 46.1875em) {
        .account-form__btn.edit {
          max-width: 100%; }
          .account-form__btn.edit .hide-on-mobile {
            display: none; } }
  .account-form__view {
    position: relative; }
  .account-form__code {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center; }
    .account-form__code > input + input {
      margin-left: 14px; }
      @media only screen and (max-width: 63.9375em) {
        .account-form__code > input + input {
          margin-left: 8px; }
          .account-form__code > input + input .hide-on-bothTM {
            display: none !important; } }
    .account-form__code > input {
      width: 100%;
      line-height: 1;
      text-align: center;
      padding: 10px 0px;
      font-size: 16px;
      appearance: textfield;
      -webkit-appearance: textfield;
      border: 1.4px solid rgba(78, 101, 121, 0.25);
      color: #4f4f4f;
      border-radius: 5px; }
  .account-form__input::placeholder {
    color: rgba(78, 101, 121, 0.3); }

.account-care__option {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  margin-top: 14px; }

.account-care__input {
  display: none; }
  .account-care__input:checked ~ .account-care__label {
    border: 0; }
    .account-care__input:checked ~ .account-care__label > svg {
      display: block; }

.account-care__label {
  min-width: 20px;
  height: 20px;
  margin-top: 1px;
  margin-right: 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid rgba(78, 101, 121, 0.25);
  transition: 0.3s all linear; }
  .account-care__label > svg {
    transition: 0.3s all linear;
    display: none; }

.account-care__value {
  color: #4e6579; }