html {
  font-size: 1px;
}
@media screen and (max-width: 1440px) and (min-width: 860px) {
  html {
    font-size: 0.0694444444vw;
  }
}
@media screen and (max-width: 390px) {
  html {
    font-size: 0.2564102564vw;
  }
}

body * {
  box-sizing: border-box;
}

main {
  padding-bottom: 100rem;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

section {
  background: #fff;
}

section .inner {
  margin: 0 auto;
  width: 100%;
  max-width: 1440rem;
}

.mobile {
  display: none !important;
}

.bl-1 {
  position: relative;
  overflow: hidden;
}
.bl-1 img {
  width: 100%;
}
.bl-1 .title {
  position: absolute;
  top: 201rem;
  left: 0;
  -webkit-backdrop-filter: blur(10rem);
          backdrop-filter: blur(10rem);
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 40rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 0 10rem 10rem 0;
  padding: 31rem 37rem 30rem 60rem;
  width: 547rem;
  z-index: 3;
}
.bl-1 h1 {
  line-height: 36.77rem;
  text-align: left;
  margin-top: 0;
}
.bl-1 h1 span {
  line-height: 36.77rem;
  font-size: 32rem;
  font-weight: 700;
}

.bl2 .inner {
  padding-top: 70rem;
}
.bl2 .inner .t1 {
  width: 1095rem;
  margin: 0 auto;
  text-align: center;
  font-size: 40rem;
  line-height: 130%;
  font-weight: 700;
  text-transform: uppercase;
}
.bl2 .inner .t2 {
  width: 758rem;
  margin: 50rem auto 0;
  text-align: center;
  font-size: 24rem;
  line-height: 140%;
}

.bl3 .inner {
  padding-top: 100rem;
  width: 1095rem;
  display: flex;
  gap: 82rem;
  align-items: center;
  justify-content: space-between;
}
.bl3 .inner .l {
  width: 675rem;
}
.bl3 .inner .l .t1 {
  color: #2A8EDC;
  font-size: 32rem;
  font-weight: 700;
}
.bl3 .inner .l ul {
  margin-top: 20rem;
  list-style: disc;
  padding-left: 33rem;
}
.bl3 .inner .l ul li {
  font-size: 24rem;
  line-height: 140%;
  display: list-item;
}
.bl3 .inner .l .t2 {
  color: #2A8EDC;
  font-size: 32rem;
  font-weight: 700;
  margin-top: 50rem;
}
.bl3 .inner .l .t3 {
  margin-top: 20rem;
  font-size: 24rem;
  line-height: 140%;
}
.bl3 .inner .r a img {
  width: 338rem;
}

.bl4 .inner {
  padding-top: 117rem;
  display: flex;
  gap: 63rem;
  width: 983rem;
}
.bl4 .inner .item {
  width: 275rem;
  height: 254rem;
  position: relative;
}
.bl4 .inner .item::before, .bl4 .inner .item::after {
  content: "";
  position: absolute;
  display: block;
  background-color: #B1DDFF;
}
.bl4 .inner .item::before {
  width: 307rem;
  height: 222rem;
  top: 16rem;
  left: -16rem;
}
.bl4 .inner .item::after {
  width: 243rem;
  height: 286rem;
  top: -16rem;
  left: 16rem;
}
.bl4 .inner .item .c {
  width: 275rem;
  height: 254rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 19rem;
  position: relative;
  z-index: 2;
  background-color: #2A8EDC;
}
.bl4 .inner .item .num {
  color: #fff;
  font-size: 90rem;
  font-weight: 700;
}
.bl4 .inner .item img {
  width: 85rem;
}
.bl4 .inner .item .t {
  margin-top: 6rem;
  color: #fff;
  font-size: 24rem;
  font-weight: 700;
}

.bl5 .inner {
  padding-top: 167rem;
}
.bl5 .inner .t1 {
  text-align: center;
  font-size: 20rem;
  font-weight: 700;
}
.bl5 .inner .t2 {
  margin: 20rem auto 0;
  position: relative;
  text-align: center;
  font-size: 64rem;
  font-weight: 700;
  width: 1095rem;
  text-transform: uppercase;
}
.bl5 .inner .t2 img {
  width: 83rem;
  height: 83rem;
  position: absolute;
  left: -41rem;
  top: -5rem;
}
.bl5 .inner .t3 {
  margin-top: 30rem;
  text-align: center;
  font-size: 24rem;
}
.bl5 .inner .t4 {
  margin-top: 50rem;
  margin-left: 293rem;
  background-color: #1DCB6A;
  width: -moz-max-content;
  width: max-content;
  height: 61rem;
  color: #fff;
  font-size: 32rem;
  font-weight: 700;
  line-height: 61rem;
  padding: 0 20rem;
  border-radius: 20rem;
}
.bl5 .inner .t4.t41 {
  margin-top: 70rem;
}
.bl5 .inner .item {
  margin: 50rem auto 0;
  width: 872rem;
  display: flex;
  gap: 25rem;
}
.bl5 .inner .item img {
  width: 90rem;
}
.bl5 .inner .item .r {
  width: calc(100% - 115rem);
  font-size: 32rem;
  line-height: 140%;
}
.bl5 .inner .item .r span {
  font-weight: 700;
  font-size: 32rem;
  line-height: 140%;
}
.bl5 .inner .t5 {
  margin: 50rem auto 0;
  width: 1096rem;
  font-size: 24rem;
  line-height: 140%;
  text-align: center;
}
.bl5 .inner .t6 {
  margin: 40rem auto 0;
  width: 1094rem;
  padding: 70rem 82rem;
  background-color: #F5F5F7;
  border-radius: 20rem;
  position: relative;
  font-size: 24rem;
  font-weight: 600;
  font-style: italic;
}
.bl5 .inner .t6 img {
  position: absolute;
  width: 100rem;
  height: 79rem;
  top: -40rem;
  right: 112rem;
}

.bl6 .inner {
  padding-top: 100rem;
  width: 1320rem;
  display: flex;
  flex-direction: column;
  gap: 30rem;
}
.bl6 .inner img {
  width: 100%;
}
.bl6 .inner .row {
  display: flex;
  gap: 30rem;
}
.bl6 .inner .row .l {
  width: 758rem;
  display: flex;
  flex-direction: column;
  gap: 30rem;
}
.bl6 .inner .row .r {
  width: 532rem;
}
.bl6 .inner .row.r2 > img {
  height: 454rem;
}
.bl6 .inner .row.r3 > img {
  height: 431rem;
}

.bl7 {
  padding-top: 140rem;
}
.bl7 .inner {
  width: 1094rem;
  border-radius: 20rem;
  padding: 70rem 82rem;
  background-color: #F5F5F7;
  font-size: 24rem;
  line-height: 150%;
  position: relative;
}
.bl7 .inner span {
  font-size: 24rem;
  line-height: 150%;
  font-weight: 600;
  font-style: italic;
}
.bl7 .inner img {
  width: 100rem;
  height: 79rem;
  position: absolute;
  top: -40rem;
  right: 112rem;
}

section.bl-another_blocks {
  background-color: #2A8EDC;
}
section.bl-another_blocks .in .title {
  color: #fff;
}
section.bl-another_blocks .in .row .item {
  box-shadow: none;
}

.bl8 {
  margin-top: 0;
  padding-top: 66rem;
}
.bl8 .in {
  background-color: #18AC59;
  width: 1320rem;
  padding: 50rem 112rem;
  position: relative;
  border-radius: 20rem;
  margin: 0 auto;
}
.bl8 .in .title {
  line-height: 140%;
  color: #fff;
  width: 983rem;
  font-size: 24rem;
  font-weight: 700;
}
.bl8 .in .main-form {
  margin-top: 30rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 25rem;
  max-width: 100%;
}
.bl8 .in input {
  padding: 0 20rem;
  max-width: 100%;
  box-shadow: none;
  text-align: left;
  outline: 0;
  width: calc((100% - 75rem) / 4);
  height: 50rem;
  display: block;
  font-size: 20rem;
  font-weight: 600;
  border: 1rem solid #1DCB6A;
  border-radius: 30rem;
  transition: all 0.2s ease-in-out;
  color: #fff !important;
  position: relative;
  margin: 0;
  background-color: transparent;
  /* Edge */
  /* Internet Explorer 10-11 */
}
.bl8 .in input.error {
  border: 1px solid red !important;
}
.bl8 .in input::-moz-placeholder {
  font-size: 20rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6) !important;
}
.bl8 .in input::placeholder {
  font-size: 20rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6) !important;
}
.bl8 .in button {
  background-color: #fff;
  height: 50rem;
  margin: 0 !important;
  width: calc((100% - 75rem) / 4);
  border-radius: 30rem;
  display: block;
  color: #000;
  font-weight: 700;
}

.bl-14 {
  margin: 100rem 0 84rem;
}
.bl-14 .title {
  text-align: center;
  font-size: 48px;
  font-weight: bold;
}
.bl-14 .text {
  text-align: center;
  margin: 31rem auto 0;
  font-size: 24rem;
  width: 879rem;
}
.bl-14 .btns {
  margin: 91rem auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 815rem;
}
.bl-14 .btns a {
  display: flex;
  width: 342rem;
  height: 73rem;
  align-items: center;
  justify-content: center;
  border-radius: 38rem;
  font-size: 24rem;
}
.bl-14 .btns .w {
  box-shadow: 0 5px 13px 0px rgba(0, 0, 0, 0.1803921569);
}
.bl-14 .btns .g {
  background-color: #1DCB6A;
  color: #fff;
}

@media screen and (max-width: 859px) {
  main {
    padding-bottom: 20rem;
  }
  section .inner {
    width: 350rem;
    max-width: 350rem;
  }
  .mobile {
    display: block !important;
  }
  .desktop {
    display: none !important;
  }
  .bl-1 .title {
    top: 50%;
    left: 20rem;
    transform: translateY(-50%);
    border-radius: 10rem;
    padding: 20rem;
    width: 50%;
  }
  .bl-1 .title h1 {
    padding: 0;
  }
  .bl-1 h1 {
    line-height: 18rem;
    text-align: center;
  }
  .bl-1 h1 span {
    line-height: 18rem;
    font-size: 16rem;
  }
  .bl2 .inner {
    padding-top: 35rem;
  }
  .bl2 .inner .t1 {
    width: 100%;
    font-size: 20rem;
    text-align: left;
  }
  .bl2 .inner .t2 {
    width: 100%;
    margin: 25rem auto 0;
    text-align: left;
    font-size: 16rem;
  }
  .bl3 .inner {
    padding-top: 50rem;
    width: 100%;
    flex-direction: column;
    gap: 40rem;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .bl3 .inner .l {
    width: 100%;
  }
  .bl3 .inner .l .t1 {
    font-size: 18rem;
  }
  .bl3 .inner .l ul li {
    font-size: 16rem;
  }
  .bl3 .inner .l .t2 {
    font-size: 18rem;
    margin-top: 25rem;
  }
  .bl3 .inner .l .t3 {
    margin-top: 10rem;
    font-size: 16rem;
  }
  .bl3 .inner .r {
    text-align: center;
    width: 100%;
  }
  .bl3 .inner .r a img {
    width: 100%;
    max-width: 338rem;
  }
  .bl4 .inner {
    flex-direction: column;
    padding-top: 30rem;
    gap: 30rem;
    width: 350rem;
  }
  .bl4 .inner .item {
    margin: 20rem auto 0;
  }
  .bl5 .inner {
    padding-top: 60rem;
  }
  .bl5 .inner .t1 {
    text-align: left;
    font-size: 16rem;
  }
  .bl5 .inner .t2 {
    text-align: left;
    font-size: 32rem;
    width: 100%;
  }
  .bl5 .inner .t2 img {
    display: none;
  }
  .bl5 .inner .t3 {
    margin-top: 20rem;
    text-align: left;
    font-size: 16rem;
  }
  .bl5 .inner .t4 {
    margin-top: 30rem;
    margin-left: 0;
    height: 32rem;
    font-size: 18rem;
    line-height: 32rem;
    padding: 0 10rem;
    border-radius: 10rem;
  }
  .bl5 .inner .t4.t41 {
    margin-top: 35rem;
  }
  .bl5 .inner .item {
    margin: 30rem auto 0;
    width: 100%;
    gap: 15rem;
    align-items: flex-start;
  }
  .bl5 .inner .item img {
    width: 50rem;
  }
  .bl5 .inner .item .r {
    width: calc(100% - 65rem);
    font-size: 18rem;
  }
  .bl5 .inner .item .r span {
    font-size: 18rem;
  }
  .bl5 .inner .t5 {
    margin: 30rem auto 0;
    width: 100%;
    font-size: 16rem;
    text-align: left;
  }
  .bl5 .inner .t6 {
    margin: 20rem auto 0;
    width: 100%;
    padding: 35rem 40rem;
    border-radius: 10rem;
    font-size: 16rem;
  }
  .bl5 .inner .t6 img {
    width: 50rem;
    height: 40rem;
    top: -20rem;
    right: 65rem;
  }
  .bl6 .inner {
    padding-top: 50rem;
    width: 100%;
    gap: 10rem;
  }
  .bl6 .inner .row {
    gap: 10rem;
  }
  .bl6 .inner .row .l {
    width: 195rem;
    gap: 10rem;
  }
  .bl6 .inner .row .r {
    width: 138rem;
  }
  .bl6 .inner .row.r2 > img {
    height: 118rem;
  }
  .bl6 .inner .row.r3 > img {
    height: 112rem;
  }
  .bl7 {
    padding-top: 50rem;
  }
  .bl7 .inner {
    width: 100%;
    border-radius: 10rem;
    padding: 35rem 40rem;
    font-size: 16rem;
  }
  .bl7 .inner span {
    font-size: 16rem;
  }
  .bl7 .inner img {
    width: 50rem;
    height: 40rem;
    top: -20rem;
    right: 65rem;
  }
  .bl8 {
    padding-top: 50rem;
  }
  .bl8 .in {
    width: 100%;
    padding: 25rem 20rem;
    border-radius: 0;
  }
  .bl8 .in .title {
    width: 100%;
    font-size: 16rem;
  }
  .bl8 .in .main-form {
    margin-top: 15rem;
    gap: 15rem;
  }
  .bl8 .in input {
    padding: 0 10rem;
    width: 100%;
    height: 50rem;
    font-size: 16rem;
    /* Edge */
    /* Internet Explorer 10-11 */
  }
  .bl8 .in input::-moz-placeholder {
    font-size: 16rem;
  }
  .bl8 .in input::placeholder {
    font-size: 16rem;
  }
  .bl8 .in button {
    height: 50rem;
    width: 100%;
    border-radius: 30rem;
  }
  .bl-14 {
    margin: 50rem auto 40rem;
    width: 350rem;
  }
  .bl-14 .title {
    font-size: 18px;
  }
  .bl-14 .text {
    font-size: 16rem;
    max-width: 350rem;
  }
  .bl-14 .btns {
    flex-direction: column;
    gap: 30rem;
    max-width: 350rem;
    align-items: center;
    margin-top: 20rem;
  }
  .bl-14 .btns a {
    width: 350rem;
    height: 50rem;
    border-radius: 25rem;
    font-size: 18rem;
  }
}/*# sourceMappingURL=style.css.map */