@font-face {
  font-family: Helvetica Narrow;
  src: url('../fonts/helvetica-narrow-regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica;
  src: url('../fonts/Helvetica.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Narrow;
  src: url('../fonts/helvetica-narrow-bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica;
  src: url('../fonts/Helvetica-Bold-Font.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --grey-1: #d2d6dc;
  --grey-3: #878788;
  --black: #333;
  --green-3: #2ddd9f;
  --green-2: #1ed192;
  --grren: #00a068;
  --dark-blue: #243e70;
  --grey-2: #f7f7f7;
  --red: #f83d44;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.body {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.overflow-x {
  padding-top: 110px;
  overflow: hidden;
}

.header-sec {
  z-index: 99;
  background-color: var(--white);
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 0 0 10px 1px #0000004d;
}

.head-top {
  border-bottom: 1px solid var(--grey-1);
  width: 100%;
}

.head-container {
  justify-content: space-between;
  width: 100%;
  max-width: 1680px;
  padding-top: 5px;
  padding-left: 5%;
  padding-right: 5%;
  font-weight: 700;
  display: flex;
}

.head-top-right {
  order: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.head-top-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-right: 1px solid var(--grey-1);
  justify-content: center;
  align-items: center;
  padding: 7px 15px;
  display: flex;
}

.head-top-block.no-border {
  border-right-width: 0;
}

.icon-block {
  width: 30px;
  height: 20px;
}

.icon-block.tel {
  background-image: url('../images/tel-icon-grey.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-block.search {
  background-image: url('../images/search-icon-grey.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-block.lang {
  background-image: url('../images/lang-icon-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-block.mail {
  background-image: url('../images/mail-icon-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-block.tel-white {
  background-image: url('../images/tel-icon-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-block.fax {
  background-image: url('../images/fax-icon-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.head-top-link {
  color: var(--grey-3);
  font-weight: 400;
  text-decoration: none;
}

.lang-link {
  color: var(--black);
  text-decoration: none;
}

.lang-link.left {
  border-right: 1px solid var(--black);
  margin-right: 5px;
  padding-right: 10px;
  font-weight: 400;
}

.navbar {
  background-color: #ddd0;
  width: 100%;
}

.brand {
  order: -1;
}

.nav-menu {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  order: 1;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.menu-link {
  margin-bottom: 25px;
  padding: 0;
  font-weight: 400;
}

.menu-link:hover, .menu-link.w--current {
  color: var(--green-2);
}

.head-logo {
  width: 100%;
  max-width: 200px;
  margin-bottom: 10px;
  padding-right: 15px;
}

.menu-drop-toggle {
  padding: 0 20px 25px 0;
  font-weight: 400;
}

.menu-drop-arrow {
  margin-top: 3px;
  margin-bottom: 0;
  margin-right: 0;
}

.menu-drop-list {
  background-color: var(--grey-2);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.menu-drop-list.w--open {
  background-color: var(--grey-2);
  flex-flow: column;
  align-items: flex-start;
  margin-top: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  top: 0;
  left: -30%;
}

.container {
  z-index: 1;
  width: 100%;
  max-width: 1400px;
  padding-left: 5%;
  padding-right: 5%;
  position: relative;
}

.container.pt-100 {
  padding-top: 100px;
}

.container.pt-100.pb-100 {
  padding-bottom: 100px;
}

.container.pt-50 {
  padding-top: 50px;
}

.container.pt-50.pb-100 {
  padding-bottom: 100px;
}

.container.pt-50.pb-50 {
  padding-bottom: 50px;
}

.container.pt-150 {
  padding-top: 150px;
}

.container.pt-150.pb-100 {
  padding-bottom: 100px;
}

.container.pt-150.pb-150 {
  padding-bottom: 150px;
}

.menu-drop-link {
  color: var(--dark-blue);
  background-image: url('../images/arrow-right-green.svg');
  background-position: 94%;
  background-repeat: no-repeat;
  background-size: auto 15px;
  width: 100%;
  padding: 5px 80px 5px 30px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  position: static;
}

.menu-drop-link:hover {
  color: var(--green-2);
}

.menu-drop-link.w--current {
  color: var(--grren);
}

.hero-slider {
  background-color: #ddd0;
  justify-content: space-between;
  height: 760px;
}

.hero-slide.hero-1 {
  background-image: url('../images/index-hero-banner-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero-content-block {
  z-index: 2;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom-right-radius: 90%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.hero-title {
  color: var(--white);
  text-transform: uppercase;
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
}

.hero-des {
  color: var(--white);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.hero-btn {
  border: 1px solid var(--white);
  color: var(--white);
  background-image: url('../images/long-arrow-right-white.svg');
  background-position: 90%;
  background-repeat: no-repeat;
  background-size: auto 20px;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  padding: 7px 50px 7px 15px;
  text-decoration: none;
  display: flex;
}

.hero-btn:hover {
  background-color: var(--green-2);
}

.hero-btn.red:hover {
  background-color: var(--red);
}

.hero-btn.blue:hover {
  background-color: var(--dark-blue);
}

.hero-content {
  z-index: 1;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 10%;
  padding-right: 15%;
  display: flex;
  position: relative;
}

.slider-arrow {
  background-color: var(--grren);
  width: 40px;
  height: 40px;
}

.slider-arrow.left {
  background-image: url('../images/arrow-left-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 21px;
  margin-top: auto;
  margin-bottom: auto;
}

.slider-arrow.right {
  background-image: url('../images/arrow-right-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 21px;
  margin-top: auto;
  margin-bottom: auto;
}

.solution-sec.bg-qu {
  background-image: url('../images/about-qu-bg-1.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.solution-sec.bg-grey {
  background-color: var(--grey-2);
}

.sec-content-block {
  flex-flow: column;
  display: flex;
}

.sec-content-block.hori {
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  flex-flow: wrap;
  justify-content: space-between;
}

.sec-content-block.hori.center {
  align-items: center;
}

.sec-title-block {
  flex-flow: wrap;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 30px;
  display: none;
}

.sec-title {
  text-transform: uppercase;
  font-size: 54px;
  font-weight: 700;
  line-height: 60px;
}

.part-block-list {
  grid-column-gap: 2%;
  grid-row-gap: 30px;
  flex-flow: wrap;
  width: 100%;
  display: flex;
}

.part-block-list.mt-50 {
  margin-top: 100px;
}

.part-block-60 {
  border-radius: 25px;
  width: 59%;
  height: 350px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 10px 1px #0000004d;
}

.part-full-pic {
  width: 100%;
  height: 100%;
}

.part-full-pic.part-1 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/home-solution-pic-1.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.part-full-pic.part-4 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/home-solution-pic-4.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.part-full-pic.about-part-1 {
  background-image: url('../images/about-pt-pic-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.part-full-pic.about-part-4 {
  background-image: url('../images/about-pt-pic-4.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.part-full-pic.solution-list-1 {
  background-image: url('../images/solution-list-pic-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.part-full-pic.solution-list-4 {
  background-image: url('../images/solution-list-pic-4.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.part-full-pic.solution-list-5 {
  background-image: url('../images/solution-list-pic-5.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.part-title-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  align-items: flex-start;
  padding-right: 12%;
  display: flex;
  position: absolute;
  inset: auto auto 10% 5%;
}

.part-block-40 {
  border-radius: 25px;
  width: 39%;
  height: 350px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 10px 1px #0000004d;
}

.part-title {
  color: var(--white);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.part-title.black {
  color: var(--black);
}

.part-half-pic {
  width: 100%;
  height: 100%;
}

.part-half-pic.part-1 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/home-solution-pic-1.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.part-half-pic.part-2 {
  background-image: url('../images/home-solution-pic-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.part-half-pic.part-3 {
  background-image: url('../images/home-solution-pic-3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.part-half-pic.about-part-2 {
  background-image: url('../images/about-pt-pic-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.part-half-pic.about-part-3 {
  background-image: url('../images/about-pt-pic-3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.part-half-pic.solution-list-2 {
  background-image: url('../images/solution-list-pic-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.part-half-pic.solution-list-3 {
  background-image: url('../images/solution-list-pic-3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.part-half-pic.solution-list-6 {
  background-image: url('../images/solution-list-pic-6.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.part-title-block-2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  align-items: flex-start;
  padding-top: 30px;
  padding-left: 5%;
  padding-right: 15%;
  display: flex;
}

.part-btn {
  border: 1px solid var(--white);
  color: var(--white);
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  padding: 7px 15px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.part-btn.black {
  border-color: var(--black);
  color: var(--black);
}

.part-btn.black:hover {
  border-color: var(--green-2);
  background-color: var(--green-2);
  color: var(--white);
}

.insights-sec.bg-grey {
  background-color: var(--grey-2);
}

.insights-sec.bg-grey-pic {
  background-color: var(--grey-2);
  background-image: url('../images/why-bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.insights-slide {
  margin-right: 30px;
}

.insights-content-block {
  border-radius: 25px;
  flex-flow: row;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.ins-slide-pic {
  width: 30%;
  position: relative;
}

.ins-slide-pic.pic {
  background-image: url('../images/insights-pic-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ins-slide-pic.pic-2 {
  background-image: url('../images/insights-pic-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ins-slide-pic.pic-3 {
  background-image: url('../images/insights-pic-3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ins-slide-pic.pic-4 {
  background-image: url('../images/insights-pic-4.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ins-slide-content {
  background-color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 70%;
  padding: 50px 5% 30px;
  display: flex;
}

.insights-slider-m {
  background-color: #ddd0;
  width: 100%;
  height: 450px;
  display: none;
}

.ins-slide-content-info {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.ins-slide-date {
  font-size: 16px;
}

.ins-slide-date.no-active {
  color: var(--white);
  font-weight: 700;
}

.ins-slide-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.ins-slide-title.no-active {
  color: var(--white);
}

.ins-slide-des {
  font-size: 16px;
  line-height: 24px;
}

.ins-more-btn {
  border-bottom: 1px solid var(--grren);
  color: var(--grren);
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}

.ins-more-btn:hover {
  border-bottom-color: var(--dark-blue);
  color: var(--dark-blue);
}

.green-layer {
  background-image: linear-gradient(#00a06833, #00a06833);
  position: absolute;
  inset: 0%;
}

.ins-slide-pic-title-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: absolute;
  inset: auto 0% 10%;
}

.mask {
  width: 70%;
  overflow: visible;
}

.swiper.is-speakers {
  z-index: 1;
  width: 100%;
  max-width: 100%;
  position: relative;
}

.swiper-wrapper {
  margin-left: -32%;
  display: flex;
}

.swiper-wrapper.is-speakers {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.swiper-slide.is-speakers.swiper-slide-active {
  border-radius: 30px;
  flex: none;
  overflow: hidden;
}

.speakers_card-wrapper {
  z-index: 3;
  width: 100%;
  height: 100px;
  position: relative;
}

.speakers_img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.speakers_card-content {
  z-index: 2;
  padding-top: 100px;
  padding-left: 100px;
  position: absolute;
  inset: 0%;
}

.speakers_card-gradient {
  position: absolute;
  inset: 0%;
}

.sec-content-left {
  flex-flow: column;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.sec-sub-title {
  text-transform: uppercase;
  font-size: 48px;
  font-weight: 400;
  line-height: 50px;
}

.sec-des-tx {
  font-size: 16px;
  line-height: 24px;
}

.sec-des-tx.pb-border {
  border-bottom: 1px solid var(--black);
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.logo-list {
  grid-column-gap: 50px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.image {
  width: 100%;
  max-width: 100px;
}

.sec-content-right {
  flex-flow: column;
  align-items: flex-start;
  width: 48%;
  display: flex;
}

.why-sec-left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  margin-bottom: 30px;
  display: flex;
}

.why-sec-title {
  text-transform: uppercase;
  font-size: 54px;
  line-height: 60px;
}

.why-sec-title-block {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.why-sec-title-blod {
  font-size: 100px;
  font-weight: 700;
  line-height: 100px;
}

.why-sec-right {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 58%;
  margin-bottom: 30px;
  display: flex;
}

.why-sec-link-list {
  grid-column-gap: 15px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.link-btn-1 {
  border-bottom: 1px solid var(--black);
  color: var(--black);
  background-image: url('../images/long-arrow-right-black.svg');
  background-position: 100% 5px;
  background-repeat: no-repeat;
  background-size: auto 19px;
  justify-content: space-between;
  width: 48%;
  padding-bottom: 5px;
  padding-right: 50px;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
  display: flex;
}

.link-btn-1:hover {
  color: var(--green-2);
}

.connect-sec.bg-grey {
  background-color: var(--grey-2);
}

.connect-sec.bg-grey-pic {
  background-color: var(--grey-2);
  background-image: url('../images/why-bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.connect-sec.bg-green {
  background-color: var(--green-2);
}

.connect-sec.bg-red {
  background-color: var(--red);
}

.connect-sec.bg-blue {
  background-color: var(--dark-blue);
}

.connect-left {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 48%;
  display: flex;
}

.connect-title-bold {
  color: var(--white);
  font-size: 54px;
  font-weight: 700;
  line-height: 60px;
}

.connect-title-bold.tx-normal {
  text-transform: none;
}

.connect-sub-title {
  color: var(--white);
  text-transform: uppercase;
  font-size: 54px;
  line-height: 60px;
}

.connect-info-block {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.connect-item-list {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.connect-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.connect-item.no-border {
  border-right-width: 0;
}

.connect-link {
  color: var(--white);
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  text-decoration: none;
}

.connect-link.non-link {
  cursor: none;
}

.connect-title {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.connect-right {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  display: flex;
}

.footer-row {
  flex-flow: wrap;
  justify-content: space-between;
  display: flex;
}

.footer-left {
  border-right: 1px solid var(--black);
  flex-flow: column;
  align-items: flex-start;
  width: 30%;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 5%;
  display: flex;
}

.footer-right {
  flex-flow: wrap;
  align-items: flex-start;
  width: 70%;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 5%;
  display: flex;
}

.footer-menu-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 70%;
  height: 200px;
  display: flex;
}

.footer-menu-item {
  min-width: 200px;
}

.footer-menu-link {
  color: var(--black);
  text-decoration: none;
}

.footer-menu-link:hover {
  color: var(--dark-blue);
}

.footer-right-top {
  border-bottom: 1px solid var(--black);
  flex-flow: wrap;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.footer-menu-right {
  margin-left: 5%;
  padding-right: 50px;
}

.text-block {
  text-transform: uppercase;
}

.footer-tx-s {
  color: var(--dark-blue);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
}

.social-icon-list {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.social-icon {
  width: 20px;
  height: 20px;
}

.social-icon.linkin {
  background-image: url('../images/LinkedIn_icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.footer-right-bot {
  flex-flow: wrap;
  justify-content: space-between;
  width: 100%;
  margin-top: 15px;
  display: flex;
}

.footer-menu-list-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-menu-copyright {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 50%;
  margin-left: 5%;
  display: flex;
}

.copytight-tx {
  font-size: 12px;
  line-height: 24px;
}

.copytight-tx.white {
  color: var(--white);
}

.tx-link {
  color: var(--black);
  text-decoration: underline;
}

.tx-link:hover {
  color: var(--green-2);
}

.tx-link.white {
  color: var(--white);
}

.go-top-btn {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--dark-blue);
  color: var(--white);
  border-radius: 50%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: -50px 5% auto auto;
  box-shadow: 0 0 5px 1px #0000004d;
}

.go-top-arrow {
  background-image: url('../images/go-top-arrow-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}

.page-top {
  width: 100%;
  height: 0;
}

.page-banner-sec {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 500px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-banner-sec.about {
  background-image: url('../images/hero-banner-about.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-banner-sec.about-ec {
  background-image: url('../images/hero-banner-about-ec.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-banner-sec.about-hs {
  background-image: url('../images/hero-banner-about-hs.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-banner-sec.about-ov {
  background-image: url('../images/hero-banner-about-values.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-banner-sec.about-qu {
  background-image: url('../images/hero-banner-about-qu-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-banner-sec.fire {
  background-image: url('../images/hero-banner-fire.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-banner-sec.maintenance {
  background-image: url('../images/hero-banner-maintenance.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-banner-sec.solution {
  background-image: url('../images/hero-banner-solution.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-banner-sec.elv-solution {
  background-image: url('../images/hero-banner-elv.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-banner-sec.blog {
  background-image: url('../images/hero-banner-blog.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-banner-sec.news {
  background-image: url('../images/hero-banner-news.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-banner-sec.industries {
  background-image: url('../images/hero-banner-industries.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-banner-contents-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.page-banner-title {
  color: var(--white);
  text-transform: uppercase;
  font-size: 50px;
  line-height: 60px;
}

.page-banner-title.bold {
  font-weight: 700;
  display: none;
}

.back-btn-row {
  width: 100%;
  margin-top: 50px;
}

.container-2 {
  justify-content: flex-end;
  width: 100%;
  max-width: 1680px;
  padding-left: 5%;
  padding-right: 5%;
  font-weight: 700;
  display: flex;
}

.back-btn {
  border: 1px solid var(--green-2);
  background-color: var(--green-2);
  color: var(--white);
  text-align: right;
  background-image: url('../images/arrow-left-white.svg');
  background-position: 15px;
  background-repeat: no-repeat;
  background-size: auto 16px;
  border-radius: 30px;
  justify-content: flex-end;
  align-items: center;
  padding: 7px 15px 7px 50px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.back-btn.black {
  border-color: var(--black);
  color: var(--black);
  background-image: url('../images/long-arrow-right-black.svg');
}

.back-btn.red {
  border-color: var(--red);
  background-color: var(--red);
}

.back-btn.blue {
  border-color: var(--dark-blue);
  background-color: var(--dark-blue);
}

.about-row {
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.about-row.mt-100 {
  margin-top: 100px;
}

.about-left {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  align-items: flex-start;
  width: 48%;
  display: flex;
}

.about-left.middle {
  justify-content: center;
}

.about-left.full {
  width: 100%;
}

.sec-title-2 {
  color: var(--green-2);
  font-size: 36px;
  font-weight: 700;
  line-height: 42px;
}

.sec-title-2.tx-black {
  color: var(--black);
}

.sec-title-2.tx-red {
  color: var(--red);
}

.sec-title-2.tx-blue {
  color: var(--dark-blue);
}

.about-right {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  align-items: flex-start;
  width: 48%;
  display: flex;
}

.about-right.center {
  justify-content: center;
}

.sec-pic-image {
  object-fit: cover;
  width: 100%;
}

.about-pt-list {
  grid-column-gap: 5%;
  grid-row-gap: 40px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 50px;
  display: flex;
}

.about-pt-list.left {
  justify-content: flex-start;
}

.about-pt-item {
  background-color: var(--white);
  border-radius: 25px;
  justify-content: space-between;
  width: 30%;
  padding: 15px;
  display: flex;
  position: relative;
  box-shadow: 0 0 10px 1px #0000004d;
}

.about-pt-in-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-top: 1px solid var(--green-2);
  border-bottom: 1px solid var(--green-2);
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  min-height: 460px;
  padding: 30px 15px 100px;
  display: flex;
  position: relative;
}

.about-pt-in-block.red-border {
  border-top-color: var(--red);
  border-bottom-color: var(--red);
}

.about-pt-in-block.blue-border {
  border-top-color: var(--dark-blue);
  border-bottom-color: var(--dark-blue);
}

.about-pt-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.about-pt-icon {
  width: 80px;
  height: 80px;
  position: absolute;
  inset: auto 15px 30px auto;
}

.about-pt-icon.logo {
  width: 120px;
}

.link-btn {
  border: 1px solid var(--green-3);
  background-color: var(--green-2);
  background-image: url('../images/circle-btn-arrow-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 16px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  inset: auto 5% 10% auto;
}

.link-btn.red-btn {
  border-color: var(--red);
  background-color: var(--red);
}

.link-btn.blue-btn {
  border-color: var(--dark-blue);
  background-color: var(--dark-blue);
}

.talk-with-us-sec {
  background-image: url('../images/about-learn-more-pic.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  min-height: 570px;
  display: flex;
}

.talk-with-us-sec.bg-grey {
  background-color: var(--grey-2);
}

.talk-with-us-sec.bg-grey-pic {
  background-color: var(--grey-2);
  background-image: url('../images/why-bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.talk-with-us-sec.bg-green {
  background-color: var(--green-2);
}

.talk-with-us-sec.bg-ec {
  background-image: url('../images/about-ec-learn-more-pic.png');
}

.talk-with-us-sec.bg-hs {
  background-image: url('../images/about-hs-learn-more-pic.png');
}

.talk-with-us-sec.bg-ov {
  background-image: url('../images/about-ov-learn-more-pic.png');
}

.talk-with-us-sec.bg-qu {
  background-image: url('../images/about-qu-learn-more-pic.png');
}

.talk-with-us-sec.bg-fire-1 {
  background-image: url('../images/fire-learn-more-pic-1.png');
}

.talk-with-us-sec.bg-fire-2 {
  background-image: url('../images/fire-learn-more-pic-2.png');
}

.talk-with-us-sec.bg-maintenance-1 {
  background-image: url('../images/maintenance-learn-more-pic.png');
}

.talk-with-us-sec.bg-maintenance-2 {
  background-image: url('../images/maintenance-learn-more-pic-2.png');
}

.talk-with-us-sec.bg-solution-details-1 {
  background-image: url('../images/solution-learn-more-pic.png');
}

.talk-with-us-sec.bg-solution-details-2 {
  background-image: url('../images/solution-learn-more-pic-2.png');
}

.talk-with-us-sec.bg-elv-1 {
  background-image: url('../images/elv-learn-more-pic-1.png');
}

.talk-with-us-sec.bg-elv-2 {
  background-image: url('../images/elv-learn-more-pic-2.png');
}

.talk-with-us-sec.bg-blog {
  background-image: url('../images/solution-learn-more-pic-2.png');
}

.talk-contents-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.talk-tx {
  color: var(--white);
  text-align: center;
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
}

.p-link {
  color: var(--green-2);
}

.about-pt-item-2 {
  background-color: var(--white);
  border-radius: 25px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 30%;
  padding: 30px 15px;
  display: flex;
  position: relative;
  box-shadow: 0 0 10px 1px #0000004d;
}

.about-pt-left {
  justify-content: center;
  align-items: center;
  width: 40%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.about-ec-pt-icon {
  width: 70px;
}

.about-pt-tx {
  font-size: 16px;
  line-height: 22px;
}

.about-pt-right {
  border-left: 1px solid var(--grey-1);
  justify-content: center;
  align-items: center;
  width: 60%;
  min-height: 170px;
  padding: 15px 5%;
  display: flex;
}

.sec-title-3 {
  color: var(--black);
  text-align: center;
  width: 100%;
  margin-bottom: 15px;
  font-size: 36px;
  font-weight: 700;
  line-height: 55px;
}

.tx-green {
  color: var(--green-2);
}

.download-btn-row {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--black);
  align-items: center;
  text-decoration: none;
  display: flex;
}

.div-block {
  background-color: var(--green-2);
  background-image: url('../images/download-icon-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border-radius: 50%;
  width: 35px;
  height: 35px;
}

.check-list {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.check-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: flex-start;
  display: flex;
}

.check-icon {
  background-image: url('../images/tick-icon-green.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.check-tx {
  font-size: 16px;
  line-height: 22px;
}

.about-pt-logo {
  width: 150px;
  position: absolute;
  inset: auto 15px 30px auto;
}

.about-pt-logo.aci {
  width: 100px;
}

.about-pt-logo.fire {
  width: 70px;
}

.point-list {
  flex-flow: wrap;
  justify-content: space-between;
  display: flex;
}

.point-list.bg-qu {
  background-image: url('../images/about-qu-bg-1.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.point-title-block {
  background-color: var(--red);
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: 35%;
  min-height: 500px;
  padding: 50px 3%;
  font-size: 36px;
  font-weight: 700;
  line-height: 50px;
  display: flex;
}

.point-title-block.bg-green {
  background-color: var(--green-3);
}

.point-title-block.bg-blue {
  background-color: var(--dark-blue);
}

.point-item-list {
  background-color: var(--grey-2);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 65%;
  padding: 30px 5%;
  display: flex;
}

.point-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  align-items: flex-start;
  width: 29%;
  display: flex;
}

.image-3 {
  width: 70px;
  height: 70px;
}

.point-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.point-des {
  font-size: 16px;
  line-height: 24px;
}

.point-item-list-content {
  grid-column-gap: 3%;
  grid-row-gap: 3%;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.row-list {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: wrap;
  justify-content: space-between;
  display: flex;
}

.parking-work-flow {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.parking-work-flow.mt-50 {
  margin-top: 50px;
}

.paragraph {
  color: var(--white);
  font-size: 16px;
  line-height: 22px;
}

.paragraph.black {
  color: var(--black);
}

.image-4 {
  object-fit: contain;
  height: 100%;
}

.solution-details-block-image {
  z-index: 1;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 30px 15px;
  display: none;
  position: absolute;
  inset: 0%;
}

.solution-details-block-image.red-border {
  border-top-color: var(--red);
  border-bottom-color: var(--red);
}

.pdf-btn {
  background-color: var(--green-2);
  color: var(--white);
  background-image: url('../images/pdf-icon-white.svg');
  background-position: 90%;
  background-repeat: no-repeat;
  background-size: auto 20px;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  padding: 7px 50px 7px 15px;
  text-decoration: none;
  display: flex;
}

.pdf-btn.red {
  background-color: var(--red);
}

.about-pt-sec {
  background-color: var(--grey-2);
}

.about-pt-sec.bg-qu, .part-list-sec.bg-qu {
  background-image: url('../images/about-qu-bg-1.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slider-main_button-wrapper {
  grid-column-gap: 10px;
  margin-bottom: 1.5em;
  display: flex;
}

.slider-component {
  flex-flow: column;
  display: flex;
}

.card-number {
  color: #fff;
  font-size: 240px;
  line-height: 1;
}

.mar-t-24 {
  justify-content: space-between;
  margin-bottom: 30px;
  display: flex;
}

.swiper-content {
  text-align: left;
  border-radius: 25px;
  flex-flow: row;
  align-items: stretch;
  width: 900px;
  height: 550px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 10px 1px #0000004d;
}

.swiper-content._2 {
  background-color: #006aff;
}

.swiper-content._3 {
  background-color: #af56f3;
}

.swiper-content._4 {
  background-color: #00c49a;
}

.swiper-content._1 {
  background-color: #fa7f03;
  justify-content: space-between;
  align-items: flex-start;
}

.swiper-content._5, .swiper-content._6 {
  background-color: #00c49a;
}

.card-content {
  margin-left: 14px;
  padding-right: 30px;
}

.p {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.swiper-wrapper-2 {
  align-items: stretch;
  display: flex;
}

.card-label {
  color: #fff;
  font-size: 28px;
  font-weight: 400;
}

.swiper-2 {
  flex-direction: row;
  align-items: center;
}

.slider-main_button {
  background-color: var(--green-3);
  text-align: center;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 3.25em;
  height: 3.25em;
  padding-top: 4px;
  transition: all .2s;
  display: flex;
}

.slider-main_button:hover {
  color: #1f1f1f;
  transform: scale(1.1);
}

.slider-main_button.swiper-prev {
  background-image: url('../images/arrow-left-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 20px;
}

.slider-main_button.swiper-next {
  background-image: url('../images/arrow-right-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}

.left-arrow {
  background-color: var(--green-3);
  background-image: url('../images/arrow-left-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 20px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin: 0;
  padding-bottom: 7px;
  display: flex;
  inset: -20% 5% auto auto;
}

.right-arrow {
  background-color: var(--green-3);
  background-image: url('../images/arrow-right-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 20px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin: 0;
  padding-bottom: 7px;
  display: flex;
  inset: -20% 0% auto auto;
}

.ins-slide-pic-m {
  width: 30%;
  position: relative;
}

.ins-slide-pic-m.pic {
  background-image: url('../images/insights-pic-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ins-slide-pic-m.pic-2 {
  background-image: url('../images/insights-pic-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ins-slide-pic-m.pic-3 {
  background-image: url('../images/insights-pic-3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ins-slide-pic-m.pic-4 {
  background-image: url('../images/insights-pic-4.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ins-slide-content-m {
  background-color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 70%;
  padding: 50px 5% 30px;
  display: flex;
}

.footer-logo {
  width: 100%;
  max-width: 200px;
  padding-right: 15px;
}

.menu-drop-link-main {
  color: var(--black);
  text-decoration: none;
}

.menu-drop-link-main:hover {
  color: var(--green-2);
}

.sec-content-block-2 {
  flex-flow: column;
  display: flex;
}

.sec-content-block-2.hori {
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  flex-flow: wrap;
  justify-content: space-between;
}

.sec-content-block-2.hori.center {
  align-items: center;
}

.cricle-bg {
  background-color: #2ddd9fcc;
  border-radius: 50%;
  width: 200%;
  height: 200%;
  padding-bottom: 200%;
  position: absolute;
  inset: -75% 0% 0% auto;
}

.hero-banner-bg {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero-banner-bg.hero-1 {
  background-image: url('../images/index-hero-banner-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero-slide-block {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.menu-drop-list-block.w--open {
  z-index: -1;
  background-color: #ddd0;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
  top: 45px;
  left: -30%;
}

.tick-icon {
  background-image: url('../images/tick-icon-red.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.sec-pic-block {
  border-radius: 25px;
  width: 100%;
  height: 400px;
}

.sec-pic-block.abt-1 {
  background-image: url('../images/about-pic-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sec-pic-block.home-1 {
  background-image: url('../images/commitment-pic-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sec-pic-block.solution-1 {
  background-image: url('../images/solution-pic-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sec-pic-block.values-1 {
  background-image: url('../images/about-values-pic-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sec-pic-block.maintenance-1 {
  background-image: url('../images/maintenance-pic-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sec-pic-block.maintenance-2 {
  background-image: url('../images/maintenance-pic-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sec-pic-block.maintenance-3 {
  background-image: url('../images/maintenance-pic-3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sec-pic-block.maintenance-4 {
  background-image: url('../images/maintenance-pic-4.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sec-pic-block.fire-1 {
  background-image: url('../images/fire-pic-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sec-pic-block.fire-2 {
  background-image: url('../images/fire-pic-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sec-pic-block.qa-1 {
  background-image: url('../images/about-qu-pic-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sec-pic-block.ec-1 {
  background-image: url('../images/about-ec-pic-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sec-pic-block.qa-2 {
  background-image: url('../images/about-ec-pic-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sec-pic-block.hs-1 {
  background-image: url('../images/about-hs-pic-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sec-pic-block.hs-2 {
  background-image: url('../images/about-hs-pic-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sec-pic-block.elv-solution-1 {
  background-image: url('../images/elv-pic-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.form {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  width: 100%;
  margin-top: 50px;
  display: flex;
}

.red-tx {
  color: var(--red);
}

.form-field-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
}

.field-block {
  width: 49%;
}

.field-block.full {
  width: 100%;
}

.select-field {
  background-color: var(--white);
  color: var(--black);
  width: 100%;
}

.text-field {
  width: 100%;
}

.text-field.text-area {
  min-height: 150px;
}

.form-btn {
  border: 1px solid var(--white);
  background-color: var(--grren);
  color: var(--white);
  background-image: url('../images/long-arrow-right-white.svg');
  background-position: 90%;
  background-repeat: no-repeat;
  background-size: auto 20px;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  padding: 7px 50px 7px 15px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.form-btn:hover {
  background-color: var(--dark-blue);
}

.form-btn.black {
  border-color: var(--black);
  color: var(--black);
  background-image: url('../images/long-arrow-right-black.svg');
}

.form-btn.black:hover {
  border-color: var(--white);
  color: var(--white);
  background-image: url('../images/long-arrow-right-white.svg');
}

.terms-block {
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.terms-block.mt-100 {
  margin-top: 100px;
}

.terms-title {
  color: var(--black);
  margin-bottom: 5px;
  font-size: 36px;
  font-weight: 700;
  line-height: 42px;
}

.terms-title.tx-black {
  color: var(--black);
}

.terms-title.tx-red {
  color: var(--red);
}

.detail-p {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 24px;
}

.detail-p.pb-border {
  border-bottom: 1px solid var(--black);
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.terms-dot-list {
  margin-bottom: 20px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 24px;
}

.table {
  border: 1px solid var(--green-3);
  border-radius: 25px;
  flex-flow: column;
  grid-template: "Area"
                 "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 20px;
  display: flex;
  overflow: auto;
}

.tr {
  border-bottom: 1px solid var(--green-3);
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.tr.last {
  border-bottom-width: 0;
}

.td {
  border-right: 1px solid var(--green-3);
  width: 400px;
  padding: 7px 20px;
}

.td.th {
  border-right-color: var(--white);
  background-color: var(--green-2);
  color: var(--white);
}

.td.last {
  border-right-width: 0;
}

.table-title {
  font-weight: 700;
}

.underline {
  text-decoration: underline;
}

.part-btn-arrow {
  height: 20px;
  margin-left: 15px;
}

.contact-btn {
  border: 1px solid var(--white);
  color: var(--white);
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  padding: 7px 15px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.contact-btn:hover {
  background-color: var(--white);
  color: var(--green-2);
}

.contact-btn.black {
  border-color: var(--black);
  color: var(--black);
}

.contact-btn.blue:hover {
  color: var(--dark-blue);
}

.contact-btn.red:hover {
  color: var(--red);
}

.listing-row {
  grid-column-gap: 3.5%;
  grid-row-gap: 50px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 50px;
  display: flex;
}

.listing-row.mt-100 {
  margin-top: 100px;
}

.listing-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--black);
  flex-flow: column;
  align-items: flex-start;
  width: 31%;
  text-decoration: none;
  display: flex;
}

.listing-item-cover {
  border-radius: 25px;
  width: 100%;
  height: 300px;
  position: relative;
  box-shadow: 0 0 5px 1px #0000004d;
}

.listing-item-cover.blog-pic-1 {
  background-image: url('../images/blog-pic-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.listing-item-cover.blog-pic-2 {
  background-image: url('../images/blog-pic-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.listing-item-cover.blog-pic-3 {
  background-image: url('../images/blog-pic-3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.listing-item-cate {
  background-color: var(--green-2);
  color: var(--white);
  border-radius: 25px;
  padding: 5px 15px;
}

.listing-item-title {
  min-height: 80px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.listing-item-title.industries {
  color: var(--green-2);
  min-height: auto;
}

.listing-item-arrow-btn {
  border: 1px solid var(--green-3);
  background-color: var(--green-2);
  background-image: url('../images/circle-btn-arrow-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 16px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  inset: auto 6% 6% auto;
}

.listing-item-arrow-btn.red-btn {
  border-color: var(--red);
  background-color: var(--red);
}

.listing-item-arrow-btn.blue-btn {
  border-color: var(--dark-blue);
  background-color: var(--dark-blue);
}

.more-btn-row {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 50px;
  display: flex;
}

.load-more-btn {
  border: 1px solid var(--green-2);
  background-color: var(--green-2);
  color: var(--white);
  border-radius: 25px;
  padding: 10px 30px;
  text-decoration: none;
}

.load-more-btn:hover {
  border: 1px solid var(--green-2);
  background-color: var(--white);
  color: var(--green-2);
}

.more-listing-row {
  grid-column-gap: 3.5%;
  grid-row-gap: 50px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 50px;
  display: none;
}

.more-listing-row.mt-100 {
  margin-top: 100px;
}

.more-listing-row.show {
  display: flex;
}

.filter-row {
  grid-column-gap: 30px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  align-items: flex-start;
  margin-bottom: 50px;
  display: flex;
}

.filter-item {
  border: 1px solid var(--green-2);
  background-color: var(--white);
  color: var(--green-2);
  border-radius: 25px;
  padding: 5px 15px;
  text-decoration: none;
}

.filter-item:hover, .filter-item.active {
  background-color: var(--green-2);
  color: var(--white);
}

.listing-item-date, .listing-item-info {
  font-size: 16px;
  line-height: 28px;
}

.detail-title-block {
  width: 100%;
  margin-bottom: 20px;
}

.detail-block {
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detail-block.mt-100 {
  margin-top: 100px;
}

.detail-sub-title {
  color: var(--black);
  margin-bottom: 15px;
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
}

.detail-sub-title.tx-black {
  color: var(--black);
}

.detail-sub-title.tx-red {
  color: var(--red);
}

.detail-title {
  color: var(--green-2);
  margin-bottom: 15px;
  font-size: 36px;
  font-weight: 700;
  line-height: 42px;
}

.detail-title.tx-black {
  color: var(--black);
}

.detail-title.tx-red {
  color: var(--red);
}

.date-share-block {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.date-share-block.no-date {
  justify-content: flex-end;
}

.detail-date {
  font-size: 16px;
  line-height: 28px;
}

.detail-share {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  order: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.share-icon {
  width: 30px;
  height: 30px;
}

.share-icon.linkin {
  background-image: url('../images/LinkedIn_icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.detail-img {
  border-radius: 25px;
  width: 100%;
  max-width: 1000px;
}

.detail-img.center {
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

.detail-dot-list {
  margin-bottom: 20px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 24px;
}

.detail-contents {
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.detail-bot-share {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.detail-bot-share.no-date {
  justify-content: flex-end;
}

.search-result-title {
  color: var(--green-2);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
}

.search-result-title:hover {
  color: var(--dark-blue);
}

.search-result-title.tx-black {
  color: var(--black);
}

.search-result-title.tx-red {
  color: var(--red);
}

.search-result-des {
  font-size: 14px;
  line-height: 22px;
}

.search-result-des.pb-border {
  border-bottom: 1px solid var(--black);
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.search-result-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-top: 1px solid var(--grey-2);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 15px;
  padding-top: 30px;
  display: flex;
}

.search-result-list.mt-100 {
  margin-top: 100px;
}

.search-block {
  flex-flow: column;
  display: flex;
}

.search-form {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.search-block-title {
  color: var(--green-2);
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
}

.search-block-title.tx-black {
  color: var(--black);
}

.search-block-title.tx-red {
  color: var(--red);
}

.form-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.search-field {
  width: 500px;
  margin-bottom: 0;
}

.search-btn {
  background-color: var(--green-2);
}

.search-item {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.part-half-pic-block {
  width: 100%;
  height: 45%;
  overflow: hidden;
}

.part-half-pic-block.part-1 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/home-solution-pic-1.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.part-half-pic-block.part-2 {
  background-image: url('../images/home-solution-pic-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.part-half-pic-block.part-3 {
  background-image: url('../images/home-solution-pic-3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.part-half-pic-block.about-part-2 {
  background-image: url('../images/about-pt-pic-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.part-half-pic-block.about-part-3 {
  background-image: url('../images/about-pt-pic-3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.part-half-pic-block.solution-list-2 {
  background-image: url('../images/solution-list-pic-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.part-half-pic-block.solution-list-3 {
  background-image: url('../images/solution-list-pic-3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.part-half-pic-block.solution-list-6 {
  background-image: url('../images/solution-list-pic-6.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-banner-cricle-bg {
  background-color: #2ddd9fcc;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  padding-bottom: 100%;
  position: absolute;
  top: -90%;
  bottom: 0%;
  left: -50%;
}

.page-banner-cricle-bg.red {
  background-color: #f83d44cc;
}

.page-banner-cricle-bg.blue {
  background-color: #243e70cc;
}

html.w-mod-js [data-ix="scroll-bot-top"] {
  opacity: 0;
  transform: translate(0, 100px);
}

html.w-mod-js [data-ix="scroll-left-right"] {
  opacity: 0;
  transform: translate(-100px);
}

html.w-mod-js [data-ix="scroll-right-left"] {
  opacity: 0;
  transform: translate(100px);
}

@media screen and (min-width: 1920px) {
  .head-container {
    max-width: 1920px;
  }

  .nav-menu {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .container {
    max-width: 1680px;
  }

  .hero-content-block {
    align-items: flex-start;
    width: 45%;
    padding-left: 5%;
  }

  .sec-content-block.hori {
    grid-column-gap: 4%;
    grid-row-gap: 4%;
  }

  .sec-title {
    font-size: 72px;
    line-height: 80px;
  }

  .part-block-60, .part-block-40 {
    height: 450px;
  }

  .mask {
    overflow: visible;
  }

  .swiper-wrapper {
    margin-left: -40%;
  }

  .sec-content-left, .sec-content-right {
    width: 48%;
  }

  .why-sec-left {
    width: 38%;
  }

  .why-sec-title {
    font-size: 72px;
    line-height: 80px;
  }

  .why-sec-title-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .why-sec-right {
    width: 55%;
  }

  .link-btn-1 {
    width: 45%;
    padding-bottom: 10px;
  }

  .connect-left {
    width: 41%;
  }

  .page-banner-sec {
    height: 600px;
  }

  .container-2 {
    max-width: 1920px;
  }

  .sec-title-2.tx-black {
    font-size: 48px;
  }

  .about-pt-list {
    grid-column-gap: 5%;
  }

  .about-pt-item {
    width: 30%;
  }

  .about-pt-in-block {
    min-height: 450px;
    padding-bottom: 150px;
  }

  .talk-tx {
    font-size: 72px;
    line-height: 80px;
  }

  .about-pt-item-2 {
    width: 30%;
  }

  .sec-title-3 {
    font-size: 48px;
  }

  .about-pt-logo {
    right: 5%;
  }

  .point-title-block {
    font-size: 48px;
  }

  .point-item {
    width: 30%;
  }

  .point-item-list-content {
    grid-column-gap: 5%;
    grid-row-gap: 5%;
  }

  .solution-details-block-image {
    min-height: 360px;
    padding-bottom: 30px;
  }

  .sec-content-block-2.hori {
    grid-column-gap: 4%;
    grid-row-gap: 4%;
  }

  .sec-pic-block {
    height: 470px;
  }

  .terms-title.tx-black, .detail-sub-title.tx-black, .detail-title.tx-black, .search-result-title.tx-black, .search-block-title.tx-black {
    font-size: 48px;
  }
}

@media screen and (max-width: 991px) {
  .overflow-x {
    padding-top: 98px;
  }

  .head-container {
    align-items: center;
  }

  .nav-menu {
    background-color: var(--green-3);
  }

  .menu-link {
    border-bottom: 1px solid var(--white);
    color: var(--white);
    margin-bottom: 0;
    padding: 10px 5%;
  }

  .menu-link:hover {
    color: var(--grren);
  }

  .menu-link.w--current {
    color: var(--dark-blue);
  }

  .head-logo {
    max-width: 150px;
  }

  .menu-drop {
    border-bottom: 1px solid var(--white);
    width: 100%;
    padding: 10px 5%;
  }

  .menu-drop.last-item {
    border-bottom-width: 0;
  }

  .menu-drop-toggle {
    color: var(--white);
    padding-bottom: 0;
  }

  .menu-drop-toggle:hover {
    color: var(--grren);
  }

  .menu-drop-list {
    background-color: #f7f7f700;
    width: 100%;
    margin-top: 0;
  }

  .menu-drop-list.w--open {
    background-color: #fffc;
    border-radius: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    top: 0;
    left: 0%;
  }

  .container.pt-100 {
    padding-top: 70px;
  }

  .container.pt-100.pb-100, .container.pt-50.pb-100 {
    padding-bottom: 70px;
  }

  .container.pt-150 {
    padding-top: 70px;
  }

  .container.pt-150.pb-100, .container.pt-150.pb-150 {
    padding-bottom: 70px;
  }

  .menu-drop-link {
    color: var(--black);
    font-size: 14px;
    line-height: 24px;
  }

  .menu-drop-link.w--current {
    color: var(--grren);
  }

  .hero-slider {
    height: 550px;
  }

  .hero-content-block {
    border-bottom-right-radius: 70%;
    width: 70%;
  }

  .hero-content {
    width: 100%;
    padding-left: 10%;
  }

  .sec-content-block.hori {
    grid-row-gap: 30px;
  }

  .sec-title-block {
    display: flex;
  }

  .part-block-list.mt-50 {
    margin-top: 50px;
  }

  .part-block-60, .part-block-40 {
    height: 400px;
  }

  .part-title {
    font-size: 20px;
  }

  .part-title.black {
    font-size: 18px;
    line-height: 24px;
  }

  .part-title-block-2 {
    padding-top: 15px;
    padding-right: 18%;
  }

  .insights-content-block {
    flex-flow: column;
  }

  .ins-slide-pic {
    width: 100%;
    height: 300px;
  }

  .ins-slide-content {
    width: 100%;
    padding-top: 30px;
  }

  .insights-slider-m {
    height: auto;
    display: flex;
  }

  .green-layer, .ins-slide-pic-title-block {
    display: none;
  }

  .mask, .sec-content-left, .sec-content-right {
    width: 100%;
  }

  .why-sec-left {
    width: 100%;
    margin-bottom: 0;
  }

  .why-sec-right {
    width: 100%;
  }

  .connect-left {
    margin-left: auto;
    margin-right: auto;
  }

  .connect-title-bold, .connect-sub-title {
    font-size: 40px;
    line-height: 50px;
  }

  .connect-right {
    width: 48%;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-menu-list {
    width: 100%;
  }

  .footer-right-top {
    padding-bottom: 15px;
  }

  .footer-menu-right {
    width: 100%;
    margin-left: 0%;
    padding-right: 0;
  }

  .footer-right-bot {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .footer-menu-list-2 {
    width: 100%;
  }

  .footer-menu-copyright {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-left: 0%;
  }

  .page-banner-sec {
    height: 300px;
  }

  .page-banner-title {
    font-size: 42px;
    line-height: 50px;
  }

  .about-row.mt-100 {
    margin-top: 0;
  }

  .about-row.re {
    grid-row-gap: 15px;
    flex-flow: row-reverse wrap-reverse;
  }

  .about-left {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
    margin-bottom: 15px;
  }

  .sec-title-2 {
    font-size: 40px;
    line-height: 50px;
  }

  .about-right {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    width: 100%;
  }

  .about-pt-list {
    grid-row-gap: 30px;
    margin-top: 30px;
  }

  .about-pt-item {
    width: 47%;
  }

  .talk-with-us-sec {
    min-height: 500px;
  }

  .talk-contents-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .talk-tx {
    font-size: 40px;
    line-height: 50px;
  }

  .about-pt-item-2 {
    flex-flow: column;
    justify-content: flex-start;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .about-pt-left {
    width: 100%;
    height: 100px;
  }

  .about-pt-right {
    border-top: 1px solid var(--grey-1);
    text-align: center;
    border-left-width: 0;
    align-items: flex-start;
    width: 100%;
    min-height: 130px;
    margin-top: 15px;
    padding-bottom: 0;
  }

  .sec-title-3 {
    margin-bottom: 0;
    font-size: 40px;
    line-height: 50px;
  }

  .point-title-block {
    text-align: center;
    width: 100%;
    min-height: auto;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 40px;
    line-height: 50px;
  }

  .point-item-list {
    width: 100%;
  }

  .point-item-list-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .row-list {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .slider-component {
    display: none;
  }

  .swiper-content {
    width: 800px;
  }

  .slider-main_button:hover {
    transform: none;
  }

  .left-arrow {
    background-color: var(--green-3);
    background-image: url('../images/arrow-left-white.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 20px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    margin: 0;
    padding-bottom: 7px;
    display: flex;
    inset: -15% 10% auto auto;
  }

  .right-arrow {
    background-color: var(--green-3);
    background-image: url('../images/arrow-right-white.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 20px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    padding-bottom: 7px;
    display: flex;
    inset: -15% 0% auto auto;
  }

  .ins-slide-pic-m {
    width: 100%;
    height: 250px;
  }

  .ins-slide-content-m {
    width: 100%;
    padding-top: 30px;
  }

  .menu-button {
    order: 1;
    padding: 0;
  }

  .menu-button.w--open {
    color: var(--dark-blue);
    background-color: #c8c8c800;
  }

  .footer-logo {
    max-width: 150px;
  }

  .menu-drop-link-main {
    color: var(--white);
  }

  .menu-drop-link-main:hover {
    color: var(--dark-blue);
  }

  .sec-content-block-2 {
    display: flex;
  }

  .sec-content-block-2.hori {
    grid-row-gap: 30px;
  }

  .menu-drop-list-block.w--open {
    background-color: #fffc;
    border-radius: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    top: 0;
    left: 0%;
  }

  .terms-block.mt-100 {
    margin-top: 0;
  }

  .terms-block.re {
    grid-row-gap: 15px;
    flex-flow: row-reverse wrap-reverse;
  }

  .terms-title {
    font-size: 40px;
    line-height: 50px;
  }

  .listing-row {
    grid-row-gap: 30px;
    margin-bottom: 30px;
  }

  .listing-row.mt-100 {
    margin-top: 0;
  }

  .listing-row.re {
    grid-row-gap: 15px;
    flex-flow: row-reverse wrap-reverse;
  }

  .listing-item {
    width: 48%;
  }

  .listing-item-cover {
    height: 250px;
  }

  .listing-item-title {
    font-size: 18px;
  }

  .more-btn-row {
    margin-bottom: 30px;
  }

  .more-listing-row.mt-100 {
    margin-top: 0;
  }

  .more-listing-row.re {
    grid-row-gap: 15px;
    flex-flow: row-reverse wrap-reverse;
  }

  .filter-row {
    margin-bottom: 30px;
  }

  .listing-item-info {
    font-size: 14px;
    line-height: 24px;
  }

  .detail-block.mt-100 {
    margin-top: 0;
  }

  .detail-block.re {
    grid-row-gap: 15px;
    flex-flow: row-reverse wrap-reverse;
  }

  .detail-sub-title, .detail-title {
    font-size: 40px;
    line-height: 50px;
  }

  .search-result-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .search-result-list.mt-100 {
    margin-top: 0;
  }

  .search-result-list.re {
    grid-row-gap: 15px;
    flex-flow: row-reverse wrap-reverse;
  }

  .search-block-title {
    font-size: 40px;
    line-height: 50px;
  }

  .search-item {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }
}

@media screen and (max-width: 767px) {
  .container.pt-100 {
    padding-top: 50px;
  }

  .container.pt-100.pb-100 {
    padding-bottom: 50px;
  }

  .container.pt-50 {
    padding-top: 30px;
  }

  .container.pt-50.pb-100 {
    padding-bottom: 50px;
  }

  .container.pt-150 {
    padding-top: 50px;
  }

  .container.pt-150.pb-100, .container.pt-150.pb-150 {
    padding-bottom: 50px;
  }

  .hero-slider {
    height: auto;
  }

  .hero-content-block {
    width: 100%;
    position: relative;
  }

  .hero-title {
    font-size: 28px;
    line-height: 36px;
  }

  .hero-content {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    background-color: var(--green-3);
    padding: 30px 10%;
  }

  .slider-arrow.left, .slider-arrow.right {
    margin-top: 40%;
  }

  .sec-title-block {
    margin-bottom: 15px;
  }

  .sec-title {
    font-size: 40px;
    line-height: 50px;
  }

  .part-block-list {
    grid-row-gap: 20px;
  }

  .part-block-60 {
    width: 100%;
  }

  .part-block-40 {
    width: 49%;
  }

  .part-title {
    font-size: 20px;
  }

  .ins-slide-content-info {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .ins-slide-title {
    font-size: 20px;
  }

  .sec-sub-title {
    font-size: 40px;
    line-height: 50px;
  }

  .logo-list {
    grid-column-gap: 25px;
  }

  .why-sec-title {
    font-size: 40px;
    line-height: 50px;
  }

  .why-sec-title-blod {
    font-size: 60px;
    line-height: 70px;
  }

  .link-btn-1 {
    font-size: 16px;
    line-height: 24px;
  }

  .connect-left {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .connect-title-bold, .connect-sub-title {
    font-size: 32px;
    line-height: 40px;
  }

  .connect-link {
    line-height: 30px;
  }

  .connect-right {
    margin-left: auto;
    margin-right: auto;
  }

  .footer-left {
    border-right-width: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0%;
  }

  .footer-right {
    width: 100%;
    padding-left: 0%;
  }

  .page-banner-sec {
    height: 250px;
  }

  .page-banner-title {
    font-size: 36px;
    line-height: 40px;
  }

  .back-btn-row {
    margin-top: 30px;
  }

  .about-left {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .sec-title-2 {
    font-size: 32px;
    line-height: 40px;
  }

  .about-pt-item {
    width: 100%;
  }

  .about-pt-in-block {
    min-height: auto;
    padding-bottom: 180px;
  }

  .talk-with-us-sec {
    min-height: 350px;
  }

  .talk-contents-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .talk-tx {
    font-size: 32px;
    line-height: 40px;
  }

  .about-pt-item-2 {
    width: 47%;
  }

  .sec-title-3, .point-title-block {
    font-size: 32px;
    line-height: 40px;
  }

  .point-item {
    width: 100%;
  }

  .point-item-list-content {
    grid-row-gap: 15px;
  }

  .swiper-content {
    width: 340px;
    height: 480px;
  }

  .left-arrow {
    top: -12%;
    right: 12%;
  }

  .right-arrow {
    top: -12%;
  }

  .cricle-bg {
    display: none;
  }

  .hero-banner-bg {
    order: -1;
    height: 250px;
    position: relative;
  }

  .hero-slide-block {
    flex-flow: column;
  }

  .terms-title {
    font-size: 32px;
    line-height: 40px;
  }

  .listing-item {
    width: 100%;
  }

  .listing-item-cover {
    height: 350px;
  }

  .listing-item-title {
    min-height: auto;
  }

  .filter-row {
    grid-column-gap: 20px;
  }

  .detail-sub-title, .detail-title {
    font-size: 32px;
    line-height: 40px;
  }

  .search-result-title {
    font-size: 20px;
  }

  .search-result-list {
    padding-top: 20px;
  }

  .search-form {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .search-block-title {
    font-size: 32px;
    line-height: 40px;
  }

  .page-banner-cricle-bg {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .overflow-x {
    padding-top: 87px;
  }

  .head-top-right {
    justify-content: space-between;
  }

  .head-top-block {
    padding-left: 5px;
    padding-right: 5px;
  }

  .icon-block {
    width: 25px;
    height: 15px;
  }

  .head-top-link, .lang-link {
    font-size: 12px;
  }

  .head-logo {
    max-width: 120px;
  }

  .container.pt-50 {
    padding-top: 30px;
  }

  .container.pt-50.pb-100 {
    padding-bottom: 30px;
  }

  .container.pt-150 {
    padding-top: 30px;
  }

  .container.pt-150.pb-150 {
    padding-bottom: 30px;
  }

  .hero-slider {
    height: 370px;
  }

  .hero-title {
    font-size: 20px;
    line-height: 28px;
  }

  .hero-des {
    font-size: 12px;
  }

  .hero-content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 20px 15%;
  }

  .slider-arrow {
    width: 30px;
    height: 30px;
  }

  .sec-content-block.hori.center {
    flex-flow: column;
  }

  .sec-title {
    font-size: 28px;
    line-height: 30px;
  }

  .part-block-40 {
    width: 100%;
  }

  .part-title {
    font-size: 18px;
    line-height: 24px;
  }

  .part-half-pic {
    height: 50%;
  }

  .part-title-block-2 {
    padding-top: 15px;
  }

  .insights-slider-m {
    margin-top: 5px;
  }

  .ins-slide-title {
    font-size: 18px;
    line-height: 24px;
  }

  .ins-slide-des {
    font-size: 14px;
  }

  .sec-sub-title {
    font-size: 28px;
    line-height: 30px;
  }

  .sec-des-tx {
    font-size: 14px;
  }

  .why-sec-title {
    font-size: 28px;
    line-height: 30px;
  }

  .why-sec-title-blod {
    font-size: 50px;
    line-height: 60px;
  }

  .why-sec-link-list {
    grid-row-gap: 30px;
  }

  .link-btn-1 {
    width: 100%;
    font-size: 14px;
  }

  .connect-left {
    align-items: center;
    width: 100%;
  }

  .connect-title-bold, .connect-sub-title {
    text-align: center;
    font-size: 28px;
    line-height: 30px;
  }

  .connect-item-list {
    align-items: center;
  }

  .connect-link {
    font-size: 16px;
  }

  .connect-title {
    align-items: center;
  }

  .connect-right {
    order: -1;
    width: 100%;
  }

  .footer-menu-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    height: auto;
    margin-bottom: 30px;
  }

  .footer-menu-list-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .page-banner-sec {
    height: 200px;
  }

  .page-banner-title {
    font-size: 28px;
    line-height: 30px;
  }

  .about-left {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .sec-title-2 {
    font-size: 24px;
    line-height: 30px;
  }

  .about-pt-title {
    font-size: 20px;
  }

  .talk-with-us-sec {
    min-height: 300px;
  }

  .talk-tx {
    font-size: 24px;
    line-height: 30px;
  }

  .about-pt-item-2 {
    width: 100%;
  }

  .about-pt-right {
    min-height: auto;
  }

  .sec-title-3 {
    margin-bottom: 0;
    font-size: 24px;
    line-height: 30px;
  }

  .point-title-block {
    font-size: 24px;
    line-height: 30px;
  }

  .card-number {
    font-size: 180px;
  }

  .left-arrow {
    width: 35px;
    height: 35px;
    top: -10%;
    right: 15%;
  }

  .right-arrow {
    width: 35px;
    height: 35px;
    top: -10%;
  }

  .ins-slide-pic-m {
    height: 200px;
  }

  .ins-slide-content-m {
    padding-top: 15px;
  }

  .footer-logo {
    max-width: 120px;
  }

  .sec-content-block-2.hori.center {
    flex-flow: column;
  }

  .sec-pic-block {
    height: 250px;
  }

  .form-field-title {
    font-size: 20px;
  }

  .terms-title {
    font-size: 24px;
    line-height: 30px;
  }

  .detail-p {
    font-size: 14px;
  }

  .listing-item-cover {
    height: 300px;
  }

  .listing-item-title {
    font-size: 16px;
    line-height: 22px;
  }

  .filter-row {
    grid-column-gap: 15px;
  }

  .detail-sub-title, .detail-title {
    font-size: 24px;
    line-height: 30px;
  }

  .search-result-title {
    font-size: 18px;
    line-height: 24px;
  }

  .search-block-title {
    font-size: 24px;
    line-height: 30px;
  }

  .part-half-pic-block {
    height: 50%;
  }
}


@font-face {
  font-family: 'Helvetica Narrow';
  src: url('../fonts/helvetica-narrow-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Narrow';
  src: url('../fonts/helvetica-narrow-bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-Bold-Font.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}