@charset "UTF-8";
body {
  overflow-x: hidden;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

fieldset,
legend {
  padding: 0;
  border: 0;
}

fieldset {
  min-width: 0;
  margin: 0;
}

button {
  cursor: pointer;
}

legend {
  width: 100%;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
}

input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
}

input[type=checkbox],
input[type=radio] {
  margin: 4px 0 0;
  margin-top: 1px\9 ;
  line-height: normal;
}

.form-control,
output {
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  display: block;
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type=file]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus {
  outline: dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px;
}

output {
  padding-top: 7px;
}

.form-control {
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999;
}

.form-control::-webkit-input-placeholder {
  color: #999;
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .form-control-feedback,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
  color: #3c763d;
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
  padding: 0;
}

li {
  list-style-type: none;
}

a:focus {
  text-decoration: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

strong {
  font-weight: bold;
}

:focus {
  outline: none !important;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  border: 0;
  max-width: 100%;
}

a:hover {
  text-decoration: none;
}

.tg_header a,
.tg_content a,
.tg_footer a {
  text-decoration: none;
}

.tg_header,
.tg_content,
.tg_footer {
  font-size: 1.6rem;
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  overflow-x: hidden;
}
@media (max-width: 1024px) {
  html {
    overflow-x: hidden;
  }
}

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

.tg_pc {
  display: block;
}
@media (max-width: 1024px) {
  .tg_pc {
    display: none;
  }
}

.tg_mb {
  display: none;
}
@media (max-width: 1024px) {
  .tg_mb {
    display: block;
  }
}

header {
  position: relative;
  z-index: 9;
  min-height: 8.6rem;
}
@media (max-width: 1024px) {
  header {
    min-height: 6rem;
  }
}

.tg_list_option_add_column {
  position: absolute;
  background: #fff;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1607843137);
  padding: 2.4rem;
  border-radius: 0.8rem;
  text-align: left;
  width: 22rem;
}
.tg_list_option_add_column b {
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #474747;
  font-weight: 700;
  font-style: normal;
  margin: 0 0 1.5rem 0;
  display: block;
}
.tg_list_option_add_column ul {
  display: flex;
  flex-direction: column;
  gap: 1.3rem;
}
.tg_list_option_add_column ul li {
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #474747;
  font-weight: 500;
  font-style: normal;
  cursor: pointer;
}

.tg_list_edit_action {
  position: absolute;
  z-index: 9;
}
.tg_list_edit_action .tg_sub_pop_general {
  opacity: 1;
  visibility: visible;
  top: initial;
}

.tg_col_template_info {
  position: absolute;
  z-index: 9;
}
.tg_col_template_info .tg_sub_pop_general {
  opacity: 1;
  visibility: visible;
  top: initial;
}

.swiper-control .pagination-swipe {
  display: flex;
  justify-content: center;
  margin: 3rem 0 0 0;
}
.swiper-control .pagination-swipe .swiper-pagination-bullet {
  background: none;
  border: 0.1rem solid #eb6d68;
  width: 1rem;
  height: 1rem;
  opacity: 1;
  transition: all 0.3s;
}
.swiper-control .pagination-swipe .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #eb6d68;
  width: 5rem;
  border-radius: 1rem;
}

.tg_home .tg_footer {
  margin: 0;
}

footer {
  position: relative;
  z-index: 4;
}

.swiper-wrapper {
  height: auto !important;
}

.swiper-slide {
  height: auto; /* Tự động điều chỉnh theo nội dung */
}

a {
  text-decoration: none;
}

body {
  background: #fff;
  overflow-x: hidden;
  font-family: "Be Vietnam Pro", sans-serif !important;
  margin: 0 !important;
  font-weight: 400;
  font-size: 1.6rem;
}

@font-face {
  font-family: kage_b;
  src: url("https://39b96dbb5e3f6e40b0b5fb6762c9ff99.cdn.bubble.io/f1745209338632x855698222531296500/KagePro-DemiBold.otf?_gl=1*1qyn9jq*_gcl_au*MTEwOTE5MDk3NS4xNzQyNzE5NzU2*_ga*OTQ2NjI1Mjg0LjE3MzMzNzE4MDQ.*_ga_BFPVR2DEE2*MTc0NTg5NTg5MS4yNS4xLjE3NDU5MTM4ODcuNjAuMC4w");
}
body,
button,
input,
textarea,
select {
  font-family: "Be Vietnam Pro", sans-serif !important;
}

.tg_container {
  width: 100%;
  max-width: 133rem;
  padding: 0 1.5rem;
  margin: 0 auto;
}
@media (min-width: 1920px) {
  .tg_container {
    max-width: 163rem;
  }
}

.show_test_menu {
  position: fixed;
  left: 5px;
  color: #fff;
  width: 40px;
  height: 40px;
  background: #0066b2;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  z-index: 9;
  border-radius: 50%;
  top: 110px;
  font-weight: 600;
}

.qb_test_menu {
  position: fixed;
  left: 50px;
  top: 170px;
  z-index: 99999;
  margin: 0px auto;
  width: 100%;
  background: #0066b2;
  max-width: 500px;
  display: none;
  padding: 0px 20px;
}

.qb_test_menu h3 {
  text-align: center;
  color: #fff;
  margin: 20px 0px;
}

.qb_test_menu ul li {
  width: 50%;
  float: left;
  font-weight: 600;
  margin: 0px 0px 10px 0px;
}

.qb_test_menu ul li a {
  color: #fff;
  font-size: 14px;
}

/*END CSS SHOW MENU*/
.img_bn_pc {
  display: block;
}
@media (max-width: 1024px) {
  .img_bn_pc {
    display: none;
  }
}

.img_bn_mb {
  display: none;
}
@media (max-width: 1024px) {
  .img_bn_mb {
    display: block;
  }
}

.br_mb {
  display: none;
}
@media (max-width: 1024px) {
  .br_mb {
    display: block;
  }
}

.tooltip {
  position: absolute;
  background-color: black;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  white-space: normal; /* Cho phép tooltip xuống dòng nếu dài */
  max-width: 375px; /* Chiều rộng tối đa của tooltip */
  text-align: center; /* Căn giữa nội dung bên trong tooltip */
  z-index: 1000;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none; /* Đảm bảo tooltip không can thiệp vào sự kiện */
  word-wrap: break-word; /* Tự động xuống dòng nếu quá dài */
}
.tooltip::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid black;
  position: absolute;
  bottom: -0.7rem;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bg_opacity {
  position: fixed;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  z-index: 999;
  display: none;
}

#menu_mobile_full {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 37.5rem;
  left: -37.5rem;
  background: #fff;
  -webkit-transition: -webkit-transform 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  border-right: 0.1rem solid rgba(172, 131, 85, 0.4);
  z-index: 9999999;
  overflow: auto;
  padding: 0;
}
#menu_mobile_full .header_mobif {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.8rem 1.6rem 0 1.6rem;
}
#menu_mobile_full .header_mobif .logo_mobif {
  max-width: 19rem;
}
#menu_mobile_full .close_menu {
  margin: 0 0 0 auto;
}
#menu_mobile_full .mobile-menu {
  margin: 3rem 0 0 0;
}
#menu_mobile_full .tg_cta_menu_mobile {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin: 3rem 0 0 0;
}
#menu_mobile_full .tg_cta_menu_mobile .tg_cta_button.tg_cta_mail a {
  background: #eb6d68;
}
#menu_mobile_full .tg_cta_menu_mobile .tg_cta_button a {
  padding: 2rem 2rem;
  font-size: 2.8rem;
  line-height: 4rem;
  color: #fff;
  font-weight: 700;
  font-style: normal;
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: 6rem;
  min-width: 36rem;
  justify-content: center;
  border: 0.2rem solid transparent;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  #menu_mobile_full .tg_cta_menu_mobile .tg_cta_button a {
    padding: 1rem 2rem;
    font-size: 2rem;
    line-height: 2.8rem;
    color: #fff;
    font-weight: 600;
    font-style: normal;
  }
}
@media (max-width: 1024px) {
  #menu_mobile_full .tg_cta_menu_mobile {
    flex-direction: column;
  }
}
#menu_mobile_full .mobile_absolute ul li {
  width: 100%;
  display: block;
  position: relative;
  padding: 1.5rem 1.6rem 1.5rem 1.6rem;
}
#menu_mobile_full .mobile_absolute ul li.tg_active {
  padding: 1.5rem 1.6rem 0 1.6rem;
}
#menu_mobile_full .mobile_absolute ul li.tg_active::after {
  content: "";
  width: 100%;
  height: 5rem;
  position: absolute;
  top: 0;
  left: 0;
  background: #f3f3f3;
}
#menu_mobile_full .mobile_absolute ul li.tg_active::before {
  transform: rotate(180deg);
}
#menu_mobile_full .mobile_absolute ul li a {
  text-decoration: none;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #000;
  font-weight: 700;
  font-style: normal;
  position: relative;
  z-index: 2;
}
#menu_mobile_full .mobile_absolute ul li a:hover {
  background: none;
}
#menu_mobile_full .mobile_absolute ul li span {
  margin: 0 0 0 1rem;
}
#menu_mobile_full .mobile_absolute ul li.not-have-child {
  padding: 0;
}
#menu_mobile_full .mobile_absolute ul li.not-have-child a {
  display: block;
  padding: 1rem 1.6rem 1rem 1.6rem;
}
#menu_mobile_full .mobile_absolute ul li:last-child {
  border-bottom: none;
}
#menu_mobile_full .mobile_absolute .sub-menu {
  display: none;
  padding: 0;
  border-top: none;
  margin: 1rem 0 0 0;
}
#menu_mobile_full .mobile_absolute .sub-menu li {
  padding: 1rem 0 1rem 1.5rem;
}
#menu_mobile_full .mobile_absolute .sub-menu li a {
  font-size: 1.4rem;
  text-transform: none;
}
#menu_mobile_full .mobile_absolute .sub-menu li:last-child {
  border-bottom: none;
  padding: 1.5rem 0 0 1.5rem;
}
#menu_mobile_full .mobile_absolute .sub-menu li.not-have-child {
  padding: 0;
}
#menu_mobile_full .mobile_absolute .sub-menu li.not-have-child a {
  padding: 1rem 0 1rem 1.5rem;
  display: table;
  width: 100%;
}
#menu_mobile_full .mobile_absolute .sub-menu li.not-have-child:last-child a {
  padding: 1rem 0 1rem 1.5rem;
}
#menu_mobile_full .menu_mobile_full_search {
  margin: 3rem 0 0 0;
  padding: 0 1.6rem;
}
#menu_mobile_full .menu_mobile_full_search form {
  position: relative;
}
#menu_mobile_full .menu_mobile_full_search form input[type=search] {
  background: #f3f3f3;
  border-radius: 0.8rem;
  padding: 1.2rem 4.4rem 1.2rem 1.2rem;
  width: 100%;
  border: none;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #000;
  font-weight: 300;
  font-style: normal;
}
#menu_mobile_full .menu_mobile_full_search form input[type=search]::placeholder {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #8d8c8c;
  font-weight: 400;
  font-style: normal;
}
#menu_mobile_full .menu_mobile_full_search form input[type=submit] {
  background: url(../images/search-removebg-preview.png) center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 1.3rem;
  right: 1.5rem;
  text-indent: -9999px;
  border: none;
  width: 2.2rem;
  height: 2.2rem;
  cursor: pointer;
}
#menu_mobile_full .menu_mobile_full_search form button {
  position: absolute;
  top: 1rem;
  right: 1.2rem;
  background: none;
  border: none;
  padding: 0;
}
#menu_mobile_full .menu_mobile_full_search form button svg path,
#menu_mobile_full .menu_mobile_full_search form button svg circle {
  stroke: #000;
}
#menu_mobile_full .menu_mobile_full_social_family {
  margin: 2.5rem 0 0 0;
  padding: 0 1.6rem;
}
#menu_mobile_full .menu_mobile_full_social_family .menu_mobile_wrap_bottom {
  margin: 0 0 0 auto;
  display: flex;
  gap: 1rem;
  align-items: center;
}
#menu_mobile_full .menu_mobile_full_social_family .menu_mobile_wrap_bottom_social ul {
  display: flex;
  gap: 1rem;
}
#menu_mobile_full .menu_mobile_full_social_family .menu_mobile_wrap_bottom_social ul li a {
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  border: 0.1rem solid #e4e4e4;
  display: flex;
  align-items: center;
  justify-content: center;
}
#menu_mobile_full .menu_mobile_full_social_family .menu_mobile_wrap_bottom_social ul li a svg path {
  fill: #eb6d68;
}
#menu_mobile_full .menu_mobile_full_social_family .menu_mobile_wrap_bottom_family {
  position: relative;
  margin: 0 0 0 auto;
}
#menu_mobile_full .menu_mobile_full_social_family .menu_mobile_wrap_bottom_family p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #000;
  font-weight: 300;
  font-style: normal;
  min-width: 16rem;
  position: relative;
  cursor: pointer;
  border-bottom: 0.1rem solid #e4e4e4;
  padding: 0 0 1rem 0;
}
#menu_mobile_full .menu_mobile_full_social_family .menu_mobile_wrap_bottom_family p::after {
  content: url("../images/icon-mbf-29092024.svg");
  position: absolute;
  top: 0;
  right: 0;
}
#menu_mobile_full .menu_mobile_full_social_family .menu_mobile_wrap_bottom_family .family_bg {
  left: -19.3rem;
}

.tg_call_sub_pop {
  position: relative;
}
.tg_call_sub_pop .tg_call_sub_pop_btn {
  cursor: pointer;
}

.tg_switch {
  visibility: hidden;
  position: absolute;
  margin-left: -9999px;
}

.tg_switch + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}

.tg_switch--shadow + label {
  padding: 2px;
  width: 48px;
  height: 24px;
  border-radius: 60px;
}

.tg_switch--shadow + label:before,
.tg_switch--shadow + label:after {
  display: block;
  position: absolute;
  top: 2px;
  left: 1px;
  bottom: 1px;
  content: "";
  height: 100%;
}

.tg_switch--shadow + label:before {
  right: 1px;
  background-color: #f1f1f1;
  border-radius: 60px;
  transition: background 0.4s;
}

.tg_switch--shadow + label:after {
  width: 20px;
  height: 20px;
  background-color: #eb6d68;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: all 0.4s;
  top: 4px;
}

.tg_switch--shadow:checked + label:before {
  background-color: #fadddb;
}

.tg_switch--shadow:checked + label:after {
  transform: translateX(24px);
}

.idtenten_322024 .idtenten_dsdh .idtenten_advanced_search .adv_box_detailds {
  margin: 0px 0px 16px 0px;
}

.adv_box_detailds {
  background: #fff;
  padding: 3.2rem;
  border-radius: 8px;
  margin: 2.4rem 0;
  display: none;
}
.adv_box_detailds .adv_title {
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #474747;
  font-weight: 400;
  font-style: normal;
}
.adv_box_detailds .adv_list_group.tg_minw_310 {
  min-width: 31rem;
}
.adv_box_detailds .adv_list_group .tg_call_sub_pop_btn {
  cursor: pointer;
}
.adv_box_detailds .adv_list_group .tg_sub_pop_general {
  top: 6.2rem;
}
.adv_box_detailds .adv_list_group.tg_register_date .tg_sub_pop_general {
  width: 24rem;
}
.adv_box_detailds .adv_list_group.adv_dateranger {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.adv_box_detailds .adv_list_group.adv_dateranger p {
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #474747;
  font-weight: 400;
  font-style: normal;
}
.adv_box_detailds .adv_list_group.adv_dateranger input {
  max-width: 17rem;
}
.adv_box_detailds .adv_submit_form {
  margin: 3rem 0 0 0;
}
.adv_box_detailds .adv_submit_form_wrap_btns {
  display: flex;
  gap: 2.4rem;
}
.adv_box_detailds .adv_submit_form_wrap_btns button {
  padding: 1.6rem 3.2rem;
  border: 0.1rem solid #000;
  border-radius: 0.8rem;
  background: none;
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #000;
  font-weight: 500;
  font-style: normal;
  cursor: pointer;
}
.adv_box_detailds .adv_submit_form_wrap_btns button.tg_clear_ft {
  border: none;
  padding: 0;
  color: #c2c2c2;
}
.adv_box_detailds .adv_submit_form_wrap_btns button.tg_submit_ft {
  background: #eb6d68;
  color: #fff;
  border: 0.1rem solid #eb6d68;
}

.adv_form_group {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}

.adv_form_group input,
.adv_form_group select {
  border-radius: 8px;
  border: 1px solid #c2c2c2;
  padding: 1.6rem 1.5rem;
  width: 100%;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #000;
  font-weight: 500;
  font-style: normal;
}

.adv_form_group input:focus,
.adv_form_group select:focus,
.adv_form_group input:focus,
.adv_form_group select:focus {
  outline: none;
  border: 1px solid #0066b2;
  border-radius: 8px;
}

.adv_form_group select,
.adv_form_group select {
  background: url(../images/idtenten-322024-arr-select-icon.png) #fff no-repeat;
  background-position: 92% 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}

.adv_status {
  width: 150px;
}

.adv_keywword {
  width: 280px;
}

.adv_autoextend {
  width: 160px;
}

.adv_datetype {
  /* width: 140px; */
}

.adv_datetype.tg_minw_150 {
  width: 150px;
}

.adv_datetype.tg_minw_190 {
  width: 190px;
}

.adv_datetype.tg_minw_180 {
  width: 180px;
}

.adv_datetype.tg_minw_200 {
  /* width: 200px; */
}

.adv_datetype.tg_minw_220 {
  width: 220px;
}

.adv_dateranger,
.tg_popup_id2024 .adv_dateranger {
  /*  width: 150px;*/
  position: relative;
}

.idtenten_tttk .adv_dateranger {
  position: relative;
  max-width: 560px;
}

.adv_dateranger:before,
.nsdns_staticsite .staticsite_form_group .staticsite_dateranger:before,
.tg_popup_id2024 .adv_dateranger:before,
.idtenten_tttk .adv_dateranger:before {
  position: absolute;
  content: "";
  background: url(../images/idtenten-322024-calendar-icon.png) no-repeat;
  width: 28px;
  height: 28px;
  top: 50%;
  right: 12px;
  margin: -14px 0px 0px 0px;
}

.nsdns_staticsite .staticsite_form_group .staticsite_dateranger:before {
  top: 70%;
}

@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
.tg_title_h1_page {
  font-size: 4rem;
  line-height: 4.8rem;
  color: #474747;
  font-weight: 700;
  font-style: normal;
  margin: 0;
}

.tg_btn_act_form_general {
  display: flex;
  justify-content: flex-end;
  gap: 1.6rem;
  margin: 3rem 0 0 0;
}
.tg_btn_act_form_general button {
  padding: 1.7rem 3rem;
  border: 0.1rem solid #000;
  background: none;
  border-radius: 0.8rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #474747;
  font-weight: 500;
  font-style: normal;
}
.tg_btn_act_form_general button.tg_closep_df {
  border: 0.1rem solid #de2a2a;
  color: #de2a2a;
  background: #fef6f6;
}
.tg_btn_act_form_general button.tg_submit {
  border: 0.1rem solid #eb6d68;
  color: #fff;
  background: #eb6d68;
}

.tg_list_edit_action.tg_list_marketplace_listing .tg_sub_pop_general {
  width: 16rem;
}

.tg_only_wrap_svg {
  display: flex;
}
.tg_only_wrap_svg a {
  display: flex;
}

body,
html {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  body,
  html {
    overflow-y: auto !important;
  }
}
body.tg_has_scrollbar,
html.tg_has_scrollbar {
  overflow-y: auto;
}

.hero-section-wrap .hero-image-wrapper-bottom {
  position: absolute;
  left: 50.3%;
  bottom: 13%;
  transform: translateX(-50%);
  z-index: 2;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .hero-section-wrap .hero-image-wrapper-bottom {
    left: 50.5%;
  }
}
@media (max-width: 1024px) {
  .hero-section-wrap .hero-image-wrapper-bottom {
    bottom: 9%;
  }
}
.hero-section-wrap .hero-image-wrapper-bottom img {
  transform: scale(0.6);
  max-width: 18rem;
}
.hero-section-wrap .hero-image-wrapper-hand {
  position: absolute;
  bottom: 32%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.hero-section-wrap .hero-image-wrapper-hand.hidden {
  display: none;
}
@media (max-width: 1024px) {
  .hero-section-wrap .hero-image-wrapper-hand {
    bottom: 40%;
  }
}
.hero-section-wrap .hero-image-wrapper-hand img {
  width: 50px;
  opacity: 0;
  position: relative;
  will-change: transform, opacity;
  animation: handScrollUp 3s ease-in-out infinite;
}
@media (max-width: 1024px) {
  .hero-section-wrap .hero-image-wrapper-hand img {
    animation: handScrollDown 3s ease-in-out infinite;
  }
}
.hero-section-wrap .hero-section {
  position: relative;
}
.hero-section-wrap .hero-section .hero-image-wrapper {
  width: 100%;
  height: 100%;
}
.hero-section-wrap .hero-section .hero-image-wrapper .hero-image-wrapper-top {
  width: 100%;
  height: 100%;
}
.hero-section-wrap .hero-section .hero-section-author {
  position: absolute;
  bottom: 3rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  text-align: center;
  padding: 0 1.5rem;
  width: 100%;
  max-width: 90rem;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .hero-section-wrap .hero-section .hero-section-author {
    bottom: 3rem;
  }
}
@media (max-width: 1024px) {
  .hero-section-wrap .hero-section .hero-section-author {
    width: 100%;
    bottom: 2rem;
  }
}
.hero-section-wrap .hero-section .hero-section-author b {
  font-size: 2.4rem;
  line-height: 150%;
  color: #000;
  font-weight: 500;
  font-style: normal;
  position: relative;
  margin: 0 0 3rem 0;
  display: block;
  letter-spacing: 0.2rem;
}
@media (max-width: 767px) {
  .hero-section-wrap .hero-section .hero-section-author b {
    font-size: 1.4rem;
    line-height: 150%;
    color: #000;
    font-weight: 500;
    font-style: normal;
  }
}
.hero-section-wrap .hero-section .hero-section-author b::before {
  content: "";
  position: absolute;
  bottom: -1.3rem;
  left: 50%;
  transform: translateX(-50%);
  width: 9.6rem;
  height: 0.2rem;
  background: #000;
}
.hero-section-wrap .hero-section .hero-section-author p {
  font-size: 1.6rem;
  line-height: 150%;
  color: #39488c;
  font-weight: 300;
  font-style: normal;
}
.hero-section-wrap .hero-section .hero-section-author p br {
  display: none;
}
@media (max-width: 1024px) {
  .hero-section-wrap .hero-section .hero-section-author p br {
    display: block;
  }
}
@media (max-width: 1024px) {
  .hero-section-wrap .hero-section .hero-section-author p {
    font-size: 1.2rem;
    line-height: 160%;
    color: #39488c;
    font-weight: 400;
    font-style: normal;
  }
}

.hero-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
}
.content-section {
  height: auto;
}

.star {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1833px 539px #fff, 234px 51px #fff, 908px 404px #fff, 115px 139px #fff, 1094px 53px #fff, 1643px 623px #fff, 1229px 81px #fff, 1204px 645px #fff, 909px 568px #fff, 1520px 21px #fff, 1120px 606px #fff, 832px 922px #fff, 39px 833px #fff, 1227px 826px #fff, 1192px 941px #fff, 1585px 369px #fff, 1903px 197px #fff, 1300px 565px #fff, 1804px 489px #fff, 821px 336px #fff, 1179px 519px #fff, 938px 3px #fff, 2px 649px #fff, 992px 83px #fff, 915px 119px #fff, 1399px 942px #fff, 1897px 763px #fff, 1662px 307px #fff, 203px 275px #fff, 816px 750px #fff, 1362px 106px #fff, 610px 57px #fff, 895px 514px #fff, 944px 517px #fff, 570px 14px #fff, 663px 525px #fff, 539px 830px #fff, 1706px 838px #fff, 449px 205px #fff, 1898px 421px #fff, 1189px 527px #fff, 1390px 830px #fff, 970px 926px #fff, 1906px 43px #fff, 844px 527px #fff, 1468px 613px #fff, 447px 653px #fff, 760px 485px #fff, 1472px 430px #fff, 966px 757px #fff, 659px 756px #fff, 1891px 956px #fff, 298px 384px #fff, 1907px 646px #fff, 1472px 329px #fff, 390px 510px #fff, 998px 652px #fff, 1413px 338px #fff, 846px 333px #fff, 24px 215px #fff, 608px 941px #fff, 427px 61px #fff, 111px 806px #fff, 75px 172px #fff, 1776px 241px #fff, 319px 656px #fff, 639px 400px #fff, 1075px 200px #fff, 1592px 464px #fff, 449px 120px #fff, 96px 639px #fff, 1197px 538px #fff, 650px 983px #fff, 343px 571px #fff, 1648px 193px #fff, 1376px 621px #fff, 35px 707px #fff, 1716px 508px #fff, 231px 179px #fff, 1143px 894px #fff, 986px 749px #fff, 899px 238px #fff, 163px 535px #fff, 1253px 182px #fff, 354px 893px #fff, 559px 615px #fff, 1902px 46px #fff, 111px 165px #fff, 1519px 254px #fff, 1514px 777px #fff, 238px 479px #fff, 905px 702px #fff, 784px 252px #fff, 143px 234px #fff, 1402px 504px #fff, 1920px 333px #fff, 1491px 41px #fff, 1668px 136px #fff, 1278px 143px #fff, 1821px 264px #fff, 204px 894px #fff, 339px 767px #fff, 1525px 573px #fff, 189px 998px #fff, 1784px 798px #fff, 999px 47px #fff, 786px 790px #fff, 1603px 359px #fff, 7px 774px #fff, 1868px 369px #fff, 82px 278px #fff, 449px 552px #fff, 1257px 979px #fff, 499px 645px #fff, 143px 841px #fff, 1703px 492px #fff, 629px 624px #fff, 340px 523px #fff, 901px 335px #fff, 1443px 316px #fff, 1093px 577px #fff, 280px 342px #fff, 367px 787px #fff, 689px 305px #fff, 72px 572px #fff, 1786px 27px #fff, 304px 397px #fff, 504px 305px #fff, 1442px 407px #fff, 1855px 705px #fff, 1573px 724px #fff, 1805px 837px #fff, 142px 945px #fff, 549px 918px #fff, 168px 756px #fff, 477px 415px #fff, 438px 808px #fff, 529px 296px #fff, 471px 66px #fff, 253px 308px #fff, 984px 487px #fff, 1746px 873px #fff, 971px 663px #fff, 401px 706px #fff, 555px 140px #fff, 384px 622px #fff, 520px 670px #fff, 954px 53px #fff, 1314px 257px #fff, 1884px 521px #fff, 1385px 851px #fff, 655px 314px #fff, 1420px 759px #fff, 1645px 184px #fff, 1521px 21px #fff, 1020px 105px #fff, 1202px 37px #fff, 1795px 107px #fff, 1412px 623px #fff, 1180px 242px #fff, 1050px 176px #fff, 250px 811px #fff, 1385px 831px #fff, 1793px 1px #fff, 1565px 880px #fff, 149px 829px #fff, 569px 581px #fff, 1795px 775px #fff, 959px 961px #fff, 1083px 656px #fff, 1275px 671px #fff, 1434px 35px #fff, 674px 653px #fff, 1475px 74px #fff, 603px 33px #fff, 1746px 739px #fff, 637px 201px #fff, 294px 992px #fff, 1502px 203px #fff, 1340px 771px #fff, 775px 328px #fff, 1169px 30px #fff, 686px 78px #fff, 264px 613px #fff, 828px 439px #fff, 659px 976px #fff, 728px 492px #fff, 136px 107px #fff, 828px 822px #fff, 405px 38px #fff, 346px 539px #fff, 616px 951px #fff, 364px 70px #fff, 643px 882px #fff, 216px 722px #fff, 783px 180px #fff, 427px 881px #fff, 1850px 836px #fff, 1904px 730px #fff, 862px 523px #fff, 1528px 337px #fff, 1062px 818px #fff, 739px 955px #fff, 394px 760px #fff, 816px 612px #fff, 1040px 787px #fff, 1096px 270px #fff, 1105px 77px #fff, 958px 46px #fff, 13px 575px #fff, 1536px 732px #fff, 1423px 42px #fff, 1327px 656px #fff, 1592px 317px #fff, 863px 222px #fff, 1371px 342px #fff, 1446px 279px #fff, 978px 451px #fff, 1569px 105px #fff, 1424px 835px #fff, 926px 179px #fff, 1746px 690px #fff, 597px 400px #fff, 410px 356px #fff, 604px 523px #fff, 1714px 685px #fff, 172px 913px #fff, 1485px 657px #fff, 950px 623px #fff, 1904px 154px #fff, 1683px 639px #fff, 1254px 995px #fff, 1209px 946px #fff, 1645px 365px #fff, 1104px 592px #fff, 1406px 708px #fff, 68px 189px #fff, 1594px 968px #fff, 1px 316px #fff, 1515px 90px #fff, 585px 960px #fff, 891px 655px #fff, 1037px 790px #fff, 1343px 723px #fff, 1686px 166px #fff, 1907px 821px #fff, 1613px 341px #fff, 759px 646px #fff, 492px 203px #fff, 1258px 990px #fff, 1398px 641px #fff, 1814px 907px #fff, 88px 754px #fff, 1380px 85px #fff, 39px 668px #fff, 779px 348px #fff, 82px 195px #fff, 1666px 133px #fff, 935px 554px #fff, 1775px 436px #fff, 1335px 460px #fff, 725px 488px #fff, 983px 317px #fff, 404px 391px #fff, 895px 992px #fff, 1126px 63px #fff, 483px 649px #fff, 412px 431px #fff, 1784px 964px #fff, 713px 132px #fff, 419px 119px #fff, 1680px 337px #fff, 1373px 389px #fff, 704px 473px #fff, 214px 352px #fff, 427px 794px #fff, 29px 735px #fff, 572px 964px #fff, 804px 3px #fff, 1023px 618px #fff, 1854px 729px #fff, 1288px 288px #fff, 1232px 364px #fff, 461px 925px #fff, 209px 513px #fff, 600px 541px #fff, 178px 423px #fff, 1701px 55px #fff, 1201px 842px #fff, 159px 658px #fff, 1657px 337px #fff, 1162px 340px #fff, 512px 885px #fff, 603px 741px #fff, 942px 930px #fff, 1786px 656px #fff, 220px 51px #fff, 1541px 432px #fff, 495px 315px #fff, 1342px 964px #fff;
}
@media (max-width: 767px) {
  .star {
    display: none;
  }
}

[class*=meteor-] {
  z-index: 2;
}
@media (max-width: 767px) {
  [class*=meteor-] {
    display: none;
  }
}

.meteor-1 {
  position: absolute;
  top: 88px;
  left: 77%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 9.9s linear infinite;
}

.meteor-1:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-2 {
  position: absolute;
  top: 76px;
  left: 81%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 8.1s linear infinite;
}

.meteor-2:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-3 {
  position: absolute;
  top: 291px;
  left: 51%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 9.8s linear infinite;
}

.meteor-3:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-4 {
  position: absolute;
  top: 161px;
  left: 40%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 5.5s linear infinite;
}

.meteor-4:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-5 {
  position: absolute;
  top: 132px;
  left: 69%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 8.5s linear infinite;
}

.meteor-5:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-6 {
  position: absolute;
  top: 137px;
  left: 83%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 7s linear infinite;
}

.meteor-6:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-7 {
  position: absolute;
  top: 230px;
  left: 60%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 6.4s linear infinite;
}

.meteor-7:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-8 {
  position: absolute;
  top: 161px;
  left: 87%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 3.1s linear infinite;
}

.meteor-8:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-9 {
  position: absolute;
  top: 184px;
  left: 16%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 5.3s linear infinite;
}

.meteor-9:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-10 {
  position: absolute;
  top: 239px;
  left: 93%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 8.8s linear infinite;
}

.meteor-10:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-11 {
  position: absolute;
  top: 224px;
  left: 71%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 7.9s linear infinite;
}

.meteor-11:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-12 {
  position: absolute;
  top: 293px;
  left: 90%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 8.3s linear infinite;
}

.meteor-12:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-13 {
  position: absolute;
  top: 70px;
  left: 76%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 3.6s linear infinite;
}

.meteor-13:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-14 {
  position: absolute;
  top: 289px;
  left: 44%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 6.7s linear infinite;
}

.meteor-14:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-15 {
  position: absolute;
  top: 240px;
  left: 43%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 5.7s linear infinite;
}

.meteor-15:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

@keyframes meteor {
  0% {
    opacity: 1;
    margin-top: -300px;
    margin-right: -300px;
  }
  12% {
    opacity: 0;
  }
  15% {
    margin-top: 300px;
    margin-left: -600px;
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.point {
  transition: transform 0.3s ease, fill 0.3s ease;
}

.tg_popup_v2 {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  overflow-x: hidden;
  overflow-y: auto;
  display: none;
  padding: 0px 15px;
}
.tg_popup_v2.tg_pop_login .tg_content_pop {
  max-width: 57rem;
  padding: 6rem;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_popup_v2.tg_pop_login .tg_content_pop {
    padding: 3rem 4rem;
    max-width: 40rem;
  }
}
@media (max-width: 1024px) {
  .tg_popup_v2.tg_pop_login .tg_content_pop {
    padding: 4rem 2rem;
  }
}
.tg_popup_v2.tg_pop_see_thanks_grunner .tg_content_pop_title p {
  margin: 0;
}
.tg_popup_v2.tg_pop_see_thanks_grunner .tg_content_pop_title p strong {
  color: #e66fb5;
}
.tg_popup_v2.tg_pop_see_thanks_grunner .tg_content_pop_content_list_fb_grunner {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  max-height: 530px;
  overflow: auto;
}
.tg_popup_v2.tg_pop_see_thanks_grunner .tg_content_pop_content_list_fb_grunner::-webkit-scrollbar-track {
  background-color: #e6e6e6;
}
.tg_popup_v2.tg_pop_see_thanks_grunner .tg_content_pop_content_list_fb_grunner::-webkit-scrollbar {
  width: 5px;
  background-color: none;
}
.tg_popup_v2.tg_pop_see_thanks_grunner .tg_content_pop_content_list_fb_grunner::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 1rem;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_popup_v2.tg_pop_see_thanks_grunner .tg_content_pop_content_list_fb_grunner {
    max-height: 310px;
  }
}
@media (max-width: 1024px) {
  .tg_popup_v2.tg_pop_see_thanks_grunner .tg_content_pop_content_list_fb_grunner {
    max-height: 330px;
  }
}
.tg_popup_v2.tg_pop_see_thanks_grunner .tg_content_pop_content_list_fb_grunner_item {
  display: flex;
  align-items: flex-start;
  background: #f8f8f8;
  padding: 2rem;
  border-radius: 1.6rem;
  gap: 1.6rem;
}
@media (max-width: 1024px) {
  .tg_popup_v2.tg_pop_see_thanks_grunner .tg_content_pop_content_list_fb_grunner_item {
    padding: 2rem 1rem;
  }
}
.tg_popup_v2.tg_pop_see_thanks_grunner .tg_content_pop_content_list_fb_grunner_item_wrap_figure {
  flex-shrink: 0;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .tg_popup_v2.tg_pop_see_thanks_grunner .tg_content_pop_content_list_fb_grunner_item_wrap_figure {
    width: 6rem;
    height: 6rem;
  }
}
.tg_popup_v2.tg_pop_see_thanks_grunner .tg_content_pop_content_list_fb_grunner_item_wrap_figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tg_popup_v2.tg_pop_see_thanks_grunner .tg_content_pop_content_list_fb_grunner_item_textwidget {
  display: flex;
  flex-direction: column;
}
.tg_popup_v2.tg_pop_see_thanks_grunner .tg_content_pop_content_list_fb_grunner_item_textwidget button {
  background: none;
  padding: 0;
  border: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  background: linear-gradient(215.3deg, #ff6a8f 1.9%, #ab66ff 93.23%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: left;
  margin: 0.6rem 0 0 0;
}
.tg_popup_v2.tg_pop_see_thanks_grunner .tg_content_pop_content_list_fb_grunner_item_textwidget button ~ button {
  display: none;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_popup_v2.tg_pop_see_thanks_grunner .tg_content_pop_content_list_fb_grunner_item_textwidget button {
    font-size: 13px;
  }
}
.tg_popup_v2.tg_pop_see_thanks_grunner .tg_content_pop_content_list_fb_grunner_item_textwidget b {
  font-size: 1.4rem;
  line-height: 100%;
  color: #000;
  font-weight: 600;
  font-style: normal;
  margin: 0 0 0.5rem 0;
  display: block;
}
.tg_popup_v2.tg_pop_see_thanks_grunner .tg_content_pop_content_list_fb_grunner_item_textwidget span {
  font-size: 1.2rem;
  line-height: 100%;
  color: #000;
  font-weight: 400;
  font-style: normal;
  opacity: 0.5;
  margin: 0 0 1rem 0;
}
.tg_popup_v2.tg_pop_see_thanks_grunner .tg_content_pop_content_list_fb_grunner_item_textwidget p {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #000;
  font-weight: 300;
  font-style: normal;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_popup_v2.tg_pop_see_thanks_grunner .tg_content_pop_content_list_fb_grunner_item_textwidget p {
    font-size: 1.3rem;
    line-height: 140%;
    color: #000;
    font-weight: 300;
    font-style: normal;
  }
}
@media (max-width: 1024px) {
  .tg_popup_v2.tg_pop_see_thanks_grunner .tg_content_pop_content_list_fb_grunner_item_textwidget p {
    font-size: 1.4rem;
    line-height: 130%;
    color: #000;
    font-weight: 300;
    font-style: normal;
  }
}
.tg_popup_v2 .tg_content_pop {
  position: relative;
  margin: 10rem auto 10rem auto;
  z-index: 9;
  transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  background: #fff;
  padding: 4rem;
  max-width: 69rem;
  width: 100%;
  animation-name: animatetop;
  animation-duration: 0.4s;
  border-radius: 20px;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_popup_v2 .tg_content_pop {
    margin: 5rem auto 0 auto;
  }
}
@media (max-width: 1024px) {
  .tg_popup_v2 .tg_content_pop {
    padding: 3rem 1.6rem;
    margin: 8rem auto 5rem auto;
  }
}
.tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list {
    gap: 1.5rem;
  }
}
@media (max-width: 1024px) {
  .tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list {
    gap: 1rem;
  }
}
.tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item {
  position: relative;
}
.tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item input[type=email],
.tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item input[type=password],
.tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item input[type=text],
.tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item textarea {
  border: none;
  border-bottom: 0.1rem solid #bdbec1;
  padding: 1rem 0;
  width: 100%;
  border-radius: 0;
  font-size: 1.6rem;
  line-height: 150%;
  color: #000;
  font-weight: 400;
  font-style: normal;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item input[type=email],
  .tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item input[type=password],
  .tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item input[type=text],
  .tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item textarea {
    font-size: 1.4rem;
    line-height: 150%;
    color: #000;
    font-weight: 400;
    font-style: normal;
  }
}
.tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item input[type=email]::placeholder,
.tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item input[type=password]::placeholder,
.tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item input[type=text]::placeholder,
.tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item input::placeholder {
  font-size: 1.6rem;
  line-height: 150%;
  color: #000;
  font-weight: 300;
  font-style: normal;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item input[type=email]::placeholder,
  .tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item input[type=password]::placeholder,
  .tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item input[type=text]::placeholder,
  .tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item input::placeholder {
    font-size: 1.4rem;
    line-height: 150%;
    color: #000;
    font-weight: 300;
    font-style: normal;
  }
}
.tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item textarea {
  resize: none;
  height: 9.4rem;
  font-family: "Be Vietnam Pro", sans-serif;
}
.tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item_upload_file label {
  margin: 0 0 1rem 0;
  font-size: 1.6rem;
  line-height: 150%;
  color: #000;
  font-weight: 400;
  font-style: normal;
}
.tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item_upload_file_wrap {
  background: #f8f8f8;
  border: 1px solid rgba(203, 203, 203, 0.8);
  border-radius: 16px;
  padding: 2rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item_upload_file_wrap svg {
  margin: 0 0 1rem 0;
}
.tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item_upload_file_wrap em {
  margin: 0 0 1rem 0;
  font-size: 1.6rem;
  line-height: 150%;
  color: #000;
  font-weight: 400;
  font-style: normal;
}
.tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item_upload_file_wrap em span {
  background: linear-gradient(215.3deg, #ff6a8f 1.9%, #ab66ff 93.23%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item_upload_file_wrap p {
  font-size: 1.2rem;
  line-height: 150%;
  color: #000;
  font-weight: 300;
  font-style: normal;
  opacity: 0.4;
}
.tg_popup_v2 .tg_content_pop form .tg_content_pop_content_form_list_item_upload_file input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.tg_popup_v2 .tg_content_pop form button[type=submit] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1.2rem 4rem;
  margin: 3rem auto 0 auto;
  background: linear-gradient(215.3deg, #ff6a8f 1.9%, #ab66ff 93.23%);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 5rem;
  font-size: 1.8rem;
  line-height: 150%;
  color: #fff;
  font-weight: 400;
  font-style: normal;
  transition: all 0.5s;
}
.tg_popup_v2 .tg_content_pop form button[type=submit]:hover {
  box-shadow: 0 0 8px #ab66ff;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_popup_v2 .tg_content_pop form button[type=submit] {
    padding: 1rem 2rem;
    font-size: 1.6rem;
    line-height: 150%;
    color: #fff;
    font-weight: 400;
    font-style: normal;
  }
}
@media (max-width: 1024px) {
  .tg_popup_v2 .tg_content_pop form button[type=submit] {
    padding: 1rem 2rem;
    font-size: 1.6rem;
    line-height: 150%;
    color: #fff;
    font-weight: 400;
    font-style: normal;
  }
}
.tg_popup_v2 .tg_content_pop_title {
  margin: 0 0 3rem 0;
  text-align: center;
}
@media (max-width: 1024px) {
  .tg_popup_v2 .tg_content_pop_title {
    margin: 0 0 1rem 0;
  }
}
.tg_popup_v2 .tg_content_pop_title h4 {
  text-align: center;
  font-size: 3rem;
  line-height: 4rem;
  color: #fff;
  font-weight: 600;
  font-style: normal;
  /* Color1 */
  background: linear-gradient(215.3deg, #ff6a8f 1.9%, #ab66ff 93.23%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.5);
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_popup_v2 .tg_content_pop_title h4 {
    font-size: 2rem;
    line-height: 2.6rem;
    color: #fff;
    font-weight: 600;
    font-style: normal;
  }
}
@media (max-width: 1024px) {
  .tg_popup_v2 .tg_content_pop_title h4 {
    font-size: 2rem;
    line-height: 3rem;
    color: #fff;
    font-weight: 600;
    font-style: normal;
  }
}
.tg_popup_v2 .tg_content_pop_title p {
  font-size: 1.6rem;
  line-height: 150%;
  color: #000;
  font-weight: 400;
  font-style: normal;
  margin: 2rem 0 0 0;
}
@media (max-width: 1024px) {
  .tg_popup_v2 .tg_content_pop_title p {
    font-size: 1.4rem;
    line-height: 150%;
    color: #000;
    font-weight: 400;
    font-style: normal;
  }
}
.tg_popup_v2 .tg_content_pop .tg_close_pop {
  position: absolute;
  top: -5rem;
  right: -5rem;
  cursor: pointer;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_popup_v2 .tg_content_pop .tg_close_pop {
    top: -3rem;
    right: -3rem;
  }
  .tg_popup_v2 .tg_content_pop .tg_close_pop svg {
    width: 30px;
  }
}
@media (max-width: 1024px) {
  .tg_popup_v2 .tg_content_pop .tg_close_pop {
    top: -6rem;
    right: 0rem;
  }
}

.tg_popup_id2024 {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99;
  width: 100%;
  height: 100%;
  background: #270f31;
  overflow-x: hidden;
  overflow-y: auto;
  background: url("https://39b96dbb5e3f6e40b0b5fb6762c9ff99.cdn.bubble.io/f1745207255547x788613772728774600/bg_popup_img.jpg?_gl=1*1qyn9jq*_gcl_au*MTEwOTE5MDk3NS4xNzQyNzE5NzU2*_ga*OTQ2NjI1Mjg0LjE3MzMzNzE4MDQ.*_ga_BFPVR2DEE2*MTc0NTg5NTg5MS4yNS4xLjE3NDU5MTM4ODcuNjAuMC4w") center center no-repeat;
  display: none;
}
@media (max-width: 1024px) {
  .tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop {
    padding: 3rem 1.5rem;
  }
}
@media (max-width: 1024px) {
  .tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop .tg_content_pop_title {
    max-width: 14rem;
  }
}
.tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop_content {
  background: url("https://39b96dbb5e3f6e40b0b5fb6762c9ff99.cdn.bubble.io/f1745564199470x654906876902123400/bg_content_pop_quizgo.png?_gl=1*jcyi6f*_gcl_au*MTEwOTE5MDk3NS4xNzQyNzE5NzU2*_ga*OTQ2NjI1Mjg0LjE3MzMzNzE4MDQ.*_ga_BFPVR2DEE2*MTc0NTg5NTg5MS4yNS4xLjE3NDU5MTM4ODcuNjAuMC4w") center center no-repeat;
  background-size: cover;
  border-radius: 30px;
  padding: 5rem;
  max-width: 108rem;
}
@media (max-width: 1024px) {
  .tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop_content {
    padding: 2rem;
  }
}
.tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop_content_gquizz {
  display: flex;
  gap: 3rem;
  align-items: center;
}
@media (max-width: 1024px) {
  .tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop_content_gquizz {
    flex-direction: column;
    gap: 1rem;
  }
}
.tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop_content_gquizz_left {
  flex: 1;
}
@media (max-width: 1024px) {
  .tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop_content_gquizz_left img {
    max-width: 24rem;
  }
}
.tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop_content_gquizz_right {
  flex: 1;
  text-align: center;
}
.tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop_content_gquizz_right_top h5 {
  font-size: 2.8rem;
  line-height: 4rem;
  color: #fff;
  font-weight: 600;
  font-style: normal;
  margin: 0 0 3rem 0;
}
@media (max-width: 1024px) {
  .tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop_content_gquizz_right_top h5 {
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: #fff;
    font-weight: 500;
    font-style: normal;
    margin: 0 0 1.5rem 0;
  }
}
.tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop_content_gquizz_right_top p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #fff;
  font-weight: 300;
  font-style: normal;
  margin: 0 0 2rem 0;
  display: block;
}
@media (max-width: 1024px) {
  .tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop_content_gquizz_right_top p {
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #fff;
    font-weight: 300;
    font-style: normal;
    margin: 0 0 1rem 0;
  }
}
.tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop_content_gquizz_right_top p b {
  font-weight: 700;
}
.tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop_content_gquizz_right_bottom_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  /* Note: backdrop-filter has minimal browser support */
  border-radius: 20px;
  border-radius: 1.2rem;
  padding: 3rem 1rem;
  gap: 4rem;
}
@media (max-width: 1024px) {
  .tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop_content_gquizz_right_bottom_wrap {
    display: none;
  }
}
.tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop_content_gquizz_right_bottom_wrap_item {
  position: relative;
}
.tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop_content_gquizz_right_bottom_wrap_item p {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #fff;
  font-weight: 400;
  font-style: normal;
  margin: 0 0 1rem 0;
}
.tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop_content_gquizz_right_bottom_wrap_item a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop_content_gquizz_right_bottom_wrap_mb {
  display: none;
}
@media (max-width: 1024px) {
  .tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop_content_gquizz_right_bottom_wrap_mb {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
  }
}
.tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop_content_gquizz_right_bottom_note {
  margin: 2rem 0 0 0;
}
.tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop_content_gquizz_right_bottom_note p {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #fff;
  font-weight: 300;
  font-style: normal;
}
.tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop_content_gquizz_right_bottom_note a {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #fff;
  font-weight: 500;
  font-style: normal;
  background: rgba(255, 255, 255, 0.3);
  background: linear-gradient(95.71deg, #c67bf9 18.21%, #8056fb 68.13%);
  box-shadow: 0px 12px 30px rgba(86, 43, 210, 0.16);
  border-radius: 30px;
  border-radius: 50px;
  padding: 0.7rem 2rem;
  display: inline-block;
  margin: 1rem 0 0 0;
  transition: all 0.5s;
}
.tg_popup_id2024.tg_pop_game_gquizz .tg_content_pop_content_gquizz_right_bottom_note a:hover {
  background: linear-gradient(215.3deg, #ff6a8f 1.9%, #ab66ff 93.23%);
}
.tg_popup_id2024.tg_pop_video .tg_content_pop_title {
  text-align: center;
  margin: 0 0 3rem 0;
}
.tg_popup_id2024.tg_pop_video .tg_content_pop_title h4 {
  text-shadow: none;
  font-size: 3rem;
  line-height: 4.4rem;
  color: #fff;
  font-weight: 500;
  font-style: normal;
  text-transform: none;
  margin: 0 0 1rem 0;
}
@media (max-width: 1024px) {
  .tg_popup_id2024.tg_pop_video .tg_content_pop_title h4 {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #fff;
    font-weight: 500;
    font-style: normal;
    margin: 0 0 2.5rem 0;
  }
}
.tg_popup_id2024.tg_pop_video .tg_content_pop_title b {
  font-size: 4rem;
  line-height: 5rem;
  color: #fff;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .tg_popup_id2024.tg_pop_video .tg_content_pop_title b {
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: #fff;
    font-weight: 500;
    font-style: normal;
  }
}
.tg_popup_id2024.tg_pop_video .tg_content_pop_content_video_img img {
  border-radius: 2rem;
}
.tg_popup_id2024.tg_pop_video .tg_content_pop_content_video_play_btn {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: flex;
  align-items: center;
  gap: 1rem;
  pointer-events: none;
  opacity: 0.5;
  transition: all 0.5s;
}
.tg_popup_id2024.tg_pop_video .tg_content_pop_content_video_play_btn p {
  font-size: 2rem;
  line-height: 2.4rem;
  color: #fff;
  font-weight: 600;
  font-style: normal;
}
.tg_popup_id2024.tg_pop_video .tg_content_pop_content_video:hover .tg_content_pop_content_video_play_btn {
  opacity: 1;
}
.tg_popup_id2024.tg_pop_comic .tg_content_pop {
  max-width: 100%;
  padding: 0;
}
.tg_popup_id2024 .tg_content_pop {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6rem 1.5rem;
  flex-direction: column;
  position: relative;
  height: 100%;
  max-width: 120rem;
  margin: 0 auto;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_popup_id2024 .tg_content_pop {
    height: auto;
  }
}
@media (max-width: 1024px) {
  .tg_popup_id2024 .tg_content_pop {
    height: auto;
  }
}
.tg_popup_id2024 .tg_content_pop::before {
  content: "";
  background: url("https://39b96dbb5e3f6e40b0b5fb6762c9ff99.cdn.bubble.io/f1745207488368x117721810614279440/circle_after_pop.png?_gl=1*jcyi6f*_gcl_au*MTEwOTE5MDk3NS4xNzQyNzE5NzU2*_ga*OTQ2NjI1Mjg0LjE3MzMzNzE4MDQ.*_ga_BFPVR2DEE2*MTc0NTg5NTg5MS4yNS4xLjE3NDU5MTM4ODcuNjAuMC4w") center center no-repeat;
  width: 83.4rem;
  height: 83.4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  background-size: contain;
  opacity: 0;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_popup_id2024 .tg_content_pop::before {
    width: 73.4rem;
    height: 73.4rem;
  }
}
@media (max-width: 1024px) {
  .tg_popup_id2024 .tg_content_pop::before {
    background: none;
  }
}
.tg_popup_id2024 .tg_content_pop_title {
  position: relative;
  z-index: 2;
}
.tg_popup_id2024 .tg_content_pop_title h4 {
  font-size: 4rem;
  line-height: 5.8rem;
  color: #fff;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  margin: 0 0 2rem 0;
}
@media (max-width: 1024px) {
  .tg_popup_id2024 .tg_content_pop_title h4 {
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: #fff;
    font-weight: 500;
    font-style: normal;
  }
}
.tg_popup_id2024 .tg_content_pop_content {
  position: relative;
  z-index: 2;
}
.tg_popup_id2024 .tg_content_pop_content .tg_close_pop {
  position: absolute;
  top: -5rem;
  right: -5rem;
  display: flex;
  cursor: pointer;
  z-index: 2;
}
@media (max-width: 1024px) {
  .tg_popup_id2024 .tg_content_pop_content .tg_close_pop {
    position: absolute;
    top: -4rem;
    right: -1rem;
    width: 3rem;
  }
}
.tg_popup_id2024.tg_pop_now_past .tg_content_pop_content .swiper-control .button-swiper {
  width: 4.4rem;
  height: 4.4rem;
  border: 0.15rem solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin: -40px 0 0 0;
}
.tg_popup_id2024.tg_pop_now_past .tg_content_pop_content .swiper-control .button-swiper.sl_prev {
  left: -80px;
}
@media (max-width: 1024px) {
  .tg_popup_id2024.tg_pop_now_past .tg_content_pop_content .swiper-control .button-swiper.sl_prev {
    left: calc(50% - 50px);
    z-index: 2;
    bottom: -8rem;
    top: initial;
  }
}
.tg_popup_id2024.tg_pop_now_past .tg_content_pop_content .swiper-control .button-swiper.sl_next {
  right: -80px;
}
@media (max-width: 1024px) {
  .tg_popup_id2024.tg_pop_now_past .tg_content_pop_content .swiper-control .button-swiper.sl_next {
    right: calc(50% - 50px);
    z-index: 2;
    bottom: -8rem;
    top: initial;
  }
}
.tg_popup_id2024.tg_pop_now_past .tg_content_pop_content .tg_content_pop_content_past_now {
  max-width: 855px;
}
@media (max-width: 1024px) {
  .tg_popup_id2024.tg_pop_now_past .tg_content_pop_content .tg_content_pop_content_past_now {
    max-width: 345px;
    padding: 0 0 0 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .tg_popup_id2024.tg_pop_now_past .tg_content_pop_content .tg_content_pop_content_past_now {
    max-width: 605px;
  }
}
.tg_popup_id2024.tg_pop_now_past .tg_content_pop_content .tg_close_pop {
  top: -4rem;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_popup_id2024.tg_pop_now_past .tg_content_pop_content .tg_close_pop {
    top: -4rem;
  }
}
.tg_popup_id2024.tg_pop_now_past .tg_content_pop_content_past_now_item_years {
  text-align: center;
  margin: 2rem 0 0 0;
}
.tg_popup_id2024.tg_pop_now_past .tg_content_pop_content_past_now_item_years b {
  font-size: 4rem;
  line-height: 5.8rem;
  color: #fff;
  font-weight: 400;
  font-style: normal;
  text-shadow: 0px 4px 10px #474cb7;
  display: none;
  margin: 0 0 0.5rem 0;
}
.tg_popup_id2024.tg_pop_now_past .tg_content_pop_content_past_now_item_years p {
  font-size: 2rem;
  line-height: 2.9rem;
  color: #fff;
  font-weight: 400;
  font-style: normal;
}
@media (max-width: 1024px) {
  .tg_popup_id2024.tg_pop_now_past .tg_content_pop_content_past_now_item_years p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #fff;
    font-weight: 400;
    font-style: normal;
  }
}

.taku_show_hide_pw {
  position: absolute;
  top: 10px;
  right: 0px;
}
.taku_show_hide_pw span {
  cursor: pointer;
}
.taku_show_hide_pw span svg {
  width: 1.7rem;
}
.taku_show_hide_pw span svg path {
  fill: #72747a;
}
.taku_show_hide_pw span.taku_show_pw {
  display: none;
}
.taku_show_hide_pw.tg_active span.taku_hide_pw {
  display: none;
}
.taku_show_hide_pw.tg_active span.taku_show_pw {
  display: block;
}

.wrap_svg {
  display: inline-flex;
}

.tg_figure_compare .textwidget {
  height: 360px;
  display: block;
  overflow: hidden;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.8);
  padding: 0px;
  width: 600px !important;
}

.compare-line {
  height: 100%;
  width: 1px;
  top: 0;
  left: 10%;
  background-color: rgba(255, 255, 255, 0.8);
  cursor: e-resize;
  z-index: 3;
  z-index: 99999 !important;
}

.compare-line::after {
  position: absolute;
  top: calc(50% - 8px);
  left: -23px;
  border-radius: 50%;
  content: "";
  width: 48px;
  height: 48px;
  background: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle opacity="0.5" cx="24" cy="24" r="24" fill="white"/><circle cx="24.0004" cy="24.0002" r="17.4545" fill="white"/><path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M28.7663 27.6747C28.3857 28.0553 28.3857 28.6723 28.7663 29.0529C29.1468 29.4335 29.7639 29.4335 30.1444 29.0529L33.9626 25.2347C34.3432 24.8541 34.3432 24.2371 33.9626 23.8565L30.1444 20.0384C29.7639 19.6578 29.1468 19.6578 28.7663 20.0384C28.3857 20.4189 28.3857 21.036 28.7663 21.4165L31.8953 24.5456L28.7663 27.6747ZM19.7796 21.4167C20.1602 21.0361 20.1602 20.4191 19.7796 20.0385C19.3991 19.658 18.782 19.658 18.4015 20.0385L14.5833 23.8567C14.2027 24.2373 14.2027 24.8543 14.5833 25.2349L18.4015 29.0531C18.782 29.4336 19.3991 29.4336 19.7796 29.0531C20.1602 28.6725 20.1602 28.0555 19.7796 27.6749L16.6506 24.5458L19.7796 21.4167Z" fill="%231B1B1B"/></svg>');
}

.compare-after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.compare-before {
  width: 10%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  overflow: hidden;
  z-index: 6 !important;
}
.compare-before > div {
  width: 855px !important;
}
@media (max-width: 1024px) {
  .compare-before > div {
    width: 345px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .compare-before > div {
    width: 605px !important;
  }
}

.compare-before > div {
  height: 100%;
}

.compare-after img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.tg_figure_compare .textwidget {
  display: block;
  overflow: hidden;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.8);
  padding: 0px;
  width: 855px !important;
  height: 480px;
  position: relative;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .tg_figure_compare .textwidget {
    width: 345px !important;
    height: 193px;
    background: none;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .tg_figure_compare .textwidget {
    width: 605px !important;
    height: 339px;
    background: none;
  }
}

.tg_has_fg_compare {
  position: relative;
}

.tg_has_fg_compare::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  background: linear-gradient(113.75deg, #8372ff 36.74%, #e373ff 105.58%) !important;
  z-index: 0;
  border-radius: 16px;
}

.tg_has_fg_compare:hover::before {
  opacity: 1;
  visibility: visible;
}

.tg_has_fg_compare:hover .text_widget .widget-title,
.tg_has_fg_compare:hover .textwidget {
  color: #fff;
}

.tg_has_fg_compare:hover .qb_see_details {
  color: #fff !important;
}

.position-absolute {
  position: absolute !important;
}

input:focus::placeholder {
  color: transparent !important;
}

.solar-system {
  position: relative;
  width: 100%;
  height: 100vh;
  transition: transform 1.5s;
}
.solar-system::before {
  content: "";
  position: absolute;
  width: 68rem;
  height: 36rem;
  background: #e97aff;
  opacity: 0.8;
  filter: blur(150px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20rem;
}
@media (max-width: 1024px) {
  .solar-system {
    height: 62rem;
    max-width: 76.8rem;
    margin: 0 auto;
  }
  .solar-system .planet + .orbit {
    border: none !important;
  }
}
.solar-system.zoomed {
  transform: scale(3);
  overflow: hidden;
}
.sun {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.sun img {
  width: 15rem;
}

.orbit {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 0.1rem solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.planet {
  position: absolute;
  border-radius: 50%;
  z-index: 5;
  cursor: pointer;
}
.planet::before {
  pointer-events: none;
}
.planet a.tg_link_abs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.planet img {
  max-width: 90px;
  position: relative;
  z-index: 2;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .planet img {
    max-width: 70px;
  }
}
@media (max-width: 1024px) {
  .planet img,
  .planet svg {
    width: 100px;
    height: 100px;
    object-fit: contain;
  }
}
.planet p {
  font-size: 1.8rem;
  line-height: 3rem;
  color: #fff;
  font-weight: 400;
  font-style: normal;
  position: absolute;
  width: auto;
  text-align: center;
  min-width: initial;
  left: initial;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .planet p {
    left: -117px;
    font-size: 1.6rem;
    line-height: 100%;
    color: #fff;
    font-weight: 500;
    font-style: normal;
  }
}
@media (max-width: 1024px) {
  .planet p {
    font-size: 1.4rem;
    line-height: 100%;
    color: #fff;
    font-weight: 500;
    font-style: normal;
    bottom: -16px;
    left: -115px;
  }
}
.planet p a {
  font-size: 1.8rem;
  line-height: 3rem;
  color: #fff;
  font-weight: 400;
  font-style: normal;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .planet p a {
    font-size: 1.6rem;
    line-height: 100%;
    color: #fff;
    font-weight: 500;
    font-style: normal;
  }
}
@media (max-width: 1024px) {
  .planet p a {
    font-size: 1.4rem;
    line-height: 100%;
    color: #fff;
    font-weight: 500;
    font-style: normal;
  }
}
.planet#planet1::before {
  content: "";
  width: 40%;
  height: 40%;
  position: absolute;
  border-radius: 50%;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.planet#planet1 img {
  max-width: 130px;
}
.planet#planet1 p {
  bottom: 2px;
  left: 39px;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .planet#planet1 p {
    bottom: 11px;
    left: 41px;
  }
}
@media (max-width: 1024px) {
  .planet#planet1 p {
    bottom: 7px;
    left: 31px;
  }
}
@media (max-width: 1024px) {
  .planet#planet1 {
    bottom: 15rem;
    left: 5rem;
  }
}
.planet#planet2::before {
  content: "";
  width: 80%;
  height: 80%;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.planet#planet2 img {
  max-width: 160px;
}
.planet#planet2 p {
  bottom: 4px;
  left: 47px;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .planet#planet2 p {
    bottom: 15px;
    left: 51px;
  }
}
@media (max-width: 1024px) {
  .planet#planet2 p {
    bottom: 6px;
    left: 27px;
  }
}
@media (max-width: 1024px) {
  .planet#planet2 {
    top: 11rem;
    left: 5rem;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .planet#planet2 {
    top: 13rem;
    left: 13rem;
  }
}
.planet#planet3 img {
  max-width: 140px;
  background-blend-mode: screen;
  mix-blend-mode: overlay;
}
.planet#planet3 p {
  bottom: 9px;
  left: -9px;
  min-width: 160px;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .planet#planet3 p {
    bottom: 21px;
  }
}
@media (max-width: 1024px) {
  .planet#planet3 p {
    bottom: 11px;
    left: -28px;
  }
}
@media (max-width: 1024px) {
  .planet#planet3 {
    bottom: 18rem;
    left: 22rem;
  }
}
.planet#planet4::before {
  content: "";
  width: 80%;
  height: 80%;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.planet#planet4 img {
  max-width: 160px;
}
.planet#planet4 p {
  bottom: 6px;
  left: 32px;
  min-width: 100px;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .planet#planet4 p {
    bottom: 18px;
    left: 29px;
  }
}
@media (max-width: 1024px) {
  .planet#planet4 p {
    bottom: 8px;
    left: -2px;
  }
}
.planet#planet4 span {
  position: absolute;
  top: -1.5rem;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.2);
  min-width: 22rem;
  padding: 1rem 1.5rem;
  border-radius: 0.8rem;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #fff;
  font-weight: 300;
  font-style: normal;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .planet#planet4 span {
    font-size: 1.2rem;
    line-height: 2.4rem;
    color: #fff;
    font-weight: 300;
    font-style: normal;
    min-width: 18rem;
    padding: 0.5rem 1rem;
    left: calc(50% - 20px);
    top: -1.9rem;
  }
}
.planet#planet4:hover span {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1024px) {
  .planet#planet4 {
    top: 13rem;
    right: 3rem;
  }
}
.planet#planet5 img {
  max-width: 180px;
}
.planet#planet5 p {
  bottom: 14px;
  left: -9px;
  min-width: 190px;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .planet#planet5 p {
    bottom: 24px;
    left: -9px;
  }
}
@media (max-width: 1024px) {
  .planet#planet5 p {
    bottom: 8px;
    left: -43px;
  }
}
.planet#planet5 + .orbit {
  border: 0.1rem solid rgba(255, 255, 255, 0.6);
}
.planet#planet5 + .orbit + .orbit {
  border: 0.1rem solid rgba(255, 255, 255, 0.45);
}
.planet#planet5 + .orbit + .orbit + .orbit {
  border: 0.1rem solid rgba(255, 255, 255, 0.3);
}
.planet#planet5::before {
  content: "";
  width: 80%;
  height: 80%;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
  .planet#planet5 {
    bottom: 8rem;
    right: 9rem;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .planet#planet5 {
    bottom: 15rem;
  }
}

#svgTrack polygon,
#svgMobile polygon {
  opacity: 0;
  transition: all 0.5s;
}
#svgTrack polygon.active,
#svgMobile polygon.active {
  opacity: 1;
}

.circle-group .ripple {
  fill: white;
  mix-blend-mode: soft-light;
  will-change: mix-blend-mode;
  transform: scale(0);
  transform-origin: center;
  transform-box: fill-box; /* 👈 BẮT BUỘC để đúng tâm trong SVG */
  transition: transform 0.5s ease-out;
  pointer-events: none;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .circle-group .ripple {
      fill: purple;
    }
  }
}
.point.active + .ripple {
  transform: scale(0.8); /* vòng 1 */
  opacity: 0.6;
}
@media (max-width: 1024px) {
  .point.active + .ripple {
    transform: scale(0.7);
    opacity: 0.3;
  }
}

.point.active + .ripple + .ripple {
  transform: scale(1.4); /* vòng 2 */
  opacity: 0.8;
}
@media (max-width: 1024px) {
  .point.active + .ripple + .ripple {
    transform: scale(1.2);
    opacity: 0.5;
  }
}

.point ~ .text_sub {
  transform: translateX(70px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s linear;
}
@media (max-width: 1024px) {
  .point ~ .text_sub {
    font-size: 1.3rem;
    line-height: 2.2rem;
    color: #fff;
    font-weight: 300;
    font-style: normal;
  }
}

.point.active ~ .text_sub {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.text-bg {
  fill: white;
  rx: 50;
  ry: 50;
  transform: translateX(70px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s linear;
}
.text-bg.rx20 {
  rx: 20;
  ry: 20;
}

.point.active ~ .text-bg {
  opacity: 0.1;
  visibility: visible;
  transform: translateX(0);
}

.content-section_wrap_universe {
  position: relative;
}

#starCanvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

#cometCanvas,
#cometCanvas3 {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

#cometCanvas2 {
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.br_mobile {
  display: none;
}
@media (max-width: 767px) {
  .br_mobile {
    display: block;
  }
}

.tg_content_pop .button {
  display: inline-block;
  position: relative;
}
.tg_content_pop .button.is-play {
  border-radius: 50%;
  width: 58rem;
  height: 58rem;
}
.tg_content_pop .button.is-play .button-outer-circle {
  background: rgb(255, 255, 255);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.tg_content_pop .button.is-play .button-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  transform: translate(-50%, -50%);
}
.tg_content_pop .button.is-play .button-icon .triangle {
  animation: fadeIn 7s ease;
}
.tg_content_pop .button.is-play .button-icon .path {
  stroke-dasharray: 90;
  stroke-dashoffset: 0;
  animation: triangleStroke 3s;
  animation-timing-function: ease;
}
.tg_content_pop .has-scale-animation {
  animation: smallScale 3s infinite;
}
.tg_content_pop .has-delay-short {
  animation-delay: 0.5s;
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes triangleStroke {
  from {
    stroke-dashoffset: 90;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes triangleStroke {
  from {
    stroke-dashoffset: 90;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@-o-keyframes triangleStroke {
  from {
    stroke-dashoffset: 90;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes triangleStroke {
  from {
    stroke-dashoffset: 90;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@-moz-keyframes smallScale {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
@-webkit-keyframes smallScale {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
@-o-keyframes smallScale {
  from {
    transform: scale(1);
    opacity: 0.4;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes smallScale {
  from {
    transform: scale(1);
    opacity: 0.2;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
.tg_content_pop .play_vd {
  position: relative;
}
.tg_content_pop .btn_play_vd {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}

.hero-section-wrap {
  position: relative;
}
.hero-section-wrap .pin-spacer {
  z-index: 2 !important;
}
.hero-section-wrap .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  .hero-section-wrap .bg-image .bg-image-cloud {
    display: none;
  }
}
.hero-section-wrap .bg-image .bg-image-cloud img {
  position: absolute;
}
.hero-section-wrap .bg-image .bg-image-cloud img.tg_cloud_1 {
  top: -570px;
  left: -35%;
  max-width: 60%;
}
.hero-section-wrap .bg-image .bg-image-cloud img.tg_cloud_2 {
  top: -1250px;
  right: -38%;
  max-width: 60%;
}
.hero-section-wrap .bg-image .bg-image-number-one {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
  .hero-section-wrap .bg-image .bg-image-number-one {
    width: 90%;
    top: 16%;
  }
}
.hero-section-wrap .bg-image .bg-image-prime {
  width: 100%;
  height: 100%;
}
.hero-section-wrap .bg-image .bg-image-prime img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Mặc định popup sẽ xuất hiện ở giữa màn hình */
.loading-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000; /* Màu nền mờ */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; /* Đảm bảo popup ở trên cùng */
  visibility: visible; /* Đảm bảo popup hiển thị khi tải */
  opacity: 1;
  transition: opacity 0.5s ease; /* Hiệu ứng mờ dần */
  text-align: center;
}
.loading-popup .loading-dots strong {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  leading-trim: both;
  text-edge: cap;
  text-align: center;
  margin: 0 0.5rem 0 0;
  background: linear-gradient(262.49deg, #00f0ff -2.44%, #8000ff 130.61%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.loading-popup .loading-dots span {
  animation: blink 1.4s infinite;
  animation-fill-mode: both;
  color: #00f0ff;
}
.loading-popup .loading-dots span:nth-child(2) {
  animation-delay: 0.2s;
}
.loading-popup .loading-dots span:nth-child(3) {
  animation-delay: 0.4s;
}

.tg_fadeOut {
  opacity: 0;
}

.ml5 .line {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 0.2rem;
  width: 100%;
  background: url("https://39b96dbb5e3f6e40b0b5fb6762c9ff99.cdn.bubble.io/f1745406035429x754436678642518500/before_we20_23042025.png?_gl=1*aux79k*_gcl_au*MTEwOTE5MDk3NS4xNzQyNzE5NzU2*_ga*OTQ2NjI1Mjg0LjE3MzMzNzE4MDQ.*_ga_BFPVR2DEE2*MTc0NTg5NTg5MS4yNS4xLjE3NDU5MTM4ODcuNjAuMC4w") center center no-repeat;
  background-size: cover;
  max-width: 91.5rem;
  transform-origin: 0.5 0;
}

.ml5 .letters {
  display: block;
  opacity: 0;
}

.tg_thanks_tree_leaf_wrap .swiper-control .swiper-button {
  background: linear-gradient(215.3deg, #ff6a8f 1.9%, #ab66ff 93.23%);
  border: 1px solid #ffffff;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
  backdrop-filter: blur(2px);
  border-radius: 100px;
  width: 4rem;
  height: 4rem;
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
  z-index: 2;
  margin: -1.5rem 0 0 0;
  opacity: 0;
  pointer-events: none;
}
.tg_thanks_tree_leaf_wrap .swiper-control .swiper-button svg path {
  stroke: #fff;
}
@media (max-width: 1024px) {
  .tg_thanks_tree_leaf_wrap .swiper-control .swiper-button {
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
  }
}
.tg_thanks_tree_leaf_wrap .swiper-control .swiper-button.sl_prev {
  left: calc(50% - 4.5rem);
}
.tg_thanks_tree_leaf_wrap .swiper-control .swiper-button.sl_next {
  right: calc(50% - 4.5rem);
}

@keyframes blink {
  0%, 20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes handScrollUp {
  0% {
    top: 0;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    top: -50px;
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 0;
  }
}
@keyframes handScrollDown {
  0% {
    top: -50px;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    top: 0;
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  100% {
    top: -50px;
    opacity: 0;
  }
}
.content-section_universe {
  background: url("https://39b96dbb5e3f6e40b0b5fb6762c9ff99.cdn.bubble.io/f1745509054181x318114387771044000/bg_galaxy_12042025.webp?_gl=1*aux79k*_gcl_au*MTEwOTE5MDk3NS4xNzQyNzE5NzU2*_ga*OTQ2NjI1Mjg0LjE3MzMzNzE4MDQ.*_ga_BFPVR2DEE2*MTc0NTg5NTg5MS4yNS4xLjE3NDU5MTM4ODcuNjAuMC4w") center center no-repeat;
  background-size: cover;
  min-height: 131.5rem;
  padding: 15rem 0 0 0;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .content-section_universe {
    min-height: 92rem;
    padding: 14rem 0 18rem 0;
  }
}
@media (max-width: 1024px) {
  .content-section_universe {
    min-height: initial;
    padding: 0;
  }
}
.content-section_galaxy_roadmap {
  background: url("https://39b96dbb5e3f6e40b0b5fb6762c9ff99.cdn.bubble.io/f1745578296530x856511618214719200/bg_star_f2_mb.webp?_gl=1*aux79k*_gcl_au*MTEwOTE5MDk3NS4xNzQyNzE5NzU2*_ga*OTQ2NjI1Mjg0LjE3MzMzNzE4MDQ.*_ga_BFPVR2DEE2*MTc0NTg5NTg5MS4yNS4xLjE3NDU5MTM4ODcuNjAuMC4w") center center no-repeat;
  background-size: cover;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .content-section_galaxy_roadmap {
    padding: 5rem 0 0 0;
  }
}
.content-section_galaxy_roadmap .tg_container {
  max-width: 116rem;
}
.content-section_galaxy_roadmap_top {
  text-align: center;
  mix-blend-mode: screen;
}
.content-section_galaxy_roadmap_top_textwidget {
  padding: 3rem 0;
  margin: 3rem auto;
  position: relative;
  max-width: 80rem;
}
@media (max-width: 1024px) {
  .content-section_galaxy_roadmap_top_textwidget {
    padding: 2rem 0;
    margin: 2rem auto;
  }
}
.content-section_galaxy_roadmap_top_textwidget b {
  font-style: normal;
  font-weight: 700;
  font-size: 5.2rem;
  line-height: 7.6rem;
  text-align: center;
  background: linear-gradient(79.75deg, #9055ff 4.68%, #13e2da 99.36%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  letter-spacing: -2px;
}
@media (max-width: 1024px) {
  .content-section_galaxy_roadmap_top_textwidget b {
    font-size: 3.2rem;
    line-height: 4rem;
    max-width: 270px;
    display: block;
    margin: 0 auto 1rem auto;
  }
}
.content-section_galaxy_roadmap_top_textwidget b span {
  font-size: 4.3rem;
  line-height: 5.2rem;
  font-weight: 500;
}
@media (max-width: 1024px) {
  .content-section_galaxy_roadmap_top_textwidget b span {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
}
.content-section_galaxy_roadmap_top_textwidget p {
  font-style: normal;
  font-weight: 500;
  font-size: 31.1539px;
  line-height: 46px;
  leading-trim: both;
  text-edge: cap;
  text-align: center;
  letter-spacing: 0.1em;
  background: linear-gradient(79.75deg, #9055ff 4.68%, #13e2da 99.36%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media (max-width: 1024px) {
  .content-section_galaxy_roadmap_top_textwidget p {
    font-size: 22px;
    line-height: 29px;
    max-width: 300px;
    margin: 0 auto;
  }
}
.content-section_galaxy_roadmap_top_date em {
  font-style: normal;
  font-weight: 500;
  font-size: 25.9616px;
  line-height: 38px;
  leading-trim: both;
  text-edge: cap;
  text-align: center;
  background: linear-gradient(79.75deg, #9055ff 4.68%, #13e2da 99.36%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media (max-width: 1024px) {
  .content-section_galaxy_roadmap_top_date em {
    font-size: 16px;
    line-height: 24px;
  }
}
.content-section_galaxy_roadmap_bottom {
  position: relative;
  padding: 20rem 0 0 0;
}
@media (max-width: 1024px) {
  .content-section_galaxy_roadmap_bottom {
    padding: 2rem 0 0 0;
  }
}
.content-section_galaxy_roadmap_bottom .wrap_svg_mobile {
  display: none;
}
@media (max-width: 1024px) {
  .content-section_galaxy_roadmap_bottom .wrap_svg_mobile {
    display: block;
  }
  .content-section_galaxy_roadmap_bottom .wrap_svg_mobile svg {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .content-section_galaxy_roadmap_bottom #svgTrack {
    width: 32rem !important;
    height: 62rem !important;
    margin: 0 auto;
    display: none;
  }
}
.content-section_galaxy_roadmap_bottom #svgTrack .text_sub {
  font-size: 1.9rem;
  line-height: 150%;
  color: #fff;
  font-weight: 300;
  font-style: normal;
}
.content-section_galaxy_roadmap_bottom #svgTrack .text_year {
  font-size: 3rem;
  line-height: 4.4rem;
  color: #fff;
  font-weight: 600;
  font-style: normal;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .content-section_galaxy_roadmap_bottom #svgTrack .text_year {
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: #fff;
    font-weight: 600;
    font-style: normal;
  }
}
.content-section_galaxy_roadmap_bottom .tg_roadmap_mb {
  display: none;
}
@media (max-width: 767px) {
  .content-section_galaxy_roadmap_bottom .tg_roadmap_mb {
    display: block;
  }
}
.content-section_galaxy_roadmap_bottom .tg_figure_abs .tg_planet_left {
  position: absolute;
  top: -500px;
  left: -130px;
  pointer-events: none;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .content-section_galaxy_roadmap_bottom .tg_figure_abs .tg_planet_left {
    top: -500px;
    left: -120px;
    pointer-events: none;
    max-width: 24rem;
  }
}
@media (max-width: 1024px) {
  .content-section_galaxy_roadmap_bottom .tg_figure_abs .tg_planet_left {
    top: -210px;
    left: -39px;
    max-width: 12rem;
  }
}
.content-section_galaxy_roadmap_bottom .tg_figure_abs .tg_planet_right {
  position: absolute;
  bottom: 60%;
  right: -280px;
  pointer-events: none;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .content-section_galaxy_roadmap_bottom .tg_figure_abs .tg_planet_right {
    right: -100px;
    pointer-events: none;
    max-width: 24rem;
  }
}
@media (max-width: 1024px) {
  .content-section_galaxy_roadmap_bottom .tg_figure_abs .tg_planet_right {
    bottom: 1000px;
    right: -60px;
    max-width: 12rem;
  }
}
.content-section_ceo_feedback {
  background: url("https://39b96dbb5e3f6e40b0b5fb6762c9ff99.cdn.bubble.io/f1745509069481x385642465597550960/bg_star_f4.webp?_gl=1*11pbovp*_gcl_au*MTEwOTE5MDk3NS4xNzQyNzE5NzU2*_ga*OTQ2NjI1Mjg0LjE3MzMzNzE4MDQ.*_ga_BFPVR2DEE2*MTc0NTg5NTg5MS4yNS4xLjE3NDU5MTUxMTIuMS4wLjA.") center center no-repeat;
  background-size: cover;
  min-height: 141.5rem;
}
@media (max-width: 1024px) {
  .content-section_ceo_feedback {
    min-height: 89.4rem;
  }
}
.content-section_ceo_feedback_wrap_top {
  margin: 0;
}
@media (max-width: 1024px) {
  .content-section_ceo_feedback_wrap_top {
    margin: 0;
  }
}
.content-section_ceo_feedback_wrap_top_imgs {
  text-align: center;
}
.content-section_ceo_feedback_wrap_top_imgs img {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .content-section_ceo_feedback_wrap_top_imgs img.tg_pc {
    display: block;
  }
  .content-section_ceo_feedback_wrap_top_imgs img.tg_mb {
    display: none;
  }
}
.content-section_ceo_feedback_wrap_top_imgs_logo {
  padding: 6rem 0 5rem 0;
}
.content-section_ceo_feedback_wrap_bottom {
  text-align: center;
}
.content-section_ceo_feedback_wrap_bottom .tg_container {
  max-width: 105rem;
}
.content-section_ceo_feedback_wrap_bottom .wrap_figure {
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  width: 20rem;
  height: 20rem;
  padding: 1rem;
  margin: 0 auto 4.8rem auto;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .content-section_ceo_feedback_wrap_bottom .wrap_figure {
    margin: 0 auto 3.6rem auto;
  }
}
@media (max-width: 1024px) {
  .content-section_ceo_feedback_wrap_bottom .wrap_figure {
    margin: 0 auto 2.8rem auto;
  }
}
.content-section_ceo_feedback_wrap_bottom .wrap_figure img {
  border-radius: 50%;
  background: #fff;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.content-section_ceo_feedback_wrap_bottom_text {
  position: relative;
  max-width: 99rem;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .content-section_ceo_feedback_wrap_bottom_text {
    max-width: 70rem;
  }
}
.content-section_ceo_feedback_wrap_bottom_text_say {
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #fff;
  font-weight: 300;
  font-style: normal;
  text-align: center;
}
@media (max-width: 1024px) {
  .content-section_ceo_feedback_wrap_bottom_text_say {
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #fff;
    font-weight: 300;
    font-style: normal;
    text-shadow: none;
    padding: 8rem 0 0 0;
    text-align: justify;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .content-section_ceo_feedback_wrap_bottom_text_say {
    max-width: 62rem;
    margin: 0 auto;
  }
}
.content-section_ceo_feedback_wrap_bottom_text_position {
  display: flex;
  flex-direction: column;
  margin: 5rem 0 0 0;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .content-section_ceo_feedback_wrap_bottom_text_position {
    margin: 3rem 0 0 0;
  }
}
@media (max-width: 1024px) {
  .content-section_ceo_feedback_wrap_bottom_text_position {
    margin: 3rem 0 0 0;
  }
}
.content-section_ceo_feedback_wrap_bottom_text_position b {
  font-size: 2rem;
  line-height: 3.2rem;
  color: #fff;
  font-weight: 700;
  font-style: normal;
  display: block;
  margin: 0 0 0.5rem 0;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .content-section_ceo_feedback_wrap_bottom_text_position b {
    font-size: 1.6rem;
    line-height: 150%;
    color: #fff;
    font-weight: 700;
    font-style: normal;
  }
}
@media (max-width: 1024px) {
  .content-section_ceo_feedback_wrap_bottom_text_position b {
    font-size: 1.6rem;
    line-height: 150%;
    color: #fff;
    font-weight: 700;
    font-style: normal;
  }
}
.content-section_ceo_feedback_wrap_bottom_text_position em {
  font-size: 1.8rem;
  line-height: 3.2rem;
  color: #fff;
  font-weight: 300;
  font-style: italic;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .content-section_ceo_feedback_wrap_bottom_text_position em {
    font-size: 1.6rem;
    line-height: 150%;
    color: #fff;
    font-weight: 400;
    font-style: italic;
  }
}
@media (max-width: 1024px) {
  .content-section_ceo_feedback_wrap_bottom_text_position em {
    font-size: 1.6rem;
    line-height: 150%;
    color: #fff;
    font-weight: 400;
    font-style: italic;
  }
}
.content-section_ceo_feedback_wrap_bottom_text_icon {
  position: absolute;
  top: 0;
  left: -13rem;
}
@media (max-width: 1024px) {
  .content-section_ceo_feedback_wrap_bottom_text_icon {
    left: 50%;
    transform: translateX(-50%);
    top: 20px;
  }
}

.tg_thanks_tree {
  position: relative;
  overflow: hidden;
}
.tg_thanks_tree_logo {
  position: absolute;
  top: 5rem;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tg_thanks_tree_img_primary {
  height: 100vh;
}
.tg_thanks_tree_img_primary img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tg_thanks_tree_list_leaf {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 60rem;
  height: 50rem;
  width: 100%;
  z-index: 2;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_thanks_tree_list_leaf {
    max-width: 50rem;
    height: 27rem;
  }
}
@media (max-width: 1024px) {
  .tg_thanks_tree_list_leaf {
    height: 42rem !important;
    max-width: initial;
    top: 45%;
    overflow: hidden;
    padding: 0 1.5rem;
  }
}
.tg_thanks_tree_list_leaf_item {
  position: absolute;
  width: auto;
}
@media (max-width: 1024px) {
  .tg_thanks_tree_list_leaf_item {
    position: relative;
    text-align: center;
    left: initial !important;
    right: initial !important;
    top: initial !important;
    bottom: initial !important;
    padding: 1rem 0 0 0;
  }
}
.tg_thanks_tree_list_leaf_item.tg_ava_default img {
  width: 70% !important;
  height: 70% !important;
  object-fit: contain;
}
.tg_thanks_tree_list_leaf_item.tg_size2 .wrap_figure {
  width: 70px;
  height: 70px;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_thanks_tree_list_leaf_item.tg_size2 .wrap_figure {
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 1024px) {
  .tg_thanks_tree_list_leaf_item.tg_size2 .wrap_figure {
    width: 57px;
    height: 57px;
  }
}
.tg_thanks_tree_list_leaf_item.tg_size3 .wrap_figure {
  width: 90px;
  height: 90px;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_thanks_tree_list_leaf_item.tg_size3 .wrap_figure {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 1024px) {
  .tg_thanks_tree_list_leaf_item.tg_size3 .wrap_figure {
    width: 57px;
    height: 57px;
  }
}
.tg_thanks_tree_list_leaf_item:nth-child(1) {
  top: 0;
  right: 0;
}
.tg_thanks_tree_list_leaf_item:nth-child(2) {
  bottom: 25rem;
  left: -20rem;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_thanks_tree_list_leaf_item:nth-child(2) {
    bottom: 140px;
    left: -142px;
  }
}
.tg_thanks_tree_list_leaf_item:nth-child(3) {
  top: 0;
  left: 50%;
}
.tg_thanks_tree_list_leaf_item:nth-child(4) {
  top: -5rem;
  right: -11rem;
}
.tg_thanks_tree_list_leaf_item:nth-child(5) {
  bottom: 12rem;
  right: -28rem;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_thanks_tree_list_leaf_item:nth-child(5) {
    bottom: 6.6rem;
    right: 6rem;
  }
}
.tg_thanks_tree_list_leaf_item:nth-child(6) {
  top: 50%;
  left: 50%;
}
.tg_thanks_tree_list_leaf_item:nth-child(7) {
  top: 0;
  left: 0;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_thanks_tree_list_leaf_item:nth-child(7) {
    top: 22px;
    left: -10px;
  }
}
.tg_thanks_tree_list_leaf_item:nth-child(8) {
  top: 20rem;
  left: 3rem;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_thanks_tree_list_leaf_item:nth-child(8) {
    top: 15rem;
    left: 7rem;
  }
}
.tg_thanks_tree_list_leaf_item:nth-child(9) {
  top: 30rem;
  left: -15rem;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_thanks_tree_list_leaf_item:nth-child(9) {
    top: 12rem;
    left: -1rem;
  }
}
.tg_thanks_tree_list_leaf_item:nth-child(10) {
  top: 33rem;
  right: -11rem;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_thanks_tree_list_leaf_item:nth-child(10) {
    top: 6rem;
    right: 15rem;
  }
}
.tg_thanks_tree_list_leaf_item:nth-child(11) {
  top: 21rem;
  right: -15rem;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_thanks_tree_list_leaf_item:nth-child(11) {
    top: 14rem;
    right: -13rem;
  }
}
.tg_thanks_tree_list_leaf_item:nth-child(12) {
  top: 8rem;
  right: -14rem;
}
.tg_thanks_tree_list_leaf_item:nth-child(13) {
  top: 11rem;
  right: -3rem;
}
.tg_thanks_tree_list_leaf_item:nth-child(14) {
  top: 11rem;
  right: 9rem;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_thanks_tree_list_leaf_item:nth-child(14) {
    right: initial;
    left: -13rem;
    top: -4rem;
  }
}
.tg_thanks_tree_list_leaf_item:nth-child(15) {
  top: 9rem;
  left: 12rem;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_thanks_tree_list_leaf_item:nth-child(15) {
    top: -1rem;
    left: 12rem;
  }
}
.tg_thanks_tree_list_leaf_item:nth-child(16) {
  bottom: 13rem;
  left: 14rem;
}
.tg_thanks_tree_list_leaf_item:nth-child(17) {
  top: -8rem;
  left: 14rem;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_thanks_tree_list_leaf_item:nth-child(17) {
    top: -5rem;
    left: 17rem;
  }
}
.tg_thanks_tree_list_leaf_item:nth-child(18) {
  top: 9rem;
  left: -11rem;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_thanks_tree_list_leaf_item:nth-child(18) {
    top: 6rem;
    left: 6rem;
  }
}
.tg_thanks_tree_list_leaf_item:nth-child(19) {
  top: -9rem;
  right: 12rem;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_thanks_tree_list_leaf_item:nth-child(19) {
    top: -6rem;
    right: 8rem;
  }
}
.tg_thanks_tree_list_leaf_item:nth-child(20) {
  bottom: 16rem;
  right: 6rem;
}
.tg_thanks_tree_list_leaf_item.tg_active {
  z-index: 3;
}
.tg_thanks_tree_list_leaf_item .wrap_figure {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 57px;
  height: 57px;
  margin: 0 auto;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_thanks_tree_list_leaf_item .wrap_figure {
    width: 3.2rem;
    height: 3.2rem;
  }
}
.tg_thanks_tree_list_leaf_item .wrap_figure::before {
  content: "";
  background: #fff;
  mix-blend-mode: overlay;
  opacity: 0.8;
  border-radius: 50%;
  width: 110%;
  height: 110%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tg_thanks_tree_list_leaf_item .wrap_figure::after {
  content: "";
  background: #fff;
  mix-blend-mode: overlay;
  opacity: 0.6;
  border-radius: 50%;
  width: 130%;
  height: 130%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tg_thanks_tree_list_leaf_item .wrap_figure img {
  position: relative;
  z-index: 1;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tg_thanks_tree_list_leaf_item_content {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  background: #fff;
  padding: 2rem;
  border-radius: 2rem;
  width: 45rem;
  text-align: center;
  top: 30%;
  margin: 105% 0 0 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
@media (max-width: 1024px) {
  .tg_thanks_tree_list_leaf_item_content {
    position: relative;
    top: initial;
    left: initial;
    transform: none;
    opacity: 1;
    visibility: visible;
    margin: 3rem auto 0 auto;
    width: 100%;
    min-height: 26.3rem;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .tg_thanks_tree_list_leaf_item_content {
    width: 100%;
  }
}
.tg_thanks_tree_list_leaf_item_content:after {
  content: "";
  width: 100%;
  height: 3rem;
  position: absolute;
  top: -3rem;
  left: 0;
}
.tg_thanks_tree_list_leaf_item_content::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  left: 50%;
  transform: translateX(-50%);
  top: -8px;
}
.tg_thanks_tree_list_leaf_item_content p {
  font-size: 1.6rem;
  line-height: 2.3rem;
  color: #000;
  font-weight: 400;
  font-style: normal;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_thanks_tree_list_leaf_item_content p {
    font-size: 1.3rem;
    line-height: 2rem;
    color: #000;
    font-weight: 400;
    font-style: normal;
    -webkit-line-clamp: 5;
  }
}
@media (max-width: 1024px) {
  .tg_thanks_tree_list_leaf_item_content p {
    -webkit-line-clamp: 7;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #000;
    font-weight: 400;
    font-style: normal;
  }
}
.tg_thanks_tree_list_leaf_item_content b {
  font-size: 1.6rem;
  line-height: 2.3rem;
  color: #000;
  font-weight: 700;
  font-style: normal;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_thanks_tree_list_leaf_item_content b {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #000;
    font-weight: 600;
    font-style: normal;
  }
}
@media (max-width: 1024px) {
  .tg_thanks_tree_list_leaf_item_content b {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #000;
    font-weight: 600;
    font-style: normal;
    margin: auto 0 0 0;
  }
}
.tg_thanks_tree_list_leaf_item:hover .tg_thanks_tree_list_leaf_item_content {
  opacity: 1;
  visibility: visible;
}
.tg_thanks_tree_form_thanks {
  position: absolute;
  bottom: 5rem;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  gap: 2rem;
  width: 100%;
  justify-content: center;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_thanks_tree_form_thanks {
    bottom: 1rem;
  }
}
@media (max-width: 767px) {
  .tg_thanks_tree_form_thanks {
    gap: 1rem;
    z-index: 2;
    bottom: 2rem;
  }
}
.tg_thanks_tree_form_thanks button,
.tg_thanks_tree_form_thanks a {
  font-size: 1.8rem;
  line-height: 150%;
  color: #fff;
  font-weight: 500;
  font-style: normal;
  border: none;
  padding: 1.4rem 2rem;
  border-radius: 4rem;
  min-width: 24rem;
  background: none;
  transition: all 0.5s;
  text-align: center;
  background: linear-gradient(215.3deg, #ff6a8f 1.9%, #ab66ff 93.23%);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50px;
}
.tg_thanks_tree_form_thanks button:hover,
.tg_thanks_tree_form_thanks a:hover {
  box-shadow: 0px 0px 20px #fff;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_thanks_tree_form_thanks button,
  .tg_thanks_tree_form_thanks a {
    font-size: 1.4rem;
    line-height: 150%;
    color: #fff;
    font-weight: 500;
    font-style: normal;
    min-width: 17rem;
    padding: 1rem 2rem;
  }
}
@media (max-width: 1024px) {
  .tg_thanks_tree_form_thanks button,
  .tg_thanks_tree_form_thanks a {
    min-width: initial;
    font-size: 1.6rem;
    line-height: 150%;
    color: #fff;
    font-weight: 500;
    font-style: normal;
    height: 5.4rem;
  }
}

.tg_comic_page {
  background: rgba(255, 248, 236, 0.5019607843);
}
.tg_comic_page_top {
  position: relative;
}
.tg_comic_page_top_primary_img {
  height: 100vh;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .tg_comic_page_top_primary_img {
    height: 66rem;
  }
}
@media (max-width: 767px) {
  .tg_comic_page_top_primary_img {
    height: auto;
  }
}
.tg_comic_page_top_primary_img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.tg_comic_page_top_img_text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_comic_page_top_img_text {
    max-width: 35rem;
  }
}
@media (max-width: 767px) {
  .tg_comic_page_top_img_text {
    top: 55%;
    max-width: 15rem;
  }
}
.tg_comic_page_top_abs_left {
  position: absolute;
  bottom: -54rem;
  left: -24rem;
  pointer-events: none;
}
@media (max-width: 767px) {
  .tg_comic_page_top_abs_left {
    bottom: -16rem;
    left: -4rem;
    max-width: 18rem;
  }
}
.tg_comic_page_top_abs_right {
  position: absolute;
  bottom: -56rem;
  right: -33rem;
  pointer-events: none;
}
@media (max-width: 767px) {
  .tg_comic_page_top_abs_right {
    bottom: -16rem;
    right: -6rem;
    max-width: 18rem;
  }
}
.tg_comic_page_middle {
  padding: 0 0 20rem 0;
  position: relative;
}
@media (max-width: 767px) {
  .tg_comic_page_middle {
    padding: 0 0 6rem 0;
  }
}
.tg_comic_page_middle::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 110rem;
  background: url("https://39b96dbb5e3f6e40b0b5fb6762c9ff99.cdn.bubble.io/f1745207581714x750987207221465000/hoa_van_bottom_comic.png?_gl=1*11pbovp*_gcl_au*MTEwOTE5MDk3NS4xNzQyNzE5NzU2*_ga*OTQ2NjI1Mjg0LjE3MzMzNzE4MDQ.*_ga_BFPVR2DEE2*MTc0NTg5NTg5MS4yNS4xLjE3NDU5MTUxMTIuMS4wLjA.") center center no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .tg_comic_page_middle::after {
    height: 30rem;
    background-size: contain;
    background: url("https://39b96dbb5e3f6e40b0b5fb6762c9ff99.cdn.bubble.io/f1745578346299x699296777636934300/after_footer_manga.png?_gl=1*11pbovp*_gcl_au*MTEwOTE5MDk3NS4xNzQyNzE5NzU2*_ga*OTQ2NjI1Mjg0LjE3MzMzNzE4MDQ.*_ga_BFPVR2DEE2*MTc0NTg5NTg5MS4yNS4xLjE3NDU5MTUxMTIuMS4wLjA.") center bottom no-repeat;
    background-position: 0px 160px;
  }
}
.tg_comic_page_middle .tg_container {
  max-width: 159rem;
  position: relative;
  z-index: 2;
}
@media (max-width: 1024px) {
  .tg_comic_page_middle .tg_container {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .tg_comic_page_middle .tg_container .tg_comic_page_middle_wrap {
    border: none;
  }
}
.tg_comic_page_middle_wrap {
  border: 12px solid #b97f2d;
  border-radius: 80px;
  position: relative;
  background: #fff;
}
@media (max-width: 767px) {
  .tg_comic_page_middle_wrap {
    background: none;
  }
}
.tg_comic_page_middle_wrap::before {
  content: "";
  width: 100%;
  max-width: 130rem;
  height: 12rem;
  border: 12px solid #b97f2d;
  border-radius: 80px 80px 0px 0px;
  border-bottom: none;
  background: #fff;
  position: absolute;
  top: -12rem;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_comic_page_middle_wrap::before {
    max-width: 90rem;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .tg_comic_page_middle_wrap::before {
    max-width: 62rem;
  }
}
@media (max-width: 767px) {
  .tg_comic_page_middle_wrap::before {
    opacity: 0;
    pointer-events: none;
  }
}
.tg_comic_page_middle_wrap_top {
  text-align: center;
  margin: 0 0 7rem 0;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_comic_page_middle_wrap_top {
    margin: 0 0 2rem 0;
  }
}
@media (max-width: 767px) {
  .tg_comic_page_middle_wrap_top {
    margin: 0 0 3rem 0;
  }
  .tg_comic_page_middle_wrap_top img {
    max-width: 4rem;
  }
}
.tg_comic_page_middle_wrap_middle {
  display: flex;
  flex-direction: column;
  gap: 18rem;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_comic_page_middle_wrap_middle {
    gap: 10rem;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .tg_comic_page_middle_wrap_middle {
    gap: 10rem;
  }
}
@media (max-width: 767px) {
  .tg_comic_page_middle_wrap_middle {
    gap: 6rem;
  }
}
.tg_comic_page_middle_wrap_middle_item {
  text-align: center;
}
.tg_comic_page_middle_wrap_middle_item em {
  font-size: 4rem;
  line-height: 5rem;
  color: #e9b951;
  font-weight: 400;
  font-style: normal;
  display: block;
  margin: 0 0 2rem 0;
  padding: 0 1.5rem;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_comic_page_middle_wrap_middle_item em {
    font-size: 2.6rem;
    line-height: 3.4rem;
    color: #e9b951;
    font-weight: 400;
    font-style: normal;
    margin: 0 0 1rem 0;
  }
}
@media (max-width: 1024px) {
  .tg_comic_page_middle_wrap_middle_item em {
    font-size: 1.8rem;
    line-height: 2.6rem;
    color: #e9b951;
    font-weight: 400;
    font-style: normal;
    margin: 0 0 1rem 0;
  }
}
.tg_comic_page_middle_wrap_middle_item b {
  font-size: 8rem;
  line-height: 8rem;
  color: #a05a03;
  font-weight: 400;
  font-style: normal;
  margin: 0 0 5rem 0;
  display: block;
  padding: 0 1.5rem;
  font-family: kage_b;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .tg_comic_page_middle_wrap_middle_item b {
    font-size: 5rem;
    line-height: 6rem;
    color: #a05a03;
    font-weight: 400;
    font-style: normal;
    margin: 0 0 3rem 0;
  }
}
@media (max-width: 1024px) {
  .tg_comic_page_middle_wrap_middle_item b {
    font-size: 2.6rem;
    line-height: 3.4rem;
    color: #a05a03;
    font-weight: 600;
    font-style: normal;
    margin: 0 0 3rem 0;
    font-family: "Be Vietnam Pro", sans-serif;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .tg_comic_page_middle_wrap_middle_item img.tg_pc {
    display: block;
  }
  .tg_comic_page_middle_wrap_middle_item img.tg_mb {
    display: none;
  }
}
.tg_comic_page_middle_wrap_bottom {
  padding: 5rem 0;
  text-align: center;
}
.tg_comic_page_middle_wrap_bottom img {
  max-width: 13rem;
}
@media (max-width: 767px) {
  .tg_comic_page_middle_wrap_bottom {
    padding: 5rem 0 10rem 0;
  }
}
.tg_comic_page_middle_wrap_bottom p {
  font-size: 3rem;
  line-height: 150%;
  color: #b97f2d;
  font-weight: 400;
  font-style: normal;
  margin: 0 0 3rem 0;
}
@media (max-width: 767px) {
  .tg_comic_page_middle_wrap_bottom p {
    font-size: 2rem;
    line-height: 150%;
    color: #b97f2d;
    font-weight: 400;
    font-style: normal;
  }
}/*# sourceMappingURL=style.css.map */