@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-Light.ttf") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
}

@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-ExtraBold.ttf") format("truetype");
  font-weight: 800;
}
@font-face {
  font-family: 'NanumGothic';
  src: url("../fonts/NanumGothic-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: 'NanumGothic';
  src: url("../fonts/NanumGothic-Bold.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: 'NanumGothic';
  src: url("../fonts/NanumGothic-ExtraBold.ttf") format("truetype");
  font-weight: 800;
}
:root {
  --blue: #395A7F;
  --gray: #676767;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
}

html[lang="en-GB"] body{
  font-family: 'Montserrat';
}
html[lang="vi"] body{
  font-family: 'Montserrat';
}
html[lang="ko-KR"] body{
  font-family: 'NanumGothic';
}
html {
  scroll-behavior: smooth;
}
.h-section1 {
  position: relative;
}
.menu-active{
  border-bottom: 2px solid currentColor;
}
.menu-container {
  display: flex;
  justify-content: center;
}

.menu-container .menu {
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  z-index: 101;
  right: 15%;
  padding-top: 12px;
}

.menu-container .menu-bar {
  background: #47627e;
  width: 100%;
  height: 50px;
  z-index: 101;
}

.menu-container .menu .menu-icons {
  padding-left: 40px;
  scale: 0.9;
}

.menu-container .menu .menu-btn {
  background-color: transparent;
  color: white;
  font-size: 95%;
  border: none;
  cursor: pointer;
  margin-left: 10px;
  outline: none;
  font-weight:400;
}

.menu-container .menu .dropdown {
  position: relative;
  display: inline-block;
  margin-left: inherit;
}

.menu-container .language-dropdown {
  background: transparent;
  border: none;
  color: #fff;
  outline: none;
}

.menu-container .language-dropdown option {
  color: var(--gray);
  font-family: inherit;
}

.menu-container .menu .menu-bar-vl {
  border-left: 2px solid #fff;
  margin-left: 10px;
}

.right-side-floor {
  top: 20%;
  position: absolute;
  z-index: 1;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  padding: 10px;
  transition: 0.2s;
  opacity: 0;
}

.right-side-floor #floor-1-container {
  display: inherit;
  position: inherit;
  width: 20%;
  margin-left: 78.5%;
}

.right-side-floor svg {
  background-color: transparent;
  display: block;
  position: absolute;
  margin-bottom: 30px;
  width: 100%;
}

.right-side-floor .line {
  fill: none;
  stroke: white;
  stroke-width: 0.5px;
}

.right-side-floor #floor-text {
  font-weight:400;
  font-weight: 500;
  font-size: 2vw;
  position: inherit;
  background-color: transparent;
  right: 9.5%;
  transform: translateY(-80%);
}

.right-side-floor #floor-description {
  font-weight:400;
  font-weight: 300;
  font-size: 1.1rem;
  font-style: italic;
  position: inherit;
  right: 8%;
  padding-top: 10px;
  width: 13%;
}

.right-side-floor #floorCount {
  font-weight:400;
  font-weight: 600;
  font-size: 3vw;
  position: inherit;
  right: 11%;
  transform: translateY(-80%);
}

.left-side-floor {
  top: 20%;
  position: absolute;
  z-index: 1;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  padding: 10px;
  opacity: 0;
}

.left-side-floor #floor-2-container {
  display: inherit;
  position: inherit;
  width: 22%;
  margin-left: 10%;
}

.left-side-floor svg {
  background-color: transparent;
  display: block;
  position: absolute;
  z-index: 1;
  margin-bottom: 30px;
  width: 100%;
}

.left-side-floor .line {
  fill: none;
  stroke: white;
  stroke-width: 0.5px;
}

.left-side-floor #floor-text-apartment {
  font-weight:400;
  font-weight: 300;
  font-size: 2vw;
  position: inherit;
  transition: 0.2s;
  background-color: transparent;
  left: 15%;
  transform: translateY(-80%);
}

.left-side-floor #floor-description-apartment {
  font-weight:400;
  font-weight: 300;
  font-size: 1.1rem;
  font-style: italic;
  position: inherit;
  transition: 0.2s;
  left: 11%;
  padding-top: 10px;
}

.left-side-floor #floorCount-apartment {
  font-weight:400;
  font-weight: 600;
  font-size: 3vw;
  position: inherit;
  transition: 0.2s;
  left: 11%;
  transform: translateY(-80%);
}

.h-section1 .header-bg {
  justify-content: center;
  display: flex;
}

.h-section1 .img-bg {
  vertical-align: middle;
  border-style: none;
  width: 100%;
  aspect-ratio: 1 / 1.423;
}

.header-nav-menu {
  width: 100%;
  position: fixed;
  z-index: 100;
  top: 50px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  justify-content: center;
  background: #fff;
  color: #395A7F;
  padding-left: 12%;
  padding-right: 12%;
}

.header-nav-menu .menu-list-container {
  padding-top: 20px;
}

.header-nav-menu .logo-img {
  width: 440px;
  height: 76px;
  position: relative;
  margin: auto;
  transition: transform 0.4s;
  display: block;
  transform: scale(0.5);
  opacity: 1;
  margin-bottom: 20px;
}

.header-nav-menu ul {
  list-style-type: none;
  padding: 0;
  display: inline-flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 0px;
}

.header-nav-menu ul li {
  text-align: center;
  position: relative;
}

.header-nav-menu li {
  display: inline-block;
  font-size: x-large;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
}

.header-nav-menu li a {
  color: inherit;
  font-weight:600;
  font-size: 1.2rem;
  text-decoration: none;
}

.header-nav-menu ul li .has_underline:hover {
  border-bottom: 2px solid currentColor;
}

.activeMenu {
  animation: activeMenu 0.3s ease-in-out forwards;
}

@keyframes activeMenu {
  0% {
    height: 172px;
  }

  100% {
    height: 250px;
    background: rgba(0, 0, 0, 0.7);
  }
}

.DeActiveMenu {
  animation: DeActiveMenu 0.3s ease-in-out;
}

@keyframes DeActiveMenu {
  0% {
    height: 250px;
    background: rgba(0, 0, 0, 0.7);
  }

  100% {
    height: 172px;
  }
}

/**/
.activeMenu2 {
  animation: activeMenu2 0.3s ease-in-out forwards;
}

@keyframes activeMenu2 {
  0% {
    height: 172px;
  }

  100% {
    height: 250px;
    background: #fff;
  }
}

.DeActiveMenu2 {
  animation: DeActiveMenu2 0.3s ease-in-out;
}

@keyframes DeActiveMenu2 {
  0% {
    height: 250px;
    background: #fff;
  }

  100% {
    height: 172px;
  }
}

.header-nav-menu ul li:hover .submenu {
  z-index: 99;
  opacity: 1;
  margin-top: 0;
  visibility: visible;
}

.header-nav-menu ul .submenu {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  transition: all ease 0.5s;
  display: block;
  transform: translateX(-50%);
  left: 50%;
  width: max-content;
}

.header-nav-menu ul .submenu li {
  display: flex;
  justify-content: center;
  width: max-content;
  padding-top: 10px;
  font-size: 1rem;
}
.header-nav-menu ul .submenu li a{
  text-decoration: none;
  font-size: inherit;
}
.header-nav-menu ul .submenu li a:hover{
  text-decoration: none;
  border-bottom: 0px solid white;
}
.header-nav-menu ul .submenu li:hover {
  border-bottom: 0px solid #fff;
  color: #6e9fc1;
  font-weight:700;
  transform: scale(1.1);
  transition: all 0.5s ease;
  text-decoration: none;
}

.right-icon-bar {
  position: fixed;
  z-index: 10;
  top: 50%;
  display: flex;
  flex-direction: column;
  right: -100px;
  transition: all 0.3s ease-in-out;
}

.right-icon-bar button {
  height: 40px;
  width: 40px;
  background-color: #395a7f;
  color: #fff;
  border-radius: 50%;
  margin-bottom: 7px;
  border: none;
  outline: none;
}

.h-section2 {
  margin-top: 50px;
  position: relative;
}

.h-section2 h1 {
  color: #395A7F;
  font-size: 2.5rem;
  text-align: center;
  font-weight:700;
  text-transform: uppercase;
}
html[lang="ko-KR"] body.h-section2 h1 {
  font-weight: 800;
}
.h-section2 .horizon-line {
  border-top: 3px solid #395A7F;
  margin-top: 20px;
  margin-bottom: 30px;
  width: 35%;
  margin-left: auto;
  margin-right: auto;
}

.h-section2 p {
  font-weight:400;
  padding-left: 7%;
  padding-right: 7%;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: var(--gray);
  text-align: center;
}
html[lang="ko-KR"] .h-section2 p{
  font-size: 1.4rem;
  line-height: 2.5rem;
}
.h-section3 {
  margin-top: 30px;
  position: relative;
  padding-left: 5%;
  padding-right: 5%;
}

.h-section3 .grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 235px);
  grid-gap: 15px;
  overflow: hidden;
  overflow: clip;
}

.h-section3 a {
  text-decoration: none;
}

.h-section3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(70%) blur(0.5px);
  border-radius: 10px;
  transform: scale(1);
  transition: all 0.3s linear;
}

.h-section3 img:hover {
  transform: scale(1.1);
 
}

.h-section3 .grid .img-slide {
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}

.h-section3 .grid .item-1 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
}

.h-section3 .grid .item-2 {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 2;
}

.h-section3 .grid .item-3 {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 3;
}

.h-section3 .grid .item-4 {
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 2;
  grid-row-end: 3;
}

.h-section3 .grid .img-title {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 20px;
  font-weight:700;
  font-size: 1.3rem;
  line-height: 24px;
  color: #ffffff;
  text-decoration: none;
  pointer-events: none;
}
html[lang="ko-KR"] body .h-section3 .grid .img-title {
  font-size: 1.4rem;
  padding-bottom: 25px;
}
.h-section3 .grid .button-left{
  display: none;
}
.h-section3 .grid .button-right{
  display: none;
}
.h-section4 {
  position: relative;
  margin-top: 50px;
}

.h-section4>img {
  width: 100%;
}

.h-section4 .form {
  width: 100%;
  display: grid;
}

.h-section4 .form .content-form {
  padding: 44px 5% 35px;
  margin: 50px 0;
  width: 68%;
  justify-self: center;
  background: #000000c4;
  border-radius: 20px;
}

.h-section4 .form .sub-title-def {
  margin-bottom: 80px;
  color: #ffffff;
  text-align: center;
  font-weight:400;
  font-size: 20px;
}

.h-section4 .form .title-form {
  font-size: 2rem;
  color: #ffffff;
  font-weight:600;
  text-align: center;
  margin-bottom: 5px;
}

@media (max-width: 480px) {
  .h-section4 .form .title-form {
    font-size: 25px;
    line-height: 40px;
  }
}

.h-section4 .form form {
  width: 100%;
}

.h-section4 .form form .form-field-all {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.h-section4 .form form .form-field-all ._form_group {
  width: 100%;
  position: relative;
  border-bottom: #d7d7d7 solid 1px;
  margin-bottom: 80px;
  position: relative;
}

.h-section4 .form form .form-field-all ._form_group:nth-child(4) {
  margin-bottom: 30px;
}

.h-section4 .form form .form-field-all ._form_group ._error_msg {
  position: absolute;
  top: 100%;
  right: 0;
  font-size: 13px;
  font-style: italic;
  color: #ffffff;
}

.h-section4 .form form .form-field-all ._form_group:nth-child(1),
.h-section4 .form form .form-field-all ._form_group:nth-child(2) {
  width: calc((100% - 58px) / 2);
}

@media (max-width: 480px) {

  .h-section4 .form form .form-field-all ._form_group:nth-child(1),
  .h-section4 .form form .form-field-all ._form_group:nth-child(2) {
    width: calc((100% - 25px) / 2);
  }
}
.h-section4 .form form .form-field-all ._form_group:nth-child(3){
  margin-bottom: 60px;
}
.h-section4 .form form .form-field-all ._form_group:nth-child(4) label {
  margin-bottom: 100px;
  display: block;
}

.h-section4 .form form .form-field-all ._form_group input,
.h-section4 .form form .form-field-all ._form_group select {
  width: 100%;
  outline: none;
  border: 0;
  background: transparent;
  font-size: 20px;
  line-height: 30px;
  /* or 160% */
  color: #ffffff;
  font-weight:400;
  box-sizing: border-box;
}
.h-section4 .form form .form-field-all ._form_group textarea{
  width: 100%;
    border: none;
    outline: none;
    font-size: 20px;
    background: transparent;
    color: white;
}
.h-section4 .form form .form-field-all ._form_group:nth-child(4) input {
  line-height: 80px;
}

.h-section4 .form form .form-field-all ._form_group input:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
}

.h-section4 .form form .form-field-all ._form_group input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
}

.h-section4 .form form .form-field-all ._form_group input::-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
}

.h-section4 .form form .form-field-all ._form_group input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff;
}

.h-section4 .form form .form-field-all ._form_group label {
  position: absolute;
  left: 0;
  bottom: 2px;
  font-size: 20px;
  line-height: 40px;
  margin-bottom: 50px;
  font-weight:400;
  color: #ffffff;
}
html[lang="ko-KR"] body .h-section4 .form form .form-field-all ._form_group label {
  font-weight:700;
}
.h-section4 .form form .form-check {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
}

.h-section4 .form form .form-checkbox {
  margin-right: 20px;
  transform: translateY(-4px);
}

.h-section4 .form form .check_agreement_text {
  line-height: 24px;
  font-weight:700;
  color: #ffffff;
}
.h-section4 .form form .check_agreement_text a{
  color: #fff;
}
.h-section4 .form form .frm_msg {
  line-height: 24px;
  font-weight:600;
  color: #ffffff;
  padding-top: 20px;
  justify-content: center;
  display: flex;
}

.h-section4 .form form .button-def {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 30px;
  display: block;
  outline: none;
  background: #395A7F;
  color: #fff;
  border: 0;
  border-radius: 8px;
}

.h-section4 .form form .button-def::before {
  box-shadow: 0px 0px 20px 20px #17dd2173;
}

.leasing-form .form {
  width: 100%;
  display: grid;
}

.h-section5 {
  position: relative;
  resize: none;
  font-size: 20px;
  font-weight:400;
  background-color: #E9ECED;
}

.h-section5 h1 {
  padding-top: 50px;
  color: #395A7F;
  font-size: 2.5rem;
  text-align: center;
  font-weight:700;
  text-transform: uppercase;
}
html[lang="ko-KR"] body .h-section5 h1{
  font-weight: 800;
}
.h-section5 .title-mobile{
  display: none;
}
.h-section5 .horizon-line {
  border-top: 3px solid #395A7F;
  margin-top: 20px;
  margin-bottom: 50px;
  width: 15%;
  margin-left: auto;
  margin-right: auto;
}
html[lang="ko-KR"] body .h-section5 .horizon-line{
  width: 8%;
}
.h-section5 .grid {
  margin-top: 40px;
  display: grid;
  grid-template-columns:  55% repeat(2, 1fr);
  grid-gap: 20px;
  overflow: hidden;
  overflow: clip;
  padding-left: 5%;
  padding-right: 5%;
  color: #676767;
  padding-bottom: 60px;
}

.h-section5 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.h-section5 .grid .map {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 5;
}

.h-section5 .grid .description {
  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
  display: grid;
  font-weight:500;
  text-align: justify;
}
.h-section5 .grid .location-display{
  display: contents;
}
.h-section5 .grid .location-display .location1{
  font-family: 'Montserrat';
}
.h-section5 .grid button {
  width: 100%;
  height: 100%;
  border: 0;
  background-color: #fff;
  font-weight:500;
  font-style: italic;
  color: #676767;
  border-radius: 4px;
  padding: 10px;
  transition: 0.2s ease-in-out;
  outline: none;
  font-size: 1rem;
}
html[lang="ko-KR"] body .h-section5 .grid button{
  font-style: normal;
}
.h-section5 .grid button:hover {
  background-color: var(--blue);
  color: white;
}

.h-section6 {
  position: relative;
  resize: none;
  font-weight:700;
  background-color: #395A7F;
}

.h-section6 .grid {
  padding-top: 40px;
  display: flex;
  margin-left: 16%;
  margin-right: 16%;
  color: #676767;
}

.h-section6 .logo-img {
  position: relative;
  width: 200px;
}

.h-section6 .grid .footer-1 {
  color: #fff;
  font-weight: 400;
  width: 25%;
}

.h-section6 .grid .footer-1 .contact-info {
  padding-top: 15px;
  font-size: 0.9rem;
}

.h-section6 .grid .footer-1 .contact-info p {
  display: inline;
  line-height: 2rem;
}

.h-section6 .grid .footer-1 .contact-info i {
  padding-bottom: 10px;
  display: inline-block;
  min-width: 16px;
}

.h-section6 .grid .footer-1 .contact-info i:first-child {
  padding-bottom: 15px;
}

.h-section6 .grid .footer-2 {
  margin-left: 10%;
  width: 20%;
}

.h-section6 .grid .footer-2 a {
  color: #fff;
  display: block;
  font-size: 100%;
  font-family: 'Montserrat';
}

.h-section6 .grid .footer-3 {
  color: #fff;
  width: 20%;
  margin-left: 10%;
}

.h-section6 .grid .footer-3 p {
  font-weight:500;
  font-size: 0.9rem;
}
html[lang="ko-KR"] body .h-section6 .grid .footer-3 p{
  font-weight:700;
}
.h-section6 .grid .footer-4 {
  width: 15%;
  margin-left: 10%;
}
.h-section6 .grid .footer-4 h1{
  font-family: 'Montserrat';
}
.h-section6 .grid .footer-4 a {
  color: #fff;
  font-size: 20px;
  padding-right: 20px;
}

.h-section6 .footer-5 .footer-text {
  display: flex;
  margin-left: 16%;
  margin-right: 16%;
  font-weight:400;
  font-size: 0.9rem;
}

.h-section6 .footer-5 .footer-text>* {
  flex: 1;
}

.h-section6 .footer-5 a {
  color: #fff;
  padding-right: 15px;
  padding-left: 15px;
}

.h-section6 .footer-5 .footer-vl {
  color: #fff;
  border-left: 3px solid #fff;
  display: inline;
}

.h-section6 .footer-5 .copyright {
  color: #fff;
  text-align: end;
  font-weight: 500;
  font-family: 'Montserrat';
}

.h-section6 h1 {
  color: #fff;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 600;
}

.h-section6 .horizon-line-1 {
  border-top: 2px solid #fff;
  margin-top: 10px;
  margin-bottom: 15px;
  width: 33%;
}

.h-section6 .horizon-line-2 {
  border-top: 2px solid #fff;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 100%;
}
.h-section6 .horizon-line-3 {
  border-top: 1px solid #fff;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 100%;
  display: none;
}
.h-section6 .grid .contact-button {
  height: 20%;
  border: 0;
  background-color: #fff;
  font-weight:600;
  color: #395A7F;
  border-radius: 3px;
  font-size: 0.95rem;
  padding: 5px 10px;
}
html[lang="ko-KR"] body .h-section6 .grid .contact-button{
  padding: 5px 20px;
  font-weight:900;
}
.breadcrumb {
  color: #676867;
  font-weight:600;
  display: inline-block;
  background: transparent;
  padding: 0;
  text-transform: initial;
}

.breadcrumb a {
  color: #676867;
  font-weight:600;
}
.breadcrumb .breadcrumb_last{
  text-decoration: underline;
  text-underline-offset: 2px;
}
#page-breadcrumb>span>* {
  padding-left: 5px;
  padding-right: 5px;
}

.about-us-page {
  position: relative;
  margin-top: 180px;
  margin-left: 16%;
  margin-right: 16%;
  margin-bottom: 50px;
}

.about-us-page .grid-1 {
  display: grid;
  grid-template-columns: 45% repeat(1, 1fr);
  grid-template-rows: repeat(4, 40px);
  grid-gap: 8vw;
  overflow: hidden;
  overflow: clip;
}

.about-us-page .grid-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.about-us-page .grid-1 .item-1 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 5;
}

.about-us-page .grid-1 .item-2 {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 5;
}

.about-us-page h1 {
  font-weight:700;
  font-size: 2vw;
  color: #395A7F;
}

.about-us-page .horizon-line {
  border-top: 3px solid #395A7F;
  margin-top: 2vh;
  margin-bottom: 4vh;
  width: 30%;
}

.about-us-page h2 {
  font-weight:500;
  font-size: 1.2rem;
  color: #676767;
  text-align:justify;
}

.about-us-page .grid-2 {
  display: grid;
  grid-template-columns: 48% repeat(1, 1fr);
  grid-template-rows: repeat(4, 40px);
  grid-gap: 8vw;
  overflow: hidden;
  overflow: clip;
  margin-top: 8vh;
}

.about-us-page .grid-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.about-us-page .grid-2 .item-1 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 5;
}

.about-us-page .grid-2 .item-2 {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 5;
}

.about-us-page .grid-3 {
  margin-top: 4vh;

}

.about-us-page .grid-3 img {
  width: 100%;
}
/*vision page*/
.vision-page {
  position: relative;
  margin-top: 180px;
  margin-left: 16%;
  margin-right: 16%;
  margin-bottom: 50px;
}

.vision-page .section-1 {
  display: flex;
  flex-direction: column-reverse;
}

.vision-page img {
  vertical-align: middle;
  width: 100%;
}

.vision-page .section-1 .description {
  position: absolute;
  margin: 0 0 5% 10%;
}

.vision-page .section-1 .horizon-line {
  border-top: 3px solid #ffffff;
  width: 40%;
  margin-bottom: 20px;
}

.vision-page h1 {
  font-weight:600;
  font-size: 4rem;
  color: #ffffff;
}

.vision-page h2 {
  font-weight:500;
  font-size: 1.2rem;
  color: #ffffff;
  width: 40%;
  text-align: justify;
}

.vision-page .section-2 {
  margin-top: 50px;
  padding: 0;
  display: flex;
}
.vision-page .section-2 .item-1{
  width: 66.67%;
}
.vision-page .section-2 .item-1 img {
 border-radius: 5px; 
}

.vision-page .section-2 .item-2 {
 width: 33.33%;
 padding-left: 20px;
}

.vision-page .section-2 .horizon-line {
  border-top: 3px solid #395A7F;
  width: 70%;
  margin: 20px 0;
}

.vision-page .section-2 h1 {
  color: #395A7F;
  font-size: 2.5vw;
}

.vision-page .section-2 h2 {
  color: #676767;
  font-size: 1.2rem;
  width: 100%;
  text-align: justify;
}

/*location page*/
.location-page {
  position: relative;
  margin-top: 180px;
  margin-left: 16%;
  margin-right: 16%;
  margin-bottom: 50px;
}

.location-page h1 {
  color: #395A7F;
  padding-bottom: 20px;
  font-size: 2vw;
  font-weight:700;
  text-transform: uppercase;
}

.location-page .information {
  display: inline-flex;
  width: 100%;
  border-bottom: 2px solid var(--gray);
  font-weight:500;
}

.location-page .information .address {
  color: var(--gray);
  font-size: 1rem;
  padding: 10px 10% 30px 0px;
  flex: 1;
}

.location-page .information .tel {
  color: var(--gray);
  font-size: 1rem;
  padding: 10px 40px 30px 10%;
  flex: 1;
}

.location-page .information h2 {
  color: #395A7F;
  padding-bottom: 10px;
  font-size: 1.5rem;
  font-weight:500;
}

.location-page .information i {
  padding-right: 20px;
}

.location-page .information .vertical-line {
  border-left: 3px solid;

  margin-bottom: 3%;
  color: #395A7F;
}

.location-page .map {
  margin-top: 40px;
  justify-content: center;
  display: flex;
}

.location-page .map img {
  border: 3px solid var(--blue);
  width: 100%;
  border-radius: 5px;
}
.location-page .map a{
  width: 100%;
}
/*facilities page*/
.facilities-page {
  position: relative;
  margin-top: 180px;
  margin-left: 16%;
  margin-right: 16%;
}

.facilities-page .section-1 {
  display: flex;
}

.facilities-page .section-1 .item-1 {
  flex: 1;
}

.facilities-page .section-1 .item-1 img {
  width: 100%;
}

.facilities-page .section-1 .item-2 {
  flex: 1;
  padding-left: 5%;
  color: var(--gray);
  font-weight:500;
  line-height: 150%;
  display: grid;
  align-content: center;
  text-align: justify;
  font-size: 1.2rem;
}

.facilities-page .section-2 {
  margin-top: 35px;
  height: 70vh;
}

.facilities-page .section-2 .text-swiper {
  width: 84%;
  height: 50px;
  margin-left: 8%;
  margin-right: 8%;
  margin-bottom: 30px;
  overflow: hidden;
  display: inline-flex;
}

.facilities-page .section-2 .text-swiper .swiper-slide {
  display: flex;
  justify-content: center;
}

.facilities-page .section-2 .text-swiper .swiper-button-prev {
  margin-top: 0;
  top: inherit;
  left: 3%;
  color: #395A7F;
}

.facilities-page .section-2 .text-swiper .swiper-button-next {
  margin-top: 0;
  top: inherit;
  right: 3%;
  color: #395A7F;
}

.facilities-page .section-2 .text-swiper .swiper-slide::after{
  content: '';
  border-left: 2px solid;
  position: absolute;
  color: #395A7F;
  height: calc(var(--swiper-navigation-size));
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  right: -5px;

}

.facilities-page .section-2 .text-swiper .swiper-wrapper a {
  color: var(--blue);
  font-weight:600;
  font-size: 1rem;
  text-align: center;
  align-self: center;
}

.facilities-page .section-2 .img-swiper {
  width: 100%;
  height: 70%;
  overflow: hidden
}
.facilities-page .section-2 .img-swiper .swiper-wrapper{
  height: 90%;
}
.facilities-page .section-2 .img-swiper .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}

.facilities-page .section-2 .img-swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  filter: brightness(70%);
}

.facilities-page .section-2 .img-swiper .swiper-slide .img-text {
  font-weight:700;
  position: absolute;
  width: 100%;
  height: 30px;
  bottom: 25px;
  letter-spacing: 0.04em;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  padding-left: 15px;
}

/*office page*/
.office-page {
  position: relative;
  margin-top: 180px;
  margin-left: 16%;
  margin-right: 16%;
  margin-bottom: 70px;
  z-index: 1;
}

.office-page .grid-1 {
  display: flex;
}

.office-page .grid-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.office-page .grid-1 .item-1 {
  flex: 1;
}

.office-page .grid-1 .item-2 {
  flex: 1;
  padding-left: 18%;
}

.office-page h1 {
  font-weight:700;
  font-size: 2vw;
  color: #395A7F;
}

.office-page .horizon-line {
  border-top: 3px solid #395A7F;
  margin-top: 10px;
  margin-bottom: 20px;
  width: 55%;
}

.office-page h2 {
  font-weight:500;
  font-size: 1.2rem;
  color: #676767;
  text-align: justify;
  line-height: 1.5rem;
}

.office-page .grid-2 {
  display: flex;
  padding-top: 5vw;
  height: 80vh;
  justify-content: center;
}

.office-page .grid-2 a {
  text-decoration: none;
  overflow: hidden;
}

.office-page .grid-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}

.office-page .grid-2 img:hover {
  transform: scale(1.1);
}

.office-page .grid-2 .item-1 {
  flex: 1;

}

.office-page .grid-2 .img-container {
  height: 90%;
  overflow: hidden;
  position: relative;
}
.office-page .grid-2 .item-2 {
  flex: 1;
  padding-left: 18%;
}

.office-page .grid-2 .img-title {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 20px;
  line-height: normal;
  font-weight:700;
  font-size: 2.5rem;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;

}

.office-page .grid-2 .viewMore {
  display: flex;
  justify-content: center;
  position: relative;
}

.office-page .grid-2 .viewMore .vm-button {
  background-color: var(--blue);
  color: #fff;
  border-radius: 5px;
  border: none;
  outline: none;
  padding: 5px 30px 5px 30px;
  font-weight:600;
  box-shadow: none;
  margin-top: 10px;
}

.office-page .grid-2 .viewMore .vm-button a {
  color: inherit;
  font: inherit;
}

.office-page-background {
  width: 100%;
  height: 40vh;
  background: #E9ECED;
  position: absolute;
  transform: translateY(-45vh);
}

/*office page*/
.office-leasing-page {
  position: relative;
  margin-top: 180px;
  z-index: 1;
  margin-bottom: 50px;
}

.office-leasing-page .section-1 {
  margin-left: 16%;
  margin-right: 16%;
}

.office-leasing-page .grid {
  display: flex;
  height: 40vh;
}
.office-leasing-page .second-grid{
  margin-top:2.75rem;
}
.office-leasing-page .grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.office-leasing-page .grid .item-1 {
  flex: 1;
  padding-right: 2vw;
  display: flex;
}

.office-leasing-page .grid .item-2 {
  flex: 1;
  display: flex;
}

.office-leasing-page .section-1 h1 {
  font-weight:700;
  font-size: 2.5rem;
  color: #395A7F;
  text-align: center;
  margin-bottom: 2.75rem;
}

.office-leasing-page .section-1 .des {
  font-weight:500;
  font-size: 1.2rem;
  color: #676767;
  text-align: justify;
}

.office-leasing-page .section-1 .des {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.office-leasing-page .section-2 {
  padding-top: 30px;
  margin-left: 16%;
  margin-right: 16%;

  h1 {
    font-weight:700;
    font-size: 2rem;
    color: #395A7F;
    text-transform: uppercase;
  }

  h2 {
    font-weight:600;
    color: #fff;
    font-size: 1.5rem;
    border-radius: 5px;
    background-color: var(--blue);
    padding: 5px 40px;
    text-transform: uppercase;
  }

  h3 {
    font-weight:500;
    font-size: 1.5rem;
    color: #000000;
  }

  h4 {
    font-weight:500;
    font-size: 1.2rem;
    color: var(--blue);
    margin-bottom: 15px;
  }

  h5 {
    font-weight:400;
    font-size: 1.2rem;
    color: var(--gray);
  }

  .horizon-line {
    border-top: 3px solid #395A7F;
    margin-top: 10px;
    margin-bottom: 15px;
    width: 35%;
  }

  .horizon-line-2 {
    border-top: 1px solid var(--gray);
    width: 65%;
    margin-top: 11px;
  }
}

.office-leasing-page .section-2 .title>* {
  padding-top: 20px;
  display: flex;
  justify-content: center;
}

.office-leasing-page .section-2 .infor {
  display: flex;
  justify-content: center;
  padding-top: 30px;
}

.office-leasing-page .section-2 .infor .item {
  flex: 1;
  margin-left: 70px;
  margin-right: 60px;
  padding: 20px;
  border-radius: 10px;
  border: 2px solid var(--gray);
}

.office-leasing-page .section-2 .infor .item hr {
  border-color: var(--gray);
}

/*office tenant page*/
.office-tenant-page {
  position: relative;
  margin-top: 180px;
  margin-left: 16%;
  margin-right: 16%;
  z-index: 1;
  margin-bottom: 30px;
}

.office-tenant-page h1 {
  font-weight:700;
  font-size: 2vw;
  color: var(--blue);
  padding-bottom: 50px;
}

.office-tenant-page .grid {
  display: grid;
  grid-template-columns: 40% repeat(1, 1fr);
  height: 800px;
  grid-gap: 15px;
  overflow: hidden;
  overflow: clip;
}
.office-tenant-page .grid .building-mobile{
  display: none;
}
.office-tenant-page .grid .building {
  display: flex;
}

.office-tenant-page .grid .building>* {
  flex: 1;
}
.office-tenant-page .grid .building .building-img img{
  width: 100%;
  height: 100%;
}
.office-tenant-page .grid .building .floor-display .des {
  display: flex;
  justify-content: end;
}

.office-tenant-page .grid .building .floor-display .floor-btn {
  border-radius: 30px;
  border: 1px solid var(--blue);
  padding: 5px 20px 5px 20px;
  justify-content: center;
  color: var(--blue);
  font-weight:500;
  background: transparent;
  font-size: 1.2vw;
  display: flex;
  z-index: 2;
}

.office-tenant-page .grid .building .dotted-line {
  fill: none;
  stroke: var(--blue);
  stroke-width: 0.5;
}

.office-tenant-page .grid .building .floor-display .floor-1 {
  width: 100%;
  display: block;
  margin-top: 110px;
}
.office-tenant-page .grid .building .floor-display .floor-1 .des{
  transform: translateY(25px);
}
.office-tenant-page .grid .building .floor-display svg {
  background-color: transparent;
  display: block;
  position: absolute;
  z-index: 0;
  width: 20%;
  pointer-events: none;
}

.office-tenant-page .grid .building .floor-display .floor-1 .curly-bracket {
  transform: translate(-20px, 140px);
  scale: 1;
}

.office-tenant-page .grid .building .floor-display .floor-2 {
  width: 100%;
  display: block;
  margin-top: 50px;
}

.office-tenant-page .grid .building .floor-display .floor-2 svg,
.office-tenant-page .grid .building .floor-display .floor-3 svg {
  transform: translateY(-25px);
}

.office-tenant-page .grid .building .floor-display .floor-2 .curly-bracket {
  transform: translate(-20px, 20px);
  scale: 1;
}

.office-tenant-page .grid .building .floor-display .floor-3 {
  width: 100%;
  display: block;
  margin-top: 60px;
}

.office-tenant-page .grid .building .floor-display .floor-3 .curly-bracket {
  transform: translate(-20px, -110px);
  scale: 1;
}

.office-tenant-page .grid .floor-tenant {
  max-height: 100%;
  overflow-y: auto;
  display: none;
}
.office-tenant-page .grid .floor-tenant .blank{
  height: 200px;
  display: block;
  background: transparent;
}
.office-tenant-page .grid .floor-tenant .title {
  font-weight: 800;
  font-size: 2vw;
  color: var(--blue);
  position: sticky;
  top: 0;
  background: white;
}

.office-tenant-page .grid .floor-tenant .logo-display {
  padding-top: 10px;
  height: 100%;
}

.office-tenant-page .grid .floor-tenant .logo-display .horizon-line {
  border-top: 1px solid #395A7F;
  margin-bottom: 10px;
  width: 100%;
}

.office-tenant-page .grid .floor-tenant .logo-display .floor {
  font-weight:600;
  font-size: 1.5vw;
  color: var(--blue);
}

.office-tenant-page .grid .floor-tenant .logo-display .logo-container {
  display: flex;
  flex-wrap: wrap;
}

.office-tenant-page .grid .floor-tenant .logo-display .logo-container img {
  width: 28%;
  margin: 20px 2%;
  max-height: 100px;
  object-fit: scale-down;
}

/*contact page*/
.contact-page {
  position: relative;
  margin-top: 180px;
  z-index: 1;
  margin-bottom: 50px;
}
.contact-page .contact-page-breadcrumb{
  margin-left: 16%;
  margin-right: 16%;
}
.contact-page .grid {
  display: flex;
  height: 750px;
}

.contact-page .grid .item-1 {
  flex: 1
}

.contact-page .grid .item-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contact-page .grid .item-2 {
  flex: 1
}

.contact-page .grid .item-2 .form {
  width: 80%;
  left: 10%;
  top: 10%;
  overflow: hidden;
  position: relative;
}

.contact-page .form .content-form {
  background: transparent;
  border-radius: 20px;
}

.contact-page .form .title-form {
  font-size: 1.5vw;
  color: var(--blue);
  font-weight:600;
  text-align: center;
  text-decoration: underline;
  text-transform: uppercase;
  text-underline-offset: 8px;
}

.contact-page .form form {
  width: 100%;
  padding-top: 70px;
}

.contact-page .form form .form-field-all {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.contact-page .form form .form-field-all ._form_group {
  width: 100%;
  position: relative;
  border-bottom: var(--gray) solid 1px;
  margin-bottom: 40px;
  position: relative;
}

.contact-page .form form .form-field-all ._form_group:nth-child(3) {
  margin-bottom: 35px;
}
.contact-page .form form .form-field-all ._form_group:nth-child(4) {
  margin-bottom: 30px;
}

.contact-page .form form .form-field-all ._form_group ._error_msg {
  padding-left: 20px;
  font-size: 13px;
  font-style: italic;
  color: red;

}
.contact-page .form form .form-field-all ._form_group label {
  position: absolute;
  left: 0;
  bottom: 25px;
  font-size: 20px;
  font-weight:400;
  color: var(--gray);
  display: flex;
}
.contact-page .form form .form-field-all ._form_group:nth-child(4) label {
  position: relative;
  /* margin-bottom: 65px; */
  margin-bottom: 0;
  display: block;
}

.contact-page .form form .form-field-all ._form_group input,
.contact-page .form form .form-field-all ._form_group select {
  width: 100%;
  outline: none;
  border: 0;
  background: transparent;
  font-size: 20px;
  /* or 160% */
  color: var(--gray);
  font-weight:400;
  box-sizing: border-box;
}
.contact-page  .form form .form-field-all ._form_group textarea{
  width: 100%;
    border: none;
    outline: none;
    font-size: 1rem;
    background: transparent;
}
.contact-page .form form .form-field-all ._form_group:nth-child(4) input {
  line-height: 80px;
}

.contact-page .form form .form-field-all ._form_group input:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--gray);
}

.contact-page .form form .form-field-all ._form_group input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--gray);
}

.contact-page .form form .form-field-all ._form_group input::-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--gray);
}

.contact-page .form form .form-field-all ._form_group input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--gray);
}



.contact-page .form form .form-check {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
}

.contact-page .form form .form-checkbox {
  margin-right: 20px;
  transform: translateY(-4px);
}

.contact-page .form form .check_agreement_text {
  line-height: 24px;
  font-weight:600;
  color: var(--gray);
}

.contact-page .form form .button-def {
  position: relative;
  width: 100%;
  padding: 10px 40%;
  display: block;
  outline: none;
  background: #395A7F;
  color: #fff;
  border: 0;
  border-radius: 5px;
}
.contact-page .form form .frm_msg{
  color: green;
}
.contact-page .form form .button-def::before {
  box-shadow: 0px 0px 20px 20px #17dd2173;
}

/*new&event page*/
.page-new {
  position: relative;
  margin-top: 180px;
  z-index: 1;
}
.page-new .title-head{
  margin: 0 16% 30px 16%;
  color: var(--blue);
  font-weight: 700;
  font-size: 2.5rem;
  text-align: center;
  text-transform: uppercase;
}
.page-new .first-post {
  display: flex;
  height: 400px;
  margin-left: 16%;
  margin-right: 16%;
  margin-bottom: 30px;
}

.page-new .first-post>* {
  flex: 1
}

.page-new .first-post .thumb {
  padding-right: 40px;
}

.page-new .first-post .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-new .first-post .description {
  align-self: center;
}
.page-new .first-post .description .title a {
  color: var(--blue);
  font-weight:600;
  font-size: 2vw;
  text-transform: uppercase;
}

.page-new .first-post .description .content {
  color: var(--gray);
  font-weight:400;
  font-size: 1.2rem;
  margin-bottom: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-align: justify;
}

.page-new .first-post button {
  background-color: var(--blue);
  color: #fff;
  font-weight:600;
  padding: 8px 20px;
  border-radius: 10px;
  border: none;
  outline: none;
  text-transform: uppercase;
}
.page-new .first-post button:hover i { 
  transform: translateX(7px);
  transition: all 0.4s ease;
}
.page-new .other-post {
  background-color: #E9ECED;
}

.page-new .other-post .other-post-article {
  margin-left: 16%;
  margin-right: 16%;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0 30px 0;
}

.page-new .other-post .other-post-article>* {
  width: 32%;
  margin: 20px 0px;
  background-color: #fff;
  border-radius: 5px;
}

.page-new .other-post .other-post-article .thumb {
  margin-bottom: 10px;
}

.page-new .other-post .other-post-article .thumb img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 5px;
}

.page-new .other-post .other-post-article .description {
  padding: 0px 20px;
  overflow: hidden;
  margin-bottom: 10px;
}
.page-new .other-post .other-post-article .description .title {
  height: 40px;
  line-height: 15px;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.page-new .other-post .other-post-article .description .title a {
  color: var(--blue);
  font-weight:600;
  font-size: 1rem;
  margin-bottom: 0;
  text-transform: uppercase;
}

.page-new .other-post .other-post-article .description .content {
  color: var(--gray);
  font-weight:400;
  font-size: 0.8rem;
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.page-new .other-post .other-post-article button {
  background-color: var(--blue);
  color: #fff;
  font-weight:600;
  padding: 5px 20px;
  border-radius: 15px;
  font-size: 0.8rem;
  margin-left: 20px;
  text-transform: uppercase;
  border: none;
  outline: none;
  margin-bottom: 20px;
}
.page-new .other-post .other-post-article button:hover i { 
  transform: translateX(7px);
  transition: all 0.4s ease;
}
.page-new .other-post .page-new-paginate {
  display: flex;
  justify-content: center;
  color: #676767;
  font-weight:700;
  padding-bottom: 20px;
  font-size: 20px;
}

.page-new .other-post .page-new-paginate .vertical-line {
  border-left: 2px solid;
  color: var(--gray);
  height: 30px;
  display: inline-flex;
  transform: translateY(5px);
}

.page-new .other-post .page-new-paginate .pagination .nav-links .page-numbers:first-child {
  padding: 0 20px 0 20px;
  border-left: 0px;
}

.page-new .other-post .page-new-paginate .page-numbers {
  padding: 0 20px 0 20px;
  border-left: 2px solid var(--gray);
  color: var(--gray);
}
.page-new .other-post .page-new-paginate .page-numbers:first-child{
  border-left: 0px;
}
.page-new .other-post .page-new-paginate .current {
  color: var(--blue);
}

.page-new .other-post .page-new-paginate .dots {
  padding: 0 20px 0 20px;
  border-left: 2px solid var(--gray);
}

/*post content page*/
.post-content {
  position: relative;
  margin-top: 180px;
  z-index: 1;
  margin-left: 16%;
  margin-right: 16%;
  margin-bottom: 20px;
}

.post-content .main-post .custom-navigation {
  display: flex;
  margin-top: 2.75rem;
}

.post-content .main-post .custom-navigation a {
  color: #395A7F;
  font-weight:700;
}

.post-content .main-post .next-btn {
  right: 0;
  position: absolute;
}
.post-next-btn{
  content: 'next';
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none!important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.post-content .main-post .title {
  text-transform: uppercase;
  color: var(--blue);
  font-size: 2vw;
  font-weight:700;
  width: 60%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.post-content h1 {
  font-weight:500;
  color: var(--blue);
  font-size: 2vw;
  margin: 2.75rem 0 0.75rem 0;
}
.post-content .main-post .title-img-container img{
  width: 100%;
  margin-top: 2.75rem;
  box-shadow: 0px 0px 11px 2px #00000057, 1px 4px 3px 1px #000000a3;;
}
.post-content .main-post .content-container{
  margin-top: 2.75rem;
  text-align: justify;
}
.post-content .other-post {}

.post-content .other-post .other-post-article {
  display: flex;
  flex-wrap: wrap;
}

.post-content .other-post .other-post-article>* {
  width: 32%;
  margin: 20px 0px;
  background-color: #fff;
  border-radius: 5px;
}

.post-content .other-post .other-post-article .thumb {
  margin-bottom: 10px;
}

.post-content .other-post .other-post-article .thumb img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 5px;
}

.post-content .other-post .other-post-article .description {
  overflow: hidden;
  margin-bottom: 10px;
}
.post-content .other-post .other-post-article .description .title{
  height: 40px;
  line-height: 15px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.post-content .other-post .other-post-article .description .title a {
  color: var(--blue);
  font-weight:600;
  font-size: 1rem;
  line-height: 1rem;
  text-transform: uppercase;
}

.post-content .other-post .other-post-article .description .content {
  color: var(--gray);
  font-weight: 400;
  font-size: 0.8rem;
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.post-content .other-post .other-post-article button {
  background-color: var(--blue);
  color: #fff;
  font-weight:600;
  padding: 5px 20px;
  border-radius: 15px;
  font-size: 0.8rem;
  border: none;
  outline: none;
  text-transform: uppercase;
}
.post-content .other-post .other-post-article button:hover i{
  transform: translateX(7px);
  transition: all 0.4s ease;
}
/*retail tenant page*/
.retail-tenant-page {
  position: relative;
  margin-top: 50px;
  z-index: 1;
  margin-left: 16%;
  margin-right: 16%;
  margin-bottom: 50px;
}
.retail-tenant-page h1 {
  font-weight:700;
  font-size: 2vw;
  color: var(--blue);
  padding-bottom: 50px;
  text-transform: uppercase;
}

.retail-tenant-page .filter-container {
  
}
.retail-tenant-page .filter-container select{
  border: 1px solid var(--gray);
  border-radius: 5px;
  font-size: 0.8rem;
  color: var(--gray);
  font-weight:600;
  width: 250px;
  padding: 8px;
  margin-right: 50px;
  margin-bottom: 50px;
}
.retail-tenant-page .category-container .count{
  font-size: 1.2rem;
  color: var(--gray);
}
.retail-tenant-page .category-container span{
  font-size: 1.5rem;
  color: #C5161C;
}
.retail-tenant-page  .floor-tenant {
  max-height: 100%;
  display: block;
  margin-top: 2.75rem;
}

.retail-tenant-page  .floor-tenant .title {
  font-weight:600;
  font-size: 2vw;
  color: var(--blue);
  text-transform: uppercase;
}

.retail-tenant-page  .floor-tenant .logo-display {
  padding-top: 10px;
  height: 100%;
}

.retail-tenant-page .horizon-line {
  border-top: 1px solid #395A7F;
  margin: 10px 0 50px 0;
  width: 100%;
}
.retail-tenant-page  .floor-tenant .logo-display .all-logo-container{
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}


.retail-tenant-page  .floor-tenant .logo-display .logo-container {
  width: 30%;
  margin: 40px 0px;

}
.retail-tenant-page  .floor-tenant .logo-display .mid-all{
  margin: 40px 5%;
}

.retail-tenant-page  .floor-tenant .logo-display .mid-mob{
  margin: 40px 0;
}
.retail-tenant-page  .floor-tenant .logo-display .mid-desk{
  margin: 40px 5%;
}
.retail-tenant-page  .floor-tenant .logo-display .logo-container  img {
  width: 100%;
  object-fit: contain;
  border: 1px solid var(--gray);
  border-radius: 5px;
  aspect-ratio: 16 / 9;
  padding: 10px;
}
.retail-tenant-page  .floor-tenant .logo-display .logo-container .tenant-name{
  font-weight:500;
  margin: 10px 0;
  font-size: 1.5rem;
}
.retail-tenant-page  .floor-tenant .logo-display .logo-container .tenant-info{
  display: flex;
}
.retail-tenant-page  .floor-tenant .logo-display .logo-container .tenant-info span{
  font-weight:500;
  font-size: 1rem;
  color: var(--gray);
  padding-right: 10px;
}

.retail-tenant-page  .floor-tenant .logo-display .logo-container .tenant-info .floor {
  font-weight:600;
  font-size: 15px;
  color: black;
  padding-right: 10px;
}
.retail-tenant-page  .floor-tenant .logo-display .logo-container .tenant-info .contact{
  font-weight:600;
  font-size: 15px;
  color: black;
}
/*retail facilities page*/
.retail-facilities-page {
  position: relative;
  margin-top: 180px;
  margin-left: 16%;
  margin-right: 16%;
  z-index: 1;
}

.retail-facilities-page h1{
  margin-top: 2.75rem;
  font-weight:600;
  color: var(--blue);
  font-size: 2rem;
}
.retail-facilities-page .page-title{
  margin-top: 0px;
  text-align: center;
  font-weight: 700;
    font-size: 2.5rem;
    color: #395A7F;
    text-align: center;
}
.retail-facilities-page .section-1{
  display: flex;
  margin-top: 2.75rem;
}
.retail-facilities-page .section-1 >*{
  width: 48%;
  text-align: justify;
  color: var(--gray);
  font-weight:500;
  font-size: 1.2rem;
  align-content: center;
  display: grid;
}
.retail-facilities-page .section-1 .item-1{
  margin-right: 4%;
}
.retail-facilities-page .section-1 img{
  width: 100%;
  object-fit: cover;
}
.retail-facilities-page .section-2{
  margin-top: 2.75rem;
  display: flex;
}
.retail-facilities-page .section-2 .item-1{
  width: 35%;
  margin-right: 5%;
  display: flex;
  flex-direction: column;
}
.retail-facilities-page .section-2 .item-1>*{
  background-color: #A3C9E8;
  color: #fff;
  text-align: justify;
  font-weight:500;
  font-size: 1.1rem;
  padding: 0 10%;
  height: 45%;
  align-content: center;
  display: grid;
}
.retail-facilities-page .section-2 .item-1 .des-1{
  margin-bottom: 10%;
}
.retail-facilities-page .section-2 .item-2{
  width: 60%;
}
.retail-facilities-page .section-2 .item-2 img{
  width: 100%;
  object-fit: cover;
  border: 2px solid var(--blue);
}
.retail-facilities-page .location-img{
  display: flex;
  justify-content: center;
  margin: 2.75rem 0;
}
.retail-facilities-page .location-img img{
  width: 90%;
}
.retail-facilities-page .section-3{
  font-weight:500;
  color: #fff;
  font-size: 1;
  margin-bottom: 70px;
}
.retail-facilities-page .section-3 .chart-container{
  margin-top: 100px;
  display: flex;
  justify-content: center;
}
.retail-facilities-page .section-3 .chart-container .chart{
  height: 582px;
}
.retail-facilities-page .section-3 .chart-container .des-center{
  position: absolute;
    transform: translate(0px, 230px);
    width: 200px;
    overflow: hidden;
}
.retail-facilities-page .section-3 .chart-container .des-center .title {
  display: flex;
  justify-content: center;
}
.retail-facilities-page .section-3 .chart-container .des-center .title img{
  width: 100%;
}
.retail-facilities-page .section-3 .chart-container .des-center .description{
  display: flex;
  justify-content: center;
  padding-top: 10px;
  text-align: center;
  color: var(--gray);
  font-size: 0.9rem;
}
.retail-facilities-page .section-3 .chart-container .des-1{
  position: absolute;
 
  width: 200px;
  transform: translate(-30px, 45px);
}
.retail-facilities-page .section-3 .chart-container .des-2{
 
  position: absolute;
  transform: translate(180px, 390px);
  width: 150px;
  text-align: center;
}
.retail-facilities-page .section-3 .chart-container .des-3{
  position: absolute;

  transform: translate(-180px, 390px);
  width: 140px;
  text-align: center;
}
.retail-facilities-page .section-3 .chart-container .des-1-hover-show{
background-color: #55C3BA;

position: absolute;
transform: translate(400px, -50px);
width: 450px;
border-radius: 15px 15px 15px 0px;
padding: 15px 30px 15px 15px;
opacity: 0;
transition: all 0.3s ease;
}
.retail-facilities-page .section-3 .chart-container .des-2-hover-show{
background-color: #6E9FC1;

position: absolute;
transform: translate(330px, 580px);
width: 450px;
border-radius: 0px 15px 15px 15px;
padding: 15px 30px 15px 15px;
opacity: 0;
transition: all 0.3s ease;
}
.retail-facilities-page .section-3 .chart-container .des-3-hover-show{
background-color: #F8985B;

position: absolute;
transform: translate(-330px, 580px);
width: 450px;
border-radius: 15px 0px 15px 15px;
padding: 15px 30px 15px 15px;
opacity: 0;
transition: all 0.3s ease;
}
.retail-facilities-page .section-4 .chart-container{
 padding-top: 30px;
}
.retail-facilities-page .section-4 .chart-container .chart{
  width: 100%;
}
.retail-facilities-page .section-4 .des{
  font-weight:500;
  color: var(--gray);
  font-size: 1.3rem;
  padding-top: 40px;
  text-align: justify;
}
.retail-facilities-page .section-5 {
  padding-top: 30px;
  margin-bottom: 50px;
  h1 {
    font-weight:700;
    font-size: 2rem;
    color: #395A7F;
    text-transform: uppercase;
  }

  h2 {
    font-weight:600;
    color: #fff;
    font-size: 1.5rem;
    border-radius: 5px;
    background-color: var(--blue);
    padding: 5px 40px;
    text-transform: uppercase;
  }

  h3 {
    font-weight:500;
    font-size: 1.5rem;
    color: #000000;
  }

  h4 {
    font-weight:500;
    font-size: 1.2rem;
    color: var(--blue);
    margin-bottom: 15px;
  }

  h5 {
    font-weight:400;
    font-size: 1.2rem;
    color: var(--gray);
  }

  .horizon-line {
    border-top: 3px solid #395A7F;
    margin-top: 10px;
    margin-bottom: 15px;
    width: 35%;
  }

  .horizon-line-2 {
    border-top: 1px solid var(--gray);
    width: 65%;
    margin-top: 11px;
  }
}

.retail-facilities-page .section-5 .title>* {
  padding-top: 20px;
  display: flex;
  justify-content: center;
}

.retail-facilities-page .section-5 .infor {
  display: flex;
  justify-content: center;
  padding-top: 30px;
}

.retail-facilities-page .section-5 .infor .item {
  flex: 1;
  margin-left: 70px;
  margin-right: 60px;
  padding: 20px;
  border-radius: 10px;
  border: 2px solid var(--gray);
}
.retail-facilities-page .section-5 .infor .item hr {
  border-color: var(--gray);
}

/*facilities-subpage page*/
.facilities-subpage-page {
  position: relative;
  margin-top: 180px;
  margin-left: 16%;
  margin-right: 16%;
  z-index: 1;
  margin-bottom: 50px;
}
.facilities-subpage-page h1{
  color: var(--blue);
  font-weight:700;
  font-size: 2vw;
}
.facilities-subpage-page .facilities-container{
  margin-top: 80px;
}
.facilities-subpage-page .facilities-container .section-1{
  display: flex;
}
.facilities-subpage-page .facilities-container .section-1 .title-mobile{
  display: none;
}
.facilities-subpage-page .facilities-container .section-1 .img{
  margin-right: 10%;
  width: 40%;
}
.facilities-subpage-page .facilities-container .section-1 .img img{
  width: 100%;
}
.facilities-subpage-page .facilities-container .section-1 .title{
  display: grid;
  align-content: center;
  color: black;
  font-weight:700;
  font-size: 1.5rem;
  text-transform: uppercase;
}
.facilities-subpage-page .facilities-container .section-1 .title .name{
  font-size: 1.7rem;
}
.facilities-subpage-page .facilities-container .section-2{
  display: flex;
  border: 1px solid var(--gray);
  margin-top: 40px;
}
.facilities-subpage-page .facilities-container .section-2 .information{
  width: 33%;
  padding: 20px 0px 10px 2%;
}
.facilities-subpage-page .facilities-container .section-2 .information .infor-title{
  font-weight:400;
  font-size: 1rem;
}
.facilities-subpage-page .facilities-container .section-2 .information .infor-des{
  font-weight:600;
  font-size: 1.2rem;
}
.facilities-subpage-page .facilities-container .section-2 .vertical-line {
  border-left: 1px solid var(--gray);
  color: var(--gray);
  height: auto;
  margin: 8px 0px;
}
.facilities-subpage-page .facilities-container .description{
  margin-top: 40px;
/*  font-weight:500;*/
  font-size: 1.2rem;
  color: var(--gray);
  line-height: 1.8rem;
  text-align: justify;
}
.facilities-subpage-page .facilities-container b,
.facilities-subpage-page .facilities-container strong{
  font-weight:600;
  color: black;
}
.facilities-subpage-page .facilities-container .description{
  color:black;
}

/* tenant corner */
.tenant-corner{
  position: relative;
  margin-top: 180px;
}
.tenant-corner .form-container{
  position: relative;
  overflow: hidden;
}

.tenant-corner .form-container>img {
  width: 100%;
}

.tenant-corner .form-container .form {
  width: 25%;
  left: 20%;
  padding:80px 0;
  overflow: hidden;
  position: relative;
}

.tenant-corner .form-container .form .content-form {
  padding: 50px 40px;
  background: #fff;
  border-radius: 20px;
}

.tenant-corner .form-container .form .title-form {
  font-size: 2rem;
  margin-bottom: 40px;
  color: var(--blue);
  font-weight:600;
}

@media (max-width: 480px) {
  .tenant-corner .form-container .form .title-form {
    font-size: 25px;
    line-height: 40px;
  }
}
.tenant-corner .form-container .form .description{
  font-size: 0.8rem;
  margin-bottom: 20px;
}
.tenant-corner .form-container .form form {
  width: 100%;
}

.tenant-corner .form-container .form form .form-field-all {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.tenant-corner .form-container .form form .form-field-all ._form_group {
  width: 100%;
  position: relative;
  border-bottom: var(--gray) solid 1px;
  margin-bottom: 20px;
  display: flex;
}
.tenant-corner .form-container .form form .form-field-all .has-error {
  border-bottom: red solid 1px;
  margin-bottom: 5px;
}
.tenant-corner .form-container .form form .form-field-all .error{
  color: red;

}
.tenant-corner .form-container .form form .form-field-all ._form_group .warning-sign{
  color: red;
  display: none;
  padding-left: 5px;
}
.tenant-corner .form-container .form form .form-field-all .has-error .warning-sign{
  display: block
}
.tenant-corner .form-container .form form .form-field-all ._form_group ._error_msg {
  position: absolute;
  top: 100%;
  right: 0;
  font-size: 13px;
  font-style: italic;
  color: red;
}


.tenant-corner .form-container .form form .form-field-all ._form_group input,
.tenant-corner .form-container .form form .form-field-all ._form_group select {
  width: 100%;
  outline: none;
  border: 0;
  background: transparent;
  font-size: 1rem;
  color: #000000;
  font-weight:400;
  box-sizing: border-box;
}


.tenant-corner .form-container .form form .form-field-all ._form_group input:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000;
}

.tenant-corner .form-container .form form .form-field-all ._form_group input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
}

.tenant-corner .form-container .form form .form-field-all ._form_group input::-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000;
}

.tenant-corner .form-container .form form .form-field-all ._form_group input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #000000;
}
.tenant-corner .form-container .form form .form_check_container{

}
.tenant-corner .form-container .form form .form-check {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
}

.tenant-corner .form-container .form form .form-checkbox {
  margin-right: 20px;
  transform: translateY(-4px);
}

.tenant-corner .form-container .form form .check_agreement_text {
  line-height: 24px;
  font-weight:400;
  color: #000000;
}

.tenant-corner .form-container .form form .frm_msg {
  line-height: 24px;
  font-weight:600;
  color: #000;
  margin: 10px 0;
  justify-content: center;
  display: flex;
}
.tenant-corner .form-container .form form .form_last_row{
  display: flex;

}
.tenant-corner .form-container .form form .form_last_row a{
  font-size: 1rem;
  color: var(--gray);
}
.tenant-corner .form-container .form form .button-def {
  position: relative;
  margin-left: auto;
  padding: 5px 25px;
  display: block;
  outline: none;
  background: #395A7F;
  color: #fff;
  border: 0;
  border-radius: 15px;
  font-weight:600;
}
/* user */

.menu-user-container {
  display: flex;
  justify-content: center;
}

.menu-user-container .menu {
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  z-index: 101;
  right: 15%;
  padding-top: 12px;
}

.menu-user-container .menu-bar {
  background: #C8C7C6;
  width: 100%;
  height: 50px;
  z-index: 101;
}

.menu-user-container .menu .menu-icons {
  padding-left: 40px;
  scale: 0.9;
}

.menu-user-container .menu .menu-btn {
  background-color: transparent;
  color: white;
  font-size: 95%;
  border: none;
  cursor: pointer;
  margin-left: 10px;
  outline: none;
  font-weight:600;
}

.menu-user-container .menu .dropdown {
  position: relative;
  display: inline-block;
  margin-left: inherit;
  font-weight:600;
}

.menu-user-container .language-dropdown {
  background: transparent;
  border: none;
  color: #fff;
  outline: none;
}

.menu-user-container .language-dropdown option {
  color: var(--gray);
  font-family: inherit;
}

.menu-user-container .menu .menu-bar-vl {
  border-left: 2px solid #fff;
  margin-left: 10px;
}
.header-user-container .menu .account-menu{
  margin-left: 20px;
}
.header-user-container .menu .account-menu .user-name{
  color: white;
  font-weight: 500;
}
.header-user-container .menu .account-menu .user-dropdown{
  position: absolute;
  transition: all ease 0.5s;
  border-radius: 5px;
  transform: translate(-50%,17px);
  width: max-content;
  box-shadow: 0px 0px 6px 0px #00000073;
  font-weight: 500;
}
.header-user-container .menu .account-menu  .horizon-line {
  border-top: 2px solid var(--gray);
  width: 100%;
}
.header-user-container .menu .account-menu .user-dropdown .link-container{
  padding: 10px 20px 0 20px;
}
.header-user-container .menu .account-menu .user-dropdown a{
  color: var(--gray);
  display: block;
  padding: 5px 0;
}
.header-user-container .menu .account-menu .user-dropdown a i{
  padding-right: 5px;
}
.header-user-container .logo-user-img{
  margin-left: 12%;
  margin-top: 20px;
  width: 250px;
}
/* notice board */
.notice-board{
  margin-top: 50px;
  margin-left: 12%;
  margin-right: 12%;
}
.notice-board .title{
  display: block;
  margin-bottom: 24px;
  font-weight:600;
  text-transform: uppercase;
  text-align: center;
  color: var(--blue);
  font-size: 2rem;
}
.notice-board .change_page{
  display: flex;
}
.notice-board .change_page .change_page_item{
  flex:1;
  color: black;
  background-color: #F5F6F6;
  text-align: center;
  padding: 20px 0;
  margin-bottom: 30px;
}
.notice-board .change_page .active{
  background-color: #A3C9E8;
  color: white;
}

.notice-board .listFile_first{
  padding: 15px 0;
  padding-bottom: 22px;
  overflow: hidden;
  display: flex;
}
.notice-board .listFile_first .listFile_total{
  font-size: 1rem;
  color: #000;
  font-weight:400;
}
.notice-board .listFile_first .listFile_total .count{
  color: #ED1C24;
}
.notice-board .listFile_first .listFile_select{
  font-size: 1rem;
  color: #000;
  text-align: right;
  margin-left: auto;
}
.notice-board .listFile_first .listFile_select select{
  font-weight:400;
}
.notice-board .wrap_document_item{

}
.notice-board .wrap_document_item .item_column_title{
  display: flex;
  border-top: solid 1px black;
  padding: 20px 0;
}
.notice-board .wrap_document_item .item_column_title .column{
  text-align: center;
  color: black;
  font-weight:500;
  font-size: 1rem;
}
.notice-board .wrap_document_item .item_column_title .column:nth-child(1){
  width: 5%;
}
.notice-board .wrap_document_item .item_column_title .column:nth-child(2){
  width: 15%;
}
.notice-board .wrap_document_item .item_column_title .column:nth-child(3){
  width: 60%;
}
.notice-board .wrap_document_item .item_column_title .column:nth-child(4){
  width: 20%;
}
.notice-board .wrap_document_item .listFile_item{
  position: relative;
  display: flex;
  padding: 15px 0;
  border-top: 1px solid #252525;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.notice-board .wrap_document_item .listFile_item .column{
  text-align: center;
  color: black;
  font-weight:400;
  font-size: 1rem;
}
.notice-board .wrap_document_item .listFile_item .column:nth-child(1){
  width: 5%;
}
.notice-board .wrap_document_item .listFile_item .column:nth-child(2){
  font-weight:500;
  width: 15%;
}
.notice-board .wrap_document_item .listFile_item .column:nth-child(3){
  width: 60%;
}
.notice-board .wrap_document_item .listFile_item .column:nth-child(4){
  width: 20%;
}
.notice-board .wrap-paginate{
  display: flex;
  text-align: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight:500;
  margin-top: 20px;
}
.notice-board .wrap-paginate ul{
  color: var(--blue);
  padding: 0px 20px;
}
.notice-board .wrap-paginate .first-page{
  color: var(--gray); 
}
.notice-board .wrap-paginate .last-page{
  color: var(--gray); 
}
.notice-board .wrap-paginate .direction{
  color: var(--gray);
  padding: 0 20px;
}
.notice-board .wrap-paginate .page-numbers{
  color: var(--gray);
  padding: 0 10px;
}
.notice-board .wrap-paginate .current{
  text-decoration: underline;
  color: var(--blue);
  text-underline-offset: 2px;
}
.notice-board .wrap-paginate .page-numbers li{
  display: inline-block;
  list-style: none;
}

/*single-notice page*/
.section-notice {
  position: relative;
  margin-top: 50px;
  margin-left: 12%;
  margin-right: 12%;
  margin-bottom: 30px;
}
.section-notice .title-row{
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  display: flex;
  font-weight:500;
  padding: 20px 10px;
  font-size: 1.1rem;
  margin-bottom: 30px;
}
.section-notice .title-row .notice-category{
  width: 10%;
  text-align: center;
  color: var(--blue);
}
.section-notice .title-row .notice-title{
  width: 80%;
  text-align: center;
}
.section-notice .title-row .notice-date{
  width: 10%;
  text-align: center;
}
.section-notice .notice-content{
  margin-left: 6%;
  margin-right: 6%;
}
.section-notice .notice-attachment{
  margin-left: 6%;
  margin-right: 6%;
}
.section-notice .notice-attachment .file_column_title{
  display: flex;
}
.section-notice .notice-attachment .file_column_title .column{
  text-align: center;
  color: black;
  font-weight:500;
  font-size: 1rem;
  border: 1px solid black;
  padding: 10px 0;
}
.section-notice .notice-attachment .file_column_title .column:nth-child(1){
  width: 5%;
}
.section-notice .notice-attachment .file_column_title .column:nth-child(2){
  width: 95%;
}
.section-notice .notice-attachment .file_column_wrap{
  text-align: center;
  color: black;
  font-weight:500;
  font-size: 1rem;
}
.section-notice .notice-attachment .file_column_wrap .item-wrap{
  display: flex;
}
.section-notice .notice-attachment .file_column_wrap .file-num{
  width: 5%;
  border: 1px solid black;
  padding: 10px 0;
}
.section-notice .notice-attachment .file_column_wrap .file-title{
  width: 95%;
  display: flex;
  border: 1px solid black;
  padding: 10px 0;
}
.section-notice .notice-attachment .file_column_wrap .file-title .title{
  width: 90%;
}
.section-notice .notice-attachment .file_column_wrap .file-title .download{
  width: 10%;
}
.section-notice .notice-attachment .file_column_wrap .file-title .download .download-btn{
  width: 1.5rem;
}
.section-notice .notice-nav{
  margin-top: 50px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding:20px 0;
 
}
.section-notice .notice-nav .nav-wrap{
  margin-left: 6%;
  margin-right: 6%;
  display: flex;
}
.section-notice .notice-nav a{
  color: #395A7F;
  font-weight:500;
}
.section-notice .notice-nav .nav-previous i{
  padding-right: 10px;
}
.section-notice .notice-nav .nav-next i{
  padding-left: 10px;
}
.section-notice .notice-nav .nav-next{
  margin-left: auto;
}
/* faq-page */
.faq-page{
  margin-top: 50px;
  margin-left: 12%;
  margin-right: 12%;
}
.faq-page .title{
  display: block;
  margin-bottom: 24px;
  font-weight:600;
  text-transform: uppercase;
  text-align: center;
  color: var(--blue);
  font-size: 2rem;
}
.faq-page .change_page{
  display: flex;
}
.faq-page .change_page .change_page_item{
  flex:1;
  color: black;
  background-color: #F5F6F6;
  text-align: center;
  padding: 20px 0;
  margin-bottom: 30px;
}
.faq-page .change_page .active{
  background-color: #A3C9E8;
  color: white;
}

.faq-page .list-faq-category{
  display: flex;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 30px;
}
.faq-page .list-faq-category .column{
  flex: 1;
  color: var(--gray);
  text-align: center;
}
.faq-page .list-faq-category .column a{
  color: var(--gray);
}
.faq-page .list-faq-category .active a{
  color: var(--blue);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.faq-page .list-faq-category .vertical-line {
  border-left: 1px solid var(--gray);
  color: var(--gray);
  height: auto;
  margin: 8px 0px;
}
.faq-page .wrap_document_item .listFile_item{
  position: relative;
  display: flex;
  padding: 15px 0;
  border-top: 1px solid #252525;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.faq-page .wrap_document_item .listFile_item[data-toggle].collapsed:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f078";
  color: var(--blue);
  position: absolute;
  right: 10px;
}
.faq-page .wrap_document_item .listFile_item[data-toggle]:not(.collapsed):after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f077";
  color: var(--blue);
  position: absolute;
  right: 10px;
}
.faq-page .wrap_document_item .listFile_item .column{
  text-align: center;
  color: black;
  font-weight:400;
  font-size: 1rem;
}
.faq-page .wrap_document_item .listFile_item .column:nth-child(1){
  width: 10%;
}
.faq-page .wrap_document_item .listFile_item .column:nth-child(2){
  font-weight:500;
  width: 80%;
}
.faq-page .wrap_document_item .listFile_item .column:nth-child(3){
  width: 10%;
}
.faq-page .wrap_document_item .faq-item-content{
  background-color: #F5F6F6;
  padding: 20px 0;
  font-weight:400;
  font-size: 1rem;
}
.faq-page .wrap_document_item .faq-item-content .content{
  margin-left: 10%;
}
.faq-page .wrap-paginate{
  display: flex;
  text-align: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight:500;
  margin-top: 20px;
}
.faq-page .wrap-paginate ul{
  color: var(--blue);
  padding: 0px 20px;
}
.faq-page .wrap-paginate .first-page{
  color: var(--gray); 
}
.faq-page .wrap-paginate .last-page{
  color: var(--gray); 
}
.faq-page .wrap-paginate .direction{
  color: var(--gray);
  padding: 0 20px;
}
.faq-page .wrap-paginate .page-numbers{
  color: var(--gray);
  padding: 0 10px;
}
.faq-page .wrap-paginate .current{
  text-decoration: underline;
  color: var(--blue);
  text-underline-offset: 2px;
}
.faq-page .wrap-paginate .page-numbers li{
  display: inline-block;
  list-style: none;
}
/* tenant-contact-page */
.tenant-contact-page{
  margin-top: 50px;
  margin-left: 12%;
  margin-right: 12%;
}
.tenant-contact-page .title{
  display: block;
  margin-bottom: 24px;
  font-weight:600;
  text-transform: uppercase;
  text-align: center;
  color: var(--blue);
  font-size: 2rem;
}
.tenant-contact-page .change_page{
  display: flex;
}
.tenant-contact-page .change_page .change_page_item{
  flex:1;
  color: black;
  background-color: #F5F6F6;
  text-align: center;
  padding: 20px 0;
  margin-bottom: 30px;
}
.tenant-contact-page .change_page .active{
  background-color: #A3C9E8;
  color: white;
}
.tenant-contact-page .form-container{
  margin: 30px 0;
}
.tenant-contact-page .form-container .title-form{
  color: var(--blue);
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 20px;
}
.tenant-contact-page .form form .form-field-all{
  border-top: 3px solid var(--gray);
  padding-top: 20px;
}
.tenant-contact-page  .form form .form-field-all ._form_group {
  width: 100%;
  position: relative;
  border-bottom: #d7d7d7 solid 1px;
  display: flex;
}


.tenant-contact-page  .form form .form-field-all ._form_group ._error_msg {
  position: absolute;
  top: 100%;
  right: 0;
  font-size: 13px;
  font-style: italic;
  color: #ffffff;
}
.tenant-contact-page  .form form .form-field-all ._form_group label {
  left: 0;
  bottom: 2px;
  font-size: 1rem;
  line-height: 40px;
  font-weight:500;
  color: var(--gray);
}

.tenant-contact-page  .form form .form-field-all ._form_group input,
.tenant-contact-page  .form form .form-field-all ._form_group select {
  width: 100%;
  outline: none;
  border: 0;
  background: transparent;
  padding-left: 80px;
  font-size: 1rem;
  line-height: 30px;
  /* or 160% */
  color: var(--gray);
  font-weight:400;
  box-sizing: border-box;
}
.tenant-contact-page  .form form .form-field-all ._form_group textarea{
  width: 100%;
  border:none ;
  outline: none;
  padding-left: 50px;
  font-size: 1rem;
}
.tenant-contact-page  .form form .form-field-all ._form_group input::placeholder{
  font-style: italic;
  font-weight: 300;
}
.tenant-contact-page  .form form .form-field-all ._form_group textarea::placeholder{
  font-style: italic;
  font-weight: 300;
}
.tenant-contact-page  .form form .form-field-all ._form_group input:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--gray);
}

.tenant-contact-page  .form form .form-field-all ._form_group input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--gray);
}

.tenant-contact-page  .form form .form-field-all ._form_group input::-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--gray);
}

.tenant-contact-page  .form form .form-field-all ._form_group input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--gray);
}



.tenant-contact-page  .form form .form-check {
  display: inline-flex;
  width: 100%;
  margin-bottom: 30px;
}

.tenant-contact-page  .form form .form-checkbox {
  margin-right: 20px;
  transform: translateY(-4px);
}

.tenant-contact-page  .form form .check_agreement_text {
  font-weight:300;
  color: black;
  font-style: italic;
  padding-left: 30px;
  font-size: 1rem;
}

.tenant-contact-page  .form form .frm_msg {
  line-height: 24px;
  font-weight:600;
  color: red;
  margin: 20px 0;
  font-size: 1rem;
}

.tenant-contact-page  .form form .button-def {
  width: 100%;
  padding: 10px 0;
  font-weight: 600;
  display: block;
  outline: none;
  background: #395A7F;
  color: #fff;
  border: 0;
  border-radius: 5px;
}
/* account-detail-page */
.account-detail-page{
  margin-top: 50px;
  margin-left: 12%;
  margin-right: 12%;
  margin-bottom: 30px;
}
.account-detail-page .title{
  display: block;
  font-weight:600;
  text-transform: uppercase;
  text-align: center;
  color: var(--blue);
  font-size: 2rem;
}
.account-detail-page .sub-title{
  display: block;
  margin-bottom: 10px;
  font-weight:500;
  text-transform: capitalize;
  text-align: center;
  color: var(--gray);
  font-size: 1.2rem;
}
.account-detail-page .breadcrumb a{
  font-weight: 500;
}
.account-detail-page .change_page{
  display: flex;
  margin-top: 20px;
}
.account-detail-page .change_page .change_page_item{
  flex:1;
  color: black;
  background-color: #F5F6F6;
  text-align: center;
  padding: 20px 0;
  margin-bottom: 30px;
}
.account-detail-page .change_page .active{
  background-color: #A3C9E8;
  color: white;
}
.account-detail-page  form .form-field-all ._form_group{
  width: 100%;
  position: relative;
  border: 1px solid black;
  display: flex;
  padding: 10px 20px;
  font-weight: 300;
  font-style: italic;
  margin: 10px 0 20px 0;
}
.account-detail-page  form .form-field-all ._form_group input{
  border: none;
  outline: none;
  width: 100%;
}
.account-detail-page  form .form-field-all .has-error {
  border: red solid 1px;
  margin: 10px 0 5px 0;
}
.account-detail-page form .form-field-all .error{
  color: red;
  display: block;
}
.account-detail-page  form .form-field-all ._form_group .warning-sign{
  color: red;
  display: none;
  padding-left: 5px;
}
.account-detail-page form .form-field-all .has-error .warning-sign{
  display: block
}
.account-detail-page form .form-field-all ._form_group ._error_msg {
  position: absolute;
  top: 100%;
  right: 0;
  font-size: 13px;
  font-style: italic;
  color: red;
}
.account-detail-page .account-information-wrapper .label{
  font-weight: 500;
  color: black;
  margin-bottom: 0;
}
.account-detail-page .account-information-wrapper .info{
  font-weight: 300;
  color: var(--gray);
  font-style: italic;
  width: 100%;
  padding: 10px 20px;
  border: 1px solid black;
  margin: 10px 0 20px 0;
}
.account-detail-page .account-information-wrapper .frm_msg{
  color: red;
  margin-bottom: 10px;
}
.account-detail-page .account-information-wrapper .btn_submit{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 50px;
  display: block;
  outline: none;
  background: #395A7F;
  color: #fff;
  border: 0;
  border-radius: 15px;
  font-weight: 500;
}
.account-detail-page .account-attachment{
}
.account-detail-page .account-attachment .account-attachment-title{
  color: #000;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 1rem;
}
.account-detail-page .account-attachment .file_column_title{
  display: flex;
}
.account-detail-page .account-attachment .file_column_title .column{
  text-align: center;
  color: black;
  font-weight:500;
  font-size: 1rem;
  border: 1px solid black;
  padding: 10px 0;
}
.account-detail-page .account-attachment .file_column_title .column:nth-child(1){
  width: 5%;
}
.account-detail-page .account-attachment .file_column_title .column:nth-child(2){
  width: 25%;
}
.account-detail-page .account-attachment .file_column_title .column:nth-child(3){
  width: 70%;
}
.account-detail-page .account-attachment .file_column_wrap{

  text-align: center;
  color: black;
  font-weight:500;
  font-size: 1rem;
}
.account-detail-page .account-attachment .file_column_wrap .item-wrap{
  display: flex;
}
.account-detail-page .account-attachment .file_column_wrap .item-wrap .file-num{
  width: 5%;
  border: 1px solid black;
  padding: 10px 0;
}
.account-detail-page .account-attachment .file_column_wrap .item-wrap .file-title{
  width: 25%;

  border: 1px solid black;
  padding: 10px 0;
}
.account-detail-page .account-attachment .file_column_wrap .item-wrap .file-des{
  width: 70%;
  display: flex;
  border: 1px solid black;
  padding: 10px 0;
}
.account-detail-page .account-attachment .file_column_wrap .item-wrap .file-des .description{
  width: 90%;
}
.account-detail-page .account-attachment .file_column_wrap .item-wrap .file-des .download{
  width: 10%;
}
.account-detail-page .account-attachment .file_column_wrap .item-wrap .file-des .download .download-btn{
  width: 1.5rem;
}
/*term page*/
.term-page {
  position: relative;
  margin-top: 180px;
  z-index: 1;
  margin-left: 16%;
  margin-right: 16%;
  margin-bottom: 50px;
}
.term-page h1{
  font-weight: 700;
  color: var(--blue);
  font-size: 2.5rem;
  margin-bottom: 20px;
  text-align: center;
}
.term-page h2{
  font-weight: 600;
  font-size: 1rem;
  color: black;
  margin: 20px 0;
}
.term-page h3{
  font-weight: 400;
  font-size: 1rem;
  color: var(--gray);
  margin: 20px 0
}
/*sitemap*/
.sitemap {
  position: relative;
  margin-top: 180px;
  z-index: 1;
  margin-left: 16%;
  margin-right: 16%;
  margin-bottom: 50px;
}
.sitemap h1{
  font-weight: 700;
  color: var(--blue);
  font-size: 2.5rem;
  margin-bottom: 20px;
  text-align: center;
}
.sitemap-wrapper{
  display: block;
}
.sitemap-wrapper .sitemap-row{
  display: flex;
}
.sitemap-wrapper .sitemap-row .sitemap-item{
  display: block;
  width: 30%;
  margin: 30px 0;
}
.sitemap-wrapper .sitemap-row .middle{
  margin: 30px 5%;
}
.sitemap-wrapper .sitemap-row .sitemap-item a{
  color:black;
  font-weight: 600;
}
.sitemap-wrapper .sitemap-row .sitemap-item .sitemap-subitem{
  padding-left: 20px;
  margin-top: 10px;
}
.sitemap-wrapper .sitemap-row .sitemap-item .sitemap-subitem a{
  color:var(--gray);
  display: block;
  font-weight: 400;
}
/* responsive*/
.header-container-mobile{
  display: none;
}
@media only screen and (max-width: 1600px) {
  .office-tenant-page .grid .building .floor-display .floor-1 svg {
    transform: translate(5px, 45px) scale(0.9);
  }
  .office-tenant-page .grid .building .floor-display .floor-1 .des {
    transform: translateY(60px);
  }
  .office-tenant-page .grid .building .floor-display .floor-2 svg {
    transform: scale(0.8) translate(-10px, 10px);
  }
  .office-tenant-page .grid .building .floor-display .floor-2 .des {
    transform: translateY(24px);
  }
  .office-tenant-page .grid .building .floor-display .floor-3 svg{
    transform: scale(0.8) translate(-12px, -40px);
  } 
}
@media only screen and (min-width: 1452px) and (max-width: 1780px){
  .office-tenant-page .grid .building .floor-display .floor-1 .des{
    transform: translate(-10px,97px) scale(0.9);
  }
  .office-tenant-page .grid .building .floor-display .floor-1 svg{
    transform: translate(-21px, 52px) scale(0.8);
  }
  .office-tenant-page .grid .building .floor-display .floor-1 .curly-bracket{
    transform: translate(-35px, 170px);
    scale: 0.8;
  }
  .office-tenant-page .grid .building .floor-display .floor-2 .des{
    transform: translate(-10px,24px) scale(0.9);
  }
  .office-tenant-page .grid .building .floor-display .floor-2 svg{
    transform: scale(0.9) translate(-18px, -6px);
  }
  .office-tenant-page .grid .building .floor-display .floor-2 .curly-bracket{
    transform: translate(-35px, 10px);
    scale: 0.8;
  }
  .office-tenant-page .grid .building .floor-display .floor-3{
    margin-top: 10px;
  }
  .office-tenant-page .grid .building .floor-display .floor-3 .des{
    transform: translate(-10px,16px) scale(0.9);
  }
  .office-tenant-page .grid .building .floor-display .floor-3 svg{
    transform: scale(0.8) translate(-27px, -15px);
  }
  .office-tenant-page .grid .building .floor-display .floor-3 .curly-bracket{
    transform: translate(-35px, -110px);
    scale: 0.8;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px){
  .office-tenant-page .grid .building .floor-display .floor-1 .des{
    transform: translate(-10px,119px) scale(0.9);
  }
  .office-tenant-page .grid .building .floor-display .floor-1 svg{
    transform: translate(-25px, 72px) scale(0.7);
  }
  .office-tenant-page .grid .building .floor-display .floor-1 .curly-bracket{
    transform: translate(-35px, 170px);
    scale: 0.8;
  }
  .office-tenant-page .grid .building .floor-display .floor-2 .des{
    transform: translate(-10px,44px) scale(0.9);
  }
  .office-tenant-page .grid .building .floor-display .floor-2 svg{
    transform: scale(0.7) translate(-36px, 8px);
  }
  .office-tenant-page .grid .building .floor-display .floor-2 .curly-bracket{
    transform: translate(-35px, 10px);
    scale: 0.8;
  }
  .office-tenant-page .grid .building .floor-display .floor-3{
    margin-top: 10px;
  }
  .office-tenant-page .grid .building .floor-display .floor-3 .des{
    transform: translate(-10px,16px) scale(0.9);
  }
  .office-tenant-page .grid .building .floor-display .floor-3 svg{
    transform: scale(0.7) translate(-36px, -18px);
  }
  .office-tenant-page .grid .building .floor-display .floor-3 .curly-bracket{
    transform: translate(-35px, -110px);
    scale: 0.8;
  }
}