/* Debug */
* {
  /*box-sizing: border-box;
    border: 1px solid red;*/
}
/* Reset */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* Global css */
.wpcf7-form-control-wrap {
  width: 100%;
}
.jobs-desc .entry-content > *:not(:first-child) {
  margin-top: var(--spacing-lg);
}
ol {
  list-style-type: decimal;
  margin-left: var(--spacing-sm);
}
.entry-content > *:not(:first-child) {
  margin-top: var(--spacing-sm);
}
.entry-content > ul {
  list-style-type: disc;
  margin-left: var(--spacing-sm);
}
.entry-content a {
  color: var(--color-theme-blue);
}
.entry-content a[href^="mailto:"] {
  text-decoration: underline;
}
.entry-content
  > *:is(h1, h2, h3, h4, h5, p, strong)
  + *:is(ul, ol):not(:first-child),
.jobs-desc
  .entry-content
  > *:is(h1, h2, h3, h4, h5, p, strong)
  + *:is(ul, ol):not(:first-child) {
  margin-top: var(--spacing-3xs);
}
.media-wrapper.media-feature:before {
  padding-top: calc((262 / 394) * 100%);
}
.featureSlides-section .swiper {
  padding: 0 var(--container-padding);
}
.featureSlides-section .swiper {
  display: grid;
  grid-template-columns: 100%;
}
.featureSlides-section .swiper > * {
  grid-column: 1;
  grid-row: 1;
}
.featureSlides-section .swiper-nav {
  position: relative;
  pointer-events: none;
  width: 100vw;
  margin-left: calc(var(--container-padding) * -1);
}
.featureSlides-section .swiper-nav .swiper-button {
  pointer-events: auto;
}
.featureSlides-section .swiper-nav .swiper-button-prev {
  left: var(--spacing-md);
}
.featureSlides-section .swiper-nav .swiper-button-next {
  right: var(--spacing-md);
}
.featureSlides-section .swiper-slide {
  width: 394px;
  margin-right: 30px;
}
.featureSlides-section {
  padding: var(--spacing-3xl) 0;
  background-color: var(--color-body-bg);
  position: relative;
  z-index: 9;
}
.featureSlides-section > .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sectionTab-wrapper .section-nav {
  
  display: flex;
  justify-content: center;
}
.media-type + .sectionTab-wrapper.scroll-section .section-nav{
  margin-top: var(--spacing-sm);
}
.sectionTab-wrapper .section-nav .media-tab {
  justify-content: center;
  margin: 0 auto;
}
.sectionTab-container {
  display: grid;
  grid-template-columns: 100%;
}
.sectionTab-container > * {
  grid-column: 1;
  grid-row: 1;
  transition: all var(--transition) var(--timing-function);
}
.sectionTab-container > *:not(.active) {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.cate-row.ico-row {
  width: 24px;
  margin-right: 15px;
  padding-top: 5px;
}
.cate-row.ico-row img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  object-position: center;
}
.vdo-intro {
  height: calc(100vh - var(--header-h));
}
.intro-whats-new {
  transform: translateX(calc(100% - var(--spacing-xs)));
  position: fixed;
  z-index: 999;
  bottom: var(--spacing-md);
  right: var(--spacing-md);
  background-color: var(--color-body-bg);
  max-width: 444px;
  padding: var(--spacing-xs);
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  grid-column-gap: var(--spacing-sm);
  transition: all var(--transition) var(--timing-function);
}
.intro-whats-new.show {
  transform: translateX(0);
}
.intro-whats-new.show .ic {
  transform: scaleX(-1);
}
.whats-new-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  writing-mode: vertical-rl;
  transform: scaleX(-1) scaleY(-1);
  text-align: left;
  cursor: pointer;
}
.whats-new-thumb {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  grid-column-gap: var(--spacing-xs);
  font-size: 14px;
}
.whats-new-desc {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  align-items: flex-start;
}
.whats-new-thumb .new-desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  font-weight: 300;
}
.intro-whats-new .ic {
  transition: all var(--transition) var(--timing-function);
}
.whats-new-thumb a {
  width: fit-content;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 var(--spacing-xs);
  border: 1px solid var(--color-theme-blue);
  color: var(--color-theme-blue);
  border-radius: var(--border-corner);
}
.whats-new-thumb > img {
  width: 194px;
  height: 100%;
  border-radius: 10px;
}
.vdo-intro .bg-content {
  position: absolute;
  top: var(--container-padding);
  right: var(--container-padding);
  bottom: unset;
  left: unset;
  z-index: 2;
  width: fit-content;
  height: fit-content;
  justify-content: flex-start;
  pointer-events: none;
}
.vdo-intro .bg-content > h1 {
  font-size: 10vh;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  writing-mode: vertical-rl;
  transform: scaleX(-1) scaleY(-1);
  text-align: right;
}
.swiper-introSlide {
  width: 100%;
  height: 100%;
}
.swiper-introSlide .gallery-pag {
  top: unset;
  height: fit-content;
  align-items: flex-end;
  z-index: 9;
}
.swiper-introSlide .gallery-pag .swiper-pagination-bullet {
  pointer-events: auto;
  cursor: pointer;
}
.intro-vdo {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  background-color: var(--color-body);
}
.intro-vdo video {
  object-fit: contain !important;
  object-position: center !important;
}
.intro-close {
  position: absolute;
  z-index: 5;
  top: 20px;
  right: 20px;
  background-color: var(--color-theme-blue);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  opacity: 1;
  display: grid;
  place-items: center;
}
.intro-close .ic {
  color: var(--color-white);
}
body .wpcf7 form .wpcf7-response-output {
  margin: 0;
  padding: 0;
  border: 0;
  text-align: left;
  width: 100%;
  color: var(--color-error);
}
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default
  .select2-results__option--highlighted[aria-selected],
.input-group
  .select
  .select2-container--default
  .select2-results__option:hover {
  background: transparent;
  color: var(--color-theme-blue);
  opacity: 1 !important;
}
.input-group .select .select2-container--default .select2-results__option {
  color: var(--color-theme-blue);
  opacity: 0.5;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--color-body-bg) inset !important;
}
.dark-gradient input:-webkit-autofill,
.dark-gradient input:-webkit-autofill:hover,
.dark-gradient input:-webkit-autofill:focus,
.dark-gradient input:-webkit-autofill:active,
.dark-gradient input:-webkit-autofill {
  -webkit-text-fill-color: var(--color-white);
  -webkit-box-shadow: 0 0 0 30px var(--color-body) inset !important;
}
.contact-box input:-webkit-autofill,
.contact-box input:-webkit-autofill:hover,
.contact-box input:-webkit-autofill:focus,
.contact-box input:-webkit-autofill:active,
.contact-box input:-webkit-autofill {
  -webkit-text-fill-color: var(--color-white);
  -webkit-box-shadow: 0 0 0 30px #004bc9 inset !important;
}
.wpcf7-not-valid-tip {
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
  font-size: var(--font-size-2xs) !important;
}
.input-select .wpcf7-not-valid-tip {
  transform: translateY(calc(100% + 10px));
}
body:has(.mfp-bg.mfp-ready) {
  overflow: hidden;
}
.marquee3k__wrapper {
  will-change: transform;
}
.wow {
  animation-duration: 1s;
}
.fade-animate {
  opacity: 0;
  transition: opacity var(--transition) var(--timing-function);
}
.fade-animate.animated {
  opacity: 1;
}
#page {
  position: relative;
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 100%;
}
button,
a,
.feature-item .feature-img,
.feature-item .media-wrapper.icon-wrapper,
.link-text:after {
  transition: all var(--transition) var(--timing-function);
}
html.header-enabled,
.header-enabled body {
  overflow: hidden;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.wrapper {
  width: 100%;
  max-width: calc(var(--container-default) + (var(--container-padding) * 2));
  padding: 0 var(--container-padding);
  margin: 0 auto;
  position: relative;
  height: 100%;
  z-index: 3;
}
.wrapper-form {
  max-width: calc(830px + (var(--container-padding) * 2));
  height: 100%;
}
.wrapper-popup {
  max-width: calc(1300px + (50px * 2));
  padding: 0 50px;
}
.wrapper-masonry {
  max-width: calc(1440px + (var(--container-padding) * 2));
}
.wrapper-wide {
  max-width: calc(var(--container-default) - (50px * 2));
  padding: 0 50px;
}
.wrapper-grid {
  max-width: calc(1115px + (var(--container-padding) * 2));
}
.wrapper-content {
  max-width: calc(1240px + (var(--container-padding) * 2));
}
.wrapper-insight {
  max-width: calc(1440px + (50px * 2));
  padding: 0 50px;
}
.media-wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.media-wrapper.fit-height {
  height: 100%;
}
.media-wrapper.vh-100 {
  height: calc(100vh - var(--header-h));
  height: calc((var(--vh, 1vh) * 100) - var(--header-h));
}
.media-wrapper:before {
  content: "";
  display: block;
  width: 100%;
}
.media-wrapper.media-150:before {
  padding-top: 150%;
}
.media-wrapper.media-120:before {
  padding-top: 120.689655%;
}
.media-wrapper.media-116:before {
  padding-top: 116.071429%;
}
.media-wrapper.media-100:before {
  padding-top: 100%;
}
.media-wrapper.media-76:before {
  padding-top: 76.7741935%;
}
.media-wrapper.media-67:before {
  padding-top: 67.0940171%;
}
.media-wrapper.media-66:before {
  padding-top: 66.6666667%;
}
.media-wrapper.media-65:before {
  padding-top: 65%;
}
.media-wrapper.media-60:before {
  padding-top: 60.2777778%;
}
.media-wrapper.media-59:before {
  padding-top: 59.4202899%;
}
.media-wrapper.media-56:before {
  padding-top: 56.2903226%;
}
.media-wrapper.media-51:before {
  padding-top: 51.6666667%;
}
.media-wrapper > img,
.media-wrapper > picture,
.media-wrapper > video,
.media-wrapper > iframe,
.maps-wrapper > iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.maps-wrapper > iframe,
.media-wrapper > iframe {
  object-fit: unset;
}
.media-wrapper.media-fit > img,
.media-wrapper.media-fit > picture,
.media-wrapper.media-fit > video {
  object-fit: contain;
}
.bg-content {
  position: absolute;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.bg-obj {
  position: absolute;
  z-index: -1;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.bg-obj.bg-overlay:before {
  content: "";
  position: absolute;
  width: 100%;
  display: block;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-color: rgb(var(--color-body-rgb), 0.3);
}
.bg-obj * {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.object-fit {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.object-fit > img,
.object-fit > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.link-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.full-height {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.grid-content {
  display: grid;
  width: 100%;
}
.grid-content.grid2 {
  grid-template-columns: repeat(2, 50%);
}
.grid-content.grid3 {
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: var(--spacing-md);
  grid-row-gap: var(--spacing-lg);
}
.grid-content.grid4 {
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: var(--spacing-md);
}
.grid-content.grid6 {
  /* grid-template-columns: repeat(6, 1fr); */
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  grid-row-gap: var(--spacing-2sm);
}
.site-btn {
  pointer-events: all;
  position: relative;
  z-index: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  padding: 0 var(--spacing-md);
  height: 56px;
  border-radius: 50vw;
  overflow: hidden;
  filter: drop-shadow(0px 0px 7px rgba(0, 37, 99, 0.1));
  font-family: var(--font-body);
  font-weight: var(--weight-light);
  color: var(--color-theme-blue);
  transition: color 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}
.input-row .site-btn {
  min-width: 200px;
}
.site-btn:hover {
  color: var(--color-white);
}
.site-btn:before,
.site-btn:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  will-change: transform;
}
.site-btn:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: var(--color-theme-blue);
  border-radius: 50vw;
  overflow: hidden;
}
.page-career-application .bg-blue .site-btn:before {
  background: #004bc9;
}
.site-btn:after {
  top: 0;
  left: 0;
  transform: translate3d(0, 0, 0);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background: var(--color-white);
  transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}
.site-btn:hover::after {
  transform: translate3d(0, -100%, 0);
}
.c-blue,
.page-content > p {
  color: var(--color-theme-blue);
}
.c-blue-light {
  color: var(--color-theme-blue-light) !important;
}
.c-gray-desc {
  color: var(--color-gray-desc);
}
.c-gray-body {
  color: var(--color-gray-body) !important;
}
.bg-gray {
  background-color: var(--color-gray-bg) !important;
}
.bg-blue {
  background-color: var(--color-theme-blue) !important;
}
.bg-blue2 {
  background-color: #004bc9 !important;
}
.bg-blue-light {
  background-color: var(--color-theme-blue-light);
}
.bg-blue-white {
  background-color: #d1f6ff !important;
}
.border-corner {
  border-radius: var(--border-corner);
  overflow: hidden;
}
.border-corner > video {
  border-radius: var(--border-corner);
  overflow: hidden;
}
.border-corner.box-shadow {
  box-shadow: 0px 30px 20px -15px rgba(0, 37, 99, 0.2);
}
@-webkit-keyframes c-fadeInUp {
  0% {
    -webkit-transform: translateY(10vh) translateZ(0);
    opacity: 0;
    transform: translateY(10vh) translateZ(0);
  }
  to {
    -webkit-transform: translate3d(0px, 0px, 0px);
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes c-fadeInUp {
  0% {
    -webkit-transform: translateY(10vh) translateZ(0);
    opacity: 0;
    transform: translateY(10vh) translateZ(0);
  }
  to {
    -webkit-transform: translate3d(0px, 0px, 0px);
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
  }
}
.c-fadeInUp {
  -webkit-animation-name: c-fadeInUp;
  animation-name: c-fadeInUp;
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1),
    opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.text-link {
  color: var(--color-theme-blue);
  /*text-decoration: underline;*/
  font-weight: var(--weight-light);
  font-family: var(--font-menu);
  font-size: var(--font-size-md);
}
/* END GLOBAL */
/* FONT */
.ff-menu {
  font-family: var(--font-menu);
}
.ff-heading {
  font-family: var(--font-heading);
}
.ff-body,
body {
  font-family: var(--font-body);
  font-size: var(--font-size-sm);
}
.fw-bold {
  font-weight: var(--weight-bold) !important;
}
.fw-medium {
  font-weight: var(--weight-medium) !important;
}
.fw-light {
  font-weight: var(--weight-light) !important;
}
.fsw-h1 {
  font-family: var(--font-heading);
  font-size: var(--font-size-h1);
  font-weight: var(--weight-bold);
}
.fsw-h2 {
  font-family: var(--font-heading);
  font-size: var(--font-size-h2);
  font-weight: var(--weight-light);
}
.fsw-h3 {
  font-family: var(--font-heading);
  font-size: var(--font-size-h3);
  font-weight: var(--weight-regular);
}
.fsw-h4 {
  font-size: var(--font-size-h4);
  font-weight: var(--weight-light);
}
.fsw-link {
  font-size: var(--font-size-xs);
  font-weight: var(--weight-light);
  text-decoration: underline;
}
.main-menu {
  font-family: var(--font-menu);
  font-size: var(--font-size-sm);
  font-weight: var(--weight-light);
}
.fsw-desc,
.career-application .custom-file-label {
  font-size: var(--font-size-xs);
  font-weight: var(--weight-light);
}
.fs-body-s {
  font-size: var(--font-size-sm);
}
.lang-switcher {
  font-family: var(--font-body);
  font-size: var(--font-size-2xs);
  font-weight: var(--weight-regular);
  line-height: var(--font-size-2xs);
}
.main-menu,
.lang-switcher {
  color: var(--color-white);
}
footer {
  font-size: var(--font-size-sm);
  font-weight: var(--weight-light);
  /*display: grid;
    grid-template-columns: 100%;*/
}
footer .footer-social .ic {
  font-size: 20px;
}
.wpml-switcher .active {
  text-decoration: underline;
}
.fsw-bannner {
  font-family: var(--font-heading);
  font-weight: var(--weight-light);
  font-size: 64px;
  line-height: 76px;
}
.fsw-body,
.input-group label,
.input-group .select .select2-selection__placeholder,
.input-group
  .select
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered,
.input-group .select .select2-container--default .select2-results__option,
.single .entry-content > p,
.page-content > p,
.tab-nav-m,
.input-group input,
.input-group textarea {
  font-family: var(--font-body);
  font-weight: var(--weight-light);
  font-size: var(--font-size-sm);
  line-height: 22.5px;
}
.swiper-button-next,
.swiper-button-prev {
  background-color: var(--color-white);
  width: 55px;
  height: 55px;
  border-radius: 50%;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: "iconfont";
  font-size: var(--font-size-xl);
  color: var(--color-theme-blue);
}
.swiper-button-next:after {
  content: "\e906";
}
.swiper-button-prev:after {
  content: "\e905";
}
.swiper-button-disabled {
  opacity: 0 !important;
}
.about-slides .swiper-button-disabled {
  opacity: 0.35 !important;
}
/* END OF FONT */
/* HEADER */
header {
  width: 100%;
  max-width: calc(100vw);
  height: var(--header-h);
  padding: var(--spacing-xs) var(--container-padding);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: var(--color-theme-blue);
}
header.header-scroll {
  /*background-color: var(--color-theme-blue);*/
}
header .site-logo img {
  height: 37px;
  width: auto;
}
.header-container {
  display: grid;
  grid-template-columns: 100px 1fr;
}
.header-container .header-left {
  display: grid;
  height: 100%;
  place-items: center;
}
.header-container .header-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  row-gap: var(--spacing-2xs);
}
.header-float {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  grid-column-gap: var(--spacing-xs);
}
.headerSearch-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.headerSearch-btn {
  color: var(--color-white);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-column-gap: var(--spacing-2xs);
}
.headerSearch-btn > span.hidden-mb {
  opacity: 0.6;
  font-size: 12px;
}
.headerSearch-btn > span.ic {
  font-size: 14px;
}
.search-form,
.headerSearch-container.open .headerSearch-btn > span.hidden-mb {
  display: none;
}
.search-form .ic {
  color: var(--color-white);
}
.search-form input[type="search"] {
  color: var(--color-white);
  width: 140px;
  height: 18px;
  line-height: 18px;
  border-bottom: 1px solid var(--color-white);
  margin-right: var(--spacing-3xs);
}
.main-menu {
  height: 30px;
}
.main-menu,
.lang-switcher,
.wpml-switcher {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: var(--spacing-md);
}
.lang-switcher > p {
  opacity: 0.6;
}
.lang-switcher {
  height: 18px;
  column-gap: var(--spacing-2xs);
}
.wpml-switcher {
  column-gap: 0;
}
.wpml-switcher li {
  padding: 0 var(--spacing-xs);
}
.wpml-switcher li:last-child {
  padding-right: 0;
}
.wpml-switcher li:not(:last-child) {
  border-right: 1px solid var(--color-white);
}
.main-menu .menu-item {
  position: relative;
  white-space: nowrap;
}
.main-menu > .menu-item > .sub-menu a {
  color: var(--color-theme-blue);
}
.main-menu > .menu-item > .sub-menu > .menu-item a,
.main-menu
  > .menu-item-has-children
  > .sub-menu
  > .menu-item-has-children
  > .sub-menu
  a {
  opacity: 0.5;
}
.main-menu
  > .menu-item-has-children
  > .sub-menu
  > .menu-item-has-children:has(.sub-menu)
  > a,
.main-menu > .menu-item > .sub-menu:has(.sub-menu) > .menu-item > a {
  opacity: 1;
}

/* END OF HEADER */
/* FOOTER */
footer {
  padding-top: var(--spacing-lg);
  background-color: #010101;
}
footer > .wrapper {
  background-color: #010101;
  color: var(--color-white);
}
footer .footer-menu > .menu-item > a {
  line-height: 28px;
}
.footer-bottom-menu .footer-menuBottom {
  display: flex;
  justify-content: flex-end;
  grid-column-gap: var(--spacing-2sm);
  margin-bottom: var(--spacing-2xs);
}
footer .menu-item:not(.footer-style) .sub-menu {
  margin: var(--spacing-2xs) 0;
}
footer .menu-item.footer-style .sub-menu a {
  line-height: 2;
}
footer .menu-item:not(.footer-style) .sub-menu a {
  color: var(--color-white);
  opacity: 0.5;
}
.footer-container {
  grid-column-gap: 20px;
}
.footer-bottom {
  padding: var(--spacing-lg) 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.footer-social {
  flex: 1 1 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: var(--spacing-sm);
}
.footer-bottom .copyright {
  opacity: 0.5;
}
.subscribe-box {
  width: 100%;
  max-width: 315px;
}
.subscribe-form {
  position: relative;
  margin-top: var(--spacing-2xs);
}
.subscribe-form input {
  width: 100%;
  border-bottom: 1px solid var(--color-body-bg);
  height: 44px;
}
.subscribe-btn {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--color-body-bg);
  color: var(--color-theme-blue);
  display: grid;
  place-items: center;
}
.subscribe-btn .ic {
  font-size: 11px;
}
.form-note {
  margin-top: var(--spacing-3xs);
  opacity: 0.5;
}
/* END OF FOOTER */
/* Homepage */
.page-main {
  margin-top: var(--header-h);
}
.vdo-intro {
  position: relative;
  z-index: 1;
  pointer-events: none;
}
.vdo-intro .bg-content {
  width: fit-content;
  height: 100%;
  margin-left: auto;
}
.vdo-intro .bg-obj.scroll {
  transform: scale(2);
}
.color-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: var(--color-body);
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}
.color-overlay.scroll {
  opacity: 1;
}
.vdo-intro.scroll:after {
  opacity: 1;
}
.media-type {
  background-color: var(--color-body-bg);
  position: relative;
  z-index: 2;
  padding: var(--spacing-4xl) 0;
}
.tab-heading {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: var(--spacing-xs);
}
.media-tab {
  width: fit-content;
  height: 60px;
  background: #eef3f5;
  border-radius: 100px;
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.media-tab .tab-item {
  position: relative;
  width: fit-content;
  height: 100%;
}
.media-tab .tab-item button {
  white-space: nowrap;
  padding: 0 var(--spacing-md);
  border-radius: 100px;
  height: 100%;
  color: var(--color-theme-blue-light);
  font-size: var(--font-size-sm);
  font-weight: var(--weight-light);
}
.media-tab .tab-item.active button {
  background: #ffffff;
  box-shadow: 0px 3px 13px rgba(6, 187, 232, 0.1);
  color: var(--color-theme-blue);
}
.media-tab .tab-item:hover button {
  color: var(--color-theme-blue);
}
.grid-content.media-grid {
  grid-template-columns: 45.1612903% auto;
  grid-column-gap: var(--spacing-md);
  position: relative;
}
.media-planning #media-solution .grid-content.media-grid {
  height: 621px;
}
.media-planning .media-summary {
  height: 100%;
  overflow: hidden;
}
.media-planning .media-summary .media-column {
  overflow-y: scroll;
  height: 100%;
  padding-bottom: var(--spacing-xl);
}
.media-solution,
.media-projects-container {
  display: grid;
  grid-template-columns: 100%;
}
.media-solution > .media-grid,
.media-projects-container > .media-projects {
  grid-column: 1;
  grid-row: 1;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: all 1s;
  pointer-events: none;
}
.media-solution > .media-grid.active,
.media-projects-container > .media-projects.active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  pointer-events: all;
}
.media-summary {
  width: 100%;
  padding: var(--spacing-lg);
  background: #004bc9;
  box-shadow: 0px 30px 20px -15px rgba(0, 37, 99, 0.2);
  border-radius: var(--border-corner);
  color: var(--color-white);
}
.media-summary-item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  padding: var(--spacing-xs) 0;
  margin-left: var(--spacing-xs);
  border-bottom: 1px solid rgba(var(--color-white-rgb), 0.2);
  position: relative;
}
.amount-group {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  width: 100%;
}
.amount-group .cate-desc {
  max-width: 90%;
  display: block;
  text-align: right;
}
.media-summary-item:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--color-white);
  transition: width 0.6s;
}
.media-summary-item:hover:after,
.media-summary-item.active:after {
  width: 100%;
}
.cate-row {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  /*width: 50%;*/
  width: calc(50% - 24px);
}
.media-summary-item .cate-row:has(.amount-group) {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: var(--spacing-xs);
  margin-left: auto;
}
.cate-row .cate-desc {
  opacity: 0.59;
}
.cate-submenu {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  line-height: 12px;
  height: 0;
  overflow: hidden;
  transition: all 0.3s;
}
.cate-submenu .cate-menu > a {
  position: relative;
  line-height: 1;
}
.cate-submenu .cate-menu > a > img {
  width: 60px;
  height: 18px;
  object-fit: contain;
  object-position: center;
}
.cate-submenu .cate-menu > a > span:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  bottom: 4px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--color-white);
  transition: width 0.4s;
}
.cate-submenu .cate-menu > a:hover > span:after {
  width: 100%;
}
.cate-submenu .cate-menu:first-child {
  padding-left: 0;
}
.cate-submenu .cate-menu {
  padding: 0 var(--spacing-3xs);
}
.cate-submenu .cate-menu:not(:first-child) {
  border-left: 1px solid var(--color-white);
}
.media-projects-container {
  position: relative;
  overflow: hidden;
}
.media-projects-container:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  display: block;
  z-index: 2;
  background: linear-gradient(
    180deg,
    rgba(249, 249, 249, 0) 7.29%,
    #f9f9f9 95.31%
  );
  pointer-events: none;
}
.media-projects {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  padding-bottom: var(--spacing-xl);
}
.media-masonry .media-thumb-item {
  width: 48% !important;
  margin-bottom: 30px;
}
.media-masonry .grid-sizer {
  width: 48%;
}
.media-masonry .gutter-sizer {
  width: 4%;
}
.media-thumb-item .media-thumb > img,
.media-thumb-item .media-thumb {
  border-radius: var(--border-corner);
  overflow: hidden;
  object-fit: cover;
  object-position: center;
}
.media-thumb-item .media-thumb > img {
  width: 100%;
  height: auto;
  transition: all 0.4s;
}
.media-thumb-item .media-wrapper > img {
  transition: all 0.4s;
}
.media-thumb-item:hover .media-thumb > img,
.media-thumb-item:hover .media-wrapper > img {
  transform: scale(1.025);
}
.media-thumb-item:hover .media-thumb > img,
.media-thumb-item:hover .media-wrapper > img {
  transform: scale(1.025);
}
.media-thumb-item .media-detail {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: var(--spacing-3xs);
}
.media-thumb-item .media-cate {
  opacity: 0.5;
}
.scroll-section {
  position: relative;
  background-color: var(--color-body-bg);
  z-index: 2;
  overflow: hidden;
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-xl);
}
.scroll-section .scroll-wrapper {
  height: 440px;
}
.scroll-section .scroll-repeat {
  display: flex;
  column-gap: var(--spacing-md);
  align-items: center;
}
.scroll-section .scroll-repeat > .scroll-item:first-child {
  margin-left: var(--spacing-md);
}
.scroll-section .scroll-item {
  display: block;
  /*    width: 430px;*/
  width: fit-content;
  line-height: 1;
  position: relative;
}
.scroll-section .scroll-item img {
  width: 100%;
  height: auto;
  min-width: 310px;
  max-height: 430px;
  display: block;
  border-radius: var(--border-corner);
  overflow: hidden;
  box-shadow: 0px 30px 20px -15px rgba(0, 37, 99, 0.2);
}

.scroll-section .scroll-item .scroll-img {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-corner);
}
.scroll-section .scroll-item .scroll-img:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 2;
  background-color: transparent;
  transition: all 0.4s;
}
.scroll-section .scroll-item:hover .scroll-img:before {
  background-color: rgba(var(--color-theme-blue-rgb), 0.6);
}
.scroll-section .scroll-item .scroll-detail {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  padding: calc(var(--spacing-md));
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  white-space: break-spaces;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  transition: all 0.4s;
}
.scroll-section .scroll-item:hover .scroll-detail {
  opacity: 1;
  visibility: visible;
}
.vdo-section {
  position: relative;
  z-index: 2;
}
.vdo-btn {
  position: absolute;
  display: block;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  opacity: 1;
}
.vdo-btn:after {
  content: "\e933";
  font-family: "iconfont";
  position: absolute;
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  background-color: rgba(var(--color-white-rgb), 0.5);
  color: var(--color-theme-blue);
}
.vdo-section.playing .vdo-btn:after {
  content: "\e936";
}
.vdo-section.playing .vdo-btn {
  opacity: 0;
  transition: opacity 0.4s;
  transition-delay: 0.6s;
}
.vdo-section.playing.mouseOn .vdo-btn {
  opacity: 1;
  transition-delay: 0s;
}
.cta-card {
  border-radius: var(--border-corner);
  overflow: hidden;
  background-color: var(--color-white);
}
.cta-card .card-content {
  padding: var(--spacing-md);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  grid-row-gap: var(--spacing-sm);
}
.cta-card .card-content .card-heading > .fsw-desc {
  opacity: 0.5;
}
.cta-section {
  background-image: url("../img/design/gradient-bg.jpg");
  background-position: bottom center;
  background-size: cover;
  padding-top: var(--spacing-4xl);
}
.cta-section .grid-heading {
  padding-bottom: var(--spacing-4xl);
}
.cta-section .wrapper-grid {
  padding-bottom: var(--spacing-4xl);
}
.cta-section .cards-cta {
  grid-gap: var(--spacing-md);
}
.cta-card.card-row2 {
  grid-column: 1;
  grid-row: 1 / span 2;
}
.cards-cta .cta-card:not(.card-row2) {
  display: grid;
  place-items: center;
}
.card-bg {
  background-image: url("../img/design/cta-bg2.jpeg");
  background-position: center;
  background-size: cover;
}
.card-bg.card-gradient {
  background-image: url("../img/design/cta-bg.jpg");
}
.logo-display {
  overflow: hidden;
  padding-bottom: var(--spacing-5xl);
}
.logo-display .logo-repeat .logo-item:first-child {
  margin-left: var(--spacing-xl);
}
.logo-display .logo-repeat {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: var(--spacing-xl);
}
.logo-display .logo-item img {
  display: inline-block;
  width: auto;
  max-width: 168px;
  height: 100%;
  max-height: 74px;
  filter: var(--filter-white);
  transition: all 0.4s;
}
.logo-display .logo-item:hover img {
  filter: none;
}
.contact-bottom {
  position: relative;
  background-color: #010101;
  padding-top: var(--spacing-5xl);
  padding-bottom: var(--spacing-xl);
}
.magnetic .contact-bottom {
  padding-top: var(--spacing-3xl);
}
.dark-gradient {
  position: relative;
}
.dark-gradient:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 200px;
  background: linear-gradient(
    180deg,
    rgba(0, 37, 99, 0) 0%,
    rgba(6, 59, 140, 0) 0.01%,
    rgba(2, 19, 44, 0.686627) 53.65%,
    #010101 78.12%,
    #010101 100%
  );
  z-index: 2;
  transform: translateY(-80%);
}
.dark-gradient + .dark-gradient:before {
  content: none;
}
/* END of Homepage */
/* OOH */
.page-nav {
  position: relative;
  background-color: var(--color-white);
}
.page-nav .cate-nav .swiper-slide:has(.active) {
  background-color: var(--color-body-bg);
}
.page-nav .cate-nav .swiper-slide span {
  color: var(--color-gray-body);
  text-align: center;
  line-height: 1;
}
.page-nav .cate-nav .swiper-slide:has(.active) span {
  color: var(--color-theme-blue);
}
.page-nav .cate-nav .swiper-slide img {
  -webkit-filter: brightness(0) !important;
  filter: brightness(0) !important;
  opacity: 0.5;
}
.page-nav .cate-nav .swiper-slide:has(.active) img {
  -webkit-filter: unset !important;
  filter: unset !important;
  opacity: 1;
}
.cate-nav .swiper-slide {
  width: 110px;
  height: 100px;
}
.cate-nav .swiper-slide a,
.cate-nav .swiper-slide button {
  width: 110px;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  row-gap: var(--spacing-2xs);
  padding-top: 25px;
}
.cate-nav .swiper-slide a > img,
.cate-nav .swiper-slide button > img {
  height: 30px;
  width: auto;
}
.cover-banner {
  position: relative;
  width: 100%;
  min-height: 300px;
}
.cover-banner:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 20.8333333%;
}
.cover-banner:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-body);
  opacity: 0.6;
}
.cover-detail {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.cover-detail .grid-content .section-desc {
  display: flex;
  height: 100%;
  align-items: center;
}
.cover-detail .wrapper {
  display: flex;
  align-items: flex-end;
  padding-bottom: var(--spacing-lg);
}
.cate-nav.project-nav a > img,
.cate-nav.project-nav button > img {
  height: 30px;
  width: auto;
  opacity: 0.5;
  mix-blend-mode: lighten;
  transition: all 0.4s;
}
.cate-nav.project-nav .swiper-slide:has(.active) a > img,
.cate-nav.project-nav .swiper-slide:has(.active) button > img {
  opacity: 1;
  mix-blend-mode: normal;
}
.cate-nav.project-nav {
  background-color: var(--color-body);
}
.cate-nav.project-nav .swiper-slide {
  width: fit-content;
  padding: 0 var(--spacing-md);
  position: relative;
}
.cate-nav.project-nav .swiper-slide:not(:last-child):after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 50%;
  background-color: var(--color-white);
}
.ooh-section {
  padding: var(--spacing-5xl) 0;
  overflow: hidden;
}
.tab-nav .media-tab {
  width: 100%;
  margin-left: 0;
  justify-content: space-between;
}
.ooh-main-container {
  display: grid;
  grid-template-columns: 100%;
}
.ooh-main-container > * {
  background-color: var(--color-body-bg);
  grid-column: 1;
  grid-row: 1;
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  pointer-events: all;
  max-height: unset;
}
.ooh-main-container > *:not(.active) {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  max-height: 0px;
}
.ooh-container {
  display: grid;
  grid-template-columns: 100%;
}
.ooh-container .ooh-content {
  grid-column: 1;
  grid-row: 1;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 1s;
}
.ooh-container .ooh-content.active {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
.gallery-slide {
  border-radius: var(--border-corner);
  overflow: hidden;
  box-shadow: 0px 30px 20px -15px rgba(0, 37, 99, 0.2);
}
.gallery-pag,
.swiper.default .swiper-pag {
  position: absolute;
  bottom: var(--spacing-lg) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  z-index: 2;
}
.repeatContainer-section .gallery-pag {
  bottom: var(--spacing-2sm) !important;
}
.gallery-pag .swiper-pagination-bullet,
.swiper.default .swiper-pag .swiper-pagination-bullet{
  width: 4px;
  height: 4px;
  background: var(--color-white) !important;
  opacity: 1 !important;
  transition: all 0.4s;
}
.gallery-pag .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper.default .swiper-pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 40px;
  height: 4px;
  border-radius: 5px;
}
.gallery-pag.blue-pag .swiper-pagination-bullet{
  background: var(--color-theme-blue) !important;
}
.ooh-content .swiper.auto .swiper-slide {
  width: fit-content;
}
.tab-link {
  color: var(--color-theme-blue-light);
}
.tab-link.active {
  color: var(--color-theme-blue);
}
.oohCount-section {
  background-color: var(--color-theme-blue-light);
  margin: var(--spacing-lg) 0;
  padding: var(--spacing-lg);
  border-radius: 20px;
}
.count-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.count-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.count-item > .count-desc {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column-gap: var(--spacing-2xs);
}
.info-hover {
  cursor: pointer;
}
.info-box {
  position: absolute;
  z-index: 99;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all var(--transition) var(--timing-function);
  padding: var(--spacing-xs);
  background-color: var(--color-white);
  border-radius: 8px;
  color: var(--color-theme-blue);
}
.info-hover:hover + .info-box {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.research .count-item {
  align-items: flex-start;
}
.research .count-grid .count-item:not(:first-child) {
  padding: 0 var(--spacing-xs);
}
.ooh-detail .vdo-section {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0px 30px 20px -15px rgba(0, 37, 99, 0.2);
}
.oohLocation-section {
  margin-top: var(--spacing-xl);
}
.oohLocation-section .section-heading {
  margin-bottom: var(--spacing-2lg);
}
.location-container {
  position: relative;
}
.maps-marker {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.oohLocation-section .grid-content.grid2 {
  grid-column-gap: 46px;
}
/* END of OOH */
/* Stadium */
.gray-section {
  background-color: #f6f6f6;
}
.stadium-vdo {
  border-radius: var(--border-corner);
  overflow: hidden;
  box-shadow: 0px 30px 20px -15px rgba(0, 37, 99, 0.2);
}
.heading-cta {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: var(--spacing-lg);
}
.heading-cta .section-heading .fsw-h1 {
  margin-bottom: var(--spacing-md);
}
.heading-cta .section-heading {
  width: 50%;
}
.heading-cta .section-heading p {
  width: 100%;
}
.logo-nav img {
  height: 68px;
  width: auto;
}
.gallery-nav .swiper-slide {
  width: fit-content;
  user-select: none;
}
.gallery-nav .swiper-slide:not(:first-child) {
  margin-left: 80px;
}
.stadium .gray-section,
.entertainment .gray-section {
  padding-top: var(--spacing-5xl);
  padding-bottom: var(--spacing-2xl);
}
.media-gallery {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-3xl);
}
.media-gallery .section-content {
  display: grid;
  grid-template-columns: 100%;
}
.page.innovation .media-gallery .section-content {
  display: block;
}
.media-gallery .section-content .gallery-container {
  grid-column: 1;
  grid-row: 1;
  visibility: hidden;
  z-index: 1;
  opacity: 0;
  transition: all 0.4s;
}
.media-gallery .section-content .gallery-container.active {
  visibility: visible;
  opacity: 1;
  z-index: 2;
}
.media-gallery .gallery-navigation .swiper-slide .logo-nav {
  filter: grayscale(1);
  opacity: 0.5;
}
.media-gallery .gallery-navigation .swiper-slide .logo-nav.active {
  filter: unset;
  opacity: 1;
}
/* END of Stadium */
/* Inspiration */
.intro-grid-section {
  padding-top: var(--spacing-lg);
}
.grid-content.intro-grid {
  grid-template-columns: 45.1612903% 51.4193548%;
  grid-column-gap: var(--spacing-md);
  position: relative;
}
.slide-label {
  width: 100%;
  background-color: currentColor;
  height: 100%;
  padding: var(--spacing-xl) var(--spacing-2lg);
}
.intro-grid-label {
  box-shadow: 0px 30px 20px -15px rgba(0, 37, 99, 0.2);
}
.slide-label.label-light > * {
  color: var(--color-white);
}
.slide-label.label-dark > * {
  color: var(--color-theme-blue);
}
.label-slide {
  height: 100%;
}
.label-slide .gallery-pag {
  padding: 0 var(--spacing-2lg);
  justify-content: flex-start;
}
.vdo-slide .swiper-slide {
  border-radius: var(--border-corner);
  overflow: hidden;
}
.showcase-nav .media-tab {
  width: 100%;
  justify-content: space-between;
}
.vdo-showcase {
  overflow: hidden;
}
.vdo-showcase .showcase-grid .vdo-thumb {
  position: relative;
}
.showcase-nav {
  background-color: #eef3f5;
  border-radius: 100px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.nav-slide .swiper-slide {
  /*width: fit-content;*/
  /*height: 60px;*/
  width: auto !important;
}
.nav-slide .swiper-wrapper {
  /*justify-content: center !important;*/
}
.swiper-mask {
  -webkit-mask-box-image: -webkit-linear-gradient(
    0deg,
    transparent 0%,
    white var(--spacing-3xl)
  );
}
.swiper-mask .nav-slide {
  -webkit-mask-box-image: -webkit-linear-gradient(
    180deg,
    transparent 0%,
    white var(--spacing-3xl)
  );
}
.showcase-nav.first-active .swiper-mask {
  -webkit-mask-box-image: none;
}
.showcase-nav.last-active .swiper-mask .nav-slide {
  -webkit-mask-box-image: none;
}
.nav-slide .swiper-wrapper {
  /*height: 60px;*/
}
.nav-slide .swiper-slide > .tab-item {
  display: block;
  width: 100%;
  /*height: 60px;*/
  white-space: nowrap;
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: 100px;
  color: var(--color-theme-blue-light);
  font-size: var(--font-size-sm);
  font-weight: var(--weight-light);
}
.nav-slide .swiper-slide > .tab-item.active {
  background: #ffffff;
  box-shadow: 0px 3px 13px rgba(6, 187, 232, 0.1);
  color: var(--color-theme-blue);
}
.nav-slide .swiper-slide > .tab-item:hover {
  color: var(--color-theme-blue);
}
.loadmore-btn {
  min-width: 200px;
}
.vdo-thumb .media-thumb {
  position: relative;
}
.vdo-thumb .media-wrapper:after {
  content: "\e933";
  font-family: "iconfont";
  position: absolute;
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  background-color: rgba(var(--color-white-rgb), 0.5);
  color: var(--color-theme-blue);
}
.media-masonry.insight-masonry .media-thumb-item {
  width: 31% !important;
  margin-bottom: 30px;
}
.media-masonry.insight-masonry .grid-sizer {
  width: 31%;
}
.media-masonry.insight-masonry .gutter-sizer {
  width: 3.5%;
}
.media-thumb-item .fsw-link {
  margin-top: var(--spacing-xs);
}
.mfp-iframe-holder .mfp-content {
  width: calc(100% - var(--spacing-3xl));
}
.media-thumb-item:not(.wow) {
  transition-property: opacity !important;
}
/* End of Inspiration */
/* Single Insight */
.cover-banner.single-cover {
  min-height: 400px;
}
.cover-banner.single-cover:before {
  padding-top: 27.7777778%;
}
.single .single-container {
  padding: var(--spacing-3xl) 0;
}
.single-grid {
  grid-template-columns: 426px auto;
  column-gap: 10%;
}
.single-heading {
  position: relative;
}
.grid-content.contact-grid:first-child .single-heading {
  padding: var(--spacing-lg) 0;
}
.single-heading-box {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--header-h) + var(--spacing-md));
  width: 100%;
  height: auto;
  padding: var(--spacing-lg);
  background-color: var(--color-white);
  box-shadow: 0px 30px 20px -15px rgba(0, 37, 99, 0.2);
}
.single .entry-content > p {
  color: var(--color-theme-blue);
}
.single .entry-content > *:not(:last-child) {
  margin-bottom: var(--spacing-lg);
}
.social-share {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: var(--spacing-xs);
  margin-top: var(--spacing-sm);
  padding-bottom: var(--spacing-md);
  color: var(--color-theme-blue);
}
.related-section {
  background-color: var(--color-white);
}
.related-section .related-item {
  position: relative;
}
/* End of Single Insight */
/* Inspiration BKKNFT */
.alphas-nav {
  background-color: var(--color-body);
}
.alphas-nav .swiper-slide a {
  color: var(--color-white);
  opacity: 0.5;
}
.alphas-nav .swiper-slide a.active {
  opacity: 1;
}
.cate-nav.text-nav .swiper-slide {
  width: auto;
  padding: 0 var(--spacing-xs);
}
.media-masonry.bkknft-masonry .media-thumb-item {
  width: 24% !important;
  margin-bottom: 30px;
}
.media-masonry.bkknft-masonry .grid-sizer {
  width: 24%;
}
.media-masonry.bkknft-masonry .gutter-sizer {
  width: 1.33333333%;
}
.modal-grid {
  grid-template-columns: calc(25% - var(--spacing-xl)) 75%;
  grid-column-gap: var(--spacing-xl);
}
.mfp-content:has(.popup-container) {
  background-color: var(--color-white);
  padding: var(--spacing-lg) 0;
  max-width: 1300px;
  margin: auto;
  border-radius: var(--border-corner);
}
.modal-thumb {
  margin-top: 8px;
}
.modal-thumb .swiper-slide {
  opacity: 0.5;
}
.modal-thumb .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
.popup-container {
  padding-top: var(--spacing-lg);
  background-color: var(--color-white);
}
.mfp-container .mfp-content .mfp-close {
  background-color: var(--color-theme-blue);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  opacity: 1;
  top: 20px;
  right: 20px;
}
.mfp-container .mfp-content .mfp-close {
  color: var(--color-white);
  font-size: 0;
}
.mfp-container .mfp-content .mfp-close:after {
  content: "\e900";
  font-family: "iconfont";
  display: block;
  font-size: 16px;
  line-height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
  padding-right: unset;
  text-align: center;
}
.mfp-container .mfp-content .iframe-popup .mfp-close {
  top: -40px;
  right: -40px;
}
.grid-content.modal-grid .bkknft-content {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.filter-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 9;
  position: relative;
  grid-gap: var(--spacing-xs);
  flex-wrap: wrap;
}
.fn-nav .filter-form {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  grid-column-gap: var(--spacing-2xs);
}
.filter-group {
  flex-grow: 1;
}
.fn-nav {
  display: flex;
  justify-content: flex-end;
}
.input-select.select .select2-container {
  width: 100% !important;
}
.input-select.select .select2-container .select2-selection--multiple {
  height: 47px !important;
  border-radius: 36px;
  border: 0px;
}
.input-select.select
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered {
  line-height: 47px;
  padding-left: var(--spacing-xs);
  padding-right: var(--spacing-xs);
  cursor: pointer;
}
.input-select.select
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__arrow {
  right: var(--spacing-xs);
}
.input-select.select
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered::after {
  content: "\e908";
  font-family: "iconfont";
  font-size: var(--font-size-2xs);
  color: var(--color-theme-blue);
  position: absolute;
  right: var(--spacing-xs);
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  text-align: right;
  transition: all 0.4s;
}
.input-select.select
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__placeholder,
.input-select.select
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered::after {
  color: var(--color-theme-blue);
}
.input-select.select
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  display: none;
}
.input-select.select .select2-dropdown {
  /* padding: ; */
}
.input-select.select .select2-container--default {
  cursor: pointer !important;
  width: auto !important;
}
.input-select.select
  .select2-container--default
  .select2-search--inline
  .select2-search__field {
  pointer-events: none !important;
  width: 100% !important;
}
.input-select.select
  .select2-container--default
  .select2-search--inline
  .select2-search__field::placeholder {
  color: var(--color-theme-blue) !important;
}
.input-search::after {
  content: "\e912";
  font-family: "iconfont";
  font-size: var(--font-size-2xs);
  color: var(--color-theme-blue);
  position: absolute;
  right: var(--spacing-xs);
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  text-align: right;
  transition: all 0.4s;
}
.select.select-multi .select2-container--default .select2-results__option {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  grid-column-gap: var(--spacing-3xs);
  white-space: nowrap;
  color: var(--color-theme-blue);
}
.select.select-multi
  .select2-container--default
  .select2-results
  > .select2-results__options {
  padding: var(--spacing-2md) var(--spacing-sm);
}
.select.select-multi .select2-container--default .select2-dropdown {
  border-radius: 20px !important;
  border: 0px !important;
}
.select.select-multi
  .select2-container--default
  .select2-results__option::before {
  content: "";
  display: inline-flex;
  margin-top: 3px;
  width: 14px;
  height: 14px;
  border: 1px solid var(--color-theme-blue);
  flex-shrink: 0;
}
.select.select-multi
  .select2-container--default
  .select2-results__option::after {
  position: absolute;
  left: 9px;
  top: 11px;
  content: "\e923";
  font-family: "iconfont";
  font-size: var(--font-size-3xs);
  color: var(--color-theme-blue);
  opacity: 0;
}
.select.select-multi
  .select2-container--default
  .select2-results__option[aria-selected="true"]::after {
  opacity: 1;
}
.input-group.input-search input {
  padding: 0 var(--spacing-xs);
  height: 47px !important;
  border-radius: 36px;
  border: 0px !important;
  background-color: var(--color-white) !important;
  color: var(--color-theme-blue) !important;
}
.input-group.input-search input::placeholder {
  color: var(--color-theme-blue) !important;
}
.fn-nav .filter-form .input-group.input-checkbox label {
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  color: var(--color-theme-blue);
}
.fn-nav .filter-form .input-group.input-checkbox input {
  margin-right: var(--spacing-sm);
}
.filter-nav .filter-button,
.fn-nav .filter-form .input-checkbox button {
  width: 100%;
  height: 47px !important;
  border-radius: 36px;
  border: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 var(--spacing-xs);
  background-color: var(--color-white);
  color: var(--color-theme-blue);
}
.fn-nav .filter-form .input-group.input-search {
  flex: 0 0 200px;
}
.fn-nav .input-submit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: var(--spacing-sm);
}
.fn-nav .input-submit button[type="submit"] {
  width: 220px;
}
.fn-nav .input-submit button[type="reset"] {
  text-decoration: underline;
}
.fn-nav .filter-form .input-group.input-checkbox.open button .ic {
  transform: scaleY(-1);
}
/* End of Inspiration BKKNFT */

/* Magnetic */
.magnetic .media-gallery .section-heading > * {
  width: 50%;
}
.magnetic .grid-section {
  margin-bottom: var(--spacing-xl-minus);
}
.magnetic .grid-content {
  grid-column-gap: var(--spacing-xs);
}
.magnetic .grid-content .section-content {
  position: relative;
}
.thumbnail-card {
  max-width: 346px;
  min-height: 418px;
  box-shadow: 0px 30px 20px -15px rgba(0, 37, 99, 0.2);
}
.thumbnail-card.right-side {
  margin-left: auto;
}
.thumbnail-card .card-content {
  padding: var(--spacing-lg) var(--spacing-2md);
}
.thumbnail-card:nth-child(2) {
  margin-top: var(--spacing-lg-minus);
}
.manetic-logo {
  position: absolute;
  right: var(--spacing-xl);
  bottom: var(--spacing-5xl);
  transform: translateY(-25%);
}
.manetic-logo img {
  width: auto;
  max-width: 152px;
}

/* End of Magnetic */
/* Media Planning */
.repeatContainer-section {
  margin-top: var(--spacing-3xl);
}
.repeatContainer-section .section-heading {
  margin-bottom: var(--spacing-lg);
}
.repeat-content .grid-content.grid2 {
  align-items: center;
}
.repeat-content:not(:last-child) {
  margin-bottom: var(--spacing-2lg);
}
.media-planning .grid-content .section-content {
  display: flex;
  height: 100%;
  align-items: center;
}
.media-planning .grid-section {
  padding-top: var(--spacing-2xl);
}
.planning-content {
  background-color: var(--color-white);
  padding: var(--spacing-lg) 0;
}
.planning-slide .swiper-wrapper {
  /* justify-content: space-between; */
}
.planning-slide .swiper-slide {
  margin: 0 var(--spacing-sm);
  min-width: 200px;
  width: calc(20% - (var(--spacing-sm) * 2));
}
.planning-item img {
  height: 40px;
  width: auto;
}
.planning-item .planning-title {
  padding-top: var(--spacing-2sm);
  padding-bottom: var(--spacing-sm);
}
.media-planning .cate-row ul {
  list-style-type: disc;
  margin-left: var(--spacing-sm);
}
.media-planning .media-summary-item {
  margin-left: 0;
  cursor: pointer;
}
.media-planning .media-summary-item {
  opacity: 0.5;
  transition: opacity 0.4s;
}
.media-planning .cate-row ul li::marker {
  font-size: var(--font-size-3xs);
}
.media-planning .media-summary-item.active,
.media-planning .media-summary-item:hover {
  opacity: 1;
}
.media-planning .vdo-section {
  margin-top: var(--spacing-3xl);
  margin-bottom: 200px;
}
/* End of Media Planning */
/* Contact Footer */
.form-heading {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.contact-form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  row-gap: var(--spacing-md);
}
.contact-form .select2-container {
  width: 100% !important;
}
.input-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: var(--spacing-3xl);
}
.input-group {
  display: flex;
  flex: 1 0 calc(50% - (var(--spacing-3xl) / 2));
  position: relative;
}
.input-group.w-50 {
  flex-grow: 0;
}
.input-row:has(.w-50) {
  justify-content: flex-start;
}
.input-group:not(.input-checkbox) input,
.input-group textarea {
  width: 100%;
  border-bottom: 1px solid var(--color-border);
  color: var(--color-white);
}
.career-application .input-group input,
.career-application .input-group textarea {
  border-bottom: 1px solid var(--color-theme-blue);
  color: var(--color-theme-blue);
}
.input-group .select {
  width: 100%;
}
.input-group .select .select2-container--default .select2-selection--single {
  width: 100%;
  height: var(--input-height);
  border-radius: 0;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid var(--color-white);
}
.career-application
  .input-group
  .select
  .select2-container--default
  .select2-selection--single {
  border-bottom: 1px solid var(--color-theme-blue);
}
.input-group .select .select2-dropdown {
  border-color: var(--color-border);
  border-radius: var(--border-corner);
  margin-top: var(--spacing-2xs);
  overflow: hidden;
}
.input-group .select .select2-container--default .select2-results {
  padding: var(--spacing-lg) var(--spacing-2md);
}
.input-group .select .select2-container--default .select2-results__option {
  padding: 0;
}
.input-group
  .select
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  display: flex;
  height: 100%;
  align-items: center;
  padding-left: 0;
  color: var(--color-gray);
}
.career-application
  .input-group
  .select
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: var(--color-theme-blue);
}
.input-group .select .select2-selection__placeholder,
.input-group .file-upload-input {
  color: var(--color-white);
  opacity: 0.3;
}
.career-application .input-group .select .select2-selection__placeholder,
.career-application .input-group .file-upload-input {
  color: var(--color-theme-blue);
}
.input-group.input-select:not(.filled) label {
  opacity: 0;
}
.input-group input {
  height: var(--input-height);
}
.input-group:not(.input-checkbox) label {
  text-transform: uppercase;
  position: absolute;
  height: fit-content;
  top: 50%;
  transform: translateY(-50%);
  /*left: calc(var(--spacing-sm) / 2);*/
  pointer-events: none;
  transition: all 0.4s;
  line-height: 1.4;
  /*padding: 0 calc(var(--spacing-sm) / 2);*/
  color: var(--color-white);
  opacity: 0.3;
}
.career-application .input-group label {
  color: var(--color-theme-blue);
}
.input-group.input-message label {
  top: 1.4em;
}
.input-group.input-message textarea {
  resize: none;
}
.dark-gradient .input-group.input-message textarea,
.contact-box .input-group.input-message textarea {
  height: var(--input-height);
  line-height: var(--input-height);
}
.input-group:not(.input-checkbox) input:focus + label,
.input-group.filled:not(.input-checkbox) label {
  color: var(--color-theme-blue-light);
  top: -1em;
  transform: unset;
  opacity: 1;
}
.career-application .input-group.input-message.filled label {
  top: -1.2em;
}
.input-group.filled input {
  /*padding-top: var(--spacing-2xs);*/
}

.dark-gradient .input-group.filled textarea {
  padding-top: var(--spacing-3xs);
}
.input-group.submit-btn {
  margin-top: var(--spacing-xl);
  flex: 0 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.input-group
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 100%;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  display: none;
}
.input-group
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow:before {
  content: "\e90c";
  font-family: "iconfont";
  font-size: var(--font-size-2xs);
  color: var(--color-white);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  text-align: right;
  transition: all 0.4s;
  pointer-events: none;
}
.career-application
  .input-group
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow:before {
  color: var(--color-theme-blue);
}
.input-group
  .select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow:before {
  transform: scaleY(-1) translateY(50%);
}
.input-group.input-checkbox {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: var(--spacing-3xs);
}
.input-group.input-checkbox .consent-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.input-group.input-checkbox label {
  pointer-events: auto;
}
.input-group.input-checkbox input {
  margin-right: var(--spacing-md);
  height: 18px;
}
.input-group.input-checkbox input:before,
.input-group.input-checkbox input:after {
  content: "";
  border-radius: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: var(--color-white);
  border: 1px solid var(--color-theme-blue);
  border-radius: 5px;
}
.input-group.input-checkbox input:after {
  display: grid;
  place-items: center;
  content: "\e923";
  font-family: "iconfont";
  font-size: 10px;
  line-height: 10px;
  color: var(--color-theme-blue);
  opacity: 0;
}
.input-group.input-checkbox input:checked:after {
  opacity: 1;
}
/* End of Contact Footer */
/* Career */
.media-projects-container.benefit-content:after {
  content: none;
}
.media-summary.bg-white {
  color: unset;
}
.media-summary.bg-white .media-summary-item {
  border-bottom: 1px solid rgba(var(--color-theme-blue-rgb), 0.2);
}
.media-summary.bg-white .media-summary-item:hover {
  border-bottom: 1px solid rgba(var(--color-theme-blue-rgb), 1);
}
.career .media-summary-item {
  margin-left: 0;
}
.benefit-grid {
  grid-gap: var(--spacing-md);
  height: 100%;
}
.benefit-item {
  padding: var(--spacing-md);
  height: 100%;
}
.benefit-title {
  padding: var(--spacing-xs) 0;
}
.exp-content,
.fresh-grad {
  padding: var(--spacing-xl) var(--spacing-lg);
}
.fresh-grad {
  margin-top: var(--spacing-md);
}
.exp-content .media-wrapper.media-59 {
  max-height: 690px;
}
.career .gallery-slide {
  border-radius: 0;
  box-shadow: none;
  overflow: unset;
}
.career .exp-content .gallery-slide .swiper-slide {
  background-color: var(--color-white);
}
.career .fresh-grad .gallery-slide .swiper-slide {
  background-color: var(--color-theme-blue);
}
.exp-content .gallery-slide .gallery-pag,
.fresh-grad .gallery-slide .gallery-pag {
  bottom: var(--spacing-md-minus) !important;
}
.grid-content.grad-grid {
  grid-template-columns: 250px auto;
  grid-template-rows: auto 1fr;
  grid-row-gap: var(--spacing-lg);
  grid-column-gap: var(--spacing-md);
  grid-template-areas:
    "grad-img grad-title"
    "grad-img grad-detail";
}
.grid-content.grad-grid > .media-wrapper {
  grid-area: grad-img;
}
.grid-content.grad-grid > .grad-title {
  grid-area: grad-title;
  height: fit-content;
}
.grid-content.grad-grid > .grad-content {
  grid-area: grad-detail;
}
.career-bottom .grid-context {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.career-bottom .grid-media {
  display: grid;
  justify-content: flex-end;
}
.career-bottom .grid-media img {
  margin-left: auto;
  max-width: 50%;
}
.grid-content.career-bottom-grid {
  grid-template-columns: 520px auto;
}
.career .media-summary.bg-white {
  padding-bottom: var(--spacing-3xl);
}
.career .media-type {
  padding-top: var(--spacing-3xl);
}
.career-section {
  padding-bottom: var(--spacing-5xl);
}
.grid-content.career-bottom-grid .fsw-h3 {
  margin-bottom: var(--spacing-xl);
}
.career-application .single-container {
  padding: var(--spacing-xl) 0;
}
.career-application .custom-file-label {
  color: var(--color-theme-blue);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: var(--spacing-2xs);
  width: 100%;
  padding: var(--spacing-sm);
  pointer-events: none;
  transition: all 0.4s;
}
.custom-file-upload:has(.file-upload-input[title]) + .custom-file-label {
  opacity: 0;
}
.career-application .custom-file-upload > * {
  width: 100%;
}
.career-application .input-group input.file-upload-input {
  cursor: pointer;
  width: 100%;
  border: 1px solid var(--color-theme-blue);
  border-radius: 50px;
}
.career-application .input-group .file-upload-input {
  opacity: 1;
  text-align: center;
}
.career-application .input-group .file-upload-input::placeholder {
  opacity: 0;
}
.application-bottom a:not(.site-btn) {
  position: relative;
}
.application-bottom a:not(.site-btn):after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
  height: 1px;
  width: 100%;
  background-color: var(--color-white);
}
/* End of Career */
/* About */
.about .grid-section {
  position: relative;
  z-index: 2;
  background-color: var(--color-body-bg);
  overflow: hidden;
}
.grid-content.about-grid {
  grid-template-columns: 390px auto;
  grid-column-gap: 17.6950998%;
}
.research .grid-content.about-grid {
  grid-template-columns: 574px auto;
}
.research .count-grid {
  margin-top: var(--spacing-md);
}
.grid-content.about-grid .section-content:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.history-section {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.about-slides {
  /*height: 860px;*/
  background-color: var(--color-theme-blue);
  display: flex;
  align-items: center;
}
.about-slides .swiper-slide {
  display: flex;
  height: 100%;
  align-items: flex-start;
}
.about-slides .swiper-wrapper {
  height: 100%;
}
.history-item {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 var(--container-padding);
  display: grid;
  /*place-items: center;*/
  padding-top: 200px;
  padding-bottom: 200px;
  background: linear-gradient(
      0deg,
      rgba(0, 75, 201, 0.8),
      rgba(0, 75, 201, 0.8)
    ),
    var(--background-img);
}
.history-item:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: rgba(0, 75, 201, 0.04);
  backdrop-filter: blur(5px);
  z-index: 1;
}
.history-item .grid-content.grid2 {
  z-index: 2;
  height: fit-content;
  place-items: center;
  max-width: 1440px;
  margin: 0 auto;
}
.history-item .gallery-slide {
  width: 100%;
  height: 100%;
}
.history-item .history-detail {
  width: 100%;
  height: 100%;
  position: relative;
}
.history-item .history-detail:before {
  content: "";
  display: block;
  padding-top: 67.0940171%;
}
.history-item .history-detail > * {
  position: absolute;
  top: 0;
  left: var(--spacing-xl);
  width: calc(100% - var(--spacing-xl));
}
.history-item .history-detail > p {
  top: 120px;
  height: calc(100% - 185px);
  overflow: hidden;
  overflow-y: scroll;
}
.history-nav {
  position: absolute;
  z-index: 2;
  bottom: 200px;
  left: calc(50% + var(--spacing-xl));
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: var(--spacing-xs);
}
.history-nav > .swiper-button {
  top: unset;
  margin-top: unset;
  left: unset;
  right: unset;
  position: relative;
  background-color: transparent;
  border: 1px solid var(--color-theme-blue-light);
}
.history-nav > .swiper-button:after {
  color: var(--color-theme-blue-light);
  font-size: var(--spacing-xs);
}
.history-nav > .swiper-button-prev:after {
  content: "\e90d";
}
.history-nav > .swiper-button-next:after {
  content: "\e90e";
}
.history-bullet {
  pointer-events: none;
  position: absolute;
  z-index: 5;
  width: 100%;
  top: calc(200px + 4em);
  left: 0;
  right: 0;
  -webkit-mask-box-image: -webkit-linear-gradient(
    0deg,
    transparent 52%,
    white 55%
  );
}
.history-bullet .swiper-wrapper {
  padding-left: 105px;
}
.history-bullet .swiper-slide {
  width: fit-content;
}
.history-bullet .swiper-slide .history-line {
  position: relative;
  width: 80px;
  height: 20px;
}
.history-bullet .swiper-slide .history-line:before {
  content: "";
  position: absolute;
  z-index: 2;
  display: block;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--color-theme-blue-light);
  transform: all 0.4s;
}
.history-bullet .swiper-slide:not(.swiper-slide-active) .history-line:before {
  transform: translateX(-50%) scale(0.5);
}
.history-bullet .swiper-slide .history-line:after {
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  top: 50%;
  left: 0;
  width: 80px;
  height: 1px;
  background-color: var(--color-theme-blue-light);
}
.history-bullet .swiper-slide:first-child .history-line:after,
.history-bullet .swiper-slide:last-child .history-line:after {
  width: 40px;
}
.history-bullet .swiper-slide:first-child .history-line:after {
  left: unset;
  right: 0;
}
.history-wrapper {
  position: relative;
}
/* End of About */
/* CSR */
.csr-container .heading-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-lg);
}
.select.dropdown-style {
  position: relative;
}
.select.dropdown-style .select2-container .select2-selection--single {
  height: 47px;
  min-width: 140px;
  border: 0px;
  border-radius: 36px;
  padding: 0 var(--spacing-xs);
}
.select.dropdown-style .select2-dropdown {
  border: 0px;
  border-radius: 20px;
  padding: var(--spacing-2md) var(--spacing-sm);
}
.select.dropdown-style
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 47px;
  padding-right: 36px;
}
.csr-container
  .select.dropdown-style
  .select2-container.select2-container--default.select2-container--open {
  left: unset !important;
  right: 0;
}
.select.dropdown-style
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow::before {
  content: "\e908";
  font-size: var(--font-size-sm);
  font-family: "iconfont";
}
.select.dropdown-style
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 47px;
  display: flex;
  align-items: center;
  right: var(--spacing-xs);
}
.csr-item {
  position: relative;
}
.csr-item .media-cate {
  opacity: 0.5;
}
/* END of CSR */
/* Contact */
.contact .single-container {
  padding: var(--spacing-xl) 0;
}
.contact .contact-grid {
  grid-template-columns: 45.1612903% auto;
  column-gap: var(--spacing-md);
  margin-bottom: var(--spacing-xs);
}
.contact .page-content .contact-box {
  overflow: visible;
  position: relative;
  top: 0;
  height: 650px;
  width: 100%;
  padding: var(--spacing-xl) var(--spacing-lg);
  background-color: var(--color-white);
  box-shadow: 0px 30px 20px -15px rgba(0, 37, 99, 0.2);
}
.contact .maps-wrapper {
  height: 650px;
}
.grid-content.info-grid {
  grid-template-columns: 110px auto;
  grid-row-gap: var(--spacing-sm);
}
.info-grid .contact-cta > a {
  display: block;
}
.info-grid .contact-cta {
  grid-column: 2;
}
.contact-cta .text-link {
  position: relative;
  width: fit-content;
}
.contact-cta .text-link:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: currentColor;
  display: block;
  position: absolute;
  bottom: 2px;
  left: 0;
  transition: width 0.4s;
}
.contact-cta .text-link:hover:after {
  width: 0;
}
/* End of Contact */
/* Page */
.page-section .page-heading {
  padding: var(--spacing-2xl) 0;
}
.page-content > *:not(:last-child) {
  margin-bottom: var(--spacing-md);
}
.page-404 .wrapper {
  height: calc(100vh - var(--header-h));
  height: calc((var(--vh, 1vh) * 100) - var(--header-h));
}
/* End of Page */
.objective-content {
  background-color: var(--color-white);
  padding: var(--spacing-2md);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 4.58715596%;
  grid-row-gap: var(--spacing-xl);
}
.objective-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  grid-row-gap: var(--spacing-xs);
}
.objective-item a {
  text-decoration: underline;
}
.objective-item a:hover {
  text-decoration: none;
}

/* RESPONSIVE MIN WIDTH */
@media (min-width: 1399.98px) {
}
@media (min-width: 1199.98px) {
}
@media (min-width: 1023.98px) {
  .summary-nav {
    display: none;
  }
  .media-summary-item.active .cate-submenu {
    height: auto;
    padding-top: var(--spacing-sm);
  }
  .media-type .section-btn {
    display: none !important;
  }
}
@media (min-width: 991.98px) {
  .headerSearch-container.open .search-form {
    display: block;
    height: 18px;
  }
  .search-form button[type="submit"] {
    display: none;
  }
  .fn-nav .filter-form{
    flex-wrap: wrap;
    grid-row-gap: var(--spacing-xs);
  }
  .fn-nav .filter-form .input-submit {
    /* display: none; */
    margin-top: unset;
    justify-content: flex-end;
    grid-column-gap: var(--spacing-xs);
    width: fit-content;
  }
  .fn-nav .filter-form .input-submit .site-btn{
    height: 47px;
    max-width: 140px;
  }
  .fn-nav .filter-form .input-group.input-search{
    flex-grow: 1;
    max-width: 1024px;
  }
  .filter-nav .fn-nav{
    flex-grow: 1;
  }
  .filter-nav .filter-button {
    display: none;
  }
  .fn-nav .filter-form .input-group.input-checkbox {
    position: relative;
    width: 140px;
    flex: 1 0 140px;
  }
  .filter-group {
    flex-shrink: 0;
    display: flex;
    justify-content: stretch;
    align-items: center;
    grid-column-gap: var(--spacing-2xs);
  }
  .fn-nav .filter-form .input-group.input-checkbox .choice-container {
    position: absolute;
    top: 57px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--color-white);
    padding: var(--spacing-md) var(--spacing-sm);
    border-radius: 20px;
    z-index: 9;
    display: flex;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all var(--transition) var(--timing-function);
  }
  .fn-nav .filter-form .input-group.input-checkbox.open .choice-container {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
  .repeat-content:nth-child(odd) .grid-content.grid2 .grid-media {
    padding-right: 70px;
  }
  .repeat-content:nth-child(even) .grid-content.grid2 .grid-media {
    padding-left: 70px;
  }
  .repeat-content:nth-child(even) .grid-content.grid2 .grid-context {
    order: -1;
  }
  .sectionTab-wrapper .section-nav .media-tab.career-tab {
    display: flex !important;
    height: 60px !important;
  }
  #header .sub-menu.mobile-sub {
    display: none !important;
  }
  #header .main-menu .menu-item.menu-item-has-children > a,
  #header .main-menu .menu-item.menu-item-has-children > .sub-menu > a {
    cursor: pointer;
  }
  #header .main-menu .menu-item.menu-item-has-children > a:active,
  #header .main-menu .menu-item.menu-item-has-children > .sub-menu > a:active {
    pointer-events: none;
  }
  #header
    .main-menu
    .menu-item.menu-item-has-children
    > .sub-menu
    > .menu-item.menu-item-has-children
    > a:after {
    content: none;
  }
  .menu-item a {
    position: relative;
  }
  .menu-item a:not(.btn-style):after {
    content: "";
    width: 0;
    height: 1px;
    background-color: currentColor;
    display: block;
    position: absolute;
    bottom: 1px;
    left: 0;
    transition: width 0.4s;
  }
  .menu-item a:not(.btn-style):hover:after {
    width: 100%;
  }
  .thumb-slide .gallery-pag {
    display: none;
  }
  .tab-nav-m {
    display: none;
  }
  .ooh .section-heading > p {
    width: 50%;
  }
  .cate-nav:not(.project-nav) .swiper-wrapper {
    transform: unset !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cate-nav.project-nav .swiper-slide:first-child {
    padding-left: var(--container-padding);
  }
  .cate-nav.project-nav .swiper-slide:last-child {
    padding-right: var(--container-padding);
  }
  /*.cate-nav.project-nav .swiper-slide:not(:first-child):before{
        content: '';
        display: block;
        position: absolute;
        left: 0;
        width: 1px;
        height: 50%;
        background-color: var(--color-white);
    }*/
  header .menu-item .ic {
    display: none;
  }
  .main-menu a.btn-style {
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 var(--spacing-md);
    border: 1px solid var(--color-white);
    border-radius: var(--border-corner);
  }
  .main-menu
    > .menu-item-has-children
    > .sub-menu
    > .menu-item-has-children
    > .sub-menu {
    margin-top: var(--spacing-2xs);
  }
  .main-menu > .menu-item-has-children > .sub-menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 0;
    min-width: 180px;
    /*transform: translateY(calc(100% + 40px)) translateX(var(--spacing-md-minus));*/
    transform: translateY(calc(100% + 25px)) translateX(calc(-50%));
    display: flex;
    flex-direction: column;
    grid-row-gap: var(--spacing-3xs);
    background-color: var(--color-white);
    padding: var(--spacing-sm) var(--spacing-md);
    column-gap: var(--spacing-lg);
    border-radius: var(--border-corner);
    transition: all 0.4s;
  }
  .main-menu > .menu-item-has-children > .sub-menu:has(.sub-menu) {
    flex-direction: row;
  }
  .main-menu > .menu-item-has-children:hover:after {
    content: "";
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    height: 50px;
    background-color: transparent;
  }
  .main-menu > .menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 767.98px) {
  .count-item:not(:last-child) {
    border-right: 1px solid rgba(var(--color-body-bg-rgb), 0.2);
  }
  .research .count-grid .count-item:not(:last-child) {
    border-right: 1px solid rgba(var(--color-theme-blue-rgb), 0.3);
  }
}
@media (min-width: 575.98px) {
  footer .menu-item .ic {
    display: none;
  }
}
/* End of RESPONSIVE MIN WIDTH */

/* RESPONSIVE MAX WIDTH */
@media (max-width: 1399.98px) {
}
@media (max-width: 1199.98px) {
  .objective-content {
    grid-template-columns: repeat(4, 1fr);
  }
  .main-menu {
    column-gap: var(--spacing-xs);
  }
  #footer .grid-content.grid6 {
    /* grid-template-columns: repeat(3, 1fr); */
    grid-row-gap: var(--spacing-xs);
  }
  #footer .grid-content.grid6 > .footer-menu {
    flex: 1 1 31%;
  }
  .footer-social {
    grid-column: 1 / span 3;
  }
}
@media (max-width: 1023.98px) {
  .media-projects-container > .media-projects:not(.active) {
    max-height: 0px;
  }
  .career .media-summary.bg-white {
    padding-bottom: var(--spacing-lg);
  }
  .summary-nav .cate-title:not(.active) {
    opacity: 0.5;
  }
  .homepage .cate-row:first-child {
    /* display: none; */
  }
  .cate-amount {
    font-size: 32px;
  }
  /* .media-summary-item .cate-row:has(.amount-group){
        width: 100%;
        flex-direction: row;
        column-gap: var(--spacing-md);
        justify-content: flex-start;
        align-items: flex-start;
    }
    .media-summary-item .cate-row .amount-group{
        width: auto;
        align-items: flex-start;
    }
    .amount-group .cate-desc{
        max-width: unset;
        text-align: left;
        display: inline-block;
    }
    .media-summary-item:not(.career-summary){
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s;
    }
    .media-summary-item.active:not(.career-summary){
        opacity: 1;
        visibility: visible;
    } */
  .media-summary-item .cate-row:nth-child(2) .cate-desc {
    display: none;
  }
  .media-summary-item.active .cate-submenu {
    height: auto;
    padding-top: var(--spacing-sm);
  }
  .tab-heading {
    grid-template-columns: 100%;
  }
  .tab-heading .fsw-bannner {
    order: 1;
    text-align: center;
  }
  .tab-heading .fs-body-s {
    order: 2;
  }
  .tab-heading .media-tab {
    order: 3;
    margin: 0 auto;
  }
  .grid-content.media-grid {
    grid-template-columns: 100%;
    grid-row-gap: var(--spacing-2lg);
  }
  .media-projects {
    position: relative;
  }
  .summary-nav {
    width: calc(100% + calc(var(--spacing-xs) * 2));
    padding: var(--spacing-xs);
    margin-left: var(--spacing-xs-minus);
    border-bottom: 1px solid var(--color-white);
  }
  .summary-nav .swiper-slide {
    width: fit-content;
    cursor: pointer;
  }
  .summary-nav .swiper-slide:not(:last-child) {
    margin-right: var(--spacing-sm);
  }
  .media-summary {
    padding: var(--spacing-lg) var(--spacing-xs);
    padding-bottom: 0;
  }
  .media-summary-item:not(.career-summary) {
    margin-left: 0;
    /* border: 0 !important; */
  }
  .media-summary-item:after {
    content: none;
  }
  .media-column {
    max-height: 367px;
    overflow-y: scroll;
  }
  /* .media-column{
        display: grid;
        grid-template-columns: 100%;
    }
    .media-column > .summary-nav{
        grid-column: 1;
        grid-row: 1;
    }
    .media-column > .media-summary-item:not(.career-summary){
        grid-column: 1;
        grid-row: 2;
    } */
  .media-summary > .site-btn {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .media-projects {
    padding-bottom: var(--spacing-xs);
  }
  .media-planning .vdo-section {
    margin-top: var(--spacing-2lg);
    margin-bottom: var(--spacing-3xl);
  }
  .objective-content {
    grid-template-columns: repeat(3, 1fr);
  }
  .header-float {
    grid-column-gap: 0;
  }
  .search-form {
    height: auto;
    position: fixed;
    top: var(--header-h);
    z-index: 99;
    background-color: var(--color-theme-blue);
    left: 0;
    right: 0;
    padding: var(--spacing-2xs) var(--container-padding);
    display: flex;
    justify-content: space-between;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-100%);
    transition: all var(--transition) var(--timing-function);
  }
  .headerSearch-container.open .search-form {
    display: flex;
    height: auto;
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
  }
  .search-form input[type="search"] {
    width: 100%;
    height: 18px;
  }
  .hidden-mb {
    display: none !important;
  }
  .fn-nav,
  .fn-nav .filter-form {
    width: 100%;
  }
  .fn-nav .filter-form .input-group.input-search {
    flex: 1 1 100%;
  }
  .filter-nav .filter-button {
    width: 140px;
  }
  .fn-nav .filter-form .input-group.input-checkbox {
    border-bottom: 1px solid #f6f6f6;
  }
  .fn-nav .filter-form .input-checkbox button {
    padding: 0;
  }
  .fn-nav .filter-form .input-group.input-checkbox {
    flex: 0 0 auto !important;
    width: 100%;
  }
  .fn-nav .filter-group {
    border-radius: 20px;
    position: fixed;
    top: var(--header-h);
    right: 0;
    bottom: 0;
    z-index: 99;
    width: 360px;
    overflow-y: scroll;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    background-color: var(--color-white);
    padding: var(--spacing-md) var(--spacing-sm);
    transform: translateX(100%);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: all var(--transition) var(--timing-function);
  }
  .fn-nav .filter-group.open {
    transform: translateX(0%);
    opacity: 1;
    pointer-events: all;
    visibility: visible;
  }
  .choice-container {
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: var(--spacing-xs);
  }
  .input-group.input-checkbox.open .choice-container {
    display: flex;
  }
  .about-slides .swiper-slide {
    height: auto;
  }
  .history-item .history-detail:before {
    content: none;
  }
  .history-item .history-detail > * {
    position: relative;
    width: 100%;
    padding-top: 0;
    height: auto !important;
    top: unset !important;
    left: unset !important;
  }
  #header .sub-menu.mobile-sub + .sub-menu {
    display: none !important;
  }
  .media-planning .media-summary .media-column {
    padding-bottom: 20px;
  }
  .page-section .page-heading {
    padding: 0;
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-lg);
  }
  .contact .maps-wrapper {
    height: 418px;
  }
  .contact .page-content .contact-box {
    padding: var(--spacing-md);
    height: auto;
  }
  .contact .single-container {
    padding-top: var(--spacing-xs);
  }
  .contact .single-heading-box {
    border-radius: var(--spacing-sm) !important;
  }
  .contact .contact-grid,
  .repeat-content .grid-content.grid2 {
    grid-template-columns: 100%;
    grid-row-gap: var(--spacing-sm);
  }
  .csr-container .grid-content.grid3 {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: var(--spacing-xs);
  }
  .bullet-wrapper {
    width: calc(100% - (var(--container-padding) * 2));
    position: absolute;
    top: 60px;
    z-index: 2;
    aspect-ratio: 702 / 471;
  }
  .about-slides {
    align-items: flex-start;
    height: auto;
  }
  .history-section {
    /*        padding-bottom: var(--spacing-5xl);*/
  }
  .history-bullet {
    overflow: visible;
    top: unset;
    bottom: -125px;
    -webkit-mask-box-image: unset !important;
    transform: translateX(-50%);
    width: 200%;
  }
  .history-nav {
    left: var(--container-padding);
    transform: translateY(100%);
  }
  .history-bullet .swiper-wrapper {
    padding-left: 60px;
  }
  .history-item {
    padding-top: var(--spacing-xl);
  }
  .history-item .grid-content.grid2 {
    grid-template-columns: 100%;
  }
  .history-item .history-detail {
    padding: 0;
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
  }
  .history-item .media-wrapper {
    /*height: 50vh;*/
  }
  .about .thumbnail-card {
    max-width: unset;
    min-height: unset;
  }
  .about .thumbnail-card.right-side {
    margin-left: auto;
    margin-right: unset;
    width: 74.3589744vw;
  }
  .about .manetic-logo {
    top: 80%;
    right: 10%;
    width: 32.5641026vw;
  }
  .about .thumbnail-card:nth-child(2) {
    margin-left: unset;
    margin-right: auto;
    margin-top: var(--spacing-lg-minus);
    width: 67.4358974vw;
  }
  .grid-content.about-grid,
  .research .grid-content.about-grid {
    grid-template-columns: 100%;
    grid-row-gap: 70px;
  }
  .grid-content.about-grid .section-content:last-child {
    order: -1;
    position: relative;
  }
  .career-application .single-container {
    padding: 0;
  }
  .career-application .single-container .wrapper.wrapper-masonry {
    padding: 0;
  }
  .career-application .single-container .form-container {
    padding: 0 var(--container-padding);
    margin-top: var(--spacing-lg);
    padding-bottom: var(--spacing-xl);
  }
  .career-section {
    padding-bottom: var(--spacing-lg);
  }
  .career-section .wrapper {
    padding: 0;
  }
  .career-section .wrapper > .border-corner {
    border-radius: 0;
  }
  .exp-content,
  .fresh-grad {
    padding: 0 var(--spacing-xs);
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-xl);
  }
  .fresh-grad {
    margin-top: 0;
  }
  .exp-content .gallery-pag,
  .fresh-grad .gallery-pag {
    justify-content: flex-start;
  }
  .grid-content.career-bottom-grid {
    grid-template-columns: 100%;
    grid-row-gap: var(--spacing-sm);
  }
  .grid-content.career-bottom-grid .fsw-h3 {
    font-size: var(--font-size-h4);
    margin-bottom: var(--spacing-2xs);
  }
  .magnetic .media-gallery .section-heading > * {
    width: 100%;
  }
  .cover-detail .fsw-h1 {
    font-size: var(--font-size-h2);
  }
  .magnetic .grid-content.grid2 {
    display: grid;
    grid-template-columns: 100%;
  }
  .thumbnail-card.right-side {
    margin-left: unset;
    margin-right: auto;
  }
  .thumbnail-card:nth-child(2) {
    margin-left: auto;
    margin-top: var(--spacing-xs);
  }
  .manetic-logo {
    top: 50%;
    bottom: unset;
    transform: translateY(calc(-50% - var(--spacing-xs)));
    right: -15px;
  }
  .mfp-container:has(.popup-container) {
    padding: 0;
  }
  .mfp-content:has(.popup-container) {
    height: 100vh;
    border-radius: 0;
  }
  .modal-thumb {
    display: none;
  }
  .grid-content.modal-grid {
    grid-template-columns: 100%;
  }
  .grid-content.modal-grid .bkknft-content {
    order: 1;
  }
  .grid-content.modal-grid .single-heading {
    order: 2;
    padding: var(--spacing-lg) var(--spacing-xs);
  }
  .popup-container .wrapper-popup {
    padding: 0;
  }
  .media-masonry.bkknft-masonry .media-thumb-item {
    width: 31% !important;
    margin-bottom: 30px;
  }
  .media-masonry.bkknft-masonry .grid-sizer {
    width: 31%;
  }
  .media-masonry.bkknft-masonry .gutter-sizer {
    width: 3.5%;
  }
  .related-section .grid-content.grid4.related-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--spacing-xs);
  }
  .single-heading-box {
    padding: var(--spacing-md);
    position: relative;
    top: unset;
    border-radius: 0 !important;
  }
  .single .single-container {
    padding: 0;
    padding-bottom: var(--spacing-3xl);
  }
  .single .single-container .wrapper-grid {
    padding: 0;
  }
  .single .single-container .entry-content {
    margin-top: var(--spacing-xl);
    padding: 0 15px;
  }
  .single-container .grid-content.single-grid {
    grid-template-columns: 100%;
  }
  .label-slide .gallery-pag {
    display: none;
  }
  .swiper-mask {
    -webkit-mask-box-image: none !important;
  }
  .swiper-mask .nav-slide {
    -webkit-mask-box-image: none !important;
    z-index: 999;
    overflow: visible;
  }
  .intro-grid-section {
    padding-top: 0;
  }
  .intro-grid-section .wrapper.wrapper-content {
    padding: 0;
  }
  .grid-content.intro-grid {
    grid-template-columns: 100%;
  }
  .grid-content.intro-grid .border-corner {
    border-radius: 0;
  }
  .grid-content.intro-grid .intro-grid-media {
    order: 1;
  }
  .grid-content.intro-grid .intro-grid-label {
    order: 2;
  }
  .tab-nav-m {
    background-color: var(--color-white);
    padding: var(--spacing-sm) var(--spacing-md);
    border-radius: 100px;
    color: var(--color-theme-blue);
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 3px 13px rgba(6, 187, 232, 0.1);
  }
  .tab-nav-m .ic {
    color: var(--color-theme-blue);
  }
  .swiper.auto.tab .swiper-wrapper {
    transform: unset !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-row-gap: var(--spacing-xs);
  }
  .tab-nav {
    position: relative;
  }
  .tab-nav .swiper-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 0;
    opacity: 0;
    visibility: hidden;
    border-radius: var(--border-corner);
    padding: var(--spacing-lg) var(--spacing-2md);
    width: 100%;
    max-width: 360px;
    position: absolute;
    z-index: 3;
    background-color: var(--color-white);
    transition: opacity 0.4s;
  }
  .tab-nav .open .swiper-wrapper {
    height: auto;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.4s;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  .tab-nav .nav-slide .swiper-slide > .tab-item {
    padding: 0;
    border-radius: 0;
    color: var(--color-theme-blue);
    opacity: 0.5;
  }
  .tab-nav .nav-slide .swiper-slide > .tab-item.active {
    box-shadow: none;
    background-color: unset;
    opacity: 1;
  }
  .cta-section .grid-heading {
    grid-template-columns: 100%;
    grid-row-gap: var(--spacing-sm);
    padding-bottom: var(--spacing-md);
  }
  .fsw-bannner {
    font-size: 32px;
    line-height: 38px;
  }
  .cta-section {
    background-image: url("../img/design/gradient-bg-m.jpg");
    background-position: top center;
    background-size: cover;
  }
  .vdo-intro {
    height: calc(100vh - var(--header-h));
    height: calc((var(--vh, 1vh) * 100) - var(--header-h));
  }
  header .site-logo img {
    height: 27px;
    width: auto;
  }
  .header-container {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
  }
  .lang-switcher > p {
    display: none;
  }
  .main-menu {
    position: fixed;
    top: var(--header-h);
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    padding: 0 var(--container-padding);
    height: 100vh;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: none;
    background-color: var(--color-body-bg);
  }
  .main-menu > .menu-item > a {
    color: var(--color-theme-blue);
  }
  .main-menu > .menu-item {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }
  .main-menu > .menu-item.menu-item-has-children > .sub-menu,
  .main-menu
    > .menu-item.menu-item-has-children
    > .sub-menu
    > .menu-item.menu-item-has-children
    > .sub-menu {
    display: none;
  }
  .main-menu .menu-item,
  .main-menu .sub-menu {
    width: 100%;
  }
  .main-menu .menu-item {
    padding: var(--spacing-xs) 0;
    border-bottom: 1px solid var(--color-theme-blue);
    transition: opacity 0.4s;
  }
  .main-menu .menu-item .ic {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-theme-blue);
    transition: transform 0.4s;
    cursor: pointer;
  }
  .main-menu .menu-item.open {
    border-bottom: 0;
  }
  .main-menu .menu-item.open > .ic {
    z-index: 2;
    left: 0;
    right: unset;
    top: 18px;
    transform: rotate(180deg);
  }
  .main-menu .menu-item.open > a {
    padding-left: 22px;
  }
  .main-menu .menu-item.open .menu-item.open {
    padding-top: 0;
  }
  .main-menu .menu-item.open .menu-item.open .ic {
    top: 2px;
  }
  .main-menu .menu-item.open:has(.menu-item.open) > a,
  .main-menu .menu-item.open:has(.menu-item.open) > .ic {
    display: none;
  }
  .main-menu .menu-item {
    opacity: 1;
    visibility: visible;
  }
  .main-menu:has(.open) > .menu-item:not(.open),
  .main-menu:has(.open)
    > .menu-item.open
    > .sub-menu:has(.open)
    > .menu-item:not(.open) {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
  }
}
@media (max-width: 767.98px) {
  .objective-content {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--spacing-2sm);
    padding: var(--spacing-md) var(--container-padding);
    width: 100vw;
    margin-left: calc(var(--container-padding) * -1);
  }
  .count-grid {
    grid-template-columns: 100%;
  }
  .research .count-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .count-item {
    padding: var(--spacing-xs) 0;
  }
  .count-item:not(:last-child) {
    border-bottom: 1px solid rgba(var(--color-body-bg-rgb), 0.2);
  }
  .research .count-grid .count-item:not(:last-child) {
    border-right: 1px solid rgba(var(--color-theme-blue-rgb), 0.3);
  }
  .featureSlides-section > .wrapper {
    flex-direction: column;
    justify-content: center;
    grid-row-gap: var(--spacing-2sm);
  }
  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-row-gap: var(--spacing-lg);
  }
  .footer-bottom-menu .footer-menuBottom {
    justify-content: flex-start;
  }
  .input-group .select .select2-container--default .select2-results {
    padding: var(--spacing-md) var(--spacing-sm);
  }
  .grid-content.grad-grid {
    grid-template-columns: 110px auto;
    grid-template-rows: auto auto;
    grid-row-gap: var(--spacing-sm);
    grid-column-gap: var(--spacing-2xs);
    grid-template-areas:
      "grad-img grad-title"
      "grad-detail grad-detail";
  }
  .media-planning .media-type,
  .career .media-type {
    padding-top: var(--spacing-xl);
  }
  .media-planning .grid-section {
    padding-top: var(--spacing-xl);
  }
  .media-planning .grid-content,
  .career .media-type .grid-content.grid2 {
    grid-template-columns: 100%;
    grid-row-gap: var(--spacing-sm);
  }
  .media-planning .grid-section .wrapper.wrapper-masonry {
    padding: 0;
  }
  .planning-content.border-corner {
    border-radius: 0;
  }
  .media-masonry.insight-masonry .media-thumb-item,
  .media-masonry.bkknft-masonry .media-thumb-item {
    width: 48% !important;
    margin-bottom: 30px;
  }
  .media-masonry.insight-masonry .grid-sizer,
  .media-masonry.bkknft-masonry .grid-sizer {
    width: 48%;
  }
  .media-masonry.insight-masonry .gutter-sizer,
  .media-masonry.bkknft-masonry .gutter-sizer {
    width: 4%;
  }
  .slide-label {
    padding: var(--spacing-md);
  }
  .wrapper-insight {
    max-width: calc(1440px + (15px * 2));
    padding: 0 15px;
  }
  .grid-content.grid3.showcase-grid {
    grid-template-columns: 100%;
    grid-row-gap: var(--spacing-sm);
  }
  .gallery-nav .swiper-slide:not(:first-child) {
    margin-left: var(--spacing-sm);
  }
  .heading-cta {
    flex-direction: column;
    margin-bottom: var(--spacing-lg);
  }
  .heading-cta .section-heading {
    width: 100%;
    margin-bottom: var(--spacing-sm);
  }
  .heading-cta .section-heading .fsw-h1 {
    margin-bottom: var(--spacing-xs);
  }
  .contact-form .input-row {
    flex-direction: column;
    row-gap: var(--spacing-md);
  }
  .contact-form .input-row .input-group {
    flex: unset;
    width: 100%;
  }
  .cover-detail .grid-content.grid2 {
    grid-template-columns: 100%;
    grid-row-gap: var(--spacing-xs);
  }
  /* #footer .grid-content.grid6{
        grid-template-columns: repeat(2, 1fr);
    } */
  #footer .grid-content.grid6 > .footer-menu {
    flex: 1 1 48%;
  }
  .footer-social {
    grid-column: 1 / span 2;
  }
  .grid-content.cards-cta {
    grid-template-columns: 100%;
  }
  .cta-card .card-content {
    margin-right: auto;
  }
}
@media (max-width: 575.98px) {
  .featureSlides-section .swiper-nav {
    display: none;
  }
  .featureSlides-section .swiper-slide {
    width: 300px;
    margin-right: 20px;
  }
  .intro-whats-new {
    width: calc(100vw - var(--spacing-md));
    right: var(--spacing-xs);
    transform: translateX(calc(100% - var(--spacing-md)));
  }
  .whats-new-thumb > img {
    width: 146px;
  }
  .whats-new-thumb .new-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .vdo-intro .bg-content > h1 {
    font-size: 40px;
  }
  footer .menu-item a:not(.btn-style):after {
    content: unset;
  }
  footer .footer-menu > .menu-item {
    position: relative;
    padding-bottom: var(--spacing-xs);
  }
  footer .footer-menu > .menu-item > a {
    opacity: 0.5;
  }
  footer .footer-menu > .menu-item:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: currentColor;
    opacity: 0.3;
    display: block;
    position: absolute;
    bottom: 1px;
    left: 0;
    transition: opacity 0.4s;
  }
  footer .footer-menu > .menu-item.open > a,
  footer .menu-item.menu-item-has-children.open:after {
    opacity: 1;
  }
  footer .menu-item:not(.footer-style) .sub-menu a {
    opacity: 1;
  }
  .grid-content.info-grid {
    grid-template-columns: 80px auto;
  }
  .csr-container .grid-content.grid3 {
    grid-template-columns: 100%;
  }
  /* .about .thumbnail-card.right-side{
        max-width: 210px;
        max-height: 255px;
        min-height: unset;
    }
    .about .thumbnail-card:nth-child(2){
        max-width: 210px;
        max-height: 288px;
        min-height: unset;
    } */
  .about .manetic-logo {
    /* width: 90px;
        height: 90px; */
    transform: unset;
    right: 0;
  }
  .about .manetic-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }
  .magnetic .grid-content.grid2 .thumbnail-card {
    max-width: 274px;
  }
  .media-masonry.insight-masonry .media-thumb-item {
    width: 100% !important;
    margin-bottom: 30px;
  }
  .media-masonry.insight-masonry .grid-sizer {
    width: 100%;
  }
  .media-masonry.insight-masonry .gutter-sizer {
    width: 0%;
  }
  .mfp-container .mfp-content .iframe-popup .mfp-close {
    position: fixed;
    top: 10px;
    right: 10px;
    background-color: transparent;
  }
  .mfp-iframe-holder .mfp-content {
    width: 100%;
  }
  .ooh-section,
  .stadium .gray-section,
  .entertainment .gray-section {
    padding: var(--spacing-2xl) 0;
  }
  .media-type {
    padding-top: var(--spacing-2xl);
    padding-bottom: var(--spacing-2lg);
  }
  .scroll-section {
    padding-top: var(--spacing-2lg);
    padding-bottom: var(--spacing-2xl);
  }
  .vdo-section .media-wrapper.media-51 {
    min-height: 250px;
  }
  .tab-nav-m {
    margin: 0 auto;
  }
  .media-tab .tab-item button {
    padding: 0 var(--spacing-xs);
    font-size: 12px;
  }
  #media-solution {
    margin-top: var(--spacing-sm) !important;
  }
  .footer-bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    row-gap: var(--spacing-lg);
  }
  /* #footer .grid-content.grid6{
        grid-template-columns: 100%;
    } */
  #footer .grid-content.grid6 > .footer-menu {
    flex: 1 1 100%;
  }
  .footer-social {
    grid-column: 1;
  }
  #footer .footer-menu .menu-item.menu-item-has-children {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    cursor: pointer;
  }
  #footer .footer-menu .menu-item.menu-item-has-children a {
    order: 1;
    grid-column: 1;
  }
  #footer .footer-menu .menu-item.menu-item-has-children .ic {
    order: 2;
    grid-column: 2;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    justify-self: flex-end;
    width: fit-content;
    transition: all 0.4s;
  }
  #footer .footer-menu .menu-item-has-children .sub-menu {
    order: 3;
    grid-column: 1 / span 2;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    margin: 0;
    transition: all 0.4s;
  }
  #footer .footer-menu .menu-item-has-children.open .sub-menu {
    opacity: 1;
    visibility: visible;
    height: auto;
    margin-top: var(--spacing-xs);
  }
  .footer-menu .menu-item:not(:last-child) {
    margin-bottom: var(--spacing-3xs);
  }
  #footer .footer-menu .menu-item.menu-item-has-children.open .ic {
    transform: rotate(-180deg);
  }
}

/* DATEPICKER:START */
.datepicker {
  position: relative;
}
.datepicker:before {
  font-family: "iconfont";
  content: "\e934";
  font-weight: normal;
  font-size: var(--font-size-xl);
  width: var(--input-height);
  height: var(--input-height);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: var(--spacing-md);
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
}
.ui-datepicker a {
  box-shadow: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: var(--spacing-xs) 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  line-height: normal;
  border-radius: 0;
  text-transform: uppercase;
  border: 1px solid rgba(var(--rgb-theme-main1), 0.1);
  border-bottom: 0;
  margin-top: var(--spacing-3xs);
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  display: flex;
  align-items: center;
  vertical-align: top;
  width: var(--input-height);
  height: 100%;
  line-height: inherit;
  text-align: center;
  position: absolute;
  top: 0;
  z-index: 1;
}
.ui-datepicker .ui-datepicker-prev {
  padding-left: var(--spacing-xs);
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {
  left: 0;
}
.ui-datepicker .ui-datepicker-next {
  padding-right: var(--spacing-xs);
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {
  right: 0;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  position: static;
  margin: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  text-indent: inherit;
}
.ui-datepicker .ui-datepicker-prev span:before,
.ui-datepicker .ui-datepicker-next span:before {
  font-family: "iconfont";
  font-size: var(--font-size-md);
  font-weight: normal;
}
.ui-datepicker .ui-datepicker-prev span {
  justify-content: flex-start;
}
.ui-datepicker .ui-datepicker-prev span:before {
  content: "\e909";
  transform: translateX(-3px);
}
.ui-datepicker .ui-datepicker-next span {
  justify-content: flex-end;
}
.ui-datepicker .ui-datepicker-next span:before {
  content: "\e90a";
  transform: translateX(3px);
}
.ui-datepicker .ui-datepicker-title {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  font-size: inherit;
  padding-left: var(--font-size-xs);
}
.ui-datepicker .ui-datepicker-title select {
  width: auto;
  padding: 0 var(--spacing-sm) 0 0 !important;
  border: 0;
  background: none;
  height: auto;
  min-height: 0;
  line-height: normal;
  font-weight: inherit;
  text-transform: uppercase;
}
.ui-datepicker .ui-datepicker-title select:not(:last-child) {
  margin-right: 0;
}
.ui-datepicker .ui-datepicker-title option {
  color: #000;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
  order: 1;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
  order: 3;
}
.ui-datepicker .ui-datepicker-title:before,
.ui-datepicker .ui-datepicker-title:after {
  font-family: "iconfont";
  content: "\e90c";
  font-size: var(--font-size-2xs);
  font-weight: normal;
  line-height: 1;
  pointer-events: none;
  transform: translateX(calc(var(--spacing-sm-minus) + var(--spacing-2xs)));
}
.ui-datepicker .ui-datepicker-title:before {
  order: 2;
}
.ui-datepicker .ui-datepicker-title:after {
  order: 4;
}
.ui-datepicker .ui-datepicker-calendar {
  border-radius: 0;
  border: 1px solid rgba(var(--rgb-theme-main1), 0.1);
  border-top: 0;
  margin-bottom: var(--spacing-3xs);
}
.ui-datepicker table {
  margin: 0;
  padding: var(--spacing-3xs) 0;
  font: inherit;
  font-weight: var(--weight-medium);
}
.ui-datepicker th,
.ui-datepicker td {
  padding: var(--spacing-3xs);
  text-align: center;
  text-transform: uppercase;
}
.ui-datepicker td span,
.ui-datepicker td a {
  margin: 0 auto;
  padding: 0;
  width: auto;
  height: auto;
  line-height: normal;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}
.ui-datepicker tbody tr:last-child td {
  padding-bottom: var(--spacing-xs);
}
.ui-datepicker .ui-state-default:hover {
  opacity: var(--opacity-light);
}
.ui-datepicker th,
.ui-datepicker td .ui-state-highlight,
.ui-datepicker td .ui-state-active,
.ui-datepicker .ui-datepicker-title {
  font-weight: inherit;
  font-style: normal;
  opacity: 1;
  color: inherit;
}
.ui-datepicker td.ui-state-disabled {
  pointer-events: none;
  opacity: 0.1;
}
.ui-datepicker td.ui-datepicker-current-day > * {
  text-decoration: underline;
}
/* DATEPICKER:END */

/* Clipboard */
#clipboard {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  width: 100px;
  max-width: 100%;
  margin: 0 auto;
  padding: var(--spacing-sm);
  font-weight: var(--weight-bold);
  text-transform: uppercase;
  color: #fff;
  border-radius: 50%;
  background: var(--color-theme-blue);
  position: fixed;
  z-index: 999999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*========== UPLOAD FILE ==========*/
.custom-file-upload-hidden {
  display: none;
  visibility: hidden;
  position: absolute;
  left: -9999px;
}
.custom-file-upload {
  display: flex;
  align-items: center;
  margin: 0;
  width: 100%;
}
.file-upload-wrapper {
  position: relative;
  width: 100%;
}
.file-upload-wrapper .file-upload-action {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 0;
  right: var(--spacing-xs);
  width: auto;
  height: var(--input-height);
  display: flex;
  align-items: center;
}
.file-upload-wrapper .file-upload-button {
  font-size: inherit;
  font-weight: var(--weight-semibold);
  white-space: nowrap;
  box-shadow: var(--cta-shadow);
}
.file-upload-wrapper .file-upload-button:hover {
  color: var(--color-theme);
}
.file-upload-wrapper .file-upload-input {
  padding-right: 30px;
}
.file-upload-wrapper .file-upload-input::placeholder {
  color: var(--color-body);
}

/*BURGER ICON*/
.burger-icon {
  color: #fff;
  cursor: pointer;
  position: relative;
  width: 30px;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: none;
  row-gap: 9px;
}

.burger-line {
  /* bar color */
  transition: var(--transition);
  width: 100%;
  height: 2px;
  background-color: var(--color-white);
}
.burger-icon .burger-line:last-child {
  margin-bottom: 0;
}
.burger-line-1 {
  position: relative;
  top: 0;
}
.burger-line-2 {
  width: 19px;
}
.burger-line-3 {
  position: relative;
  bottom: 0;
}
.open .burger-icon .burger-line-1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
.open .burger-icon .burger-line-2 {
  opacity: 0;
}
.open .burger-icon .burger-line-3 {
  width: 100%;
  position: absolute;
  bottom: 50%;
  transform: translateY(50%) rotate(45deg);
}
@media only screen and (max-width: 991.98px) {
  #burger-btn.burger-icon {
    display: flex;
  }
}

/* COOKIES */
.cky-consent-container .cky-consent-bar {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.cky-consent-container {
  position: fixed !important;
  z-index: 99999 !important;
  bottom: var(--spacing-xs) !important;
  right: var(--spacing-xs) !important;
  left: unset !important;
  width: calc(100% - (var(--container-padding) * 2)) !important;
  max-width: 375px !important;
  background-color: var(--color-white) !important;
  padding: var(--spacing-sm) !important;
  border-radius: var(--spacing-sm) !important;
}
.cky-title {
  display: none !important;
}
.cky-notice-group {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  row-gap: var(--spacing-sm) !important;
}
.cky-notice-des p,
.cky-notice-btn-wrapper button {
  font-family: var(--font-body) !important;
  font-weight: var(--weight-light) !important;
  font-size: 15px !important;
  line-height: 22.5px !important;
  color: var(--color-theme-blue) !important;
}
.cky-notice-des a {
  text-decoration: underline !important;
}
.cky-notice-group > * {
  width: 100% !important;
}
.cky-notice-btn-wrapper {
  display: flex !important;
  flex-direction: row-reverse !important;
  justify-content: space-between !important;
  align-items: center !important;
  height: 100% !important;
  margin: 0 !important;
}
.cky-notice-btn-wrapper button {
  text-transform: uppercase !important;
}
.cky-notice-btn-wrapper:hover button {
  opacity: 0.5 !important;
}
.cky-notice-btn-wrapper button:hover {
  opacity: 1 !important;
}
.cky-notice-btn-wrapper .cky-btn {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}
.cky-notice-btn-wrapper .cky-btn-customize {
  border: none !important;
  padding: 0 !important;
}
@media (max-width: 576px) {
  .cky-notice-des,
  .cky-notice-btn-wrapper {
    padding: 0 !important;
  }
  .cky-notice-btn-wrapper {
    flex-direction: row !important;
  }
  .cky-notice-btn-wrapper .cky-btn {
    width: fit-content !important;
    flex-grow: 0 !important;
    margin-top: 0 !important;
  }
  .cky-notice-btn-wrapper .cky-btn-reject {
    order: 2 !important;
  }
  .cky-notice-btn-wrapper .cky-btn-customize {
    order: 3 !important;
  }
}

/* Edit */

.meet-section {
  background-color: #f6f6f6;
  padding-top: var(--spacing-3xl);
  padding-bottom: var(--spacing-2xl);
  overflow: hidden;
}
.team-card {
  border-radius: 20px;
  overflow: hidden;
  min-height: 387px;
}
.team-card .team-desc {
  padding: 15px;
  width: 100%;
  height: 100%;
}
.team-slide .swiper-slide {
  width: 300px;
  height: auto;
}
.team-slide .swiper-slide:not(:last-child) {
  margin-right: 13px;
}
.team-slide {
  overflow: visible;
}
.team-slide .swiper-button-prev {
  transform: translateX(calc(-100% - 30px));
}
.team-slide .swiper-button-next {
  transform: translateX(calc(100% + 30px));
}
.team-card .team-heading {
  position: relative;
}
.team-card .team-heading .media-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.3) 100%
  );
  pointer-events: none;
}
.team-card .team-heading .team-title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  padding: 15px;
}
.team-card .team-heading .team-title .fsw-h4 {
  line-height: 1.3;
}
.intern-section {
  padding-top: var(--spacing-3xl);
  padding-bottom: var(--spacing-xl);
}
.intern-section .section-heading {
  margin-bottom: var(--spacing-3xl);
}
.intern-card {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  margin-bottom: 15px;
  background-color: #f6f6f6;
}
.intern-slide-container .swiper {
  width: 100vw;
  margin-left: calc(var(--container-padding) * -1);
  padding: 0 var(--container-padding);
}
.intern-slide .swiper-slide {
  width: 300px;
  height: auto;
}
.intern-slide .intern-card .media-wrapper {
  width: 100%;
}
.intern-slide .swiper-slide:not(:last-child) {
  margin-right: 20px;
}
.swiper-slide .intern-card {
  display: grid;
  grid-template-columns: 100%;
}
.intern-card .media-wrapper {
  width: 223px;
  flex-shrink: 0;
}
.intern-card .intern-desc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 30px;
}
.intern-content {
  grid-gap: 15px;
}
.intern-content .grid-context:last-child {
  margin-top: 90px;
}
.life-section {
  padding: var(--spacing-3xl) 0;
}
.life-section .section-slide {
  margin-top: 50px;
}
.life-section .life-swiper .full-slide {
  position: relative;
  background-color: var(--color-body-bg);
}
.life-section .life-swiper .full-slide .slide-desc {
  max-width: 50%;
  padding: 86px 68px;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
}
.section-slide .swiper .single-pag {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  z-index: 2;
  text-align: center;
}
.section-slide .swiper .single-pag .swiper-pagination-bullet {
  background-color: #fff;
  width: 40px;
  max-width: 4px;
  height: 4px;
  border-radius: 50%;
  margin: 0 2px;
  transition: all var(--transition) var(--timing-function);
}
.section-slide
  .swiper
  .single-pag
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  max-width: 40px;
  border-radius: 5px;
}
.career-tab-section {
  position: relative;
  padding: var(--spacing-2xl) 0;
}
.career-tab-section .bg-obj {
  filter: blur(7.5px);
  -webkit-filter: blur(7.5px);
}
.career-tab-container {
  padding: 70px 140px;
  border-radius: 20px;
  overflow: hidden;
  background-color: #f6f6f6;
}
.career-tab-section .sectionTab-container {
  margin-top: 30px;
}
.tab-slide-label {
  margin-top: 60px;
}
.career-icon-card {
  padding: 48px 65px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  grid-row-gap: 15px;
}
.career-icon-card img {
  width: 62px;
  height: 62px;
  object-fit: contain;
  object-position: center;
}
.career-icon-slide {
  margin-top: 40px;
  background: var(--color-white);
  border-radius: 20px;
}
.career-icon-slide .swiper-slide {
  width: 190px;
  height: auto;
}
.development-container {
  background: var(--color-white);
  border-radius: 24px;
  overflow: hidden;
  padding: 20px;
  margin-top: 30px;
}
.development-container .dev-card {
  background: #f6f6f6;
  border-radius: 20px;
  overflow: hidden;
  height: 250px;
  text-align: center;
  margin-top: 30px;
}
.dev-slide .swiper-wrapper {
  /* justify-content: center; */
  /* grid-column-gap: 15px; */
}
.dev-slide .swiper-slide {
  width: 170px;
  height: auto;
}
.dev-slide .swiper-slide:not(:last-child){
  margin-right: var(--spacing-xs);
}
.benefit-slide {
  background-color: #fff;
}
.benefit-slide .swiper-slide {
  min-width: 240px;
  width: 25%;
  height: auto;
}
.benefit-slide .benefit-card {
  background: var(--color-white);
  padding: 40px 44px;
  height: 100%;
}
.benefit-slide .benefit-card ul {
  font-weight: 300;
}
.benefit-slide .benefit-card ul li::marker {
  font-size: 8px;
}
.benefit-slide {
  margin-top: 90px;
  border-radius: 20px;
  overflow: hidden;
}
.benefit-card img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  object-position: center;
}
.benefit-card ul {
  list-style: disc;
  margin-top: 30px;
  margin-left: 30px;
}
.greeting-section {
  overflow: hidden;
  padding-top: var(--spacing-3xl);
  padding-bottom: var(--spacing-3xl);
}
.leader-slide {
  margin-top: var(--spacing-xl);
  overflow: visible;
}
.leader-slide .swiper-slide {
  /* width: 1031px; */
}
.leader-slide .grid-content.career-bottom-grid {
  grid-template-columns: auto 40%;
  grid-column-gap: 15px;
}
.leader-slide .grid-content.career-bottom-grid .grid-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom center;
  max-height: 680px;
}
.leader-card {
  border-radius: 20px;
  overflow: hidden;
  max-width: 1031px;
  margin: 0 auto;
}
.leader-slide .grid-content.career-bottom-grid .grid-context {
  padding: 60px;
  padding-right: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.greeting-section .section-slide {
  position: relative;
}
.greeting-section .swiper .single-pag {
  bottom: -30px;
}
.greeting-section .section-slide .swiper .single-pag .swiper-pagination-bullet {
  background-color: var(--color-theme-blue);
}
.page-career-application .single-heading-box {
  overflow: unset;
}
.page-career-application .filter-form {
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: var(--spacing-sm);
}
.page-career-application .filter-form .select2-container {
  width: 100% !important;
}
.jobs-list .job-item {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 25px 0;
  padding-right: 20px;
  border-bottom: 1px solid var(--color-gray-bg);
}
.jobs-list .job-item:after {
  content: "\e906";
  font-family: "iconfont";
  font-size: var(--font-size-xl);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 2;
}
.jobs-list .job-item:first-child {
  padding-top: 0;
}
.apply-section {
  padding-top: 80px;
  padding-bottom: 200px;
}
.apply-section .form-container {
  max-width: 822px;
  margin: 0 auto;
}
.apply-section .form-container .input-row {
  column-gap: var(--spacing-xl);
}
.apply-section .form-container .input-group {
  flex: 1 0 calc(50% - (var(--spacing-xl) / 2));
}
.apply-section .form-container .input-group.input-message {
  display: block;
  width: 100%;
}
.input-group.input-checkbox label a {
  text-decoration: underline;
}
.contact-box
  .select
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered,
.contact-box .select .select2-selection__placeholder,
.apply-section
  .form-container
  .input-group
  .select
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered,
.apply-section
  .form-container
  .input-group
  .select
  .select2-selection__placeholder,
.apply-section .form-container .input-group .file-upload-input,
.apply-section
  .form-container
  .input-group
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow:before,
.apply-section .form-container .input-group label,
.apply-section
  .form-container
  .input-group:not(.input-checkbox)
  input:focus
  + label,
.apply-section .form-container .input-group.filled:not(.input-checkbox) label,
.apply-section .form-container .custom-file-label {
  color: var(--color-white) !important;
}
.apply-section .form-container .input-group input,
.apply-section .form-container .input-group textarea,
.apply-section
  .form-container
  .input-group
  .select
  .select2-container--default
  .select2-selection--single {
  border-bottom: 1px solid var(--color-white) !important;
  color: var(--color-white) !important;
}
.apply-section .form-container .input-group:not(.input-checkbox) input,
.apply-section .form-container .input-group textarea {
  width: 100%;
  border-bottom: 1px solid var(--color-white) !important;
  color: var(--color-white) !important;
}
.apply-section .form-container .input-group input.file-upload-input {
  border-color: var(--color-white);
}
.apply-section .form-container .input-group.input-checkbox input {
  margin-right: var(--spacing-3xs);
}
.solution-section {
  padding-top: var(--spacing-3xl);
  padding-bottom: var(--spacing-lg);
}
.solution-container {
  background-color: var(--color-white);
  border-radius: 20px;
  padding: var(--spacing-md);
}
.grid-content.grid-solution {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: var(--spacing-xl);
  grid-row-gap: var(--spacing-2sm);
}
.resource-section {
  background-color: var(--co);
  padding-bottom: var(--spacing-3xl);
}
.media-kit .media-gallery .section-content {
  margin-top: var(--spacing-3xl);
}
.popup-form .mfp-content {
  max-width: 540px;
  padding: var(--spacing-xl) var(--spacing-2md);
}
.popup-form .mfp-content .form-container {
  margin-top: var(--spacing-lg);
}
.popup-form .input-group label {
  color: var(--color-gray-mid);
}
.download-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  grid-row-gap: var(--spacing-2md);
}
.download-form .input-group {
  width: 100%;
}
.download-form .site-btn {
  min-width: 200px;
}
.download-form .input-group:not(.input-checkbox) input {
  border-bottom: 1px solid var(--color-gray);
  color: var(--color-body);
}
.mfp-container .mfp-content .download-popup .mfp-close {
  background-color: transparent;
}
.mfp-container .mfp-content .download-popup .mfp-close:after {
  color: #1c1b1f;
  font-size: 12px;
}
.search-container .section-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search-container .search-result {
  width: 330px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  grid-column-gap: var(--spacing-3xs);
  background-color: var(--color-white);
  border-radius: 33px;
  padding: 12px 16px;
}
.search-container .search-result input[type="search"] {
  color: var(--color-theme-blue);
  width: 100%;
}
@media (min-width: 991.98px) {
  .intern-slide-container {
    display: none;
  }
}
@media (min-width: 767.98px) {
  .career-cover .cover-detail .grid-content .section-desc {
    justify-content: flex-end;
  }
}
@media (max-width: 991.98px) {
  .intern-section .section-heading{
    margin-bottom: var(--spacing-lg);
  }
  .intern-section {
    padding-top: var(--spacing-2xl);
  }
  .search-container .grid-content.grid3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-content.grid-solution {
    grid-template-columns: repeat(2, 1fr);
  }
  .page-career-application .single-heading-box {
    margin: 0 auto;
    margin-top: 50px;
    width: calc(100% - (var(--container-padding) * 2));
    border-radius: 20px !important;
  }
  .jobs-desc,
  .jobs-list {
    padding: 0 var(--container-padding);
    padding-top: 70px;
    padding-bottom: 100px;
  }
  .career-tab-container {
    padding: 45px 20px;
  }
  .career-tab-section .section-nav {
    position: relative;
    z-index: 5;
  }
  .career-tab {
    display: none;
    position: absolute;
    z-index: 2;
    flex-direction: column;
    bottom: 0;
    transform: translateY(calc(100% + 10px));
    border-radius: 20px;
    padding: var(--spacing-sm) var(--spacing-lg);
    height: auto;
  }
  .career-tab.media-tab .tab-item.active button {
    background: unset;
    box-shadow: none;
  }
  .life-section .life-swiper .single-pag {
    bottom: unset;
    top: 50vw;
  }
  .life-section .life-swiper .full-slide .slide-desc {
    max-width: unset;
    position: relative;
    top: unset;
    left: unset;
    bottom: unset;
    padding: 0;
    padding-top: var(--spacing-md);
  }
  .life-section .life-swiper .full-slide .slide-desc .fsw-h4 {
    color: var(--color-theme-blue);
  }
  .life-section .life-swiper .full-slide .slide-desc p {
    color: var(--color-gray);
  }
  .intern-content {
    display: none;
  }
  .intern-section .grid-content.grid2,
  .oohLocation-section .grid-content.grid2 {
    grid-template-columns: 100%;
    grid-row-gap: var(--spacing-md);
  }
  .oohLocation-section .section-heading {
    margin-bottom: var(--spacing-sm);
  }
  .leader-card {
    max-width: calc(100% - (var(--container-padding) * 2));
    padding: 50px 25px;
    padding-bottom: 0;
  }
  .leader-slide .grid-content.career-bottom-grid {
    grid-template-columns: 100%;
    grid-row-gap: 0;
  }
  .leader-slide .grid-content.career-bottom-grid .grid-context {
    padding: 0;
  }
  .leader-slide .grid-content.career-bottom-grid .grid-media {
    margin-top: -80px;
    text-align: right;
  }
  .leader-slide .grid-content.career-bottom-grid .grid-media img {
    max-width: 55%;
    margin-left: auto;
    object-position: bottom right;
  }
  .leader-content {
    margin-top: var(--spacing-md);
    max-width: 60%;
  }
}
@media (max-width: 767.98px) {
  .search-container .section-heading {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    grid-row-gap: var(--spacing-xs);
  }
  .grid-content.grid-solution {
    grid-template-columns: 100%;
  }
  .swiper-button-next,
  .swiper-button-prev {
    width: 25px;
    height: 25px;
  }
  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 10px;
  }
  .gallery-pag {
    bottom: 12px !important;
  }
}
@media (max-width: 575.98px) {
  .search-container .grid-content.grid3 {
    grid-template-columns: 100%;
  }
  .subscribe-box {
    max-width: 100%;
  }
  .life-section .life-swiper .single-pag {
    top: calc(50vw - 15px);
  }
  .media-kit .media-gallery {
    padding-top: 75px;
  }
  .media-kit .media-gallery .section-content {
    margin-top: var(--spacing-2sm);
  }
}
.bg-blue input:-webkit-autofill,
.bg-blue input:-webkit-autofill:hover,
.bg-blue input:-webkit-autofill:focus,
.bg-blue input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--color-theme-blue) inset !important;
  -webkit-text-fill-color: var(--color-white) !important;
}
#footer .subscribe-box div[class^="formbox-editor-"]{
  padding: 0;
  margin: 0;
  margin-right: auto;
}
#footer .subscribe-box div[class^="formbox-editor-"] div[class^="formbox-title-"]{
  display: none;
}
#footer .subscribe-box div[class^="formbox-editor-"] input[class^="formbox-field"]{
  border: 0;
  border-bottom: 1px solid var(--color-white);
  padding-left: 0;
  color: var(--color-white);
}
#footer .subscribe-box div[class^="formbox-editor-"] > div{
  position: relative;
}
#footer .subscribe-box div[class^="formbox-editor-"] button[id="btnSubmit"]{
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  padding: 0;
  margin: 0;
  font-size: 0 !important;
}
#footer .subscribe-box div[class^="formbox-editor-"] fieldset:has(button[id="btnSubmit"]){
  position: unset;
}
#footer .subscribe-box div[class^="formbox-editor-"] button[id="btnSubmit"]::after{
  content: "\e906";
  font-family: "iconfont";
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 50% !important;
  background-color: var(--color-white) !important;
  font-size: 10px;
  color: var(--color-theme-blue) !important;
}