section.hero {
  --color: #122674;
  --top-bar-height: 5.7rem;
  --mobile-container-width: 33rem;
  position: relative;
  margin-top: 5.4rem;
  height: 53.5rem;
  width: 100%;
  color: var(--color, #122674);
}
@media (max-width: 768px) {
  section.hero {
    --top-bar-height: 4.3rem;
    margin-top: 4rem;
    height: 58.2rem;
  }
}
section.hero:has( .swiper-slide-active.light) {
  --color: #FFFFFF;
}
section.hero:has( .swiper-slide-active.dark) {
  --color: #122674;
}
section.hero .swiper img {
  height: 100%;
  width: auto;
  object-fit: cover;
}
section.hero .top-bar {
  height: var(--top-bar-height);
  width: fit-content;
  transform: translateY(-50%) translateX(-5.4rem);
}
@media (max-width: 768px) {
  section.hero .top-bar {
    transform: translateY(-50%) translateX(-8.8rem);
  }
}
section.hero .top-bar img {
  height: 100%;
  width: auto;
}
section.hero .container {
  max-width: 94rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: calc(9.7rem - var(--top-bar-height)) 0 0;
}
@media (max-width: 768px) {
  section.hero .container {
    padding-top: 0;
    max-width: 32.4rem;
  }
}
section.hero .swiper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
section.hero h1,
section.hero p {
  transition: color 2s ease-in-out;
}
section.hero h1 {
  font-weight: 400;
  font-size: 3.8rem;
  letter-spacing: 0;
  line-height: 4.4rem;
  max-width: 46.1rem;
}
@media (max-width: 768px) {
  section.hero h1 {
    max-width: var(--mobile-container-width);
    font-size: 2.8rem;
    line-height: 1.25;
  }
}
section.hero h1 span {
  font-weight: 600;
}
section.hero p {
  opacity: 0.99;
  font-weight: 400;
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height: 2.6rem;
  margin: 0.5rem 0 2.3rem;
  max-width: 46.1rem;
}
@media (max-width: 768px) {
  section.hero p {
    margin: 1.6rem 0 1.8rem;
    max-width: var(--mobile-container-width);
    line-height: calc(24em / 18);
  }
}
section.hero a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 0.1rem;
  min-width: 15.3rem;
  min-height: 4rem;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 0;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  background: #4D8CFF;
  border-radius: 2rem;
  text-decoration: none;
  transition: 0.3s all;
}
section.hero a:hover {
  background: #122674;
}
section.get-started {
  --mobile-container-width: 33.6rem;
  --mobile-block-width: 32rem;
  max-width: 80.5rem;
  margin: 0 auto;
  padding: 10.1rem 0 12rem;
}
@media (max-width: 768px) {
  section.get-started {
    padding: 7rem 0 6rem;
    max-width: var(--mobile-container-width);
  }
}
section.get-started img {
  max-width: 6rem;
  height: 8.3rem;
  margin: 0 auto 3.7rem;
  display: block;
}
@media (max-width: 768px) {
  section.get-started img {
    max-width: 5.1rem;
    height: 7.1rem;
    margin: 0 auto 2rem;
  }
}
section.get-started h3 {
  font-weight: 600;
  font-size: 1.6rem;
  color: #122674;
  letter-spacing: 0;
  text-align: center;
  line-height: 2.4rem;
}
section.get-started p {
  font-weight: 400;
  font-size: 1.6rem;
  color: #122674;
  letter-spacing: 0;
  text-align: center;
  line-height: 2.4rem;
}
section.get-started .btn {
  margin: auto auto 0;
  padding-bottom: 0.1rem;
  font-weight: 600;
  font-size: 1.5rem;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 0;
  text-align: center;
  background: #4D8CFF;
  border-radius: 2.4rem;
  width: 15.9rem;
  height: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
}
section.get-started .btn:hover {
  background: #122674;
}
section.get-started a {
  color: inherit;
}
section.get-started .list {
  margin-top: 6rem;
  display: flex;
  justify-content: center;
  grid-gap: 2.5rem;
}
@media (max-width: 768px) {
  section.get-started .list {
    flex-direction: column;
    align-items: center;
    grid-gap: 1.3rem;
    margin-top: 4.5rem;
  }
}
@media (max-width: 768px) {
  section.get-started .list.mobile {
    display: flex !important;
  }
}
section.get-started .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4.2rem 3rem;
  max-width: 39rem;
  width: 100%;
  background: rgba(77, 151, 255, 0.07);
  border-radius: 2.5rem;
}
@media (max-width: 768px) {
  section.get-started .item {
    max-width: 32rem;
    padding: 3.3rem 2.3rem;
  }
}
section.get-started .item p {
  font-weight: 400;
  font-size: 1.6rem;
  color: #122674;
  letter-spacing: 0;
  text-align: center;
  line-height: 2.4rem;
  margin-bottom: 0.8rem;
}
@media (max-width: 768px) {
  section.get-started .item p {
    margin-bottom: 3.6rem;
  }
}
section.cares {
  --mobile-container-width: 33rem;
  padding: 12rem 0 11.3rem;
  background-image: url("../../img/gradient.webp");
  background-size: cover;
  background-repeat: no-repeat;
  max-width: 100%;
  overflow: hidden;
}
@media (max-width: 768px) {
  section.cares {
    padding: 8rem 0 7.2rem;
  }
}
section.cares .top-img {
  display: block;
  width: 20.4rem;
  height: 9.9rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  section.cares .top-img {
    height: 6.5rem;
    max-width: 13.3rem;
    width: auto;
  }
}
section.cares h2 {
  max-width: 72.9rem;
  margin: 6.5rem auto 2rem;
}
@media (max-width: 768px) {
  section.cares h2 {
    margin-top: 5rem;
    max-width: var(--mobile-container-width);
  }
}
section.cares .cares__subtitle {
  margin: 0 auto 1rem;
  max-width: 72.9rem;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.8rem;
  text-align: center;
  color: #122674;
}
@media (max-width: 768px) {
  section.cares .cares__subtitle {
    max-width: var(--mobile-container-width);
  }
}
section.cares p {
  max-width: 77.9rem;
  margin: 0 auto;
  opacity: 0.99;
  font-weight: 400;
  font-size: 1.6rem;
  color: #122674;
  letter-spacing: 0.043rem;
  text-align: center;
  line-height: 2.4rem;
}
@media (max-width: 768px) {
  section.cares p {
    max-width: var(--mobile-container-width);
  }
}
section.cares .list {
  max-width: 78rem;
  margin: 5.3rem auto 0;
  display: flex;
  flex-direction: column;
  grid-gap: 4rem;
}
@media (max-width: 768px) {
  section.cares .list {
    margin-top: 6rem;
    flex-direction: column;
    gap: 5.2rem;
    max-width: var(--mobile-container-width);
  }
}
section.cares .content {
  max-width: 66.1rem;
  flex-grow: 1;
}
section.cares .item {
  display: flex;
  justify-content: space-between;
  grid-gap: 4rem;
}
@media (max-width: 768px) {
  section.cares .item {
    flex-direction: column;
    align-items: center;
    gap: 2rem;
  }
}
section.cares .item img {
  margin-top: 0.6rem;
  height: 7rem;
  width: auto;
}
@media (max-width: 768px) {
  section.cares .item img {
    margin-top: 0;
  }
}
section.cares .item h3 {
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: 1.6rem;
  color: #122674;
  letter-spacing: 0;
  line-height: 2.4rem;
}
section.cares .item p,
section.cares .item ul {
  font-weight: 400;
  font-size: 1.6rem;
  color: #122674;
  letter-spacing: 0;
  line-height: 2.4rem;
  text-align: left;
}
section.cares .item p span,
section.cares .item ul span {
  font-weight: 600;
}
section.cares .item ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
section.cares .item ul li {
  position: relative;
  padding: 0 0 0 1.2em;
}
section.cares .item ul li:not(:first-child) {
  margin-top: 0.5rem;
}
section.cares .item ul li::before {
  content: '•';
  display: block;
  position: absolute;
  left: 0.5em;
  top: 0;
}
section.cares .assistance {
  max-width: 76.5rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  section.cares .assistance {
    max-width: var(--mobile-container-width);
  }
}
section.cares .assistance .text p,
section.cares .assistance .text ul {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: left;
  color: #3C3A45;
}
section.cares .assistance .text p:not(:first-child),
section.cares .assistance .text ul:not(:first-child) {
  margin-top: 1.5rem;
}
section.cares .assistance .text ul {
  list-style: none;
}
section.cares .assistance .text ul li {
  position: relative;
  padding: 0 0 0 1.2em;
}
section.cares .assistance .text ul li:not(:first-child) {
  margin-top: 0.5rem;
}
section.cares .assistance .text ul li::before {
  content: '•';
  display: block;
  position: absolute;
  left: 0.5em;
  top: 0;
}
section.cares .assistance .footnote {
  margin-top: 3rem;
}
section.cares .assistance .footnote p,
section.cares .assistance .footnote ul {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0;
  text-align: left;
  color: #3C3A45;
}
section.cares .assistance .footnote p:not(:first-child),
section.cares .assistance .footnote ul:not(:first-child) {
  margin-top: 1.5rem;
}
section.cares .assistance .footnote [data-prefix] {
  position: relative;
}
section.cares .assistance .footnote [data-prefix]::before {
  content: attr(data-prefix);
  display: block;
  position: absolute;
  right: 100%;
  font-size: 0.8em;
  line-height: 1.5;
  vertical-align: super;
  text-align: left;
  color: #3C3A45;
}
section.cares .assistance .footnote [data-prefix-up] {
  position: relative;
}
section.cares .assistance .footnote [data-prefix-up]::before {
  content: attr(data-prefix-up);
  display: block;
  position: absolute;
  right: 100%;
  top: -0.2em;
  font-size: 0.8em;
  line-height: 1.5;
  vertical-align: super;
  text-align: left;
  color: #3C3A45;
}
section.cares .img-block {
  display: flex;
  align-items: center;
  position: relative;
  padding: 21.3rem 0 8rem;
}
@media (max-width: 768px) {
  section.cares .img-block {
    padding: 25.6rem 0 2.5rem;
    max-width: var(--mobile-container-width);
  }
}
section.cares .img-block img {
  max-width: 48.6rem;
  position: absolute;
  right: 36rem;
  top: 10rem;
  pointer-events: none;
}
@media (max-width: 768px) {
  section.cares .img-block img {
    right: unset;
    top: 7.8rem;
    left: 1rem;
    max-width: unset;
    width: 28.7rem;
    height: auto;
  }
}
section.cares .img-block h3 {
  font-weight: 500;
  font-size: 1.8rem;
  color: #122674;
  letter-spacing: 0;
  text-align: center;
  line-height: 2.5rem;
  max-width: 32.4rem;
  margin: 0 4.5rem 0 auto;
}
@media (max-width: 768px) {
  section.cares .img-block h3 {
    margin-right: auto;
    max-width: var(--mobile-container-width);
  }
}
section.cares .img-block h3 span {
  font-weight: 600;
}
section.cares .img-block + span {
  max-width: 76.2rem;
  margin: 0 auto;
  display: block;
  font-weight: 400;
  font-size: 1rem;
  color: #3C3A45;
  letter-spacing: 0;
  line-height: 1.2rem;
}
@media (max-width: 768px) {
  section.cares .img-block + span {
    max-width: var(--mobile-container-width);
    text-align: center;
  }
}
section.cares .img-block + span a {
  font-weight: 700;
  text-decoration: underline;
  color: inherit;
}
section.threat {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 31.4rem;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  section.threat {
    height: 25.3rem;
  }
}
@media (max-width: 768px) {
  section.threat img {
    width: 162%;
    filter: brightness(90%);
  }
}
section.threat h2 {
  position: absolute;
  top: 42rem;
  left: 63.8rem;
  opacity: 0.99;
  font-weight: 400;
  font-size: 3.3rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 4rem;
}
@media (max-width: 768px) {
  section.threat h2 {
    bottom: unset;
    top: 7.1rem;
    left: 4rem;
    width: 31rem;
    opacity: 1;
  }
}
section.threat h2 span {
  font-weight: 600;
}
section.form {
  --mobile-container-width: 33rem;
  position: relative;
  max-height: 73.2rem;
}
@media (max-width: 768px) {
  section.form {
    max-height: 95rem;
  }
}
section.form .bg-video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  backface-visibility: hidden;
  will-change: transform;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  contain: layout paint;
}
section.form .bg-video video {
  position: absolute;
  top: -8.7rem;
  left: -6.9rem;
  width: 158rem;
  height: 93rem;
}
@media (max-width: 768px) {
  section.form .bg-video video {
    top: 0;
    left: 50%;
    height: 100%;
    width: auto;
    transform: translateX(-50%);
  }
}
section.form .container {
  max-width: 50rem;
  margin: 0 auto;
}
section.form .form-content {
  padding: 8.6rem 0 9.6rem;
}
@media (max-width: 768px) {
  section.form .form-content {
    padding: 5.5rem 0;
    max-width: var(--mobile-container-width);
  }
}
section.form h2 {
  font-weight: 600;
  font-size: 2.8rem;
  color: #122674;
  letter-spacing: 0;
  text-align: center;
  line-height: 3.6rem;
}
section.form h3 {
  margin-top: 1.2rem;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.2rem;
  letter-spacing: 0;
  text-align: center;
  color: #132775;
}
section.form p {
  font-weight: 400;
  font-size: 1.4rem;
  color: #0D4167;
  letter-spacing: 0;
  text-align: center;
  margin: 0.2rem 0 1.7rem;
}
section.form p a {
  color: inherit;
  text-decoration: underline;
}
@media (max-width: 768px) {
  section.form p {
    margin: 2rem 0 2rem;
  }
}
section.form label {
  font-weight: 400;
  font-size: 1.4rem;
  color: #0D4167;
  letter-spacing: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}
section.form label:has(>input[type="radio"]) {
  cursor: pointer;
}
section.form label:has(>input[type="radio"])::before {
  content: "";
  display: block;
  box-sizing: border-box;
  margin: 0.15rem;
  outline: 0.15rem solid #B8B8B8;
  border: 0.2rem solid transparent;
  border-radius: 50%;
  background-color: transparent;
  background-clip: content-box;
  width: 1.2rem;
  height: 1.2rem;
}
section.form label:has(>input[type="radio"]) input[type="radio"] {
  display: none;
}
section.form label:has(>input[type="radio"]:checked) {
  font-weight: 600;
}
section.form label:has(>input[type="radio"]:checked)::before {
  background-color: #FAA224;
}
section.form .row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.9rem;
}
@media (max-width: 768px) {
  section.form .row {
    flex-direction: column;
    gap: 1.9rem;
    margin: 0 auto 1.9rem;
    max-width: 23.6rem;
  }
}
section.form .row.radio {
  margin: 4.5rem 0 1.9rem;
  justify-content: center;
}
@media (max-width: 768px) {
  section.form .row.radio {
    flex-direction: row;
    flex-wrap: wrap;
    margin: 2.9rem auto;
    max-width: 25rem;
  }
}
section.form .row.radio p {
  font-weight: 400;
  font-size: 1.4rem;
  color: #122674;
  letter-spacing: 0;
  text-align: center;
  margin: 0 2.8rem 0 0;
  white-space: nowrap;
}
@media (max-width: 768px) {
  section.form .row.radio p {
    margin: 0;
    width: 100%;
  }
}
section.form .row.radio label {
  display: flex;
  flex-direction: row;
  align-items: center;
  grid-gap: 0.6rem;
  width: auto;
  margin-right: 1.4rem;
  line-height: 0.5;
}
@media (max-width: 768px) {
  section.form .row.radio label {
    margin: 0;
  }
}
section.form .col {
  width: 100%;
  max-width: 23.6rem;
}
@media (max-width: 768px) {
  section.form .col {
    width: 100%;
  }
}
section.form input[type="text"],
section.form input[type="email"] {
  margin-top: 0.6rem;
  padding: 1rem 1.3rem;
  width: 100%;
  background: #FFFFFF;
  border: 0.2rem solid #B8B8B8;
  border-radius: 1rem;
  font-weight: 400;
  font-size: 1.4rem;
  color: #0D4167;
  letter-spacing: 0;
}
section.form input[type="text"].error,
section.form input[type="email"].error {
  border-color: #FF0000;
}
section.form .footer {
  opacity: 0.99;
  font-weight: 400;
  font-size: 1rem;
  color: #122674;
  text-align: center;
}
section.form .captcha {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2.9rem;
}
section.form .captcha .error {
  margin: 0.2rem auto 0;
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 2rem;
  letter-spacing: 0;
  text-align: center;
  color: #FF0000;
}
@media (max-width: 768px) {
  section.form .captcha .error {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
  }
}
section.form .captcha [data-wrapper-react="true"] {
  position: relative;
}
section.form button {
  cursor: pointer;
  margin: 2.9rem auto 0;
  padding-bottom: 0.1rem;
  height: 4.4rem;
  width: 17rem;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
  border: none;
  background: #4D8CFF;
  border-radius: 2.4rem;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 0;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  transition: 0.3s all;
}
section.form button:hover {
  background: #122674;
}
section.form button.disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
@media (max-width: 768px) {
  section.form button {
    margin-top: 3.8rem;
  }
}
section.form .ty-content {
  padding: 28.8rem 0 37.5rem;
  max-width: 93.3rem;
  opacity: 0;
  transition: opacity 2s ease-in;
}
@media (max-width: 768px) {
  section.form .ty-content {
    padding: 7.5rem 0 8rem;
    max-width: 35rem;
  }
}
section.form .ty-content.visible {
  opacity: 1;
}
section.form .ty-content h3 {
  font-weight: 600;
}
/*# sourceMappingURL=home.css.map */