/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
      /*   
  html {
      line-height: 1.15;
      -webkit-text-size-adjust: 100%
  }
  
   */
      
      body {
          /* font-family: 'Nunito', sans-serif; */
          font-family: 'Poppins', sans-serif;
          color: #6d6d6d;
          background-color: #1F1F1F;
          background-repeat: no-repeat;
      }
      
      a {
          background-color: transparent
      }
      
      [hidden] {
          display: none
      }
      /* html {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
      line-height: 1.5
  } */
      
      *,
       :after,
       :before {
          box-sizing: border-box;
          border: 0 solid #e2e8f0
      }
      
      a {
          color: inherit;
          text-decoration: inherit
      }
      
      svg,
      video {
          display: block;
          vertical-align: middle
      }
      
      video {
          max-width: 100%;
          height: auto
      }
      
      .bg-white {
          --bg-opacity: 1;
          background-color: #fff;
          background-color: rgba(255, 255, 255, var(--bg-opacity))
      }
      
      .bg-gray-100 {
          --bg-opacity: 1;
          background-color: #f7fafc;
          background-color: rgba(247, 250, 252, var(--bg-opacity))
      }
      
      .border-gray-200 {
          --border-opacity: 1;
          border-color: #edf2f7;
          border-color: rgba(237, 242, 247, var(--border-opacity))
      }
      
      .border-t {
          border-top-width: 1px
      }
      
      .flex {
          display: flex
      }
      
      .grid {
          display: grid
      }
      
      .hidden {
          display: none
      }
      
      .items-center {
          align-items: center
      }
      
      .justify-center {
          justify-content: center
      }
      
      .font-semibold {
          font-weight: 600
      }
      
      .h-5 {
          height: 1.25rem
      }
      
      .h-8 {
          height: 2rem
      }
      
      .h-16 {
          height: 4rem
      }
      
      .text-sm {
          font-size: .875rem
      }
      
      .text-lg {
          font-size: 1.125rem
      }
      
      .leading-7 {
          line-height: 1.75rem
      }
      
      .mx-auto {
          margin-left: auto;
          margin-right: auto
      }
      
      .ml-1 {
          margin-left: .25rem
      }
      
      .mt-2 {
          margin-top: .5rem
      }
      
      .mr-2 {
          margin-right: .5rem
      }
      
      .ml-2 {
          margin-left: .5rem
      }
      
      .mt-4 {
          margin-top: 1rem
      }
      
      .ml-4 {
          margin-left: 1rem
      }
      
      .mt-8 {
          margin-top: 2rem
      }
      
      .ml-12 {
          margin-left: 3rem
      }
      
      .-mt-px {
          margin-top: -1px
      }
      
      .max-w-6xl {
          max-width: 72rem
      }
      
      .min-h-screen {
          min-height: 100vh
      }
      
      .overflow-hidden {
          overflow: hidden
      }
      
      .p-6 {
          padding: 1.5rem
      }
      
      .py-4 {
          padding-top: 1rem;
          padding-bottom: 1rem
      }
      
      .px-6 {
          padding-left: 1.5rem;
          padding-right: 1.5rem
      }
      
      .pt-8 {
          padding-top: 2rem
      }
      
      .fixed {
          position: fixed
      }
      
      .relative {
          position: relative
      }
      
      .top-0 {
          top: 0
      }
      
      .right-0 {
          right: 0
      }
      
      .shadow {
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
      }
      
      .text-center {
          text-align: center
      }
      
      .btn-link {
          font-weight: 400;
          color: #fff;
          text-decoration: none;
          margin-left: 8rem;
          margin-top: -0.5rem;
      }
      
      .text-gray-200 {
          --text-opacity: 1;
          color: #edf2f7;
          color: rgba(237, 242, 247, var(--text-opacity))
      }
      
      .text-gray-300 {
          --text-opacity: 1;
          color: #e2e8f0;
          color: rgba(226, 232, 240, var(--text-opacity))
      }
      
      .text-gray-400 {
          --text-opacity: 1;
          color: #cbd5e0;
          color: rgba(203, 213, 224, var(--text-opacity))
      }
      
      .text-gray-500 {
          --text-opacity: 1;
          color: #a0aec0;
          color: rgba(160, 174, 192, var(--text-opacity))
      }
      
      .text-gray-600 {
          --text-opacity: 1;
          color: #718096;
          color: rgba(113, 128, 150, var(--text-opacity))
      }
      
      .text-gray-700 {
          --text-opacity: 1;
          color: #4a5568;
          color: rgba(74, 85, 104, var(--text-opacity))
      }
      
      .text-gray-900 {
          --text-opacity: 1;
          color: #1a202c;
          color: rgba(26, 32, 44, var(--text-opacity))
      }
      
      .underline {
          text-decoration: underline
      }
      
      .antialiased {
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale
      }
      
      .w-5 {
          width: 1.25rem
      }
      
      .w-8 {
          width: 2rem
      }
      
      .w-auto {
          width: auto
      }
      
      .grid-cols-1 {
          grid-template-columns: repeat(1, minmax(0, 1fr))
      }
      
      .gb-footer {
          background-color: rgb(34, 34, 34);
          /* background-color: #1F1F1F; */
      }
      
      @media (min-width:640px) {
          .sm\:rounded-lg {
              border-radius: .5rem
          }
          .sm\:block {
              display: block
          }
          .sm\:items-center {
              align-items: center
          }
          .sm\:justify-start {
              justify-content: flex-start
          }
          .sm\:justify-between {
              justify-content: space-between
          }
          .sm\:h-20 {
              height: 5rem
          }
          .sm\:ml-0 {
              margin-left: 0
          }
          .sm\:px-6 {
              padding-left: 1.5rem;
              padding-right: 1.5rem
          }
          .sm\:pt-0 {
              padding-top: 0
          }
          .sm\:text-left {
              text-align: left
          }
          .sm\:text-right {
              text-align: right
          }
      }
      
      @media (min-width:768px) {
          .md\:border-t-0 {
              border-top-width: 0
          }
          .md\:border-l {
              border-left-width: 1px
          }
          .md\:grid-cols-2 {
              grid-template-columns: repeat(2, minmax(0, 1fr))
          }
      }
      
      @media (min-width:1024px) {
          .lg\:px-8 {
              padding-left: 2rem;
              padding-right: 2rem
          }
      }
      
      @media (prefers-color-scheme:dark) {
          .dark\:bg-gray-800 {
              --bg-opacity: 1;
              background-color: #2d3748;
              background-color: rgba(45, 55, 72, var(--bg-opacity))
          }
          .dark\:bg-gray-900 {
              --bg-opacity: 1;
              background-color: #1a202c;
              background-color: rgba(26, 32, 44, var(--bg-opacity))
          }
          .dark\:border-gray-700 {
              --border-opacity: 1;
              border-color: #4a5568;
              border-color: rgba(74, 85, 104, var(--border-opacity))
          }
          .dark\:text-white {
              --text-opacity: 1;
              color: #fff;
              color: rgba(255, 255, 255, var(--text-opacity))
          }
          .dark\:text-gray-400 {
              --text-opacity: 1;
              color: #cbd5e0;
              color: rgba(203, 213, 224, var(--text-opacity))
          }
      }
      /* ------------------------------------------------------------ */
      
      a {
          color: #b6b2a4;
          text-decoration: none;
          background-color: transparent
      }
      
      a:hover {
          color: #6d6d6d;
          text-decoration: none
      }
      
      a:not([href]):not([tabindex]) {
          color: inherit;
          text-decoration: none
      }
      
      a:not([href]):not([tabindex]):hover,
      a:not([href]):not([tabindex]):focus {
          color: inherit;
          text-decoration: none
      }
      
      a:not([href]):not([tabindex]):focus {
          outline: 0
      }
      
      .li-flex {
          display: flex;
          justify-content: flex-end;
      }
      
      .navbar {
          padding: 0;
          background-color: #1F1F1F;
          /* background-image: url('{{ asset('images/icon-ant/bg.png') }}');  */
          background-repeat: no-repeat;
      }
      
      .navbar-custom {
          width: 20%;
          /* margin-top: -2rem; */
      }
      
      .navbar-custom-pc {
          width: 20%;
          margin-top: -2rem;
      }
      
      .lang-dropdown {
          text-align: right;
          width: 28%;
          margin-left: 10px;
          align-self: center;
          cursor: pointer;
      }
      
      .li-flex .dropdown .dropdown-menu {
          position: absolute;
      }
      
      .dropdown-menu.custom {
          left: auto;
          right: 0;
      }
      
      .dropdown-item.custom-lang {
          color: #e3c081 !important;
      }
      
      .navbar-custom-auth {
          width: 75%;
          font-size: 0.8rem;
          margin-top: -3.4rem;
          margin-left: 3.4rem;
      }
      
      .navbar-custom-auth li {
          width: 30%;
          position: relative;
          height: auto;
      }
      
      .menu-top-ative {
          border-top: 3px solid #28a745;
          position: absolute;
          z-index: 1;
          top: 0px;
          width: 100%;
      }
      
      .menu-top-text {
          margin-top: 16px;
      }
      
      .menu-top-text-active {
          color: #28a745;
      }
      
      .d-menu-left {
          background-color: white;
          border-radius: 5px;
          padding-bottom: 30px;
      }
      
      .img-profile {
          padding-top: 20px;
      }
      
      .preview-last-time {
          font-size: 12px;
          text-align: right;
      }
      
      .d-point-priview {
          position: relative;
          display: flex;
          justify-content: space-between;
          align-items: center;
      }
      
      .d-point-priview-main {
          background-color: #00d0c2;
          padding: 10px;
          color: white;
          position: relative;
          align-items: center;
      }
      
      .text-point-preview {
          margin-left: -20%;
      }
      
      .point-priview {
          font-size: 20px;
      }
      
      .img-icon-point {
          margin-right: 10px;
      }
      
      .label-status {
          padding: 10px;
      }
      
      .user-status {
          padding: 10px;
          background-color: #f5fff5;
          position: relative;
          display: flex;
          font-size: 12px;
          justify-content: space-around;
      }
      
      .d-menu {
          padding: 10px 10px 10px 40px;
          margin-bottom: 10px;
      }
      
      .d-menu:hover {
          background-color: #f5fff5;
          border-left: 2px solid #28a745;
      }
      
      .d-menu-active {
          background-color: #f5fff5;
          border-left: 2px solid #28a745;
      }
      
      .d-content {
          background-color: white;
          padding: 20px;
          position: relative;
          box-shadow: 0 0 5px 4px #eeee;
      }
      
      .box-content-detail {
          background-color: white;
          padding: 20px;
      }
      
      ul.a {
          list-style: none;
          display: inline-block;
          float: right;
      }
      
      ul.a li::before {
          content: "\2022";
          color: red;
          font-weight: bold;
          display: inline-block;
          width: 1em;
          margin-left: -1em;
      }
      
      ul.b {
          list-style: none;
          display: inline-block;
          float: right;
      }
      
      ul.b li::before {
          content: "\2022";
          color: blue;
          font-weight: bold;
          display: inline-block;
          width: 1em;
          margin-left: -1em;
      }
      
      ul.c {
          list-style: none;
          display: inline-block;
          float: right;
      }
      
      ul.c li::before {
          content: "\2022";
          color: green;
          font-weight: bold;
          display: inline-block;
          width: 1em;
          margin-left: -1em;
      }
      
      .btn.btn-idpoint {
          color: #000;
          background-color: #fff;
          border-color: #fff;
      }
      
      .list-menu a {
          color: #fff;
      }
      
      .nav-idpoint-menu {
          display: none;
      }
      
      .nav-idpoint-menu .nav-idpoint-menu-list {
          list-style: none;
      }
      
      .nav-idpoint-menu .nav-idpoint-menu-list li {
          margin-bottom: 10px;
      }
      
      .scrollbar-sidebar {
          width: 100%;
          overflow: auto;
      }
      
      .scrollbar-sidebar .nav-menu {
          margin: 0;
          padding: 0;
          position: relative;
          list-style: none;
      }
      
      .scrollbar-sidebar .nav-menu a {
          color: #fff;
      }
      
      .scrollbar-sidebar .nav-menu .nav-menu__header {
          white-space: nowrap;
          position: relative;
      }
      
      .scrollbar-sidebar .nav-menu .nav-menu__sub {
          display: none;
          list-style: none;
          padding-left: 30px;
      }
      
      .scrollbar-sidebar .nav-menu .nav-menu__sub li {
          margin-top: 10px
      }
      
      .scrollbar-sidebar .nav-menu .nav-menu__header.active .nav-menu__sub {
          display: block;
      }
      
      .scrollbar-sidebar .nav-menu a.active {
          color: #e3c081;
      }
      
      .custom-width {
          max-width: 10%;
      }
      
      .logo-img {
          max-width: 100%;
          height: auto;
          margin-top: 1rem;
          width: 7%;
      }
      
      .btn-yellow {
          background: #e3c081;
          border-radius: 25px;
          width: 200px;
          background: linear-gradient(90deg, rgba(191, 165, 80, 1) 0%, rgba(191, 165, 80, 1) 0%, rgb(218 201 150) 50%, rgba(191, 165, 80, 1) 100%);
          color: #fff;
          border-color: #e3c081;
          width: 48%;
          height: 36%;
      }
      
      .btn-yellow-s3 {
          background: #e3c081;
          border-radius: 25px;
          width: 200px;
          background: linear-gradient(90deg, rgba(191, 165, 80, 1) 0%, rgba(191, 165, 80, 1) 0%, rgb(218 201 150) 50%, rgba(191, 165, 80, 1) 100%);
          color: #fff;
          width: 80%;
          height: 70%;
      }
      
      .btn-dark-yellow {
          background: rgb(194, 168, 133);
          color: #fff;
          border-radius: 25px;
          border-color: rgb(201, 192, 129);
          background: linear-gradient(90deg, rgba(191, 165, 80, 1) 0%, rgba(191, 165, 80, 1) 0%, rgb(202, 182, 119) 50%, rgba(191, 165, 80, 1) 100%);
      }
      
      .btn-light-green {
          /* background: #BFA550; */
          background: linear-gradient(90deg, rgba(191, 165, 80, 1) 0%, rgba(191, 165, 80, 1) 0%, rgb(202, 182, 119) 50%, rgba(191, 165, 80, 1) 100%);
          border-radius: 25px;
          box-shadow: 20px 20px 0px 5px rgb(124, 114, 79);
          padding: 50px;
          width: 400px;
          height: 400px;
      }
      
      .ant-center {
          background: rgb(64, 63, 63);
          border-radius: 50%;
          /* box-shadow: 20px 20px 0px 5px rgb(199,179,116,100); */
          padding: 50px;
          width: 360px;
          height: 360px;
      }
      
      .btn-color2 {
          background: rgb(158, 150, 144);
          color: #fff;
      }
      
      .btn-color3 {
          background: rgb(141, 145, 170);
          color: #fff;
      }
      
      .btn-yellow-login {
          background: #e3c081;
          border-radius: 25px;
          width: 200px;
          background: linear-gradient(90deg, rgba(191, 165, 80, 1) 0%, rgba(191, 165, 80, 1) 0%, rgb(202, 182, 119) 50%, rgba(191, 165, 80, 1) 100%);
          color: #fff;
          border-color: #e3c081;
          width: 48%;
      }
      
      .bg-section-01 {
          font-family: 'Poppins', sans-serif;
          color: #6d6d6d;
          background-image: url('{{ asset('images/icon-ant/bg.png') }}');
          background-repeat: no-repeat;
      }
      
      .discover {
          color: #fff;
          font-size: 4rem;
          margin-bottom: -1.6rem;
          font-weight: 500;
      }
      
      .discover-text {
          /* color:#fff; */
          font-size: 1.2rem;
          margin-bottom: 0.5rem;
          /* font-weight: 700; */
      }
      
      .discover-s3 {
          color: #fff;
          font-size: 4rem;
          margin-bottom: -1.6rem;
          font-weight: 700;
      }
      /* .discover-text-s3 {
          font-size: 1rem;
          margin-bottom: 0.5rem;
          color: #fff;
      } */
      
      .discover-text-s3 {
          font-size: 1.4rem;
          margin-bottom: 0.5rem;
          color: #fff;
          text-align: center;
          margin-left: -3rem;
      }
      
      .img-s3 {
          width: 73%;
      }
      
      .img-footer {
          width: 73%;
          margin-top: 3rem;
      }
      
      .img-logo-ant {
          width: 100%;
          margin-top: -1rem;
      }
      
      .bg-point-s2 {
          background: rgb(110, 109, 107);
          border-radius: 50%;
          width: 90px;
          height: 90px;
      }
      
      .img-point-s2 {
          margin-top: -5.3rem;
          margin-left: 5rem;
      }
      
      .img-point-ant {
          margin-top: -5.9rem;
          margin-left: 5rem;
      }
      
      .text-point-s2 {
          font-size: 1.1rem;
          color: #fff;
      }
      
      .text-point-su {
          font-size: 0.8rem;
          color: rgb(162 160 160);
      }
      
      .top-img {
          margin-top: 1.3rem;
      }
      
      .text-top-labal {
          margin-top: 0.4rem;
          font-size: 1.4rem;
      }
      
      .text-top-labal-s3 {
          margin-top: -0.7rem;
          font-size: 1.4rem;
          margin-left: 0rem;
      }
      
      .our_subscribe {
          border: 2px solid #1F1F1F;
          padding: 10px;
          border-radius: 25px;
          background-color: rgb(34, 34, 34);
      }
      
      .more_you_shop {
          width: 90%;
      }
      
      .text_ph {
          font-style: 1rem;
      }
      
      .icon-tu-pa {
          width: 22%;
      }
      
      .mb {
          display: none;
      }
      
      @media screen and (max-width: 992px) {
          .navbar-custom {
              width: 20%;
          }
          .lang-dropdown {
              text-align: left;
              margin-left: 0px;
          }
          .navbar-custom-auth {
              width: 70%;
          }
          .navbar-custom-auth li {
              width: 25%;
          }
          .discover {
              color: #fff;
              font-size: 5rem;
              margin-bottom: -1.6rem;
              font-weight: 700;
              text-align: center;
          }
          .discover-text {
              /* color: #fff; */
              font-size: 1.2rem;
              margin-bottom: 0.5rem;
              /* font-weight: 700; */
              text-align: center;
          }
          .discover-s3 {
              color: #fff;
              font-size: 2rem;
              margin-bottom: -1.6rem;
              font-weight: 700;
              text-align: center;
          }
          .discover-text-s3 {
              font-size: 1.5rem;
              margin-bottom: 0.5rem;
              color: #fff;
              text-align: center;
          }
          .img-s3 {
              width: 50%;
              margin-left: 12rem;
          }
          .img-footer {
              width: 50%;
              margin-left: -2rem;
              margin-top: -3rem;
          }
          .ant-center {
              background: rgb(64, 63, 63);
              border-radius: 50%;
              padding: 50px;
              width: 300px;
              height: 300px;
              text-align: center;
              margin-left: 15rem;
          }
          .btn-yellow {
              background: #e3c081;
              border-radius: 25px;
              width: 200px;
              background: linear-gradient(90deg, rgba(191, 165, 80, 1) 0%, rgba(191, 165, 80, 1) 0%, rgb(228, 216, 180) 50%, rgba(191, 165, 80, 1) 100%);
              color: #fff;
              border-color: #e3c081;
              width: 70%;
              margin-left: 7rem;
          }
          .btn-yellow-s3 {
              background: #e3c081;
              border-radius: 25px;
              width: 200px;
              background: linear-gradient(90deg, rgba(191, 165, 80, 1) 0%, rgba(191, 165, 80, 1) 0%, rgb(228, 216, 180) 50%, rgba(191, 165, 80, 1) 100%);
              color: #fff;
              width: 70%;
              margin-left: 7rem;
          }
          .img-logo-ant {
              width: 60%;
              margin-top: -1rem;
          }
          .top-mobile {
              margin-top: -3rem;
          }
          .text-ant-toke {
              text-align: center;
          }
          .text_ph {
              display: none;
          }
          .mb-img-tu-pa {
              margin-left: 8rem;
          }
          .start-shopping {
              display: none;
          }
          .pc {
              display: none;
          }
          .mb {
              display: block;
          }
          .footer-mb {
              display: none;
          }
      }
      
      @media screen and (max-width: 820px) {
          .btn-yellow-s3 {
              background: #e3c081;
              border-radius: 25px;
              width: 200px;
              background: linear-gradient(90deg, rgba(191, 165, 80, 1) 0%, rgba(191, 165, 80, 1) 0%, rgb(228, 216, 180) 50%, rgba(191, 165, 80, 1) 100%);
              color: #fff;
              width: 42%;
              margin-left: 14rem;
          }
          .btn-yellow {
              background: #e3c081;
              border-radius: 25px;
              width: 200px;
              background: linear-gradient(90deg, rgba(191, 165, 80, 1) 0%, rgba(191, 165, 80, 1) 0%, rgb(228, 216, 180) 50%, rgba(191, 165, 80, 1) 100%);
              color: #fff;
              border-color: #e3c081;
              width: 42%;
              margin-left: 13rem;
          }
          .discover {
              color: #fff;
              font-size: 4rem;
              margin-bottom: -1.6rem;
              font-weight: 700;
              text-align: center;
          }
          .img-s3 {
              width: 38%;
              margin-left: 15rem;
          }
          .img-footer {
              width: 66%;
              margin-left: 0rem;
          }
          .img-logo-ant {
              width: 48%;
              margin-top: -1rem;
          }
      }
      
      @media screen and (max-width: 576px) {
          .navbar-custom {
              width: 50%;
          }
          .ant-center {
              background: rgb(64, 63, 63);
              border-radius: 50%;
              padding: 50px;
              width: 300px;
              height: 300px;
              text-align: center;
              margin-left: 8rem;
          }
          .img-s3 {
              width: 38%;
              margin-left: 10rem;
          }
          .btn-yellow-s3 {
              background: #e3c081;
              border-radius: 25px;
              width: 200px;
              background: linear-gradient(90deg, rgba(191, 165, 80, 1) 0%, rgba(191, 165, 80, 1) 0%, rgb(228, 216, 180) 50%, rgba(191, 165, 80, 1) 100%);
              color: #fff;
              width: 46%;
              margin-left: 9rem;
          }
          .btn-yellow {
              background: #e3c081;
              border-radius: 25px;
              width: 200px;
              background: linear-gradient(90deg, rgba(191, 165, 80, 1) 0%, rgba(191, 165, 80, 1) 0%, rgb(228, 216, 180) 50%, rgba(191, 165, 80, 1) 100%);
              color: #fff;
              border-color: #e3c081;
              width: 62%;
              margin-left: 6rem;
          }
      }
      
      @media screen and (max-width: 446px) {
          .navbar-custom {
              width: 50%;
          }
          .discover {
              color: #fff;
              font-size: 3rem;
              margin-bottom: -1.6rem;
              font-weight: 500;
          }
          .btn-yellow {
              background: #e3c081;
              border-radius: 25px;
              width: 200px;
              background: linear-gradient(90deg, rgba(191, 165, 80, 1) 0%, rgba(191, 165, 80, 1) 0%, rgb(228, 216, 180) 50%, rgba(191, 165, 80, 1) 100%);
              color: #fff;
              border-color: #e3c081;
              width: 70%;
              margin-left: 3.7rem;
          }
          .ant-center {
              background: rgb(64, 63, 63);
              border-radius: 50%;
              padding: 50px;
              width: 300px;
              height: 300px;
              text-align: center;
              margin-left: 4rem;
          }
          .img-s3 {
              width: 55%;
              margin-left: 6rem;
          }
          .btn-yellow-s3 {
              background: #e3c081;
              border-radius: 25px;
              width: 200px;
              background: linear-gradient(90deg, rgba(191, 165, 80, 1) 0%, rgba(191, 165, 80, 1) 0%, rgb(228, 216, 180) 50%, rgba(191, 165, 80, 1) 100%);
              color: #fff;
              width: 70%;
              margin-left: 4rem;
              height: 45%;
          }
          .img-logo-ant {
              width: 90%;
              margin-top: -1rem;
          }
          .discover-text {
              color: #fff;
              font-size: 0.9rem;
              margin-bottom: 0.5rem;
              /* font-weight: 700; */
              text-align: center;
          }
          .discover-s3 {
              color: #fff;
              font-size: 3rem;
              margin-bottom: -1.6rem;
              font-weight: 700;
              text-align: center;
          }
          .discover-text-s3 {
              font-size: 1.2rem;
              margin-bottom: 0.5rem;
              color: #fff;
              text-align: center;
              margin-left: 0rem;
          }
          .mb-img-tu-pa {
              margin-left: 3rem;
          }
      }
      
      @media (max-width: 414.98px) {
          .li-btn-login {
              display: none;
          }
          .lang-dropdown {
              width: 100%;
          }
          .img-s3 {
              width: 50%;
              margin-left: 6rem;
          }
          .btn-yellow {
              background: #e3c081;
              border-radius: 25px;
              width: 200px;
              background: linear-gradient(90deg, rgba(191, 165, 80, 1) 0%, rgba(191, 165, 80, 1) 0%, rgb(228, 216, 180) 50%, rgba(191, 165, 80, 1) 100%);
              color: #fff;
              border-color: #e3c081;
              width: 73%;
              margin-left: 3rem;
          }
          .btn-yellow-s3 {
              background: #e3c081;
              border-radius: 25px;
              width: 200px;
              background: linear-gradient(90deg, rgba(191, 165, 80, 1) 0%, rgba(191, 165, 80, 1) 0%, rgb(228, 216, 180) 50%, rgba(191, 165, 80, 1) 100%);
              color: #fff;
              width: 73%;
              margin-left: 3rem;
          }
          .img-logo-ant {
              width: 73%;
              margin-top: -1rem;
          }
          .ant-center {
              background: rgb(64, 63, 63);
              border-radius: 50%;
              padding: 50px;
              width: 300px;
              height: 300px;
              text-align: center;
              margin-left: 3rem;
          }
          .discover {
              color: #fff;
              font-size: 2.5rem;
              margin-bottom: -1rem;
              font-weight: 700;
              text-align: center;
          }
          .discover-text {
              color: #fff;
              font-size: 0.8rem;
              margin-bottom: 0.5rem;
              /* font-weight: 700; */
              text-align: center;
          }
          .btn-link {
              font-weight: 400;
              color: #fff;
              text-decoration: none;
              margin-left: 16rem;
              margin-top: -2.9rem;
          }
          .h2,
          h2 {
              font-size: 1.9rem;
          }
          .h4,
          h4 {
              font-size: 1rem;
          }
      }
      
      @media (max-width: 375.98px) {
          .ant-center {
              background: rgb(64, 63, 63);
              border-radius: 50%;
              padding: 50px;
              width: 200px;
              height: 200px;
              text-align: center;
              margin-left: 6rem;
          }
          .discover {
              color: #fff;
              font-size: 2.5rem;
              margin-bottom: -1rem;
              font-weight: 700;
              text-align: center;
          }
          .discover-text {
              color: #fff;
              font-size: 0.7rem;
              margin-bottom: 0.1rem;
              /* font-weight: 700; */
              text-align: center;
          }
          .text-top-labal {
              margin-top: 0rem;
              font-size: 1.4rem;
          }
          .img-s3 {
              width: 68%;
              margin-left: 4rem;
          }
          .btn-link {
              font-weight: 400;
              color: #fff;
              text-decoration: none;
              margin-left: 13rem;
              margin-top: -2.9rem;
          }
          .h4,
          h4 {
              font-size: 1.2rem;
          }
      }