/*fonts*/
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.h {
  font-size: 72px;
  font-weight: 700;
  line-height: 78px;
}
.h strong {
  font-style: italic;
  font-weight: 400;
}

.h0 {
  font-size: 80px;
  font-weight: 700;
  line-height: 112%;
}

.h1 {
  font-size: 80px;
  font-weight: 700;
  line-height: 107%;
}
.h1 strong {
  color: #43AED5;
  font-style: italic;
  font-weight: 400;
}

.h2 {
  font-size: 54px;
  font-weight: 700;
  line-height: 107%;
}
.h2 strong {
  font-style: italic;
  font-weight: 400;
}

.h3 {
  font-size: 44px;
  font-weight: 700;
  line-height: 127%;
}

.h4 {
  font-size: 32px;
  font-weight: 700;
  line-height: 150%;
}

.h5 {
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
}

.h6 {
  color: #43AED5;
  font-size: 18px;
  font-weight: 600;
  line-height: 155%;
}

.p {
  font-size: 22px;
  font-weight: 400;
  line-height: 145%;
}

.p0 {
  font-size: 32px;
  font-weight: 400;
  line-height: 156%;
}

.p1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 160%;
}

.p2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 177%;
}

@media (max-width: 800px) {
  .h {
    font-size: 66px;
    line-height: 103%;
  }
  .h0 {
    font-size: 70px;
  }
  .h1 {
    font-size: 13vw;
    line-height: 103%;
  }
  .h2 {
    font-size: 48px;
    line-height: 117%;
  }
  .h3 {
    font-size: 32px;
    line-height: 125%;
  }
  .h4 {
    font-size: 24px;
  }
  .h5 {
    font-size: 22px;
    line-height: 32px;
  }
  .p {
    font-size: 18px;
    line-height: 155%;
  }
  .p0 {
    font-size: 24px;
  }
  .p1 {
    font-size: 18px;
    line-height: 177%;
  }
  .p2 {
    font-size: 16px;
    line-height: 162%;
  }
}
/*-fonts*/
/*options*/
*, ::after, ::before {
  box-sizing: border-box;
}

body {
  font-family: "ProximaNova", sans-serif;
  font-weight: 400;
  line-height: normal;
  margin: 0px;
  padding: 0px;
  color: #1C304A;
  overflow-x: hidden;
  background: #FFF;
}

body.active {
  overflow: hidden !important;
  overscroll-behavior-y: none;
}

p {
  width: 100%;
  margin: 0px;
}

h1, h2, h3, h4, h5 {
  width: 100%;
  margin: 0px;
}

img {
  max-width: 100%;
}

ul, ol {
  padding: 0px;
  margin: 0px;
}

li {
  list-style-type: none;
}

span {
  display: block;
}

table {
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse;
}

th {
  border: none;
}

td {
  border: none;
}

a {
  display: block;
  outline: none;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover {
  text-decoration: none;
  outline: none;
}

select {
  font-family: "ProximaNova", sans-serif;
  opacity: 1;
  border-radius: 0;
  background: transparent;
  padding: 0px;
  margin: 0px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
select:hover, select:focus {
  outline: none;
  text-decoration: none;
}

textarea {
  font-family: "ProximaNova", sans-serif;
  resize: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 1;
  resize: none;
  border-radius: 0;
  background: transparent;
  padding: 0px;
  margin: 0px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border: none;
}
textarea::-webkit-input-placeholder {
  color: rgba(28, 48, 74, 0.6);
}
textarea::-moz-placeholder {
  color: rgba(28, 48, 74, 0.6);
}
textarea:-ms-input-placeholder {
  color: rgba(28, 48, 74, 0.6);
}
textarea:-moz-placeholder {
  color: rgba(28, 48, 74, 0.6);
}
textarea:hover, textarea:focus {
  outline: none;
  text-decoration: none;
}

input {
  font-family: "ProximaNova", sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 1;
  border-radius: 0;
  background: transparent;
  padding: 0px;
  margin: 0px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border: none;
}
input::-webkit-input-placeholder {
  color: rgba(28, 48, 74, 0.6);
}
input::-moz-placeholder {
  color: rgba(28, 48, 74, 0.6);
}
input:-ms-input-placeholder {
  color: rgba(28, 48, 74, 0.6);
}
input:-moz-placeholder {
  color: rgba(28, 48, 74, 0.6);
}
input:hover, input:focus {
  outline: none;
  text-decoration: none;
}

button {
  font-family: "ProximaNova", sans-serif;
  cursor: pointer;
  border: none;
  background: none;
  padding: 0px;
  margin: 0px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
button:hover, button:focus {
  outline: none;
  text-decoration: none;
}

html,
body {
  height: 100%;
}

.container {
  height: 100%;
  width: 100%;
  max-width: 1320px;
  padding: 0 20px;
  margin: 0 auto;
}

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
}

main {
  flex: 1 0 auto;
}

footer {
  flex: 0 0 auto;
}

.section {
  padding-bottom: 120px;
}

.section-top {
  margin-bottom: 56px;
}

.section-p {
  margin-top: 16px;
}

.wpcf7 form .wpcf7-response-output {
  margin-right: 24px 0px 0px 0px;
  font-size: 16px;
  color: #FFF;
  padding: 20px;
  text-align: center;
  border-radius: 16px;
  border: none !important;
}

.wpcf7 form.sent .wpcf7-response-output {
  background: #46b450;
}

.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
  background: #dc3232;
}

.wpcf7-not-valid-tip {
  position: absolute;
  left: 0;
  top: 100%;
  font-size: 14px;
  margin-top: 4px;
}

.wpcf7-spinner {
  display: none !important;
}

@media (max-width: 800px) {
  .section {
    padding-bottom: 72px;
  }
  .section-top {
    margin-bottom: 32px;
  }
  .section-h br {
    display: none;
  }
}
/*-options*/
/*content*/
.content *:first-child {
  margin-top: 0px;
}
.content h2 {
  font-size: 56px;
  font-weight: 700;
  line-height: 128%;
  margin-top: 24px;
}
.content h2 strong {
  font-style: italic;
  font-weight: 400;
}
.content h3 {
  color: #1C304A;
  font-size: 28px;
  font-weight: 700;
  line-height: 142%;
  margin-top: 48px;
}
.content h3 strong {
  font-style: italic;
  font-weight: 400;
}
.content h4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
  margin-top: 48px;
}
.content h4 strong {
  font-style: italic;
  font-weight: 400;
}
.content h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 133%;
  margin-top: 48px;
}
.content h5 strong {
  font-style: italic;
  font-weight: 400;
}
.content p {
  font-size: 20px;
  font-weight: 400;
  line-height: 160%;
  margin-top: 24px;
}
.content p strong {
  font-weight: 700;
}
.content p a {
  display: inline;
  margin: 0px;
}
.content a {
  color: #43AED5;
  font-size: 20px;
  font-weight: 700;
  line-height: 160%;
  transition: 0.1s;
  margin-top: 24px;
}
.content ul {
  margin-top: 24px;
}
.content ul ul {
  padding-top: 20px;
  margin: 0px;
}
.content ul ul li a {
  margin: 0px;
  display: inline;
}
.content ul li {
  position: relative;
  font-size: 20px;
  font-weight: 400;
  line-height: 160%;
  padding-left: 34px;
  margin-top: 20px;
}
.content ul li a {
  display: inline;
  margin: 0px;
}
.content ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  background: url("../icons/doc-2.svg") center no-repeat;
  background-size: contain;
}
.content ol {
  counter-reset: item;
  margin-top: 24px;
}
.content ol ol {
  padding-top: 20px;
  margin: 0px;
}
.content ol > li > ol > li {
  padding-left: 40px;
}
.content ol ol li a {
  display: inline;
  margin: 0px;
}
.content ol li {
  position: relative;
  font-size: 20px;
  font-weight: 400;
  line-height: 160%;
  padding-left: 30px;
  margin-top: 20px;
}
.content ol li a {
  display: inline;
  margin: 0px;
}
.content ol li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 160%;
}
.content img {
  margin-top: 24px;
}

@media (max-width: 800px) {
  .content h2 {
    font-size: 44px;
    line-height: 127%;
  }
  .content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 177%;
  }
  .content a {
    font-size: 18px;
    line-height: 177%;
  }
  .content ul li {
    font-size: 18px;
    font-weight: 400;
    line-height: 177%;
  }
  .content ul li {
    font-size: 18px;
    font-weight: 400;
    line-height: 177%;
  }
  .content ul li:before {
    font-size: 18px;
    font-weight: 400;
    line-height: 177%;
  }
}
@media (min-width: 1200px) {
  .content a:hover {
    color: #1C304A;
  }
}
/*-content*/
/*buttons*/
.btn1 {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: fit-content;
  color: #FFF;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
  border-radius: 100px;
  padding: 0px 56px;
}
.btn1::before {
  content: "";
  position: absolute;
  z-index: -2;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #1C304A;
  transition: 0.5s;
}
.btn1::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  background: #43AED5;
  transition: 0.5s;
}

.btn2 {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  width: fit-content;
  color: #FFF;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
  border-radius: 100px;
  padding: 0px 56px;
}
.btn2::before {
  content: "";
  position: absolute;
  z-index: -2;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #43AED5;
  transition: 0.5s;
}
.btn2::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  background: #1C304A;
  transition: 0.5s;
}

.btn3 {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  width: fit-content;
  color: #FFF;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
  border-radius: 100px;
  padding: 0px 56px;
}
.btn3::before {
  content: "";
  position: absolute;
  z-index: -2;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #43AED5;
  transition: 0.5s;
}
.btn3::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  background: #FFF;
  transition: 0.5s;
}

.btn4 {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  width: fit-content;
  color: #FFF;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
  border-radius: 100px;
  border: 1px solid #FFFFFF;
  padding: 0px 56px;
}
.btn4::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  background: #FFF;
  transition: 0.5s;
}

.btn5 {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  width: fit-content;
  color: #FFF;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
  border-radius: 100px;
  padding: 0px 56px;
}
.btn5::before {
  content: "";
  position: absolute;
  z-index: -2;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #1D314B;
  transition: 0.5s;
}
.btn5::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  background: #FFF;
  transition: 0.5s;
}

@media (max-width: 1200px) {
  .btn1 {
    width: 100%;
  }
  .btn2 {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .btn1:hover::before {
    width: 0;
  }
  .btn1:hover::after {
    width: 100%;
  }
  .btn2:hover::before {
    width: 0;
  }
  .btn2:hover::after {
    width: 100%;
  }
  .btn3:hover {
    color: #1C304A;
  }
  .btn3:hover::before {
    width: 0;
  }
  .btn3:hover::after {
    width: 100%;
  }
  .btn4:hover {
    color: #1C304A;
  }
  .btn4:hover::after {
    width: 100%;
  }
  .btn5:hover {
    color: #1C304A;
  }
  .btn5:hover::after {
    width: 100%;
  }
}
/*-buttons*/
/*form*/ 
.form-input {
  position: relative;
  display: block;
  width: 100%;
}

.form-input_point {
  width: 100%;
  color: #1C304A;
  font-size: 20px;
  font-weight: 400;
  line-height: 160%;
  border-bottom: 1px solid #CACACA;
  padding: 32px 0px 10px 0px;
}

.form-input_point:focus {
  border-bottom: 1px solid #1C304A;
}

.form-btn {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  width: fit-content;
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
  border-radius: 100px;
  padding: 0px 56px;
  cursor: pointer;
}
.form-btn::before {
  content: "";
  position: absolute;
  z-index: -2;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #43AED5;
  transition: 0.5s;
}
.form-btn::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  background: #1C304A;
  transition: 0.5s;
}

.form-btn_point {
  color: #FFF;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  cursor: pointer;
}

@media (max-width: 800px) {
  .form-input_point {
    padding: 0px;
    height: 44px;
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .form-btn:hover::before {
    width: 0;
  }
  .form-btn:hover::after {
    width: 100%;
  }
}
/*-form*/
/*header*/
.header {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.7);
}

.header-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 104px;
}

.header-logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.header-nav {
  height: 100%;
}

.header-cover {
  display: flex;
  align-items: center;
  gap: 40px;
  height: 100%;
}

.header-menu {
  display: flex;
  align-items: center;
  gap: 32px;
  height: 100%;
}
.header-menu > li {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
.header-menu > li > a {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #1C304A;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  cursor: default;
  transition: 0.1s;
}
.header-menu > li > a:after {
  content: "";
  width: 12px;
  min-width: 12px;
  height: 12px;
  background: url("../icons/arrow-1.svg") center no-repeat;
  background-size: contain;
  transition: 0.1s;
}
.header-menu > li > ul {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding: 24px;
  border-radius: 0 0 24px 24px;
  background: #FFF;
  box-shadow: 0 4px 15.8px -3px rgba(0, 0, 0, 0.25);
  display: none;
}
.header-menu > li > ul > li {
  margin-bottom: 20px;
}
.header-menu > li > ul > li:last-child {
  margin-bottom: 0px;
}
.header-menu > li > ul > li > a {
  color: #1C304A;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  white-space: nowrap;
  transition: 0.1s;
}

.header-burger {
  display: none;
}

@media (max-width: 1200px) {
  .header {
    border-bottom: 1px solid rgba(204, 224, 244, 0.5);
  }
  .header-wrap {
    height: 72px;
    padding: 0px;
  }
  .header-logo {
    position: relative;
    z-index: 2;
  }
  .header-logo img {
    height: 32px;
  }
  .header-burger {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #1C304A;
    border: 1px solid #1C304A;
  }
  .header-burger svg:nth-child(2) {
    display: none;
  }
  .header-burger.active {
    background: transparent;
  }
  .header-burger.active svg:nth-child(1) {
    display: none;
  }
  .header-burger.active svg:nth-child(2) {
    display: block;
  }
  .header-nav {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(28, 48, 74, 0.2);
    display: none;
  }
  .header-menu {
    justify-content: center;
    width: 100%;
  }
  .header-menu a {
    font-size: 20px;
    line-height: 28px;
  }
  .header-cover {
    position: relative;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0px;
    height: 100vh;
    border-radius: 0px;
    background: #FFF;
    box-shadow: none;
    padding: 120px 20px 48px 20px;
  }
  .header-cover::after {
    content: "";
    position: absolute;
    left: -20px;
    top: 72px;
    width: calc(100% + 40px);
    height: 1px;
    background: rgba(204, 224, 244, 0.5);
  }
  .header-menu {
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 40px;
  }
  .header-menu > li {
    display: block;
  }
  .header-menu > li > a {
    color: #43AED5;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    text-transform: uppercase;
    margin-bottom: 24px;
  }
  .header-menu > li > a:after {
    display: none;
  }
  .header-menu > li > ul {
    display: block;
    position: sticky;
    transform: translate(0);
    padding: 0px;
    box-shadow: none;
    border-radius: 0px;
  }
  .header-menu > li > ul > li {
    margin-bottom: 24px;
  }
  .header-a {
    position: absolute;
    left: 16px;
    bottom: 40px;
    width: calc(100% - 32px);
  }
  .header-a:before {
    background: #43AED5;
  }
}
@media (min-width: 1200px) {
  .header-menu > li > ul > li > a:hover {
    color: #43AED5;
  }
  .header-menu > li:hover > a {
    color: #43AED5;
  }
  .header-menu > li:hover > a:after {
    background: url("../icons/arrow-2.svg") center no-repeat;
    background-size: contain;
    transform: rotate(180deg);
  }
  .header-menu > li:hover > ul {
    display: block;
  }
}
/*-header*/
/*footer*/
.footer {
  background: #1C304A;
}

.footer-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 58px 0px;
}

.footer-info {
  display: grid;
  gap: 24px;
}

.footer-p {
  color: #CCE0F4;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.footer-p strong {
  font-style: italic;
  font-weight: 400;
}

.footer-logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.footer-icon {
  width: 56px;
  height: 56px;
}

.footer-bottom {
  border-top: 1px solid rgba(204, 224, 244, 0.15);
  background: #172940;
}

.footer-cover {
  padding: 20px 0px;
}

.footer-descr {
  color: #CCE0F4;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.footer-boxs {
  display: flex;
  align-items: flex-start;
  gap: 124px;
}

.footer-label {
  color: #43AED5;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.footer-menu {
  display: grid;
  gap: 16px;
}
.footer-menu a {
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  transition: 0.1s;
}

.footer-cover {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-ul {
  display: flex;
  align-items: center;
  gap: 48px;
}
.footer-ul a {
  color: #CCE0F4;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  transition: 0.1s;
}

@media (max-width: 800px) {
  .footer-bottom {
    border: none;
    background: none;
  }
  .footer-top {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 48px;
  }
  .footer-cover {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0px;
  }
  .footer-descr {
    position: relative;
    left: -20px;
    width: calc(100% + 40px);
    padding: 16px 20px;
    background: #182A41;
  }
  .footer-ul {
    position: relative;
    left: -20px;
    width: calc(100% + 40px);
    order: -1;
    border-top: 1px solid rgba(204, 224, 244, 0.15);
    padding: 16px 20px;
  }
  .footer-boxs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .footer-menu a:hover {
    color: #43AED5;
  }
  .footer-ul a:hover {
    color: #43AED5;
  }
}
/*-footer*/
/*start*/
.start {
  padding-top: 136px;
  padding-bottom: 120px;
}

.start-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  justify-content: space-between;
}

.start-text {
  padding-right: 95px;
}

.start-content {
  margin-top: 32px;
}

.start-buttons {
  margin-top: 60px;
}

.start-info {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 750px;
}

.start-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 32px;
}

.start-bg1 {
  position: absolute;
  z-index: 1;
  left: -68px;
  bottom: 130px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: center;
  padding: 28px 20px 20px 20px;
  border-radius: 16px;
  background: #F4FAFD;
  box-shadow: 0px 19.206px 48.014px 0px rgba(0, 91, 140, 0.1);
}
.start-bg1 span:nth-child(1) {
  font-size: 31px;
  font-weight: 700;
  line-height: 90%;
  letter-spacing: 0.047px;
}
.start-bg1 span:nth-child(2) {
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.026px;
}

.start-bg2 {
  position: absolute;
  z-index: 1;
  right: 65px;
  bottom: -46px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: center;
  padding: 28px 20px 20px 20px;
  border-radius: 16px;
  background: #F4FAFD;
  box-shadow: 0px 19.206px 48.014px 0px rgba(0, 91, 140, 0.1);
}
.start-bg2 span {
  font-size: 20px;
  font-weight: 700;
  line-height: 161%;
  letter-spacing: 0.03px;
}

@media (max-width: 1200px) {
  .start {
    padding-top: 128px;
  }
  .start-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .start-buttons {
    margin-top: 56px;
  }
  .start-info {
    width: 100%;
    margin-top: 120px;
  }
  .start-text {
    padding-right: 0px;
  }
  .start-bg1 {
    left: 32px;
    bottom: auto;
    top: -50px;
  }
}
@media (max-width: 800px) {
  .start {
    padding-bottom: 100px;
  }
  .start-info {
    height: 480px;
  }
  .start-content {
    margin-top: 24px;
  }
  .start-img {
    border-radius: 24px;
  }
  .start-bg1 {
    padding: 16px;
    gap: 8px;
    border-radius: 12px;
  }
  .start-bg1 span:nth-child(1) {
    font-size: 24px;
    line-height: 90%;
    letter-spacing: 0.036px;
  }
  .start-bg1 span:nth-child(2) {
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.018px;
  }
  .start-bg2 {
    right: 32px;
    bottom: -40px;
    padding: 16px;
    border-radius: 12px;
  }
  .start-bg2 span {
    font-size: 15px;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 0.023px;
  }
  .start-bg2 img {
    height: 40px;
  }
}
/*-start*/
/*promo*/
.promo-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 740px;
  width: 100%;
  border-radius: 56px;
  overflow: hidden;
}
.promo-wrap::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 31.42%, rgba(28, 48, 74, 0.8) 91.5%);
}

.promo-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.promo-bottom {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #FFF;
  padding: 56px;
}

.promo-play {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  min-width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #43AED5;
  transition: 0.2s;
}

@media (max-width: 800px) {
  .promo-wrap {
    height: 350px;
    border-radius: 16px;
  }
  .promo-bottom {
    padding: 20px;
  }
  .promo-h {
    font-size: 20px;
    line-height: 24px;
  }
  .promo-play {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }
  .promo-play svg {
    width: 8px;
    height: 9px;
  }
}
@media (min-width: 1200px) {
  .promo-play:hover {
    background: #1C304A;
  }
}
/*-promo*/
/*why*/
.why .section-h {
  text-align: center;
}

.why-boxs {
  display: grid;
  gap: 120px;
}

.why-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 72px;
}

.why-box_info {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 530px;
}

.why-box_bg {
  position: absolute;
  z-index: 2;
  right: 40px;
  bottom: -40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 20px;
  border-radius: 14px;
  background: #FFF;
  box-shadow: 0px 16.775px 41.937px 0px rgba(28, 48, 74, 0.05);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.027px;
}
.why-box_bg b {
  color: #1AB732;
  font-size: 24px;
  font-weight: 700;
  line-height: 16px;
}

.why-box_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 0px 32px 32px 0px;
}

.why-box_text {
  padding-right: 20px;
}

.why-box_content {
  max-width: 600px;
}

.why-box:nth-child(even) .why-box_text {
  display: flex;
  justify-content: flex-end;
  grid-row-start: 1;
  grid-column-start: 1;
  grid-column-end: 2;
  padding-right: 0px;
  padding-left: 20px;
}
.why-box:nth-child(even) .why-box_img {
  grid-row-start: 1;
  grid-column-start: 2;
  grid-column-end: 3;
  border-radius: 32px 0px 0px 32px;
}
.why-box:nth-child(even) .why-box_bg {
  right: auto;
  left: -50px;
  bottom: 20px;
}

@media (max-width: 800px) {
  .why-boxs {
    gap: 32px;
  }
  .why-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 60px;
  }
  .why-box_text {
    padding: 0px 20px;
  }
  .why-box_info {
    width: 100%;
    height: 74.67vw;
    padding-right: 20px;
  }
  .why-box_img {
    border-radius: 0px 24px 24px 0px;
  }
  .why-box_bg {
    right: 40px;
    bottom: -32px;
    font-size: 14px;
    line-height: 20px;
  }
  .why-box_bg svg {
    width: 43px;
    height: auto;
  }
  .why-box:nth-child(even) .why-box_text {
    padding: 0px 20px;
  }
  .why-box:nth-child(even) .why-box_info {
    padding-right: 0px;
    padding-left: 20px;
  }
  .why-box:nth-child(even) .why-box_img {
    border-radius: 24px 0px 0px 24px;
  }
  .why-box:nth-child(even) .why-box_bg {
    left: 40px;
    bottom: -32px;
    font-size: 14px;
    line-height: 20px;
  }
  .why-box:nth-child(even) .why-box_bg svg {
    width: 43px;
    height: auto;
  }
}
/*-why*/
/*improving*/
.improving {
  position: relative;
  padding: 120px 0px;
  color: #FFF;
  background: #1D314B;
  overflow: hidden;
}
.improving:after {
  content: "";
  position: absolute;
  right: -200px;
  top: 50%;
  transform: translateY(-50%);
  width: 784px;
  height: 784px;
  background: url("../icons/doc-1.svg") center no-repeat;
  background-size: contain;
}
.improving .section-top {
  position: relative;
  z-index: 2;
}

.improving-boxs {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.improving-box {
  position: relative;
  z-index: 1;
  border-radius: 24px;
  padding: 40px 24px 40px 32px;
}
.improving-box:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 24px;
  background: #1F3651;
}
.improving-box::after {
  content: "";
  position: absolute;
  z-index: -2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  background: linear-gradient(125deg, #43AED5 10.01%, rgba(35, 91, 111, 0) 86.7%);
}

.improving-box_img {
  margin-bottom: 40px;
}

.improving-box_p {
  color: rgba(255, 255, 255, 0.7);
  margin-top: 10px;
}

@media (max-width: 800px) {
  .improving {
    padding: 72px 0px;
  }
  .improving::after {
    width: 410px;
    height: 410px;
    bottom: 0;
    top: auto;
    right: -120px;
    transform: translate(0);
  }
  .improving-boxs {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
  }
  .improving-box {
    width: 100%;
    padding: 24px;
  }
}
/*-improving*/
/*our*/
.our {
  color: #FFF;
  background: #182A41;
  padding: 120px 0px;
  overflow: hidden;
}

.our-wrap {
  position: relative;
  z-index: 1;
}
.our-wrap:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -385px;
  bottom: -120px;
  width: 780px;
  height: 780px;
  background: url("../icons/doc-8.svg") center no-repeat;
  background-size: contain;
}

.our-boxs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: #43AED5;
  border: 1px solid #43AED5;
  overflow: hidden;
  border-radius: 32px;
}

.our-box {
  padding: 24px 32px;
  background: #1F3047;
}

.our-box_p {
  display: flex;
  align-items: flex-start;
  color: rgba(255, 255, 255, 0.8);
  gap: 7px;
  margin-top: 72px;
}
.our-box_p:before {
  content: "";
  display: block;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-top: 6px;
  background: url("../icons/doc-2.svg") center no-repeat;
  background-size: contain;
}

.our-box:nth-child(7),
.our-box:nth-child(8),
.our-box:nth-child(9) {
  background: #28394E;
}
.our-box:nth-child(7) .our-box_h,
.our-box:nth-child(8) .our-box_h,
.our-box:nth-child(9) .our-box_h {
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

@media (max-width: 1200px) {
  .our-boxs {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 800px) {
  .our {
    padding: 72px 0px;
  }
  .our-wrap:before {
    width: 380px;
    height: 380px;
    top: 0px;
    left: -150px;
  }
  .our-boxs {
    grid-template-columns: repeat(1, 1fr);
    border-radius: 24px;
  }
  .our-box:last-child {
    grid-column-end: 2;
  }
  .our-box_h b {
    font-size: 28px;
  }
  .our-box_p {
    gap: 10px;
  }
  .our-box_p:before {
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin-top: 8px;
  }
  .our-box_p br {
    display: none;
  }
}
/*-our*/
/*simple*/
.simple {
  background: #1D314B;
  padding: 120px 0px;
}

.simple-grid {
  position: relative;
  z-index: 1;
}

.simple-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.simple-t {
  color: #FFF;
}

.simple-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 740px;
  width: 100%;
  border-radius: 56px;
  overflow: hidden;
}

.simple-h {
  color: #FFF;
}

.simple-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.simple-cover {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 360px;
  height: 100%;
  background: rgba(247, 252, 253, 0.25);
  backdrop-filter: blur(22px);
  -webkit-ackdrop-filter: blur(22px);
  padding: 50px;
}
.simple-cover::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 4px;
  background: #FFF;
}
.simple-cover:before {
  content: "";
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  height: 50%;
  width: 4px;
  background: #43AED5;
}

.simple-boxs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 56px;
}

.simple-box {
  position: relative;
  z-index: 1;
  padding: 24px 32px;
}
.simple-box:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 32px;
  background: #1F3651;
}
.simple-box:after {
  content: "";
  position: absolute;
  z-index: -2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 32px;
  background: linear-gradient(125deg, #43AED5 10.01%, rgba(35, 91, 111, 0) 86.7%);
}

.simple-box_h {
  color: #FFF;
}
.simple-box_h strong {
  font-size: 22px;
  font-weight: 700;
  font-style: normal;
}

.simple-box_p {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 54px;
}
.simple-box_p:before {
  content: "";
  display: block;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-top: 6px;
  background: url(../icons/doc-2.svg) center no-repeat;
  background-size: contain;
}

@media (max-width: 1200px) {
  .simple-boxs {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 800px) {
  .simple {
    padding: 72px 0px;
  }
  .simple-top {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .simple-t br {
    display: none;
  }
  .simple-a {
    margin-top: 24px;
  }
  .simple-wrap {
    height: 350px;
    border-radius: 16px;
  }
  .simple-cover {
    padding: 16px;
    width: 120px;
  }
  .simple-h {
    font-size: 20px;
    line-height: 120%;
  }
  .simple-boxs {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
  .simple-box:before {
    border-radius: 24px;
  }
  .simple-box:after {
    border-radius: 24px;
  }
  .simple-box_p {
    margin-top: 40px;
  }
  .simple-box_p:before {
    width: 16px;
    min-width: 16px;
    height: 16px;
  }
}
/*-simple*/
/*key*/
.key {
  padding: 120px 0px;
}

.key-wrap {
  position: relative;
  border-radius: 56px;
  background: rgba(67, 174, 213, 0.2);
  padding: 84px 48px;
  overflow: hidden;
}
.key-wrap:after {
  content: "";
  position: absolute;
  right: -350px;
  top: 0;
  width: 890px;
  height: 890px;
  background: url("../icons/doc-3.svg") center no-repeat;
  background-size: contain;
  opacity: 0.4;
}
.key-wrap:before {
  content: "";
  position: absolute;
  left: -160px;
  top: -160px;
  width: 390px;
  height: 390px;
  background: url("../icons/doc-3.svg") center no-repeat;
  background-size: contain;
  opacity: 0.4;
}

.key-top {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.key-top .section-p {
  max-width: 600px;
}

.key-boxs {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.key-box {
  position: relative;
  border-radius: 32px;
  border: 1px solid rgba(67, 174, 213, 0);
  background: #FFF;
  padding: 24px 32px 24px 158px;
}

.key-box_label {
  position: absolute;
  left: 32px;
  top: 26px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}
.key-box_label::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url("../icons/doc-2.svg") center no-repeat;
  background-size: contain;
}

.key-box_p {
  margin-top: 10px;
}

.key-block {
  border-radius: 32px;
  border: 0.5px solid rgba(67, 174, 213, 0.1);
  background: rgba(255, 255, 255, 0.2);
}

@media (max-width: 1200px) {
  .key-box {
    padding: 24px;
  }
  .key-box_label {
    position: static;
    margin-bottom: 32px;
  }
}
@media (max-width: 800px) {
  .key {
    padding: 72px 0px;
  }
  .key-top {
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
  }
  .key-wrap {
    border-radius: 24px;
    padding: 72px 20px;
  }
  .key-wrap:before {
    width: 100px;
    height: 100px;
    left: -35px;
    top: -35px;
  }
  .key-wrap:after {
    width: 350px;
    height: 350px;
    transform: translate(0);
    top: 72px;
    right: -220px;
  }
  .key-boxs {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
  .key-box {
    padding: 32px;
    border-radius: 24px;
  }
  .key-block {
    display: none;
  }
}
/*-key*/
/*contact*/
.contact {
  padding-top: 136px;
  padding-bottom: 120px;
  overflow: hidden;
}

.contact-wrap {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
  align-items: center;
}
.contact-wrap::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -136px;
  left: 50%;
  transform: translateX(-35%);
  width: 680px;
  height: 680px;
  background: url("../icons/doc-9.svg") center no-repeat;
  background-size: contain;
}

.contact-text {
  grid-column-start: 1;
  grid-column-end: 8;
}

.contact-content {
  max-width: 632px;
  margin-top: 24px;
}

.contact-img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 690px;
  grid-column-start: 8;
  grid-column-end: 13;
}
.contact-img img {
  width: 100%;
  height: 100%;
  object-position: top;
  object-fit: cover;
  border-radius: 32px;
}

.contact-form {
  max-width: 628px;
  margin-top: 48px;
}
.contact-form .form-btn {
  width: calc(50% - 16px);
  margin-top: 48px;
}

.contact-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}
.contact-grid .form-input:last-child {
  grid-column-start: 1;
  grid-column-end: 3;
}

@media (max-width: 1200px) {
  .contact {
    padding-top: 128px;
  }
  .contact-wrap {
    display: block;
  }
  .contact-form {
    max-width: 100%;
  }
  .contact-form .form-btn {
    width: 100%;
  }
  .contact-img {
    width: 100%;
    margin-top: 48px;
  }
}
@media (max-width: 800px) {
  .contact {
    padding-bottom: 72px;
  }
  .contact-wrap::before {
    transform: translate(0);
    left: auto;
    top: -128px;
    right: -164px;
    width: 385px;
    height: 385px;
  }
  .contact-form {
    margin-top: 32px;
  }
  .contact-form .form-btn {
    margin-top: 32px;
  }
  .contact-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .contact-grid .form-input:last-child {
    grid-column-end: 2;
  }
  .contact-img {
    height: 480px;
  }
}
/*-contact*/
/*happy*/
.happy-wrap {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 56px;
  border-radius: 56px;
  background: rgba(67, 174, 213, 0.2);
  padding: 120px 80px;
  overflow: hidden;
}
.happy-wrap:after {
  content: "";
  position: absolute;
  left: -300px;
  bottom: -250px;
  width: 740px;
  height: 740px;
  background: url("../icons/doc-3.svg") center no-repeat;
  background-size: contain;
}
.happy-wrap .section-top {
  position: relative;
  z-index: 2;
}

.happy-boxs {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 24px;
}

.happy-box {
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 32px;
  border-radius: 32px;
  border: 1px solid rgba(67, 174, 213, 0);
  background: #FFF;
}
.happy-box svg {
  min-width: 114px;
  width: 114px;
  height: 114px;
}
.happy-box a {
  color: #1C304A;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  transition: 0.1s;
}
.happy-box span {
  color: #1C304A;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.happy-box_text {
  display: grid;
  gap: 10px;
}

@media (max-width: 1200px) {
  .happy-wrap {
    gap: 32px;
    padding: 72px 24px;
  }
}
@media (max-width: 800px) {
  .happy-wrap {
    display: block;
    border-radius: 24px;
  }
  .happy-wrap:after {
    width: 250px;
    height: 250px;
    top: 0;
    left: auto;
    right: -100px;
  }
  .happy-boxs {
    gap: 16px;
  }
  .happy-box {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 32px;
    border-radius: 24px;
  }
  .happy-box svg {
    width: 80px;
    min-width: 80px;
    height: 80px;
  }
  .happy-box a {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .happy-box a:hover {
    color: #43AED5;
  }
}
/*-happy*/
/*subcribe*/
.subcribe {
  position: relative;
  padding: 120px 0px;
  background: #EBF7FB;
  overflow: hidden;
}
.subcribe:after {
  content: "";
  position: absolute;
  width: 510px;
  height: 510px;
  right: -130px;
  bottom: -180px;
  background: url("../icons/doc-10.svg") center no-repeat;
  background-size: contain;
}
.subcribe .section-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.subcribe .section-p {
  max-width: 640px;
}
.subcribe .container {
  position: relative;
  z-index: 1;
}

.subcribe-form {
  width: 500px;
  margin: auto;
}
.subcribe-form form {
  width: 100%;
}

.subcribe-grid {
  position: relative;
  width: 100%;
}

.subcribe-input {
  width: 100%;
}

.subcribe-input_point {
  width: 100%;
  height: 64px;
  color: #1C304A;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  border-radius: 100px;
  background: #FFF;
  padding: 0px 180px 0px 32px;
}

.subcribe-btn {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  width: fit-content;
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
  border-radius: 100px;
  padding: 0px 48px;
  cursor: pointer;
}
.subcribe-btn::before {
  content: "";
  position: absolute;
  z-index: -2;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #43AED5;
  transition: 0.5s;
}
.subcribe-btn::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  background: #1C304A;
  transition: 0.5s;
}

.subcribe-btn_point {
  color: #FFF;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  cursor: pointer;
}

@media (max-width: 800px) {
  .subcribe::after {
    width: 380px;
    height: 380px;
    right: auto;
    left: -160px;
    bottom: -110px;
  }
  .subcribe-form {
    width: 100%;
  }
  .subcribe-input_point {
    font-size: 16px;
    padding: 0px 160px 0px 16px;
  }
  .subcribe-btn {
    padding: 0px 32px;
  }
}
@media (min-width: 1200px) {
  .subcribe-btn:hover::before {
    width: 0;
  }
  .subcribe-btn:hover::after {
    width: 100%;
  }
}
/*-subcribe*/
/*first*/
.first {
  padding-top: 136px;
  overflow: hidden;
}

.first-wrap {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.first-wrap::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -136px;
  left: 50%;
  transform: translateX(-35%);
  width: 680px;
  height: 680px;
  background: url("../icons/doc-9.svg") center no-repeat;
  background-size: contain;
}

.first-text {
  position: relative;
  max-width: 550px;
}

.first-content {
  margin-top: 32px;
}

.first-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 543px;
  height: 693px;
  border-radius: 32px;
  overflow: hidden;
}
.first-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1200px) {
  .first {
    padding-top: 128px;
  }
  .first-wrap {
    display: block;
  }
  .first-text {
    max-width: 100%;
    margin-bottom: 32px;
  }
  .first-img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 800px) {
  .first-wrap::before {
    transform: translate(0);
    left: auto;
    top: -128px;
    right: -164px;
    width: 385px;
    height: 385px;
  }
  .first-content {
    margin-top: 24px;
  }
  .first-img {
    border-radius: 24px;
  }
}
/*-first*/
/*about*/
.about-wrap {
  display: flex;
  align-items: center;
  gap: 40px;
}

.about-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 630px;
  min-width: 640px;
  height: 740px;
  border-radius: 32px;
  overflow: hidden;
}
.about-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-label {
  color: #43AED5;
  font-size: 22px;
  font-weight: 600;
  margin-top: 16px;
}

.about-content {
  margin-top: 40px;
}
.about-content h3 {
  font-size: 32px;
  font-weight: 400;
  line-height: 125%;
}
.about-content p {
  font-size: 22px;
  line-height: 145%;
  margin-top: 16px;
}

.about-info {
  position: relative;
  padding: 56px;
  border-radius: 32px;
  background: #EBF7FB;
  margin-top: 72px;
}

.about-p p {
  color: #1C304A;
  font-size: 30px;
  line-height: 133%;
  margin-top: 24px;
}

.about-p p:first-child {
  margin-top: 0px;
}

.about-grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 48px;
}

.about-sub {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 22px;
  line-height: 145%;
}
.about-sub::before {
  content: "";
  width: 18px;
  min-width: 18px;
  height: 18px;
  background: url("../icons/doc-2.svg") center no-repeat;
  background-size: contain;
}

@media (max-width: 1200px) {
  .about-wrap {
    gap: 40px;
  }
  .about-img {
    width: 450px;
    min-width: 450px;
  }
  .about-content {
    margin-top: 24px;
  }
}
@media (max-width: 800px) {
  .about-wrap {
    position: relative;
    display: block;
  }
  .about-img {
    height: 400px;
    border-radius: 24px;
  }
  .about-content h3 {
    font-size: 24px;
    line-height: 133%;
  }
  .about-content p {
    ont-size: 18px;
    line-height: 155%;
  }
  .about-text {
    margin-top: 32px;
  }
  .about-info {
    padding: 64px 24px 24px 24px;
    border-radius: 24px;
    margin-top: 48px;
  }
  .about-p p {
    font-size: 20px;
    line-height: 150%;
  }
  .about-grid {
    margin-top: 24px;
  }
  .about-sub {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 24px;
    padding-left: 26px;
    gap: 0px;
  }
  .about-sub::before {
    position: absolute;
    left: 0;
    top: 5px;
    width: 16px;
    min-width: 16px;
    height: 16px;
  }
  .about-sub strong {
    font-size: 18px;
    line-height: 24px;
  }
  .about-svg {
    position: absolute;
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
  }
}
/*-about*/
/*team*/
.team-boxs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 32px;
  grid-row-gap: 56px;
}

.team-box_img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 450px;
  border-radius: 32px 32px 2px 2px;
  overflow: hidden;
}
.team-box_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.team-box_h {
  margin-top: 24px;
}
.team-box_h strong {
  font-weight: 400;
}

.team-box_label {
  color: #43AED5;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  margin-top: 4px;
}

.team-box_content p {
  font-size: 16px;
  line-height: 150%;
  margin-top: 16px;
}

@media (max-width: 1200px) {
  .team-boxs {
    grid-template-columns: repeat(2, 1fr);
  }
  .team-box_img {
    height: 550px;
  }
}
@media (max-width: 800px) {
  .team-boxs {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 56px;
  }
  .team-box_img {
    height: 102.93vw;
    border-radius: 24px 24px 2px 2px;
  }
  .team-box_label {
    font-size: 18px;
  }
  .team-box_content {
    margin-top: 24px;
  }
}
/*-team*/
/*press*/
.press {
  overflow: hidden;
  padding-top: 136px;
}

.press-wrap {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 120px;
  max-width: 850px;
  margin: 0px auto;
}
.press-wrap::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: -400px;
  width: 500px;
  height: 500px;
  background: url("../icons/doc-4.svg") center no-repeat;
  background-size: contain;
}

.press-info {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}
.press-info span {
  display: flex;
  align-items: center;
  color: rgba(28, 48, 74, 0.5);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.press-info span:after {
  content: "";
  width: 6px;
  min-width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(28, 48, 74, 0.5);
  margin: 0px 10px;
}
.press-info span:last-child:after {
  display: none;
}

.press-label {
  font-size: 20px;
  font-weight: 700;
  line-height: 160%;
  margin-bottom: 24px;
}

.press-cat {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 32px;
}
.press-cat span {
  display: flex;
  align-items: center;
  height: 44px;
  color: #43AED5;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  border-radius: 100px;
  background: rgba(67, 174, 213, 0.1);
  padding: 0px 24px;
}

.press-top {
  margin-bottom: 56px;
}

.press-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 422px;
  border-radius: 24px;
  overflow: hidden;
  margin-top: 56px;
}
.press-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1200px) {
  .press {
    padding-top: 128px;
  }
  .press-wrap {
    display: block;
  }
  .press-wrap::before {
    display: none;
  }
  .press-text {
    max-width: 100%;
    margin-bottom: 32px;
  }
  .press-h br {
    display: none;
  }
  .press-p {
    margin-top: 24px;
  }
  .press-img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 1200px) {
  .press {
    padding-top: 128px;
  }
  .press-wrap:before {
    display: none;
  }
  .press-info span {
    font-size: 14px;
    line-height: 20px;
  }
  .press-info span:after {
    width: 4px;
    min-width: 4px;
    height: 4px;
  }
  .press-cat span {
    font-size: 14px;
    height: 32px;
    padding: 0px 18px;
  }
  .press-img {
    height: 246px;
    border-radius: 16px;
  }
}
@media (max-width: 800px) {
  .press-wrap {
    gap: 72px;
  }
}
/*-press*/
/*policy*/
.policy {
  padding-top: 136px;
}

.policy-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 32px;
  margin-bottom: 72px;
}

.policy-content {
  max-width: 850px;
  margin: 0px auto;
}

@media (max-width: 1200px) {
  .policy {
    padding-top: 128px;
  }
}
@media (max-width: 800px) {
  .policy-top {
    gap: 24px;
    margin-bottom: 48px;
  }
}
/*-policy*/
/*solution*/
.solution {
  padding-top: 136px;
}

.solution-wrap {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.solution-wrap::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -136px;
  left: 50%;
  transform: translateX(-35%);
  width: 680px;
  height: 680px;
  background: url("../icons/doc-9.svg") center no-repeat;
  background-size: contain;
}

.solution-text {
  position: relative;
}

.solution-content {
  max-width: 555px;
  margin-top: 24px;
}

.solution-bottom {
  margin-top: 40px;
}

.solution-sub {
  color: #1C304A;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 177%;
  margin-bottom: 16px;
}

.solution-buttons {
  display: flex;
  align-items: center;
  gap: 8px;
}
.solution-buttons a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 65px;
  color: #1C304A;
  font-size: 18px;
  font-weight: 600;
  border-radius: 100px;
  border: 1px solid #1C304A;
  transition: 0.2s;
}

.solution-img {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 543px;
  min-width: 543px;
  height: 693px;
}
.solution-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 32px;
}

.solution-bg1 {
  position: absolute;
  z-index: 1;
  top: 50px;
  right: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: center;
  padding: 20px;
  border-radius: 18px;
  background: #F4FAFD;
  box-shadow: 0 12.375px 30.937px 0 rgba(217, 216, 212, 0.5);
}
.solution-bg1 span:nth-child(1) {
  font-size: 24px;
  font-weight: 700;
  line-height: 90%;
  letter-spacing: 0.047px;
}
.solution-bg1 span:nth-child(2) {
  font-size: 12px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.026px;
}

.solution-bg2 {
  position: absolute;
  z-index: 1;
  left: 80px;
  bottom: -46px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: center;
  padding: 28px 20px 20px 20px;
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 19.206px 48.014px 0px rgba(0, 91, 140, 0.1);
}
.solution-bg2 span {
  font-size: 20px;
  font-weight: 700;
  line-height: 161%;
  letter-spacing: 0.03px;
}

.solution-modal {
  position: fixed;
  z-index: 20;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.solution-modal_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.solution-modal_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 29, 45, 0.5);
}

.solution-modal_box {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 56px;
  width: 100%;
  max-width: 1110px;
  padding: 56px 44px;
  border-radius: 32px;
  background: #FFF;
  overflow: auto;
  max-height: 100%;
}
.solution-modal_box img {
  width: 100%;
}

.solution-modal_close {
  position: absolute;
  right: 18px;
  top: 18px;
  fill: rgba(28, 48, 74, 0.6);
  cursor: pointer;
  transition: 0.1s;
}

@media (max-width: 1200px) {
  .solution {
    padding-top: 128px;
  }
  .solution-wrap {
    display: block;
  }
  .solution-text {
    max-width: 100%;
    margin-bottom: 32px;
  }
  .solution-bottom {
    margin-top: 32px;
  }
  .solution-img {
    width: 100%;
    min-width: 100%;
    height: auto;
  }
}
@media (max-width: 800px) {
  .solution-wrap::before {
    transform: translate(0);
    left: auto;
    top: -128px;
    right: -164px;
    width: 385px;
    height: 385px;
  }
  .solution-content {
    margin-top: 24px;
  }
  .solution-img {
    border-radius: 24px;
  }
  .solution-buttons {
    flex-direction: column;
    gap: 14px;
  }
  .solution-buttons a {
    width: 100%;
    height: 48px;
  }
  .solution-modal_box {
    gap: 16px;
    padding: 44px 16px 16px 16px;
    border-radius: 0px;
  }
  .solution-modal_close {
    right: 16px;
    top: 16px;
  }
  .solution-bg1 {
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
    right: 24px;
    top: 24px;
    padding: 12px 8px;
    border-radius: 8px;
  }
  .solution-bg1 span:nth-child(1) {
    font-size: 14px;
    line-height: 13px;
  }
  .solution-bg1 span:nth-child(2) {
    font-size: 8px;
    line-height: 13px;
  }
  .solution-bg2 {
    left: auto;
    right: 24px;
    bottom: -40px;
    padding: 12px;
  }
  .solution-bg2 span {
    font-size: 9px;
  }
  .solution-bg2 img {
    width: 100px;
  }
}
@media (min-width: 1200px) {
  .solution-buttons a:hover {
    color: #FFF;
    border: 1px solid #1C304A;
    background: #1C304A;
  }
  .solution-modal_close:hover {
    fill: #43AED5;
  }
}
/*-solution*/
/*care*/
.care-wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 100px 64px;
  border-radius: 56px;
  background: rgba(67, 174, 213, 0.2);
  overflow: hidden;
}
.care-wrap::after {
  content: "";
  position: absolute;
  left: -260px;
  top: 50%;
  width: 750px;
  height: 750px;
  transform: translateY(-50%);
  background: url("../icons/doc-3.svg") no-repeat center;
  background-size: contain;
}

.care-h {
  position: relative;
  z-index: 2;
}

.care-boxs {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 18px;
  width: 645px;
  min-width: 645px;
}

.care-box {
  display: flex;
  gap: 24px;
  padding: 28px;
  border-radius: 24px;
  border: 0.5px solid rgba(67, 174, 213, 0);
  background: #FFF;
}

.care-box_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  min-width: 90px;
  height: 90px;
  border-radius: 18px;
  background: rgba(67, 174, 213, 0.1);
}

@media (max-width: 1360px) {
  .care-wrap {
    padding: 80px 40px;
  }
}
@media (max-width: 1200px) {
  .care-wrap {
    display: block;
  }
  .care-wrap::after {
    left: auto;
    right: -50px;
    top: -50px;
    transform: translate(0);
    width: 400px;
    height: 400px;
  }
  .care-boxs {
    width: 100%;
    min-width: 100%;
  }
  .care-h {
    margin-bottom: 44px;
  }
}
@media (max-width: 800px) {
  .care-wrap {
    padding: 72px 16px;
    border-radius: 24px;
  }
  .care-boxs {
    gap: 12px;
  }
  .care-box {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 32px;
    padding: 24px;
    border-radius: 18px;
  }
  .care-box_icon {
    width: 64px;
    min-width: 64px;
    height: 64px;
    border-radius: 10px;
  }
  .care-box_icon img {
    width: 28px;
    height: 28px;
  }
}
/*-care*/
/*step*/
.step .section-top {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px;
}
.step .section-h {
  max-width: 850px;
  text-align: center;
}

.step-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.step-img img {
  width: 100%;
}
.step-img img:nth-child(2) {
  display: none;
}

.step-p {
  text-align: center;
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
  max-width: 1020px;
  margin: auto;
}

@media (max-width: 1200px) {
  .step-p {
    font-size: 30px;
    line-height: 38px;
  }
}
@media (max-width: 800px) {
  .step .section-h {
    text-align: left;
  }
  .step-img {
    margin-top: 44px;
  }
  .step-img img:nth-child(1) {
    display: none;
  }
  .step-img img:nth-child(2) {
    display: block;
  }
  .step-p {
    margin-top: 32px;
  }
}
/*-step*/
/*investors*/
.investors {
  color: #FFF;
}

.investors-wrap {
  padding: 120px 0px;
  background: #1D314B;
}

.investors-boxs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.investors-box {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 56px;
  padding: 40px 24px 24px 24px;
  border-radius: 24px;
}
.investors-box:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 24px;
  background: #1F3651;
}
.investors-box::after {
  content: "";
  position: absolute;
  z-index: -2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  background: linear-gradient(125deg, #43AED5 10.01%, rgba(35, 91, 111, 0) 86.7%);
}

.investors-box_info {
  display: flex;
  align-items: center;
  gap: 12px;
}

.investors-box_img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  min-width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
}
.investors-box_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.investors-box_name {
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.investors-box_label {
  color: #43AED5;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 1200px) {
  .investors-boxs {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 800px) {
  .investors-wrap {
    padding: 72px 0px;
  }
  .investors-boxs {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .investors-box {
    gap: 40px;
    padding: 20px;
    border-radius: 18px;
  }
  .investors-box::after {
    border-radius: 18px;
  }
  .investors-box::before {
    border-radius: 18px;
  }
  .investors-box_label {
    font-size: 12px;
  }
}
/*-investors*/
/*moment*/
.moment .section-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.moment .section-p {
  font-size: 36px;
  font-weight: 600;
  line-height: 40px;
}

.moment-boxs {
  display: grid;
  gap: 120px;
}

.moment-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 72px;
}

.moment-box_info {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 530px;
}

.moment-box_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 0px 32px 32px 0px;
}

.moment-box_text {
  padding-right: 20px;
}

.moment-box_content {
  max-width: 600px;
}
.moment-box_content ul > li > ul > li:before {
  left: 5px;
  top: 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #1C304A;
}

.moment-box:nth-child(even) .moment-box_text {
  display: flex;
  justify-content: flex-end;
  grid-row-start: 1;
  grid-column-start: 1;
  grid-column-end: 2;
  padding-right: 0px;
  padding-left: 20px;
}
.moment-box:nth-child(even) .moment-box_img {
  grid-row-start: 1;
  grid-column-start: 2;
  grid-column-end: 3;
  border-radius: 32px 0px 0px 32px;
}

@media (max-width: 800px) {
  .moment .section-top {
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
  }
  .moment .section-p {
    font-size: 24px;
    line-height: 32px;
  }
  .moment-boxs {
    gap: 32px;
  }
  .moment-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 60px;
  }
  .moment-box_text {
    padding: 0px 20px;
  }
  .moment-box_info {
    width: 100%;
    height: 74.67vw;
    padding-right: 20px;
  }
  .moment-box_img {
    border-radius: 0px 24px 24px 0px;
  }
  .moment-box:nth-child(even) .moment-box_text {
    padding: 0px 20px;
  }
  .moment-box:nth-child(even) .moment-box_info {
    padding-right: 0px;
    padding-left: 20px;
  }
  .moment-box:nth-child(even) .moment-box_img {
    border-radius: 24px 0px 0px 24px;
  }
}
/*-moment*/
/*benefits*/
.benefits {
  position: relative;
  background: rgba(217, 239, 247, 0.29);
  padding-bottom: 0px;
}
.benefits::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: #E6F4FA;
}
.benefits .section-h {
  text-align: center;
}

.benefits-wrap {
  position: relative;
  z-index: 2;
  padding: 120px 0px;
}

.benefits-boxs {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.benefits-boxs::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 470px;
  height: 470px;
  background: url("../icons/doc-5.svg") center no-repeat;
  background-size: contain;
}

.benefits-box {
  position: relative;
  z-index: 2;
  width: 515px;
}

.benefits-box_h {
  min-height: 80px;
  margin-bottom: 28px;
}

.benefits-box_ul {
  display: grid;
  gap: 18px;
}
.benefits-box_ul li {
  position: relative;
  padding-left: 22px;
}
.benefits-box_ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #1C304A;
}

@media (max-width: 1200px) {
  .benefits-box {
    width: 340px;
  }
}
@media (max-width: 800px) {
  .benefits {
    overflow: hidden;
    padding-bottom: 0px;
  }
  .benefits .section-top {
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .benefits .section-h {
    text-align: left;
    width: fit-content;
  }
  .benefits::after {
    display: none;
  }
  .benefits-wrap {
    padding: 72px 0px;
  }
  .benefits-boxs {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 100px;
  }
  .benefits-boxs::after {
    display: none;
  }
  .benefits-box {
    width: 100%;
  }
  .benefits-box:nth-child(1)::before {
    content: "";
    position: absolute;
    z-index: -2;
    left: -20px;
    bottom: -50px;
    width: calc(100% + 40px);
    height: 2000px;
    background: #E6F4FA;
  }
  .benefits-box:nth-child(1)::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    bottom: -210px;
    transform: translateX(-50%) rotate(90deg);
    width: 320px;
    height: 320px;
    background: url("../icons/doc-5.svg") center no-repeat;
    background-size: contain;
  }
  .benefits-box_h {
    font-size: 22px;
    line-height: 32px;
    min-height: 100%;
    margin-bottom: 16px;
  }
  .benefits-box_ul {
    gap: 14px;
  }
}
/*-benefits*/
/*get*/
.get {
  color: #FFF;
  padding: 120px 0px;
  background: #1D314B;
  overflow: hidden;
}
.get .section-top {
  display: flex;
  justify-content: center;
  align-items: center;
}
.get .section-h {
  max-width: 990px;
  text-align: center;
}

.get-boxs {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.get-box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  width: fit-content;
}
.get-box li {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  height: 80px;
  padding: 0px 28px;
  border-radius: 100px;
  background: rgba(67, 174, 213, 0.04);
  min-width: fit-content;
}
.get-box li:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 100px;
  background: #1F3651;
}
.get-box li::after {
  content: "";
  position: absolute;
  z-index: -2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  background: linear-gradient(125deg, #43AED5 10.01%, rgba(35, 91, 111, 0) 86.7%);
}
.get-box::after {
  content: "";
  position: absolute;
  left: calc(100% + 18px);
  top: 0;
  height: 80px;
  width: 1500px;
  border: 1px solid #43AED5;
  background: rgba(67, 174, 213, 0.04);
  border-radius: 100px;
  opacity: 0.2;
}
.get-box::before {
  content: "";
  position: absolute;
  top: 0;
  right: calc(100% + 18px);
  height: 80px;
  width: 1500px;
  border: 1px solid #43AED5;
  background: rgba(67, 174, 213, 0.04);
  border-radius: 100px;
  opacity: 0.2;
}

@media (max-width: 1200px) {
  .get-box {
    gap: 18px;
  }
  .get-box {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .get-box::after {
    display: none;
  }
  .get-box::before {
    display: none;
  }
}
@media (max-width: 800px) {
  .get {
    padding: 72px 0px;
  }
  .get .section-top {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .get .section-h {
    text-align: left;
  }
  .get-boxs {
    gap: 10px;
  }
  .get-box {
    font-size: 14px;
    text-align: center;
    width: 100%;
    gap: 10px;
  }
  .get-box li {
    height: auto;
    width: 100%;
    justify-content: center;
    text-align: center;
    padding: 16px;
    border-radius: 18px;
  }
  .get-box li:after {
    border-radius: 18px;
  }
  .get-box li:before {
    border-radius: 18px;
  }
}
/*-get*/
/*platform*/
.platform {
  position: relative;
  color: #FFF;
  padding: 120px 0px;
  background: #182A41;
  overflow: hidden;
}
.platform::after {
  content: "";
  position: absolute;
  top: -75px;
  right: -220px;
  width: 620px;
  height: 620px;
  background: url("../icons/doc-8.svg") no-repeat center;
  background-size: contain;
}
.platform .section-top {
  position: relative;
  z-index: 2;
  max-width: 600px;
}

.platform-boxs {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 40px;
}

.platform-box {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 40px;
  padding: 40px 32px;
  border-radius: 24px;
}
.platform-box:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 24px;
  background: #1A2C43;
}
.platform-box::after {
  content: "";
  position: absolute;
  z-index: -2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  background: linear-gradient(125deg, #43AED5 10.01%, rgba(35, 91, 111, 0) 86.7%);
}

.platform-box_p {
  color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 1200px) {
  .platform:after {
    right: auto;
    top: 140px;
    right: auto;
    left: -150px;
    width: 380px;
    height: 380px;
  }
  .platform-boxs {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 800px) {
  .platform {
    padding: 72px 0px;
  }
  .platform-boxs {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
  .platform-box {
    padding: 24px;
    border-radius: 18px;
  }
  .platform-box::after {
    border-radius: 18px;
  }
  .platform-box::before {
    border-radius: 18px;
  }
}
@media (min-width: 1200px) {
  .platform-box:nth-child(3),
  .platform-box:nth-child(4),
  .platform-box:nth-child(5) {
    grid-row-start: 2;
  }
}
/*-platform*/
/*uncos*/
.uncos {
  padding-top: 136px;
}

.uncos-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.uncos-wrap::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -100px;
  left: 50%;
  transform: translateX(-90%);
  width: 380px;
  height: 380px;
  background: url("../icons/doc-4.svg") center no-repeat;
  background-size: contain;
}

.uncos-text {
  position: relative;
  max-width: 550px;
}

.uncos-content {
  margin-top: 32px;
}

.uncos-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 543px;
  height: 693px;
  border-radius: 32px;
  overflow: hidden;
}
.uncos-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.uncos-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 32px;
  grid-row-gap: 56px;
  margin-top: 80px;
}

.uncos-item_img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 246px;
  border-radius: 16px;
  overflow: hidden;
}
.uncos-item_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}

.uncos-item_text {
  margin-top: 24px;
}

.uncos-item_cat {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}
.uncos-item_cat span {
  display: flex;
  align-items: center;
  height: 36px;
  color: #43AED5;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  border-radius: 100px;
  background: rgba(67, 174, 213, 0.1);
  padding: 0px 24px;
}

.uncos-item_h {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 60px;
  color: #1C304A;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  overflow: hidden;
  transition: 0.2s;
}

.uncos-item_p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 48px;
  color: #1C304A;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 16px;
}

.uncos-item_info {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
.uncos-item_info span {
  display: flex;
  align-items: center;
  color: rgba(28, 48, 74, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.uncos-item_info span:after {
  content: "";
  width: 4px;
  min-width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(28, 48, 74, 0.5);
  margin: 0px 10px;
}
.uncos-item_info span:last-child:after {
  display: none;
}

@media (max-width: 1200px) {
  .uncos {
    padding-top: 128px;
  }
  .uncos-wrap {
    display: block;
  }
  .uncos-wrap::before {
    display: none;
  }
  .uncos-text {
    max-width: 100%;
    margin-bottom: 32px;
  }
  .uncos-img {
    width: 100%;
    height: auto;
  }
  .uncos-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 800px) {
  .uncos-content {
    margin-top: 24px;
  }
  .uncos-img {
    border-radius: 24px;
  }
  .uncos-items {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 56px;
  }
  .uncos-item_img {
    height: 246px;
    border-radius: 16px;
  }
  .uncos-item_text {
    margin-top: 20px;
  }
  .uncos-item_h {
    height: 100%;
    max-height: 56px;
    font-size: 20px;
    line-height: 28px;
  }
  .uncos-item_cat span {
    height: 32px;
    font-size: 14px;
    padding: 0px 18px;
  }
  .uncos-item_info {
    margin-top: 24px;
  }
}
@media (min-width: 1200px) {
  .uncos-item:hover .uncos-item_img img {
    transform: scale(1.05);
  }
  .uncos-item:hover .uncos-item_h {
    color: #43AED5;
  }
  .uncos-items .uncos-item:nth-child(1) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    grid-column-start: 1;
    grid-column-end: 4;
  }
  .uncos-items .uncos-item:nth-child(1) .uncos-item_img {
    height: 450px;
  }
  .uncos-items .uncos-item:nth-child(1) .uncos-item_text {
    position: relative;
    margin-top: 0px;
  }
  .uncos-items .uncos-item:nth-child(1) .uncos-item_cat {
    margin-bottom: 48px;
  }
  .uncos-items .uncos-item:nth-child(1) .uncos-item_cat span {
    height: 44px;
    font-size: 16px;
  }
  .uncos-items .uncos-item:nth-child(1) .uncos-item_h {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 144px;
    font-size: 40px;
    line-height: 48px;
  }
  .uncos-items .uncos-item:nth-child(1) .uncos-item_p {
    height: 84px;
    font-size: 18px;
    line-height: 28px;
  }
  .uncos-items .uncos-item:nth-child(1) .uncos-item_info {
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .uncos-items .uncos-item:nth-child(1) .uncos-item_info span {
    font-size: 16px;
    line-height: 24px;
  }
}
/*-uncos*/
/*mistake*/
.mistake {
  background: #1D314B;
}

.mistake-wrap {
  position: relative;
  display: flex;
  align-items: center;
  height: 100svh;
}

.mistake-logo {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 32px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.mistake-text {
  position: relative;
  z-index: 2;
}
.mistake-text span {
  position: relative;
  z-index: 1;
  width: fit-content;
  color: #D9EFF7;
  font-size: 200px;
  font-weight: 700;
  line-height: 140px;
}
.mistake-text span svg {
  position: absolute;
  z-index: -1;
  right: -36px;
  top: -48px;
}
.mistake-text h1 {
  color: #D9EFF7;
  max-width: 600px;
  margin-top: 16px;
}
.mistake-text p {
  color: #FFF;
  max-width: 580px;
  margin-top: 16px;
}
.mistake-text a {
  margin-top: 48px;
}
.mistake-text a:after {
  background: rgba(67, 174, 213, 0.1019607843);
}

.mistake-bg {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: auto;
}

@media (max-width: 800px) {
  .mistake-logo {
    top: 20px;
  }
  .mistake-logo svg {
    height: 31px;
    width: auto;
  }
  .mistake-text span {
    font-size: 120px;
    line-height: 100px;
  }
  .mistake-text span svg {
    top: -23px;
    right: -30px;
    width: 50px;
    height: 50px;
  }
  .mistake-text h1 {
    font-size: 48px;
    line-height: 100%;
    margin-top: 28px;
  }
  .mistake-text p {
    margin-top: 28px;
  }
}
/*-mistake*/
/*career*/
.career {
  padding-top: 136px;
  overflow: hidden;
}

.career-wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 110px;
}

.career-bg {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: -120px;
}

.career-text {
  position: relative;
  z-index: 2;
}

.career-p {
  margin-top: 32px;
}

.career-a {
  margin-top: 56px;
}

.career-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 543px;
  min-width: 543px;
  height: 693px;
  border-radius: 32px;
  overflow: hidden;
}
.career-img img {
  width: 100%;
  height: 100%;
}

@media (max-width: 1200px) {
  .career {
    padding-top: 128px;
  }
  .career-wrap {
    display: block;
  }
  .career-a {
    margin-top: 40px;
  }
  .career-p {
    margin-top: 24px;
  }
  .career-img {
    width: 100%;
    min-width: 100%;
    height: auto;
    margin-top: 40px;
    border-radius: 24px;
  }
  .career-bg {
    width: 300px;
    height: auto;
  }
}
@media (max-width: 800px) {
  .career-bg {
    bottom: -72px;
  }
}
/*-career*/
/*life*/
.life {
  padding: 120px 0px;
  background: #1D314B;
}

.life-wrap {
  position: relative;
  z-index: 1;
}

.life-bg {
  position: absolute;
  z-index: -1;
  right: 0;
  top: -120px;
}

.life-h {
  color: #FFF;
  margin-bottom: 40px;
}

.life-boxs {
  columns: 2;
  gap: 24px;
}

.life-box {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 24px;
  border-radius: 32px;
  margin-bottom: 24px;
}

.life-box:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 32px;
  background: #1F3651;
}

.life-box:after {
  content: "";
  position: absolute;
  z-index: -2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 32px;
  background: linear-gradient(125deg, #43AED5 10.01%, rgba(35, 91, 111, 0) 86.7%);
}

.life-box_img {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  overflow: hidden;
}
.life-box_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.life-box_h {
  color: #FFF;
  margin-top: 24px;
}

.life-box_p {
  color: rgba(255, 255, 255, 0.8);
  margin-top: 16px;
}

.life-box_ul {
  margin-top: 24px;
}
.life-box_ul li {
  position: relative;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  padding-left: 22px;
  margin-bottom: 12px;
}
.life-box_ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #06C5F8;
}
.life-box_ul li:last-child {
  margin-bottom: 0px;
}

@media (max-width: 1200px) {
  .life-bg {
    width: 300px;
    height: auto;
  }
  .life-h {
    margin-bottom: 32px;
  }
  .life-boxs {
    display: flex;
    flex-direction: column;
  }
  .life-box {
    border-block: 24px;
    padding: 24px;
    margin: 0px;
  }
  .life-box::after {
    border-radius: 16px;
  }
  .life-box::before {
    border-radius: 16px;
  }
  .life-box:nth-child(1) {
    order: 1;
  }
  .life-box:nth-child(2) {
    order: 3;
  }
  .life-box:nth-child(3) {
    order: 2;
  }
  .life-box:nth-child(4) {
    order: 4;
  }
  .life-box_h {
    font-size: 24px;
    line-height: 167%;
  }
  .life-box_img {
    border-radius: 12px;
  }
}
@media (max-width: 800px) {
  .life {
    padding: 72px 0px;
  }
  .life-bg {
    top: -72px;
  }
}
/*-life*/
/*values*/
.values {
  padding: 120px 0px;
}

.values-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.values-h {
  width: auto;
}

.values-text {
  width: 604px;
  margin-right: 76px;
}

.values-sub {
  margin-top: 24px;
}

.values-img {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 32px;
  overflow: hidden;
  margin-top: 72px;
}
.values-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1200px) {
  .values-wrap {
    display: block;
  }
  .values-text {
    width: 100%;
    margin: 0px;
    margin-top: 16px;
  }
  .values-p {
    font-size: 20px;
    line-height: 32px;
  }
  .values-sub {
    font-size: 24px;
    line-height: 32px;
  }
  .values-img {
    height: 414px;
    border-radius: 24px;
    margin-top: 32px;
  }
}
@media (max-width: 800px) {
  .values {
    padding: 72px 0px;
  }
}
/*-values*/
/*join*/
.join {
  padding: 120px 0px;
  background: #D9EFF7;
}

.join-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 420px;
  border-radius: 56px;
  background: url("../img/join-1.webp") center top no-repeat;
  background-size: cover;
  overflow: hidden;
}

.join-text {
  color: #FFF;
  padding-left: 80px;
}

.join-p {
  margin-top: 16px;
}

.join-a {
  margin-top: 32px;
}

.join-img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.join-img img {
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1200px) {
  .join-wrap {
    display: block;
    height: auto;
    border-radius: 24px;
  }
  .join-text {
    padding: 40px 24px;
  }
}
@media (max-width: 1200px) {
  .join {
    padding: 72px 0px;
  }
  .join-wrap {
    padding: 56px 32px 370px 32px;
    background: url("../img/join-2.webp") center top no-repeat;
    background-size: cover;
  }
  .join-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0px;
  }
  .join-h {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
/*-join*/
/*complex*/
.complex {
  color: #FFF;
  background: #1D314B;
  padding: 120px 0px;
  overflow: hidden;
}

.complex-wrap {
  position: relative;
  z-index: 1;
}
.complex-wrap:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -180px;
  right: -310px;
  width: 820px;
  height: 820px;
  background: url("../icons/doc-7.svg") center no-repeat;
  background-size: contain;
}

.complex-top {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  align-items: center;
}

.complex-h {
  font-size: 54px;
}

.complex-p {
  color: rgba(255, 255, 255, 0.8);
}

.complex-boxs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.complex-box {
  position: relative;
  z-index: 1;
  padding: 40px;
}
.complex-box:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 32px;
  background: #1F3651;
}
.complex-box:after {
  content: "";
  position: absolute;
  z-index: -2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 32px;
  background: linear-gradient(125deg, #43AED5 10.01%, rgba(35, 91, 111, 0) 86.7%);
}

.complex-box_h {
  margin-top: 32px;
}

.complex-box_p {
  color: rgba(255, 255, 255, 0.8);
  margin-top: 16px;
}

@media (max-width: 800px) {
  .complex {
    padding: 72px 0px;
  }
  .complex-wrap:before {
    top: -72px;
    width: 380px;
    height: 380px;
    right: -145px;
  }
  .complex-top {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
  .complex-boxs {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
  .complex-box {
    padding: 24px;
  }
  .complex-box:before {
    border-radius: 24px;
  }
  .complex-box:after {
    border-radius: 24px;
  }
}
/*-complex*/
/*save*/
.save {
  padding: 120px 0px;
  background: #D9EFF7;
}

.save-wrap {
  position: relative;
  padding: 84px 340px;
  border-radius: 56px;
  background: #1D314B;
  overflow: hidden;
}
.save-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 400px;
  background: url("../img/save-1.webp") right top no-repeat;
  background-size: cover;
}
.save-wrap::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 500px;
  background: url("../img/save-2.webp") left top no-repeat;
  background-size: cover;
}

.save-text {
  position: relative;
  z-index: 1;
  color: #FFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.save-p {
  margin-top: 16px;
}

.save-a {
  margin-top: 32px;
}

@media (max-width: 1200px) {
  .save-wrap {
    padding: 84px 150px;
  }
  .save-wrap::after {
    width: 300px;
  }
  .save-wrap::before {
    width: 300px;
  }
}
@media (max-width: 800px) {
  .save {
    padding: 72px 0px;
  }
  .save-wrap {
    border-radius: 40px;
    padding: 72px 32px 290px 32px;
  }
  .save-wrap::after {
    height: 390px;
    width: 90%;
    bottom: 0;
    top: auto;
    background: url("../img/save-3.webp") right top no-repeat;
    background-size: cover;
  }
  .save-wrap::before {
    display: none;
  }
  .save-h {
    font-size: 40px;
    line-height: 120%;
  }
}
/*-save*/
/*ready*/
.ready {
  background: #182A41;
  padding: 120px 0px;
}

.ready-wrap {
  position: relative;
  padding: 100px 360px;
  border-radius: 56px;
  background: #43AED5;
  overflow: hidden;
}
.ready-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 400px;
  background: url("../img/ready-1.webp") right top no-repeat;
  background-size: cover;
}
.ready-wrap::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 500px;
  background: url("../img/ready-2.webp") left top no-repeat;
  background-size: cover;
}

.ready-text {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #FFF;
}

.ready-p {
  margin-top: 16px;
}

.ready-a {
  margin-top: 32px;
}

.ready.two {
  background: #D9EFF7;
}
.ready.two .ready-wrap::after {
  background: url("../img/ready-4.webp") right top no-repeat;
  background-size: cover;
}
.ready.two .ready-wrap::before {
  background: url("../img/ready-5.webp") left top no-repeat;
  background-size: cover;
}

@media (max-width: 1200px) {
  .ready-wrap {
    padding: 84px 150px;
  }
  .ready-wrap::after {
    width: 300px;
  }
  .ready-wrap::before {
    width: 300px;
  }
}
@media (max-width: 800px) {
  .ready {
    padding: 72px 0px;
  }
  .ready-wrap {
    border-radius: 40px;
    padding: 72px 32px 290px 32px;
  }
  .ready-wrap::after {
    height: 370px;
    width: 90%;
    bottom: 0;
    top: auto;
    left: auto;
    right: 0;
    background: url("../img/ready-3.webp") right top no-repeat;
    background-size: cover;
  }
  .ready-wrap::before {
    display: none;
  }
  .ready-h {
    font-size: 40px;
    line-height: 120%;
  }
  .ready.two .ready-wrap::after {
    background: url("../img/ready-6.webp") right top no-repeat;
    background-size: cover;
  }
}
/*-ready*/
/*mission*/
.mission {
  padding: 120px 0px;
  background: #D9EFF7;
}

.mission-boxs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-radius: 32px;
  border: 1px solid #43AED5;
  background: rgba(67, 174, 213, 0.04);
  backdrop-filter: blur(4.9000000954px);
}

.mission-box {
  padding: 32px;
}

.mission-box:nth-child(1) {
  border-right: 1px solid #43AED5;
  background: rgba(67, 174, 213, 0.04);
}

.mission-box_p {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 68px;
}
.mission-box_p:before {
  content: "";
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-top: 6px;
  background: url("../icons/doc-2.svg") center no-repeat;
  background-size: contain;
}

@media (max-width: 800px) {
  .mission {
    padding: 72px 0px;
  }
  .mission-boxs {
    grid-template-columns: repeat(1, 1fr);
    border-radius: 24px;
  }
  .mission-box_p:before {
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin-top: 8px;
  }
}
/*-mission*/
/*core*/
.core {
  padding: 120px 0px;
}

.core-wrap {
  position: relative;
  padding: 100px 44px;
  border-radius: 56px;
  background: #D9EFF7;
  overflow: hidden;
}
.core-wrap::before {
  content: "";
  position: absolute;
  top: -150px;
  left: -150px;
  width: 380px;
  height: 380px;
  background: url("../icons/doc-3.svg") center top no-repeat;
  background-size: cover;
  opacity: 0.6;
}
.core-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  right: -350px;
  width: 900px;
  height: 900px;
  background: url("../icons/doc-3.svg") center top no-repeat;
  background-size: cover;
  opacity: 0.6;
}

.core-top {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.core-label {
  color: #43AED5;
  font-size: 18px;
  font-weight: 600;
  line-height: 178%;
  padding: 8px 42px;
  border-radius: 100px;
  background: rgba(67, 174, 213, 0.05);
}

.core-h {
  margin-top: 16px;
}

.core-p {
  max-width: 530px;
  text-align: center;
  margin-top: 16px;
}

.core-boxs {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.core-box {
  position: relative;
  display: flex;
  align-items: center;
  height: 156px;
  border-radius: 32px;
  background: #FFF;
  padding-left: 76px;
  overflow: hidden;
}

.core-box_h {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  font-size: 30px;
  font-weight: 700;
  line-height: 127%;
}
.core-box_h::before {
  content: "";
  width: 18px;
  min-width: 18px;
  height: 18px;
  background: url("../icons/doc-2.svg") center no-repeat;
  background-size: contain;
}
.core-box_h strong {
  font-weight: 400;
  font-style: italic;
}

.core-box_n {
  position: absolute;
  right: -20px;
  top: 0;
  color: #E8F5FA;
  font-size: 237px;
  font-weight: 700;
  line-height: 70%;
}

.core-block {
  border-radius: 32px;
  border: 0.5px solid rgba(67, 174, 213, 0.1);
  background: rgba(255, 255, 255, 0.2);
}

.core-box.two {
  padding-left: 170px;
}
.core-box.two .core-box_n {
  right: auto;
  left: -25px;
}

@media (max-width: 1200px) {
  .core-block {
    display: none;
  }
  .core-boxs {
    grid-template-columns: repeat(1, 1fr);
  }
  .core-box.two {
    padding-left: 76px;
  }
  .core-box.two .core-box_n {
    right: -20px;
    left: auto;
  }
}
@media (max-width: 800px) {
  .core {
    padding: 72px 0px;
  }
  .core-wrap {
    padding: 72px 24px 24px 24px;
    border-radius: 24px;
  }
  .core-wrap::after {
    display: none;
  }
  .core-wrap::before {
    left: auto;
    right: -160px;
    top: -120px;
  }
  .core-boxs {
    gap: 16px;
  }
  .core-box {
    height: 152px;
    padding-left: 32px;
    border-radius: 24px;
  }
  .core-box.two {
    padding-left: 32px;
  }
  .core-box_h {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    font-size: 24px;
    line-height: 133%;
  }
  .core-box_h:before {
    width: 16px;
    min-width: 16px;
    height: 16px;
  }
}
/*-core*/
/*smarted*/
.smarted {
  position: relative;
  padding: 150px 0px;
  margin-bottom: 120px;
}
.smarted::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(28, 48, 74, 0) 0%, #182A41 92.81%);
}

.smarted-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.smarted-text {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #FFF;
}

.smarted-p {
  max-width: 700px;
  margin-top: 24px;
}

@media (max-width: 800px) {
  .smarted {
    padding: 100px 0px;
    margin-bottom: 72px;
  }
}
/*-smarted*/
/*people*/
.people-boxs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.people-box_img {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 340px;
  border-radius: 24px 24px 0px 0px;
  background: #D9EFF7;
  overflow: hidden;
}
.people-box_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.people-box_img span {
  position: absolute;
  z-index: 2;
  right: 18px;
  top: 18px;
  color: #43AED5;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  border-radius: 73px;
  background: rgba(67, 174, 213, 0.05);
  padding: 5px 14px;
}

.people-box_h {
  margin-top: 20px;
}
.people-box_h strong {
  font-weight: 400;
}

.people-box_p {
  margin-top: 8px;
}

@media (max-width: 1200px) {
  .people-boxs {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 800px) {
  .people-boxs {
    grid-template-columns: repeat(1, 1fr);
  }
  .people-box_img {
    height: 102.93vw;
  }
}
/*-people*/
/*chose*/
.chose {
  color: #FFF;
  padding: 120px 0px;
  background: #1D314B;
  overflow: hidden;
}

.chose-wrap {
  position: relative;
  z-index: 1;
}
.chose-wrap:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -120px;
  right: -300px;
  width: 790px;
  height: 790px;
  background: url("../icons/doc-7.svg") center no-repeat;
  background-size: contain;
}

.chose-boxs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.chose-box {
  position: relative;
  z-index: 1;
  padding: 40px;
}
.chose-box::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 24px;
  background: #203C57;
}
.chose-box::after {
  content: "";
  position: absolute;
  z-index: -2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  background: linear-gradient(125deg, #43AED5 10.01%, rgba(35, 91, 111, 0) 86.7%);
}

.chose-box_icon {
  margin-bottom: 48px;
}

.chose-box_p {
  color: rgba(255, 255, 255, 0.8);
  margin-top: 8px;
}

.chose-box_ul {
  display: grid;
  gap: 24px;
  margin-top: 40px;
}
.chose-box_ul li {
  position: relative;
  color: rgba(255, 255, 255, 0.8);
  padding-left: 24px;
}
.chose-box_ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 14px;
  height: 14px;
  background: url("../icons/doc-2.svg") center no-repeat;
  background-size: contain;
}

.chose-box_img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
.chose-box_img img {
  width: 100%;
  height: 100%;
  border-radius: 32px;
}

.chose-box_grid {
  margin-top: 28px;
  padding-top: 28px;
  border-top: 1px solid rgba(67, 174, 213, 0.33);
}
.chose-box_grid .chose-box_ul {
  gap: 8px;
  margin-top: 14px;
}

@media (max-width: 1200px) {
  .chose-boxs {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .chose-box {
    padding: 24px;
  }
}
@media (max-width: 800px) {
  .chose {
    padding: 72px 0px;
  }
  .chose-wrap:before {
    top: -72px;
    right: -165px;
    width: 380px;
    height: 380px;
  }
  .chose-box {
    border-radius: 24px;
  }
  .chose-box_icon {
    width: 56px;
    height: 56px;
    margin-bottom: 32px;
  }
  .chose-box_p {
    margin-top: 16px;
  }
  .chose-box_ul {
    gap: 12px;
    margin-top: 24px;
  }
  .chose-box_img {
    margin-top: 32px;
  }
  .chose-box_img img {
    border-radius: 24px;
  }
  .chose-box_grid {
    margin-top: 24px;
    padding-top: 24px;
  }
  .chose-box_grid .chose-box_ul {
    gap: 12px;
    margin-top: 12px;
  }
}
/*-chose*/
/*real*/
.real {
  padding: 120px 0px;
  background: #1D314B;
  color: #FFF;
  overflow: hidden;
}
.real .section-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.real-wrap {
  position: relative;
  z-index: 1;
}
.real-wrap::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 90px;
  left: -110px;
  width: 780px;
  height: 780px;
  background: url("../icons/doc-1.svg") center no-repeat;
  background-size: contain;
}

.real-boxs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.real-box {
  position: relative;
  z-index: 1;
  padding: 32px;
}
.real-box:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 32px;
  background: #1e324c;
}
.real-box::after {
  content: "";
  position: absolute;
  z-index: -2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 32px;
  background: linear-gradient(125deg, #43AED5 10.01%, rgba(35, 91, 111, 0) 86.7%);
}

.real-box_p {
  display: flex;
  gap: 10px;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 54px;
}
.real-box_p::before {
  content: "";
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-top: 5px;
  background: url("../icons/doc-2.svg") center no-repeat;
  background-size: contain;
}

.real-text {
  position: relative;
  z-index: 1;
  padding: 72px;
  margin-top: 24px;
}
.real-text:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 32px;
  background: #1e324c;
}
.real-text::after {
  content: "";
  position: absolute;
  z-index: -2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 32px;
  background: linear-gradient(125deg, #43AED5 10.01%, rgba(35, 91, 111, 0) 86.7%);
}

.real-content *:first-child {
  margin-top: 0px;
}
.real-content p {
  color: #FFF;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 133%;
  margin-top: 24px;
}

.real-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 48px;
}

.real-p {
  position: relative;
  color: rgba(255, 255, 255, 0.8);
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  padding-left: 28px;
}
.real-p strong {
  color: #FFF;
}
.real-p:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 18px;
  height: 18px;
  background: url("../icons/doc-2.svg") center no-repeat;
  background-size: contain;
}

@media (max-width: 1200px) {
  .real-text {
    padding: 40px;
  }
}
@media (max-width: 800px) {
  .real {
    padding: 72px 0px;
  }
  .real .section-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
  .real-wrap::before {
    width: 380px;
    height: 380px;
    top: -72px;
    left: auto;
    right: -165px;
  }
  .real-boxs {
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
  }
  .real-box {
    padding: 24px;
  }
  .real-box::before {
    border-radius: 24px;
  }
  .real-box::after {
    border-radius: 24px;
  }
  .real-box_p {
    margin-top: 40px;
  }
  .real-box_p::before {
    width: 16px;
    min-width: 16px;
    height: 16px;
  }
  .real-text {
    position: relative;
    padding: 68px 24px 24px 24px;
  }
  .real-text::before {
    border-radius: 24px;
  }
  .real-text::after {
    border-radius: 24px;
  }
  .real-svg {
    position: absolute;
    left: 24px;
    top: 24px;
  }
  .real-content p {
    font-size: 24px;
  }
  .real-bottom {
    margin-top: 32px;
  }
  .real-p {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 18px;
    line-height: 24px;
  }
  .real-p::before {
    width: 16px;
    height: 16px;
  }
}
/*-real*/
/*tech*/
.tech {
  background: rgba(67, 174, 213, 0.2);
  padding: 120px 0px;
}
.tech .section-top {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.tech .section-h {
  max-width: 650px;
}

.tech-wrap {
  position: relative;
  z-index: 1;
}
.tech-wrap::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -20px;
  right: -500px;
  width: 900px;
  height: 900px;
  background: url("../icons/doc-3.svg") center no-repeat;
  background-size: contain;
  opacity: 0.4;
}

.tech-table {
  width: 100%;
  border-radius: 40px;
  border: 1px solid rgba(67, 174, 213, 0.8);
  background: rgba(255, 255, 255, 0.01);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  width: 100%;
  overflow: auto;
}
.tech-table table {
  width: 100%;
}
.tech-table th {
  white-space: nowrap;
  font-size: 22px;
  font-weight: 700;
  line-height: 40px;
  padding: 32px 0px;
  width: 20%;
  border-bottom: 1px solid rgba(67, 174, 213, 0.3);
}
.tech-table th:nth-child(1) {
  padding-left: 72px;
  width: 40%;
}
.tech-table th:nth-child(1) span {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
}
.tech-table tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.12);
}
.tech-table td {
  white-space: nowrap;
  color: #1C304A;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  padding: 32px 0px;
  border-bottom: 1px solid rgba(67, 174, 213, 0.3);
}
.tech-table td:nth-child(1) {
  width: 40%;
  padding-left: 72px;
}
.tech-table span {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 800px) {
  .tech {
    padding: 72px 0px;
    overflow: hidden;
  }
  .tech-wrap:before {
    top: -200px;
    right: -200px;
    width: 380px;
    height: 380px;
  }
  .tech-table {
    border-radius: 24px;
  }
  .tech-table th {
    width: auto;
    font-size: 14px;
    line-height: 28px;
    padding: 24px;
  }
  .tech-table th svg {
    width: 14px;
    height: 14px;
  }
  .tech-table th:nth-child(1) {
    width: auto;
    padding-left: 24px;
  }
  .tech-table td {
    width: auto;
    font-size: 16px;
    line-height: 32px;
    padding: 24px;
  }
  .tech-table td:nth-child(1) {
    width: auto;
    padding-left: 24px;
  }
  .tech-table td svg {
    width: 24px;
    height: 24px;
  }
}
/*-tech*/
/*built*/
.built {
  padding-top: 136px;
  padding-bottom: 120px;
  overflow: hidden;
}

.built-wrap {
  position: relative;
  z-index: 1;
}
.built-wrap::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -136px;
  left: 50%;
  transform: translateX(-35%);
  width: 680px;
  height: 680px;
  background: url("../icons/doc-9.svg") center no-repeat;
  background-size: contain;
}

.built-grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.built-text {
  max-width: 510px;
}

.built-p {
  margin-top: 24px;
}

.built-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 630px;
  height: 520px;
}
.built-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 40px;
}

@media (max-width: 1200px) {
  .built {
    padding-top: 128px;
  }
  .built-grid {
    display: block;
  }
  .built-text {
    max-width: 100%;
    margin-bottom: 32px;
  }
  .built-img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 800px) {
  .built {
    padding-bottom: 72px;
  }
  .built-wrap::before {
    transform: translate(0);
    left: auto;
    top: -128px;
    right: -164px;
    width: 385px;
    height: 385px;
  }
  .built-p {
    margin-top: 24px;
  }
  .built-img img {
    border-radius: 24px;
  }
}
/*-built*/
/*acute*/
.acute {
  background: #1D314B;
  padding: 120px 0px;
}

.acute-wrap {
  position: relative;
  z-index: 1;
}
.acute-wrap:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -120px;
  right: -300px;
  width: 790px;
  height: 790px;
  background: url("../icons/doc-7.svg") center no-repeat;
  background-size: contain;
}

.acute-top {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-end;
  gap: 24px;
}

.acute-h {
  color: #FFF;
}

.acute-p {
  color: rgba(255, 255, 255, 0.8);
}

.acute-text p {
  color: rgba(255, 255, 255, 0.8);
  margin-top: 16px;
}
.acute-text p:first-child {
  margin-top: 0px;
}

.acute-boxs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.acute-box {
  position: relative;
  z-index: 1;
  padding: 24px 32px;
}
.acute-box:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 24px;
  background: #203C57;
}
.acute-box::after {
  content: "";
  position: absolute;
  z-index: -2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  background: linear-gradient(125deg, #43AED5 10.01%, rgba(35, 91, 111, 0) 86.7%);
}

.acute-box_p {
  display: flex;
  gap: 10px;
  color: rgba(255, 255, 255, 0.8);
}
.acute-box_p:before {
  content: "";
  width: 14px;
  min-width: 14px;
  height: 14px;
  margin-top: 7px;
  background: url("../icons/doc-2.svg") center no-repeat;
  background-size: contain;
}

.acute-a {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 32px;
  border: 0.5px solid #43AED5;
  background: #43AED5;
  padding: 24px 32px;
}

.acute-a_p {
  color: rgba(255, 255, 255, 0.9);
}

.acute-a_arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  min-width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid rgba(232, 245, 250, 0.8);
}
.acute-a_arrow svg {
  fill: rgba(232, 245, 250, 0.8);
  transition: 0.1s;
}

.acute.two .acute-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.acute.two .acute-p {
  max-width: 780px;
}

.acute-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.acute-items .acute-boxs {
  grid-template-columns: repeat(1, 1fr);
}
.acute-items .acute-a {
  grid-column-start: 1;
  grid-column-end: 3;
  text-align: center;
}

@media (max-width: 800px) {
  .acute {
    padding: 72px 0px;
  }
  .acute-top {
    margin-bottom: 16px;
  }
  .acute-text {
    margin-bottom: 32px;
  }
  .acute-wrap:before {
    top: -72px;
    right: -165px;
    width: 380px;
    height: 380px;
  }
  .acute-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
  }
  .acute-boxs {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
  .acute-box {
    padding: 24px;
    border-radius: 24px;
  }
  .acute-a {
    padding: 24px;
    border-radius: 24px;
  }
  .acute.two .acute-top {
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
  }
  .acute-items {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
  .acute-items .acute-boxs {
    grid-template-columns: repeat(1, 1fr);
  }
  .acute-items .acute-a {
    grid-column-start: 1;
    grid-column-end: 2;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .acute-a:hover .acute-a_arrow {
    background: rgba(232, 245, 250, 0.8);
  }
  .acute-a:hover .acute-a_arrow svg {
    fill: #43AED5;
  }
}
/*-acute*/
/*deliver*/
.deliver {
  background: #182A41;
  padding: 120px 0px;
  overflow: hidden;
}

.deliver-wrap {
  position: relative;
  z-index: 1;
}
.deliver-wrap::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -120px;
  left: -400px;
  width: 780px;
  height: 780px;
  background: url("../icons/doc-8.svg") center no-repeat;
  background-size: contain;
}

.deliver-top {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 24px;
}

.deliver-h {
  color: #FFF;
}

.deliver-p {
  color: rgba(255, 255, 255, 0.8);
}

.deliver-boxs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.deliver-box {
  position: relative;
  z-index: 1;
  padding: 40px;
}
.deliver-box:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 32px;
  background: #1F3047;
}
.deliver-box::after {
  content: "";
  position: absolute;
  z-index: -2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 32px;
  background: linear-gradient(125deg, #43AED5 10.01%, rgba(35, 91, 111, 0) 86.7%);
}

.deliver-box_h {
  color: #FFF;
  margin-top: 32px;
}

.deliver-box_p {
  color: rgba(255, 255, 255, 0.8);
  margin-top: 16px;
}

.deliver-block {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  align-items: center;
  padding: 40px;
  grid-column-start: 1;
  grid-column-end: 4;
}
.deliver-block:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 32px;
  background: #1F3047;
}
.deliver-block::after {
  content: "";
  position: absolute;
  z-index: -2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 32px;
  background: linear-gradient(125deg, #43AED5 10.01%, rgba(35, 91, 111, 0) 86.7%);
}

.deliver-block_h {
  color: #FFF;
  margin-top: 32px;
}

.deliver-block_p {
  color: rgba(255, 255, 255, 0.8);
  margin-top: 16px;
}

.deliver-block_i {
  display: flex;
  justify-content: center;
  align-items: center;
}
.deliver-block_i img {
  width: 100%;
  border-radius: 32px;
}

.deliver-box_text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.deliver-box_z {
  color: rgba(255, 255, 255, 0.8);
}

.deliver-box_ul {
  color: rgba(255, 255, 255, 0.8);
}
.deliver-box_ul li {
  display: flex;
  gap: 10px;
  margin-top: 24px;
}
.deliver-box_ul li:before {
  content: "";
  width: 14px;
  min-width: 14px;
  height: 14px;
  margin-top: 7px;
  background: url("../icons/doc-2.svg") center no-repeat;
  background-size: contain;
}

.deliver.two .deliver-boxs {
  grid-template-columns: repeat(6, 1fr);
}
.deliver.two .deliver-box:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 4;
}
.deliver.two .deliver-box:nth-child(2) {
  grid-column-start: 4;
  grid-column-end: 7;
}
.deliver.two .deliver-box:nth-child(3) {
  grid-column-start: 1;
  grid-column-end: 3;
}
.deliver.two .deliver-box:nth-child(4) {
  grid-column-start: 3;
  grid-column-end: 5;
}
.deliver.two .deliver-box:nth-child(5) {
  grid-column-start: 5;
  grid-column-end: 7;
}

.deliver.three .deliver-boxs {
  grid-template-columns: repeat(6, 1fr);
}
.deliver.three .deliver-box:nth-child(4) {
  grid-column-start: 1;
  grid-column-end: 4;
}
.deliver.three .deliver-box:nth-child(5) {
  grid-column-start: 4;
  grid-column-end: 7;
}
.deliver.three .deliver-box:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 3;
}
.deliver.three .deliver-box:nth-child(2) {
  grid-column-start: 3;
  grid-column-end: 5;
}
.deliver.three .deliver-box:nth-child(3) {
  grid-column-start: 5;
  grid-column-end: 7;
}

@media (max-width: 1200px) {
  .deliver-block {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 800px) {
  .deliver {
    padding: 72px 0px;
  }
  .deliver-wrap::before {
    top: 140px;
    left: -160px;
    width: 380px;
    height: 380px;
  }
  .deliver-top {
    display: block;
  }
  .deliver-p {
    margin-top: 16px;
  }
  .deliver-boxs {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
  }
  .deliver-box {
    padding: 24px;
  }
  .deliver-box::before {
    border-radius: 24px;
  }
  .deliver-box::after {
    border-radius: 24px;
  }
  .deliver-box_img {
    width: 56px;
    height: 56px;
  }
  .deliver-block {
    gap: 32px;
    padding: 24px;
  }
  .deliver-block::before {
    border-radius: 24px;
  }
  .deliver-block::after {
    border-radius: 24px;
  }
  .deliver-block_img {
    width: 56px;
    height: 56px;
  }
  .deliver-block_i img {
    border-radius: 24px;
  }
  .deliver-box_ul li {
    margin-top: 16px;
  }
  .deliver-box_ul li:before {
    width: 14px;
    min-width: 14px;
    height: 14px;
    margin-top: 4px;
  }
}
/*-deliver*/
/*metter*/
.metter {
  background: #EBF7FB;
  padding: 120px 0px;
  overflow: hidden;
}

.metter-wrap {
  position: relative;
  z-index: 1;
}
.metter-wrap:before {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  top: -300px;
  right: -200px;
  width: 500px;
  height: 500px;
  background: url("../icons/doc-9.svg") center no-repeat;
  background-size: contain;
  opacity: 0.7;
}

.metter-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.metter-boxs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  border-radius: 32px;
  border: 1px solid #43AED5;
  background: #43AED5;
  overflow: hidden;
}

.metter-box {
  padding: 32px;
  background: #EBF7FB;
}

.metter-box:nth-child(even) {
  background: #E4F4F9;
}

.metter-box_p {
  display: flex;
  gap: 10px;
  margin-top: 76px;
}
.metter-box_p:before {
  content: "";
  width: 18px;
  min-width: 18px;
  height: 18px;
  background: url("../icons/doc-2.svg") center no-repeat;
  background-size: contain;
  margin-top: 5px;
}

.metter.two .metter-box:nth-child(even) {
  background: #EBF7FB;
}
.metter.two .metter-box:nth-child(odd) {
  background: #E4F4F9;
}

@media (max-width: 1200px) {
  .metter-boxs {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 800px) {
  .metter {
    padding: 72px 0px;
  }
  .metter-wrap:before {
    top: -72px;
    right: -160px;
    width: 380px;
    height: 380px;
  }
  .metter-top {
    align-items: flex-start;
    justify-content: flex-start;
  }
  .metter-boxs {
    grid-template-columns: repeat(1, 1fr);
    border-radius: 24px;
  }
  .metter-box_h {
    font-size: 64px;
  }
}
/*-metter*/
/*episode*/
.episode {
  background: #EBF7FB;
  padding: 120px 0px;
}

.episode-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  align-items: center;
}

.episode-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.episode-label {
  color: #43AED5;
  font-size: 18px;
  font-weight: 600;
  line-height: 177%;
  padding: 8px 28px;
  border-radius: 100px;
  background: rgba(67, 174, 213, 0.05);
}

.episode-h {
  margin-top: 16px;
}

.episode-content {
  padding-right: 60px;
  margin-top: 32px;
}
.episode-content p:first-child {
  margin-top: 0px;
}
.episode-content p {
  position: relative;
  padding-left: 28px;
  margin-top: 24px;
}
.episode-content p:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  background: url("../icons/doc-2.svg") center no-repeat;
  background-size: contain;
}
.episode-content strong {
  text-transform: uppercase;
}

.episode-img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.episode-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 32px;
}

.episode-boxs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 56px;
}

.episode-box {
  display: flex;
  align-items: flex-start;
  padding: 32px;
  border-radius: 32px;
  border: 1px solid rgba(67, 174, 213, 0);
  background: #FFF;
  gap: 32px;
}

.episode-box_label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 155%;
  white-space: nowrap;
  margin-top: 10px;
}
.episode-box_label::before {
  content: "";
  width: 18px;
  min-width: 18px;
  height: 18px;
  background: url("../icons/doc-2.svg") center no-repeat;
  background-size: contain;
}

@media (max-width: 1200px) {
  .episode-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 40px;
  }
  .episode-img {
    order: -1;
  }
  .episode-img img {
    border-radius: 24px;
  }
}
@media (max-width: 800px) {
  .episode {
    padding: 72px 0px;
  }
  .episode-content {
    padding: 0px;
    margin-top: 24px;
  }
  .episode-content p:before {
    width: 16px;
    min-width: 16px;
    height: 16px;
    top: 4px;
  }
  .episode-boxs {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
  .episode-box {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 32px;
    border-radius: 24px;
  }
}
/*-episode*/
/*help*/
.help {
  padding: 120px 0px;
  background: #182A41;
}

.help-wrap {
  width: 100%;
  border-radius: 56px;
  background: url("../img/help-1.webp") center no-repeat;
  background-size: cover;
  padding: 84px 270px;
}

.help-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #FFF;
}

.help-p {
  margin-top: 16px;
}

.help-ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  margin-top: 16px;
}
.help-ul li {
  display: flex;
  align-items: center;
  gap: 10px;
}
.help-ul li:before {
  content: "";
  width: 14px;
  min-width: 14px;
  height: 14px;
  background: url("../icons/doc-9.svg") center no-repeat;
  background-size: contain;
}

.help-a {
  margin-top: 24px;
}

@media (max-width: 800px) {
  .help-wrap {
    border-radius: 40px;
    background: url("../img/help-2.webp") center no-repeat;
    background-size: cover;
    padding: 56px 32px 320px 32px;
  }
  .help-text {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
  }
  .help-ul {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .help-ul li {
    align-items: flex-start;
  }
  .help-ul li:before {
    margin-top: 5px;
  }
  .help-a {
    width: 100%;
  }
}
/*-help*/
/*were*/
.were {
  padding: 120px 0px;
  background: #182A41;
}

.were-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 24px;
  padding: 84px 110px;
  border-radius: 56px;
  background: url("../img/were-1.webp") center no-repeat;
  background-size: cover;
}

.were-text {
  color: #FFF;
}

.were-p {
  margin-top: 16px;
}

.were-a {
  margin-top: 32px;
}

.were-ul {
  display: grid;
  gap: 16px;
  margin-top: 24px;
}
.were-ul li {
  position: relative;
  padding-left: 24px;
}
.were-ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 14px;
  height: 14px;
  background: url("../icons/doc-9.svg") center no-repeat;
  background-size: contain;
}

@media (max-width: 1200px) {
  .were-wrap {
    padding: 56px;
  }
}
@media (max-width: 800px) {
  .were {
    padding: 72px 0px;
  }
  .were-wrap {
    position: relative;
    grid-template-columns: repeat(1, 1fr);
    gap: 32px;
    border-radius: 40px;
    padding: 56px 32px 160px 32px;
    background: url("../img/were-2.webp") center no-repeat;
    background-size: cover;
  }
  .were-a {
    position: absolute;
    left: 32px;
    bottom: 56px;
    width: calc(100% - 64px);
  }
  .were-ul li:before {
    width: 14px;
    height: 14px;
    top: 3px;
  }
}
/*-were*/