/*
Theme Name: GlobalMSQ-V2 Theme
Theme URI:
Author: MustFintech
Description: This is custom theme developed by MustFintech.
Version: 1.3.0
Text Domain: MustFintech
*/

:root {
  --background-color: #ffffff;
  --white-color: #000;
  --btn-color: #455de0;
  --footer-bg: #fafafc;
  --card-background: #474747;
  --purple-color: #a366d0;
  --bgf9: #f9f9f9;
  --bggrey: #f9f9fb;
  --bglight: #f9f9ff;
  --bgwhite: #ffffff;
  --black: #000000;
  --lineline: #e1e1ee;
  --primaryblue: #3b3bff;
  --royal-blue: #3b3bff0a;
  --textmain: #2d2d2d;
  --textsub1: #575757;
  --textsub2: #cccccc;
  --textsub3: #888888;
  --textsub4: #a4acc1;
  --textsub5: #58595b;
  --zia7dm: #474747;
  --border-color: #203359;
  --border-line: #344870;
  --trans_praent: rgba(255, 255, 255, 0.8);
  --msq-gradient: linear-gradient(90deg, #b53bff 0%, #3b3bff 47%, #913bff 100%);
  --second_sec: linear-gradient(to bottom, #080412, #111341);
  --six-box: radial-gradient(circle, #0b0742 20%, #09061b 80%);
  --msqheading_border: linear-gradient(
    253deg,
    #b53bff 54%,
    #3b3bff 25%,
    #913bff -7%
  );
  --msq_about_bg: #0f142f;
  --font-size-l: 18px;
  --font-size-m: 16px;
  --font-size15: 15px;
  --font-size-xl: 20px;
  --font-size-xxl: 32px;
  --font-size-xxxvi: 36px;
  --font-size-xxxl: 40px;
  --font-size-xxxxl: 96px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden !important;
}

body {
  font-family: SUIT, Roboto, sans-serif;
  overflow-x: hidden !important;
}

body.main {
  overflow-x: hidden !important;
}

body#main {
  background-color: #010101;
}

a:hover {
  color: var(--primaryblue);
  text-decoration: none;
}

.img-scale-responsive {
  width: auto;
  max-width: 100%;
}

section#MSQ {
  padding: 0;
}

header {
  position: fixed;
  width: 100%;
  z-index: 1000;
}

header nav ul li a {
  font-family: SUIT, Roboto, sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: var(--white-color);
  line-height: 20px;
  letter-spacing: -0.02em;
}

header nav ul li a:hover {
  color: var(--btn-color);
}

header nav .navbar-brand {
  font-size: 1.45rem;
  padding-top: 0.5125rem;
  padding-bottom: 0;
}

header nav .navbar-brand img {
  vertical-align: inherit;
}

header nav .lang-button {
  text-align: right;
  font-size: 14px;
  font-weight: 300;
  color: var(--white-color);
  width: 30%;
}

header nav .lang-button a {
  background: rgba(249, 249, 249, 1);
  color: rgba(204, 204, 204, 1) !important;
  padding: 8px 30px 8px 30px;
  border-radius: 100px;
  gap: 10px;
  font-weight: 600;
  cursor: pointer;
}

header nav .lang-button a:first-child {
  margin: 0 10px;
}
header nav .lang-button a:nth-child(2) {
  margin-right: 10px;
}

.container_inner {
  background: linear-gradient(
      180deg,
      rgba(23, 23, 23, 0) 0%,
      var(--background-color) 56.57%
    ),
    url(/wp-content/uploads/2022/10/section-01.png);
  background-repeat: no-repeat;
  background-position: top;
  width: 100%;
  height: 100%;
}

.container_inner .main-text {
  color: var(--white-color);
  padding: 160px 0 340px;
}

.container_inner .main-text h1 {
  margin-bottom: 10px;
  color: var(--white-color);
  font-size: 2em;
  font-weight: bold;
}

.container_inner .main-text p {
  font-size: 14px;
  margin-bottom: 40px;
}

.container_inner .main-text a {
  color: var(--white-color);
  background-color: var(--btn-color);
  border: 1px solid var(--btn-color);
  border-radius: 4px;
  padding: 14px 26px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

.container_inner .statistics {
  padding-bottom: 160px;
}

.container_inner .statistics .card {
  color: var(--white-color);
  height: 200px;
  text-align: center;
  background-color: var(--card-background);
  border-radius: 4px;
  justify-content: center;
}

.container_inner .statistics .card .name {
  font-size: 18px;
  font-weight: 500;
}

.container_inner .statistics .card .value {
  font-size: 32px;
  font-weight: 900;
  margin-top: 15px;
}

.logo_polygonmob {
  display: none;
}

.info-search-wrap {
  background-color: var(--btn-color);
}

.info-search-wrap .bg {
  padding: 90px 0;
  display: flex;
  flex-direction: column;
  background-image: url(/wp-content/uploads/2022/10/bg-info.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.info-search-wrap .white-button {
  background-color: var(--white-color);
  border-radius: 4px;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  column-gap: 8px;
  width: 90%;
  max-width: 325px;
}

.info-search-wrap .white-button .text {
  font-size: 18px;
  font-weight: 500;
  color: var(--btn-color);
}

.info-search-wrap .white-button .text.meta {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.info-search-wrap .bg .text .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 50px;
  column-gap: 50px;
  row-gap: 50px;
  flex-wrap: wrap;
}

.container_about {
  width: 100%;
  padding-top: 200px;
  background: url(/wp-content/uploads/2022/10/section-02.png) no-repeat #2d2d2d;
  background-position: center 150px;
}

.container_about .text.white {
  color: var(--white-color);
}

.container_about .text.text-01 {
  margin: 0 0 100px;
}

.container_about .text.text-02 {
  text-align: right;
  margin: 0 0 100px;
}

.container_about .text.text-03 {
  margin: 0 0 100px;
}

.container_about .text .title {
  font-size: 40px;
  font-weight: 500;
}

.container_about .text .title strong {
  font-weight: 700;
}

.container_about .text .title .purple {
  color: var(--purple-color);
}

.container_about .text .content {
  margin-top: 20px;
  font-size: 17px;
  font-weight: 400;
}

.search-icon {
  line-height: 10px;
}

#WORK {
  padding-top: 100px;
  background-image: url(images/Ellipse2.svg);
  background-repeat: no-repeat;
  background-position: right 200px;
}

#WORK .left-item {
  padding-right: 15%;
  text-align: right;
  color: var(--white-color);
}

#WORK .right-item {
  padding-left: 15%;
  text-align: left;
  color: var(--white-color);
}

#WORK .text {
  font-size: 18px;
  font-weight: 500;
  color: var(--white-color);
}

#WORK .text .title {
  font-size: 24px;
  font-weight: 500;
}

#WORK .text .content {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #f5f5f5;
}

#WORK .metaster-button {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  padding: 0 20px;
  line-height: 54px;
  border: 1px solid var(--white-color);
  border-radius: 4px;
  margin-top: 40px;
  margin-left: auto;
  max-width: 320px;
}

#WORK .metaster-button .logo,
#WORK .metaster-button .arrow {
  margin-top: -5px;
}

#WORK .text .title .purple {
  font-size: 28px;
  font-weight: 600;
}

#WORK .purple {
  color: var(--purple-color);
}

#WORK .my-cus {
  margin: 150px 0 0;
}

#VIDEO {
  width: 100%;
  height: 100%;
  padding: 0px 0 0px;
}

#TEAM .team-member-sec .text.white {
  text-align: center;
  color: var(--white-color);
  margin: 0 0 50px;
}

#TEAM .team-member-sec .img img {
  width: 100%;
}

#TEAM .team-member-sec .text .name {
  font-size: 24px;
  font-weight: 500;
}

#TEAM .team-member-sec .line {
  width: 64px;
  height: 1px;
  margin: 16px auto;
  background-color: #f9f9f9;
}

#TEAM .team-member-sec .text .position {
  margin-top: 10px;
  font-weight: 100;
}

#community {
  padding: 160px 0;
  background-color: #2d2d2d;
}

#community .button {
  padding: 40px;
  background-color: #455de0;
  color: var(--white-color);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-radius: 4px;
}

#community .button .logo-icon {
  display: flex;
  column-gap: 10px;
  align-items: flex-end;
}

#community .button .logo-icon img {
  height: 24px;
}

#community .button .left {
  display: flex;
  flex-direction: column;
  row-gap: 23px;
}

#community .button .left .text {
  font-size: 24px;
  font-weight: 500;
}

.swiper-container {
  width: 100%;
  margin: auto;
  height: 100%;
  overflow: hidden;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: flex-start;
}

.swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: var(--black);
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
}

.swiper-pagination-bullet-active {
  color: #fff;
  background: #007aff;
}

.swiper-pagination {
  position: relative !important;
  margin: -4px 0 0;
  width: fit-content !important;
}

.swiper-pagination-bullet {
  width: auto !important;
  height: auto !important;
  background: none !important;
  color: #f5f5f5;
  font-size: 16px;
  opacity: 1 !important;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  color: #455de0;
}

#NOTICE .swiper-button-prev {
  top: var(--swiper-navigation-top-offset, 42.5%) !important;
  pointer-events: inherit !important;
  /* margin-left: -25px !important; */
}

#NOTICE .swiper-button-next {
  top: var(--swiper-navigation-top-offset, 42.5%) !important;
  pointer-events: inherit !important;
  /* margin-right: -25px !important; */
}

#WORK .swiper-button-prev {
  top: var(--swiper-navigation-top-offset, 42.5%) !important;
}

#WORK .swiper-button-next {
  top: var(--swiper-navigation-top-offset, 42.5%) !important;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "" !important;
  font-size: 20px !important;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "" !important;
  font-size: 20px !important;
}

.notice-list {
  background: transparent;
}

.notice-list li {
  display: flex;
  justify-content: space-between;
  background: #fff;
  border-radius: 4px !important;
  border: 0px !important;
  color: var(--black);
  padding: 30px;
  margin-bottom: 30px;
  box-shadow: 4px 4px 14px 1px rgba(188, 188, 221, 0.16);
  cursor: pointer;
}

.notice-sec-list {
  background: transparent;
}

.notice-sec-list li {
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
  cursor: pointer;
}

.list-inner-content {
  width: 89%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.list-inner-content p {
  font-size: 18px;
  margin: 0;
  font-weight: 800;
  line-height: 25px;
  letter-spacing: -0.02em;
  color: rgba(45, 45, 45, 1);
  text-align: left;
}

.list-inner-content-notice-sec {
  width: 85%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.list-inner-content-notice-sec p {
  font-size: 18px;
  margin: 0;
  font-weight: 800;
  line-height: 25px;
  letter-spacing: -0.02em;
  color: rgba(45, 45, 45, 1);
  text-align: left;
}

span.list-inner-time {
  font-size: 13px;
  color: rgba(87, 87, 87, 1);
  margin-top: 5px;
  font-weight: 400;
}

span.list-inner-cus-badge {
  padding: 8px 16px 8px 16px;
  background: #2d2d2d;
  font-size: 16px;
  font-weight: 500;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  margin-right: 15px;
}

span.list-inner-cus-badge.active {
  background: var(--primaryblue);
}

span.list-inner-cus-badge.disable {
  background: var(--textsub1);
}

.bottom-section-pagination .swiper-button-next,
.bottom-section-pagination .swiper-button-prev {
  position: relative !important;
  margin: 0 !important;
}

.bottom-section-pagination .swiper-button-prev {
  background: url(images/prev.svg) !important;
  width: 32px !important;
  height: 16px !important;
}

.bottom-section-pagination .swiper-button-next {
  background: url(images/next.svg) !important;
  width: 32px !important;
  height: 16px !important;
}

.bottom-section-pagination .swiper-button-next::after,
.bottom-section-pagination .swiper-button-prev::after {
  display: none !important;
}

.bottom-section-pagination {
  display: flex;
  margin: 10px auto auto auto;
  gap: 30px;
  justify-content: center;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1000;
  border: none;
  outline: none;
  background-color: var(--primaryblue);
  color: var(--white-color);
  cursor: pointer;
  padding: 23px;
  border-radius: 50px;
  font-size: 18px;
}

#myBtn:after {
  content: "";
  z-index: 11;
  display: block;
  width: 15px;
  height: 15px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(45deg);
  position: relative;
  top: 3px;
}

.custom-modal .modal-content {
  background-color: #474747 !important;
  color: var(--white-color) !important;
}

.custom-modal .close {
  color: #fff !important;
  opacity: 1;
  cursor: pointer;
  margin-top: -5px;
}

.custom-modal .modal-title {
  display: flex;
}

.custom-modal .modal-body {
  padding: 20px;
}

.banner-responsive {
  margin-top: 20px;
  display: block;
  position: relative;
  z-index: 100;
}

.video-embeded {
  margin-top: 60px;
  display: block;
  position: relative;
  z-index: 100;
  background: white;
}

.video-embeded-swiper-slide {
  display: block;
  position: relative;
  z-index: 101;
}

/* ------------------------------ */
header nav .lang-button a.active {
  background: var(--primaryblue);
  color: #fff !important;
  padding: 8px 30px 8px 30px;
  border-radius: 100px;
  gap: 10px;
  font-weight: 800;
}

header nav .lang-button a:hover {
  background: var(--primaryblue);
  color: #fff !important;
  padding: 8px 30px 8px 30px;
  border-radius: 100px;
  gap: 10px;
}

.header {
  width: 100%;
  max-width: 86.11%;
  height: 70px;
  margin: 0 auto;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-items: center;

  padding: 16px 32px;
  border-radius: 20px;
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  background-image: linear-gradient(
    178deg,
    rgba(13, 28, 160, 0.6) 17%,
    rgba(26, 52, 165, 0.4) 84%
  );
  position: absolute;
  top: 24px;
  left: 6.94%;
  right: 6.94%;
  z-index: 10000;
}

.header_container {
  margin: 0 auto;

  display: -webkit-box;
  display: "-ms-flexbox";
  display: flex;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;

  -webkit-box-pack: center;
  -ms-flex-align: center;
  justify-content: center;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  width: 1176px;
  max-width: 1240px;
}

.overlay {
  display: none;
}

.header nav.desktop-nav {
  height: 38px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;

  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  flex-grow: 1;

  gap: 40px;
  padding: 0;
  margin-bottom: 0;
}

.header nav.desktop-nav ul {
  height: 20px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  flex-grow: 1;

  gap: 40px;
  margin-bottom: 0;
}

.header nav.desktop-nav ul a.nav_link {
  flex-grow: 0;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.1px;
  text-align: left;
  color: var(--textsub2);
}

.header nav.desktop-nav ul a.nav_link:hover {
  font-weight: 800;
}

.header nav.desktop-nav ul a.nav_link.active_link {
  font-weight: 800;
}

.borders {
  border: 1px solid red;
}

.language_wrapper {
  position: relative;
}

.language_button {
  width: 100px;
  height: 38px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  gap: 4px;
  padding: 8px 21px;
  border-radius: 100px;
  background: var(--primaryblue);
  cursor: pointer;
  border: none;
  outline: none;
  appearance: none;
}

.language_button {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.32px;
  text-align: left;
  color: var(--textsub2);
  line-height: 20px;
}

.dropdown-options {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-20px);

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;

  flex-grow: 0;
  gap: 4px;
  width: 100px;
  height: 113px;
  padding: 12px 8px;
  border-radius: 16px;
  background-color: #fff;
  color: #404040;
  position: absolute;
  top: 40px;
  transition: all 0.3s ease-in-out;
}

.dropdown-options.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.dropdown-options a {
  margin-bottom: 0;
  height: 27px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;

  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  align-self: stretch;
  flex-grow: 0;
  gap: 10px;
  padding: 4px 12px;
  border-radius: 8px;
  letter-spacing: -0.28px;
}

.dropdown-options a.active_lang {
  background-color: #e6e6ff;
}

.dropdown-options a:hover {
  background-color: #eaeaea;
}

.selected_value p {
  margin-bottom: 0;
}

.selected_value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.check-button {
  display: none;
}

.hambugger {
  width: 24px;
  height: 24px;
  flex-grow: 0;
  padding: 6px 3px;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: -10px;
  margin-bottom: 0;
}

.mobile-nav {
  display: none;
}

.darkHeader {
  position: fixed;
  width: 100%;
  max-width: 100%;
  border-radius: 0px;
  top: 0;
  left: 0;
  right: 0;
  animation: smoothScroll 1s forwards;
}

@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }

  100% {
    transform: translateY(0px);
  }
}

header {
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}

.first_sec {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 1099px;
  position: relative;
}

.hero-overlay,
.hero-overlay_two {
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0;
  z-index: -10;
}

.first-overlay {
  display: none;
}

.second-overlay {
  height: 100%;
  width: 100%;
  inset: 0;
  background-image: url(/wp-content/themes/globalmsq-v2/images/Hero-section.gif);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
}

.first_sec .hero {
  width: fit-content;
  height: 287px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 254px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
  z-index: 200;
}

.hero-text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.first_sec h1 {
  margin-bottom: 0;
}

.inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  align-self: center;
  font-size: var(--font-size-xxxxl);
  line-height: 119.81px;
}

.inline_eng {
  width: 977px;
}

.inline_kor {
  width: 685px;
}

.inline_viet {
  width: 1200px;
}

.heading_main {
  letter-spacing: -1.92px;
  font-weight: 800;
  font-style: normal;
  text-align: center;
  color: var(--bgwhite);
  margin-bottom: 0;
  position: relative;
  white-space: nowrap;
}

.heading_secnd {
  letter-spacing: -1.92px;
  font-weight: 800;
  text-align: center;
  background: var(--msq-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
}

.heading_secnd::after {
  content: "";
  display: inline-block;
  height: 100%;
  border-right: 5px solid var(--primaryblue);
  -webkit-animation: typing 6s steps(3) infinite forwards,
    blink 0.7s step-end infinite alternate;
  animation: typing 6s steps(3) infinite forwards,
    blink 0.7s step-end infinite alternate;
}

@-webkit-keyframes typing {
  0% {
    content: "";
  }
  16.67% {
    content: "M";
  }
  33.33% {
    content: "MS";
  }
  50% {
    content: "MSQ";
  }
  66.67% {
    content: "MS";
  }
  83.33% {
    content: "M";
  }
  100% {
    content: "";
  }
}

@keyframes typing {
  0% {
    content: "";
  }
  16.67% {
    content: "M";
  }
  33.33% {
    content: "MS";
  }
  50% {
    content: "MSQ";
  }
  66.67% {
    content: "MS";
  }
  83.33% {
    content: "M";
  }
  100% {
    content: "";
  }
}

@-webkit-keyframes blink {
  50% {
    border-color: transparent;
  }
}

@keyframes blink {
  50% {
    border-color: transparent;
  }
}

.para {
  font-size: var(--font-size-xl);
  font-weight: 300;
  font-style: normal;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  color: var(--textsub2);
  line-height: 24.96px;
  text-align: center;
  width: 670px;
  height: 75px;
  margin: 0 auto;
}

.para p {
  margin-bottom: 0;
  letter-spacing: normal;
}

@-webkit-keyframes mover {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-20px);
  }
}

@keyframes mover {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-20px);
  }
}

.second_sec {
  width: 100%;
  height: 464px;
  padding: 112px 120px 134px;
  background-image: var(--second_sec);
}

.second_sec_text {
  height: 218px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  gap: 12px;
  padding: 0;
  max-width: 1200px;
  margin: 0 auto;
}

.second_sec_text h6 {
  font-size: 24px;
  color: var(--textsub4);
  text-align: center;
  letter-spacing: -0.2px;
  line-height: normal;
  margin: 0;
}

.second_sec_text h2 {
  font-size: 80px;
  line-height: 88px;
  text-align: center;
  letter-spacing: -0.5px;
  color: var(--textsub5);
  margin: 0;
  font-weight: normal;
}

.second_sec_text h2 span {
  font-style: italic;
  color: var(--bgwhite);
}

.inter-text {
  font-family: "Inter", serif;
  font-optical-sizing: auto;
}

.rectagle2 {
  position: absolute;
  top: -150px;
  right: -55px;
}

.rectagle1 {
  position: absolute;
  bottom: 54px;
  left: 138px;
}

.notice_sec {
  margin-top: 80px;
}

.six-box {
  width: 100%;
  height: 652px;
  padding: 112px 120px 112px;
  background: var(--six-box);
}

.data-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
}

.six-box-first {
  width: 100%;
  height: 194px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  flex-grow: 0;
  gap: 40px;
  padding: 40px;
  border: solid 1px var(--border-color);
  border-bottom: none;
}

.six-box-second {
  border: solid 1px var(--border-color);
  border-top: none;
}

.line {
  width: 1px;
  height: 114px;
  background-color: var(--border-line);
}

.single_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.single_box.first_box {
  width: 290px;
}

.single_box.second_box {
  width: 290px;
}

.single_box.last_box {
  width: 380px;
}

.text-b {
  font-size: var(--font-size-m);
  line-height: 20px;
  text-align: center;
  color: var(--textsub2);
  text-align: center;
}

.num-text {
  line-height: 45px;
  font-size: var(--font-size-xxxvi);
  font-weight: 800;
  letter-spacing: -0.72px;
  text-align: left;
  color: var(--bgwhite);
}

.lock_up {
  line-height: 22px;
  align-self: stretch;
  flex-grow: 0;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.36px;
  text-align: center;
  color: var(--textsub2);
}

.single_box .krw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 4px;
}

.single_box .krw b {
  line-height: 20px;
  font-size: var(--font-size-m);
  text-align: center;
  color: var(--lineline);
}

.pdg {
  padding-top: 40px;
}

.one {
  position: absolute;
  top: 0;
  left: 0;
}

.two {
  position: absolute;
  bottom: 0;
  right: 0;
}

.whit_text {
  height: 44px;
  width: 173px;
  line-height: 20px;
  letter-spacing: -0.02em;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  gap: 10px;
  padding: 12px 24px;
  background-color: transparent;
  border-radius: 4px;
  box-shadow: 8px 12px 56px #3b3bff1f;
  transition: all 0.5s;
  position: relative;
}

.whit_text::before {
  content: "View White Paper";

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: var(--bgwhite);
  color: var(--textmain);
  font-weight: 600;
  border-radius: 4px;
  transition: all 0.3s;
}

.whit_text:hover::before {
  opacity: 0;
  transform: scale(0.5, 0.5);
}

.whit_text::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  transition: all 0.3s;
  border: 1px solid var(--background-color);
  border-radius: 4px;
  transform: scale(1.2, 1.2);
}
.whit_text:hover::after {
  opacity: 1;
  transform: scale(1, 1);
}

.text {
  font-weight: 600;
  color: var(--background-color);
  font-size: var(--font-size-m);
}

#polygon .polygonscan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  background-image: url(/wp-content/themes/globalmsq-v2/images/polygon.gif);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: cover;
  position: relative;
  width: 100%;
  height: 702px;
  padding: 114px 120px;
}

#polygon .polygonscan-logo {
  vertical-align: top;
  margin-top: -300px;
}

#polygon .polygonscan .logo {
  text-align: center;
  margin-bottom: 0;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  gap: 97px;
  margin-top: 81px;
  margin-right: auto;
  margin-left: auto;
}

.polygon_container {
  padding-top: 6px;
  max-width: 1200px;
  margin: 0 auto;
}

.polygon-detail-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 58px;
  margin-top: -18.67px;
}

.polygon-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  padding: 60px;
  width: 571px;
  height: 167px;
  background: #192044;
  border-top: solid 1px var(--border-line);
  box-shadow: 4px 24px 80px 8px rgba(188, 188, 221, 0.16);
  align-items: center;
}

.polygon-designation p {
  color: var(--bgwhite);
  line-height: 22px;
  font-size: var(--font-size-l);
  text-align: left;
  margin: 0;
  margin-right: 8px;
}

.mobile_info_search {
  display: none;
}

.polygon-name {
  font-size: 16px;
  font-weight: 800;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-align: left;
}

.polygon-designation a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.box-img {
  width: 100%;
}

.about {
  width: 100%;
  height: 812px;
  padding: 112px 100px;
  object-fit: contain;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  background-image: url(/wp-content/themes/globalmsq-v2/images/about-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

.about-container {
  max-width: 1240px;
  margin: 0 auto;
  height: 100%;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  gap: 48px;
}

.msqheading-container {
  width: fit-content;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  gap: 16px;
  padding: 0 8px;
}

.msqheading,
.single_notice_button {
  width: fit-content;
  height: 36px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  gap: 8px;
  padding: 8px 16px;
  border-radius: 24px;
  border: 1px solid transparent;
  background: none;
  position: relative;
  color: var(--lineline); /* Adjust text color */

  /* Gradient Border Trick */
  &:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 24px;
    padding: 1px; /* Border thickness */
    background: var(--msqheading_border);
    -webkit-mask: linear-gradient(white, white) content-box,
      linear-gradient(white, white);
    mask: linear-gradient(white, white) content-box,
      linear-gradient(white, white);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }
}

.msqheading p {
  line-height: 20px;
  font-size: var(--font-size-m);
  font-weight: bold;
  color: var(--lineline);
  text-align: center;
  margin: 0;
}

.msqheading-container h4 {
  font-size: var(--font-size-xxxl);
  font-weight: bold;
  line-height: 50px;
  letter-spacing: -0.8px;
  color: var(--bgwhite);
  text-align: center;
  margin: 0;
}

.buttons_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
}

.about_button {
  width: fit-content;
  height: 44px;
  flex-grow: 0;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  gap: 10px;
  padding: 12px 24px;
  border: none;
  border-radius: 4px;
  box-shadow: 8px 12px 56px 0 rgba(59, 59, 255, 0.12);
  background-color: transparent;
  color: var(--background-color);
  cursor: pointer;
  letter-spacing: -0.32px;
  transition: all 0.5s;
  position: relative;
}

.about_button::before {
  content: "Linktree";

  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: var(--primaryblue);
  border-radius: 4px;
  transition: all 0.3s;
  color: var(--background-color);
}

.about_button:hover::before {
  opacity: 0;
  transform: scale(0.5, 0.5);
}

.about_button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  transition: all 0.3s;
  border: 1px solid var(--primaryblue);
  transform: scale(1.2, 1.2);
  border-radius: 4px;
}

.about_button:hover::after {
  opacity: 1;
  transform: scale(1, 1);
}

.linktree {
  height: 44px;
  width: 105px;
}

.linktree:focus,
.vision_button:focus,
.whit_text:focus {
  outline: none;
}

.vision_button {
  width: fit-content;
  height: 44px;
  flex-grow: 0;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  gap: 10px;
  padding: 12px 24px;
  border: none;
  border-radius: 4px;
  box-shadow: 8px 12px 56px 0 rgba(59, 59, 255, 0.12);
  background-color: var(--primaryblue);
  color: var(--background-color);
  cursor: pointer;
  letter-spacing: -0.32px;
  border: none;
  transition: all 400ms;
  position: relative;
}

button.vision_button p {
  margin-bottom: 0;
}

.vision_button:hover {
  background: transparent;
  box-shadow: none;
  text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff,
    0 0 42px rgb(0, 123, 255), 0 0 82px rgb(0, 123, 255),
    0 0 92px rgb(0, 123, 255), 0 0 102px rgb(0, 123, 255),
    0 0 151px rgb(0, 123, 255);
}

.vision_button:before,
.vision_button:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 2px;
  width: 0;
  background: var(--primaryblue);
  transition: 400ms ease all;
}

.vision_button:after {
  right: inherit;
  top: inherit;
  left: 0;
  bottom: 0;
}

.vision_button:hover:before,
.vision_button:hover:after {
  width: 100%;
  transition: 400ms ease all;
}

.msq_about_details {
  width: 100%;
  display: flex;
  gap: 50px;
}

.msq-about {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;

  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;

  gap: 24px;
  padding: 16px 16px 24px;
  border-radius: 12px;
  background-color: var(--msq_about_bg);
}

.msq_about_image {
  width: 100%;
  height: 153px;
  border-radius: 6px;
  overflow: hidden;
}

.msq_about_image img {
  width: 100%;
  height: 100%;
}

.msq_about_text {
  align-self: stretch;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;

  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 16px;
  padding: 0;
}

.msq_about_text h5 {
  font-size: var(--font-size-xl);
  font-weight: 800;
  color: #e6e6e6;
  line-height: 25px;
  letter-spacing: -0.4px;
  text-align: left;
  margin: 0;
}

.msq_about_text p {
  align-self: stretch;
  font-size: var(--font-size-m);
  line-height: 20px;
  text-align: left;
  color: #7d8db4;
  margin: 0;
}

#WORK {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  width: 100%;
  height: 1758px;
  position: relative;
  background-color: #0e1420;
  padding: 112px 128px 112px 112px;
}

.ball_container {
  width: 905px;
  height: 905px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.ball_container img {
  transform-origin: center;
  animation: rotateBackForth 1s infinite ease-in-out alternate;
}

@keyframes rotateBackForth {
  0% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(90deg);
  }
}

.projects_container {
  width: 100%;
  height: 100%;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 100;
}

.projects {
  max-width: 1200px;
  height: 100%;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;

  gap: 32px;
  margin: 50px 0 0;
  padding: 24px;
}

.project_row {
  height: 336px;
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}

.project {
  height: 100%;
  align-self: stretch;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  flex-grow: 1;
  border-radius: 12px;
  box-shadow: 4px 40px 88px 8px rgba(188, 188, 221, 0.16);
  border: solid 1px #12206a;
  background-color: #171d3a;
  position: relative;
  overflow: hidden;
}

.project_row:nth-child(1) .newpoint2u {
  width: 365.35px;
}

.project_row:nth-child(1) .must_fintech {
  width: 357.3px;
}

.project_row:nth-child(1) .business_hub {
  width: 365.35px;
}

.project_row:nth-child(2),
.project_row:nth-child(3) {
  height: 254px;
}

.project_row:nth-child(5) {
  height: 274px;
}

.project_row:nth-child(5) .project {
  flex-grow: 1;
  flex: 50%;
}

.project_row .metastar {
  flex-grow: 2;
}

.project_row .kpal {
  flex-grow: 0;
  width: 357.3px;
}

.project_inner_box {
  width: 100%;
  height: 100%;
  align-self: stretch;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  padding: 24px;
  gap: 32px;
}

.project_image_container {
  height: 80px;
  width: 100%;
  align-self: stretch;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.image_container {
  height: 100%;
  width: 120px;
}

.image_container img {
  width: 100%;
  height: 100%;
}

.text-container {
  align-self: stretch;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;

  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;

  gap: 12px;
  height: 100%;
}

.project_row .metastar .text-container {
  width: 586px;
}

.project_row .oppha .text-container {
  width: 580px;
}

.text-container h5 {
  align-self: stretch;
  font-size: var(--font-size-l);
  font-weight: 800;
  letter-spacing: -0.36px;
  text-align: left;
  color: #e8effb;
  margin-bottom: 0;
  line-height: 22px;
}

.text-container p {
  align-self: stretch;
  font-size: var(--font-size-m);
  color: #7d8db4;
  margin-bottom: 0;
  line-height: 20px;
}

.offshore {
  height: 88px;
  align-self: stretch;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  gap: 24px;
  padding: 24px 0;
}

.line_one {
  height: 1px;
  background-color: var(--textsub2);
  width: 367px;
}

.Offshore-Labour-Projects {
  width: 360px;
  height: 40px;
  flex-grow: 0;
  text-align: center;
  color: #e6e6e6;
}

.offshore p {
  font-size: var(--font-size-xxl);
  font-weight: 800;
  letter-spacing: -0.2px;
  text-align: center;
  color: #e6e6e6;
  line-height: 40px;
  margin-bottom: 0;
}

.ribbon {
  position: absolute;
  top: 25px;
  right: -95px;
  background: #312287;
  color: #d4d8e1;
  padding: 3px 100px 3px 130px;
  font-size: 12px;
  font-weight: bold;
  transform: rotate(50deg);
  text-align: align;
}

.msqheading-container.work {
  margin-left: 20px;
}

.msqheading-container.team {
  gap: 12px;
}

#TEAM {
  width: 100%;
  height: 780px;
  object-fit: contain;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  background-image: url(/wp-content/themes/globalmsq-v2/images/team-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 112px 120px;
}

.team_inner_box {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  gap: 48px;
}

.desktop-table {
  width: 100%;
  position: relative;
}

.member-table tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  gap: 30px;
}

.member-table tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  gap: 30px;
}

.member-table td {
  flex-basis: 50%;
}

.member-detail {
  width: 100%;
  height: 80px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;

  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  gap: 30px;
  flex-grow: 0;
  padding: 30px;
  border-top: solid 1px #00007a;
  background-color: #171d3a;
}

.member-name {
  width: 50%;
  font-size: var(--font-size-m);
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.32px;
  text-align: left;
  color: var(--bglight);
  border-right: 1px solid #949393;
}

.member-designation {
  width: 50%;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.32px;
  text-align: left;
  color: var(--textsub2);
}

.member-designation p {
  margin: 0;
}

.mobile-table,
.mobile-lang-button {
  display: none;
}

#VISION {
  width: 100%;
  height: 845px;
  padding: 112px 120px 111px;
  background-color: #0b0f1f;
}

.vision_inner_container {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  gap: 56px;
}

.vision_row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  gap: 56px;
}

.vision {
  align-self: stretch;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  flex-grow: 1;
  gap: 16px;
  padding: 0 0 24px;
  border-radius: 12px;
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  background-image: linear-gradient(to bottom, rgba(23, 29, 58, 0.9), #171d3a);
  width: 100%;
}

.vision_image_container {
  width: 100%;
  height: 244px;
}

.vision_image_container img {
  height: 100%;
  width: 100%;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
}

.vision_text_container {
  align-self: stretch;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;

  gap: 16px;
  padding: 0 24px;
}

.vision_text_container h4 {
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.48px;
  text-align: left;
  color: #e6e6e6;
  line-height: 30px;
  margin: 0;
}

.vision_text_container p {
  flex-grow: 0;
  font-size: 18px;
  text-align: left;
  color: #7d8db4;
  line-height: 22px;
  margin: 0;
}

#NOTICE {
  width: 100%;
  min-height: 764px;
  padding: 112px 120px;
  background-color: #0e1420;
}

.notice_innner_container {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;

  gap: 36px;
}

.title_container {
  height: 48px;
  align-self: stretch;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.title_container p {
  line-height: 45px;
  font-size: var(--font-size-xxxvi);
  font-weight: 800;
  letter-spacing: -0.72px;
  text-align: center;
  color: var(--bgwhite);
  margin: 0;
}

.notice_navigator_container {
  position: relative;
  width: 112px;
  height: 48px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  gap: 16px;
}

#NOTICE .swiper-button-next {
  background: url(images/slide_next.svg);
  width: 48px;
  height: 48px;
  background-size: 100% 100%;
  margin-right: -13px;
}

#NOTICE .swiper-button-prev {
  background: url(images/slide_prev.svg);
  width: 48px;
  height: 48px;
  background-size: 100% 100%;
  margin-left: -7px;
}

#NOTICE ul {
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 36px;
}

#NOTICE ul li {
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  padding: 24px 30px;
  border-radius: 12px;
  border: solid 1px var(--border-line);
}

.notice_container {
  align-self: stretch;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;

  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;

  flex-grow: 1;
  gap: 16px;
}

.notice_type_date_container {
  height: 24px;
  align-self: stretch;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  margin-top: -2px;
}

.notice_type,
.notice_type_two {
  height: 24px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  align-items: center;

  gap: 4px;
  padding: 8px 0;
}

.notice_type span,
.notice_type_two span {
  height: 20px;
  font-size: var(--font-size-m);
  font-weight: 500;
  letter-spacing: -0.32px;
  text-align: left;
  color: #b9b9b9;
}

.notice_type div,
.notice_type_two div {
  width: 8px;
  height: 8px;
  flex-grow: 0;
  border-radius: 50%;
  border: 1px solid transparent;

  background: linear-gradient(213deg, #b53bff 88%, #3b3bff 51%, #913bff 10%)
      padding-box,
    linear-gradient(213deg, #b53bff 88%, #3b3bff 51%, #913bff 10%) border-box;
}

.notice_type_two div {
  background: #b9b9b9;
  border: none;
}

.notice_type_date_container .date {
  height: 22px;
  font-size: var(--font-size-l);
  text-align: left;
  color: #7d8db4;
}

.notice_text p {
  font-size: 24px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: -0.48px;
  text-align: left;
  color: #dfdfdf;
  margin: 0;
}

footer {
  width: 100%;
  height: 336px;
  object-fit: contain;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  background-image: url(/wp-content/themes/globalmsq-v2/images/footer-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: 50px;
}

.footer_inner_container {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  padding: 36px 0px 60px;
}

footer .first {
  height: 100%;
  width: 810px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  gap: 72px;
}

.footer_info_container {
  width: 100%;
  height: 100%;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;

  flex-grow: 1;
  gap: 10px;
  justify-content: space-between;
  margin-top: 3px;
}

footer .title,
footer h4 {
  line-height: 20px;
  align-self: stretch;
  font-size: var(--font-size-m);
  font-weight: normal;
  text-align: left;
  color: #949393;
  margin: 0;
}

footer h4 {
  font-weight: 800;
  color: var(--bgwhite);
  letter-spacing: -0.32px;
}

span.value {
  height: 20px;
  align-self: stretch;
  font-size: var(--font-size-m);
  text-align: left;
  color: #ccc;
  font-weight: 500;
}

span.value {
  font-weight: 500;
  letter-spacing: -0.32px;
  color: #ccc;
}

.customer_fax_container {
  height: 20px;
  align-self: stretch;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  gap: 20px;
}

footer .last_address {
  width: 95%;
  line-height: 21px;
}

.socials {
  height: 40px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;

  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

  gap: 10px;
  padding: 0;
}

.socials a img {
  height: 100%;
  width: 100%;
}

.notice_wrapper {
  padding: 0 120px;
  margin-top: 182px;
}

.single_notice_button {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.28px;
  color: #b9b9b9;
  padding: 4px 8px;
  width: fit-content;
  height: 25px;
}

.notice_details_box {
  width: 765px;
  min-height: 160px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;

  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;

  gap: 19px;
  padding: 0;
  margin-bottom: 0;
  animation: slideRightToLeft 1s ease-in-out;
}

.button_title_container {
  min-height: 121px;
  align-self: stretch;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;

  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;

  gap: 16px;
}

.button_title_container h2 {
  align-self: stretch;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: -0.64px;
  text-align: left;
  color: #dfdfdf;
  margin-bottom: 0;
}

.notice_details_box .date {
  margin-bottom: 0;
  align-self: stretch;
  font-size: 16px;
  font-weight: 300;
  color: #ccc;
  height: 20px;
}

.notice_details_info {
  margin-top: 20px;
  border-top: 1px solid #e1e1ee;
  padding-top: 80px;
}

.content_post_text_wrapper {
  /* border: 1px solid green; */
  /* min-height: 241px; */
  width: 100%;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  flex-grow: 1;
  /* justify-content: center; */
  /* align-items: center; */
  /* padding-top: 80px; */
  /* padding-bottom: 48px; */
}

.content_post_text {
  /* border: 1px solid red; */
  width: 100%;
  font-size: 16px;
  color: #c1bec2;
}

.content_wrapper {
  width: 100%;
}
.content_wrapper > p:first-of-type {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
}

.content_wrapper p img {
  width: 100%;
  height: 100%;
}

.content_wrapper p img:last-of-type {
  margin-bottom: 48px;
}

.notice_paragraphs {
  width: 720px;
  margin: 0 auto;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  gap: 10px;
  animation: slideRightToRight 1s ease-in-out;
}

.content_post_text p {
  margin-bottom: 0;
}

.content_post_text p a {
  font-size: 14px;
  font-weight: bold;
  line-height: 16.8px;
  letter-spacing: -0.28px;
  text-align: left;
  color: #fafafa;
  margin-top: 16px;
  display: inline-block;
  width: 100%;
  text-overflow: clip;
}

@keyframes slideRightToLeft {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideRightToRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.reduce_margin {
  padding-top: 40px;
}

.notice_details_swiper_container {
  width: 100%;
  height: 48px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;

  margin-top: 96px;
  margin-bottom: 64px;
  padding: 0;
}

.notice_details_swiper_button_container {
  height: 48px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  gap: 8px;
  padding: 0 16px;
}

.notice_details_swiper_button_container p {
  width: 35px;
  height: 22px;
  font-size: 18px;
  line-height: 21.6px;
  letter-spacing: -0.36px;
  color: var(--background-color);
  margin-bottom: 0;
}

.arrow_container {
  width: 48px;
  height: 48px;
  object-fit: contain;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.swiper-container .notice-list li .list-inner-cus-badge {
  color: #fff;
  font-family: SUIT, Roboto, sans-serif;
  font-weight: 500;
}

.swiper-container .notice-list .list-group-item .list-inner-content a {
  color: #000000 !important;
  font-family: SUIT, Roboto, sans-serif;
  font-weight: 800;
}

.logo {
  text-align: left;
  margin-bottom: 20px;
}

footer .logo img {
  width: 160px;
}

#TEAM .swiper-button-next,
#WORK .swiper-button-next {
  background: url(images/slide_next.svg);
  width: 60px;
  height: 60px;
  margin-right: -80px;
  background-size: 100% 100%;
}

#TEAM .swiper-button-prev,
#WORK .swiper-button-prev {
  background: url(images/slide_prev.svg);
  width: 60px;
  height: 60px;
  background-size: 100% 100%;
  margin-left: -80px;
}

.img-size {
  margin: auto;
  display: block;
}

.naver-btn {
  display: flex;
  border-radius: 2px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #fff;
  background-color: #00cf64;
  border: none;
  padding: 6px;
  cursor: pointer;
}

.single_details_page {
  max-width: 1200px;
  margin: 0 auto;
}

@media screen and (max-width: 1439px) {
  .data-container,
  .polygon_container,
  .about-container,
  .projects,
  .team_inner_box,
  .vision_inner_container,
  .notice_innner_container,
  .footer_inner_container {
    max-width: 100%;
  }
}

@media screen and (max-width: 1282px) {
  .inline {
    font-size: 78px;
    line-height: normal;
  }

  .inline_eng {
    width: 800px;
  }

  .inline_kor {
    width: 558px;
  }

  .inline_viet {
    width: 982px;
  }

  .num-text {
    font-size: 28px;
  }

  .project_inner_box {
    gap: 20px;
  }

  .project_inner_box {
    padding: 20px;
  }

  .offshore p {
    line-height: 40px;
    font-size: 27px;
  }

  .line_one {
    width: 304px;
  }

  .project_row .metastar .text-container,
  .project_row .oppha .text-container {
    width: 100%;
  }

  .project_row .metastar {
    flex-grow: 1;
    width: 68%;
  }

  .project_row .kpal {
    flex-grow: 0;
    width: 32%;
  }

  .vision_image_container {
    height: auto;
  }

  .vision_image_container img {
    width: 100%;
  }

  .current_post_image {
    height: 655px;
  }

  .notice_wrapper {
    padding: 0 60px;
  }

  .footer_inner_container {
    padding: 36px 120px 60px;
    margin: 0;
  }

  .socials {
    gap: 5px;
  }

  .socials a {
    width: 30px;
    height: 30px;
  }

  footer .first {
    width: 629px;
    display: flex;
    gap: 72px;
  }
}

@media screen and (max-width: 1168px) {
  .first_sec {
    height: 950px;
  }

  .inline {
    font-size: 70px;
    line-height: normal;
  }

  .inline_eng {
    width: 708px;
  }

  .inline_kor {
    width: 492px;
  }

  .inline_viet {
    width: 866px;
  }

  .second_sec {
    height: fit-content;
    padding: 56px 60px 67px;
    display: flex;
    flex-direction: column;
  }

  .second_sec_text {
    height: 218px;
    gap: 12px;
    margin: auto;
  }

  .second_sec_text h2 {
    font-size: 70px;
  }

  .six-box {
    padding: 56px 60px 56px;
    display: flex;
    flex-direction: column;
    height: fit-content;
  }

  .data-container {
    margin: auto;
    gap: 30px;
  }

  .six-box-first {
    gap: 30px;
    padding: 30px;
  }

  .num-text {
    font-size: 26px;
  }

  #polygon .polygonscan {
    padding: 57px 60px;
    display: flex;
    height: fit-content;
  }

  .polygon_container {
    margin: auto;
  }

  .polygon-detail {
    padding: 30px;
    height: 130px;
  }

  .about {
    padding: 56px 50px;
    height: fit-content;
  }

  .about-container {
    gap: 24px;
  }

  .msq_about_details {
    width: 100%;
    justify-content: space-between;
  }

  .msq-about {
    flex-grow: 1;
    gap: 20px;
  }

  .msq_about_image img {
    width: 100%;
    height: 100%;
  }

  #WORK {
    height: fit-content;
    padding: 56px 64px 56px 56px;
  }

  .projects {
    margin: 30px 0 0;
  }

  .project_inner_box {
    gap: 16px;
    padding: 16px;
  }

  .project_image_container {
    height: 60px;
  }

  .text-container h5 {
    font-size: var(--font-size-m);
  }

  .project_row .metastar {
    width: 100%;
  }

  .project_row .kpal {
    width: 100%;
  }

  #TEAM {
    height: fit-content;
    padding: 56px 60px;
  }

  .team_inner_box {
    margin: auto;
    gap: 24px;
  }

  #TEAM .swiper-button-prev,
  #WORK .swiper-button-prev {
    margin-left: -50px;
  }

  #TEAM .swiper-button-next,
  #WORK .swiper-button-next {
    margin-right: -50px;
  }

  #VISION {
    height: fit-content;
    padding: 56px 60px 55.5px;
  }

  .vision_inner_container,
  .vision_row {
    gap: 28px;
  }

  .vision_text_container h4 {
    font-size: var(--font-size-m);
  }

  #NOTICE {
    height: fit-content;
    padding: 56px 60px;
  }

  .notice_text p {
    font-size: var(--font-size-xl);
  }

  footer {
    height: fit-content;
    padding-bottom: 0px;
  }

  .footer_inner_container {
    padding: 18px 60px 30px;
  }

  footer .first {
    gap: 36px;
  }
}

@media screen and (max-width: 1100px) {
  .header nav.desktop-nav,
  .header nav.desktop-nav ul {
    gap: 25px;
  }
}

@media screen and (max-width: 1024px) {
  .msq_about_text h5 {
    font-size: var(--font-size-m);
  }

  .notice_text p {
    line-height: normal;
  }

  .current_post_image {
    height: auto;
  }

  .socials {
    gap: 5px;
  }

  .socials a {
    width: 30px;
    height: 30px;
  }
}

.mobile_nav_active_image {
  display: none;
}

.menu_active {
  display: none;
}

.active_menu {
  display: none;
}

@media screen and (max-width: 992px) {
  .header {
    width: 100%;
    max-width: 87%;
    height: 56px;
    left: 6.5%;
    right: 6.5%;
    justify-content: space-between;
    padding: 16px 24px;
    top: 16px;
  }

  .header_container {
    justify-content: space-between;
  }

  .header_active {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .header_active_scroll {
    border-radius: 0;
  }

  .hambugger {
    cursor: pointer;
  }

  .header nav.desktop-nav {
    display: none;
  }

  .mobile-nav {
    display: block;
  }

  .overlay {
    position: fixed;
    background: rgba(0, 0, 0, 0.9);
    height: 100vh;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
  }

  .overlay_active {
    display: block;
  }

  .mobile-nav nav {
    position: fixed;
    left: 0;
    right: 0;
    top: 56px;
    height: 376px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0px 24px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    -webkit-backdrop-filter: blur(100px);
    backdrop-filter: blur(100px);
    background-image: linear-gradient(
      to bottom,
      rgba(13, 28, 160, 0.6) 0%,
      rgba(26, 52, 165, 0.4) 100%
    );
    transform: translateY(-150%);
    transition: transform 0.5s ease-in-out;
  }

  .mobile-nav nav.active {
    transform: translateY(0);
  }

  .mobile-nav nav ul {
    margin-bottom: 0;
  }

  .mobile-nav nav ul li {
    height: 60px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    border-bottom: solid 1px #334671;
    padding: 16px 0;
  }

  .mobile-nav nav ul li:last-child {
    border-bottom: none;
  }

  .mobile_nav_list ul li a {
    font-size: var(--font-size-l);
    font-weight: bold;
    line-height: 28px;
    color: var(--bgwhite);
  }

  .nav-link {
    padding: 0;
  }

  .darkHeader {
    width: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
    right: 0;
  }

  .header nav,
  .header nav ul {
    gap: 20px;
  }

  .language-button {
    border-radius: 100px;
    background-color: #fff;
  }

  .lang_close_wrapper {
    width: 102px;
    height: 24px;
    align-items: center;
    gap: 16px;
    padding: 0;
    display: flex;
    visibility: hidden;
    opacity: 0;
  }

  .mobile-nav .language_button {
    width: 62px;
    height: 24px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background: var(--bglight);
    cursor: pointer;
    border: none;
    outline: none;
    appearance: none;
  }

  .close_icon {
    margin-bottom: 0;
    cursor: pointer;
  }

  .mobile-nav .language_button option,
  .mobile-nav .language_button {
    flex-grow: 0;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -0.24px;
    text-align: left;
    color: #404040;
    line-height: 16px;
  }

  .first_sec {
    height: 750px;
  }

  .first_sec .hero {
    margin-top: 138px;
    gap: 24px;
  }

  .six-box-first {
    gap: 20px;
    padding: 20px;
  }

  .language_active {
    visibility: visible;
    opacity: 1;
  }

  .hambugger_active {
    display: flex;
  }

  .dropdown-options {
    width: 62px;
    height: fit-content;
    top: 25px;
    border-radius: 8px;
    padding: 4px;
    gap: 0;
  }

  .dropdown-options a {
    height: fit-content;
    gap: 10px;
    padding: 4px;
  }

  .notice_details_swiper_button_container {
    padding: 0;
  }
}

@media screen and (max-width: 960px) {
  .inline {
    font-size: 50px;
    text-align: center;
  }

  #polygon .polygonscan .logo {
    gap: 30px;
  }

  .image_container {
    height: 100%;
    width: 100px;
  }

  .project_row {
    height: fit-content;
  }

  .project_row:nth-child(1) .must_fintech,
  .project_row:nth-child(1) .business_hub,
  .project_row .kpal,
  .project_row:nth-child(2),
  .project_row:nth-child(3),
  .project_row:nth-child(5) {
    height: auto;
  }

  .project_row:nth-child(2),
  .project_row:nth-child(3) {
    height: fit-content;
  }

  .inline_eng {
    width: 494px;
  }

  .inline_kor {
    width: 354px;
  }

  .inline_viet {
    width: 607px;
  }

  .notice_paragraphs {
    width: 100%;
  }
}

@media screen and (max-width: 900px) {
  .msq_about_details,
  .vision_row {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Two equal columns */
    gap: 30px;
  }

  .content_post_text {
    width: 100%;
  }

  .notice_details_box {
    width: 100%;
  }
}

@media screen and (max-width: 769px) {
  .inline {
    font-size: 45px;
  }

  .inline_eng {
    width: 445px;
  }

  .inline_kor {
    width: 315px;
  }

  .inline_viet {
    width: 540px;
  }

  .hero-text {
    align-items: center;
    justify-content: center;
  }

  .para {
    width: 70%;
    height: fit-content;
  }

  .msqheading-container h4 {
    font-size: var(--font-size-xxl);
  }

  .second_sec {
    padding: 30px;
  }

  .second_sec_text h2 {
    font-size: 50px;
  }

  .six-box {
    padding: 30px;
  }

  .six-box-first {
    gap: 10px;
    padding: 10px;
  }

  #polygon .polygonscan {
    padding: 30px;
  }

  #polygon .polygonscan .logo {
    gap: 20px;
  }

  .polygon-detail {
    padding: 15px;
    height: 100px;
  }

  .about {
    padding: 30px;
  }

  .msq_about_text h5 {
    font-size: var(--font-size-l);
  }

  #WORK {
    padding: 30px;
  }

  .project_row {
    display: flex;
    flex-direction: column;
    height: fit-content;
  }

  .project_image_container {
    height: 80px;
  }

  .projects {
    padding: 0;
  }

  .project_row:nth-child(1) .newpoint2u,
  .project_row:nth-child(1) .must_fintech,
  .project_row:nth-child(1) .business_hub {
    width: 100%;
  }

  .project_row:nth-child(2),
  .project_row:nth-child(3) {
    height: fit-content;
  }

  .line_one {
    width: 215px;
  }

  .offshore p {
    font-size: var(--font-size-xl);
    line-height: normal;
  }

  .project_row:nth-child(5) {
    height: fit-content;
  }

  .ball_container {
    width: 700px;
    height: 700px;
  }

  .ball_container img {
    width: 100%;
    height: 100%;
  }

  #TEAM {
    height: fit-content;
    padding: 30px;
  }

  .member-table tbody {
    gap: 15px;
  }

  .member-table tr {
    flex-direction: column;
    justify-content: space-between;
    gap: 15px;
  }

  .member-detail {
    padding: 15px;
  }

  #TEAM .swiper-button-next,
  #WORK .swiper-button-next {
    margin-right: -40px;
  }

  #TEAM .swiper-button-prev,
  #WORK .swiper-button-prev {
    margin-left: -40px;
  }

  #VISION {
    padding: 30px;
  }

  .vision {
    width: 100%;
  }

  #NOTICE {
    padding: 30px;
  }

  .title_container p {
    font-size: var(--font-size-xxl);
    font-weight: 600;
  }

  .notice_text p {
    font-size: var(--font-size-m);
  }

  .title_container p {
    text-align: left;
  }

  footer .first {
    gap: 18px;
    width: 100%;
  }

  .footer_inner_container {
    padding: 30px;
  }

  .footer_inner_container {
    flex-direction: column;
    gap: 10px;
  }

  .content_post_text p {
    overflow-x: hidden;
  }

  .socials {
    justify-content: center;
  }
}

@media screen and (max-width: 600px) {
  .first-overlay {
    display: block;
    background-image: url(/wp-content/themes/globalmsq-v2/images/topoverlay.gif);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    inset: 0;
    height: 35%;
  }

  .second-overlay {
    height: 65%;
    top: 35%;
  }

  .inline_eng {
    width: 410px;
  }

  .inline_kor {
    width: 285px;
  }

  .inline_viet {
    width: 504px;
  }

  .first_sec {
    height: 519px;
    padding: 0 24px 447px;
    object-fit: contain;
  }

  .hero {
    gap: 24px;
  }

  .inline {
    height: 37px;
    font-size: 40px;

    text-align: center;
  }

  .heading_main,
  .heading_secnd {
    letter-spacing: -0.6px;
  }

  .para {
    height: fit-content;
    width: 90%;
    font-size: 25px;
    line-height: normal;
    display: block;
  }

  .second_sec {
    height: 425px;
    padding: 56px 24px;
  }

  .second_sec_text {
    height: fit-content;
    gap: 12px;
    margin: 0;
  }

  .second_sec_text h2 {
    font-size: 67px;
    line-height: 80px;
    letter-spacing: -2px;
    /* letter-spacing: normal; */
    align-self: stretch;
  }

  .six-box {
    width: 100%;
    height: 746px;
    padding: 40px 24px 70px;
  }

  .data-container {
    margin: 0;
    gap: 0px;
  }

  .data-box {
    height: 318px;
  }

  .line {
    display: none;
  }

  .six-box-first {
    width: 100%;
    height: 318px;
    flex-direction: column;
    justify-content: center;
    gap: 40px;
    align-self: stretch;
    padding: 24px 16px;
    border: solid 1px var(--border-color);
    border-bottom: none;
  }

  .six-box-second {
    border: solid 1px var(--border-color);
    border-top: none;
  }

  .single_box.first_box,
  .single_box.second_box,
  .single_box.last_box {
    width: 100%;
  }

  .text-b,
  .single_box .krw b {
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
  }

  .num-text {
    line-height: 30px;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.48px;
  }

  .lock_up {
    line-height: normal;
    font-size: 18px;
    letter-spacing: -0.28px;
  }

  #polygon .polygonscan {
    width: 100%;
    height: 502px;
    padding: 56px 24px;
  }

  .polygon_container {
    margin: 0;
    padding-top: 0;
  }
  #polygon .polygonscan .logo {
    gap: 13.1px;
    margin-top: 0;
  }

  #polygon .polygonscan-logo {
    vertical-align: top;
    width: 161px;
    height: 66px;
    margin-top: 0;
    object-fit: contain;
  }

  img.mssqure {
    width: 69.9px;
    margin-top: 46px;
  }

  .polygon-detail-container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-top: -50px;
  }

  .polygon-detail {
    padding: 40px 20px;
    width: 311px;
    height: 134px;
    align-items: center;
    gap: 20px;
    border-top: 1px solid;
    border-image-source: linear-gradient(
      253deg,
      #b53bff 54%,
      #3b3bff 25%,
      #913bff -7%
    );
    border-image-slice: 1;
  }

  .logo_polygon {
    flex-grow: 0;
    justify-self: flex-start;
  }

  .polygon-designation p {
    line-height: 20px;
    font-size: var(--font-size-m);
    letter-spacing: -0.32px;
    text-align: left;
    font-weight: 500;
  }

  .desktop_info_search {
    display: none;
  }

  .mobile_info_search {
    display: block;
  }

  .about {
    width: 100%;
    padding: 40px 24px 140px;
    object-fit: contain;
    background-color: rgba(45, 42, 49, 0.1);
  }

  .about-container {
    gap: 50px;
  }

  .msq_about_details,
  .vision_row {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px;
  }

  .msq-about {
    align-self: stretch;
    flex-grow: 0;
    gap: 24px;
    padding: 16px 16px 24px;
    height: fit-content;
  }

  .msq_about_image {
    height: 153px;
  }

  .msq_about_text h5 {
    font-size: 30px;
    line-height: normal;
    letter-spacing: -0.36px;
  }

  .msq_about_text p {
    font-size: 25px;
    line-height: normal;
    text-align: left;
    color: #7d8db4;
  }

  #WORK {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 55px 24px 55.7px;
  }

  .msqheading-container.work {
    gap: 33px;
  }

  .msqheading.work,
  .msqheading.team,
  .msqheading.vis {
    height: 33px;
  }

  .msqheading.work p,
  .msqheading.team p,
  .msqheading.vis p {
    line-height: normal;
    font-size: 20px;
  }

  .msqheading-container.work h4,
  .msqheading-container.team h4,
  .msqheading-container.vis h4 {
    font-size: 34px;
    letter-spacing: -0.3px;
    line-height: normal;
  }

  .msqheading-container.work h4,
  .msqheading-container.team h4 {
    font-size: 32px;
  }

  .projects_container {
    gap: 33px;
    z-index: 100;
  }

  .projects {
    margin-top: 0;
    /* gap: 40px; */
  }

  .msqheading-container.work {
    margin-left: 0;
  }

  .project_inner_box {
    padding: 24px;
  }

  .project_image_container {
    height: 48px;
  }

  .image_container {
    height: 100%;
    width: 80px;
  }

  .text-container h5 {
    font-size: 30px;
    line-height: normal;
  }

  .text-container p {
    font-size: 25px;
    line-height: normal;
  }

  .project_row {
    gap: 40px;
  }

  .project_row:nth-child(1) .newpoint2u .project_image_container,
  .project_image_container.dna,
  .project_row:nth-child(5) .project_image_container {
    height: 53.3px;
  }

  .project.kpal .project_inner_box,
  .must_fintech .project_inner_box,
  .project_row:nth-child(5) .project_inner_box {
    gap: 24px;
  }

  .project_row:nth-child(5) {
    flex-direction: column-reverse;
  }

  .offshore {
    height: 57px;
    gap: 12px;
    padding: 16px 0;
  }

  .offshore p {
    font-size: 24px;
    line-height: normal;
    letter-spacing: -0.4px;
  }

  .line_one {
    width: 114px;
  }

  #TEAM {
    padding: 54px 24px;
  }

  .member-table tbody,
  .member-table tr {
    gap: 16px;
  }

  .member-detail {
    height: fit-content;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 20px;
    border-top: solid 1px #3b3bff;
  }

  .team_inner_box {
    gap: 48px;
  }

  .member-name,
  .member-designation {
    width: 100%;
    font-size: 18px;
    letter-spacing: -0.28px;
    border: none;
    line-height: normal;
  }

  #TEAM .swiper-button-prev,
  #TEAM .swiper-button-next {
    width: 40px;
  }

  #TEAM .swiper-button-next {
    margin-right: -30px;
  }

  #TEAM .swiper-button-prev {
    margin-left: -30px;
  }

  #VISION {
    padding: 56px 24px;
  }

  .vision_inner_container {
    gap: 56px;
  }

  .vision_button {
    height: 44px;
    gap: 10px;
    padding: 12px 24px;
  }

  .vision_row {
    gap: 24px;
  }

  .vision_image_container {
    height: 244px;
  }

  .vision_image_container img {
    height: 100%;
    width: 100%;
  }

  .vision_text_container h4 {
    font-size: 29px;
    letter-spacing: -0.32px;
    line-height: normal;
  }

  .vision_text_container p {
    font-size: 25px;
    color: var(--textsub2);
    line-height: normal;
    margin: 0;
  }

  #NOTICE {
    padding: 40px 24px;
    min-height: 550px;
  }

  .title_container {
    height: 50px;
    align-items: center;
  }

  .title_container p {
    font-size: 24px;
    letter-spacing: 0.1px;
    line-height: 25px;
    flex-grow: 1;
  }

  .notice_innner_container {
    height: fit-content;
  }

  .notice_navigator_container {
    width: 56px;
    height: 24px;
    gap: 8px;
  }

  #NOTICE .swiper-button-next,
  #NOTICE .swiper-button-prev {
    width: 24px;
    height: 24px;
    margin-top: -11px;
  }

  #TEAM .swiper-button-prev,
  #TEAM .swiper-button-next {
    width: 30px;
    height: 30px;
  }

  #NOTICE .swiper-button-next {
    margin-right: -10px;
  }

  #NOTICE .swiper-button-prev {
    margin-left: -12px;
  }

  .notice_innner_container,
  #NOTICE ul {
    gap: 20px;
  }

  #NOTICE ul li {
    display: flex;
    gap: 16px;
    padding: 16px;
  }

  .notice_type_date_container .date {
    font-size: 18px;
    line-height: normal;
    display: block;
  }

  .notice_text p {
    line-height: normal;
    letter-spacing: -0.32px;
    font-size: var(--font-size-xl);
  }

  footer {
    width: 100%;
    height: 336px;
    background-image: url(/wp-content/themes/globalmsq-v2/images/footermobile-bg.png);
  }

  footer {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 0px;
  }

  .footer_inner_container {
    flex-direction: column;
    padding: 12px 20px;
    width: 100%;
  }

  .footer_info_container {
    justify-content: flex-start;
    margin-top: 0;
  }

  .footer_info_container div {
    font-size: 16px;
    line-height: 20px;
  }

  footer .title,
  footer h4 {
    letter-spacing: normal;
  }

  footer .first {
    width: 100%;
    flex-direction: column;
    gap: 24px;
    height: auto;
  }

  footer h4 {
    height: 17px;
    line-height: 17px;
    letter-spacing: -0.28px;
    font-size: 14px;
  }

  .title.last {
    line-height: 20px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.28px;
    color: #949393;
  }

  .last-text {
    font-weight: normal;
    letter-spacing: normal;
    color: var(--textsub2);
  }

  .last-text .margin-left {
    margin-left: 40px;
  }

  .socials {
    height: 36px;
    gap: 4px;
    justify-content: center;
  }

  .socials a {
    width: 36px;
    height: 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  #myBtn {
    padding: 13px;
    bottom: 60px;
  }

  .menu_active {
    display: block;
  }

  .notice_wrapper {
    padding: 0 24px;
    margin-top: 146px;
  }

  .notice_details_box {
    min-height: fit-content;
  }

  .button_title_container {
    min-height: fit-content;
    gap: 8px;
  }

  .button_title_container h2 {
    font-size: 24px;
    line-height: normal;
  }

  .content_wrapper p img:last-of-type {
    margin-bottom: 40px;
  }

  .notice_details_info {
    padding-top: 40px;
  }

  .notice_paragraphs span {
    font-size: 14px;
  }

  .current_post_image {
    margin-top: 40px;
    margin-bottom: 40.3px;
  }

  .notice_details_swiper_container {
    margin-top: 60px;
    margin-bottom: 24px;
  }

  .arrow_container {
    height: 30px;
    width: 30px;
  }
}

@media screen and (max-width: 500px) {
  .inline {
    height: 37px;
    font-size: 30px;

    text-align: center;
  }

  .inline_eng {
    width: 310px;
  }

  .inline_kor {
    width: 214px;
  }

  .inline_viet {
    width: 378px;
  }

  .para {
    font-size: var(--font-size-m);
  }

  .second_sec {
    height: 308px;
  }

  .second_sec_text {
    margin: auto;
  }

  .second_sec_text h6 {
    font-size: var(--font-size-m);
    letter-spacing: -0.35px;
    text-align: center;
  }

  .second_sec_text h2 {
    font-size: 40px;
    line-height: 48px;
  }

  .text-b,
  .single_box .krw b {
    font-size: 14px;
    line-height: 17px;
  }

  .lock_up {
    line-height: 17px;
    font-size: 14px;
  }

  .buttons_container {
    gap: 10px;
  }

  .about {
    height: 1493px;
  }

  .msqheading {
    height: 31px;
  }

  .msqheading-container p {
    font-size: 12px;
    line-height: 15px;
  }

  .msqheading-container h4 {
    font-size: var(--font-size-xl);
    letter-spacing: -0.1px;
    line-height: 25px;
  }

  .about_button {
    /* width: 117px; */
    height: 33px;
    padding: 12px 24px;
    font-size: 14px;
  }

  .linktree {
    height: 44px;
  }

  .msq_about_text h5 {
    font-size: var(--font-size-l);
    line-height: 22px;
  }

  .msq_about_text p {
    font-size: 14px;
    line-height: 17px;
  }

  .msqheading.work p,
  .msqheading.team p,
  .msqheading.vis p {
    line-height: 17px;
    font-size: 14px;
  }

  .msqheading-container.work h4,
  .msqheading-container.team h4,
  .msqheading-container.vis h4 {
    font-size: 24px;
    line-height: 30px;
  }

  .text-container h5 {
    font-size: var(--font-size-l);
    line-height: 22px;
  }

  .text-container p {
    font-size: 14px;
    line-height: 17px;
  }

  .offshore p {
    font-size: 20px;
  }

  .line_one {
    width: 39px;
  }

  .member-detail {
    height: 84px;
  }

  .member-name,
  .member-designation {
    font-size: 14px;
    line-height: 17px;
  }

  .vision_text_container h4 {
    font-size: var(--font-size-m);
    line-height: 20px;
  }

  .vision_text_container p {
    font-size: 14px;
    line-height: 17px;
  }

  .title_container p {
    font-size: var(--font-size-xl);
    line-height: 25px;
  }

  .notice_type_date_container .date {
    font-size: 14px;
    line-height: 17px;
  }

  .notice_text p {
    line-height: 24px;
  }

  .button_title_container h2 {
    font-size: 20px;
  }
}

@media screen and (max-width: 426px) {
  .para {
    font-size: 17px;
  }

  .second_sec_text h2 {
    font-size: 46px;
    line-height: 48px;
  }

  .text-container p {
    font-size: 17px;
    line-height: normal;
  }

  .vision_text_container h4 {
    font-size: 18px;
    line-height: 20px;
  }

  .vision_text_container p {
    font-size: 17px;
    line-height: normal;
  }

  .current_post_image {
    height: 217.67px;
  }

  .whit_text,
  .linktree {
    padding: 12px;
    width: fit-content;
  }
}

@media screen and (max-width: 376px) {
  .heading_secnd::after {
    border-right: 2px solid var(--primaryblue);
  }

  .inline_eng {
    width: 309px;
  }

  .inline_viet {
    width: 326px;
  }

  .heading_main_viet {
    height: fit-content;
    font-size: 26px;
    letter-spacing: -0.6px;
    text-align: center;
  }

  .para {
    font-size: var(--font-size-m);
  }

  .para p {
    letter-spacing: 0.05px;
  }

  .second_sec_text h2 {
    font-size: 40px;
  }

  .text-container p {
    font-size: 14px;
    line-height: 17px;
  }

  .vision_text_container h4 {
    font-size: var(--font-size-m);
    /* line-height: 20px; */
  }

  .vision_text_container p {
    font-size: 14px;
    line-height: 17px;
  }

  .content_post_text p {
    font-size: 14px;
    line-height: 17px;
  }
}

@media screen and (max-width: 366px) {
  .header_logo_container {
    width: 120px;
  }

  .header_logo_container img {
    width: 100%;
  }

  .whit_text {
    width: fit-content;
  }

  .button_title_container h2 {
    font-size: 16px;
  }

  .notice_details_box .date {
    font-size: 14px;
    height: 17px;
  }

  .offshore p {
    font-size: 18px;
  }

  .socials a {
    width: 25px;
    height: 25px;
  }
}

@media screen and (max-width: 321px) {
  .header,
  .mobile-nav nav {
    padding: 16px;
  }

  .inline {
    font-size: 26px;
  }

  .inline_eng {
    width: 265px;
  }

  .inline_kor {
    width: 186px;
  }

  .inline_viet {
    width: 272px;
  }

  .heading_main_viet {
    font-size: 22px;
  }

  .second_sec_text h2 {
    font-size: 33px;
    line-height: normal;
  }

  .second_sec_text h6 {
    font-size: 14px;
  }

  .num-text {
    font-size: 20px;
  }

  img.mssqure {
    width: 57.9px;
    /* margin-top: 46px; */
  }

  .polygon-detail {
    padding: 20px;
    width: 100%;
  }

  .logo_polygon_two,
  .logo_polygon {
    margin-top: 0;
  }

  .msqheading-container h4 {
    font-size: 18px;
    line-height: normal;
  }

  .msq_about_text h5 {
    font-size: 16px;
    line-height: normal;
  }

  .msq_about_text p {
    font-size: 11px;
    line-height: normal;
  }

  .msqheading-container.work h4,
  .msqheading-container.team h4,
  .msqheading-container.vis h4 {
    font-size: 18px;
    line-height: normal;
  }

  .text-container h5 {
    font-size: 14px;
    line-height: normal;
  }

  .text-container p {
    font-size: 11px;
    line-height: normal;
  }

  .offshore p {
    font-size: 15px;
  }

  .vision_image_container {
    height: 175px;
  }

  .vision_text_container h4 {
    font-size: 13px;
    line-height: normal;
  }

  .vision_text_container p {
    font-size: 12px;
    line-height: normal;
  }

  .title_container p {
    font-size: 16px;
    line-height: normal;
  }

  .notice_text p {
    line-height: normal;
    letter-spacing: -0.32px;
    font-size: 16px;
  }

  .button_title_container h2 {
    font-size: 15px;
  }
}

@media screen and (min-width: 1650px) {
  .first_sec {
    height: 1300px;
  }

  .first_sec .hero {
    margin-top: 320px;
  }

  .header {
    width: 100%;
    max-width: 76.11%;
  }

  .darkHeader {
    position: fixed;
    width: 100%;
    max-width: 100%;
    border-radius: 0px;
    top: 0;
    left: 0;
    right: 0;
    animation: smoothScroll 1s forwards;
  }
}