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 !important;
}
::-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,
body {
  height: 100vh;
  min-height: 100%;
  position: relative;
  width: 100%;
}
body {
  width: 100%;
  -webkit-text-size-adjust: none;
  font-family: "Libre Franklin", sans-serif;
}
#wrapper {
  height: auto;
  min-height: 100%;
  position: relative;
  width: 100%;
}
.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;
  }
}
.startresp {
  display: none;
}
@media (max-width: 767px) {
  .startresp {
    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;
  }
}
.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;
}
.custbtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(var(--ratio) * 60px);
  transition: all .45s;
  border-radius: calc(var(--ratio) * 10px);
  border: 0px;
  color: #00556f;
  font-size: calc(var(--ratio) * 35px);
  font-weight: 700;
  position: relative;
  background: #00f277;
  padding-left: calc(var(--ratio) * 16px);
  padding-right: calc(var(--ratio) * 16px);
  text-align: center;
}
.custbtn.blue {
  background: #40A6BF;
  color: #fff;
  border-color: #40A6BF;
}
.custbtn .icon {
  margin-left: calc(var(--ratio) * 6px);
  height: calc(var(--ratio) * 22px);
  display: block;
  object-fit: contain;
}
.custbtm.loading {
  pointer-events: none;
}
.custbtm.loading:before {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #fff;
}
.custbtm.loading:after {
  margin: auto;
  bottom: 5px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  font-size: 5px;
  color: #000;
  pointer-events: none;
  display: block;
  content: '';
  top: 5px;
  transition: none;
}
@media (max-width: 767px) {
  .custbtm.loading:after {
    font-size: 4px;
  }
}
.inputField .field {
  position: relative;
  height: calc(var(--ratio) * 45px);
  border-radius: calc(var(--ratio) * 8px);
  background: #effbff;
  border: 0px;
}
.inputField .field.missing {
  border-color: red!important;
}
.inputField .field.textfield {
  height: calc(var(--ratio) * 100px);
}
.inputField .field.arrow:after {
  display: flex;
  content: "\f107";
  font-family: FontAwesome;
  font-size: 22px;
  position: absolute;
  top: 0px;
  height: 100%;
  align-items: center;
  pointer-events: none;
  right: 11px;
}
.inputField .field.double {
  display: flex;
  flex-wrap: wrap;
  background: none;
}
.inputField .field.double .custinput {
  width: calc(100% - var(--ratio) * 78px - var(--ratio) * 8px);
  background: #effbff;
  border-radius: calc(var(--ratio) * 8px);
}
.inputField .field.double .subtn {
  width: calc(var(--ratio) * 78px);
  height: calc(var(--ratio) * 45px);
  margin-left: calc(var(--ratio) * 8px);
  padding-top: calc(var(--ratio) * 2px);
  background: #fff;
  border: 1px solid #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  transition: all 0.35s;
  font-size: calc(var(--ratio) * 16px);
  line-height: 120%;
  color: #0a0a0a;
  font-weight: 500;
  cursor: pointer;
  border-radius: calc(var(--ratio) * 8px);
}
.inputField .custlabel {
  font-size: calc(var(--ratio) * 22px);
  line-height: 120%;
  font-weight: 500;
  color: #0a0a0a;
  display: block;
  margin-bottom: calc(var(--ratio) * 10px);
}
.inputField .custlabel.small {
  font-size: calc(var(--ratio) * 18px);
  line-height: 120%;
}
.inputField .custlabel .req {
  color: #00f277;
}
.inputField .custlabel .sub {
  color: #6a7282;
}
.inputField .custinput {
  border: 0px;
  border-radius: 0px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  padding: 1px calc(var(--ratio) * 15px) 0px;
  font-size: calc(var(--ratio) * 16px);
  line-height: 120%;
  color: #0a0a0a;
  font-weight: 400;
  font-family: "Libre Franklin", sans-serif;
}
.inputField .custinput.dateinput,
.inputField .custinput.timeinput {
  padding-left: 65px;
}
.inputField .custinput.hascalendar {
  cursor: pointer;
}
.inputField .custtextarea {
  border: 0px;
  border-radius: 0px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  resize: none;
  overflow: auto;
  display: block;
  width: 100%;
  height: 100%;
  font-size: calc(var(--ratio) * 16px);
  line-height: 120%;
  color: #0a0a0a;
  font-weight: 400;
  font-family: "Libre Franklin", sans-serif;
  padding: calc(var(--ratio) * 15px);
}
.inputField .custselect {
  border: 0px;
  border-radius: 0px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  font-size: calc(var(--ratio) * 16px);
  line-height: 120%;
  color: #0a0a0a;
  font-weight: 400;
  font-family: "Libre Franklin", sans-serif;
  cursor: pointer;
  padding-left: calc(var(--ratio) * 15px);
  padding-right: calc(var(--ratio) * 45px);
}
.inputField .custselect option {
  color: #0a0a0a;
}
.inputField .dateinput,
.inputField .timeinput {
  display: flex!important;
  align-items: center!important;
  text-align: left!important;
  justify-content: flex-start !important;
}
.inputField input::-webkit-date-and-time-value {
  text-align: left!important;
}
.inputField input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
.inputField input[type="time"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
.desktop .inputField .field.double .subtn:hover {
  background: #00556f;
  border-color: #00556f;
  color: #fff;
}
.optionselect {
  margin-top: calc(var(--ratio) * 10px);
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
}
.optionselect .custcheckbox {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.optionselect .custcheckbox:checked + label:before {
  background: #000;
  content: '\f00c';
}
.optionselect label {
  padding-left: calc(var(--ratio) *25px);
  position: relative;
  cursor: pointer;
  color: #0a0a0a;
  font-weight: 400;
  font-size: calc(var(--ratio) * 16px);
  line-height: 120%;
}
.optionselect label:before {
  width: calc(var(--ratio) * 15px);
  height: calc(var(--ratio) * 15px);
  border: 1px solid #000;
  border-radius: calc(var(--ratio) * 5px);
  position: absolute;
  display: block;
  content: '';
  display: flex;
  justify-content: center;
  align-items: center;
  top: calc(var(--ratio) * 0px);
  left: calc(var(--ratio) * 0px);
  transition: all 0.35s;
  color: #fff;
  font-family: fontawesome;
  font-size: calc(var(--ratio) * 11px);
}
.upldBtn {
  border: 1px solid #d1d5dc;
  border-radius: 100%;
  position: relative;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  transition: all 0.35s;
  width: calc(var(--ratio) * 128px);
  height: calc(var(--ratio) * 128px);
}
.upldBtn.wide {
  width: 100%;
  height: calc(var(--ratio) * 96px);
  border-radius: calc(var(--ratio) * 10px);
}
.upldBtn .custuploadinput {
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0px;
}
.upldBtn .inlabel {
  pointer-events: none;
  color: #6a7282;
  font-size: calc(var(--ratio) * 14px);
  line-height: 120%;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  flex-wrap: wrap;
  text-align: center;
  align-content: center;
}
.upldBtn .inlabel:before {
  display: block;
  content: '';
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(var(--ratio) * 8px);
  background: url(../images/upload.svg) no-repeat center center;
  background-size: calc(var(--ratio) * 30px);
  width: 100%;
  height: calc(var(--ratio) * 32px);
}
.upldBtn input[type=file],
.upldBtn input[type=file]::-webkit-file-upload-button {
  cursor: pointer;
}
.iti {
  display: block;
  height: 100%;
}
.iti .custinput {
  padding-left: 90px!important;
}
@media (max-width: 1300px) {
  .iti .custinput {
    padding-left: 80px!important;
  }
}
@media (max-width: 767px) {
  .iti .custinput {
    padding-left: 74px!important;
  }
}
.iti--allow-dropdown .iti__flag-container .iti__selected-flag {
  background: none!important;
  padding-left: 0px!important;
}
.iti__country-list {
  width: 320px;
  white-space: unset;
}
@media (max-width: 767px) {
  .iti__country-list {
    width: calc(100vw - 60px);
  }
}
@media (max-width: 767px) {
  .iti--allow-dropdown input,
  .iti--allow-dropdown input[type=text],
  .iti--allow-dropdown input[type=tel],
  .iti--separate-dial-code input,
  .iti--separate-dial-code input[type=text],
  .iti--separate-dial-code input[type=tel] {
    padding-left: 65px;
  }
}
.iti--separate-dial-code {
  margin-left: 20px;
}
@media (max-width: 767px) {
  .iti--separate-dial-code {
    margin-left: 15px;
  }
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: black!important;
  opacity: 1!important;
}
.mCSB_scrollTools .mCSB_draggerRail {
  background: none!important;
}
.swiper-pagination {
  position: relative;
  z-index: 1;
  bottom: auto;
  left: auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.swiper-pagination .swiper-pagination-bullet {
  opacity: 1!important;
  transition: all 0.35s;
  background: rgba(255, 255, 255, 0.37);
  margin: 0px 3px 10px!important;
  border-radius: 0px;
  width: calc(var(--ratio) * 24px);
  height: calc(var(--ratio) * 4px);
}
.swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
  cursor: default;
}
#content {
  min-height: 77vh;
}
.hiddenheader {
  display: none;
}
header {
  z-index: 3;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
}
header .wrap {
  position: relative;
  height: calc(var(--ratio) * 130px);
  border-bottom: 1px solid #00556f;
  transition: all 0.35s;
}
header .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: calc(var(--ratio) * 17px);
  margin: auto;
  left: 0px;
  height: calc(var(--ratio) * 100px);
  transition: all 0.35s;
}
header .logo img {
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: left center;
}
header .in {
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding-bottom: calc(var(--ratio) * 20px);
  position: absolute;
  right: 0px;
  top: 0px;
}
header .list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
header .list > li {
  margin-right: calc(var(--ratio) * 48px);
  display: flex;
}
header .list > li:last-child {
  margin-right: 0px;
}
header .link {
  font-size: calc(var(--ratio) * 24px);
  color: #00556f;
  transition: all 0.35s;
  cursor: pointer;
  display: block;
}
header .link.activee {
  text-decoration: underline;
}
header .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #00556f;
  text-align: center;
  transition: all 0.35s;
  cursor: pointer;
  padding: calc(var(--ratio) * 0px) calc(var(--ratio) * 14px) calc(var(--ratio) * 0px);
  border-radius: calc(var(--ratio) * 10px);
  height: calc(var(--ratio) * 50px);
  font-size: calc(var(--ratio) * 22px * 0.8);
  line-height: 104%;
}
header .openmenu {
  display: none;
}
header .closemenu {
  display: none;
}
@media (max-width: 1024px) {
  header .list > li {
    margin-right: calc(var(--ratio) * 30px);
  }
  header .logo {
    height: calc(var(--ratio) * 93px);
  }
}
@media (max-width: 767px) {
  header .wrap {
    height: calc(var(--ratio) * 120px);
  }
  header .logo {
    height: calc(var(--ratio) * 80px);
  }
  header .menu {
    position: fixed;
    z-index: 3;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background: #00556f;
    overflow: auto;
    overflow-scrolling: touch;
    opacity: 0;
    pointer-events: none;
    transition: all 0.35s;
  }
  header .holder {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  header .link {
    color: #fff;
    font-size: calc(var(--ratio) * 35px);
  }
  header .link.active {
    text-decoration: none;
  }
  header .btn {
    background: #00f277;
    height: calc(var(--ratio) * 65px);
    font-size: calc(var(--ratio) * 25px);
    padding: calc(var(--ratio) * 0px) calc(var(--ratio) * 19px) calc(var(--ratio) * 0px);
  }
  header .in {
    width: 100%;
    padding: 25px;
    align-items: center;
    min-height: 100%;
    height: auto;
  }
  header .list {
    width: 100%;
    justify-content: center;
  }
  header .list > li {
    width: 100%;
    margin-right: 0px;
    margin-bottom: calc(var(--ratio) * 42px);
    justify-content: center;
  }
  header .list > li:last-child {
    margin-bottom: 0px;
  }
  header .openmenu {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -5px;
    bottom: calc(var(--ratio) * 20px);
    margin: auto;
    cursor: pointer;
    transition: all 0.35s;
    height: calc(var(--ratio) * 40px);
    width: calc(var(--ratio) * 40px);
    color: #00556f;
    font-size: calc(var(--ratio) * 37px);
  }
  header .closemenu {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: calc(var(--ratio) * 17px);
    top: calc(var(--ratio) * 17px);
    cursor: pointer;
    transition: all 0.35s;
    height: calc(var(--ratio) * 40px);
    width: calc(var(--ratio) * 40px);
    color: #fff;
    font-size: calc(var(--ratio) * 21px);
  }
}
@media (max-width: 767px) {
  .open_menu {
    overflow: hidden;
  }
  .open_menu header .menu {
    opacity: 1;
    pointer-events: visible;
  }
}
.subPage header {
  background: #00f277;
}
.subPage header .wrap {
  border-color: transparent;
}
.subPage #content:before {
  display: block;
  content: '';
  height: calc(var(--ratio) * 130px);
  background: #00f277;
}
@media (max-width: 767px) {
  .subPage #content:before {
    height: calc(var(--ratio) * 120px);
  }
}
.scrollheader header {
  background: #00f277;
}
.scrollheader header .wrap {
  height: calc(var(--ratio) * 70px);
  border-color: transparent;
}
.scrollheader header .logo {
  height: calc(var(--ratio) * 50px);
  top: 0px;
  bottom: 0px;
}
.scrollheader header .openmenu {
  top: 0px;
  bottom: 0px;
  font-size: calc(var(--ratio) * 27px);
}
@media (min-width: 767.1px) {
  .scrollheader header .in {
    padding-bottom: 0px;
    align-items: center;
  }
  .scrollheader header .btn {
    height: calc(var(--ratio) * 40px);
    font-size: calc(var(--ratio) * 17px);
  }
  .scrollheader header .link {
    font-size: calc(var(--ratio) * 18px);
  }
}
.Slider {
  overflow: hidden;
}
.Slider .item {
  display: block;
  height: 100vh;
  position: relative;
  min-height: 500px;
}
.Slider .pic {
  height: 100%;
  position: relative;
}
.Slider .pic img {
  object-position: center 12%;
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
}
.Slider .pic:before {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  width: 100%;
  height: 55%;
  background: linear-gradient(0deg, rgba(0, 242, 119, 0) 0%, #00f277 100%);
}
.Slider .pic:after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.Slider .data {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding-bottom: calc(var(--ratio) * 74px);
  z-index: 1;
}
.Slider .more {
  display: flex;
  margin-top: calc(var(--ratio) * 40px);
}
.Slider .title {
  font-size: calc(var(--ratio) * 65px);
  line-height: 120%;
  font-weight: 700;
  color: #fff;
}
.Slider .title span {
  color: #00f277;
}
.Slider .subtitle {
  font-size: calc(var(--ratio) * 28px);
  line-height: 120%;
  font-weight: 400;
  color: #fff;
  margin-top: calc(var(--ratio) * 11px);
}
.Slider .subtitle span {
  color: #00f277;
}
.Slider .info {
  max-width: calc(var(--ratio) * 530px);
}
@media (max-width: 767px) {
  .Slider .item {
    height: 83vh;
  }
}
.insection {
  position: relative;
  background: #00556f;
  padding: calc(var(--ratio) * 57px) 0px calc(var(--ratio) * 0px);
}
.ctrls {
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
}
.ctrls > li {
  margin: 0px calc(var(--ratio) * 7px);
}
.ctrls .prevbtn,
.ctrls .nextbtn {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.35s;
  cursor: pointer;
  width: calc(var(--ratio) * 30px);
  height: calc(var(--ratio) * 30px);
}
.ctrls .prevbtn svg,
.ctrls .nextbtn svg {
  display: block;
  object-fit: contain;
  height: calc(var(--ratio) * 25px);
}
.ctrls .prevbtn svg path,
.ctrls .nextbtn svg path {
  transition: all 0.35s;
}
.ctrls .nextbtn svg {
  transform: scaleX(-1);
}
.ctrls.white svg path {
  stroke: #fff;
}
.ctrls .swiper-button-lock {
  display: none;
}
.ctrls .swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.Welcome {
  overflow: hidden;
  padding: 0px 25px calc(var(--ratio) * 55px);
}
.Welcome .top {
  text-align: center;
  margin-bottom: calc(var(--ratio) * 80px);
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: calc(var(--ratio) * 541px);
}
.Welcome .title {
  color: #00f277;
  font-size: calc(var(--ratio) * 65px);
  line-height: 120%;
  font-weight: 700;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: calc(var(--ratio) * 450px);
}
.Welcome .subtitle {
  color: #fff;
  font-size: calc(var(--ratio) * 22px);
  line-height: 120%;
  margin-top: calc(var(--ratio) * 11px);
  font-weight: normal;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: calc(var(--ratio) * 430px);
}
.Welcome .subtitle b {
  font-weight: 700;
}
.Welcome .swiper-slide {
  width: calc(var(--ratio) * 245px);
  height: auto;
  margin-right: calc(var(--ratio) * 24px);
}
.Welcome .swiper-slide:last-child {
  margin-right: 0px;
}
.Welcome .swiper-slide:nth-child(1) {
  top: calc(var(--ratio) * -59px);
}
.Welcome .swiper-slide:nth-child(1) .value,
.Welcome .swiper-slide:nth-child(1) .caption,
.Welcome .swiper-slide:nth-child(1) .subcaption {
  color: #00556f;
}
.Welcome .swiper-slide:nth-child(3) .item:after {
  left: -2px;
  right: unset;
  transform: scaleX(-1);
}
.Welcome .swiper-slide:nth-child(3) .item:before {
  display: block;
  content: '';
  position: absolute;
  left: calc(var(--ratio) * -7px);
  top: calc(var(--ratio) * -7px);
  width: calc(var(--ratio) * 209px);
  height: calc(var(--ratio) * 209px);
  clip-path: polygon(0 0, 30% 0, 30% 14%, 15% 14%, 15% 28%, 0 28%);
  background: #00f277;
  z-index: 1;
}
.Welcome .swiper-slide:nth-child(3) .value,
.Welcome .swiper-slide:nth-child(3) .caption,
.Welcome .swiper-slide:nth-child(3) .subcaption {
  color: #00556f;
}
.Welcome .swiper-slide:nth-child(4) .item:after {
  display: none;
}
.Welcome .swiper-slide:nth-child(5) {
  top: calc(var(--ratio) * -59px);
}
.Welcome .swiper-slide:nth-child(5) .item:after {
  left: -2px;
  right: unset;
  transform: scaleX(-1);
}
.Welcome .item {
  display: block;
  height: calc(var(--ratio) * 350px);
  background: #00f277;
  position: relative;
}
.Welcome .item:after {
  display: block;
  content: '';
  position: absolute;
  top: -2px;
  right: -2px;
  background: #00556f;
  width: calc(var(--ratio) * 199px);
  height: calc(var(--ratio) * 199px);
  clip-path: polygon(68% 0, 100% 0, 100% 31%, 83% 31%, 83% 16%, 68% 16%);
}
.Welcome .pic {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.Welcome .pic img {
  display: block;
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}
.Welcome .pic:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  background: linear-gradient(0deg, #00556f 0%, rgba(0, 85, 111, 0) 100%);
}
.Welcome .data {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding: calc(var(--ratio) * 20px) calc(var(--ratio) * 33px) calc(var(--ratio) * 20px) calc(var(--ratio) * 20px);
  z-index: 1;
}
.Welcome .info {
  position: relative;
}
.Welcome .info img:nth-child(1) {
  display: block;
  object-fit: contain;
  position: absolute;
  top: calc(var(--ratio) * -3px);
  left: 0px;
  height: calc(var(--ratio) * 26px);
  transform: translateY(-100%);
}
.Welcome .info img:last-child {
  display: block;
  object-fit: contain;
  position: absolute;
  bottom: calc(var(--ratio) * 3px);
  right: calc(var(--ratio) * -16px);
  height: calc(var(--ratio) * 30px);
}
.Welcome .caption {
  color: #fff;
  font-size: calc(var(--ratio) * 25px);
  line-height: 120%;
  font-weight: 700;
}
.Welcome .caption span {
  color: #00f277;
}
.Welcome .subcaption {
  margin-top: calc(var(--ratio) * 11px);
  max-width: calc(var(--ratio) * 171px);
  color: #fff;
  font-weight: 400;
  font-size: calc(var(--ratio) * 14px);
  line-height: 120%;
}
.Welcome .subcaption b {
  font-weight: 700;
}
.Welcome .value {
  font-size: calc(var(--ratio) * 70px);
  line-height: 120%;
  font-weight: 700;
  line-height: 50%;
}
.Welcome .value span {
  font-size: calc(var(--ratio) * 40px);
  line-height: 120%;
  line-height: 50%;
}
.Welcome .value + .subcaption {
  margin-top: calc(var(--ratio) * 21px);
}
.Welcome .ctrls .nextbtn,
.Welcome .ctrls .prevbtn {
  margin-top: calc(var(--ratio) * 35px);
}
.Experience {
  position: relative;
  overflow: hidden;
}
.Experience .wrap {
  padding: calc(var(--ratio) * 170px) 0px calc(var(--ratio) * 280px);
  position: relative;
  background-size: cover;
  background-position: 12% 10%;
}
.Experience .wrap:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  pointer-events: none;
  background: linear-gradient(0deg, rgba(0, 85, 111, 0) 0%, rgba(0, 85, 111, 0) 40%, #00556f);
  height: 100%;
}
.Experience .container {
  z-index: 1;
}
.Experience .grp {
  display: flex;
  flex-wrap: wrap;
}
.Experience .grp > li:nth-child(1) {
  width: 38%;
  margin-right: 17%;
}
.Experience .grp > li:nth-child(2) {
  width: 45%;
}
.Experience .title {
  color: #00f277;
  font-weight: 700;
  font-size: calc(var(--ratio) * 55px);
  line-height: 120%;
  max-width: calc(var(--ratio) * 200px);
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
}
.Experience .text {
  color: #fff;
  font-size: calc(var(--ratio) * 25px);
  line-height: 120%;
  font-weight: 400;
  margin-top: calc(var(--ratio) * 26px);
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
}
.Experience .grid {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% +  var(--ratio) * 80px);
}
.Experience .grid > li {
  position: relative;
  width: calc(50% - var(--ratio) * 80px);
  height: calc(var(--ratio) * 195px);
  margin-right: calc(var(--ratio) * 80px);
  margin-bottom: calc(var(--ratio) * 40px);
}
.Experience .grid > li:after {
  display: block;
  content: '';
  position: absolute;
  z-index: 1;
  right: calc(var(--ratio) * 14px);
  bottom: calc(var(--ratio) * 14px);
  background: url(../images/cut2.svg);
  background-size: calc(var(--ratio) * 20px);
  width: calc(var(--ratio) * 20px);
  height: calc(var(--ratio) * 20px);
  transform: scaleX(-1) scaleY(-1);
}
.Experience .grid > li:before {
  display: block;
  content: '';
  position: absolute;
  z-index: 1;
  left: calc(var(--ratio) * 14px);
  top: calc(var(--ratio) * 14px);
  background: url(../images/cut2.svg);
  background-size: calc(var(--ratio) * 20px);
  width: calc(var(--ratio) * 20px);
  height: calc(var(--ratio) * 20px);
}
.Experience .grid > li:nth-child(3) {
  transform: translateY(100%);
  left: calc(var(--ratio) * 150px);
  top: calc(var(--ratio) * 60px);
}
.Experience .grid > li:nth-child(2) {
  transform: translateX(-100%) translateY(100%);
  left: calc(var(--ratio) * -190px);
  top: calc(var(--ratio) * 70px);
}
.Experience .item {
  display: flex;
  height: 100%;
  position: relative;
  align-items: flex-end;
  padding: calc(var(--ratio) * 33px) calc(var(--ratio) * 35px) calc(var(--ratio) * 13px)  calc(var(--ratio) * 15px) ;
}
.Experience .item:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 242, 119, 0.3) 0%, rgba(0, 242, 119, 0.1) 100%);
  backdrop-filter: blur(12px);
  clip-path: polygon(0 0, 81% 0, 81% 26%, 90% 26%, 90% 16%, 100% 16%, 100% 100%, 0 100%);
}
.Experience .inside {
  position: relative;
  z-index: 1;
}
.Experience .titre {
  color: #fff;
  font-size: calc(var(--ratio) * 14px);
  line-height: 120%;
  font-weight: 400;
}
.Experience .titre b {
  font-weight: 700;
}
.Experience .subtitre {
  margin-top: calc(var(--ratio) * 15px);
  color: #fff;
  font-size: calc(var(--ratio) * 14px);
  line-height: 120%;
  font-weight: 400;
}
@media (max-width: 1447px) {
  .Experience .grid {
    width: calc(100% +  var(--ratio) * 40px);
  }
  .Experience .grid > li {
    margin-right: calc(var(--ratio) * 40px);
    width: calc(50% - var(--ratio) * 40px);
  }
  .Experience .grid > li:nth-child(2) {
    left: calc(var(--ratio) * -115px);
  }
}
@media (max-width: 1024px) {
  .Experience .grid > li:nth-child(2) {
    left: unset;
    transform: none;
    top: unset;
  }
  .Experience .grid > li:nth-child(3) {
    left: unset;
    transform: none;
    top: unset;
  }
  .Experience .grp > li:nth-child(1) {
    width: 40%;
    margin-right: 7%;
  }
  .Experience .grp > li:nth-child(2) {
    width: 53%;
  }
}
@media (max-width: 767px) {
  .Experience .wrap {
    padding: calc(var(--ratio) * 40px) 0px calc(var(--ratio) * 50px);
  }
  .Experience .grp > li:nth-child(1) {
    width: 100%;
    margin-right: 0%;
  }
  .Experience .grp > li:nth-child(2) {
    width: 100%;
    margin-top: calc(var(--ratio) * 75px);
  }
  .Experience .grid {
    width: calc(100% +  var(--ratio) * 20px);
  }
  .Experience .grid > li {
    margin-right: calc(var(--ratio) * 20px);
    width: calc(50% - var(--ratio) * 20px);
    margin-bottom: calc(var(--ratio) * 20px);
  }
}
.Experience .item:after {
  background: linear-gradient(90deg, rgba(0, 242, 119, 0.75) 0%, rgba(0, 242, 119, 0.2) 100%);
}
footer {
  position: relative;
  background: #00556f;
  padding: calc(var(--ratio) * 46px) 0px calc(var(--ratio) * 56px);
}
footer .wrap {
  position: relative;
}
footer .box {
  display: flex;
  flex-wrap: wrap;
}
footer .box > li:nth-child(1) {
  width: 40%;
  margin-right: 10%;
}
footer .box > li:nth-child(2) {
  width: 50%;
}
footer .media {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
footer .media > li {
  display: flex;
  margin-right: calc(var(--ratio) * 9px);
}
footer .media > li:last-child {
  margin-right: 0px;
}
footer .itemedia {
  height: calc(var(--ratio) * 39px);
  display: block;
  object-fit: contain;
  transition: all 0.35s;
}
footer .itemedia img {
  height: 100%;
  display: block;
  object-fit: contain;
}
footer .list > li {
  display: flex;
}
footer .list > li + li {
  margin-top: calc(var(--ratio) * 9px);
}
footer .link {
  font-size: calc(var(--ratio) * 25px);
  line-height: 120%;
  font-weight: 400;
  color: #fff;
  display: block;
  transition: all 0.35s;
  cursor: pointer;
}
footer .in {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
footer .in > li {
  width: 48%;
}
footer .sub {
  display: flex;
  flex-wrap: wrap;
}
footer .sub > li:nth-child(1) {
  width: 23%;
  margin-right: 8%;
}
footer .sub > li:nth-child(2) {
  width: 69%;
}
footer .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
footer .logo img {
  width: 100%;
  display: block;
  object-fit: contain;
}
footer .contact {
  color: #00f277;
  font-size: calc(var(--ratio) * 24px);
  line-height: 120%;
  font-weight: 700;
}
footer .line {
  top: calc(var(--ratio) * -2px);
  position: relative;
}
footer .text {
  margin-top: calc(var(--ratio) * 13px);
  font-size: calc(var(--ratio) * 24px);
  line-height: 120%;
  color: #fff;
  font-weight: 400;
}
@media (max-width: 1300px) {
  footer .box > li:nth-child(1) {
    width: 33%;
    margin-right: 8%;
  }
  footer .box > li:nth-child(2) {
    width: 59%;
  }
}
@media (max-width: 1124px) {
  footer .box > li:nth-child(1) {
    width: 100%;
    margin-right: 0%;
  }
  footer .box > li:nth-child(2) {
    width: 100%;
    margin-top: calc(var(--ratio) * 73px);
  }
  footer .in > li:nth-child(1) {
    width: 20%;
    margin-right: 8%;
  }
  footer .in > li:nth-child(2) {
    width: 72%;
  }
  footer .sub > li:nth-child(1) {
    width: 20%;
    margin-right: 8%;
  }
  footer .sub > li:nth-child(2) {
    width: 72%;
  }
  footer .info {
    padding-top: calc(var(--ratio) * 13px);
  }
}
@media (max-width: 767px) {
  footer {
    padding: calc(var(--ratio) * 66px) 0px calc(var(--ratio) * 66px);
  }
  footer .in > li:nth-child(1) {
    width: 100%;
    margin-right: 0%;
  }
  footer .in > li:nth-child(2) {
    width: 100%;
  }
  footer .sub > li:nth-child(1) {
    width: 100%;
    margin-right: 0%;
  }
  footer .sub > li:nth-child(2) {
    width: 100%;
    margin-top: calc(var(--ratio) * 73px);
  }
  footer .info {
    padding-top: calc(var(--ratio) * 0px);
    text-align: center;
  }
  footer .media {
    justify-content: center;
  }
  footer .media > li {
    margin: 0px 6px 10px!important;
  }
  footer .itemedia {
    height: calc(var(--ratio) * 42px);
  }
  footer .list {
    margin-top: calc(var(--ratio) * 53px);
  }
  footer .list > li {
    justify-content: center;
  }
  footer .logo {
    max-width: 160px;
    margin: auto;
  }
}
.ourapp {
  position: relative;
}
.ourapp .wrap {
  position: relative;
  overflow: hidden;
  padding: calc(var(--ratio) * 50px) 0px calc(var(--ratio) * 50px);
  background: linear-gradient(0deg, #00f277 0%, #ffffff 70%, #ffffff 100%);
}
.ourapp .description {
  text-align: center;
}
.ourapp .description .title {
  max-width: calc(var(--ratio) * 470px);
}
.ourapp .description .caption {
  max-width: calc(var(--ratio) * 527px);
}
.ourapp .end {
  text-align: center;
  margin-top: calc(var(--ratio) * 73px);
}
.ourapp .end .title {
  max-width: calc(var(--ratio) * 755px);
}
.ourapp .end .caption {
  max-width: calc(var(--ratio) * 520px);
}
.ourapp .options {
  margin-top: calc(var(--ratio) * 23px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.ourapp .options > li {
  margin: 0px calc(var(--ratio) * 11px);
  display: flex;
}
.ourapp .itemlink {
  height: calc(var(--ratio) * 60px);
  display: block;
  object-fit: contain;
  transition: all 0.35s;
}
.ourapp .itemlink img {
  height: 100%;
  display: block;
  object-fit: contain;
}
.ourapp .title {
  color: #00556f;
  font-size: calc(var(--ratio) * 65px);
  line-height: 120%;
  font-weight: 700;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.ourapp .caption {
  margin-top: calc(var(--ratio) * 23px);
  color: #00556f;
  font-size: calc(var(--ratio) * 28px);
  line-height: 120%;
  font-weight: 400;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.ourapp .caption b {
  font-weight: 700;
}
.ourapp .swiper-slide {
  width: calc(var(--ratio) * 310px);
  margin-right: calc(var(--ratio) * 32px);
  height: auto;
}
.ourapp .swiper-slide.swiper-slide-active .item {
  transform: translateY(calc(var(--ratio) * -50px));
}
.ourapp .screen {
  padding-top: calc(var(--ratio) * 50px);
  margin-top: calc(var(--ratio) * 50px);
  position: relative;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  max-width: calc(var(--ratio) * 310px *3 + var(--ratio) * 47px *2);
}
.ourapp .pic {
  height: 100%;
}
.ourapp .pic img {
  width: 100%;
  display: block;
  object-fit: contain;
  height: 100%;
}
.ourapp .item {
  display: block;
  position: relative;
  transition: all 0.35s;
  height: 100%;
}
.Register {
  overflow: hidden;
  padding-bottom: calc(var(--ratio) * 130px);
}
.Register .bg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: calc(var(--ratio) * 180px) 0px calc(var(--ratio) * 220px);
  position: relative;
}
.Register .bg:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0) 100%);
}
.Register .title {
  max-width: calc(var(--ratio) * 530px);
  font-size: calc(var(--ratio) * 60px);
  line-height: 120%;
  color: #fff;
  font-weight: 700;
}
.Register .title span {
  color: #00f277;
}
.Register .caption {
  margin-top: calc(var(--ratio) * 12px);
  color: #fff;
  font-size: calc(var(--ratio) * 30px);
  line-height: 120%;
  font-weight: 400;
}
.Register .wrap {
  position: relative;
  z-index: 1;
}
.Register .inside {
  position: relative;
  z-index: 1;
  margin-top: calc(var(--ratio) * -155px);
}
.Register .holder {
  min-height: 400px;
  background: #fff;
  box-shadow: 0px 10px 10px #ddd;
  padding: calc(var(--ratio) * 50px) calc(var(--ratio) * 100px) calc(var(--ratio) * 50px);
}
.Register .more {
  display: flex;
  margin-top: calc(var(--ratio) * 75px);
}
.Register .btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.35s;
  cursor: pointer;
  border: 0px;
  background: #00f277;
  height: calc(var(--ratio) * 60px);
  padding-top: calc(var(--ratio) * 2px);
  border-radius: calc(var(--ratio) * 10px);
  font-weight: 700;
  color: #00556f;
  font-size: calc(var(--ratio) * 20px);
  line-height: 120%;
  width: 100%;
}
.Register .list > li + li {
  margin-top: calc(var(--ratio) * 29px);
}
.Register .category {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: calc(var(--ratio) * 48px);
  margin-bottom: calc(var(--ratio) * 18px);
  padding-top: calc(var(--ratio) * 35px);
  font-size: calc(var(--ratio) * 22px);
  line-height: 120%;
  color: #364153;
  font-weight: 700;
}
.Register .category span {
  font-weight: 400;
}
.Register .note {
  margin-top: calc(var(--ratio) * 15px);
  font-size: calc(var(--ratio) * 18px);
  line-height: 120%;
  font-weight: 400;
  color: #6a7282;
}
.Register .note span {
  color: #00f277;
}
.Register .count {
  margin-top: calc(var(--ratio) * 22px);
  color: #6a7282;
  font-size: calc(var(--ratio) * 14px);
  line-height: 120%;
  text-align: right;
}
.Register .extra {
  margin-top: calc(var(--ratio) * 5px);
}
.Register .extra > li {
  display: flex;
}
@media (max-width: 1222px) {
  .Register .holder {
    padding: calc(var(--ratio) * 50px) calc(var(--ratio) * 55px) calc(var(--ratio) * 50px);
  }
}
@media (max-width: 767px) {
  .Register {
    padding-bottom: calc(var(--ratio) * 77px);
  }
  .Register .holder {
    padding: calc(var(--ratio) * 30px) calc(var(--ratio) * 36px) calc(var(--ratio) * 50px);
  }
}
.desktop header .openmenu:hover {
  opacity: 0.75;
}
.desktop header .closemenu:hover {
  opacity: 0.75;
}
.desktop header .link:hover {
  opacity: 0.75;
}
.desktop header .btn:hover {
  opacity: 0.75;
}
.desktop .custbtn:hover {
  opacity: 0.75;
}
.desktop .ctrls .nextbtn:hover svg path,
.desktop .ctrls .prevbtn:hover svg path {
  fill: #00556f;
}
.desktop .ctrls.white .nextbtn:hover svg path,
.desktop .ctrls.white .prevbtn:hover svg path {
  fill: #fff;
}
.desktop footer .itemedia:hover {
  opacity: 0.75;
}
.desktop footer .link:hover {
  opacity: 0.75;
}
.desktop .ourapp .itemlink:hover {
  opacity: 0.75;
}
.desktop .Register .btn:hover {
  opacity: 0.75;
}
.inputField ::-webkit-input-placeholder {
  /* Safari, Chrome and Opera */
  opacity: 1 !important;
  color: #7b7b7b !important;
}
.inputField :-moz-placeholder {
  /* Firefox 18- */
  opacity: 1 !important;
  color: #7b7b7b !important;
}
.inputField ::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1 !important;
  color: #7b7b7b !important;
}
.inputField :-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1 !important;
  color: #7b7b7b !important;
}
.inputField ::-ms-input-placeholder {
  /* Edge */
  opacity: 1 !important;
  color: #7b7b7b !important;
}
:root {
  --ratio: 1;
}
@media (max-width: 1024px) {
  :root {
    --ratio: 0.90;
  }
}
@media (max-width: 767px) {
  :root {
    --ratio: 0.75;
  }
}
.container {
  padding: 0px 150px;
  position: relative;
  margin: 0px auto;
  width: 100%;
}
@media (max-width: 1600px) {
  .container {
    padding: 0px 58px;
  }
}
@media (max-width: 1024px) {
  .container {
    padding: 0px 40px;
  }
}
@media (max-width: 767px) {
  .container {
    padding: 0px 25px;
  }
}