@charset "UTF-8";
:root {
  --oe-navy: #142d53;
  --oe-deep: #0b2345;
  --oe-blue: #066b91;
  --oe-cyan: #10bed0;
  --oe-orange: #ff8911;
  --oe-muted: #a8c2cf;
}

.site-footer {
  padding: 2.5rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: #0b2345;
}

.footer-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
}
.footer-nav a {
  color: #fff;
  font-size: 1.2rem;
  text-decoration: none;
}

.footer-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 2rem;
  margin: 1rem 0 0.25rem;
  color: #a8c2cf;
}
.footer-meta a {
  color: inherit;
  text-decoration: none;
}

.copyright {
  margin: 0;
  padding-left: 18.54166667%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 26px;
  letter-spacing: 0.68px;
  color: #0c4f7a;
  opacity: 1;
}

@media (max-width: 991.98px) {
  .footer-nav,
  .footer-meta {
    display: grid;
    gap: 0.65rem;
  }
}
.xd-stage-04-desktop {
  position: relative;
  width: 100%;
  height: 425px;
  margin-inline: auto;
  container-type: inline-size;
  overflow: hidden;
  background: #142648;
}
.xd-stage-04-desktop .xd-node {
  position: absolute;
  box-sizing: border-box;
}
.xd-stage-04-desktop .motto_bg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  z-index: 1;
  opacity: 1;
}
.xd-stage-04-desktop .motto_bg img {
  display: block;
  width: 100%;
  height: auto;
}

.home-concerns {
  position: absolute;
  top: 0;
  left: 50%;
  width: 77%;
  height: auto;
  transform: translateX(-50%);
  opacity: 1;
}
.home-concerns__row {
  display: flex;
  align-items: center;
  width: 100%;
}
.home-concerns__row--top {
  justify-content: flex-start;
}
.home-concerns__row--bottom {
  justify-content: flex-start;
  margin-top: 0.65cqw;
}
.home-concerns__text {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 7.9069767442cqw;
  font-weight: 700;
  font-style: normal;
  font-variant: normal;
  line-height: 10.2325581395cqw;
  letter-spacing: 1.02px;
  text-align: left;
  white-space: nowrap;
  color: #e6e6e6;
  opacity: 1;
}
.home-concerns .text-orange {
  color: #c87500;
}
.home-concerns__line {
  display: block;
  height: 1px;
  flex-shrink: 0;
}
.home-concerns__line--right {
  flex: 1 1 auto;
  margin-left: 1.8cqw;
  background-color: #aa6a22;
}
.home-concerns__line--left {
  width: 37.5%;
  margin-right: 1.8cqw;
  background-color: rgba(255, 255, 255, 0.55);
}

@media (max-width: 575.98px) {
  .xd-stage-04-desktop {
    width: 100%;
    max-width: 430px;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .xd-stage-04-desktop {
    width: 430px;
    max-width: 430px;
  }
}
.site-header {
  transition: background-color 0.2s ease;
}

.site-header.is-scrolled {
  background: rgba(11, 35, 69, 0.95);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
}

.navbar-brand img {
  display: block;
}

.site-header .nav-link {
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.85rem;
  font-weight: 600;
  text-shadow: 0px 0px 6px #202020;
}

.site-header .nav-link:hover,
.site-header .nav-link.active {
  color: #ff8911 !important;
}

.menu-button {
  border: 0;
  padding: 0.5rem;
  background-color: rgba(12, 80, 122, 0.7058823529) !important;
  height: 50px;
  width: 50px;
  margin-top: 20px;
}

.menu-button:focus {
  box-shadow: none;
  color: #ff8911 !important;
}

.menu-button span {
  display: block;
  width: 24px;
  height: 2px;
  margin: 5px 0;
  background: #fff;
}

.mobile-menu {
  --bs-offcanvas-bg: #142748;
  --bs-offcanvas-color: #fff;
  --bs-offcanvas-border-color: rgba(16, 190, 208, 0.22);
  background: #142748 !important;
  color: #fff;
}

.mobile-menu .nav-link {
  color: #a8c2cf;
  border-bottom: 1px solid rgba(16, 190, 208, 0.22);
  padding: 1rem 0.25rem;
}

.mobile-menu .nav-link:hover,
.mobile-menu .nav-link:focus,
.mobile-menu .nav-link.active {
  color: #ff8911 !important;
}

@media (max-width: 991.98px) {
  .site-header {
    background: linear-gradient(rgba(11, 35, 69, 0.72), transparent);
  }
  .navbar-brand {
    visibility: hidden;
  }
}
@media (min-width: 768px) {
  .page_banner_logo {
    position: absolute;
    left: 6.9921875%;
    top: 16.544707245vw;
    width: 20.46510417%;
    height: auto;
    opacity: 1;
    transform: none;
  }
  .page_banner_logo img {
    display: block;
    width: 100%;
    height: auto;
  }
}
body {
  overflow-x: hidden;
  background-color: #142748 !important;
}

.xd-stage-01-desktop {
  position: relative;
  width: 100%;
  height: 1788px;
  margin-inline: auto;
  background-image: url("../img/home_banner_bg.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

.xd-stage-02-desktop {
  position: relative;
  width: min(100vw, 1920px);
  height: min(100vh, 1080px);
  aspect-ratio: 1920/7369;
  margin-inline: auto;
  margin-top: 180px;
}

.xd-stage-03-desktop {
  position: relative;
  width: min(100%, 1920px);
  container-type: inline-size;
  aspect-ratio: 1920/3396;
  margin-inline: auto;
}

.xd-stage-04-desktop {
  position: relative;
  width: min(100%, 1920px);
  container-type: inline-size;
  aspect-ratio: 1920/688;
  margin-inline: auto;
}

@media (min-width: 992px) {
  .home_banner_logo {
    position: absolute;
    top: 39.826557245vw;
    left: calc(64.16666667vw + 0px);
    width: min(16.30208333vw + 0px, 313px);
    height: auto;
    opacity: 0.85;
    transform: none;
  }
  .home_banner_logo img {
    display: block;
    width: 100%;
    height: auto;
  }
  .wave_left {
    position: absolute;
    top: calc(39.8200225% + 0px);
    left: calc(0vw + 0px);
    width: min(100vw + 0px, 1920px);
    height: auto;
    opacity: 1;
    transform: none;
  }
  .wave_left img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Taiwan-s {
    position: absolute;
    left: 16.66666667%;
    top: 68.17673378%;
    width: 44.27083333%;
    height: auto;
    opacity: 1;
    color: #62ACCF;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    font-size: calc(min(100vw, 1920px) * 0.028125);
    line-height: calc(min(100vw, 1920px) * 0.0333333333);
    letter-spacing: 2.05px;
    transform: none;
  }
  .What-s {
    position: absolute;
    left: 16.66666667%;
    top: 73.32214765%;
    width: 39.63541667%;
    height: auto;
    opacity: 1;
    color: #62ACCF;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    font-size: calc(min(100vw, 1920px) * 0.0208333333);
    line-height: calc(min(100vw, 1920px) * 0.0260416667);
    letter-spacing: 1.52px;
    transform: none;
  }
  .Taiwan-has {
    position: absolute;
    left: 37.39583333%;
    top: 80.25727069%;
    width: 37.23958333%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    white-space: normal;
    font-size: calc(min(100vw, 1920px) * 0.0104166667);
    line-height: calc(min(100vw, 1920px) * 0.0177083333);
    letter-spacing: 0.76px;
    transform: none;
  }
  .Discover-Oceanedge {
    position: absolute;
    left: 37.39583333%;
    top: 92.07158837%;
    width: 10.98958333%;
    height: auto;
    opacity: 1;
    color: #62ACCF;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    font-size: calc(min(100vw, 1920px) * 0.0104166667);
    line-height: calc(min(100vw, 1920px) * 0.0416666667);
    letter-spacing: 0.76px;
    transform: none;
    text-decoration: none;
  }
  .Start-a-Project {
    position: absolute;
    left: 53.54166667%;
    top: 92.18344519%;
    width: 7.60416667%;
    height: auto;
    opacity: 1;
    color: #B96817;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    font-size: calc(min(100vw, 1920px) * 0.0104166667);
    line-height: calc(min(100vw, 1920px) * 0.0416666667);
    letter-spacing: 0.76px;
    transform: none;
    text-decoration: none;
  }
}
@media (min-width: 992px) {
  .Line-1 {
    position: absolute;
    left: 35.671875%;
    top: 6.392593%;
    width: 37.91666667%;
    height: 0;
    opacity: 1;
    border-top: 1px solid #0C4F7A;
    justify-content: center;
    align-items: flex-end;
    transform: translate(-50%, -100%);
  }
  .L {
    position: absolute;
    left: 53.5%;
    top: 5.8%;
    width: 2.08333333%;
    height: 0.97037037%;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transform: translate(-50%, -100%);
  }
  .Our-Promise {
    position: absolute;
    left: 68.808333%;
    top: 8.15926%;
    width: 28.125%;
    height: auto;
    opacity: 1;
    color: #0C4F7A;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    font-size: calc(min(100vw, 1920px) * 0.046875);
    line-height: calc(min(100vw, 1920px) * 0.046875);
    letter-spacing: 0px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transform: translate(-50%, -100%);
  }
  .We-don-t {
    position: absolute;
    left: 16.66666667%;
    top: 15.74074074%;
    width: 28.80208333%;
    height: auto;
    opacity: 1;
    color: #62ACCF;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    font-size: calc(min(100vw, 1920px) * 0.028125);
    line-height: calc(min(100vw, 1920px) * 0.0333333333);
    letter-spacing: 2.05px;
    transform: none;
  }
}
@media (min-width: 992px) {
  .We-integrate {
    position: absolute;
    left: 16.66666667%;
    top: 24.53703704%;
    width: 44.11458333%;
    height: auto;
    opacity: 1;
    color: #62ACCF;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    font-size: calc(min(100vw, 1920px) * 0.0208333333);
    line-height: calc(min(100vw, 1920px) * 0.0260416667);
    letter-spacing: 1.52px;
    transform: none;
  }
}
@media (min-width: 992px) {
  .Subtraction-17 {
    position: absolute;
    left: 7.76041667%;
    top: 35.46296296%;
    width: 26.77083333%;
    height: 44.81481481%;
    opacity: 1;
    border: 1px solid #0A7994;
    transform: none;
  }
}
@media (min-width: 992px) {
  .home-promise-card-1 {
    position: absolute;
    left: 7.8125%;
    top: 35.55555556%;
    width: 26.66666667%;
    height: auto;
    opacity: 1;
    transform: none;
    border: 1px solid #0A7994;
  }
  .home-promise-card-1 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .home-promise-card-1 .Developer-Side-Mindset {
    padding-top: 10px;
    padding-left: 24px;
    width: 100%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    font-size: calc(min(100vw, 1920px) * 0.015625);
    line-height: calc(min(100vw, 1920px) * 0.021875);
    letter-spacing: 1.14px;
  }
  .home-promise-card-1 .We-manage-your {
    padding-left: 24px;
    padding-right: 24px;
    width: 100%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    white-space: normal;
    font-size: calc(min(100vw, 1920px) * 0.0104166667);
    line-height: calc(min(100vw, 1920px) * 0.0177083333);
    letter-spacing: 0.76px;
  }
  .home-promise-card-2 {
    position: absolute;
    left: 36.66666667%;
    top: 48.98148148%;
    width: 26.66666667%;
    height: auto;
    opacity: 1;
    transform: none;
    border: 1px solid #0A7994;
  }
  .home-promise-card-2 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .home-promise-card-2 .Cross-Sector {
    padding-top: 10px;
    padding-left: 24px;
    width: 100%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    font-size: calc(min(100vw, 1920px) * 0.015625);
    line-height: calc(min(100vw, 1920px) * 0.021875);
    letter-spacing: 1.14px;
  }
  .home-promise-card-2 .We-close {
    padding-left: 24px;
    padding-right: 24px;
    width: 100%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    white-space: normal;
    font-size: calc(min(100vw, 1920px) * 0.0104166667);
    line-height: calc(min(100vw, 1920px) * 0.0177083333);
    letter-spacing: 0.76px;
  }
  .home-promise-card-3 {
    position: absolute;
    left: 65.52083333%;
    top: 41.38888889%;
    width: 26.66666667%;
    height: auto;
    opacity: 1;
    transform: none;
    border: 1px solid #0A7994;
  }
  .home-promise-card-3 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .home-promise-card-3 .Execution-Under {
    padding-top: 10px;
    padding-left: 24px;
    width: 100%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    font-size: calc(min(100vw, 1920px) * 0.015625);
    line-height: calc(min(100vw, 1920px) * 0.021875);
    letter-spacing: 1.14px;
  }
  .home-promise-card-3 .Heavy-industries {
    padding-left: 24px;
    padding-right: 24px;
    width: 100%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    white-space: normal;
    font-size: calc(min(100vw, 1920px) * 0.0104166667);
    line-height: calc(min(100vw, 1920px) * 0.0177083333);
    letter-spacing: 0.76px;
  }
}
@media (min-width: 992px) {
  .Line-2 {
    position: absolute;
    left: 16.71875%;
    top: 7.4204947%;
    width: 30.10416667%;
    height: 0;
    opacity: 1;
    border-top: 1px solid #0C4F7A;
    transform: none;
  }
  .Our-Capabilities {
    position: absolute;
    left: 64.95833%;
    top: 8.035336%;
    width: 35.9375%;
    height: auto;
    opacity: 1;
    color: #0C4F7A;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    font-size: calc(min(100vw, 1920px) * 0.046875);
    line-height: calc(min(100vw, 1920px) * 0.046875);
    letter-spacing: 0px;
    justify-content: center;
    align-items: flex-end;
    transform: translate(-50%, -100%);
  }
  .Pat-02 {
    position: absolute;
    left: 45.6875%;
    top: 7.21401649%;
    width: 2.08333333%;
    height: auto;
    opacity: 1;
    justify-content: center;
    align-items: flex-end;
    transform: translate(-50%, -100%);
  }
  .Pat-02 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .From-heavily {
    position: absolute;
    left: 16.66666667%;
    top: 10.01177857%;
    width: 48.54166667%;
  }
  .From-heavily .line1 {
    height: auto;
    opacity: 1;
    color: #62ACCF;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    font-size: calc(min(100vw, 1920px) * 0.028125);
    line-height: calc(min(100vw, 1920px) * 0.0333333333);
    letter-spacing: 2.05px;
    transform: none;
  }
  .From-heavily .line2 {
    height: auto;
    opacity: 1;
    color: #62ACCF;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    font-size: calc(min(100vw, 1920px) * 0.028125);
    line-height: calc(min(100vw, 1920px) * 0.0333333333);
    letter-spacing: 2.05px;
    transform: none;
  }
  .we-deliver {
    position: absolute;
    left: 16.66666667%;
    top: 14.54652533%;
    width: 65%;
    height: auto;
    opacity: 1;
    color: #62ACCF;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    font-size: calc(min(100vw, 1920px) * 0.0208333333);
    line-height: calc(min(100vw, 1920px) * 0.0260416667);
    letter-spacing: 1.52px;
    transform: none;
  }
  .home_capability_img1 {
    position: absolute;
    left: 7.8125%;
    top: 19.22850413%;
    width: 28.07291667%;
    height: auto;
    opacity: 1;
    background: transparent url("img/home_capability_img1.png") 0% 0% no-repeat padding-box;
    transform: none;
  }
  .home_capability_img1 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Large-Scale {
    position: absolute;
    left: 37.86458333%;
    top: 19.84687868%;
    width: 24.47916667%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 1.5625cqw;
    line-height: 2.1875cqw;
    letter-spacing: 1.14px;
    transform: none;
  }
  .Managing-complex-structural {
    position: absolute;
    left: 37.86458333%;
    top: 21.67255594%;
    width: 24.47916667%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 1.0416666667cqw;
    line-height: 1.7708333333cqw;
    letter-spacing: 0.76px;
    transform: none;
  }
  .home_capability_img2 {
    position: absolute;
    left: 64.0625%;
    top: 19.22850413%;
    width: 28.07291667%;
    height: auto;
    opacity: 1;
    background: transparent url("img/home_capability_img2.png") 0% 0% no-repeat padding-box;
    transform: none;
  }
  .home_capability_img2 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .img_15846 {
    position: absolute;
    left: 35.85958333%;
    top: 24.94110719%;
    width: 28.25291667%;
    height: auto;
    opacity: 1;
    background: transparent url("img/15846.png") 0% 0% no-repeat padding-box;
    transform: none;
  }
  .img_15846 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Aviation-Fuel {
    position: absolute;
    left: 9.6875%;
    top: 30.12367491%;
    width: 21.77083333%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 1.5625cqw;
    line-height: 2.1875cqw;
    letter-spacing: 1.14px;
    transform: none;
  }
  .capability_arrow_down_01 {
    position: absolute;
    left: 21.30208333%;
    top: 29.38751473%;
    width: 1.14583333%;
    height: auto;
    opacity: 1;
    transform: none;
  }
  .capability_arrow_down_01 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .capability_arrow_down_02 {
    position: absolute;
    left: 77.55208333%;
    top: 29.38751473%;
    width: 1.14583333%;
    height: auto;
    opacity: 1;
    transform: none;
  }
  .capability_arrow_down_02 img {
    display: block;
    width: 100%;
    height: auto;
  }
}
@media (min-width: 992px) {
  .Executing-advanced {
    position: absolute;
    left: 9.6875%;
    top: 31.94935218%;
    width: 24.27083333%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    white-space: normal;
    font-size: calc(min(100vw, 1920px) * 0.0104166667);
    line-height: calc(min(100vw, 1920px) * 0.0177083333);
    letter-spacing: 0.76px;
    transform: none;
  }
  .Line-70 {
    opacity: 0;
  }
  .Precision-Machining {
    position: absolute;
    left: 65.98958333%;
    top: 30.12367491%;
    width: 16.25%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 1.5625cqw;
    line-height: 2.1875cqw;
    letter-spacing: 1.14px;
    transform: none;
  }
  .Delivering-heavy {
    position: absolute;
    left: 65.98958333%;
    top: 31.94935218%;
    width: 24.47916667%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 1.0416666667cqw;
    line-height: 1.7708333333cqw;
    letter-spacing: 0.76px;
    transform: none;
  }
  .Line-72 {
    opacity: 0;
  }
  .home_capability_img3 {
    position: absolute;
    left: 7.8125%;
    top: 35.1590106%;
    width: 42.1875%;
    height: auto;
    opacity: 1;
    transform: none;
  }
  .home_capability_img3 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .home_capability_img4 {
    position: absolute;
    left: 50.05208333%;
    top: 35.1590106%;
    width: 42.1875%;
    height: auto;
    opacity: 1;
    transform: none;
  }
  .home_capability_img4 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Wind-Turbine {
    position: absolute;
    left: 9.6875%;
    top: 46.05418139%;
    width: 20.9375%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 1.5625cqw;
    line-height: 2.1875cqw;
    letter-spacing: 1.14px;
    transform: none;
  }
  .Designing-and-fabricating {
    position: absolute;
    left: 9.6875%;
    top: 47.87985866%;
    width: 38.4375%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 1.0416666667cqw;
    line-height: 1.7708333333cqw;
    letter-spacing: 0.76px;
    transform: none;
  }
  .Line-73 {
    opacity: 0;
  }
  .Offshore-Wind {
    position: absolute;
    left: 51.97916667%;
    top: 46.05418139%;
    width: 21.97916667%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 1.5625cqw;
    line-height: 2.1875cqw;
    letter-spacing: 1.14px;
    transform: none;
  }
  .Sourcing-fabricatingto {
    position: absolute;
    left: 51.97916667%;
    top: 47.87985866%;
    width: 38.4375%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 1.0416666667cqw;
    line-height: 1.7708333333cqw;
    letter-spacing: 0.76px;
    transform: none;
  }
  .Line-74 {
    opacity: 0;
  }
  .home_capability_img5 {
    position: absolute;
    left: 7.8125%;
    top: 51.08951708%;
    width: 28.07291667%;
    height: auto;
    opacity: 1;
    transform: none;
  }
  .home_capability_img5 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Consumables-Industrial-Supplies {
    position: absolute;
    left: 37.86458333%;
    top: 51.70789164%;
    width: 24.47916667%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 1.5625cqw;
    line-height: 2.1875cqw;
    letter-spacing: 1.14px;
    transform: none;
  }
  .Providing-reliable {
    position: absolute;
    left: 37.86458333%;
    top: 54.62308598%;
    width: 24.47916667%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 1.0416666667cqw;
    line-height: 1.7708333333cqw;
    letter-spacing: 0.76px;
    transform: none;
  }
  .Line-76 {
    opacity: 0;
  }
  .home_capability_img6 {
    position: absolute;
    left: 35.98958333%;
    top: 58.15665489%;
    width: 28.07291667%;
    height: auto;
    opacity: 1;
    transform: none;
  }
  .home_capability_img6 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .home_capability_img7 {
    position: absolute;
    left: 64.11458333%;
    top: 51.08951708%;
    width: 28.07291667%;
    height: auto;
    opacity: 1;
    transform: none;
  }
  .home_capability_img7 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Custom-Equipment {
    position: absolute;
    left: 9.6875%;
    top: 61.98468787%;
    width: 24.27083333%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 1.5625cqw;
    line-height: 2.1875cqw;
    letter-spacing: 1.14px;
    transform: none;
  }
  .Engineering-and-supplying {
    position: absolute;
    left: 9.6875%;
    top: 64.8409894%;
    width: 24.27083333%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 1.0416666667cqw;
    line-height: 1.7708333333cqw;
    letter-spacing: 0.76px;
    transform: none;
  }
  .Line-75 {
    opacity: 0;
  }
  .Engineering-Design {
    position: absolute;
    left: 65.98958333%;
    top: 61.98468787%;
    width: 24.42708333%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 1.5625cqw;
    line-height: 2.1875cqw;
    letter-spacing: 1.14px;
    transform: none;
  }
  .Translating-concepts-into {
    position: absolute;
    left: 65.98958333%;
    top: 64.8409894%;
    width: 24.47916667%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 1.0416666667cqw;
    line-height: 1.7708333333cqw;
    letter-spacing: 0.76px;
    transform: none;
  }
  .Line-3 {
    position: absolute;
    left: 16.71875%;
    top: 75.73616019%;
    width: 17.08333333%;
    height: 0;
    opacity: 1;
    border-top: 1px solid #0C4F7A;
    transform: none;
  }
  .Pat-03 {
    position: absolute;
    left: 31.66666667%;
    top: 75.22968198%;
    width: 2.08333333%;
    height: auto;
    opacity: 1;
    transform: none;
  }
  .Pat-03 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Founder-s-Experience {
    position: absolute;
    left: 34.375%;
    top: 73.61601884%;
    width: 48.95833333%;
    height: auto;
    opacity: 1;
    color: #0C4F7A;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 4.6875cqw;
    line-height: 4.6875cqw;
    letter-spacing: 0px;
    transform: none;
  }
  .From-the-Shop {
    position: absolute;
    left: 16.66666667%;
    top: 78.32744405%;
    width: 38.90625%;
    height: auto;
    opacity: 1;
    color: #62ACCF;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 2.8125cqw;
    line-height: 3.3333333333cqw;
    letter-spacing: 2.05px;
    transform: none;
  }
  .home_founder_img {
    position: absolute;
    left: 16.66666667%;
    top: 85.18845701%;
    width: 29.94791667%;
    height: auto;
    opacity: 1;
    transform: none;
  }
  .home_founder_img img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Our-founder-s {
    position: absolute;
    left: 46.61458333%;
    top: 85.18845701%;
    width: 36.71875%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    text-align: left;
    margin: 0;
    white-space: normal;
    letter-spacing: 0.76px;
    transform: none;
  }
}
@media (min-width: 992px) {
  .motto_bg {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: auto;
    opacity: 1;
    transform: none;
  }
  .motto_bg img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Your-concerns-our {
    position: absolute;
    left: 34.94791667%;
    top: 19.04069767%;
    width: 30.15625%;
    height: auto;
    opacity: 1;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 2.8125cqw;
    line-height: 3.3333333333cqw;
    letter-spacing: 2.05px;
    transform: none;
  }
  .home-concerns {
    position: absolute;
    left: 34.94791667%;
    top: 19.04069767%;
    width: 30.15625%;
    height: auto;
    opacity: 1;
    transform: none;
  }
  .home-concerns__row {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .home-concerns__row--top {
    justify-content: flex-start;
  }
  .home-concerns__row--bottom {
    justify-content: flex-start;
    margin-top: 0.65cqw;
  }
  .home-concerns__text {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    font-size: 2.8125cqw;
    line-height: 3.3333333333cqw;
    letter-spacing: 2.05px;
    text-align: left;
    white-space: nowrap;
    color: #e6e6e6;
    opacity: 1;
    transform: none;
  }
  .home-concerns .text-orange {
    color: #c87500;
  }
  .home-concerns__line {
    display: block;
    height: 1px;
    flex-shrink: 0;
  }
  .home-concerns__line--right {
    flex: 1 1 auto;
    margin-left: 1.8cqw;
    background-color: #aa6a22;
  }
  .home-concerns__line--left {
    width: 37.5%;
    margin-right: 1.8cqw;
    background-color: rgba(255, 255, 255, 0.55);
  }
}
.footer-logo {
  width: 28.94418605%;
}

@media screen and (max-width: 991.98px) {
  .xd-stage-01-desktop {
    background-image: url("../img/home_banner_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    margin-top: 0;
  }
  .home_banner_logo {
    position: absolute;
    left: 50%;
    top: 15.22762864%;
    width: 46.51162791%;
    opacity: 0.85;
    transform: translateX(-50%);
  }
  .wave_left {
    left: 0%;
    top: 52.06935123%;
    width: 100%;
    height: 13.53467562%;
  }
  .Taiwan-s {
    left: 50%;
    top: 56.20805369%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    color: #62ACCF;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 7.9069767442cqw;
    line-height: 10.2325581395cqw;
    letter-spacing: 1.02px;
    transform: translateX(-50%);
  }
  .What-s {
    left: 50%;
    top: 61.96868009%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    color: #62ACCF;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 5.8139534884cqw;
    line-height: 8.1395348837cqw;
    letter-spacing: 0.75px;
    transform: translateX(-50%);
  }
  .Taiwan-has {
    left: 50%;
    top: 67.28187919%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 4.6511627907cqw;
    line-height: 7.9069767442cqw;
    letter-spacing: 0.6px;
    transform: translateX(-50%);
  }
  .Discover-Oceanedge {
    left: 23.25581395%;
    top: 90.32438479%;
    width: 49.06976744%;
    height: auto;
    opacity: 1;
    color: #62ACCF;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 4.6511627907cqw;
    line-height: 18.6046511628cqw;
    letter-spacing: 0.76px;
    transform: none;
    text-decoration: none;
  }
  .Start-a-Project {
    left: 30.69767442%;
    top: 94.35123043%;
    width: 33.95348837%;
    height: auto;
    opacity: 1;
    color: #B96817;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 4.6511627907cqw;
    line-height: 18.6046511628cqw;
    letter-spacing: 0.76px;
    transform: none;
    text-decoration: none;
  }
}
@media screen and (max-width: 991.98px) {
  .xd-stage-02-desktop {
    width: 100%;
    max-width: 430px;
    height: 1848px;
    margin-inline: auto;
    margin-top: 0;
    overflow: hidden;
  }
  .Line-1 {
    left: 4.65116279%;
    top: 3.6608225%;
    width: 32.55813953%;
    height: 0;
    opacity: 1;
    border-top: 1px solid #0C4F7A;
    transform: none;
  }
  .L {
    left: 27.79069767%;
    top: 2.5508658%;
    width: 9.30232558%;
    height: 0.73932092%;
  }
  .Our-Promise {
    left: 39.53488372%;
    top: 1.83982683%;
    width: 55.81395349%;
    height: auto;
    opacity: 1;
    color: #0C4F7A;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 9.3023255814cqw;
    line-height: 9.3023255814cqw;
    letter-spacing: 0px;
    transform: none;
  }
  .We-don-t {
    left: 4.65116279%;
    top: 6.38528138%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    color: #62ACCF;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 7.9069767442cqw;
    line-height: 10.2325581395cqw;
    letter-spacing: 1.02px;
    transform: none;
  }
  .We-integrate {
    left: 4.65116279%;
    top: 9.52380953%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    color: #62ACCF;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 5.8139534884cqw;
    line-height: 8.1395348837cqw;
    letter-spacing: 0.75px;
    transform: none;
  }
  .home-promise-card-1 {
    position: absolute;
    left: 50%;
    top: 14.55627705%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    transform: translateX(-50%);
    border: 1px solid #0A7994;
  }
  .home-promise-card-1 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .home-promise-card-1 .Developer-Side-Mindset {
    padding-top: 10px;
    padding-left: 24px;
    width: 81.39534884%;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 5.8139534884cqw;
    line-height: 8.1395348837cqw;
    letter-spacing: 0.75px;
    transform: none;
  }
  .home-promise-card-1 .We-manage-your {
    padding-left: 24px;
    padding-right: 24px;
    width: 100%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    white-space: normal;
    font-size: 4.6511627907cqw;
    line-height: 7.9069767442cqw;
    letter-spacing: 0.6px;
  }
  .home-promise-card-2 {
    position: absolute;
    left: 50%;
    top: 41.17965367%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    transform: translateX(-50%);
    border: 1px solid #0A7994;
  }
  .home-promise-card-2 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .home-promise-card-2 .Cross-Sector {
    padding-top: 10px;
    padding-left: 24px;
    width: 81.39534884%;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 5.8139534884cqw;
    line-height: 8.1395348837cqw;
    letter-spacing: 0.75px;
    transform: none;
  }
  .home-promise-card-2 .We-close {
    padding-left: 24px;
    padding-right: 24px;
    width: 100%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    white-space: normal;
    font-size: 4.6511627907cqw;
    line-height: 7.9069767442cqw;
    letter-spacing: 0.6px;
  }
  .home-promise-card-3 {
    position: absolute;
    left: 50%;
    top: 67.8030303%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    transform: translateX(-50%);
    border: 1px solid #0A7994;
  }
  .home-promise-card-3 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .home-promise-card-3 .Execution-Under {
    padding-top: 10px;
    padding-left: 24px;
    width: 81.39534884%;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 5.8139534884cqw;
    line-height: 8.1395348837cqw;
    letter-spacing: 0.75px;
    transform: none;
  }
  .home-promise-card-3 .Heavy-industries {
    padding-left: 24px;
    padding-right: 24px;
    width: 100%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    white-space: normal;
    font-size: 4.6511627907cqw;
    line-height: 7.9069767442cqw;
    letter-spacing: 0.6px;
  }
}
@media screen and (max-width: 991.98px) {
  .xd-stage-03-desktop {
    width: 100%;
    max-width: 430px;
    height: 5247px;
    margin-inline: auto;
    margin-top: 0;
    overflow: hidden;
  }
  .Line-2 {
    left: 4.65116279%;
    top: 0.651755%;
    width: 16.97674419%;
    border: 1px solid #0C4F7A;
  }
  .Our-Capabilities {
    left: 23.95348837%;
    top: 0%;
    width: 71.39534884%;
    height: auto;
    opacity: 1;
    color: #0C4F7A;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 9.3023255814cqw;
    line-height: 9.3023255814cqw;
    letter-spacing: 0px;
    transform: none;
  }
  .Pat-02 {
    left: 12.20930233%;
    top: 0.25042882%;
    width: 9.30232558%;
    height: 0.51457976%;
  }
  .From-heavily {
    left: 4.65116279%;
    top: 1.61044406%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    color: #62ACCF;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 7.9069767442cqw;
    line-height: 10.2325581395cqw;
    letter-spacing: 1.02px;
    transform: none;
  }
  .we-deliver {
    left: 4.65116279%;
    top: 5.23156089%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    color: #62ACCF;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 5.8139534884cqw;
    line-height: 8.1395348837cqw;
    letter-spacing: 0.75px;
    transform: none;
  }
  .home_capability_img1 {
    left: 50%;
    top: 7.01353154%;
    width: 90.46511628%;
    height: auto;
    transform: translateX(-50%);
  }
  .Aviation-Fuel {
    left: 4.65116279%;
    top: 12.14027063%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 5.8139534884cqw;
    line-height: 8.1395348837cqw;
    letter-spacing: 0.75px;
    transform: none;
  }
  .Executing-advanced {
    left: 50%;
    top: 13.05507909%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 4.6511627907cqw;
    line-height: 7.9069767442cqw;
    letter-spacing: 0.6px;
    transform: translateX(-50%);
  }
  .Line-70 {
    position: absolute;
    left: 4.88372093%;
    top: 15.15151515%;
    width: 90.69767442%;
    height: 0;
    opacity: 1;
    border-top: 1px solid #0A7994;
    transform: none;
  }
  .img_15846 {
    left: 4.65116279%;
    top: 15.7327997%;
    width: 90.69767442%;
  }
  .Large-Scale {
    left: 50%;
    top: 20.86030112%;
    width: 90%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 5.8139534884cqw;
    line-height: 8.1395348837cqw;
    letter-spacing: 0.75px;
    transform: translateX(-50%);
  }
  .Managing-complex-structural {
    left: 50%;
    top: 21.77510959%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 4.6511627907cqw;
    line-height: 7.9069767442cqw;
    letter-spacing: 0.6px;
    transform: translateX(-50%);
  }
  .Line-71 {
    position: absolute;
    left: 4.88372093%;
    top: 23.88031256%;
    width: 90.69767442%;
    height: 0;
    opacity: 1;
    border-top: 1px solid #0A7994;
    transform: none;
  }
  .home_capability_img2 {
    left: 4.65116279%;
    top: 24.45283019%;
    width: 90.69767442%;
  }
  .Precision-Machining {
    left: 50%;
    top: 29.59786545%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 5.8139534884cqw;
    line-height: 8.1395348837cqw;
    letter-spacing: 0.75px;
    transform: translateX(-50%);
  }
  .Delivering-heavy {
    left: 50%;
    top: 30.51267391%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 4.6511627907cqw;
    line-height: 7.9069767442cqw;
    letter-spacing: 0.6px;
    transform: translateX(-50%);
  }
  .Line-72 {
    position: absolute;
    left: 4.88372093%;
    top: 32.60910997%;
    width: 90.69767442%;
    height: 0;
    opacity: 1;
    border-top: 1px solid #0A7994;
    transform: none;
  }
  .home_capability_img3 {
    left: 4.65116279%;
    top: 33.19039451%;
    width: 90.69767442%;
  }
  .Wind-Turbine {
    left: 50%;
    top: 36.74480656%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 5.8139534884cqw;
    line-height: 8.1395348837cqw;
    letter-spacing: 0.75px;
    transform: translateX(-50%);
  }
  .Designing-and-fabricating {
    left: 50%;
    top: 37.65961502%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 4.6511627907cqw;
    line-height: 7.9069767442cqw;
    letter-spacing: 0.6px;
    transform: translateX(-50%);
  }
  .Line-73 {
    position: absolute;
    left: 4.88372093%;
    top: 39.75605108%;
    width: 90.69767442%;
    height: 0;
    opacity: 1;
    border-top: 1px solid #0A7994;
    transform: none;
  }
  .home_capability_img4 {
    left: 4.65116279%;
    top: 40.33733562%;
    width: 90.69767442%;
  }
  .Offshore-Wind {
    left: 50%;
    top: 43.89174767%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 5.8139534884cqw;
    line-height: 8.1395348837cqw;
    letter-spacing: 0.75px;
    transform: translateX(-50%);
  }
  .Sourcing-fabricatingto {
    left: 50%;
    top: 44.80655613%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 4.6511627907cqw;
    line-height: 7.9069767442cqw;
    letter-spacing: 0.6px;
    transform: translateX(-50%);
  }
  .Line-74 {
    position: absolute;
    left: 4.88372093%;
    top: 47.55098151%;
    width: 90.69767442%;
    height: 0;
    opacity: 1;
    border-top: 1px solid #0A7994;
    transform: none;
  }
  .home_capability_img5 {
    left: 4.65116279%;
    top: 48.13226606%;
    width: 90.69767442%;
  }
  .Custom-Equipment {
    left: 50%;
    top: 53.28759291%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 5.8139534884cqw;
    line-height: 8.1395348837cqw;
    letter-spacing: 0.75px;
    transform: translateX(-50%);
  }
  .Engineering-and-supplying {
    left: 50%;
    top: 54.86944921%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 4.6511627907cqw;
    line-height: 7.9069767442cqw;
    letter-spacing: 0.6px;
    transform: translateX(-50%);
  }
  .Line-75 {
    position: absolute;
    left: 4.88372093%;
    top: 56.96588527%;
    width: 90.69767442%;
    height: 0;
    opacity: 1;
    border-top: 1px solid #0A7994;
    transform: none;
  }
  .home_capability_img6 {
    left: 4.65116279%;
    top: 57.54716981%;
    width: 90.69767442%;
  }
  .Consumables-Industrial-Supplies {
    left: 50%;
    top: 62.70249666%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 5.8139534884cqw;
    line-height: 8.1395348837cqw;
    letter-spacing: 0.75px;
    transform: translateX(-50%);
  }
  .Providing-reliable {
    left: 50%;
    top: 64.28435296%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 4.6511627907cqw;
    line-height: 7.9069767442cqw;
    letter-spacing: 0.6px;
    transform: translateX(-50%);
  }
  .Line-76 {
    position: absolute;
    left: 4.88372093%;
    top: 66.55098151%;
    width: 90.69767442%;
    height: 0;
    opacity: 1;
    border-top: 1px solid #0A7994;
    transform: none;
  }
  .home_capability_img7 {
    left: 4.65116279%;
    top: 67.16218792%;
    width: 90.69767442%;
  }
  .Engineering-Design {
    left: 50%;
    top: 72.32704403%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 5.8139534884cqw;
    line-height: 8.1395348837cqw;
    letter-spacing: 0.75px;
    transform: translateX(-50%);
  }
  .Translating-concepts-into {
    left: 50%;
    top: 73.90890032%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 4.6511627907cqw;
    line-height: 7.9069767442cqw;
    letter-spacing: 0.6px;
    transform: translateX(-50%);
  }
  .Line-3 {
    left: 4.88372093%;
    top: 79.85515533%;
    width: 38.8372093%;
    height: 0;
    opacity: 1;
    border-top: 1px solid #0C4F7A;
    transform: none;
  }
  .Pat-03 {
    left: 34.06976744%;
    top: 79.41732%;
    width: 9.30232558%;
  }
  .Founder-s-Experience {
    left: 45.81395349%;
    top: 78.52544311%;
    width: 49.53488372%;
    height: auto;
    opacity: 1;
    color: #0C4F7A;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 9.3023255814cqw;
    line-height: 9.3023255814cqw;
    letter-spacing: 0px;
    transform: none;
  }
  .From-the-Shop {
    left: 4.65116279%;
    top: 80.55954242%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    color: #62ACCF;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 7.9069767442cqw;
    line-height: 10.2325581395cqw;
    letter-spacing: 1.02px;
    transform: none;
  }
  .home_founder_img {
    left: 4.65116279%;
    top: 83.89380362%;
    width: 90.69767442%;
  }
  .Our-founder-s {
    left: 50%;
    top: 88.6221163%;
    width: 90.46511628%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 4.6511627907cqw;
    line-height: 7.9069767442cqw;
    letter-spacing: 0.6px;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 991.98px) {
  .xd-stage-04-desktop {
    position: relative;
    width: 100%;
    height: 335px;
    margin-inline: auto;
    margin-top: 0;
    overflow: hidden;
  }
  .motto_bg {
    left: 0%;
    bottom: 0%;
    width: 100%;
    height: auto;
    opacity: 1;
  }
  .copyright {
    padding-left: 0;
  }
  .footer-logo {
    width: 31.94418605%;
  }
}
@media (max-width: 575.98px) {
  .xd-stage-01-desktop,
  .xd-stage-02-desktop,
  .xd-stage-03-desktop {
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .xd-stage-01-desktop,
  .xd-stage-02-desktop,
  .xd-stage-03-desktop {
    width: 430px;
    max-width: 100%;
    margin-inline: auto;
  }
}
.xd-stage-about-01-desktop {
  position: relative;
  width: 100%;
  height: 700px;
  margin-inline: auto;
  background-image: url("../img/about/about_banner.webp");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

.xd-stage-about-02-desktop {
  position: relative;
  width: 100%;
  height: 1780px;
  margin-inline: auto;
  background-image: url("../img/about/wave_left.webp");
  background-position: 0 0;
  background-repeat: no-repeat;
}

@media (min-width: 768px) {
  .About-Us {
    position: absolute;
    left: 72.726042%;
    top: 7%;
    width: 20.83333333%;
    height: 6cqw;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4.6875cqw;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    color: #0c4f7a;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transform: translate(-50%, -100%);
  }
  .title_shape_about_01 {
    position: absolute;
    left: 60.717708%;
    top: 6.05843%;
    width: 2.08333333%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    opacity: 1;
    transform: translate(-50%, -100%);
  }
  .title_shape_about_01 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .about_Line_01 {
    position: absolute;
    left: 16.71875%;
    top: 6.33653947%;
    width: 45.104167%;
    height: 0;
    opacity: 1;
    border-top: 1px solid #0C4F7A;
    transform: none;
  }
  .Oceanedge-Engineering-Corp {
    position: absolute;
    left: 16.71875%;
    top: 12.77300846%;
    width: 40.10416667%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 1.0416666667cqw;
    line-height: 1.7708333333cqw;
    letter-spacing: 0.76px;
    transform: none;
  }
  .We-are-your-trusted {
    position: absolute;
    left: 16.71875%;
    top: 17.75280899%;
    width: 40.83333333%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 1.0416666667cqw;
    line-height: 1.7708333333cqw;
    letter-spacing: 0.76px;
    transform: none;
  }
  .aboutUs_img {
    position: absolute;
    left: 60.46875%;
    top: 12.35955057%;
    width: 22.91666667%;
    height: auto;
    opacity: 1;
    transform: none;
  }
  .aboutUs_img img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Core-Business {
    position: absolute;
    left: 65.746875%;
    top: 33.176404%;
    width: 32.8125%;
    height: auto;
    opacity: 1;
    color: #0C4F7A;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 4.6875cqw;
    line-height: 4.6875cqw;
    letter-spacing: 0px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transform: translate(-50%, -100%);
  }
  .title_shape_about_02 {
    position: absolute;
    left: 47.8125%;
    top: 31.95505618%;
    width: 2.08333333%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transform: translate(-50%, -100%);
  }
  .title_shape_about_02 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .about_Line_02 {
    position: absolute;
    left: 32.26%;
    top: 32.2875%;
    width: 33.204167%;
    height: 0;
    opacity: 1;
    border-top: 1px solid #0C4F7A;
    justify-content: center;
    align-items: flex-end;
    transform: translate(-50%, -100%);
  }
  .service-card-01,
  .service-card-02,
  .service-card-03,
  .service-card-04,
  .service-card-05,
  .service-card-06 {
    --card-cut: 28px;
    --card-border-width: 1px;
    --card-border-color: #0a7994;
    position: absolute;
    width: 15.52083333%;
    height: auto;
    opacity: 1;
    transform: none;
    box-sizing: border-box;
    overflow: hidden;
    clip-path: polygon(0 0, calc(100% - var(--card-cut)) 0, 100% var(--card-cut), 100% 100%, 0 100%);
  }
  .service-card-01::before,
  .service-card-02::before,
  .service-card-03::before,
  .service-card-04::before,
  .service-card-05::before,
  .service-card-06::before {
    content: "";
    position: absolute;
    inset: 0;
    border: var(--card-border-width) solid var(--card-border-color);
    box-sizing: border-box;
    pointer-events: none;
    z-index: 20;
  }
  .service-card-01::after,
  .service-card-02::after,
  .service-card-03::after,
  .service-card-04::after,
  .service-card-05::after,
  .service-card-06::after {
    content: "";
    position: absolute;
    top: 0;
    left: calc(100% - var(--card-cut));
    width: calc(var(--card-cut) * 1.4142135624);
    height: var(--card-border-width);
    background: var(--card-border-color);
    transform-origin: left top;
    transform: rotate(45deg);
    pointer-events: none;
    z-index: 21;
  }
  .service-card-01 {
    left: 24.47916667%;
    top: 44.66292135%;
  }
  .service-card-02 {
    left: 42.23958333%;
    top: 39.04494382%;
  }
  .service-card-03 {
    left: 60%;
    top: 44.66292135%;
  }
  .service-card-04 {
    left: 24.47916667%;
    top: 68.42696629%;
  }
  .service-card-05 {
    left: 42.29166667%;
    top: 62.80898877%;
  }
  .service-card-06 {
    left: 60%;
    top: 68.42696629%;
  }
  .service-card-01__image,
  .service-card-02__image,
  .service-card-03__image,
  .service-card-04__image,
  .service-card-05__image,
  .service-card-06__image {
    width: 100%;
    height: 180px;
    overflow: hidden;
  }
  .service-card-01__image img,
  .service-card-02__image img,
  .service-card-03__image img,
  .service-card-04__image img,
  .service-card-05__image img,
  .service-card-06__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .service-card-01__content,
  .service-card-02__content,
  .service-card-03__content,
  .service-card-04__content,
  .service-card-05__content,
  .service-card-06__content {
    padding: 18px 18px 20px;
  }
  .service-card-01__title,
  .service-card-02__title,
  .service-card-03__title,
  .service-card-04__title,
  .service-card-05__title,
  .service-card-06__title {
    color: #D4D5D5 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 1.5625cqw;
    line-height: 2.1875cqw;
    letter-spacing: 1.14px;
  }
  .service-card-01__list,
  .service-card-02__list,
  .service-card-03__list,
  .service-card-04__list,
  .service-card-05__list,
  .service-card-06__list {
    margin: 0;
    padding-left: 20px;
    color: #aeb9cc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.75;
    font-weight: 600;
  }
  .service-card-01__list li,
  .service-card-02__list li,
  .service-card-03__list li,
  .service-card-04__list li,
  .service-card-05__list li,
  .service-card-06__list li {
    padding-left: 2px;
  }
  .service-card-01__list li::marker,
  .service-card-02__list li::marker,
  .service-card-03__list li::marker,
  .service-card-04__list li::marker,
  .service-card-05__list li::marker,
  .service-card-06__list li::marker {
    color: #d4d5d5;
  }
}
@media (max-width: 991.98px) {
  .xd-stage-about-01-desktop,
  .xd-stage-about-02-desktop {
    position: relative;
    margin-inline: auto;
    container-type: inline-size;
    overflow: hidden;
  }
  .xd-stage-about-01-desktop {
    height: 180px;
    background-image: url("../img/about/about_banner.webp");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .xd-stage-about-02-desktop {
    height: 3400px;
    background-image: url("../img/about/wave_left.webp");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  .xd-stage-about-01-desktop .xd-node,
  .xd-stage-about-02-desktop .xd-node {
    position: absolute;
    box-sizing: border-box;
  }
  .page_about_logo {
    display: block;
    position: absolute;
    left: 4.65116279%;
    bottom: 0;
    width: 34.88372093%;
    height: auto;
    opacity: 1;
    visibility: visible;
    transform: none;
    z-index: 2;
  }
  .page_about_logo img {
    display: block;
    width: 100%;
    height: auto;
    opacity: 1;
  }
  .About-Us {
    left: 50%;
    top: 0.73529412%;
    width: 45.34883721%;
    height: auto;
    margin: 0;
    color: #0C4F7A;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    font-size: 7.9069767442cqw;
    line-height: 9.3023255814cqw;
    letter-spacing: 0;
    text-align: right;
    white-space: nowrap;
    opacity: 1;
    transform: translateX(-4.65116279%);
  }
  .title_shape_about_01 {
    left: 43.72093023%;
    top: 1.05882353%;
    width: 9.30232558%;
    height: auto;
    opacity: 1;
  }
  .title_shape_about_01 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .about_Line_01 {
    left: 4.65116279%;
    top: 1.58823529%;
    width: 48.46511628%;
    height: 0;
    opacity: 1;
    border-top: 1px solid #0C4F7A;
  }
  .Oceanedge-Engineering-Corp {
    left: 50%;
    top: 2.58823529%;
    width: 90.69767442%;
    height: auto;
    margin: 0;
    color: #D4D5D5;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-size: 4.7209302326cqw;
    line-height: 8.3139534884cqw;
    letter-spacing: 0.6px;
    text-align: left;
    white-space: normal;
    opacity: 1;
    transform: translateX(-50%);
  }
  .We-are-your-trusted {
    left: 50%;
    top: 8.41176471%;
    width: 90.69767442%;
    height: auto;
    margin: 0;
    color: #D4D5D5;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-size: 4.7209302326cqw;
    line-height: 8.3139534884cqw;
    letter-spacing: 0.6px;
    text-align: left;
    white-space: normal;
    opacity: 1;
    transform: translateX(-50%);
  }
  .aboutUs_img {
    left: 50%;
    top: 13.76470588%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    transform: translateX(-50%);
  }
  .aboutUs_img img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Core-Business {
    left: 43%;
    top: 21.14705882%;
    width: 55.81395349%;
    height: auto;
    margin: 0;
    color: #0C4F7A;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    font-size: 7.9069767442cqw;
    line-height: 9.3023255814cqw;
    letter-spacing: 0;
    text-align: right;
    white-space: nowrap;
    opacity: 1;
    transform: translateX(-4.65116279%);
  }
  .title_shape_about_02 {
    left: 29.930233%;
    top: 21.47058824%;
    width: 9.30232558%;
    height: auto;
    opacity: 1;
  }
  .title_shape_about_02 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .about_Line_02 {
    left: 4.65116279%;
    top: 22%;
    width: 34.604651%;
    height: 0;
    opacity: 1;
    border-top: 1px solid #0C4F7A;
  }
  .service-card-01,
  .service-card-02,
  .service-card-03,
  .service-card-04,
  .service-card-05,
  .service-card-06 {
    --card-cut: 6.51162791cqw;
    --card-border-width: 1px;
    --card-border-color: #0A7994;
    left: 50%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    transform: translateX(-50%);
    clip-path: polygon(0 0, calc(100% - var(--card-cut)) 0, 100% var(--card-cut), 100% 100%, 0 100%);
    box-sizing: border-box;
    overflow: hidden;
  }
  .service-card-01 {
    top: 23.29411765%;
  }
  .service-card-02 {
    top: 35.94117647%;
  }
  .service-card-03 {
    top: 48.5%;
  }
  .service-card-04 {
    top: 61.61764706%;
  }
  .service-card-05 {
    top: 74.35294118%;
  }
  .service-card-06 {
    top: 87%;
  }
  .service-card-01::before,
  .service-card-02::before,
  .service-card-03::before,
  .service-card-04::before,
  .service-card-05::before,
  .service-card-06::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border: var(--card-border-width) solid var(--card-border-color);
    box-sizing: border-box;
    z-index: 10;
  }
  .service-card-01::after,
  .service-card-02::after,
  .service-card-03::after,
  .service-card-04::after,
  .service-card-05::after,
  .service-card-06::after {
    content: "";
    position: absolute;
    top: 0;
    left: calc(100% - var(--card-cut));
    width: calc(var(--card-cut) * 1.4142135624);
    height: var(--card-border-width);
    background: var(--card-border-color);
    transform-origin: left top;
    transform: rotate(45deg);
    pointer-events: none;
    z-index: 11;
  }
  .service-card-01__image,
  .service-card-02__image,
  .service-card-03__image,
  .service-card-04__image,
  .service-card-05__image,
  .service-card-06__image {
    width: 100%;
    height: 60.46511628cqw;
    overflow: hidden;
  }
  .service-card-01__image img,
  .service-card-02__image img,
  .service-card-03__image img,
  .service-card-04__image img,
  .service-card-05__image img,
  .service-card-06__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .service-card-01__content,
  .service-card-02__content,
  .service-card-03__content,
  .service-card-04__content,
  .service-card-05__content,
  .service-card-06__content {
    min-height: 30.23255814cqw;
    padding: 3.72093023cqw 4.18604651cqw 4.18604651cqw;
    box-sizing: border-box;
  }
  .service-card-01__title,
  .service-card-02__title,
  .service-card-03__title,
  .service-card-04__title,
  .service-card-05__title,
  .service-card-06__title {
    margin: 0 0 2.3255814cqw;
    color: #D4D5D5 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    font-size: 5.651163cqw;
    line-height: 5.8139534884cqw;
    letter-spacing: 0.6px;
    text-align: left;
    white-space: normal;
  }
  .service-card-01__list,
  .service-card-02__list,
  .service-card-03__list,
  .service-card-04__list,
  .service-card-05__list,
  .service-card-06__list {
    margin: 0;
    padding-left: 4.65116279cqw;
    color: #D4D5D5;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4.255814cqw;
    line-height: 7.651163cqw;
    font-weight: 400;
  }
  .service-card-01__list li,
  .service-card-02__list li,
  .service-card-03__list li,
  .service-card-04__list li,
  .service-card-05__list li,
  .service-card-06__list li {
    padding-left: 0.93023256cqw;
  }
  .service-card-01__list li::marker,
  .service-card-02__list li::marker,
  .service-card-03__list li::marker,
  .service-card-04__list li::marker,
  .service-card-05__list li::marker,
  .service-card-06__list li::marker {
    color: #D4D5D5;
  }
}
@media (max-width: 575.98px) {
  .xd-stage-about-01-desktop,
  .xd-stage-about-02-desktop {
    width: 100%;
    max-width: 430px;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .xd-stage-about-01-desktop,
  .xd-stage-about-02-desktop {
    width: 430px;
    max-width: 430px;
  }
}
.xd-stage-Company-01-desktop {
  position: relative;
  width: 100%;
  height: 700px;
  margin-inline: auto;
  background-image: url("../img/Company_Structure/structure_banner.webp");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

.xd-stage-Company-02-desktop {
  position: relative;
  width: 100%;
  height: 2825px;
  margin-inline: auto;
  background-image: url("../img/about/wave_left.webp");
  background-position: 0 0;
  background-repeat: no-repeat;
}

@media (min-width: 768px) {
  .Company {
    position: absolute;
    left: 61.4375%;
    top: 4.95842%;
    width: 43.48958333%;
    height: auto;
    opacity: 1;
    color: #0C4F7A;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 4.6875cqw;
    line-height: 4.6875cqw;
    letter-spacing: 0px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transform: translate(-50%, -100%);
  }
  .title_shape_Company_01 {
    position: absolute;
    left: 38.335417%;
    top: 4.154455%;
    width: 2.08333333%;
    height: auto;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transform: translate(-50%, -100%);
  }
  .title_shape_Company_01 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Company_Line_01 {
    position: absolute;
    left: 28.11875%;
    top: 4.336539%;
    width: 22.504167%;
    height: 0;
    opacity: 1;
    border-top: 1px solid #0C4F7A;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transform: translate(-50%, -100%);
  }
  .Organization {
    position: absolute;
    left: 16.66666667%;
    top: 8.71287129%;
    width: 10.20833333%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 1.5625cqw;
    line-height: 2.1875cqw;
    letter-spacing: 1.14px;
    transform: none;
  }
  .Oceanedge-operates {
    position: absolute;
    left: 16.66666667%;
    top: 11.6039604%;
    width: 66.66666667%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 1.0416666667cqw;
    line-height: 1.7708333333cqw;
    letter-spacing: 0.76px;
    transform: none;
  }
  .Through-clearly {
    position: absolute;
    left: 16.66666667%;
    top: 16.75247525%;
    width: 63.95833333%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 1.0416666667cqw;
    line-height: 1.7708333333cqw;
    letter-spacing: 0.76px;
    transform: none;
  }
  .tree_01 {
    position: absolute;
    left: 50%;
    top: 30.17821782%;
    width: 74%;
    height: auto;
    opacity: 0.5;
    transform: translateX(-50%);
  }
  .tree_01 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Why-Choose-Us {
    position: absolute;
    left: 65.65625%;
    top: 60.10891%;
    width: 35.67708333%;
    height: auto;
    opacity: 1;
    color: #0C4F7A;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 4.6875cqw;
    line-height: 4.6875cqw;
    letter-spacing: 0px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transform: translate(-50%, -100%);
  }
  .title_shape_Company_02 {
    position: absolute;
    left: 45.94791667%;
    top: 59.28118812%;
    width: 2.08333333%;
    height: auto;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transform: translate(-50%, -100%);
  }
  .title_shape_Company_02 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Company_Line_02 {
    position: absolute;
    left: 31.81875%;
    top: 59.51188%;
    width: 30.404167%;
    height: 0;
    opacity: 1;
    border-top: 1px solid #0C4F7A;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transform: translate(-50%, -100%);
  }
  .whyUs_icon1 {
    position: absolute;
    left: 21.0328125%;
    top: 69.38613861%;
    width: 6.2671875%;
    height: auto;
    opacity: 1;
    transform: none;
  }
  .whyUs_icon1 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Experienced-Multidisciplinary-Team {
    position: absolute;
    left: 16.66666667%;
    top: 75.88118812%;
    width: 15%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: center;
    margin: 0;
    white-space: nowrap;
    font-size: 1.3020833333cqw;
    line-height: 1.9270833333cqw;
    letter-spacing: 0.95px;
    transform: none;
  }
  .whyUs_icon2 {
    position: absolute;
    left: 46.86614583%;
    top: 69.37861386%;
    width: 6.2671875%;
    height: auto;
    opacity: 1;
    background: transparent url("img/whyUs_icon2.png") 0% 0% no-repeat padding-box;
    transform: none;
  }
  .whyUs_icon2 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Integrated-Project-Delivery-Model {
    position: absolute;
    left: 43.85416667%;
    top: 75.88118812%;
    width: 12.29166667%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: center;
    margin: 0;
    white-space: nowrap;
    font-size: 1.3020833333cqw;
    line-height: 1.9270833333cqw;
    letter-spacing: 0.95px;
    transform: none;
  }
  .whyUs_icon3 {
    position: absolute;
    left: 72.5953125%;
    top: 69.38613861%;
    width: 6.2671875%;
    height: auto;
    opacity: 1;
    background: transparent url("img/whyUs_icon3.png") 0% 0% no-repeat padding-box;
    transform: none;
  }
  .whyUs_icon3 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Commitment-to-Safety-Compliance {
    position: absolute;
    left: 68.125%;
    top: 75.72277228%;
    width: 15.20833333%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: center;
    margin: 0;
    white-space: nowrap;
    font-size: 1.3020833333cqw;
    line-height: 1.9270833333cqw;
    letter-spacing: 0.95px;
    transform: none;
  }
  .whyUs_icon4 {
    position: absolute;
    left: 34.1578125%;
    top: 83.32673267%;
    width: 6.2671875%;
    height: auto;
    opacity: 1;
    background: transparent url("img/whyUs_icon4.png") 0% 0% no-repeat padding-box;
    transform: none;
  }
  .whyUs_icon4 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Flexible-Scalable-Solutions {
    position: absolute;
    left: 30.72916667%;
    top: 90.28792079%;
    width: 13.125%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: center;
    margin: 0;
    white-space: normal;
    font-size: 1.3020833333cqw;
    line-height: 1.9270833333cqw;
    letter-spacing: 0.95px;
    transform: none;
  }
  .whyUs_icon5 {
    position: absolute;
    left: 58.94947917%;
    top: 84.33346535%;
    width: 6.2671875%;
    height: auto;
    opacity: 1;
    background: transparent url("img/whyUs_icon5.png") 0% 0% no-repeat padding-box;
    transform: none;
  }
  .whyUs_icon5 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Transparent-Communication {
    position: absolute;
    left: 56.875%;
    top: 90.28792079%;
    width: 10.41666667%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: center;
    margin: 0;
    white-space: nowrap;
    font-size: 1.3020833333cqw;
    line-height: 1.9270833333cqw;
    letter-spacing: 0.95px;
    transform: none;
  }
}
.xd-stage-Company-01-desktop,
.xd-stage-about-02-desktop {
  position: relative;
  width: 100%;
  margin-inline: auto;
}

@media (min-width: 430px) {
  .xd-stage-Company-01-desktop {
    position: relative;
    width: 100%;
    height: 700px;
    margin-inline: auto;
    background-image: url("../img/Company_Structure/structure_banner.webp");
    background-position: 0 0;
    background-repeat: no-repeat;
  }
  .xd-stage-Company-02-desktop {
    position: relative;
    width: 100%;
    height: 2525px;
    margin-inline: auto;
    background-image: url("../img/about/wave_left.webp");
    background-position: 0 0;
    background-repeat: no-repeat;
  }
  .Organization {
    position: absolute;
    left: 16.66666667%;
    top: 8.71287129%;
    width: 10.20833333%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 1.5625cqw;
    line-height: 2.1875cqw;
    letter-spacing: 1.14px;
    transform: none;
  }
  .Oceanedge-operates {
    position: absolute;
    left: 16.66666667%;
    top: 11.6039604%;
    width: 66.66666667%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 1.0416666667cqw;
    line-height: 1.7708333333cqw;
    letter-spacing: 0.76px;
    transform: none;
  }
  .Through-clearly {
    position: absolute;
    left: 16.66666667%;
    top: 16.75247525%;
    width: 63.95833333%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 1.0416666667cqw;
    line-height: 1.7708333333cqw;
    letter-spacing: 0.76px;
    transform: none;
  }
  .tree_01 {
    position: absolute;
    left: 50%;
    top: 22.17821782%;
    width: 74%;
    height: auto;
    opacity: 0.5;
    transform: translateX(-50%);
  }
  .tree_01 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .whyUs_icon1 {
    position: absolute;
    left: 21.0328125%;
    top: 69.38613861%;
    width: 6.2671875%;
    height: auto;
    opacity: 1;
    transform: none;
  }
  .whyUs_icon1 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Experienced-Multidisciplinary-Team {
    position: absolute;
    left: 16.66666667%;
    top: 75.88118812%;
    width: 15%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: center;
    margin: 0;
    white-space: nowrap;
    font-size: 1.3020833333cqw;
    line-height: 1.9270833333cqw;
    letter-spacing: 0.95px;
    transform: none;
  }
  .whyUs_icon2 {
    position: absolute;
    left: 46.86614583%;
    top: 69.37861386%;
    width: 6.2671875%;
    height: auto;
    opacity: 1;
    transform: none;
  }
  .whyUs_icon2 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Integrated-Project-Delivery-Model {
    position: absolute;
    left: 43.85416667%;
    top: 75.88118812%;
    width: 12.29166667%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-align: center;
    margin: 0;
    white-space: nowrap;
    font-size: 1.3020833333cqw;
    line-height: 1.9270833333cqw;
    letter-spacing: 0.95px;
    transform: none;
  }
  .whyUs_icon3 {
    position: absolute;
    left: 72.5953125%;
    top: 69.38613861%;
    width: 6.2671875%;
    height: auto;
    opacity: 1;
    transform: none;
  }
  .whyUs_icon3 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Commitment-to-Safety-Compliance {
    position: absolute;
    left: 68.125%;
    top: 75.72277228%;
    width: 15.20833333%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-align: center;
    margin: 0;
    white-space: nowrap;
    font-size: 1.3020833333cqw;
    line-height: 1.9270833333cqw;
    letter-spacing: 0.95px;
    transform: none;
  }
  .whyUs_icon4 {
    position: absolute;
    left: 34.1578125%;
    top: 83.32673267%;
    width: 6.2671875%;
    height: auto;
    opacity: 1;
    transform: none;
  }
  .whyUs_icon4 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Flexible-Scalable-Solutions {
    position: absolute;
    left: 30.72916667%;
    top: 90.28792079%;
    width: 13.125%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-align: center;
    margin: 0;
    white-space: normal;
    font-size: 1.3020833333cqw;
    line-height: 1.9270833333cqw;
    letter-spacing: 0.95px;
    transform: none;
  }
  .whyUs_icon5 {
    position: absolute;
    left: 58.94947917%;
    top: 84.33346535%;
    width: 6.2671875%;
    height: auto;
    opacity: 1;
    transform: none;
  }
  .whyUs_icon5 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Transparent-Communication {
    position: absolute;
    left: 56.875%;
    top: 90.28792079%;
    width: 10.41666667%;
    height: auto;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-align: center;
    margin: 0;
    white-space: nowrap;
    font-size: 1.3020833333cqw;
    line-height: 1.9270833333cqw;
    letter-spacing: 0.95px;
    transform: none;
  }
}
@media (max-width: 991.98px) {
  .xd-stage-Company-01-desktop,
  .xd-stage-about-02-desktop {
    position: relative;
    margin-inline: auto;
    container-type: inline-size;
    overflow: hidden;
  }
  .xd-stage-Company-01-desktop .xd-node,
  .xd-stage-Company-02-desktop .xd-node {
    position: absolute;
    box-sizing: border-box;
  }
  .xd-stage-Company-01-desktop {
    height: 28.37209302cqw;
    min-height: 184px;
    background-image: url("../img/Company_Structure/structure_banner.webp");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .xd-stage-Company-01-desktop .page_banner_logo {
    display: block;
    position: absolute;
    left: 4.65116279%;
    bottom: 0;
    width: 34.88372093%;
    height: auto;
    opacity: 1;
    visibility: visible;
    transform: none;
    z-index: 2;
  }
  .xd-stage-Company-01-desktop .page_banner_logo img {
    display: block;
    width: 100%;
    height: auto;
    opacity: 1;
  }
  .xd-stage-Company-02-desktop {
    height: 2850px;
    background-image: url("../img/about/wave_left.webp");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  .Company {
    display: block;
    position: absolute;
    left: 50%;
    top: 0.15%;
    width: 45.34883721%;
    height: auto;
    margin: 0;
    color: #0C4F7A;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    font-size: 7.9069767442cqw;
    line-height: 7.9069767442cqw;
    letter-spacing: 0;
    text-align: right;
    white-space: normal;
    opacity: 1;
    visibility: visible;
    transform: translateX(-4.65116279%);
    z-index: 5;
  }
  .title_shape_Company_01 {
    display: block;
    position: absolute;
    left: 43.72093023%;
    top: 0.7%;
    width: 9.30232558%;
    height: auto;
    opacity: 1;
    visibility: visible;
    transform: none;
    z-index: 4;
  }
  .title_shape_Company_01 img {
    display: block;
    width: 100%;
    height: auto;
    opacity: 1;
  }
  .Company_Line_01 {
    display: block;
    position: absolute;
    left: 4.65116279%;
    top: 1.2%;
    width: 48.365116%;
    height: 0;
    opacity: 1;
    visibility: visible;
    border-top: 1px solid #0C4F7A;
    transform: none;
    z-index: 3;
  }
  .Organization {
    position: absolute;
    left: 4.65116279%;
    top: 2.6%;
    width: auto;
    height: auto;
    margin: 0;
    color: #D4D5D5;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 4.65116279cqw;
    line-height: 6.04651163cqw;
    letter-spacing: 0.25px;
    text-align: left;
    white-space: nowrap;
    opacity: 1;
    transform: none;
  }
  .Oceanedge-operates {
    position: absolute;
    left: 50%;
    top: 4.1%;
    width: 90.69767442%;
    height: auto;
    margin: 0;
    color: #D4D5D5;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 4.05cqw;
    line-height: 7.1cqw;
    letter-spacing: 0.15px;
    text-align: left;
    white-space: normal;
    opacity: 1;
    transform: translateX(-50%);
  }
  .Through-clearly {
    position: absolute;
    left: 50%;
    top: 10.9%;
    width: 90.69767442%;
    height: auto;
    margin: 0;
    color: #D4D5D5;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 4.05cqw;
    line-height: 7.1cqw;
    letter-spacing: 0.15px;
    text-align: left;
    white-space: normal;
    opacity: 1;
    transform: translateX(-50%);
  }
  .tree_01 {
    position: absolute;
    left: 50%;
    top: 21.5%;
    width: 90.69767442%;
    height: auto;
    opacity: 1;
    transform: translateX(-50%);
  }
  .tree_01 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Why-Choose-Us {
    position: absolute;
    left: 34.186047%;
    top: 62.8%;
    width: 71%;
    height: auto;
    margin: 0;
    color: #0C4F7A;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 7.9069767442cqw;
    line-height: 9.3023255814cqw;
    letter-spacing: 0;
    text-align: left;
    white-space: nowrap;
    opacity: 1;
    transform: none;
  }
  .title_shape_Company_02 {
    position: absolute;
    left: 23.604651%;
    top: 63.22%;
    width: 9.30232558%;
    height: auto;
    opacity: 1;
    transform: none;
  }
  .title_shape_Company_02 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .Company_Line_02 {
    position: absolute;
    left: 4.65116279%;
    top: 63.72%;
    width: 28.2%;
    height: 0;
    opacity: 1;
    border-top: 1px solid #0C4F7A;
    transform: none;
  }
  .whyUs_icon1,
  .whyUs_icon2,
  .whyUs_icon3,
  .whyUs_icon4,
  .whyUs_icon5 {
    position: absolute;
    left: 50%;
    width: 18.60465116%;
    height: auto;
    opacity: 1;
    transform: translateX(-50%);
  }
  .whyUs_icon1 img,
  .whyUs_icon2 img,
  .whyUs_icon3 img,
  .whyUs_icon4 img,
  .whyUs_icon5 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .whyUs_icon1 {
    top: 66.35%;
  }
  .whyUs_icon2 {
    top: 73.55%;
  }
  .whyUs_icon3 {
    top: 80.75%;
  }
  .whyUs_icon4 {
    top: 87.95%;
  }
  .whyUs_icon5 {
    top: 95%;
  }
  .Experienced-Multidisciplinary-Team,
  .Integrated-Project-Delivery-Model,
  .Commitment-to-Safety-Compliance,
  .Flexible-Scalable-Solutions,
  .Transparent-Communication {
    position: absolute;
    left: 50%;
    width: 90.69767442%;
    height: auto;
    margin: 0;
    color: #D4D5D5;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    font-size: 4.65116279cqw;
    line-height: 6.04651163cqw;
    letter-spacing: 0.15px;
    text-align: center;
    white-space: normal;
    opacity: 1;
    transform: translateX(-50%);
  }
  .Experienced-Multidisciplinary-Team::after,
  .Integrated-Project-Delivery-Model::after,
  .Commitment-to-Safety-Compliance::after,
  .Flexible-Scalable-Solutions::after,
  .Transparent-Communication::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5.58139535cqw;
    height: 1px;
    background: rgba(12, 79, 122, 0.42);
  }
  .Experienced-Multidisciplinary-Team {
    top: 69.25%;
  }
  .Integrated-Project-Delivery-Model {
    top: 76.45%;
  }
  .Commitment-to-Safety-Compliance {
    top: 83.65%;
  }
  .Flexible-Scalable-Solutions {
    top: 90.85%;
  }
  .Transparent-Communication {
    top: 97.65%;
  }
  .Transparent-Communication::after {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .xd-stage-Company-01-desktop,
  .xd-stage-Company-02-desktop {
    width: 100%;
    max-width: 430px;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .xd-stage-Company-01-desktop,
  .xd-stage-Company-02-desktop,
  .xd-stage-04-desktop {
    width: 430px;
    max-width: 430px;
  }
}
.xd-stage-news-01-desktop {
  position: relative;
  width: 100%;
  height: 700px;
  margin-inline: auto;
  background-image: url("../img/news_banner/news_banner.webp");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

@media (min-width: 768px) {
  .xd-stage-news-02-desktop {
    --news-stage-width: min(100vw, 1920px);
    position: relative;
    width: 100%;
    max-width: 1920px;
    min-height: calc(var(--news-stage-width) * 1.5614583333);
    margin-inline: auto;
    background-image: url("../img/about/wave_left.webp");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 96% auto;
  }
}
@media (min-width: 768px) {
  .News-Project {
    position: absolute;
    left: 29.42708333%;
    top: calc(var(--news-stage-width) * 0.0462654321);
    width: 53.90625%;
    height: auto;
    opacity: 1;
    color: #0C4F7A;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 4.6875cqw;
    line-height: 4.6875cqw;
    letter-spacing: 0px;
    transform: none;
  }
  .title_shape_news_01 {
    position: absolute;
    left: 26.71875%;
    top: calc(var(--news-stage-width) * 0.0759197916);
    width: 2.08333333%;
    height: auto;
    opacity: 1;
    transform: none;
  }
  .title_shape_news_01 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .news_Line_01 {
    position: absolute;
    left: 16.71875%;
    top: calc(var(--news-stage-width) * 0.0864507569);
    width: 12.104167%;
    height: 0;
    opacity: 1;
    border-top: 1px solid #0C4F7A;
    transform: none;
  }
  .news-desktop-flow {
    container-type: inline-size;
    position: relative;
    width: 66.61458333%;
    margin-inline: auto;
    padding-top: calc(var(--news-stage-width) * 0.142175);
  }
  .news-toolbar {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-bottom: calc(var(--news-stage-width) * 0.0416666667);
  }
  .news-category-dropdown {
    position: relative;
    width: 23.92494136%;
    min-width: 0;
  }
  .news-category-dropdown__toggle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: calc(var(--news-stage-width) * 0.03125);
    min-height: 0;
    padding: 0 calc(var(--news-stage-width) * 0.0260416667) 0 calc(var(--news-stage-width) * 0.0104166667);
    border: 1px solid #0A7994;
    border-radius: 0;
    background: rgba(20, 38, 72, 0.5);
    color: #D4D5D5;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-size: clamp(10px, var(--news-stage-width) * 0.0104166667, 20px);
    line-height: 1;
    letter-spacing: calc(var(--news-stage-width) * 0.0003958333);
    text-align: left;
    box-shadow: none;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease;
  }
  .news-category-dropdown__toggle:hover, .news-category-dropdown__toggle:focus {
    border-color: #62ACCF;
    background: rgba(20, 38, 72, 0.72);
    color: #D4D5D5;
    outline: none;
    box-shadow: none;
  }
  .news-category-dropdown__toggle::after {
    display: none;
  }
  .news-category-dropdown__arrow {
    position: absolute;
    top: 50%;
    right: calc(var(--news-stage-width) * 0.0104166667);
    width: calc(var(--news-stage-width) * 0.0057291667);
    height: calc(var(--news-stage-width) * 0.0046875);
    transform: translateY(-50%);
    pointer-events: none;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    background: #62ACCF;
    transition: transform 0.2s ease;
  }
  .news-category-dropdown__toggle[aria-expanded=true] .news-category-dropdown__arrow {
    transform: translateY(-50%) rotate(180deg);
  }
  .news-category-dropdown__menu.dropdown-menu {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #0A7994;
    border-top: 0;
    border-radius: 0;
    background: #142648;
    box-shadow: none;
  }
  .news-category-dropdown__item.dropdown-item {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: calc(var(--news-stage-width) * 0.03125);
    padding: 0 calc(var(--news-stage-width) * 0.0104166667);
    border: 0;
    background: transparent;
    color: #D4D5D5;
    font-family: Arial, sans-serif;
    font-weight: 400;
    font-size: clamp(10px, var(--news-stage-width) * 0.0104166667, 20px);
    line-height: 1;
    letter-spacing: calc(var(--news-stage-width) * 0.0003958333);
    white-space: nowrap;
  }
  .news-category-dropdown__item.dropdown-item:hover, .news-category-dropdown__item.dropdown-item:focus {
    background: rgba(49, 120, 165, 0.35);
    color: #FFFFFF;
  }
  .news-category-dropdown__item.dropdown-item.active, .news-category-dropdown__item.dropdown-item:active {
    background: #3178A5;
    color: #FFFFFF;
  }
  .news-list {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 2.34558249cqw;
  }
  .news-card.card {
    container-type: inline-size;
    width: 100%;
    min-height: 19.3901485536cqw;
    margin: 0;
    padding-bottom: 2.34558249cqw;
    overflow: hidden;
    border: 0;
    border-bottom: 1px solid #0A7994 !important;
    border-radius: 0;
    background: rgba(20, 38, 72, 0.5);
    color: #D4D5D5;
    opacity: 1;
  }
  .news-card.card[hidden] {
    display: none !important;
  }
  .news-card__layout {
    display: flex;
    width: 100%;
    aspect-ratio: 1279/248;
  }
  .news-card__media {
    flex: 0 0 40.50039093%;
    width: 40.50039093%;
    height: 100%;
    overflow: hidden;
  }
  .news-card__image {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .news-card__content {
    flex: 0 0 59.49960907%;
    width: 59.49960907%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 1.876466cqw 2.89288507cqw 1.09460516cqw 3.12744332cqw;
  }
  .news-card__title {
    display: -webkit-box;
    width: min(100%, 31.35261923cqw);
    margin: 0 0 1.56372166cqw;
    overflow: hidden;
    color: #D4D5D5;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    font-size: clamp(12px, 2.34558249cqw, 30px);
    line-height: 3.28381548cqw;
    letter-spacing: 0.08913213cqw;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  .news-card__description {
    display: -webkit-box;
    width: 100%;
    margin: 0;
    overflow: hidden;
    color: #D4D5D5;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-size: clamp(9px, 1.56372166cqw, 20px);
    line-height: 2.65832682cqw;
    letter-spacing: 0.05942142cqw;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
  .news-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: auto;
  }
  .news-card__date {
    color: #3178A5;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-size: clamp(8px, 1.40734949cqw, 18px);
    line-height: 2.03330727cqw;
    letter-spacing: 0.05316654cqw;
    text-align: left;
    white-space: nowrap;
  }
  .news-card__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 6.02032838cqw;
    height: 2.81469898cqw;
    padding-inline: 0.5cqw;
    border: 1px solid #3178A5;
    color: #3178A5;
    font-family: Arial, sans-serif;
    font-size: clamp(8px, 0.938233cqw, 12px);
    line-height: 1.2;
    letter-spacing: 0.04em;
    white-space: nowrap;
  }
  .news-card__badge {
    text-decoration: none;
  }
  .news-card__badge:hover, .news-card__badge:focus {
    color: #62ACCF;
    border-color: #62ACCF;
  }
  .news-load-more {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 8.44409695cqw;
  }
  .news-load-more__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7cqw;
    width: 12.66614543cqw;
    min-height: 3.90930414cqw;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #62ACCF;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    font-size: clamp(9px, 1.56372166cqw, 20px);
    line-height: 1;
    letter-spacing: 0.05942142cqw;
    cursor: pointer;
  }
  .news-load-more__button[hidden] {
    display: none !important;
  }
  .news-load-more__arrow {
    width: 0.7cqw;
    height: 0.55cqw;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    background: currentColor;
  }
}
@media (max-width: 767.98px) {
  .news-mobile {
    overflow: hidden;
    background: #142648;
    color: #D4D5D5;
  }
  .news-mobile__hero {
    position: relative;
    min-height: 196px;
    margin: 0;
    overflow: hidden;
    background: #142648;
  }
  .news-mobile__hero::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(20, 38, 72, 0.08) 25%, #142648 100%);
    content: "";
  }
  .title_shape_news_01 {
    position: absolute;
    z-index: 5;
    left: 24.72093023%;
    top: 26%;
    width: 9.30232558%;
    height: auto;
    opacity: 1;
  }
  .title_shape_news_01 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .news_Line_01 {
    position: absolute;
    z-index: 5;
    left: 4.65116279%;
    top: 59.9069767442cqw;
    width: 29.36511628%;
    height: 0;
    opacity: 1;
    border-top: 1px solid #0C4F7A;
  }
  .news-mobile__hero-image {
    display: block;
    width: 100%;
    height: 196px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .news-mobile__hero-title {
    position: absolute;
    z-index: 1;
    top: 20%;
    left: 35%;
  }
  .news-mobile__hero-title h1 {
    margin: 0;
    color: #0C4F7A;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    font-size: 7.9069767442cqw;
    line-height: 9.3023255814cqw;
    letter-spacing: 0;
  }
  .news-mobile__content {
    padding: 0 20px 64px;
  }
  .news-mobile__toolbar {
    margin: 90px 0 22px;
  }
  .news-mobile__category {
    width: 100%;
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid #3178A5;
    border-radius: 0;
    background: #142648;
    color: #D4D5D5;
    font-size: 12px;
    line-height: 1.2;
  }
  .news-mobile__category:focus-visible,
  .news-mobile-card__image-link:focus-visible,
  .news-mobile-card__title a:focus-visible,
  .news-mobile-card__badge:focus-visible,
  .news-mobile__load-more-button:focus-visible {
    outline: 2px solid #62ACCF;
    outline-offset: 3px;
  }
  .news-mobile__list {
    display: grid;
    gap: 18px;
  }
  .news-mobile-card {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(49, 120, 165, 0.45);
  }
  .news-mobile-card[hidden] {
    display: none !important;
  }
  .news-mobile-card__image-link,
  .news-mobile-card__image {
    display: block;
    width: 100%;
  }
  .news-mobile-card__image {
    aspect-ratio: 2.08/1;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .news-mobile-card__title {
    margin: 12px 0 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.02em;
  }
  .news-mobile-card__title a {
    color: #D4D5D5;
    text-decoration: none;
  }
  .news-mobile-card__description {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: #D4D5D5;
    font-size: 12px;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
  .news-mobile-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
  }
  .news-mobile-card__date {
    color: #3178A5;
    font-size: 10px;
    line-height: 1.2;
  }
  .news-mobile-card__badge {
    flex: 0 0 auto;
    padding: 4px 8px;
    border: 1px solid #3178A5;
    color: #3178A5;
    font-size: 10px;
    line-height: 1;
    text-decoration: none;
  }
  .news-mobile__load-more {
    display: flex;
    justify-content: center;
    margin-top: 34px;
  }
  .news-mobile__load-more-button {
    border: 0;
    background: transparent;
    color: #62ACCF;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
  }
  .news-mobile__load-more-button::after {
    margin-left: 7px;
    content: "▾";
  }
  .news-mobile__load-more-button[hidden] {
    display: none;
  }
  .news-detail-mobile {
    position: relative;
    width: 100%;
    min-height: 100vh;
    background: #142648;
    color: #D4D5D5;
  }
  .news-detail-mobile__container {
    width: 100%;
    padding: 24px 8px 70px;
    box-sizing: border-box;
  }
  .news-detail-mobile__header {
    width: 100%;
  }
  .news-detail-mobile__meta {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin-bottom: 8px;
  }
  .news-detail-mobile__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 18px;
    padding: 0 6px;
    border: 1px solid #3178A5;
    background: transparent;
    color: #3178A5;
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.3px;
    text-decoration: none;
    white-space: nowrap;
    box-sizing: border-box;
  }
  .news-detail-mobile__badge:hover, .news-detail-mobile__badge:focus {
    color: #62ACCF;
    border-color: #62ACCF;
    outline: none;
  }
  .news-detail-mobile__date {
    color: #3178A5;
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0.3px;
    white-space: nowrap;
  }
  .news-detail-mobile__title {
    width: 100%;
    margin: 0 0 14px;
    color: #D4D5D5;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.6px;
    text-align: left;
  }
  .news-detail-mobile__hero {
    width: 100%;
    margin: 0;
    overflow: hidden;
    background: rgba(20, 38, 72, 0.5);
  }
  .news-detail-mobile__hero-image {
    display: block;
    width: 100%;
    height: auto;
  }
  .news-detail-mobile__content {
    width: 100%;
    margin-top: 16px;
    color: #D4D5D5;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.25px;
    text-align: left;
  }
  .news-detail-mobile__content p {
    margin: 0 0 14px;
  }
  .news-detail-mobile__content p:last-child {
    margin-bottom: 0;
  }
  .news-detail-mobile__content h2,
  .news-detail-mobile__content h3,
  .news-detail-mobile__content h4 {
    margin: 20px 0 10px;
    color: #D4D5D5;
    font-family: Arial, sans-serif;
    font-weight: 700;
  }
  .news-detail-mobile__content h2 {
    font-size: 16px;
    line-height: 22px;
  }
  .news-detail-mobile__content h3 {
    font-size: 14px;
    line-height: 20px;
  }
  .news-detail-mobile__content h4 {
    font-size: 12px;
    line-height: 18px;
  }
  .news-detail-mobile__content img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 16px 0;
  }
  .news-detail-mobile__content a {
    color: #62ACCF;
    text-decoration: underline;
  }
  .news-detail-mobile__content ul,
  .news-detail-mobile__content ol {
    margin: 0 0 14px;
    padding-left: 20px;
  }
  .news-detail-mobile__content blockquote {
    margin: 16px 0;
    padding: 10px 12px;
    border-left: 2px solid #3178A5;
    background: rgba(49, 120, 165, 0.08);
    color: #D4D5D5;
  }
  .news-detail-mobile__navigation {
    display: block;
    width: 100%;
    margin-top: 36px;
    padding-top: 16px;
    border-top: 1px solid rgba(49, 120, 165, 0.45);
  }
  .news-detail-mobile__adjacent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 14px;
  }
  .news-detail-mobile__nav-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #62ACCF;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.3px;
    text-decoration: none;
    white-space: nowrap;
  }
  .news-detail-mobile__nav-link:hover, .news-detail-mobile__nav-link:focus {
    opacity: 0.75;
    outline: none;
  }
  .news-detail-mobile__nav-link--prev {
    margin-right: auto;
  }
  .news-detail-mobile__nav-link--next {
    margin-left: auto;
  }
  .news-detail-mobile__nav-arrow {
    display: inline-block;
    color: #62ACCF;
    font-size: 12px;
    line-height: 1;
  }
  .news-detail-mobile__back {
    display: block;
    width: 82px;
    margin: 22px auto 0;
    text-decoration: none;
  }
  .news-detail-mobile__back img {
    display: block;
    width: 100%;
    height: auto;
  }
}
@media (min-width: 768px) {
  .xd-stage-news-detail-desktop {
    --news-detail-stage-width:
        min(100vw, 1920px);
    position: relative;
    width: 100%;
    max-width: 1920px;
    min-height: calc(var(--news-detail-stage-width) * 1.86640625);
    margin-inline: auto;
    overflow: visible;
  }
  .news-detail-container {
    container-type: inline-size;
    position: relative;
    width: 66.61458333%;
    margin-inline: auto;
    padding-top: calc(var(--news-detail-stage-width) * 0.0833333333);
  }
  .news-detail__header {
    width: 100%;
  }
  .news-detail__meta {
    display: flex;
    align-items: center;
    width: 100%;
    gap: calc(var(--news-detail-stage-width) * 0.015625);
  }
  .news-detail__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 6.02032838cqw;
    height: 2.81469898cqw;
    padding-inline: 0.6cqw;
    border: 1px solid #3178A5;
    background: transparent;
    color: #3178A5;
    font-family: Arial, sans-serif;
    font-size: clamp(8px, 0.938233cqw, 12px);
    line-height: 1;
    letter-spacing: 0.04em;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s ease, border-color 0.2s ease;
  }
  .news-detail__badge:hover, .news-detail__badge:focus {
    color: #62ACCF;
    border-color: #62ACCF;
    outline: none;
  }
  .news-detail__date {
    color: #3178A5;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-size: clamp(8px, 1.40734949cqw, 18px);
    line-height: 2.03330727cqw;
    letter-spacing: 0.05316654cqw;
    text-align: left;
    white-space: nowrap;
  }
  .news-detail__title {
    width: min(100%, 41.82955434cqw);
    margin: 1.17279124cqw 0 0;
    color: #D4D5D5;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    font-size: clamp(18px, 3.12744332cqw, 40px);
    line-height: 3.90930414cqw;
    letter-spacing: 0.11884285cqw;
    text-align: left;
  }
  .news-detail__hero {
    width: 100%;
    margin: 2.34558249cqw 0 0;
    aspect-ratio: 1279/1794;
    overflow: hidden;
  }
  .news-detail__hero-image {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .news-detail__content {
    width: 100%;
    margin-top: 3.12744332cqw;
    color: #D4D5D5;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-size: clamp(10px, 1.56372166cqw, 20px);
    line-height: 2.65832682cqw;
    letter-spacing: 0.05942142cqw;
    text-align: left;
  }
  .news-detail__content p {
    margin: 0 0 1.56372166cqw;
  }
  .news-detail__content p:last-child {
    margin-bottom: 0;
  }
  .news-detail__content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 2cqw 0;
  }
  .news-detail__content a {
    color: #62ACCF;
    text-decoration: underline;
  }
  .news-detail__navigation {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    width: 100%;
    margin-top: 8cqw;
  }
  .news-detail__nav-link {
    color: #62ACCF;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    font-size: clamp(10px, 1.56372166cqw, 20px);
    line-height: 1.2;
    letter-spacing: 0.05942142cqw;
    text-decoration: none;
    transition: opacity 0.2s ease;
  }
  .news-detail__nav-link:hover, .news-detail__nav-link:focus {
    opacity: 0.7;
    outline: none;
  }
  .news-detail__nav-link--prev {
    justify-self: end;
    margin-right: 7.19233776cqw;
  }
  .news-detail__nav-link--next {
    justify-self: start;
    margin-left: 7.11493354cqw;
  }
  .news-detail__back {
    display: block;
    width: 16.26270524cqw;
    aspect-ratio: 208/50;
    text-decoration: none;
  }
  .news-detail__back img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.news-detail__content img[style*="text-align:center"],
.news-detail__content [style*="text-align:center"] img,
.news-detail-mobile__content img[style*="text-align:center"],
.news-detail-mobile__content [style*="text-align:center"] img {
  margin-left: auto;
  margin-right: auto;
}
.news-detail__content h2,
.news-detail__content h3,
.news-detail__content h4,
.news-detail-mobile__content h2,
.news-detail-mobile__content h3,
.news-detail-mobile__content h4 {
  margin: 1.5em 0 0.75em;
  color: #fff;
}
.news-detail__content blockquote,
.news-detail-mobile__content blockquote {
  margin: 1.5em 0;
  padding: 0.75em 1em;
  border-left: 3px solid #62ACCF;
  color: #D4D5D5;
}
.news-detail__content ul,
.news-detail__content ol,
.news-detail-mobile__content ul,
.news-detail-mobile__content ol {
  margin-bottom: 1.25em;
  padding-left: 1.5em;
}
.news-detail__content table,
.news-detail-mobile__content table {
  display: block;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  margin: 1.5em 0;
  overflow-x: auto;
  border-collapse: collapse;
}
.news-detail__content th,
.news-detail__content td,
.news-detail-mobile__content th,
.news-detail-mobile__content td {
  padding: 0.5em 0.75em;
  border: 1px solid rgba(212, 213, 213, 0.35);
  vertical-align: top;
}
.news-detail__content th,
.news-detail-mobile__content th {
  color: #fff;
  background: rgba(98, 172, 207, 0.18);
}
.news-detail__content hr,
.news-detail-mobile__content hr {
  margin: 2em 0;
  border: 0;
  border-top: 1px solid rgba(212, 213, 213, 0.35);
}

@media (max-width: 767.98px) {
  .news-detail-mobile-placeholder {
    padding: 2rem 1rem;
    color: #D4D5D5;
  }
}
.xd-stage-record_banner-01-desktop {
  position: relative;
  width: 100%;
  height: 700px;
  margin-inline: auto;
  background-image: url("../img/record_banner/record_banner.webp");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

.xd-stage-record_banner-02-desktop {
  position: relative;
  width: 100%;
  height: 1350px;
  margin-inline: auto;
  background-image: url("../img/about/wave_left.webp");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 97% auto;
}

@media (min-width: 768px) {
  .Performance-Record {
    position: absolute;
    left: 60.239583%;
    top: 7.284158%;
    width: 46.09375%;
    height: auto;
    opacity: 1;
    color: #0C4F7A;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: nowrap;
    font-size: 4.6875cqw;
    line-height: 4.6875cqw;
    letter-spacing: 0px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transform: translate(-50%, -100%);
  }
  .title_shape_record_banner_01 {
    position: absolute;
    left: 35.63125%;
    top: 6.00357143%;
    width: 2.08333333%;
    height: auto;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transform: translate(-50%, -100%);
  }
  .title_shape_record_banner_01 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .record_banner_Line_01 {
    position: absolute;
    left: 26.71875%;
    top: 6.33653947%;
    width: 19.94167%;
    height: 0;
    opacity: 1;
    border-top: 1px solid #0C4F7A;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transform: translate(-50%, -100%);
  }
  .record_banner_Line_02 {
    position: absolute;
    left: 16.82291667%;
    top: 14.2962963%;
    width: 0%;
    height: 6.96296296%;
    opacity: 1;
    border: 3px solid #0A7994;
    transform: none;
  }
  .Client-col {
    position: absolute;
    left: 18.02083333%;
    top: 15.77777778%;
    width: 63.90625%;
    height: auto;
    opacity: 1;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 1.0416666667cqw;
    line-height: 1.7708333333cqw;
    letter-spacing: 0.76px;
    transform: none;
    color: #D4D5D5;
  }
  .Client-col span {
    color: #62ACCF;
  }
  .record_banner-card-01 {
    --card-cut: 58px;
    --card-border-width: 1px;
    --card-border-color: #0A7994;
    position: absolute;
    left: 50%;
    top: 28.96296296%;
    width: 66.5625%;
    height: auto;
    opacity: 1;
    transform: translateX(-50%);
    clip-path: polygon(0 0, calc(100% - var(--card-cut)) 0, 100% var(--card-cut), 100% 100%, 0 100%);
    box-sizing: border-box;
    overflow: hidden;
    background: transparent;
  }
  .record_banner-card-01::before {
    content: "";
    position: absolute;
    inset: 0;
    border: var(--card-border-width) solid var(--card-border-color);
    box-sizing: border-box;
    pointer-events: none;
    z-index: 10;
  }
  .record_banner-card-01::after {
    content: "";
    position: absolute;
    top: 0;
    left: calc(100% - var(--card-cut));
    width: calc(var(--card-cut) * 1.4142135624);
    height: var(--card-border-width);
    background: var(--card-border-color);
    transform-origin: left top;
    transform: rotate(45deg);
    pointer-events: none;
    z-index: 11;
  }
  .record_banner-card-01__image {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .record_banner-card-01__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .record_banner-card-01__content {
    position: relative;
    padding: 18px 50px 20px;
    box-sizing: border-box;
  }
  .record_banner-card-01__title {
    color: #D4D5D5 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-align: left;
    margin: 0;
    white-space: normal;
    font-size: 1.5625cqw;
    line-height: 2.1875cqw;
    letter-spacing: 1.14px;
  }
  .record_banner-card-01__list {
    margin: 0;
    padding-left: 20px;
    color: #aeb9cc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.75;
    font-weight: 600;
  }
  .record_banner-card-01__list li {
    padding-left: 2px;
  }
  .record_banner-card-01__list li::marker {
    color: #d4d5d5;
  }
  .record_banner-card-01__text {
    padding-top: 8px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1cqw;
    line-height: 1.1875cqw;
    font-weight: 600;
    letter-spacing: 0.76px;
    color: #d4d5d5;
    opacity: 1;
  }
  .record_banner-card-01__text span {
    color: #62ACCF;
  }
  .record_banner-card-01__text .span_02 {
    padding-left: 30px;
  }
  .record_banner-card-01__text .span_03 {
    padding-left: 30px;
  }
  .record_banner-card-01__text .span_03 img {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 991.98px) {
  .xd-stage-record_banner-01-desktop,
  .xd-stage-record_banner-02-desktop {
    position: relative;
    margin-inline: auto;
    container-type: inline-size;
    overflow: hidden;
    box-sizing: border-box;
  }
  .xd-stage-record_banner-01-desktop .xd-node,
  .xd-stage-record_banner-02-desktop .xd-node {
    position: absolute;
    box-sizing: border-box;
  }
  .xd-stage-record_banner-01-desktop {
    position: relative;
    width: 100%;
    height: 41.86046512cqw;
    min-height: 180px;
    background-image: url("../img/record_banner/record_banner.webp");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    margin-inline: auto;
  }
  .xd-stage-record_banner-01-desktop .page_banner_logo {
    display: block;
    position: absolute;
    left: 4.65116279%;
    bottom: 0;
    width: 34.88372093%;
    height: auto;
    margin: 0;
    opacity: 1;
    visibility: visible;
    transform: none;
    z-index: 2;
  }
  .xd-stage-record_banner-01-desktop .page_banner_logo img {
    display: block;
    width: 100%;
    height: auto;
    max-width: none;
    opacity: 1;
  }
  .xd-stage-record_banner-02-desktop {
    position: relative;
    width: 100%;
    height: 197.6744186cqw;
    min-height: 850px;
    margin-inline: auto;
    background-color: #142648;
    background-image: url("../img/about/wave_left.webp");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  .Performance-Record {
    display: block;
    position: absolute;
    left: 38.37209302%;
    top: 1.75%;
    width: 57%;
    height: auto;
    margin: 0;
    color: #0C4F7A;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    font-size: 7.90697674cqw;
    line-height: 8.37209302cqw;
    letter-spacing: 0;
    text-align: left;
    white-space: normal;
    opacity: 1;
    visibility: visible;
    transform: none;
    z-index: 5;
  }
  .title_shape_record_banner_01 {
    display: block;
    position: absolute;
    left: 27.90697674%;
    top: 3.8%;
    width: 9.30232558%;
    height: auto;
    margin: 0;
    opacity: 1;
    visibility: visible;
    transform: none;
    z-index: 4;
  }
  .title_shape_record_banner_01 img {
    display: block;
    width: 100%;
    height: auto;
  }
  .record_banner_Line_01 {
    display: block;
    position: absolute;
    left: 4.65116279%;
    top: 5.65%;
    width: 32.311628%;
    height: 0;
    margin: 0;
    opacity: 1;
    visibility: visible;
    border: 0;
    border-top: 1px solid #0C4F7A;
    transform: none;
    z-index: 3;
  }
  .record_banner_Line_02 {
    display: block;
    position: absolute;
    left: 4.65116279%;
    top: 10.1%;
    width: 0;
    height: 18.3%;
    margin: 0;
    opacity: 1;
    visibility: visible;
    border: 0;
    border-left: 3px solid #0A7994;
    transform: none;
    z-index: 3;
  }
  .Client-col {
    display: block !important;
    position: absolute;
    left: 11.62790698%;
    top: 10.25%;
    width: 83.72093023%;
    height: auto;
    margin: 0;
    padding: 0;
    opacity: 1;
    color: #D4D5D5;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-size: 4.18604651cqw;
    line-height: 8.37209302cqw;
    letter-spacing: 0;
    text-align: left;
    white-space: normal;
    transform: none;
  }
  .Client-col p {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #D4D5D5;
    font: inherit;
    line-height: inherit;
    text-align: left;
  }
  .Client-col span {
    color: #62ACCF;
  }
  .record_banner-card-01 {
    --card-cut: 3.72093023cqw;
    --card-border-width: 1px;
    --card-border-color: #0A7994;
    --left-pd: clamp(18px, 2.6vw, 50px);
    position: absolute;
    left: 50%;
    top: 31.2%;
    width: 90.69767442%;
    height: auto;
    margin: 0;
    opacity: 1;
    transform: translateX(-50%);
    clip-path: polygon(0 0, calc(100% - var(--card-cut)) 0, 100% var(--card-cut), 100% 100%, 0 100%);
    box-sizing: border-box;
    overflow: hidden;
    background: transparent;
  }
  .record_banner-card-01::before {
    content: "";
    position: absolute;
    inset: 0;
    border: var(--card-border-width) solid var(--card-border-color);
    box-sizing: border-box;
    pointer-events: none;
    z-index: 10;
  }
  .record_banner-card-01::after {
    content: "";
    position: absolute;
    top: 0;
    left: calc(100% - var(--card-cut));
    width: calc(var(--card-cut) * 1.4142135624);
    height: var(--card-border-width);
    background: var(--card-border-color);
    transform-origin: left top;
    transform: rotate(45deg);
    pointer-events: none;
    z-index: 11;
  }
  .record_banner-card-01__image {
    position: relative;
    width: 100%;
    height: 61.62790698cqw;
    overflow: hidden;
  }
  .record_banner-card-01__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
  .record_banner-card-01__content {
    position: relative;
    width: 100%;
    padding: 5.11627907cqw 3.72093023cqw 5.11627907cqw;
    box-sizing: border-box;
    background: #142648;
  }
  .record_banner-card-01__title {
    margin: 0 0 4.65116279cqw;
    padding: 0;
    color: #D4D5D5 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    font-size: 5.58139535cqw;
    line-height: 8.37209302cqw;
    letter-spacing: 0.35px;
    text-align: left;
    white-space: normal;
  }
  .record_banner-card-01__text {
    display: block;
    width: 100%;
    margin: 0;
    padding-left: var(--left-pd);
    color: #D4D5D5;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 4.18604651cqw;
    line-height: 8.37209302cqw;
    letter-spacing: 0;
    text-align: left;
    white-space: normal;
    opacity: 1;
  }
  .record_banner-card-01__text span {
    color: #62ACCF;
  }
  .record_banner-card-01__text .span_02 {
    display: inline;
    padding-left: 0;
  }
  .record_banner-card-01__text .span_03 {
    display: block;
    padding-left: 0;
    color: #62ACCF;
  }
  .record_banner-card-01__text .span_03 img {
    display: inline-block;
    width: 3.72093023cqw;
    height: auto;
    margin-right: 0.93023256cqw;
    vertical-align: -0.46511628cqw;
  }
}
@media (max-width: 575.98px) {
  .xd-stage-record_banner-01-desktop,
  .xd-stage-record_banner-02-desktop {
    width: 100%;
    max-width: 430px;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .xd-stage-record_banner-01-desktop,
  .xd-stage-record_banner-02-desktop {
    width: 430px;
    max-width: 430px;
  }
}
.xd-stage-record_banner-02-desktop.performance-content {
  height: auto;
  min-height: 0;
  padding: clamp(24px, 4vw, 76px) 0 clamp(48px, 6vw, 115px);
  overflow: hidden;
  color: #d4d5d5;
  font-family: Arial, Helvetica, sans-serif;
}
.xd-stage-record_banner-02-desktop.performance-content .performance-heading,
.xd-stage-record_banner-02-desktop.performance-content .performance-marquee,
.xd-stage-record_banner-02-desktop.performance-content .performance-records {
  width: 66.5625%;
  margin-inline: auto;
  min-width: 0;
}
.xd-stage-record_banner-02-desktop.performance-content .performance-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: clamp(32px, 5vw, 96px);
  color: #0c4f7a;
}
.xd-stage-record_banner-02-desktop.performance-content .performance-heading h1 {
  font-size: clamp(28px, 4.6875vw, 90px);
  line-height: 1.15;
  margin: 0;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.xd-stage-record_banner-02-desktop.performance-content .performance-heading img {
  width: clamp(20px, 2.0833vw, 40px);
  height: auto;
  flex: none;
}
.xd-stage-record_banner-02-desktop.performance-content .performance-heading-line {
  flex: 1;
  border-top: 1px solid #0c4f7a;
}
.xd-stage-record_banner-02-desktop.performance-content .performance-marquee {
  display: flex;
  align-items: center;
  gap: 12px;
  border-left: 3px solid #0a7994;
  padding-left: 16px;
  margin-bottom: clamp(28px, 5vw, 96px);
  font-size: clamp(16px, 1.041667vw, 20px);
  line-height: 1.7;
}
.xd-stage-record_banner-02-desktop.performance-content .performance-marquee-viewport {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.xd-stage-record_banner-02-desktop.performance-content .performance-marquee-text {
  overflow-wrap: anywhere;
}
.xd-stage-record_banner-02-desktop.performance-content .performance-marquee-text a {
  color: inherit;
  text-decoration: underline;
}
.xd-stage-record_banner-02-desktop.performance-content .performance-marquee-toggle {
  flex: none;
  border: 1px solid #62accf;
  border-radius: 4px;
  color: #d4d5d5;
  background: #142648;
  padding: 8px;
  font-size: 14px;
}
.xd-stage-record_banner-02-desktop.performance-content .performance-marquee-toggle:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
.xd-stage-record_banner-02-desktop.performance-content .is-animated .performance-marquee-track {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  animation: performance-ticker var(--ticker-duration, 30s) linear infinite;
}
.xd-stage-record_banner-02-desktop.performance-content .is-animated .performance-marquee-text {
  flex: none;
  white-space: nowrap;
  padding-right: 64px;
}
.xd-stage-record_banner-02-desktop.performance-content .is-animated.is-paused .performance-marquee-track, .xd-stage-record_banner-02-desktop.performance-content .is-animated:hover .performance-marquee-track, .xd-stage-record_banner-02-desktop.performance-content .is-animated:focus-within .performance-marquee-track {
  animation-play-state: paused;
}
.xd-stage-record_banner-02-desktop.performance-content .performance-records {
  display: grid;
  gap: clamp(28px, 4vw, 76px);
}
.xd-stage-record_banner-02-desktop.performance-content .record_banner-card-01.performance-rich {
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  min-width: 0;
  transform: none;
  margin: 0;
  font-size: clamp(16px, 1.041667vw, 20px);
  line-height: 1.7;
  overflow-wrap: anywhere;
  padding-bottom: 20px;
  --left-pd: clamp(18px, 2.6vw, 50px);
}
.xd-stage-record_banner-02-desktop.performance-content .record_banner-card-01.performance-rich h1,
.xd-stage-record_banner-02-desktop.performance-content .record_banner-card-01.performance-rich h2,
.xd-stage-record_banner-02-desktop.performance-content .record_banner-card-01.performance-rich h3,
.xd-stage-record_banner-02-desktop.performance-content .record_banner-card-01.performance-rich h4 {
  color: inherit;
  font-family: inherit;
  line-height: 1.4;
  margin: 1em 0 0.5em;
  padding-left: var(--left-pd);
}
.xd-stage-record_banner-02-desktop.performance-content .record_banner-card-01.performance-rich h2 {
  font-size: 1.7em;
}
.xd-stage-record_banner-02-desktop.performance-content .record_banner-card-01.performance-rich h3 {
  font-size: 1.5em;
}
.xd-stage-record_banner-02-desktop.performance-content .record_banner-card-01.performance-rich h4 {
  font-size: 1.25em;
}
.xd-stage-record_banner-02-desktop.performance-content .record_banner-card-01.performance-rich img {
  max-width: 100%;
  height: auto;
}
.xd-stage-record_banner-02-desktop.performance-content .record_banner-card-01.performance-rich img[src$="/tick.webp"] {
  width: 1em;
}
.xd-stage-record_banner-02-desktop.performance-content .record_banner-card-01.performance-rich p:nth-of-type(1) {
  margin: 0 0 1em;
}
.xd-stage-record_banner-02-desktop.performance-content .record_banner-card-01.performance-rich P:not(:first-of-type) {
  padding-left: var(--left-pd);
}
.xd-stage-record_banner-02-desktop.performance-content .record_banner-card-01.performance-rich > :first-child {
  margin-top: 0;
}
.xd-stage-record_banner-02-desktop.performance-content .record_banner-card-01.performance-rich > :last-child {
  margin-bottom: 0;
}
.xd-stage-record_banner-02-desktop.performance-content .record_banner-card-01.performance-rich a {
  color: inherit;
  text-decoration: underline;
}
.xd-stage-record_banner-02-desktop.performance-content .record_banner-card-01.performance-rich ul,
.xd-stage-record_banner-02-desktop.performance-content .record_banner-card-01.performance-rich ol {
  padding-left: 1.5em;
}
.xd-stage-record_banner-02-desktop.performance-content .record_banner-card-01.performance-rich blockquote {
  border-left: 3px solid #62accf;
  margin: 1em 0;
  padding-left: 1em;
}

@keyframes performance-ticker {
  to {
    transform: translateX(calc(-1 * var(--ticker-distance)));
  }
}
@media (max-width: 767.98px) {
  .xd-stage-record_banner-02-desktop.performance-content .performance-heading,
  .xd-stage-record_banner-02-desktop.performance-content .performance-marquee,
  .xd-stage-record_banner-02-desktop.performance-content .performance-records {
    width: 90.69767442%;
  }
  .xd-stage-record_banner-02-desktop.performance-content .performance-heading {
    gap: 8px;
  }
  .xd-stage-record_banner-02-desktop.performance-content .performance-heading h1 {
    font-size: clamp(26px, 7.906977vw, 48px);
  }
  .xd-stage-record_banner-02-desktop.performance-content .performance-marquee {
    gap: 8px;
    padding-left: 10px;
  }
  .xd-stage-record_banner-02-desktop.performance-content .performance-marquee-toggle {
    max-width: 85px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .performance-content .is-animated .performance-marquee-track {
    animation: none;
    display: block;
    width: auto;
  }
  .performance-content .is-animated .performance-marquee-text {
    white-space: normal;
    padding-right: 0;
  }
  .performance-content .is-animated [data-copy],
  .performance-content .is-animated .performance-marquee-toggle {
    display: none;
  }
}
.xd-stage {
  position: relative;
  margin-inline: auto;
}

.xd-image {
  width: 100%;
  height: 100%;
}

.xd-line {
  position: absolute;
  height: 0;
  transform: none;
  border-top: 1px solid currentcolor;
}

.xd-node {
  position: absolute;
  box-sizing: border-box;
}/*# sourceMappingURL=app.css.map */