/*
    font-family: "Inter", sans-serif;
   font-family: "Bodoni Moda", serif;

*/
a img {
  border: 0px;
}
a {
  text-decoration: none;
  color: inherit;
}
img {
  max-width: 100%;
}
select::-ms-expand {
  display: none;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
input[type=number] {
  -moz-appearance: textfield;
}
::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.hiddenHeader {
  display: none;
}
ul {
  list-style: none;
}
* {
  padding: 0px;
  margin: 0px;
  outline: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
html {
  scrollbar-gutter: stable;
}
html,
body {
  height: 100%;
  min-height: 100%;
  position: relative;
  width: 100%;
  overscroll-behavior: none;
}
@media (max-device-width: 1024px) and (min-device-width: 320px) {
  html,
  body {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
  }
}
body {
  width: 100%;
  -webkit-text-size-adjust: none;
}
#wrapper {
  height: auto;
  min-height: 100%;
  position: relative;
  width: 100%;
}
.noBottAppearance {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.absoluteDivCreate {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.centerBgImg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.centeredObjFit {
  object-fit: cover;
  object-position: center center;
}
.centerflex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.onlydevices {
  display: none;
}
@media (max-device-width: 1024px) and (min-device-width: 320px) {
  .onlydevices {
    display: block;
  }
}
.ipaddevice {
  display: none;
}
@media (max-device-width: 1224px) and (min-device-width: 767.1px) {
  .ipaddevice {
    display: block;
  }
}
.mobdevice {
  display: none;
}
@media (max-device-width: 767px) and (min-device-width: 320.1px) {
  .mobdevice {
    display: block;
  }
}
.bp_sevensixtyseven {
  display: none;
}
@media (max-width: 767px) {
  .bp_sevensixtyseven {
    display: block;
  }
}
.bp_1024 {
  display: none;
}
@media (max-width: 1024px) {
  .bp_1024 {
    display: block;
  }
}
.bp_768 {
  display: none;
}
@media (max-width: 768px) {
  .bp_768 {
    display: block;
  }
}
.custbtn {
  font-family: "Inter", sans-serif;
  font-size: calc(var(--ratio) * 15px);
  line-height: 105%;
  padding-left: calc(var(--ratio) * 21px);
  padding-right: calc(var(--ratio) * 21px);
  font-weight: 800;
  height: calc(var(--ratio) * 60px);
  background: var(--green);
  border-radius: calc(var(--ratio) * 11px);
  font-style: italic;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
  border: 0px;
  text-transform: uppercase;
  position: relative;
  transition: all 0.35s;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custbtn.grey {
  background: var(--lightblue);
}
.custbtn.yellow {
  background: var(--yellowishgreen);
  color: var(--darkblue);
}
.custbtn.yellow:before {
  background-image: url(../images/dash_blue.svg);
  filter: unset;
}
.custbtn:before {
  width: calc(var(--ratio) * 10px);
  height: calc(var(--ratio) * 15px);
  display: block;
  content: '';
  position: relative;
  background: url(../images/dash_green.svg) no-repeat;
  background-size: contain;
  transition: all 0.35s;
  filter: brightness(0) invert(1);
  margin-right: calc(var(--ratio) * 9px);
}
.desktop .custbtn:hover {
  background: var(--lightblue);
}
.desktop .custbtn.grey:hover {
  background: var(--green);
}
.desktop .custbtn.yellow:hover {
  background: var(--darkblue);
  color: #fff;
}
.desktop .custbtn.yellow:hover:before {
  filter: brightness(0) invert(1);
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: var(--darkblue) !important;
  opacity: 1!important;
  border-radius: 0px;
  width: calc(var(--ratio) * 3px);
}
.mCSB_scrollTools .mCSB_draggerRail {
  background: none!important;
  border-radius: 0px;
}
.swiper-pagination {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.swiper-pagination-bullet {
  opacity: 1!important;
  width: calc(var(--ratio) * 9px);
  height: calc(var(--ratio) * 9px);
  transition: all 0.35s;
  margin-bottom: calc(var(--ratio) * 10px);
  background: rgba(255, 255, 255, 0.24);
}
@media (max-width: 767px) {
  .swiper-pagination-bullet {
    width: calc(var(--ratio) * 6px);
    height: calc(var(--ratio) * 6px);
  }
}
.swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-scrollbar {
  width: 100%;
  height: calc(var(--ratio) * 4px);
  position: relative;
  bottom: unset;
  left: unset;
  z-index: 1!important;
  cursor: pointer;
  background: #E4E0FF;
  border-radius: 0px;
  cursor: move;
}
.swiper-scrollbar:after {
  display: block;
  content: '';
  top: -5px;
  height: calc(100% + 10px);
  position: absolute;
  left: 0px;
  width: 100%;
}
.swiper-scrollbar .swiper-scrollbar-drag {
  background: #A497FC !important;
}
header {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 2;
}
header .wrap {
  height: calc(var(--ratio) * 170px);
  position: relative;
  transition: all 0.35s;
}
header .logo {
  height: calc(var(--ratio) * 75px);
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  left: 0px;
  overflow: hidden;
}
header .logo img {
  height: 100%;
  object-fit: contain;
  display: block;
}
header .list {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
header .list > li {
  margin-right: calc(var(--ratio) * 37px);
  display: flex;
  align-items: center;
}
header .list > li:last-child {
  margin-right: 0px;
}
header .itemlink {
  font-size: calc(var(--ratio) * 15px);
  font-family: "Inter", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  color: #000000;
  display: block;
  cursor: pointer;
  transition: all 0.35s;
}
header .itemlink.selected {
  color: var(--green);
}
header .openmenu {
  display: none;
}
@media (max-width: 1024px) {
  header .wrap {
    height: calc(var(--ratio) * 85px);
  }
  header .logo {
    height: calc(var(--ratio) * 44px);
  }
  header .menu {
    display: none;
  }
  header .list {
    position: relative;
    top: unset;
    right: unset;
    height: auto;
    width: 100%;
  }
  header .list > li {
    width: 100%;
    margin-right: 0px;
    justify-content: flex-end;
  }
  header .list > li + li {
    margin-top: calc(var(--ratio) * 17px);
  }
  header .openmenu {
    height: calc(var(--ratio) * 41px);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    cursor: pointer;
    top: 0px;
    bottom: 0px;
    margin: auto;
    right: 0px;
  }
  header .openmenu img {
    height: calc(var(--ratio) * 11px);
    object-fit: contain;
    display: block;
  }
}
@keyframes moveitemfromright {
  0% {
    transform: translateX(160%);
  }
  100% {
    transform: translateX(0%);
  }
}
@media (max-width: 1024px) {
  .open_menu {
    overflow: hidden;
  }
  .open_menu .websitemenu {
    opacity: 1;
    pointer-events: visible;
  }
  .open_menu .list {
    animation: moveitemfromright 0.9s forwards;
  }
}
.websitemenu {
  display: none;
  position: fixed;
  right: 0px;
  top: 0px;
  z-index: 10;
  background: #fff;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 100%;
}
.websitemenu .inner {
  padding: 100px 18px 100px;
  min-height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.websitemenu .list {
  position: relative;
  width: 100%;
  transform: translateX(160%);
}
.websitemenu .list > li {
  width: 100%;
  margin-right: 0px;
  justify-content: flex-end;
  display: flex;
}
.websitemenu .list > li + li {
  margin-top: calc(var(--ratio) * 17px);
}
.websitemenu .itemlink {
  font-size: calc(var(--ratio) * 15px);
  font-family: "Inter", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.35s;
  display: block;
  color: #000;
}
.websitemenu .exit {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: calc(var(--ratio) * 8px);
  right: calc(var(--ratio) * 5px);
  cursor: pointer;
  transition: all 0.35s;
  width: calc(var(--ratio) * 40px);
  height: calc(var(--ratio) * 40px);
}
.websitemenu .exit img {
  height: calc(var(--ratio) * 16px);
  display: block;
  object-fit: contain;
}
@media (max-width: 1024px) {
  .websitemenu {
    display: block;
    opacity: 0;
    pointer-events: none;
    transition: all 0.35s;
  }
}
.desktop .websitemenu .itemlink:hover {
  color: var(--darkblue);
}
.desktop .websitemenu .exit:hover {
  opacity: 0.7;
}
.minifiedheader header .wrap {
  height: calc(var(--ratio) * 86px);
}
.minifiedheader header .logo {
  height: calc(var(--ratio) * 52px);
  width: calc(var(--ratio) * 49px);
}
.minifiedheader header .logo img {
  width: calc(var(--ratio) * 190px);
  max-width: none;
}
@media (max-width: 1024px) {
  .minifiedheader header .logo {
    height: calc(var(--ratio) * 44px);
    width: calc(var(--ratio) * 42px);
  }
  .minifiedheader header .logo img {
    width: calc(var(--ratio) * 158px);
  }
}
.mainslide .mainscreen {
  overflow: hidden;
  background: #fff;
  height: calc(100dvh);
  touch-action: none;
  -ms-touch-action: none;
}
.mainslide .mainscreen > .swiper-wrapper {
  height: 100%!important;
}
.mainslide .mainscreen {
  opacity: 0;
}
.mainslide .mainscreen.swiper-container-initialized {
  opacity: 1;
}
.mainslide .swiper-slide:nth-child(1) header {
  transition: none!important;
}
.mainslide .mainsect.swiper-slide {
  height: 100dvh;
  opacity: 1!important;
  overflow: hidden;
}
.mainslide .mainsect.swiper-slide > div {
  transition: 0.53s top ease-in-out;
}
.mainslide .mainsect.swiper-slide > div.shownow.ourStandards .list > li:after {
  animation-duration: 0s!important;
  animation-fill-mode: forwards!important;
  animation-delay: 0s!important;
}
.mainslide .mainsect.swiper-slide > div.shownow.Vision .more,
.mainslide .mainsect.swiper-slide > div.shownow.Vision .bg:after {
  animation-duration: 0s!important;
  animation-fill-mode: forwards!important;
  animation-delay: 0s!important;
}
.mainslide .mainsect.swiper-slide > div.shownow.Education .pic:after,
.mainslide .mainsect.swiper-slide > div.shownow.Education .pic:before {
  animation-duration: 0s!important;
  animation-delay: 0s!important;
  animation-fill-mode: forwards!important;
}
.mainslide .mainsect.swiper-slide > div.shownow.Operation .data,
.mainslide .mainsect.swiper-slide > div.shownow.Operation .cut:after,
.mainslide .mainsect.swiper-slide > div.shownow.Operation .cut:before {
  animation-duration: 0s!important;
  animation-fill-mode: forwards!important;
  animation-delay: 0s!important;
}
.mainslide .mainsect.swiper-slide > div.shownow.ourPath .info {
  animation-duration: 0s!important;
  animation-fill-mode: forwards!important;
  animation-delay: 0s!important;
}
.mainslide .mainsect.swiper-slide > div.shownow.Leadership .title b,
.mainslide .mainsect.swiper-slide > div.shownow.Leadership .grid > li {
  animation-duration: 0s!important;
  animation-delay: 0s!important;
  animation-fill-mode: forwards!important;
}
.mainslide .mainsect.swiper-slide > div.shownow.Innovation .title b,
.mainslide .mainsect.swiper-slide > div.shownow.Innovation .info,
.mainslide .mainsect.swiper-slide > div.shownow.Innovation .move {
  animation-duration: 0s!important;
  animation-delay: 0s!important;
  animation-fill-mode: forwards!important;
}
.mainslide .mainsect.swiper-slide > div.shownow.contactUs .options,
.mainslide .mainsect.swiper-slide > div.shownow.contactUs .head {
  animation-duration: 0s!important;
  animation-delay: 0s!important;
  animation-fill-mode: forwards!important;
}
.mainslide .mainsect.swiper-slide > div > div {
  transition: 0.53s transform ease-in-out;
}
.mainslide .mainsect.swiper-slide header {
  transition: 0.53s ease-in-out;
  top: 100%;
}
.mainslide .mainsect.swiper-slide:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  transition: all 0.35s;
}
.mainslide .mainsect.swiper-slide-prev:after {
  opacity: 1;
}
.mainslide .mainsect.swiper-slide-prev > div {
  top: 0%;
}
.mainslide .mainsect.swiper-slide-prev > div > div {
  transform: translateY(calc(-1 * var(--ratio) * 170px));
}
.mainslide .mainsect.swiper-slide-prev header {
  transform: translateY(-100%);
  top: 0px;
  transition: 0.53s ease-in-out !important;
}
.mainslide .mainsect.swiper-slide-active > div {
  top: 0px;
  pointer-events: visible!important;
}
.mainslide .mainsect.swiper-slide-active header {
  top: 0px;
}
.mainslide .mainsect.swiper-slide-next > div {
  top: 100%;
}
.mainslide .mainsect.swiper-slide-next header {
  top: 100%;
}
.mainslide .mainsect.swiper-slide:not(.swiper-slide-next):not(.swiper-slide-prev):not(.swiper-slide-active) > div {
  opacity: 0!important;
}
@keyframes move_vision_bg {
  0% {
    width: 100%;
  }
  100% {
    width: 0px;
  }
}
@keyframes morebtnslide {
  0% {
    transform: translateY(25dvh);
  }
  100% {
    transform: none;
  }
}
@keyframes morebtnslide_mob {
  0% {
    transform: translateY(55dvh);
  }
  100% {
    transform: none;
  }
}
.Vision {
  height: 100dvh;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.Vision.active .more {
  /*  transform:none!important;transition:2s linear transform;transition-delay:1s;*/
  animation: morebtnslide 2s forwards;
  animation-delay: 0.7s;
}
@media (max-width: 1024px) {
  .Vision.active .more {
    animation: morebtnslide_mob 2s forwards;
    animation-delay: 1s;
  }
}
.Vision.active .bg {
  width: 81%;
}
.Vision.active .bg:after {
  /*width:0px;*/
  animation: move_vision_bg 2s forwards;
  animation-delay: 1s;
}
@media (min-width: 1024.1px) {
  .Vision.active.accelerate .more {
    animation-duration: 0.4s !important;
  }
  .Vision.active.accelerate .bg:after {
    animation-duration: 0.4s !important;
  }
}
.Vision .container {
  height: 100%;
}
.Vision .wrap {
  width: 100%;
  height: 100%;
  padding-top: calc(var(--ratio) * 160px);
  display: flex;
  align-items: center;
  align-content: flex-end;
  flex-wrap: wrap;
}
.Vision .wrap > li {
  width: 100%;
  position: relative;
}
.Vision .head {
  max-width: calc(var(--ratio) * 1225px);
  margin-bottom: calc(var(--ratio) * 25px);
}
.Vision .title {
  font-size: calc(var(--ratio) * 91px);
  line-height: 102%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  text-indent: calc(var(--ratio) * 130px);
}
@media (max-width: 1024px) {
  .Vision .title {
    font-size: calc(var(--ratio) * 41px);
  }
}
.Vision .title span {
  color: var(--green);
  font-family: "Bodoni Moda", serif;
  font-style: italic;
  font-weight: 400;
}
.Vision .holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.Vision .holder > li {
  width: calc(50% - var(--ratio) * 70px);
  position: relative;
}
.Vision .holder > li:nth-child(2) {
  display: flex;
  align-items: flex-end;
}
.Vision .info {
  height: 66%;
}
.Vision .inner {
  display: flex;
  position: relative;
}
.Vision .inner:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  height: 100%;
  right: 0px;
  background: #fff;
  width: 6px;
  z-index: 1;
}
.Vision .pic {
  width: calc(var(--ratio) * 290px);
  position: relative;
}
.Vision .pic img {
  max-height: 56vh;
  position: relative;
  z-index: 1;
  object-fit: contain;
  display: block;
  width: 100%;
  object-position: center bottom;
}
.Vision .pic:before {
  display: block;
  content: '';
  clip-path: polygon(0 60%, 100% 0, 100% 40%, 0% 100%);
  background: var(--green);
  position: absolute;
  right: calc(var(--ratio) * 106px);
  top: 27%;
  width: 50vw;
  height: 100%;
}
.Vision .text {
  max-width: calc(var(--ratio) * 395px);
  color: #000;
  font-size: calc(var(--ratio) * 15px);
  line-height: 115%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
}
.Vision .more {
  margin-top: calc(var(--ratio) * 50px);
  display: flex;
  transform: translateY(25dvh);
  position: relative;
}
.Vision .bg {
  position: absolute;
  bottom: 0px;
  background: url(../images/shape1.png) right top;
  width: 0px;
  height: 66%;
  right: 0px;
  background-size: calc(var(--ratio) * 70px);
}
.Vision .bg:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background: #ffff;
  /* transition:2s linear width;*/
}
@media (max-width: 1024px) {
  .Vision.active .bg {
    width: calc(100% + 30px);
  }
  .Vision .head {
    max-width: calc(var(--ratio) * 354px);
    margin-bottom: 0px;
  }
  .Vision .holder {
    margin-top: calc(var(--ratio) * 20px);
  }
  .Vision .holder > li:nth-child(1) {
    width: 100%;
    order: 2;
    margin-top: calc(var(--ratio) * 20px);
    position: static;
  }
  .Vision .holder > li:nth-child(2) {
    width: 100%;
    order: 1;
    align-items: unset;
  }
  .Vision .title {
    text-indent: calc(var(--ratio) * 54px);
    line-height: 104%;
  }
  .Vision .wrap {
    padding-top: calc(var(--ratio) * 100px);
    align-content: flex-start;
    position: relative;
  }
  .Vision .wrap > li {
    position: static;
  }
  .Vision .pic {
    width: calc(var(--ratio) * 290px);
  }
  .Vision .pic img {
    height: 38dvh;
    object-position: left bottom;
    max-height: calc(var(--ratio) * 354px);
    bottom: calc(var(--ratio) * -54px);
  }
  .Vision .pic:before {
    width: 96vw;
    height: 125%;
    right: calc(var(--ratio) * 215px);
    top: 42%;
  }
  .Vision .bg {
    max-height: 16vh;
    background-size: calc(var(--ratio) * 44px);
    left: 35px;
    right: unset;
  }
  .Vision .more {
    margin-top: calc(var(--ratio) * 31px);
    transform: translateY(55dvh);
  }
  .Vision .inner {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
  }
  .Vision .inner:after {
    display: none;
  }
  .Vision .info {
    height: auto;
  }
}
@keyframes move_edu {
  0% {
    height: 100%;
  }
  100% {
    height: 0%;
  }
}
.Education {
  position: relative;
  overflow: hidden;
  height: calc(100dvh - var(--ratio) * 0px);
  background: #fff;
}
.Education.active .pic:before {
  animation: move_edu 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
.Education.active .pic:after {
  animation: move_edu 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
@media (min-width: 768.1px) {
  .Education.active.accelerate .pic:before,
  .Education.active.accelerate .pic:after {
    animation-duration: 0.5s !important;
  }
}
.Education .grp {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.Education .grp > li:nth-child(1) {
  width: calc(53% - var(--ratio) * 36px);
}
.Education .grp > li:nth-child(2) {
  width: calc(47% - var(--ratio) * 36px);
  display: flex;
  align-items: flex-end;
}
.Education .head {
  margin-bottom: calc(var(--ratio) * 30px);
}
.Education .title {
  font-size: calc(var(--ratio) * 91px);
  line-height: 102%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  text-indent: calc(var(--ratio) * 76px);
  max-width: calc(var(--ratio) * 490px);
}
@media (max-width: 1024px) {
  .Education .title {
    font-size: calc(var(--ratio) * 41px);
  }
}
.Education .title span {
  color: var(--green);
  font-family: "Bodoni Moda", serif;
  font-style: italic;
  font-weight: 400;
}
.Education .text {
  color: #000;
  font-size: calc(var(--ratio) * 15px);
  line-height: 115%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  max-width: calc(var(--ratio) * 626px);
}
.Education .pic {
  position: relative;
  height: 100vh;
}
.Education .pic img {
  width: 100%;
  display: block;
  position: absolute;
  left: 0px;
  bottom: -80px;
  height: calc(100% + 40px);
  object-fit: cover;
  object-position: center top;
}
.Education .pic:before {
  display: block;
  content: '';
  width: calc(50% + 3px);
  background: #fff;
  z-index: 1;
  height: 100%;
  bottom: 0px;
  left: -3px;
  position: absolute;
}
.Education .pic:after {
  display: block;
  content: '';
  width: calc(50% + 3px);
  background: #fff;
  z-index: 1;
  height: 100%;
  right: -3px;
  top: 0px;
  position: absolute;
}
.Education .data {
  padding-bottom: calc(var(--ratio) * 70px);
}
@media (min-width: 1024.1px) {
  .Education .pic img {
    object-fit: contain;
    object-position: center center;
    height: 100%;
    bottom: unset;
  }
  .Education .data {
    padding-bottom: 0px;
    padding-top: calc(var(--ratio) * 180px);
  }
  .Education .grp > li:nth-child(2) {
    align-items: center;
  }
}
@media (max-width: 1024px) {
  .Education .grp {
    flex-direction: column;
    justify-content: unset;
    height: 100dvh;
  }
  .Education .grp > li {
    width: 100%!important;
  }
  .Education .grp > li:nth-child(1) {
    order: 2;
    flex: 1;
    padding-bottom: calc(var(--ratio) * 10px);
  }
  .Education .grp > li:nth-child(2) {
    order: 1;
  }
  .Education .data {
    padding-top: calc(var(--ratio) * 87px);
    padding-bottom: calc(var(--ratio) * 20px);
  }
  .Education .pic {
    height: 100%;
  }
  .Education .pic img {
    height: 100%;
    bottom: unset;
    object-fit: contain;
    object-position: center center;
  }
  .Education .title {
    text-indent: calc(var(--ratio) * 87px);
    max-width: calc(var(--ratio) * 314px);
  }
  .Education .head {
    margin-bottom: calc(var(--ratio) * 14px);
  }
  .Education .text {
    max-width: calc(var(--ratio) * 368px);
  }
}
@keyframes movewhiteleft {
  0% {
    width: calc(100% + 10px);
  }
  100% {
    width: 0px;
  }
}
@keyframes hideitem {
  0% {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: -100vw;
    left: -100vw;
  }
  100% {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: -100vw;
    left: -100vw;
  }
}
@keyframes showitem {
  0% {
    opacity: 1;
    pointer-events: visible;
    position: absolute;
    top: unset;
    left: unset;
    position: relative;
  }
  100% {
    opacity: 1;
    pointer-events: visible;
    position: absolute;
    top: unset;
    left: unset;
    position: relative;
  }
}
.ourStandards {
  height: 100dvh;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.ourStandards.active .list > li:after {
  animation: 0.55s movewhiteleft;
  animation-fill-mode: backwards;
}
@media (min-width: 768.1px) {
  .ourStandards.active.accelerate .list > li:after {
    animation-duration: 0.33s !important;
  }
  .ourStandards.active.accelerate .list > li:nth-child(1):after,
  .ourStandards.active.accelerate .list > li:nth-child(2):after {
    animation-delay: 0.5s;
  }
  .ourStandards.active.accelerate .list > li:nth-child(3):after,
  .ourStandards.active.accelerate .list > li:nth-child(4):after {
    animation-delay: 1s;
  }
  .ourStandards.active.accelerate .list > li:nth-child(5):after,
  .ourStandards.active.accelerate .list > li:nth-child(6):after {
    animation-delay: 1.5s;
  }
  .ourStandards.active.accelerate .list > li:nth-child(7):after,
  .ourStandards.active.accelerate .list > li:nth-child(8):after {
    animation-delay: 2s;
  }
}
.ourStandards .container {
  height: 100%;
}
.ourStandards .box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
}
.ourStandards .box > li:nth-child(1) {
  width: 36%;
  margin-right: 1%;
}
.ourStandards .box > li:nth-child(2) {
  width: calc(100% - 37%);
  display: flex;
  justify-content: flex-end;
  padding-top: calc(var(--ratio) * 36px);
  min-height: 0px;
}
.ourStandards .head {
  display: flex;
}
.ourStandards .title {
  font-size: calc(var(--ratio) * 91px);
  line-height: 102%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  text-indent: calc(var(--ratio) * 60px);
  max-width: calc(var(--ratio) * 510px);
}
@media (max-width: 1024px) {
  .ourStandards .title {
    font-size: calc(var(--ratio) * 41px);
  }
}
.ourStandards .title span {
  color: var(--yellowishgreen);
  font-family: "Bodoni Moda", serif;
  font-style: italic;
  font-weight: 400;
}
.ourStandards .caption {
  color: #000;
  font-size: calc(var(--ratio) * 15px);
  line-height: 115%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  margin-top: calc(var(--ratio) * 25px);
  max-width: calc(var(--ratio) * 450px);
}
.ourStandards .text {
  color: #000;
  font-size: calc(var(--ratio) * 15px);
  line-height: 115%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  margin-top: calc(var(--ratio) * 115px);
  max-width: calc(var(--ratio) * 450px);
}
.ourStandards .list {
  display: flex;
  flex-wrap: wrap;
  max-width: calc(var(--ratio) *838px);
}
.ourStandards .list > li {
  margin-right: calc(var(--ratio) * 27px);
  margin-bottom: calc(var(--ratio) * 27px);
  position: relative;
}
.ourStandards .list > li:nth-child(even) {
  margin-right: 0px;
}
.ourStandards .list > li:nth-child(1) .item,
.ourStandards .list > li:nth-child(4) .item {
  background: var(--lightblue);
}
.ourStandards .list > li:nth-child(1) .titre span,
.ourStandards .list > li:nth-child(4) .titre span {
  color: var(--darkblue);
}
.ourStandards .list > li:nth-child(2) .item,
.ourStandards .list > li:nth-child(5) .item {
  background: var(--darkblue);
}
.ourStandards .list > li:nth-child(2) .titre span,
.ourStandards .list > li:nth-child(5) .titre span {
  color: var(--yellowishgreen);
}
.ourStandards .list > li:nth-child(3) .item {
  background: var(--yellowishgreen);
}
.ourStandards .list > li:nth-child(3) .titre span {
  color: var(--darkblue);
}
.ourStandards .list > li:nth-child(6) .item {
  background: #00B5AD;
}
.ourStandards .list > li:nth-child(6) .titre span {
  color: var(--darkblue);
}
.ourStandards .list > li:after {
  display: block;
  content: '';
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 1;
  background: #fff;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  width: 0px;
}
.ourStandards .list > li:nth-child(1):after,
.ourStandards .list > li:nth-child(2):after {
  animation-delay: 1s;
}
.ourStandards .list > li:nth-child(3):after,
.ourStandards .list > li:nth-child(4):after {
  animation-delay: 2s;
}
.ourStandards .list > li:nth-child(5):after,
.ourStandards .list > li:nth-child(6):after {
  animation-delay: 3s;
}
.ourStandards .list > li:nth-child(7):after,
.ourStandards .list > li:nth-child(8):after {
  animation-delay: 4s;
}
.ourStandards .item {
  border-radius: calc(var(--ratio) * 25px);
  padding: calc(var(--ratio) * 27px) calc(var(--ratio) * 25px) calc(var(--ratio) * 22px) calc(var(--ratio) * 25px);
  height: 100%;
  display: flex;
  align-items: center;
  background: var(--lightblue);
  position: relative;
}
.ourStandards .item:nth-child(2) {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: -100vw;
  left: -100vw;
}
.ourStandards .titre {
  color: #fff;
  font-size: calc(var(--ratio) * 15px);
  line-height: 115%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  line-height: 150%;
}
.ourStandards .titre span {
  font-size: calc(var(--ratio) * 49px);
  font-family: "Bodoni Moda", serif;
  font-style: italic;
  line-height: 95%;
  font-weight: 400;
  display: block;
  margin-top: calc(var(--ratio) * 2px);
  color: var(--darkblue);
}
@media (max-width: 1024px) {
  .ourStandards .box {
    flex-direction: column;
    align-items: unset;
    flex-wrap: wrap;
  }
  .ourStandards .box > li:nth-child(1) {
    width: 100%;
    margin-right: 0%;
  }
  .ourStandards .box > li:nth-child(2) {
    width: 100%;
    flex: 1;
  }
  .ourStandards .text {
    margin-top: calc(var(--ratio) * 15px);
    max-width: calc(var(--ratio) * 350px);
  }
  .ourStandards .title {
    max-width: calc(var(--ratio) * 250px);
    text-indent: calc(var(--ratio) * 28px);
  }
  .ourStandards .data {
    padding-top: calc(var(--ratio) * 90px);
  }
  .ourStandards .caption {
    margin-top: calc(var(--ratio) * 12px);
  }
  .ourStandards .list {
    max-width: none;
    width: 100%;
  }
  .ourStandards .list > li {
    width: 100%;
    margin-right: 0px;
    margin-bottom: calc(var(--ratio) * 35px);
    display: flex;
  }
  .ourStandards .list > li:before {
    display: block;
    content: '';
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 1;
    background: #fff;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    width: 0px;
  }
  .ourStandards .list > li:after {
    width: calc(100% + 10px);
  }
  .ourStandards .item {
    border-radius: calc(var(--ratio) * 20px);
    min-height: calc(var(--ratio) * 104px);
    padding: calc(var(--ratio) * 15px) calc(var(--ratio) * 19px) calc(var(--ratio) * 13px) calc(var(--ratio) * 19px);
  }
  .ourStandards .item:after {
    display: block;
    content: '';
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 1;
    background: #fff;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    width: 0px;
  }
  .ourStandards .titre {
    font-size: calc(var(--ratio) * 15px);
    max-width: calc(var(--ratio) * 310px);
  }
  .ourStandards .titre span {
    font-size: calc(var(--ratio) * 30px);
  }
  .ourStandards.active .list {
    align-self: flex-start;
    align-content: flex-end;
  }
  .ourStandards.active .list > li:nth-child(n + 4) {
    display: none;
  }
  .ourStandards.active .list > li:nth-child(1):after {
    animation-delay: 1s;
    animation-duration: 1.3s;
    animation-fill-mode: forwards;
  }
  .ourStandards.active .list > li:nth-child(1):before {
    animation: movewhiteleft;
    animation-fill-mode: forwards;
    animation-direction: reverse;
    animation-delay: 3s;
    animation-duration: 1.3s;
  }
  .ourStandards.active .list > li:nth-child(1) .item:nth-child(1) {
    animation: hideitem 0.2s forwards;
    animation-delay: 4.6s;
  }
  .ourStandards.active .list > li:nth-child(1) .item:nth-child(2) {
    animation: showitem 0.2s forwards;
    animation-delay: 4.6s;
    z-index: 1;
  }
  .ourStandards.active .list > li:nth-child(1) .item:nth-child(2):after {
    animation: movewhiteleft forwards 1.3s;
    animation-delay: 4.6s;
  }
  .ourStandards.active .list > li:nth-child(2):after {
    animation-delay: 2s;
    animation-duration: 1.3s;
    animation-fill-mode: forwards;
  }
  .ourStandards.active .list > li:nth-child(2):before {
    animation: movewhiteleft;
    animation-fill-mode: forwards;
    animation-direction: reverse;
    animation-delay: 5.5s;
    animation-duration: 1.3s;
  }
  .ourStandards.active .list > li:nth-child(2) .item:nth-child(1) {
    animation: hideitem 0.2s forwards;
    animation-delay: 6.8s;
  }
  .ourStandards.active .list > li:nth-child(2) .item:nth-child(2) {
    animation: showitem 0.2s forwards;
    animation-delay: 6.8s;
    z-index: 1;
  }
  .ourStandards.active .list > li:nth-child(2) .item:nth-child(2):after {
    animation: movewhiteleft forwards 1.3s;
    animation-delay: 6.8s;
  }
  .ourStandards.active .list > li:nth-child(3):after {
    animation-delay: 2.8s;
    animation-duration: 1.3s;
    animation-fill-mode: forwards;
  }
  .ourStandards.active .list > li:nth-child(3):before {
    animation: movewhiteleft;
    animation-fill-mode: forwards;
    animation-direction: reverse;
    animation-delay: 7.8s;
    animation-duration: 1.3s;
  }
  .ourStandards.active .list > li:nth-child(3) .item:nth-child(1) {
    animation: hideitem 0.2s forwards;
    animation-delay: 9.1s;
  }
  .ourStandards.active .list > li:nth-child(3) .item:nth-child(2) {
    animation: showitem 0.2s forwards;
    animation-delay: 9.1s;
    z-index: 1;
    background: #00B5AD;
  }
  .ourStandards.active .list > li:nth-child(3) .item:nth-child(2):after {
    animation: movewhiteleft forwards 1.3s;
    animation-delay: 9.1s;
  }
  .ourStandards.active .list > li:nth-child(3) .item:nth-child(2) .titre span {
    color: var(--darkblue);
  }
}
@keyframes move_path_info_up {
  0% {
    transform: translateY(80vh);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes move_path_info_down {
  0% {
    transform: translateY(-76vh);
  }
  100% {
    transform: translateY(0%);
  }
}
.ourPath {
  position: relative;
  overflow: hidden;
  background: #fff;
  height: 100dvh;
}
.ourPath.active .info {
  animation: move_path_info_up 1s;
}
.ourPath.active .cadre > li:nth-child(1) .item {
  background-position: right bottom;
}
.ourPath.active .cadre > li:nth-child(2) {
  height: calc(60% - var(--ratio) * 15px);
}
.ourPath.active .cadre > li:nth-child(2) .item {
  background-position: center bottom;
}
.ourPath.active .grp > li:nth-child(2) .info {
  animation: move_path_info_down 1s;
  animation-fill-mode: forwards!important;
}
@media (min-width: 768.1px) {
  .ourPath.active.accelerate .info {
    animation-duration: 0.4s !important;
  }
}
.ourPath .container {
  height: 100%;
}
.ourPath .grp {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
}
.ourPath .grp > li:nth-child(1) {
  width: 60%;
  margin-right: 3%;
}
.ourPath .grp > li:nth-child(1) .text {
  text-wrap: balance;
}
.ourPath .grp > li:nth-child(2) {
  width: 37%;
}
.ourPath .grp > li:nth-child(2) .title span {
  color: var(--yellowishgreen);
}
.ourPath .grp > li:nth-child(2) .title {
  max-width: calc(var(--ratio) * 490px);
  text-indent: calc(var(--ratio) * 30px);
}
.ourPath .grp > li:nth-child(2) .text {
  max-width: calc(var(--ratio) * 500px);
}
.ourPath .grp > li:nth-child(2) .info {
  transform: translateY(-76vh);
  margin-top: calc(var(--ratio) * 125px);
}
.ourPath .sub {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
.ourPath .sub > div:nth-child(1) {
  width: 40%;
  padding-top: 18%;
  margin-right: 3%;
}
.ourPath .sub > div:nth-child(2) {
  width: 57%;
}
.ourPath .info {
  animation-delay: 1s !important;
  animation-fill-mode: backwards!important;
}
.ourPath .top {
  display: flex;
}
.ourPath .title {
  font-size: calc(var(--ratio) * 49px);
  line-height: 102%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  text-indent: calc(var(--ratio) * 38px);
  max-width: calc(var(--ratio) * 360px);
}
@media (max-width: 1024px) {
  .ourPath .title {
    font-size: calc(var(--ratio) * 41px);
  }
}
.ourPath .title span {
  color: var(--green);
  font-family: "Bodoni Moda", serif;
  font-style: italic;
  font-weight: 400;
}
.ourPath .text {
  color: #000;
  font-size: calc(var(--ratio) * 15px);
  line-height: 115%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  margin-top: calc(var(--ratio) * 19px);
  max-width: calc(var(--ratio) * 350px);
}
.ourPath .holder {
  position: relative;
}
.ourPath .pic {
  width: 100%;
  position: relative;
}
.ourPath .pic img {
  width: 100%;
  object-fit: contain;
  display: block;
  position: relative;
  z-index: 1;
  max-height: 90vh;
}
.ourPath .cadre {
  position: absolute;
  bottom: calc(var(--ratio) * -27px);
  display: flex;
  flex-wrap: wrap;
  right: calc(var(--ratio) * 10px);
  width: 50%;
  height: 100%;
  align-content: flex-start;
}
.ourPath .cadre > li:nth-child(1) {
  width: 100%;
  height: calc(40% - var(--ratio) * 15px);
  margin-bottom: calc(var(--ratio) * 30px);
}
.ourPath .cadre > li:nth-child(1) .item {
  background-position: left top;
}
.ourPath .cadre > li:nth-child(2) {
  width: 100%;
  height: calc(24% - var(--ratio) * 15px);
  transition: 1s height;
  transition-delay: 1s ;
}
.ourPath .cadre > li:nth-child(2) .item {
  background-position: center top;
  transition-delay: 1.1s;
}
.ourPath .item {
  width: 100%;
  height: 100%;
  background: url(../images/greentexture.jpg);
  border-radius: calc(var(--ratio) * 13px);
  overflow: hidden;
  position: relative;
  transition: 1s ;
  transition-delay: 1s;
}
@media (min-width: 1024.1px) {
  .ourPath .mobileswiper .swiper-wrapper {
    transform: none!important;
  }
  .ourPath .mobileswiper .swiper-slide {
    height: unset!important;
    display: block!important;
  }
  .ourPath .mobileswiper .sub > .swiper-slide:nth-child(2) .info {
    display: none;
  }
  .ourPath .mobileswiper .sub {
    flex-direction: unset!important;
  }
}
@media (max-width: 1024px) {
  .ourPath .sub > .swiper-slide:nth-child(1) {
    width: 100%;
    margin-right: 0px;
    padding-top: calc(var(--ratio) * 85px);
    height: auto;
  }
  .ourPath .sub > .swiper-slide:nth-child(1).inactive {
    transform: translateY(-40vh);
    transition: 0.73s ease-in-out;
  }
  .ourPath .sub > .swiper-slide:nth-child(2) {
    width: 100%;
    flex: 1;
    height: auto;
  }
  .ourPath .sub {
    flex-direction: column;
    flex-wrap: unset;
  }
  .ourPath .grp > li:nth-child(1) {
    width: 100%;
    margin-right: 0px;
    height: 100%;
  }
  .ourPath .grp > li:nth-child(2) {
    width: 100%;
    display: none;
  }
  .ourPath .grp > li:nth-child(2) .info {
    margin-top: 0px;
  }
  .ourPath .title {
    text-indent: calc(var(--ratio) * 26px);
    max-width: calc(var(--ratio) * 325px);
  }
  .ourPath .text {
    max-width: calc(var(--ratio) * 366px);
  }
  .ourPath .info {
    animation: none!important;
  }
  .ourPath .pic img {
    max-height: none;
    height: calc(55dvh - 80px);
  }
  .ourPath .mobileswiper {
    height: 100dvh;
    overflow: hidden;
  }
  .ourPath .mobileswiper .sub > .swiper-slide:nth-child(2) .title span {
    color: var(--yellowishgreen);
  }
  .ourPath .holder {
    padding: 22px 0px 0px;
    min-height: 55dvh;
  }
  .ourPath .holder + .info {
    padding-bottom: 10vh;
  }
}
@media (max-width: 1024px) and (max-height: 600px) {
  .ourPath .pic img {
    max-height: calc(53dvh - 66px);
  }
}
@keyframes move_op_data_up {
  0% {
    transform: translateY(57vh);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes move_operation_dash1 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes move_operation_dash2 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes slidetitle {
  0% {
    transform: translateX(-115%);
  }
  100% {
    transform: translateX(0%);
  }
}
.Operation {
  position: relative;
  overflow: hidden;
  background: #fff;
  height: 100dvh;
}
.Operation.active .data {
  animation: move_op_data_up 1s forwards;
  animation-delay: 1s;
}
.Operation.active .cut:before {
  transform: translateX(100%);
  animation: move_operation_dash1 0.6s backwards;
  animation-delay: 1s;
}
.Operation.active .cut:after {
  transform: translateX(-100%);
  animation: move_operation_dash2 0.6s backwards;
  animation-delay: 1s;
}
@media (min-width: 1024.1px) {
  .Operation.active.accelerate .data {
    animation-duration: 0.3s !important;
  }
  .Operation.active.accelerate .cut:before,
  .Operation.active.accelerate .cut:after {
    animation-duration: 0.2s !important;
  }
}
.Operation .container {
  height: 100%;
  display: flex;
  align-items: center;
}
.Operation .box {
  padding-left: 25%;
  display: flex;
  flex-wrap: wrap;
}
.Operation .box > li {
  position: relative;
}
.Operation .box > li:nth-child(1) {
  width: 32%;
  margin-right: 5%;
}
.Operation .box > li:nth-child(2) {
  width: 63%;
  display: flex;
  align-items: flex-end;
}
.Operation .cut {
  position: absolute;
  left: 0px;
  height: calc(var(--ratio) * 170px );
  width: calc(25% + 40px);
  background: url(../images/greenshaper.png) no-repeat left top;
  background-size: cover ;
  top: 0px;
  bottom: 0px;
  margin: auto;
  overflow: hidden;
}
.Operation .cut:before {
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  display: block;
  content: '';
  width: 100%;
  background: linear-gradient(to bottom, white 0%, white 20%, transparent 20%, transparent 40%, white 40%, white 60%, transparent 60%, transparent 80%, white 80%, white 100%);
  height: 100%;
  right: 0px;
}
.Operation .cut:after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  display: block;
  content: '';
  width: 100%;
  background: linear-gradient(to bottom, transparent 0%, transparent 20%, white 20%, white 40%, transparent 40%, transparent 60%, white 60%, white 80%, transparent 80%, transparent 100%);
  height: 100%;
  right: 0px;
}
.Operation .inner {
  position: relative;
  width: 100%;
}
.Operation .pic {
  position: relative;
  z-index: 1;
}
.Operation .pic img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.Operation .top {
  display: flex;
}
.Operation .title {
  font-size: calc(var(--ratio) * 109px);
  line-height: 102%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  line-height: 83%;
  text-indent: calc(var(--ratio) * 160px);
  max-width: calc(var(--ratio) * 620px);
}
@media (max-width: 1024px) {
  .Operation .title {
    font-size: calc(var(--ratio) * 41px);
  }
}
.Operation .title span {
  color: var(--green);
  font-family: "Bodoni Moda", serif;
  font-style: italic;
  font-weight: 400;
}
.Operation .data {
  transform: translateY(57vh);
}
.Operation .text {
  color: #000;
  font-size: calc(var(--ratio) * 15px);
  line-height: 115%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  margin-top: calc(var(--ratio) * 58px);
  max-width: calc(var(--ratio) * 536px);
}
@media (max-width: 1024px) {
  .Operation.active .title {
    animation: slidetitle 1s forwards;
    animation-delay: 1s;
  }
  .Operation.active .cut:before,
  .Operation.active cut:after {
    animation-duration: 1.5s;
  }
  .Operation .box {
    flex-direction: column;
    padding: 0px;
    height: 100%;
  }
  .Operation .box > li {
    position: relative;
  }
  .Operation .box > li:nth-child(1) {
    width: 100%;
    margin-right: 0%;
    order: 2;
    height: 50dvh;
    margin-top: calc(var(--ratio) * 28px);
    margin-bottom: 25px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
  }
  .Operation .box > li:nth-child(2) {
    width: 100%;
    order: 1;
    flex: 1;
    align-items: flex-start;
  }
  .Operation .title {
    max-width: calc(var(--ratio) * 220px);
    text-indent: calc(var(--ratio) * 58px);
    transform: translateX(-115%);
  }
  .Operation .text {
    margin-top: calc(var(--ratio) * 23px);
    max-width: calc(var(--ratio) * 400px);
  }
  .Operation .pic {
    padding-left: 40%;
  }
  .Operation .pic img {
    height: 50dvh;
    object-position: right bottom;
  }
  .Operation .cut {
    top: unset;
    bottom: 12dvh;
    left: -50px;
    width: calc(81% + 5px);
    background-image: url(../images/greenshaper2.png?v=1);
    height: 13%;
    background-size: 108%;
    background-size: auto 100%;
    background-position: right top;
    background-repeat: repeat-x;
  }
  .Operation .data {
    animation: unset!important;
    padding-top: calc(var(--ratio) * 125px);
    transform: none;
  }
  .Operation .inner {
    height: 100%;
  }
}
@media (max-width: 1024px) and (min-width: 689px) and (max-height: 740px) {
  .Operation .cut {
    min-height: 98px;
    width: calc(81% + 73px);
    left: -50px;
  }
}
@keyframes jumpword {
  0% {
    top: -50vh;
  }
  100% {
    top: 0px;
  }
}
@keyframes dir_image1 {
  0% {
    opacity: 0;
    transform: translateX(200%) translateX(var(--value1-px)) translateX(calc(var(--ratio) * var(--value2-px)));
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes dir_image2 {
  0% {
    opacity: 0;
    transform:  translateY(-44dvh) translateX(100%) translateX(var(--value1-px)) translateX(calc(var(--ratio) * var(--value2-px)));
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
@keyframes dir_image3 {
  0% {
    opacity: 0;
    transform: translateY(44dvh)  translateX(-200%) translateX(var(--value1-px)) translateX(calc(var(--ratio) * var(--value2-px)));
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes dir_image4 {
  0% {
    opacity: 0;
    transform:  translateY(44dvh) translateX(100%) translateX(var(--value1-px)) translateX(calc(var(--ratio) * var(--value2-px)));
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.Leadership {
  position: relative;
  overflow: hidden;
  background: #fff;
  height: 100dvh;
}
.Leadership.active .title b {
  animation: jumpword 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
.Leadership.active .grid > li:nth-child(1) {
  animation: dir_image1 1s forwards;
  animation-delay: 1s;
}
.Leadership.active .grid > li:nth-child(2) {
  animation: dir_image2 1s forwards;
  animation-delay: 1s;
}
.Leadership.active .grid > li:nth-child(3) {
  animation: dir_image3 1s forwards;
  animation-delay: 1s;
}
.Leadership.active .grid > li:nth-child(4) {
  animation: dir_image4 1s forwards;
  animation-delay: 1s;
}
@media (min-width: 1024.1px) {
  .Leadership.active.accelerate .title b,
  .Leadership.active.accelerate .grid > li {
    animation-duration: 0.5s !important;
  }
}
.Leadership .container {
  height: 100%;
  display: flex;
  align-items: center;
}
.Leadership .head {
  position: relative;
}
.Leadership .title {
  font-size: calc(var(--ratio) * 109px);
  line-height: 102%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  text-indent: calc(var(--ratio) * 104px);
  width: calc(var(--ratio) * 1050px);
}
@media (max-width: 1024px) {
  .Leadership .title {
    font-size: calc(var(--ratio) * 41px);
  }
}
.Leadership .title b {
  font-weight: inherit;
  top: -50vh;
  position: relative;
}
.Leadership .title span {
  color: var(--yellowishgreen);
  font-family: "Bodoni Moda", serif;
  font-style: italic;
  font-weight: 400;
}
.Leadership .holder {
  position: relative;
  padding-top: 29vh;
}
.Leadership .grp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  width: 100%;
  z-index: 1;
  height: 100%;
  align-items: center;
}
.Leadership .grp > li {
  position: relative;
}
.Leadership .grp > li:nth-child(1) {
  width: calc(var(--ratio) * 1050px);
}
.Leadership .grp > li:nth-child(2) {
  width: calc(100% - var(--ratio) * 1050px );
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.Leadership .text {
  color: #000;
  font-size: calc(var(--ratio) * 15px);
  line-height: 115%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  margin-top: calc(var(--ratio) * 128px);
  max-width: calc(var(--ratio) * 631px);
}
.Leadership .grid {
  width: calc(100% );
  max-width: calc(var(--ratio) * 432px);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
.Leadership .grid > li {
  margin-bottom: calc(var(--ratio) * 35px);
  position: relative;
  width: calc(50% - var(--ratio) * 18px);
}
.Leadership .grid > li:nth-child(2) {
  top: calc(var(--ratio) * -116px);
}
.Leadership .grid > li:nth-child(even) {
  top: calc(var(--ratio) * -116px);
}
.Leadership .grid > li:nth-child(1) {
  --value1-px: 137px;
  --value2-px: 36px;
  opacity: 0;
  transform: translateX(200%) translateX(var(--value1-px)) translateX(calc(var(--ratio) * var(--value2-px)));
}
@media (min-width: 2000px) {
  .Leadership .grid > li:nth-child(1) {
    --value1-px: 200px;
  }
}
@media (max-width: 1700px) {
  .Leadership .grid > li:nth-child(1) {
    --value1-px: 50px;
  }
}
.Leadership .grid > li:nth-child(2) {
  --value1-px: 137px;
  --value2-px: 36px;
  opacity: 0;
  transform: translateY(-44dvh) translateX(100%) translateX(var(--value1-px)) translateX(calc(var(--ratio) * var(--value2-px)));
}
@media (min-width: 2000px) {
  .Leadership .grid > li:nth-child(2) {
    --value1-px: 200px;
  }
}
@media (max-width: 1700px) {
  .Leadership .grid > li:nth-child(2) {
    --value1-px: 50px;
  }
}
.Leadership .grid > li:nth-child(3) {
  --value1-px: 137px;
  --value2-px: 36px;
  opacity: 0;
  transform: translateY(44dvh) translateX(-200%) translateX(var(--value1-px)) translateX(calc(var(--ratio) * var(--value2-px)));
}
@media (min-width: 2000px) {
  .Leadership .grid > li:nth-child(3) {
    --value1-px: 200px;
  }
}
@media (max-width: 1700px) {
  .Leadership .grid > li:nth-child(3) {
    --value1-px: 50px;
  }
}
.Leadership .grid > li:nth-child(4) {
  --value1-px: 137px;
  --value2-px: 36px;
  opacity: 0;
  transform: translateY(44dvh) translateX(100%) translateX(var(--value1-px)) translateX(calc(var(--ratio) * var(--value2-px)));
}
@media (min-width: 2000px) {
  .Leadership .grid > li:nth-child(4) {
    --value1-px: 200px;
  }
}
@media (max-width: 1700px) {
  .Leadership .grid > li:nth-child(4) {
    --value1-px: 50px;
  }
}
.Leadership .item {
  display: block;
  height: 100%;
}
.Leadership .icon {
  position: relative;
  overflow: hidden;
  border-radius: calc(var(--ratio) * 29px);
  margin-bottom: calc(var(--ratio) * 7px);
  aspect-ratio: 1;
}
.Leadership .icon img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.Leadership .titre {
  color: #000;
  font-size: calc(var(--ratio) * 15px);
  line-height: 115%;
  font-family: "Inter", sans-serif;
  font-weight: 800;
}
.Leadership .subtitre {
  color: #000;
  font-size: calc(var(--ratio) * 15px);
  line-height: 115%;
  font-family: "Inter", sans-serif;
  font-weight: 800;
}
@media (min-width: 1860px) {
  .Leadership .grid {
    max-width: calc(var(--ratio) * 492px);
  }
}
@media (max-width: 1024px) {
  .Leadership.active .grid > li:nth-child(1) .item {
    animation: lditem_1 1s forwards;
    animation-delay: 1s;
  }
  .Leadership.active .grid > li:nth-child(2) .item {
    animation: lditem_2 1s forwards;
    animation-delay: 1s;
  }
  .Leadership.active .grid > li:nth-child(3) .item {
    animation: lditem_4 1s forwards;
    animation-delay: 1s;
  }
  .Leadership.active .grid > li:nth-child(4) .item {
    animation: lditem_4 1s forwards;
    animation-delay: 1s;
  }
  .Leadership .grid {
    max-width: calc(var(--ratio) * 308px);
    width: 100%;
    margin: auto;
    bottom: unset;
  }
  .Leadership .grid > li {
    animation: none!important;
    transform: none!important;
    margin-bottom: calc(var(--ratio) * 12px);
    width: calc(50% - var(--ratio) * 14px);
    opacity: 1!important;
  }
  .Leadership .grid > li:nth-child(even) {
    top: calc(var(--ratio) * -55px);
  }
  .Leadership .grid > li:nth-child(1) .item {
    transform: translateX(-50vw) translateY(440dvh);
  }
  .Leadership .grid > li:nth-child(2) .item {
    transform: translateX(50vw) translateY(-44dvh);
  }
  .Leadership .grid > li:nth-child(3) .item {
    transform: translateX(50vw) translateY(44dvh);
  }
  .Leadership .grid > li:nth-child(4) .item {
    transform: translateX(50vw) translateY(44dvh);
  }
  .Leadership .grp {
    align-items: flex-start;
    flex-direction: column;
  }
  .Leadership .grp > li:nth-child(1) {
    width: 100%;
    flex: 1;
  }
  .Leadership .grp > li:nth-child(2) {
    width: 100%;
    height: 44%;
    align-items: flex-end;
  }
  .Leadership .text {
    margin-top: calc(var(--ratio) * 18px);
  }
  .Leadership .title {
    max-width: calc(var(--ratio) * 384px);
    text-indent: calc(var(--ratio) * 15px);
  }
  .Leadership .info {
    padding-top: calc(var(--ratio) * 92px);
  }
  .Leadership .text {
    max-width: calc(var(--ratio) * 390px);
  }
  .Leadership .holder {
    padding: 0px;
    width: 100%;
  }
  .Leadership .icon {
    margin-bottom: calc(var(--ratio) * 5px);
  }
}
@keyframes lditem_1 {
  0% {
    transform: translateX(-50vw) translateY(44dvh);
  }
  100% {
    transform: none;
  }
}
@keyframes lditem_2 {
  0% {
    transform: translateX(50vw) translateY(-44dvh);
  }
  100% {
    transform: none;
  }
}
@keyframes lditem_3 {
  0% {
    transform: translateX(50vw) translateY(44dvh);
  }
  100% {
    transform: none;
  }
}
@keyframes lditem_4 {
  0% {
    transform: translateX(50vw) translateY(44dvh);
  }
  100% {
    transform: none;
  }
}
@keyframes showin_existance {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.Existance {
  position: relative;
  overflow: hidden;
  background: #fff;
  height: 100dvh;
}
.Existance.active .more {
  animation: showin_existance 1s forwards;
  animation-delay: 1s;
}
.Existance.active .shape {
  animation: showin_existance 1s forwards;
  animation-delay: 1s;
}
@media (min-width: 1024.1px) {
  .Existance.active.accelerate .more,
  .Existance.active.accelerate .shape {
    animation-duration: 0.3s !important;
  }
}
.Existance .grp {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.Existance .grp > li {
  width: 50%;
}
.Existance .grp > li:nth-child(1) {
  display: flex;
  align-items: center;
  width: 53%;
}
.Existance .grp > li:nth-child(2) {
  width: 47%;
}
.Existance .head {
  position: relative;
}
.Existance .title {
  font-size: calc(var(--ratio) * 109px);
  line-height: 102%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .Existance .title {
    font-size: calc(var(--ratio) * 41px);
  }
}
.Existance .title span {
  color: var(--yellowishgreen);
  font-family: "Bodoni Moda", serif;
  font-style: italic;
  font-weight: 400;
}
.Existance .text {
  color: #000;
  font-size: calc(var(--ratio) * 15px);
  line-height: 115%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  margin-top: calc(var(--ratio) * 22px);
  max-width: calc(var(--ratio) * 544px);
}
.Existance .more {
  margin-top: calc(var(--ratio) * 45px);
  display: flex;
  opacity: 0;
}
.Existance .holder {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 47%;
  height: 97dvh;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
@media (min-width: 1024.1px) {
  .Existance .holder.formobile {
    display: none;
  }
}
@media (max-width: 1024px) {
  .Existance .holder.fordesktop {
    display: none;
  }
}
.Existance .inner {
  position: relative;
  height: 100%;
}
.Existance .pic {
  width: 100%;
  position: relative;
  height: 100%;
}
.Existance .pic img {
  width: 100%;
  height: 100%;
  display: block;
  object-position: left bottom;
  object-fit: cover;
  position: relative;
}
.Existance .shape {
  width: 100%;
  position: absolute;
  height: 100%;
  top: calc(var(--ratio) * 0px);
  left: calc(var(--ratio) * 0px);
  opacity: 0;
}
.Existance .shape img {
  width: 100%;
  height: 100%;
  display: block;
  object-position: left bottom;
  object-fit: cover;
}
.Existance .container {
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 1420px) {
  .Existance .holder {
    height: 95dvh;
  }
}
@media (max-width: 1120px) {
  .Existance .pic img,
  .Existance .shape img {
    object-position: left bottom;
    object-fit: cover;
  }
  .Existance .holder {
    height: 88dvh;
  }
}
@media (max-width: 1024px) {
  .Existance .grp {
    flex-direction: column;
    height: 100%;
  }
  .Existance .grp > li {
    width: 100%!important;
    height: 50%;
  }
  .Existance .holder {
    position: relative;
    height: 100%;
    width: 100%;
    bottom: unset;
    justify-content: center;
  }
  .Existance .pic img,
  .Existance .shape img {
    object-position: left bottom;
    object-fit: contain;
    width: calc(100% + var(--ratio) * 30px);
    max-width: none;
  }
  .Existance .text {
    max-width: calc(var(--ratio) * 359px);
  }
  .Existance .info {
    padding-top: calc(var(--ratio) * 55px);
  }
}
@media (max-device-width: 768px) {
  .Existance .pic img,
  .Existance .shape img {
    left: 30px;
  }
}
@keyframes move_contacttitle {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes move_contactoptions {
  0% {
    transform: translateX(98vw);
  }
  100% {
    transform: translateX(0);
  }
}
.contactUs {
  position: relative;
  overflow: hidden;
  background: #fff;
  height: 100dvh;
}
.contactUs.active .head {
  animation: move_contacttitle 1.3s forwards;
  animation-delay: 1s;
}
.contactUs.active .options {
  animation: move_contactoptions 1.3s forwards;
  animation-delay: 1.2s;
}
@media (min-width: 768.1px) {
  .contactUs.active.accelerate .head,
  .contactUs.active.accelerate .options {
    animation-duration: 0.5s !important;
  }
}
.contactUs .container {
  height: 100%;
  display: flex;
  align-items: center;
}
.contactUs .head {
  position: relative;
  padding-top: calc(var(--ratio) * 95px);
  transform: translateX(100vw);
}
.contactUs .title {
  font-size: calc(var(--ratio) * 109px);
  line-height: 102%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  text-indent: calc(var(--ratio) * 195px);
  width: calc(var(--ratio) * 1515px);
}
@media (max-width: 1024px) {
  .contactUs .title {
    font-size: calc(var(--ratio) * 41px);
  }
}
.contactUs .title span {
  color: var(--darkblue);
  font-family: "Bodoni Moda", serif;
  font-style: italic;
  font-weight: 400;
}
.contactUs .options {
  margin-top: calc(var(--ratio) * 73px);
  display: flex;
  flex-wrap: wrap;
  transform: translateX(98vw);
}
.contactUs .options > li {
  margin-right: calc(var(--ratio) * 17px);
}
.contactUs .custbtn {
  min-width: calc(var(--ratio) * 276px);
}
.contactUs .holder {
  padding-left: 35%;
  margin-top: calc(var(--ratio) * 76px);
}
.contactUs .data {
  color: var(--darkblue);
  font-size: calc(var(--ratio) * 25px);
  line-height: 102%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .contactUs .data {
    font-size: calc(var(--ratio) * 15px);
  }
}
.contactUs .data ul > li {
  padding-left: calc(var(--ratio) * 50px);
  position: relative;
}
.contactUs .data ul > li + li {
  margin-top: calc(var(--ratio) * 19px);
}
.contactUs .data img {
  height: calc(var(--ratio) *25px);
  display: block;
  object-fit: contain;
  position: absolute;
  left: calc(var(--ratio) * 0px);
  width: calc(var(--ratio) * 24px);
  top: calc(var(--ratio) * 2px);
  object-position: center center;
}
.contactUs .pic img.img_mobile {
  display: none;
}
.contactUs .pic img.img_desktop {
  display: block;
}
.contactUs .pic {
  width: 22%;
  pointer-events: none;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.contactUs .pic img {
  height: 48dvh;
  width: 100%;
  object-fit: contain;
  object-position: left bottom;
}
@media (max-width: 1350px) {
  .contactUs .pic {
    width: 34%;
  }
  .contactUs .pic img {
    height: 50dvh;
  }
}
@media (max-width: 1024px) {
  .contactUs .pic img.img_mobile {
    display: block;
    object-position: right bottom;
  }
  .contactUs .pic img.img_desktop {
    display: none;
  }
  .contactUs .pic {
    right: 0px;
    left: unset;
    width: 47%;
  }
  .contactUs .pic img {
    height: 38dvh;
  }
  .contactUs .holder {
    padding-left: 0px;
    margin-top: calc(var(--ratio) * 48px);
  }
  .contactUs .title {
    text-indent: calc(var(--ratio) * 49px);
    width: calc(var(--ratio) * 385px);
  }
  .contactUs .container {
    align-items: flex-start;
  }
  .contactUs .options {
    max-width: 66%;
    margin-top: calc(var(--ratio) * 44px);
  }
  .contactUs .options > li {
    width: 100%;
    margin-right: 0px;
  }
  .contactUs .options > li + li {
    margin-top: calc(var(--ratio) * 11px);
  }
  .contactUs .data ul > li {
    padding-left: calc(var(--ratio) * 31px);
  }
  .contactUs .data > li + li {
    margin-top: calc(var(--ratio) * 14px);
  }
  .contactUs .data img {
    height: calc(var(--ratio) *18px);
    max-width: calc(var(--ratio) *16px);
    top: calc(var(--ratio) * 0px);
  }
}
@media (max-width: 590px) and (min-width: 480px) {
  .contactUs .pic {
    width: 43%;
  }
}
.contactUs .bykoein {
  position: absolute;
  bottom: calc(var(--ratio) * 20px);
  right: calc(var(--ratio) * 30px);
  font-family: "Inter", sans-serif;
  font-size: calc(var(--ratio) * 18px);
  color: #000;
  letter-spacing: 0.5px;
}
@media (max-width: 1024px) {
  .contactUs .bykoein {
    font-size: calc(var(--ratio) * 15px);
    bottom: calc(var(--ratio) * 15px);
    right: unset;
    left: calc(var(--ratio) * 20px);
  }
}
@keyframes move_inv_pic {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes move_inv_info {
  0% {
    left: 0px;
  }
  100% {
    left: 60vw;
  }
}
@keyframes move_inv_dash {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes move_inv_btn {
  0% {
    opacity: 0;
    left: 0px;
  }
  0.1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    left: 60vw;
  }
}
.Investing {
  position: relative;
  overflow: hidden;
  background: #fff;
  height: 100dvh;
  /*&.slidein{
        .pic{animation:move_inv_pic 1s alternate;}  
          .inner{animation:move_inv_info 1s alternate;}
          .inner:after{animation:move_inv_dash 1s alternate;}
          .more{animation:move_inv_btn 0.8s alternate;}
    }*/
}
.Investing:not(.active) {
  top: -200vh;
  left: -100vw;
}
@media (min-width: 1024.1px) {
  .Investing.slidein .pic {
    transform: translateX(100%) !important;
  }
  .Investing.slidein .inner {
    left: 60vw;
  }
  .Investing.slidein .inner:after {
    left: -50px;
  }
  .Investing.slidein .more {
    opacity: 1;
    left: 60vw;
  }
}
.Investing .invscreen {
  height: 100dvh;
}
.Investing .invscreen .swiper-slide {
  display: flex;
  align-items: center;
}
.Investing .container {
  height: 100%;
  display: flex;
  align-items: center;
}
.Investing .wrap {
  width: 100%;
}
.Investing .pic {
  width: 55%;
  position: absolute;
  right: 0px;
  bottom: 0px;
  transform: translateX(0%) !important;
  pointer-events: none;
  transition: 1s transform!important;
}
.Investing .pic img {
  width: 100%;
  object-fit: cover;
  object-position: left top;
  display: block;
}
.Investing .grp {
  display: flex;
  flex-wrap: wrap;
  padding-top: calc(var(--ratio) * 84px);
  padding-right: 57%;
}
.Investing .grp > li {
  width: 100%;
}
.Investing .grp > li + li {
  margin-top: calc(var(--ratio) * 74px);
}
.Investing .grp > li:nth-child(2) .title span {
  color: var(--green);
}
.Investing .grp > li:nth-child(2) .text {
  max-width: calc(var(--ratio) * 440px);
}
.Investing .inner {
  position: relative;
  left: 0px;
  transition: 1s left;
}
.Investing .inner:after {
  display: block;
  content: '';
  position: absolute;
  left: calc(var(--ratio) * -50px);
  top: calc(var(--ratio) * 9px);
  width: 100vw;
  height: calc(var(--ratio) * 108px);
  background: url(../images/coloredash.png) repeat-x right top;
  background-size: contain;
  transform: translateX(-100%);
  left: -27vw;
}
.Investing .title {
  font-size: calc(var(--ratio) * 49px);
  line-height: 102%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .Investing .title {
    font-size: calc(var(--ratio) * 41px);
  }
}
.Investing .title span {
  color: var(--yellowishgreen);
  font-family: "Bodoni Moda", serif;
  font-style: italic;
  font-weight: 400;
}
.Investing .text {
  color: #000;
  font-size: calc(var(--ratio) * 15px);
  line-height: 115%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  margin-top: calc(var(--ratio) * 15px);
  max-width: calc(var(--ratio) * 533px);
}
.Investing .more {
  margin-top: calc(var(--ratio) * 29px);
  position: relative;
  display: flex;
  opacity: 0;
  left: 0px;
  transition: 1s left;
}
@media (max-width: 1024px) {
  .Investing.slidein {
    /*.screen{animation:move_inv_screen 0.9s forwards;}
            .sub{animation:move_inv_sub 0.9s  forwards;animation-delay:0.1s;}
            .pic img{ animation:movepic_mob 0.9s forwards ;}*/
  }
  .Investing.slidein .screen {
    transform: translateX(-100vw);
  }
  .Investing.slidein .sub {
    transform: translateX(0%);
  }
  .Investing.slidein .pic img {
    transform: translateX(-100%);
  }
  .Investing .invscreen {
    height: 100dvh;
  }
  .Investing .invscreen .swiper-slide {
    align-items: center;
    display: flex;
  }
  .Investing .pic {
    animation: none!important;
    width: 100%;
    height: 35%;
    opacity: 1!important;
    display: flex;
    align-items: flex-end;
    pointer-events: none;
  }
  .Investing .pic img {
    height: 100%;
    min-height: 350px;
    transform: translateX(0%);
    transition: 0.9s;
  }
  .Investing .sub {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    transform: translateX(100%) translateZ(0);
    transition: 0.9s transform;
  }
  .Investing .sub .info {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
  }
  .Investing .sub .text {
    max-width: calc(var(--ratio) * 355px) !important;
    margin-top: calc(var(--ratio) * 20px);
  }
  .Investing .container {
    height: 100dvh;
  }
  .Investing .grp {
    padding-right: 0px;
    padding-top: 0px;
  }
  .Investing .screen {
    margin-bottom: calc(var(--ratio) * 64px);
    transition: 0.9s transform;
    position: relative;
  }
  .Investing .screen .title {
    text-indent: calc(var(--ratio) * 58px);
    max-width: calc(var(--ratio) * 315px);
  }
  .Investing .screen .text {
    max-width: calc(var(--ratio) * 359px);
    margin-top: calc(var(--ratio) * 22px);
  }
  .Investing .info {
    padding-bottom: 200px;
  }
  .Investing .sub .info {
    padding-bottom: 0px;
  }
  .Investing .inner {
    animation: none!important;
  }
  .Investing .inner:after {
    display: none;
  }
  .Investing .inner:before {
    margin-bottom: calc(var(--ratio) * 74px);
    display: block;
    content: '';
    position: relative;
    left: -30px;
    top: calc(var(--ratio) * 0px);
    width: calc(100% + 30px);
    height: calc(var(--ratio) * 83px);
    background: url(../images/coloredash.png) repeat-x right top;
    background-size: cover;
  }
  .Investing .more {
    animation: none!important;
    opacity: 1;
    margin-top: calc(var(--ratio) * 100px);
  }
  .Investing .custbtn {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 768px) {
  .Investing .pic img {
    min-height: 0px;
  }
  .Investing .info {
    padding-bottom: 20px;
  }
}
@media (max-width: 500px) {
  .Investing .pic img {
    object-fit: contain;
    object-position: center bottom;
  }
}
@keyframes move_inv_screen {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100vw);
  }
}
@keyframes move_inv_sub {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes movepic_mob {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes showschool {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.ourSchools {
  text-align: center;
  position: relative;
  overflow: hidden;
  background: #fff;
  height: 100dvh;
}
.ourSchools.active .boxslider .swiper-slide {
  pointer-events: visible!important;
}
.ourSchools.active .infohold .swiper-slide {
  pointer-events: visible!important;
}
.ourSchools.active .inmenu .swiper-slide {
  pointer-events: visible!important;
}
.ourSchools.active .head {
  animation: showschool 1s;
}
.ourSchools .container {
  height: 100%;
  display: flex;
  align-items: flex-start;
  padding: 0px!important;
}
.ourSchools .wrap {
  width: 100%;
}
.ourSchools .head {
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
}
.ourSchools .title {
  font-size: calc(var(--ratio) * 109px);
  line-height: 102%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .ourSchools .title {
    font-size: calc(var(--ratio) * 41px);
  }
}
.ourSchools .title span {
  color: var(--green);
  font-family: "Bodoni Moda", serif;
  font-style: italic;
  font-weight: 400;
}
.ourSchools .caption {
  color: #000;
  font-size: calc(var(--ratio) * 15px);
  line-height: 115%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  margin-top: calc(var(--ratio) * 11px);
  max-width: calc(var(--ratio) * 720px);
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.ourSchools .outer {
  position: relative;
  height: 50dvh;
  display: flex;
  align-items: flex-end;
}
.ourSchools .subhold {
  width: 100%;
  padding-bottom: calc(var(--ratio) * 54px);
}
.ourSchools .inner {
  display: flex;
  justify-content: center;
}
.ourSchools .prev,
.ourSchools .next {
  position: absolute;
  top: calc(var(--ratio) * 40px);
  height: calc(var(--ratio) * 44px);
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.35s;
}
.ourSchools .prev.disabled,
.ourSchools .next.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.ourSchools .prev img,
.ourSchools .next img {
  height: calc(var(--ratio) * 23px);
  display: block;
  object-fit: contain;
}
.ourSchools .prev {
  left: calc(var(--ratio) * -15px);
}
.ourSchools .next {
  right: calc(var(--ratio) * -15px);
}
.ourSchools .next img {
  transform: scaleX(-1);
}
.ourSchools .inmenu {
  margin-top: calc(var(--ratio) * 35px);
}
.ourSchools .inmenu .swiper-slide {
  margin-right: calc(var(--ratio) * 13px);
  width: auto;
  transition-property: transform!important;
}
.ourSchools .itemhold {
  position: relative;
  overflow: hidden;
  opacity: 0;
}
.ourSchools .itemhold.swiper-container-initialized {
  opacity: 1;
}
.ourSchools .item {
  height: calc(var(--ratio) * 35px);
  border-radius: calc(var(--ratio) * 22px);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.35s;
  padding-left: calc(var(--ratio) * 14px);
  padding-right: calc(var(--ratio) * 14px);
  border: 1px solid #CACACA;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  font-size: calc(var(--ratio) * 15px);
  font-weight: 700;
  font-family: "Inter", sans-serif;
  color: #A6A6A6;
}
.ourSchools .item.selected {
  border-color: var(--green);
  background: var(--green);
  color: #fff;
}
.ourSchools .screen {
  opacity: 0;
  transition: all 0.35s;
}
.ourSchools .screen.swiper-container-initialized {
  opacity: 1;
  transition-delay: 1s;
}
.ourSchools .boxslider {
  margin-top: calc(var(--ratio) * 57px);
  position: relative;
  left: calc(var(--ratio) * 35px);
  /*.swiper-slide-active + .swiper-slide  .boxitem{transform:rotate(17deg) translateY(43px);}
         .swiper-slide-active + .swiper-slide + .swiper-slide .boxitem{transform:rotate(36deg) translateY(151px) translateX(51px);}
         .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .boxitem{transform:rotate(44deg) translateY(323px) translateX(111px);}
         .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .boxitem{transform:rotate(54deg) translateY(507px) translateX(243px);}
          
        .swiper-slide.before1  .boxitem{transform:rotate(-17deg) translateY(43px);}
        .swiper-slide.before2  .boxitem{transform:rotate(-36deg) translateY(151px) translateX(-51px);}
        .swiper-slide.before3  .boxitem{transform:rotate(-44deg) translateY(323px) translateX(-111px);}
        .swiper-slide.before4  .boxitem{transform:rotate(-54deg) translateY(507px) translateX(-243px);}*/
}
.ourSchools .boxslider .swiper-wrapper {
  transition: transform 0.65s ease-in-out !important;
  transform-origin: center center;
}
.ourSchools .boxslider .swiper-wrapper.disable-transition {
  transition: none!important;
}
.ourSchools .boxslider .swiper-slide {
  margin-right: calc(var(--ratio) * 71px);
  width: auto;
  flex-shrink: 0;
  transition-property: transform!important;
}
.ourSchools .boxslider .swiper-slide-active + .swiper-slide .boxitem {
  transform: rotate(calc(var(--ratio) * 17deg)) translateY(calc(var(--ratio) * 43px));
}
.ourSchools .boxslider .swiper-slide-active + .swiper-slide + .swiper-slide .boxitem {
  transform: rotate(calc(var(--ratio) * 36deg)) translateY(calc(var(--ratio) * 151px)) translateX(calc(var(--ratio) * 51px));
}
.ourSchools .boxslider .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .boxitem {
  transform: rotate(calc(var(--ratio) * 44deg)) translateY(calc(var(--ratio) * 323px)) translateX(calc(var(--ratio) * 111px));
}
.ourSchools .boxslider .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .boxitem {
  transform: rotate(calc(var(--ratio) * 54deg)) translateY(calc(var(--ratio) * 507px)) translateX(calc(var(--ratio) * 243px));
}
.ourSchools .boxslider .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .boxitem {
  transform: rotate(calc(var(--ratio) * 64deg)) translateY(calc(var(--ratio) * 690px)) translateX(calc(var(--ratio) * 445px));
}
.ourSchools .boxslider .swiper-slide.before1 .boxitem {
  transform: rotate(calc(var(--ratio) * -17deg)) translateY(calc(var(--ratio) * 43px));
}
.ourSchools .boxslider .swiper-slide.before2 .boxitem {
  transform: rotate(calc(var(--ratio) * -36deg)) translateY(calc(var(--ratio) * 151px)) translateX(calc(var(--ratio) * -51px));
}
.ourSchools .boxslider .swiper-slide.before3 .boxitem {
  transform: rotate(calc(var(--ratio) * -44deg)) translateY(calc(var(--ratio) * 323px)) translateX(calc(var(--ratio) * -111px));
}
.ourSchools .boxslider .swiper-slide.before4 .boxitem {
  transform: rotate(calc(var(--ratio) * -54deg)) translateY(calc(var(--ratio) * 507px)) translateX(calc(var(--ratio) * -243px));
}
.ourSchools .boxslider .swiper-slide.before5 .boxitem {
  transform: rotate(calc(var(--ratio) * -64deg)) translateY(calc(var(--ratio) * 690px)) translateX(calc(var(--ratio) * -445px));
}
.ourSchools .boxitem {
  transition: 0.65s transform ease-in-out;
  width: calc(var(--ratio) * 218px);
  height: calc(var(--ratio) * 172px);
  border-radius: calc(var(--ratio) * 35px);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ourSchools .boxitem.lightgreen {
  background-color: #BDD100;
}
.ourSchools .datainfo {
  position: absolute;
  margin: auto;
  max-width: calc(var(--ratio) * 582px);
  left: 0px;
  width: 100%;
  bottom: calc(var(--ratio) * 22px);
  right: 0px;
}
.ourSchools .infohold {
  position: relative;
  overflow: hidden;
  opacity: 0;
}
.ourSchools .infohold.swiper-container-initialized {
  opacity: 1;
  transition-delay: 0.3s;
}
.ourSchools .infohold .swiper-slide-active {
  z-index: 2!important;
}
.ourSchools .titre {
  font-size: calc(var(--ratio) * 28px);
  line-height: 102%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  max-width: calc(var(--ratio) * 562px);
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1024px) {
  .ourSchools .titre {
    font-size: calc(var(--ratio) * 20px);
  }
}
.ourSchools .subtext {
  margin-top: calc(var(--ratio) * 13px);
  overflow: hidden;
  max-height: calc(var(--ratio) * 70px);
  font-size: calc(var(--ratio) * 15px);
  line-height: 115%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  color: #000;
  max-width: calc(var(--ratio) * 562px);
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.ourSchools .more {
  margin-top: calc(var(--ratio) * 23px);
  display: flex;
  justify-content: center;
}
@media (max-width: 1024px) {
  .ourSchools .custbtn {
    height: calc(var(--ratio) * 50px);
  }
  .ourSchools .head {
    width: 100%;
  }
  .ourSchools .datainfo {
    bottom: calc(var(--ratio) * 95px);
    max-width: calc(var(--ratio) * 370px);
  }
  .ourSchools .caption {
    max-width: calc(var(--ratio) * 366px);
    margin-top: calc(var(--ratio) * 21px);
  }
  .ourSchools .outer {
    height: 44dvh;
    align-items: flex-start;
  }
  .ourSchools .subhold {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: calc(var(--ratio) * 86px);
  }
  .ourSchools .prev {
    left: 0px;
  }
  .ourSchools .next {
    right: 0px;
  }
  .ourSchools .prev,
  .ourSchools .next {
    top: calc(var(--ratio) * 1px);
  }
  .ourSchools .inmenu {
    margin-top: calc(var(--ratio) * 50px);
  }
  .ourSchools .itemhold {
    width: calc(100% + 60px);
    left: -30px;
    padding-left: 30px;
  }
  .ourSchools .itemhold .swiper-slide:last-child {
    margin-right: 30px;
  }
  .ourSchools .titre {
    max-width: calc(var(--ratio) * 200px);
    line-height: 105%;
  }
}
@media (max-width: 1024px) and (max-height: 700px) {
  .ourSchools .datainfo {
    bottom: calc(var(--ratio) * 45px);
  }
  .ourSchools .subhold {
    padding-bottom: calc(var(--ratio) * 35px);
  }
}
.carousel-section {
  transform-origin: center top;
  transform: scale(calc(var(--ratio)  * 1));
  width: 100%;
  position: absolute;
  bottom: 0px;
}
.carousel-section .nav-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 30px;
}
.carousel-section .nav-dots .dot {
  width: 40px;
  height: 6px;
  border-radius: 3px;
  background: #ddd;
  cursor: pointer;
  transition: background 0.3s;
}
.carousel-section .nav-dots .dot.active {
  background: #00c9a7;
}
.carousel-section .carousel-container {
  position: relative;
  width: 100%;
  height: 50dvh;
  user-select: none;
}
.carousel-section .carousel-container:active {
  cursor: grabbing;
}
.carousel-section .carousel-track {
  position: absolute;
  width: 100%;
  height: 100%;
}
.carousel-section .carousel-card {
  --ratio: 1;
  opacity: 1!important;
  position: absolute;
  width: calc(var(--ratio) * 218px);
  height: calc(var(--ratio) * 172px);
  border-radius: calc(var(--ratio) * 35px);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 20px;
  transform-origin: center bottom;
  will-change: transform, opacity;
}
.carousel-section .carousel-card.active img {
  opacity: 1;
}
.carousel-section .carousel-card img {
  max-width: 93%;
  max-height: 80%;
  object-fit: contain;
  opacity: 0.3;
  transition: all 0.35s;
  display: block;
}
@media (max-width: 1024px) {
  .carousel-section .carousel-container {
    height: 56dvh;
  }
}
@keyframes moveword_left {
  0% {
    left: -122%;
  }
  100% {
    left: 0px;
  }
}
@keyframes moveword_right {
  0% {
    right: -100vw;
  }
  100% {
    right: 0px;
  }
}
@keyframes movehinfo {
  0% {
    top: 33dvh;
  }
  100% {
    top: 0dvh;
  }
}
@keyframes movehinfo_mobile {
  0% {
    top: 70dvh;
  }
  100% {
    top: 0dvh;
  }
}
@keyframes movehbutton {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: none;
  }
}
@keyframes movehbutton_mobile {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: none;
  }
}
@keyframes scrollpic {
  0% {
    transform: none;
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes scrollpic_mobile {
  0% {
    transform: none;
  }
  100% {
    transform: translateY(-100dvh);
  }
}
.Innovation {
  position: relative;
  overflow: hidden;
  background: #fff;
  height: 100dvh;
}
.Innovation.active .title b {
  animation: moveword_left 1.5s forwards ease-in-out;
  animation-delay: 0.4s;
}
.Innovation.active .title i {
  animation: moveword_right 1.5s forwards ease-in-out;
  animation-delay: 0.4s;
}
.Innovation.active .info {
  animation: movehinfo 1.2s forwards ease-in-out;
  animation-delay: 1s;
}
.Innovation.active .holdmove {
  animation: movehbutton 0.9s forwards ease-in-out;
  animation-delay: 1.5s;
}
@media (min-width: 1024.1px) {
  .Innovation.active.accelerate .title b.title {
    animation-duration: 0.6s !important;
  }
  .Innovation.active.accelerate .info {
    animation-duration: 0.5s !important;
  }
  .Innovation.active.accelerate .move {
    animation-duration: 0.4s !important;
  }
}
.Innovation.scrollslide .pic {
  animation: scrollpic 1s forwards;
}
.Innovation.scrollslide .move img {
  transform: rotate(-90deg);
}
.Innovation.scrollslide .move {
  margin-left: calc(var(--ratio) * -5px);
}
.Innovation.scrollslide .move.moveback img {
  transform: rotate(-90deg) scaleY(-1);
}
.Innovation.scrollslide .inscreen .swiper-slide {
  pointer-events: visible!important;
}
.Innovation .container {
  height: 100%;
  display: flex;
  align-items: center;
}
.Innovation .wrap {
  height: 100%;
  position: relative;
}
.Innovation .inscreen {
  width: 100%;
  height: 100dvh;
  position: relative;
}
.Innovation .grp {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.Innovation .grp > li {
  width: 100%;
}
.Innovation .grp > li:nth-child(1) {
  padding-top: 21dvh;
}
.Innovation .grp > li:nth-child(2) {
  padding-bottom: 13dvh;
}
.Innovation .title {
  font-size: calc(var(--ratio) * 109px);
  line-height: 102%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  text-indent: calc(var(--ratio) * 194px);
  width: calc(var(--ratio) * 1440px);
  line-height: 99%;
}
@media (max-width: 1024px) {
  .Innovation .title {
    font-size: calc(var(--ratio) * 41px);
  }
}
.Innovation .title b {
  font-weight: 700;
  left: -122%;
  position: relative;
}
.Innovation .title span {
  color: var(--darkblue);
  font-family: "Bodoni Moda", serif;
  font-style: italic;
  font-weight: 400;
}
.Innovation .title span b {
  font-weight: 400;
}
.Innovation .title i {
  font-style: normal;
  right: -100vw;
  position: relative;
}
.Innovation .title span i {
  font-style: italic;
}
.Innovation .text {
  color: #000;
  font-size: calc(var(--ratio) * 15px);
  line-height: 115%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  margin-top: calc(var(--ratio) * 15px);
  max-width: calc(var(--ratio) * 788px);
}
.Innovation .bthold {
  position: relative;
}
.Innovation .holdmove {
  position: absolute;
  bottom: 0px;
  z-index: 1;
  left: 0px;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  width: 100%;
  padding-bottom: calc(var(--ratio) * 22px);
  transform: translateY(100%);
}
.Innovation .holdmove .container {
  display: block;
}
.Innovation .move {
  position: relative;
  z-index: 1;
  left: 0px;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  width: calc(var(--ratio) * 33px);
  cursor: pointer;
  transition: 1s ease-in-out;
  transition-delay: 0.2s;
}
.Innovation .move img {
  width: 100%;
  display: block;
  object-fit: contain;
  transition: 1s ease-in-out;
  transition-delay: 0.2s;
}
.Innovation .pic {
  width: calc(var(--ratio) * 415px);
  position: absolute;
  bottom: 0px;
  right: 0px;
  max-width: 27vw;
  z-index: 1;
  pointer-events: none;
}
.Innovation .pic img {
  width: 100%;
  display: block;
  object-fit: contain;
}
@media (min-width: 1024.1px) {
  .Innovation .pic img {
    object-position: right bottom;
    max-height: 63dvh;
  }
}
.Innovation .info {
  top: 33dvh;
  position: relative;
}
.Innovation .part2 {
  height: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-width: 0px;
}
.Innovation .part2 .swiper-slide {
  width: auto;
  margin-right: calc(var(--ratio) *68px);
  pointer-events: visible!important;
  max-width: calc(var(--ratio) * 496px);
  transition-property: transform!important;
}
.Innovation .part2 .swiper-slide:last-child {
  margin-right: 0px;
}
@media (min-width: 1024.1px) {
  .Innovation .part2 .swiper-slide.zoomin .subitem .media img {
    transform: scale(1);
  }
}
.Innovation .inner {
  width: 100%;
  padding-top: calc(var(--ratio) * 118px);
}
.Innovation .media {
  margin-bottom: calc(var(--ratio) * 18px);
  position: relative;
  overflow: hidden;
  border-radius: calc(var(--ratio) * 13px);
}
.Innovation .media img {
  min-height: 35dvh;
  transition: 1.5s ease-in-out;
  transition-delay: 0.5s;
  object-fit: cover;
  object-position: center center;
  width: 100%;
  display: block;
}
.Innovation .subitem {
  display: block;
  height: 100%;
}
.Innovation .data {
  max-width: calc(var(--ratio) * 370px);
}
.Innovation .caption {
  font-size: calc(var(--ratio) * 25px);
  line-height: 102%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  color: var(--darkblue);
}
@media (max-width: 1024px) {
  .Innovation .caption {
    font-size: calc(var(--ratio) * 20px);
  }
}
.Innovation .subtext {
  margin-top: calc(var(--ratio) *10px);
  font-size: calc(var(--ratio) * 15px);
  line-height: 115%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  color: #000;
}
.Innovation .subtitre {
  margin-top: calc(var(--ratio) *13px);
  font-size: calc(var(--ratio) * 15px);
  line-height: 115%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  color: #000;
}
.Innovation .itemcontain {
  position: relative;
}
@media (min-width: 1024.1px) {
  .Innovation .media {
    height: unset!important;
  }
}
@media (min-width: 1024.1px) and (max-height: 780px) {
  .Innovation .media img {
    min-height: 35dvh!important;
  }
}
@media (max-width: 1024px) {
  .Innovation .title {
    text-indent: calc(var(--ratio) * 65px);
    max-width: calc(var(--ratio) * 444px);
  }
  .Innovation .title br {
    display: none;
  }
  .Innovation .grp {
    align-content: flex-start;
  }
  .Innovation .grp > li:nth-child(1) {
    padding-top: calc(var(--ratio) *120px);
  }
  .Innovation .text {
    max-width: calc(var(--ratio) * 338px);
    margin-top: calc(var(--ratio) * 20px);
  }
  .Innovation .pic {
    width: 60%;
    max-width: calc(var(--ratio) *287px);
    transition: none!important;
    top: 74px;
  }
  .Innovation .part2 {
    padding-top: calc(var(--ratio) *0px);
    display: block;
  }
  .Innovation .part2 .swiper-slide {
    max-width: calc(var(--ratio) * 350px);
    margin-right: calc(var(--ratio) * 16px);
  }
  .Innovation .inner {
    padding-top: 0px;
  }
  .Innovation .info {
    top: 70dvh;
  }
  .Innovation .itemcontain {
    width: calc(100vw - 60px);
  }
  .Innovation.scrollslide .pic {
    animation: scrollpic_mobile 1s forwards;
  }
  .Innovation.active .info {
    animation: movehinfo_mobile 1.2s forwards ease-in-out;
    animation-delay: 1s;
  }
  .Innovation .media {
    transition: 0.44s ease-in-out;
  }
}
@media (max-width: 768px) {
  .Innovation .media img {
    min-height: 20dvh!important;
  }
}
@media (max-device-width: 768px) {
  .Innovation .title span {
    line-height: 109%;
  }
}
@media (max-device-width: 1024px) {
  .ourSchools .subtext {
    max-height: calc(var(--ratio) * 66px);
  }
}
.desktop header .itemlink:hover {
  color: var(--green);
}
.desktop .ourSchools .prev:hover,
.desktop .ourSchools .next:hover {
  opacity: 0.65;
}
.desktop .Innovation .move:hover {
  opacity: 0.6;
}
@media (max-width: 1455px) and (min-width: 768.1px) {
  .Vision .wrap {
    padding-top: 16dvh;
  }
}
.inputField ::-webkit-input-placeholder {
  /* Safari, Chrome and Opera */
  opacity: 1 !important;
  color: #7D7C94;
}
.inputField :-moz-placeholder {
  /* Firefox 18- */
  opacity: 1 !important;
  color: #7D7C94;
}
.inputField ::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1 !important;
  color: #7D7C94;
}
.inputField :-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1 !important;
  color: #7D7C94;
}
.inputField ::-ms-input-placeholder {
  /* Edge */
  opacity: 1 !important;
  color: #7D7C94;
}
.container {
  max-width: 1400px;
  position: relative;
  margin: auto;
  width: 100%;
}
@media (max-width: 1700px) {
  .container {
    max-width: 1300px;
  }
}
@media (max-width: 1450px) {
  .container {
    padding: 0px 80px;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .container {
    padding: 0px 30px;
  }
}
:root {
  --ratio: 1;
  --green: #00B5AD;
  --yellowishgreen: #BDD100;
  --darkblue: #000077;
  --lightblue: #7897B6;
}
@media (min-width: 1700.1px) and (max-height: 900px) {
  :root .ourSchools .outer {
    align-items: flex-start;
    padding-top: calc(var(--ratio) * 100px);
  }
  :root .ourSchools .subhold {
    padding-bottom: calc(var(--ratio) * 33px);
  }
  :root .carousel-section {
    bottom: calc(var(--ratio) * 55px);
  }
}
@media (min-width: 1700.1px) and (min-height: 850px) {
  :root .Leadership .grid {
    --ratio: 1.12;
  }
}
@media (min-width: 1700.1px) and (max-height: 800px) {
  :root {
    --ratio: 0.95;
  }
}
@media (min-width: 1700.1px) and (max-height: 790px) {
  :root .carousel-section {
    bottom: calc(var(--ratio) * 33px);
  }
}
@media (min-width: 1700.1px) and (max-height: 770px) {
  :root {
    --ratio: 0.9;
  }
  :root .Innovation .inner {
    padding-top: calc(var(--ratio) * 0px);
  }
}
@media (min-width: 1700.1px) and (max-height: 700px) {
  :root {
    --ratio: 0.85;
  }
}
@media (min-width: 1700.1px) and (max-height: 670px) {
  :root {
    --ratio: 0.8;
  }
}
@media (min-width: 1700.1px) and (max-height: 622px) {
  :root {
    --ratio: 0.7;
  }
}
@media (max-width: 1700px) {
  :root {
    --ratio: 0.9;
  }
}
@media (max-width: 1700px) and (min-width: 1400.1px) and (max-height: 900px) {
  :root .Innovation .inner {
    padding-top: calc(var(--ratio) * 0px);
  }
}
@media (max-width: 1700px) and (min-width: 1400.1px) and (max-height: 780px) {
  :root {
    --ratio: 0.85;
  }
}
@media (max-width: 1700px) and (min-width: 1400.1px) and (max-height: 740px) {
  :root .ourSchools .outer {
    align-items: flex-start;
    padding-top: calc(var(--ratio) * 100px);
  }
  :root .ourSchools .subhold {
    padding-bottom: calc(var(--ratio) * 33px);
  }
  :root .carousel-section {
    bottom: calc(var(--ratio) * 55px);
  }
}
@media (max-width: 1700px) and (min-width: 1400.1px) and (max-height: 690px) {
  :root {
    --ratio: 0.8;
  }
  :root .contactUs .head {
    padding-top: calc(var(--ratio) * 0px);
  }
}
@media (max-width: 1700px) and (min-width: 1400.1px) and (max-height: 660px) {
  :root {
    --ratio: 0.75;
  }
}
@media (min-width: 1024.1px) and (max-width: 1500px) {
  :root {
    --ratio: 0.8;
  }
}
@media (min-width: 1024.1px) and (max-width: 1500px) and (max-height: 890px) {
  :root header {
    --ratio: 0.8;
  }
}
@media (min-width: 1024.1px) and (max-width: 1500px) and (max-height: 680px) {
  :root {
    --ratio: 0.75;
  }
}
@media (min-width: 1024.1px) and (max-width: 1500px) and (max-height: 680px) {
  :root {
    --ratio: 0.7;
  }
}
@media (min-width: 1024.1px) and (max-width: 1400px) and (max-height: 620px) {
  :root {
    --ratio: 0.65;
  }
}
@media (min-width: 1024.1px) and (max-width: 1300px) {
  :root {
    --ratio: 0.75;
  }
}
@media (min-width: 1024.1px) and (max-width: 1300px) and (max-height: 840px) {
  :root .Innovation .inner {
    padding-top: calc(var(--ratio) * 0px);
  }
}
@media (min-width: 1024.1px) and (max-width: 1300px) and (max-height: 630px) {
  :root {
    --ratio: 0.65;
  }
}
@media (min-width: 1024.1px) and (max-width: 1200px) {
  :root {
    --ratio: 0.66;
  }
}
@media (min-width: 1024.1px) and (max-width: 1200px) and (max-height: 630px) {
  :root {
    --ratio: 0.66;
  }
}
@media (min-width: 1024.1px) and (max-width: 1100px) {
  :root {
    --ratio: 0.6;
  }
}
@media (min-width: 1024.1px) and (max-width: 1100px) and (max-height: 630px) {
  :root {
    --ratio: 0.6;
  }
}
@media (max-width: 1024px) {
  :root {
    --ratio: 1;
  }
}
@media (max-width: 1024px) and (max-height: 900px) {
  :root .ourSchools .datainfo {
    bottom: calc(var(--ratio) * 33px);
  }
}
@media (max-width: 1024px) and (max-height: 880px) {
  :root {
    --ratio: 0.9;
  }
}
@media (max-width: 1024px) and (max-height: 780px) {
  :root {
    --ratio: 0.85;
  }
}
@media (max-width: 1024px) and (max-height: 700px) {
  :root {
    --ratio: 0.8;
  }
}
@media (max-width: 1024px) and (max-height: 680px) {
  :root {
    --ratio: 0.75;
  }
}
@media (max-width: 1024px) and (max-height: 655px) {
  :root {
    --ratio: 0.7;
  }
}
@media (max-width: 1024px) and (max-height: 600px) {
  :root {
    --ratio: 0.65;
  }
}
@media (max-width: 1024px) and (max-height: 570px) {
  :root {
    --ratio: 0.6;
  }
}
.container {
  max-width: 1400px;
  position: relative;
  margin: auto;
  width: 100%;
}
@media (max-width: 1700px) {
  .container {
    max-width: 1300px;
  }
}
@media (max-width: 1450px) {
  .container {
    padding: 0px 80px;
    max-width: 100%;
  }
}
@media (max-width: 1024px) {
  .container {
    padding: 0px 30px;
  }
}
@media (max-width: 768px) {
  .container {
    padding: 0px 30px;
  }
}
@media (min-width: 1024.1px) {
  .Vision .text {
    font-size: calc(var(--ratio) * 21px);
    max-width: calc(var(--ratio) * 522px);
  }
  .Education .text {
    font-size: calc(var(--ratio) * 21px);
    max-width: calc(var(--ratio) * 693px);
  }
  .ourStandards .caption {
    font-size: calc(var(--ratio) * 21px);
  }
  .ourStandards .text {
    font-size: calc(var(--ratio) * 21px);
    max-width: calc(var(--ratio) * 578px);
  }
  .ourPath .text {
    font-size: calc(var(--ratio) * 21px);
    max-width: calc(var(--ratio) * 385px);
  }
  .ourPath .grp > li:nth-child(2) .text {
    max-width: calc(var(--ratio) * 610px);
  }
  .Operation .text {
    font-size: calc(var(--ratio) * 21px);
    max-width: calc(var(--ratio) * 645px);
  }
  .Leadership .text {
    font-size: calc(var(--ratio) * 21px);
    max-width: calc(var(--ratio) * 764px);
  }
  .Investing .text {
    font-size: calc(var(--ratio) * 21px);
    max-width: calc(var(--ratio) * 616px);
  }
  .Investing .grp > li:nth-child(2) .text {
    max-width: calc(var(--ratio) * 471px);
  }
  .Existance .text {
    font-size: calc(var(--ratio) * 21px);
    max-width: calc(var(--ratio) * 625px);
  }
  .Innovation .text {
    font-size: calc(var(--ratio) * 21px);
    max-width: calc(var(--ratio) * 1025px);
  }
  .Investing.slidein .inner,
  .Investing.slidein .more {
    left: 56vw;
  }
  .ourStandards .text {
    margin-top: calc(var(--ratio) * 25px);
  }
  .Investing .grp > li + li {
    margin-top: calc(var(--ratio) * 60px);
  }
  .Investing .grp {
    padding-top: calc(var(--ratio) * 100px);
  }
}
.Innovation .media img {
  min-height: 40dvh;
}
/* Prevent orphan words (single word alone on last line) in dynamic text */
.mainslide .title,
.mainslide .caption,
.mainslide .text,
.mainslide .subtext,
.mainslide .titre,
.mainslide .subtitre {
  text-wrap: pretty;
}
@media (min-width: 1024.1px) {
  .ourStandards .text {
    margin-top: calc(var(--ratio) * 25px);
  }
}