@font-face {
  font-family: PP Neue Montreal;
  src: url('../fonts/PPNeueMontreal-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap; 
}

@font-face {
  font-family: PP Neue Montreal Mono;
  src: url('../fonts/PPNeueMontrealMono-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: #161616;
  --10px: .52em;
  --700: #747474;
  --black-2: black;
  --20px: 1.0416em;
  --40px: 2.082vw;
  --50px: 3em;
  --white: #fff;
  --500: #cdcdcd;
  --600: #a8a8a8;
  --25px: 1.4em;
  --200: #f5f5f6;
  --30px: 1.9em;
  --300: #ededed;
  --opasi: #fff0;
  --100: #f8f8f8;
  --800: #393939;
  --h2: "PP Neue Montreal", sans-serif;
  --white-2: white;
  --background-color--background-primary: whitesmoke;
  --text-color--text-alternate: #fafafa;
  --base-color-neutral--neutral-darker: #747474;
  --link-color--link-alternate: #fafafa;
  --base-color-neutral--pure-black:black;
  --text-color--text-secondary: #747474;
  --base-color-neutral--neutral-light: #e5e5e5;
}


.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: var(--black);
  background-color: #f5f5f5;
  font-family: PP Neue Montreal, sans-serif;
  font-size: 1vw;
  font-weight: 500;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 4.1vw;
  font-weight: 500;
  line-height: 100%;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
}

h3 {
  margin-top: 0;
  margin-bottom: var(--10px);
  letter-spacing: -.01vw;
  font-size: 1.66vw;
  line-height: 120%;
}

p {
  margin-bottom: 10px;
}

a {
  color: var(--700);
  text-decoration: none;
}

.section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2.7em;
  display: flex;
}

.section.s1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.section._02 {
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 4em 4em 0;
  display: flex;
}

.section.futer {
  padding: 2em 4em;
}

.section._03, .section.black {
  padding: 4em;
}

.body {
  background-color: #f9f9f9;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}

.container {
  z-index: 1;
  justify-content: center;
  width: 100%;
  position: relative;
}

.container.s1 {
  flex: 1;
  align-self: stretch;
}

.container._01 {
  height: 100%;
}

.header {
  width: 100%;
  padding-top: .3em;
  position: static;
}

.header._02 {
  z-index: 5;
  padding-top: 0;
  display: flex;
  position: relative;
}

.image {
  width: 10em;
}

.image-2 {
  height: 10%;
}

.bg-logo {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 85vh;
  display: flex;
  position: absolute;
  inset: 4vh 0% 0%;
}

.goals {
  grid-column-gap: var(--20px);
  grid-row-gap: var(--20px);
  flex-direction: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 15em;
  display: grid;
}

.h3 {
  letter-spacing: -.01vw;
  font-family: PP Neue Montreal, sans-serif;
  font-size: 1.3em;
  font-weight: 500;
}

.goal-div {
  padding: var(--20px);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #8686861a;
}

.ph-card-12px {
  margin-bottom: 0;
  font-size: .625em;
  line-height: 130%;
  display: block;
}

.goals-wrap {
  flex-direction: column;
  justify-content: space-between;
  width: 15em;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.h3-goals-div {
  padding-left: var(--20px);
  margin-top: .5vh;
  margin-bottom: 1vh;
}

.button-wrap {
  z-index: 4;
  grid-column-gap: 1.2em;
  grid-row-gap: 1.2em;
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.button-big {
  padding: var(--20px);
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  width: 16em;
  height: 4em;
  transition: transform .2s;
  display: flex;
  position: relative;
}

.button-big.insurance {
  width: 21em;
  height: 5em;
}

.btn-big-text {
  color: var(--white);
  text-align: center;
  font-size: 1.5em;
  text-decoration: none;
}

.btn-big-text.off {
  color: var(--500);
}

.pixel_w {
  width: var(--20px);
  height: var(--20px);
  background-color: #f9f9f9;
  position: absolute;
  top: -.1%;
  left: 0%;
}

.pixel_b {
  width: var(--20px);
  height: var(--20px);
  background-color: var(--black);
  position: absolute;
  top: -1em;
  left: 0;
}

.pixel_b._80 {
  opacity: .8;
}

.ph-12 {
  margin-bottom: 0;
  font-size: .8em;
  line-height: 130%;
  display: block;
}

.ph-12.web {
  color: var(--black);
  max-width: 19em;
  margin-bottom: 0;
  padding-left: 1.5em;
  font-family: PP Neue Montreal Mono, sans-serif;
  font-size: .8em;
  line-height: 120%;
}

.ph-12.mod {
  display: none;
}

.ph-12.gray {
  opacity: 1;
  color: var(--600);
  margin-bottom: 0;
  font-family: PP Neue Montreal Mono, sans-serif;
  font-size: .8em;
  line-height: 130%;
}

.ph-12.gray:hover {
  color: var(--black);
  text-decoration: underline;
}

.ph-12.gray.load {
  position: absolute;
  top: 45vh;
}

.ph-12.fix {
  height: 4em;
}

.ph-12.card {
  width: 90%;
}

.header01-wrap {
  width: 41.8vw;
  position: absolute;
  bottom: -1%;
  left: 0%;
}

.h1-start {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4em;
}

.fl-pro {
  font-size: 4em;
  line-height: 100%;
}

.div-block {
  grid-column-gap: var(--10px);
  grid-row-gap: var(--10px);
  align-items: flex-end;
  display: flex;
}

.navbar_logo-wrapper {
  z-index: 999;
  mix-blend-mode: difference;
  padding-top: 2.5rem;
  padding-left: 4em;
  position: fixed;
  top: 0;
  left: 0;
}

.nav_logo-link-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.nav_logo-link.w--current {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--background-color--background-primary);
  flex-flow: row;
  align-items: flex-start;
}

.nav_logo-link_logo.w--current {
  display: flex;
}

  .w-nav-brand {
  	padding: 0!important;
  }

@media screen and (max-width: 767px) {

  .nav_logo-link_logo.w--current {
    padding-left: 0;
  }

  .navbar_logo-wrapper {

  padding-left: 4vw;

}
}

.nav_logo-container {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  color: var(--background-color--background-primary);
  flex-flow: row;
  align-items: center;
  display: flex;
}

.nav_svg-logo {
  mix-blend-mode: difference;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 1.7rem;
  max-width: 1.7rem;
  height: 1.6rem;
}

.nav_svg-type-wrapper {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 1.5rem;
  display: flex;
  overflow: hidden;
}

.nav_logo-type {
  height: 100%;
}

  .nav_svg-type-text {
    opacity: 1;
  }

  .nav_svg-type-text {
  color: var(--base-color-neutral--neutral-darker);
  font-family: PP Neue Montreal Mono, Arial, sans-serif;
  font-size: .75rem;
  line-height: 1.3;
  display: flex;
}

  .nav_svg-type-text {
    inset: auto 0% 0%;
  }

    .mobile_menu-icon {
    width: 1rem;
    height: 1rem;
  }

.mobile_menu {
  display: none;
}


  @media screen and (max-width: 479px) {
      .navbar_links-wrapper {
    padding-top: 1.25rem;
    padding-right: 1.25rem;
    display: block;
  }
.mobile_menu-button {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    color: var(--text-color--text-alternate);
    cursor: pointer;
    align-items: center;
    display: flex;
  }

  .mobile_menu-button.alternate {
    padding-right: 1.25rem;
  }

  .navbar_links-wrapper_content {
    display: none;
  }

  .mobile_menu-icon {
    width: 1rem;
    height: 1rem;
  }

  .mobile_menu {
    z-index: 999;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    background-color: var(--base-color-neutral--pure-black);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    width: 75%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    display: flex;
    position: fixed;
    inset: 0% 0% auto auto;
    transform: translate(100%);
  }

  .mobile_menu-links {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-left: 1.25rem;
    display: flex;
  }

  .mobile_menu-link_item {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    color: var(--text-color--text-alternate);
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 1.5rem;
    line-height: 1;
    display: flex;
  }

  .mobile_menu-link_item-icon {
    margin-top: -8px;
  }

  .mobile_menu-divider {
    background-color: #ffffff29;
    width: 100%;
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .mobile_menu-contacts {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: flex;
  }

  .mobile_menu-contacts_link {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    color: var(--text-color--text-alternate);
    flex-flow: column;
    font-family: PP Neue Montreal Mono, Arial, sans-serif;
    display: flex;
  }

  .mobile_menu-contacts_link-item {
    color: var(--link-color--link-alternate);
  }

  .mobile_menu-contacts_link-label {
    color: var(--base-color-neutral--neutral-darker);
  }
}

@media screen and (max-width: 479px) {

  .navbar_links-mobile {
    color: var(--background-color--background-primary);
    display: flex;
    position: relative;
  }

   .navbar_links-wrapper {
    padding-top: 1.25rem;
    padding-right: 1.25rem;
    display: block;
  }

  .navbar_links-wrapper_content {
    display: none;
  }
}

  .mobile_menu-button {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    color: var(--text-color--text-alternate);
    cursor: pointer;
    align-items: center;
    display: flex;
  }

  .mobile_menu-button.alternate {
    padding-right: 1.25rem;
  }

.navbar_links-wrapper {
  z-index: 999;
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  mix-blend-mode: difference;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2.5rem;
  padding-right: 4em;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.navbar_links-wrapper_content {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  display: flex;
}

.navbar_links-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: flex-start;
  display: flex;
}

.navbar_links-link > .navbar_links-link_arrow {
	transform: translate(0,0);
  transition: transform ease-in-out 0.25s;
}
.navbar_links-link:hover > .navbar_links-link_arrow {
	transform: translate(2px,-2px);
  transition: transform ease-in-out 0.25s;
}

.navbar_links-link {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  color: var(--link-color--link-alternate);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  font-size: 16px;
}

.navbar_links-link_arrow {
  align-items: flex-start;
  width: .5rem;
  height: .5rem;
  display: flex;
}

.navbar_links-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: flex-start;
  display: flex;
}

.navbar_links-mobile {
  display: none;
}

.footer_component {
  border-top: 1px solid var(--base-color-neutral--neutral-light);
  position: relative;
}

.footer_component.is-dark {
  border-top-color: #ffffff1a;
}

  .padding-global {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .container-large {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.padding-xxlarge{
  padding: 5rem 0 5rem 0;
}

.footer_content-wrapper {
  grid-column-gap: 4vw;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  align-items: start;
}




  .footer_logo-link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: flex-start;
  width: 13.5rem;
  display: flex;
  position: relative;
}

.footer_svg-logo {
  color: var(--base-color-neutral--pure-black);
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 1.7rem;
  max-width: 1.7rem;
  height: 1.6rem;
}

.footer_svg-type-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  transition: opacity .5s;
  display: flex;
}

 .footer_svg-type-wrapper {
    opacity: 1;
  }

  
  .footer_svg-type-wrapper {
    opacity: 1;
  }
  
  .footer_svg-type {
  color: var(--base-color-neutral--pure-black);
  height: 1.5rem;
  min-height: 1.5rem;
  max-height: 1.5rem;
}

.footer_right-wrapper {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  place-items: stretch end;
  font-family: PP Neue Montreal Mono, Arial, sans-serif;
}

.footer_nav-wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  align-items: flex-start;
  padding-right: 7.5rem;
  line-height: 1.1;
  display: flex;
  grid-area: 1 / 1 / 2 / 3;
}


.footer_nav-link {
  color: var(--base-color-neutral--pure-black);
  line-height: 1.3;
  text-decoration: none;
}

.footer_nav-link.is-address {
  color: var(--text-color--text-primary);
}

.footer_nav-link.is-address.is-light, .footer_nav-link.is-light {
  color: var(--link-color--link-alternate);
}

.footer_nav {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(8rem, auto) 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  font-size: 16px;
}

.footer_nav.is-flex {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  display: flex;
}

.footer_nav-link-wrapper {
  flex-flow: column;
  display: flex;
}

.footer_nav-name {
  color: var(--text-color--text-secondary);
}

@media screen and (max-width: 991px) {
  .footer_content-wrapper {
    grid-column-gap: 6rem;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    display: flex;
  }

    .footer_nav-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-area: 1 / 1 / 2 / 3;
  }

    .footer_nav-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-area: 1 / 1 / 2 / 3;
  }

  
  .footer_nav.is-flex {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-rows: auto;
    grid-template-columns: minmax(8rem, auto) 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer_right-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    grid-auto-columns: auto;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .footer_logo-link {
    padding-bottom: 5%;
  }
}
@media screen and (max-width: 767px) {
  .footer_content-wrapper {
    grid-row-gap: 3rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

    .footer_nav-wrapper {
    justify-content: flex-start;
    align-items: center;
    padding-right: 0;
  }
    .footer_logo-link {
    padding-bottom: 0%;
    padding-left: 0;
  }

    .footer_right-wrapper {
    grid-column-gap: 1.5rem;
    text-align: center;
    align-items: center;
  }

    .footer_nav-wrapper {
    justify-content: flex-start;
    align-items: center;
    padding-right: 0;
  }

  .footer_nav-link {
    color: var(--text-color--text-primary);
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .footer_nav-link.is-address {
    text-align: center;
    max-width: 20rem;
  }

  .footer_nav-link.is-light {
    color: var(--link-color--link-alternate);
  }

    .footer_nav {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: center;
    display: flex;
    font-size: 14px;
  }

  .footer_nav.is-flex {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    display: flex;
  }

  .footer_nav-link-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: center;
  }
   .footer_left-wrapper {
    padding-left: 5rem;
  }
}

@media screen and (max-width: 479px) {
 .footer_left-wrapper {
    padding-left: 4rem;
  }

    .footer_right-wrapper {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }
}




.signature {
  grid-column-gap: var(--20px);
  grid-row-gap: var(--20px);
  flex-direction: row;
  align-items: flex-end;
  max-width: 13em;
  font-family: PP Neue Montreal Mono, sans-serif;
  display: flex;
  position: absolute;
  bottom: -.1em;
  right: 16.4em;
}

.signature.gr {
  opacity: .43;
  width: 12vw;
  inset: auto 23vw 0% auto;
}

.signature._02 {
  right: 32.6em;
}

.div-block-2 {
  position: absolute;
}

.gif-hover-01 {
  z-index: 4;
  width: 30vh;
  height: 27vh;
  position: absolute;
  inset: 7.6vh auto auto 14.7vh;
}

.gif-hover-02 {
  z-index: 99;
  width: 30vh;
  height: 27vh;
  display: block;
  position: absolute;
  top: 7.6vh;
  left: 44.7vh;
}

.gif-hover-03 {
  z-index: 99;
  width: 25vh;
  height: 25vh;
  display: flex;
  position: absolute;
  inset: 35vh auto auto 57.4vh;
}

.gif-hover-04 {
  z-index: 99;
  width: 25vh;
  height: 30vh;
  display: flex;
  position: absolute;
  inset: 51.9vh auto auto 31.5vh;
}

.gif-hover-05 {
  z-index: 99;
  width: 25vh;
  height: 25vh;
  display: flex;
  position: absolute;
  inset: 35vh auto auto 5.6vh;
}

.image-wrap {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 88vh;
  height: 85vh;
  display: flex;
  position: absolute;
  top: -1vh;
}

.bg-image-def {
  width: 105%;
  height: 100%;
  position: absolute;
}

.bg-image-1 {
  opacity: 0;
  width: 105%;
  height: 100%;
  position: absolute;
}

.card-hover01 {
  padding: var(--25px);
  opacity: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #000c;
  flex-direction: column;
  align-items: flex-start;
  width: 29vh;
  display: none;
  position: absolute;
  inset: 5vh auto auto -29vh;
}

.h2-card-white {
  color: var(--white);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 1.4vh;
  font-size: 2em;
  font-weight: 500;
  line-height: 120%;
}

.h2-card-white.black {
  color: var(--black);
  display: flex;
}

.ph-18 {
  margin-bottom: 0;
  font-size: .94em;
  line-height: 130%;
}

.ph-18.white {
  color: var(--white);
  font-size: 1em;
}

.ph-18.black {
  color: var(--black);
  font-size: 1em;
}

.ph-18.card {
  width: 90%;
}

.ph-18.gray {
  color: var(--600);
}

.pixel_b_card_left {
  width: var(--20px);
  height: var(--20px);
  background-color: #16161687;
  position: absolute;
  inset: 0% -1.6vh auto auto;
}

.pixel_b_card_left._80 {
  opacity: .8;
}

.gif-01 {
  width: 25vh;
  height: 25vh;
  position: absolute;
  top: 2.5vh;
  left: 1vh;
}

.link-btn {
  text-decoration: none;
}

.lottie-animation {
  opacity: 0;
  width: 3vh;
  height: 3vh;
  position: absolute;
  inset: 0% 0% auto auto;
}

.link-block {
  text-decoration: none;
  transition: transform .2s;
  position: relative;
}

.link-block:hover {
  text-decoration: none;
  transform: translate(-4px);
}

.link-block.insurance {
  display: none;
}

.card-hover02 {
  padding: var(--25px);
  opacity: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fffffff2;
  flex-direction: column;
  align-items: flex-start;
  width: 29vh;
  display: none;
  position: absolute;
  inset: 5vh -27.3vh auto auto;
}

.gif-02 {
  width: 25vh;
  height: 25vh;
  position: absolute;
  top: 2.5vh;
  left: 2.6vh;
}

.bg-image-2, .bg-image-3, .bg-image-4, .bg-image-5 {
  opacity: 0;
  width: 105%;
  height: 100%;
  display: block;
  position: absolute;
}

.gif-hover-02-copy {
  z-index: 4;
  width: 20vh;
  height: 20vh;
  position: absolute;
  inset: 3.9vh auto auto 46.3vh;
}

.gif-03 {
  width: 25vh;
  height: 25vh;
  position: absolute;
  top: 2vh;
  left: -.7vh;
}

.card-hover03 {
  padding: var(--25px);
  opacity: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #000c;
  flex-direction: column;
  align-items: flex-start;
  width: 29vh;
  display: none;
  position: absolute;
  inset: 26.5vh -12.3vh auto auto;
}

.gif-04 {
  width: 25vh;
  height: 25vh;
  position: absolute;
  top: 2.3vh;
  left: 0;
}

.card-hover04 {
  padding: var(--25px);
  opacity: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #000c;
  flex-direction: column;
  align-items: flex-start;
  width: 40vh;
  display: none;
  position: absolute;
  inset: 5.7vh auto auto -44vh;
}

.gif-05 {
  width: 25vh;
  height: 25vh;
  position: absolute;
  top: 2vh;
  left: 1.9vh;
}

.card-hover05 {
  padding: var(--25px);
  opacity: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #000c;
  flex-direction: column;
  align-items: flex-start;
  width: 38vh;
  display: none;
  position: absolute;
  inset: 26.5vh auto auto -12.3vh;
}

.bg-load-logo {
  z-index: 100;
  justify-content: center;
  align-items: center;
  width: 88vh;
  height: 85vh;
  display: none;
  position: absolute;
  top: 2.8vh;
}

.lottie-loader-logo {
  width: 108%;
  height: 108%;
  position: absolute;
}

.image-3 {
  width: 10em;
  display: none;
}

.background-video {
  filter: blur(5px);
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
}

.bg-image_space {
  background-image: url('../images/space_bg2.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
}

.gif-icon-01 {
  width: 24vh;
  position: absolute;
  top: 10.3vh;
  left: 18.6vh;
}

.bg-load-animation-pixel {
  z-index: 9999;
  background-color: #f9f9f9;
  justify-content: center;
  align-items: center;
  width: 88vh;
  height: 85vh;
  display: none;
  position: absolute;
  top: 4vh;
}

.image-4 {
  width: .56vh;
}

.bg-load-pixel {
  z-index: 88;
  justify-content: center;
  align-items: center;
  width: 88vh;
  height: 85vh;
  display: none;
  position: absolute;
  top: 2.8vh;
}

.ph-animated {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.fade-text {
  z-index: 2;
  background-image: linear-gradient(#eee0, #eee 89%);
  height: 2.5em;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.gif-icon-02 {
  width: 30vh;
  position: absolute;
  top: 6.7vh;
  left: 46.4vh;
}

.gif-icon-03 {
  width: 23vh;
  position: absolute;
  top: 38.7vh;
  left: 58.7vh;
  transform: rotate(61deg);
}

.gif-icon-04 {
  width: 24vh;
  position: absolute;
  top: 55.4vh;
  left: 33.8vh;
}

.gif-icon-05 {
  mix-blend-mode: color-burn;
  width: 24vh;
  position: absolute;
  top: 37.8vh;
  left: 10.6vh;
  transform: rotate(28deg);
}

.fade-black-text {
  z-index: 2;
  background-image: linear-gradient(#0000, #0a0a0a 89%);
  height: 2.5em;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.lottie-animation-2 {
  position: static;
}

.lot-start-cube, .lot-cube-01, .lot-cube-02, .lot-cube-03, .lot-cube-04, .lot-cube-05 {
  display: block;
  position: static;
}

.form-wrap {
  z-index: 99999;
  background-color: var(--black);
  padding: 2vw;
  display: flex;
  position: absolute;
  inset: auto 2vh 2vh auto;
}

.form {
  flex-direction: column;
  align-items: flex-end;
  width: 50vh;
  display: flex;
}

.submit-button {
  background-color: var(--white);
  color: var(--black);
  height: 6vh;
  margin-top: 2vh;
  padding: 0 2vh .5vh;
  font-size: 1.66vw;
  transition: padding .2s;
}

.submit-button:hover {
  padding-left: 3vh;
  padding-right: 3vh;
}

.submit-button:active {
  background-color: #d8d8d8;
}

.submit-button.dark {
  background-color: var(--black);
  color: var(--white);
  height: 3.2em;
  min-height: 5em;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 1.2vw;
}

.form-block {
  margin-bottom: 0;
}

.text-field {
  border: 1px solid var(--black);
  margin-bottom: 0;
  padding: 2.5vh 2.5vh 3vh;
  font-family: PP Neue Montreal Mono, sans-serif;
}

.text-field.text {
  min-height: 14vh;
}

.text-field.name {
  width: 90%;
}

.text-field.gray {
  background-color: var(--200);
  border-width: 0;
  height: 3.2em;
  min-height: 5em;
  font-size: 1.2vw;
}

.text-block {
  color: var(--white);
  font-size: 1.8vw;
  line-height: 130%;
}

.text-block._2 {
  font-size: 1.1vw;
  font-weight: 500;
}

.success-message {
  background-color: var(--black);
  width: 36vh;
}

.error-message {
  background-color: #fb0817;
  height: 6vh;
  margin-top: 0;
  padding: 2vh;
  position: absolute;
  bottom: 2vw;
}

.error-message._2 {
  width: 99%;
  height: auto;
  padding: 1.4em 2em;
  inset: .4em .4em auto;
}

.text-block-2 {
  font-family: PP Neue Montreal Mono, sans-serif;
  font-size: 1.15vw;
}

.lottie-close {
  width: 4vh;
  position: absolute;
  inset: -5vh 0 auto auto;
}

.inputs-div {
  width: 100%;
}

.inputs-div._2 {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 2em;
  display: grid;
}

.bg-click {
  z-index: 99999;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  display: none;
  position: fixed;
  inset: 0%;
}

.descriptor-header {
  max-width: 24em;
  margin-top: 1.6em;
}

.ph-24 {
  color: var(--black);
  margin-bottom: 0;
  font-size: 1.5em;
  line-height: 130%;
}

.ph-24.gray {
  color: var(--600);
}

.ph-24.white {
  color: var(--white);
  padding: .3em .7em;
}

.image-start {
  z-index: -1;
  justify-content: flex-end;
  width: 100%;
  display: flex;
  position: fixed;
  inset: 2.1em auto auto;
}

.h1-128 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: .3em;
  font-size: 8.5em;
}

.start-content-insurance {
  align-items: flex-end;
  display: flex;
}

.image-6 {
  opacity: .5;
  width: 100em;
}

.body-2 {
  background-color: #f5f5f5;
}

.grid-4-columns {
  grid-column-gap: 2em;
  grid-row-gap: .4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
}

.wh-card-utp {
  padding: var(--30px);
  background-color: var(--white);
  flex-direction: column;
  justify-content: space-between;
  width: 19.5em;
  height: 19.5em;
  display: flex;
}

.paragraph {
  color: var(--700);
}

.ph-14 {
  margin-bottom: 0;
  font-size: .97em;
  line-height: 130%;
}

.ph-14.gray {
  color: var(--700);
  margin-bottom: .8em;
  font-size: .9em;
}

.ph-14.fix {
  height: 4.2em;
}

.ph-28 {
  margin-bottom: .2vw;
  font-size: 1.7em;
  line-height: 120%;
}

.wrap-list-utp._02 {
  flex-direction: column;
  display: flex;
}

.ph-48 {
  margin-bottom: 0;
  font-size: 3em;
  line-height: 120%;
}

.div-block-3 {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  align-items: center;
  height: 3em;
  display: flex;
}

.start-text-insurance {
  grid-column-gap: 1.2em;
  grid-row-gap: 1.2em;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 32em;
  padding-bottom: 1em;
  display: flex;
}

.ph-36 {
  margin-bottom: 0;
  font-size: 2.5em;
  line-height: 125%;
}

.ic-rub {
  max-height: 2.8em;
}

.ic-rub.off {
  opacity: .3;
}

.ic-rub._32 {
  max-height: 2.2em;
}

.start-block-desktop {
  align-items: flex-end;
  height: 90%;
  display: flex;
}

.start-block-table {
  display: none;
}

.h1-wrap {
  width: 46vw;
}

.image-8 {
  display: none;
}

.wh-card-utp-mob {
  padding: var(--30px);
  background-color: var(--white);
  flex-direction: column;
  justify-content: space-between;
  width: 20em;
  height: 20em;
  display: flex;
}

.lottie-animation-3 {
  width: 60em;
}

.h2-55 {
  margin-top: 0;
  margin-bottom: .4em;
  font-size: 3.4375em;
  line-height: 110%;
}

.tarif-content-insurance {
  width: 80%;
  margin-top: 3em;
  margin-bottom: 3em;
}

.fw-card {
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
  display: flex;
  position: relative;
}

.image-9 {
  height: 10.625em;
}

.wrap-fw-descript {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.wrap-fw-descript.off {
  color: var(--600);
}

.utp-text {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-direction: column;
  width: 110%;
  display: flex;
  position: relative;
  left: -1em;
}

.framework-text {
  align-items: flex-start;
  display: flex;
}

.div-block-4 {
  padding: var(--10px);
}

.icon-wrap {
  min-width: 1em;
  height: 1.5em;
  padding-top: .03em;
  display: block;
}

.icon-wrap.off {
  opacity: .2;
}

.ic-check-fw {
  justify-content: center;
  align-items: center;
  width: 3.75em;
  height: 3.75em;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.wrap-lmage-fw {
  position: relative;
  top: -.4em;
  left: -.4em;
}

.wrap-lmage-fw._02 {
  flex-direction: column;
  display: flex;
}

.wrap-lmage-fw.off {
  opacity: .2;
}

.ic-check._10 {
  opacity: .1;
}

.ic-plus-fw-03 {
  background-color: var(--black);
  transform-style: preserve-3d;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 3.75em;
  height: 3.75em;
  transition: transform .2s;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: scale(1.1);
}

.ic-plus-fw-03:hover {
  transform: translate3d(0, 0, 120px)scale(1);
}

.framework-card-02, .framework-card-03, .framework-card-04 {
  padding: var(--30px);
  border: 3px solid var(--black);
  background-color: var(--white);
  border-radius: 2px;
  flex-direction: column;
  justify-content: space-between;
  width: 19.4em;
  height: 20em;
  display: flex;
  position: relative;
}

.arrow-01 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.arrow-02, .arrow-03, .arrow-04 {
  opacity: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.fw-card-01-on {
  padding: var(--30px);
  border: 3px solid var(--black);
  background-color: var(--white);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: absolute;
}

.fw-card-01-off {
  padding: var(--30px);
  border: 3px solid var(--300);
  background-color: var(--300);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.fw-card-02-on {
  padding: var(--30px);
  border: 3px solid var(--black);
  background-color: var(--white);
  opacity: 0;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: absolute;
}

.fw-card-02-off, .fw-card-03-off {
  padding: var(--30px);
  border: 3px solid var(--300);
  background-color: var(--300);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.fw-card-03-on {
  padding: var(--30px);
  border: 3px solid var(--black);
  background-color: var(--white);
  opacity: 0;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: absolute;
}

.fw-card-04-off {
  padding: var(--30px);
  border: 3px solid var(--300);
  background-color: var(--300);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.fw-card-04-on {
  padding: var(--30px);
  border: 3px solid var(--black);
  background-color: var(--white);
  opacity: 0;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: absolute;
}

.ic-plus-fw-01 {
  background-color: var(--black);
  transform-style: preserve-3d;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 3.75em;
  height: 3.75em;
  transition: transform .2s;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: scale(1.1);
}

.ic-plus-fw-01:hover {
  transform: translate3d(0, 0, 120px)scale(1);
}

.ic-plus-fw-02 {
  background-color: var(--black);
  transform-style: preserve-3d;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 3.75em;
  height: 3.75em;
  transition: transform .2s;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: scale(1.1);
}

.ic-plus-fw-02:hover {
  transform: translate3d(0, 0, 120px)scale(1);
}

.tarif-card {
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
  display: flex;
  position: relative;
}

.tarif-card-01-off {
  padding: var(--30px);
  background-color: var(--300);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.ph-12-mono {
  margin-bottom: 0;
  font-family: PP Neue Montreal Mono, sans-serif;
  font-size: 1em;
  line-height: 120%;
}

.ph-12-mono.gray {
  color: var(--700);
}

.wrap-tarif-descript {
  grid-column-gap: 1.4em;
  grid-row-gap: 1.4em;
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.wrap-tarif-descript.off {
  color: var(--600);
}

.tarif-text {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-direction: column;
  display: flex;
}

.ph-21 {
  margin-bottom: 0;
  font-size: 1.4em;
  line-height: 120%;
}

.ph-21.white {
  color: var(--white);
}

.ph-21.gray {
  color: var(--600);
}

.wrap-summ {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-direction: row;
  align-items: center;
  height: 3em;
  display: flex;
}

.link-block-2 {
  text-decoration: none;
}

.button {
  padding: var(--20px);
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4em;
  transition: transform .2s;
  display: flex;
  position: relative;
}

.button.insurance {
  width: 21em;
  height: 5em;
}

.button.off {
  background-color: var(--100);
  color: var(--500);
}

.tarif-card-01-on {
  padding: var(--30px);
  background-color: var(--white);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: absolute;
}

.tarif-card-02-off {
  padding: var(--30px);
  background-color: var(--300);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.tarif-card-02-on {
  padding: var(--30px);
  background-color: var(--white);
  opacity: 0;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: absolute;
}

.tarif-card-03-off {
  padding: var(--30px);
  background-color: var(--300);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.tarif-card-03-on, .tarif-card-04-on {
  padding: var(--30px);
  background-color: var(--white);
  opacity: 0;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: absolute;
}

.tarif-card-04-off {
  padding: var(--30px);
  background-color: var(--300);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.grid-2 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.ns-card-01 {
  padding: var(--30px);
  background-color: var(--black);
  flex-direction: column;
  justify-content: space-between;
  min-height: 10em;
  display: flex;
  position: relative;
}

.wrap-lmage-ns {
  width: 10.625em;
  position: absolute;
  bottom: 1.5em;
  right: 1.5em;
}

.wrap-lmage-ns._02 {
  flex-direction: column;
  display: flex;
}

.wrap-lmage-ns.off {
  opacity: .2;
}

.pixel {
  width: 1.5em;
  height: 1.5em;
  position: absolute;
}

.pixel.dark {
  background-color: var(--800);
  inset: 0% 0% auto auto;
}

.wrap-ns-descript {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  color: var(--white);
  flex-direction: column;
  justify-content: flex-end;
  width: 80%;
  display: flex;
}

.wrap-ns-descript.off {
  color: var(--600);
}

.ph-32 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2em;
  line-height: 120%;
}

.ph-32.fix-comp {
  width: 11em;
}

.image-fw {
  height: 7em;
}

.grid-3 {
  grid-column-gap: 2em;
  grid-row-gap: 3em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

.form-insurance {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: var(--white);
  flex-direction: column;
  padding: 2em;
  display: flex;
  position: relative;
}

.clients-content-insurance {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  flex-direction: column;
  justify-content: flex-start;
  width: 80%;
  display: flex;
}

.partner-content-insurance {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  flex-direction: column;
  width: 80%;
  display: flex;
}

.h3-44 {
  margin-bottom: 0;
  font-size: 2.75em;
  font-weight: 500;
  line-height: 120%;
}

.columns {
  border-top: 2px solid var(--300);
  border-radius: 0;
  display: flex;
}

.ph-16-mono {
  margin-bottom: 0;
  font-family: PP Neue Montreal Mono, sans-serif;
  font-size: 1.2em;
  line-height: 130%;
}

.ph-16-mono.gray {
  color: var(--700);
}

.ph-16-mono.gray:hover {
  text-decoration: none;
}

.ph-16-mono.gray600 {
  color: var(--600);
}

.ph-16-mono.black {
  color: var(--black);
}

.futer-column {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: row;
  align-items: flex-start;
  padding: 1.5em 0;
  display: flex;
}

.ic-check-fw-01, .ic-check-fw-02, .ic-check-fw-03 {
  background-color: var(--200);
  justify-content: center;
  align-items: center;
  width: 3.75em;
  height: 3.75em;
  display: flex;
  position: absolute;
  inset: .2em .2em auto auto;
}

.tarif-block-table {
  display: none;
}

.grid-4 {
  grid-column-gap: 2em;
  grid-row-gap: .4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
}

.wrap-fw-descript-off {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.wrap-fw-descript-off.off {
  color: var(--600);
}

.ic-plus-fw-04-mob {
  background-color: var(--black);
  transform-style: preserve-3d;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 3.75em;
  height: 3.75em;
  transition: transform .2s;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: scale(1.1);
}

.ic-plus-fw-04-mob:hover {
  transform: translate3d(0, 0, 120px)scale(1);
}

.ic-check-fw-04-mob, .ic-check-fw-03-mob {
  background-color: var(--200);
  justify-content: center;
  align-items: center;
  width: 3.75em;
  height: 3.75em;
  display: flex;
  position: absolute;
  inset: .2em .2em auto auto;
}

.ic-plus-fw-03-mob {
  background-color: var(--black);
  transform-style: preserve-3d;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 3.75em;
  height: 3.75em;
  transition: transform .2s;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: scale(1.1);
}

.ic-plus-fw-03-mob:hover {
  transform: translate3d(0, 0, 120px)scale(1);
}

.ic-plus-fw-02-mob {
  background-color: var(--black);
  transform-style: preserve-3d;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 3.75em;
  height: 3.75em;
  transition: transform .2s;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: scale(1.1);
}

.ic-plus-fw-02-mob:hover {
  transform: translate3d(0, 0, 120px)scale(1);
}

.ic-check-fw-02-mob {
  background-color: var(--200);
  justify-content: center;
  align-items: center;
  width: 3.75em;
  height: 3.75em;
  display: flex;
  position: absolute;
  inset: .2em .2em auto auto;
}

.wrap-fw-descript-02 {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.wrap-fw-descript-02.off {
  color: var(--600);
}

.wrap-fw-descript-03 {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.wrap-fw-descript-03.off {
  color: var(--600);
}

.wrap-fw-descript-04 {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.wrap-fw-descript-04.off {
  color: var(--600);
}

.wrap-ns-mobile {
  display: none;
}

.form-block-2 {
  margin-top: 1em;
  margin-bottom: 0;
}

.wrap-final-mobile {
  display: block;
}

.success-message-2 {
  background-color: var(--200);
  text-align: left;
  padding-top: 3em;
  padding-bottom: 3em;
}

.form-block-3 {
  margin-bottom: 0;
}

.error-message-2 {
  padding: 1.4em;
  position: absolute;
  inset: auto 0% 0%;
}

.checkbox {
  border-color: var(--black);
  -webkit-text-stroke-width: .03em;
  border-radius: 1px;
  width: 1.2em;
  min-width: 1.2em;
  height: 1.2em;
  min-height: 1.2em;
  margin-top: -.05em;
  margin-left: -1.3em;
  margin-right: .5em;
}

.checkbox:hover {
  background-color: var(--300);
}

.checkbox.w--redirected-checked {
  border-color: var(--black);
  background-color: var(--black);
}

.checkbox-field, .checkbox-field-2 {
  padding-left: 1.4em;
}

.link-insur {
  margin-left: 3em;
  display: none;
}

.link-insur.w--current {
  color: var(--700);
  margin-left: 5em;
  font-family: PP Neue Montreal Mono, sans-serif;
}

.link-policy {
  text-decoration: underline;
}

.link-policy:hover {
  color: var(--black);
}

.div_logo_text {
  flex-flow: column;
}

.icon_logo_div {
  position: relative;
}

.logo-white {
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.logotype {
  z-index: 3;
  background-color: #f5f5f5;
  justify-content: center;
  align-items: center;
  padding: 1.1em 1em .9em;
  display: flex;
}

.ph-24-mono {
  color: var(--black);
  margin-bottom: 0;
  font-family: PP Neue Montreal Mono, sans-serif;
  font-size: 1.5em;
  line-height: 130%;
}

.ph-24-mono.gray {
  color: var(--600);
}

.h1-64 {
  font-size: 4em;
  line-height: 110%;
}

.div_tags_start {
  grid-column-gap: .3em;
  grid-row-gap: .3em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div_tag {
  background-color: var(--black);
}

.div-ph-start {
  width: 24em;
}

.div-header-text-logo {
  padding-top: 1.1em;
}

.background-holder {
  z-index: -2;
  display: none;
  position: relative;
}

.background-dark {
  background-color: var(--black-2);
  position: fixed;
  inset: 0%;
}

.div-h2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 13em;
  margin-bottom: 3em;
  display: grid;
}

.h2-40 {
  font-size: 2.7em;
  line-height: 120%;
}

.h2-40.white {
  color: var(--white);
}

.h2-40.fix {
  width: 90%;
}

.div-text-2section {
  grid-column-gap: 1.3em;
  grid-row-gap: 1.3em;
  flex-flow: column;
  display: flex;
}

.grid-s2-peoblem {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.problem-card {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--100);
  background-color: #b6b6b61f;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 12em;
  padding: 1.38em;
  display: flex;
  position: relative;
}

.image-11 {
  z-index: -1;
  position: absolute;
  inset: 2em 2em auto auto;
}

.card-principles {
  padding: var(--30px);
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: var(--white);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.card-principles.cyberdom {
  display: block;
}

.grid-3-column {
  grid-column-gap: 1.8em;
  grid-row-gap: 1.8em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
}

.stap-card-01 {
  grid-column-gap: var(--20px);
  grid-row-gap: var(--20px);
  flex-flow: column;
  display: flex;
}

.stap-head {
  align-items: center;
  display: flex;
  position: relative;
}

.number-stap-01 {
  color: var(--500);
  align-self: center;
  font-family: PP Neue Montreal Mono, sans-serif;
  font-size: 5.5vw;
  line-height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.line-stap {
  color: var(--300);
  height: .2em;
}

.div-cards-stap, .stap-card-content-01 {
  grid-column-gap: var(--10px);
  grid-row-gap: var(--10px);
  flex-flow: column;
  display: flex;
}

.grid-2-2 {
  grid-column-gap: var(--10px);
  grid-row-gap: var(--10px);
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-gray {
  padding: .8em var(--20px) var(--20px);
  grid-column-gap: var(--10px);
  grid-row-gap: var(--10px);
  background-color: var(--200);
  flex-flow: column;
  display: flex;
  position: relative;
}

.card-gray.big {
  grid-column-gap: .52em;
  grid-row-gap: .52em;
  padding: 1.1em 1.3em 1.3em;
}

.numder-card-gray {
  background-color: var(--600);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 1.2416em;
  height: 1.2416em;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.numder-card-gray.black {
  background-color: var(--black);
}

.number-gray-text {
  color: var(--white);
  text-align: center;
  font-family: PP Neue Montreal Mono, sans-serif;
}

.ph-28-stap-01 {
  margin-bottom: .2vw;
  font-size: 1.7em;
  line-height: 120%;
}

.stap-card-02 {
  grid-column-gap: var(--20px);
  grid-row-gap: var(--20px);
  flex-flow: column;
  display: flex;
}

.ph-28-stap-02 {
  margin-bottom: .2vw;
  font-size: 1.7em;
  line-height: 120%;
}

.stap-card-content-02 {
  grid-column-gap: var(--10px);
  grid-row-gap: var(--10px);
  flex-flow: column;
  display: flex;
}

.number-stap-02 {
  color: var(--500);
  align-self: center;
  font-family: PP Neue Montreal Mono, sans-serif;
  font-size: 5.5vw;
  line-height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.stap-card-03 {
  grid-column-gap: var(--20px);
  grid-row-gap: var(--20px);
  flex-flow: column;
  display: flex;
}

.number-stap-03 {
  color: var(--500);
  align-self: center;
  font-family: PP Neue Montreal Mono, sans-serif;
  font-size: 5.5vw;
  line-height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.grid-2-1 {
  grid-column-gap: var(--10px);
  grid-row-gap: var(--10px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.ph-28-stap-03 {
  margin-bottom: .2vw;
  font-size: 1.7em;
  line-height: 120%;
}

.stap-card-content-03 {
  grid-column-gap: var(--10px);
  grid-row-gap: var(--10px);
  flex-flow: column;
  display: flex;
}

.ph-28-stap-01-copy {
  margin-bottom: .2vw;
  font-size: 1.7em;
  line-height: 120%;
}

.grid-2-column {
  grid-column-gap: 1.8em;
  grid-row-gap: 1.8em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
}

.div-cards {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  display: flex;
}

.div-expertise {
  grid-column-gap: var(--20px);
  grid-row-gap: var(--20px);
  flex-flow: column;
  margin-top: 1.94444em;
  display: flex;
}

.div-h2-padding-20 {
  padding-right: var(--20px);
  padding-left: var(--20px);
  display: none;
}

.grid-5-column {
  grid-column-gap: 1.8em;
  grid-row-gap: 1.8em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.factoid-card {
  padding: var(--10px) var(--20px) var(--20px);
  background-color: var(--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 13.9em;
  display: flex;
}

.ph-96 {
  font-size: 6.66667em;
  line-height: 100%;
}

.grid-6-column {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  place-items: stretch center;
  display: flex;
}

.image-12 {
  width: 15.1em;
  display: none;
}

.image-13 {
  width: 18.6em;
}

.image-14 {
  width: 15.2em;
}

.image-15 {
  width: 16.1em;
}

.image-16 {
  width: 15.5em;
  display: none;
}

.image-17 {
  width: 6em;
}

.image-18 {
  width: 15.625em;
}

.image-19 {
  width: 8.19445em;
}

.image-20 {
  width: 9.6em;
}

.image-21 {
  width: 13.1em;
}

.image-22 {
  width: 10.7em;
}

.image-23 {
  width: 12.1em;
}

.image-24 {
  width: 4.16667em;
}

.div-final {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  height: 40em;
  display: flex;
}

.div-h2-final {
  width: 40em;
}

.ph-73 {
  font-size: 5.06944em;
  line-height: 110%;
}

.card-final {
  padding: var(--20px) var(--30px) var(--30px);
  grid-column-gap: var(--20px);
  grid-row-gap: var(--20px);
  background-color: var(--white);
  flex-flow: column;
  align-items: flex-start;
  width: 40em;
  display: flex;
  position: relative;
}

.div-contact-final {
  padding-top: var(--20px);
  grid-column-gap: var(--20px);
  grid-row-gap: var(--20px);
  display: flex;
}

.image-25 {
  width: 7.5em;
  height: 7.5em;
}

.name {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  display: flex;
}

.email {
  padding-top: var(--20px);
  opacity: 1;
  color: var(--black);
  transition: opacity .2s;
}

.email:hover {
  opacity: .46;
  color: var(--700);
}

.email.export:hover {
  opacity: .46;
}

.email.info, .email.pr {
  color: var(--700);
  padding-top: 0;
}

.ph-20-mono {
  color: var(--black);
  font-family: PP Neue Montreal Mono, sans-serif;
  font-size: 1.2em;
  line-height: 100%;
}

.image-26 {
  z-index: -1;
  width: 57%;
  position: static;
}

.image-27 {
  width: 9.44445em;
  padding-top: .5em;
}

.futer-contact {
  grid-column-gap: var(--10px);
  grid-row-gap: var(--10px);
  flex-flow: column;
  display: flex;
}

.column-vertical {
  grid-column-gap: var(--20px);
  grid-row-gap: var(--20px);
  flex-flow: column;
  width: 50%;
  display: flex;
}

.contacts {
  flex-flow: column;
  display: flex;
}

.phone {
  color: var(--700);
  transition: opacity .2s;
}

.phone:hover {
  opacity: .52;
}

.phone.partner {
  display: none;
}

.contact-title {
  width: 9em;
}

.image-28 {
  width: 5em;
}

.card-components {
  padding: var(--30px);
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: var(--white);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.card-components.cyberdom {
  display: none;
}

.final-content {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.bg-lottie {
  z-index: -2;
  opacity: .4;
  width: 120em;
  position: absolute;
  inset: -20.4em -2.8em auto auto;
}

.logo-fixed {
  z-index: 5;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: fixed;
  inset: 1.5em auto auto .9em;
}

.image-29 {
  width: 3.6em;
}

.text-block-3 {
  color: var(--700);
  font-size: 1rem;
  line-height: 1.3;
}

@media screen and (min-width: 1280px) {
  .submit-button:hover {
    padding-left: 2.5vh;
    padding-right: 2.5vh;
  }

  .submit-button:active {
    background-color: #dbdbdb;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 8vw;
  }

  .section {
    overflow: hidden;
  }

  .section.s1 {
    height: auto;
    overflow: hidden;
  }

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

  .header._02 {
    flex-direction: column;
    align-items: flex-start;
  }

  .image {
    width: 23vw;
  }

  .image-2 {
    width: 100%;
    height: auto;
  }

  .bg-logo {
    align-items: flex-start;
    height: 88vw;
    position: relative;
    top: 0;
  }

  .goals {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
  }

  .h3 {
    font-size: 2.3vw;
  }

  .goal-div {
    flex: 1;
    padding: 2vw;
  }

  .ph-card-12px {
    font-size: 1.4vw;
  }

  .goals-wrap {
    width: 100%;
    position: relative;
  }

  .h3-goals-div {
    padding-bottom: 1.041vw;
  }

  .button-wrap {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    flex-direction: row;
    align-items: flex-start;
    width: auto;
    margin-top: 5vw;
    position: relative;
    top: 0%;
    bottom: auto;
  }

  .button-big {
    padding: var(--50px);
    width: 34vw;
    height: 8vw;
  }

  .button-big.insurance {
    width: 43vw;
    height: 9vw;
  }

  .btn-big-text {
    font-size: 3vw;
  }

  .pixel_w {
    width: var(--40px);
    height: var(--40px);
  }

  .pixel_b {
    width: var(--40px);
    height: var(--40px);
    top: -2vw;
  }

  .ph-12.web {
    display: none;
  }

  .ph-12.mod {
    max-width: 36vw;
    font-family: PP Neue Montreal Mono, sans-serif;
    font-size: 1.8vw;
    line-height: 110%;
    display: block;
  }

  .ph-12.gray {
    font-size: 1.8vw;
    top: 50vw;
  }

  .ph-12.gray.load {
    top: 48vw;
  }

  .ph-12.fix {
    font-size: 1.6em;
  }

  .ph-12.card {
    font-size: 1.2vw;
  }

  .header01-wrap {
    width: auto;
    margin-top: 4vw;
    position: static;
  }

  .h1-start, .fl-pro {
    font-size: 6em;
  }

  .signature {
    flex-direction: row;
    align-items: flex-start;
    width: auto;
    max-width: 100%;
    margin-top: 5vw;
    position: static;
    top: 0%;
    bottom: auto;
  }

  .signature.gr {
    position: relative;
    bottom: auto;
    right: auto;
  }

  .gif-hover-01 {
    width: 30vw;
    height: 26vw;
    top: 8vw;
    left: 14.5vw;
  }

  .gif-hover-02 {
    width: 30vw;
    height: 26vw;
    top: 8vw;
    left: 45.5vw;
  }

  .gif-hover-03 {
    width: 30vw;
    height: 32vw;
    top: 35vw;
    left: 57.2vw;
  }

  .gif-hover-04 {
    width: 24vw;
    height: 32vw;
    top: 50.9vw;
    left: 34.2vw;
  }

  .gif-hover-05 {
    width: 30vw;
    height: 32vw;
    top: 35vw;
    left: 4.2vw;
  }

  .image-wrap {
    width: 90vw;
    height: 88vw;
    position: relative;
    top: 0;
  }

  .card-hover01 {
    padding: var(--40px);
    width: 50em;
    position: fixed;
    inset: auto auto 2vw 2vw;
  }

  .h2-card-white {
    font-size: 3em;
  }

  .ph-18 {
    font-size: 1.5vw;
  }

  .ph-18.white {
    font-size: 2em;
  }

  .ph-18.fix {
    width: auto;
  }

  .ph-18.card.fact {
    font-size: 1.2vw;
  }

  .pixel_b_card_left {
    width: var(--40px);
    height: var(--40px);
    display: none;
  }

  .gif-01 {
    width: 25vw;
    height: 25vw;
    top: 1vw;
    left: 2vw;
  }

  .link-block {
    z-index: auto;
  }

  .card-hover02 {
    padding: var(--40px);
    opacity: 0;
    width: 50em;
    position: fixed;
    inset: auto 2vw 4vw auto;
  }

  .gif-02 {
    width: 25vw;
    height: 25vw;
    top: 1vw;
    left: 3vw;
  }

  .gif-hover-02-copy {
    width: 23vw;
    height: 23vw;
    top: -.1vw;
    left: 50.1vw;
  }

  .gif-03 {
    width: 25vw;
    height: 25vw;
    top: 3vw;
    left: 1vw;
  }

  .card-hover03 {
    padding: var(--40px);
    opacity: 0;
    width: 50em;
    position: fixed;
    inset: auto 2vw 4vw auto;
  }

  .gif-04 {
    width: 25vw;
    height: 25vw;
    top: 4vw;
    left: -2vw;
  }

  .card-hover04 {
    padding: var(--40px);
    opacity: 0;
    width: 50em;
    position: fixed;
    inset: auto auto 4vw 2vw;
  }

  .gif-05 {
    width: 25vw;
    height: 25vw;
    top: 3vw;
    left: 3vw;
  }

  .card-hover05 {
    padding: var(--40px);
    opacity: 0;
    width: 50em;
    position: fixed;
    inset: auto auto 4vw 2vw;
  }

  .bg-load-logo {
    align-items: center;
    width: 90vw;
    height: 88vw;
    position: absolute;
    top: 3.6vw;
  }

  .lottie-loader-logo {
    justify-content: center;
    align-items: center;
    display: block;
  }

  .image-3 {
    width: 23vw;
  }

  .gif-icon-01 {
    width: 26vw;
    top: 9.5vw;
    left: 18vw;
  }

  .bg-load-animation-pixel {
    align-items: center;
    width: 90vw;
    height: 88vw;
    position: absolute;
  }

  .bg-load-pixel {
    width: 90vw;
    height: 88vw;
    top: 3.6vw;
  }

  .gif-icon-02 {
    width: 30vw;
    top: 7.7vw;
    left: 47.9vw;
  }

  .gif-icon-03 {
    width: 24vw;
    top: 38.2vw;
    left: 58.1vw;
    transform: rotate(61deg);
  }

  .gif-icon-04 {
    width: 26vw;
    top: 55.5vw;
    left: 33.7vw;
  }

  .gif-icon-05 {
    width: 26vw;
    top: 38.3vw;
    left: 10.8vw;
    transform: rotate(28deg);
  }

  .form-wrap {
    position: fixed;
    bottom: 2vw;
    left: 2vw;
    right: 2vw;
  }

  .form {
    width: 100%;
  }

  .submit-button {
    height: 8vw;
    margin-top: 2vw;
    padding-bottom: .5vw;
    padding-left: 5vw;
    padding-right: 5vw;
    font-size: 3vw;
  }

  .submit-button.dark {
    height: 2.7em;
  }

  .form-block {
    width: 100%;
  }

  .text-field {
    border-radius: 0;
    padding: 3vw 3vw 3.5vw;
    font-size: 2vw;
  }

  .text-field.text {
    min-height: 20vw;
    padding: 3vw 3vw 3.5vw;
  }

  .text-field.name {
    width: 92%;
  }

  .text-field.gray {
    border-left-style: none;
    height: 4em;
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-block {
    font-size: 4vw;
  }

  .text-block._2 {
    font-size: 2.3vw;
  }

  .success-message {
    text-align: center;
    width: 90vw;
    padding-top: 0;
  }

  .error-message {
    height: 8vw;
    padding: 3vw;
    bottom: 2vw;
  }

  .error-message._2 {
    padding: 3.3vw 2vw 3.5vw 4vw;
  }

  .text-block-2 {
    font-size: 2vw;
  }

  .lottie-close {
    width: 5vw;
    top: -5vw;
  }

  .inputs-div._2 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 2em;
  }

  .descriptor-header {
    max-width: 41vw;
  }

  .ph-24 {
    font-size: 2em;
  }

  .image-start {
    width: 130vw;
    inset: 10.4vw auto auto -20.1vw;
  }

  .h1-128.table {
    font-size: 15.8vw;
  }

  .start-content-insurance {
    margin-top: 17.6389vw;
  }

  .image-6 {
    width: 130vw;
  }

  .grid-4-columns {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .wh-card-utp {
    width: 31vw;
    height: 31vw;
  }

  .ph-14 {
    font-size: 1.4vw;
  }

  .ph-14.gray {
    font-size: 1.4em;
  }

  .ph-28 {
    margin-bottom: .2em;
    font-size: 2.6em;
  }

  .ph-48 {
    font-size: 7vw;
  }

  .div-block-3 {
    height: 5em;
  }

  .start-text-insurance {
    grid-column-gap: 1.2vw;
    grid-row-gap: 1.2vw;
    width: 56vw;
    padding-bottom: 1vw;
  }

  .ph-36 {
    font-size: 5em;
  }

  .ph-36.table {
    font-size: 3em;
  }

  .ic-rub {
    height: auto;
    max-height: 3.8em;
  }

  .ic-rub._32 {
    max-height: 4em;
  }

  .start-block-table {
    display: block;
  }

  .h1-wrap {
    width: 100%;
  }

  .image-8 {
    height: 50em;
    display: block;
  }

  .wh-card-utp-mob {
    width: 31vw;
    height: 31vw;
    display: none;
  }

  .tarif-block-desktop {
    display: none;
  }

  .h2-55 {
    font-size: 5.2em;
  }

  .tarif-content-insurance {
    width: 100%;
  }

  .fw-card {
    min-height: 6em;
    margin-bottom: 1em;
  }

  .wrap-fw-descript.off {
    display: flex;
  }

  .utp-text {
    width: 100%;
    position: static;
    left: auto;
  }

  .framework-text {
    border-left: 3px solid #000;
    padding-left: 2em;
  }

  .icon-wrap {
    min-width: 2.4em;
    display: none;
  }

  .ic-check-fw {
    width: 6em;
    height: 6em;
    position: static;
    left: 0;
    right: auto;
  }

  .wrap-lmage-fw {
    display: none;
  }

  .ic-plus-fw-03 {
    width: 6em;
    height: 6em;
    left: 0%;
    right: auto;
    transform: none;
  }

  .framework-card-02, .framework-card-03, .framework-card-04 {
    width: 31vw;
    height: 31vw;
  }

  .arrow-01 {
    padding-top: 1em;
  }

  .fw-card-01-on {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    background-color: #fff0;
    border-width: 0;
    width: 100%;
    padding: 0;
    display: flex;
    position: relative;
  }

  .fw-card-01-off {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    width: 100%;
    padding: 0;
    position: absolute;
  }

  .fw-card-02-on {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    background-color: var(--opasi);
    border-style: none;
    width: 100%;
    padding: 0;
    position: relative;
  }

  .fw-card-02-off, .fw-card-03-off {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    background-color: var(--opasi);
    border-style: solid;
    width: 100%;
    padding: 0;
    position: absolute;
  }

  .fw-card-03-on {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    border-style: none;
    width: 100%;
    padding: 0;
    position: relative;
  }

  .fw-card-04-off {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    background-color: var(--opasi);
    border-style: solid;
    width: 100%;
    padding: 0;
    position: absolute;
  }

  .fw-card-04-on {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    border-style: none;
    width: 100%;
    padding: 0;
    position: relative;
  }

  .ic-plus-fw-01, .ic-plus-fw-02 {
    width: 6em;
    height: 6em;
    left: 0%;
    right: auto;
    transform: none;
  }

  .tarif-card {
    height: 50em;
  }

  .ph-12-mono {
    font-size: 2em;
  }

  .wrap-tarif-descript {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .ph-21 {
    font-size: 2vw;
  }

  .wrap-summ {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    height: 6em;
  }

  .button {
    padding: var(--50px);
    height: 8vw;
  }

  .button.insurance {
    width: 43vw;
    height: 9vw;
  }

  .tarif-card-01-on {
    padding: var(--50px);
  }

  .tarif-card-02-off {
    width: 31vw;
    height: 31vw;
  }

  .tarif-card-02-on {
    padding: var(--50px);
  }

  .tarif-card-03-off {
    width: 31vw;
    height: 31vw;
  }

  .tarif-card-03-on {
    padding: var(--30px);
  }

  .tarif-card-04-on {
    padding: var(--50px);
  }

  .tarif-card-04-off {
    width: 31vw;
    height: 31vw;
  }

  .grid-2 {
    grid-template-columns: 1fr 1fr;
  }

  .ns-card-01 {
    padding: var(--50px);
  }

  .wrap-lmage-ns {
    width: 14em;
  }

  .ph-32 {
    font-size: 3em;
  }

  .ph-32.fix-comp {
    width: 25vw;
    font-size: 3vw;
  }

  .grid-3 {
    grid-column-gap: 2em;
    grid-row-gap: 4em;
    grid-template-rows: auto 1fr;
  }

  .form-insurance {
    padding: 3em;
  }

  .clients-content-insurance {
    justify-content: flex-start;
    width: 100%;
  }

  .partner-content-insurance {
    width: 100%;
    padding-top: 0;
  }

  .h3-44 {
    font-size: 5em;
    font-style: normal;
  }

  .columns {
    grid-column-gap: 1.5vw;
    grid-row-gap: 1.5vw;
    justify-content: flex-start;
    align-items: stretch;
  }

  .ph-16-mono {
    font-size: 1.7vw;
  }

  .futer-column {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 1vw;
    padding-bottom: 1vw;
  }

  .ic-check-fw-01, .ic-check-fw-02, .ic-check-fw-03 {
    width: 6em;
    height: 6em;
    position: static;
    left: .2em;
    right: auto;
  }

  .tarif-block-table {
    display: block;
  }

  .grid-4 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-columns: 1fr minmax(20px, .25fr) 1.2fr;
  }

  .fw-wrap {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-direction: column;
    display: flex;
  }

  .fw-clicker-mob {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    background-color: var(--white);
    border: 3px solid #000;
    align-items: center;
    display: flex;
  }

  .fw-clicker-mob.off {
    background-color: var(--300);
    color: var(--600);
    border-style: none;
  }

  .wrap-fw-descript-off {
    display: none;
  }

  .wrap-fw-descript-off.off {
    display: flex;
  }

  .ic-plus-fw-04-mob {
    width: 6em;
    height: 6em;
    top: .3em;
    left: .3em;
    right: auto;
    transform: none;
  }

  .ic-check-fw-04-mob, .ic-check-fw-03-mob {
    width: 6em;
    height: 6em;
    position: static;
    left: .2em;
    right: auto;
  }

  .ic-plus-fw-03-mob, .ic-plus-fw-02-mob {
    width: 6em;
    height: 6em;
    top: .3em;
    left: .3em;
    right: auto;
    transform: none;
  }

  .ic-check-fw-02-mob {
    width: 6em;
    height: 6em;
    position: static;
    left: .2em;
    right: auto;
  }

  .wrap-fw-descript-02 {
    display: none;
  }

  .wrap-fw-descript-02.off {
    display: flex;
  }

  .wrap-fw-descript-03 {
    display: none;
  }

  .wrap-fw-descript-03.off {
    display: flex;
  }

  .wrap-fw-descript-04 {
    display: none;
  }

  .wrap-fw-descript-04.off {
    display: flex;
  }

  .img-arrow-down {
    display: none;
  }

  .wrap-ns-mobile {
    display: block;
  }

  .wrap-ns-desktop {
    display: none;
  }

  .form-block-2 {
    margin-top: 1.4em;
  }

  .wrap-final-desktop {
    display: none;
  }

  .wrap-final-mobile {
    display: block;
  }

  .checkbox {
    width: 2em;
    min-width: 2em;
    height: 2em;
    min-height: 2em;
    margin-left: -2em;
    margin-right: 1em;
  }

  .checkbox-field {
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 2em;
    display: flex;
  }

  .checkbox-field-2 {
    align-items: flex-start;
    padding-left: 2em;
    display: flex;
  }

  .div_logo_text {
    grid-column-gap: 1.2vw;
    grid-row-gap: 1.2vw;
  }

  .logotype {
    padding: 1.1vw 1vw .9vw;
    top: 2.5vw;
    left: 2.7vw;
  }

  .ph-24-mono {
    font-size: 2em;
  }

  .h1-64 {
    font-size: 5vw;
  }

  .div-ph-start {
    width: 37vw;
  }

  .div-header-text-logo {
    padding-top: 1.1vw;
  }

  .div-h2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .h2-40 {
    font-size: 2.7vw;
  }

  .h2-40.white.fix, .h2-40.fix {
    font-size: 4vw;
  }

  .div-text-2section {
    grid-column-gap: 1.3vw;
    grid-row-gap: 1.3vw;
  }

  .problem-card {
    height: 15em;
    padding: 2.38vw;
  }

  .card-principles {
    grid-column-gap: 1.2vw;
    grid-row-gap: 1.2vw;
    border-width: 0;
    padding: 1.8vw 2.2vw 2.2vw;
    display: flex;
  }

  .grid-3-column {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .stap-card-01 {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .stap-head {
    grid-column-gap: 1.2vw;
    grid-row-gap: 1.2vw;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 28vw;
    padding-top: 1.4vw;
  }

  .number-stap-01 {
    align-self: flex-start;
    font-size: 13vw;
    position: static;
  }

  .div-cards-stap, .stap-card-content-01 {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
  }

  .grid-2-2 {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .card-gray {
    justify-content: space-around;
    align-items: stretch;
    padding: 1vw 1.4vw 1.4vw;
  }

  .numder-card-gray.black {
    width: 2vw;
    height: 2vw;
  }

  .number-gray-text {
    font-size: 1.4vw;
  }

  .ph-28-stap-01 {
    margin-bottom: .2em;
    font-size: 2.6vw;
  }

  .ph-28-stap-02, .ph-28-stap-03, .ph-28-stap-01-copy {
    margin-bottom: .2em;
    font-size: 2.6em;
  }

  .grid-2-column {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .div-expertise {
    margin-top: 2vw;
  }

  .grid-5-column {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .factoid-card {
    justify-content: space-between;
    height: 18vw;
    padding: 1vw 1.4vw 1.4vw;
  }

  .factoid-card._1-part {
    height: 18vw;
  }

  .ph-96 {
    font-size: 7.6vw;
  }

  .div-final {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    height: 50vw;
    margin-bottom: 0;
  }

  .div-h2-final {
    width: 60%;
  }

  .ph-73 {
    font-size: 5vw;
  }

  .card-final {
    width: 54%;
  }

  .div-contact-final {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    padding-top: 1.2vw;
  }

  .image-25 {
    width: 8em;
    height: 8em;
  }

  .ph-20-mono {
    font-size: 1.7vw;
  }

  .image-26 {
    max-width: none;
    max-height: 120%;
  }

  .image-27 {
    width: 18vw;
  }

  .futer-contact {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    flex-flow: column;
  }

  .contact-title {
    width: 17vw;
  }

  .card-components {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    border-width: 0;
    width: 100%;
    padding: 1.8vw 2.2vw 2.2vw;
    display: flex;
  }

  .bg-lottie {
    width: 100vw;
    top: -10.1vw;
    right: -2.8vw;
  }
}

@media screen and (max-width: 767px) {
  .section._02 {
    height: 95vh;
    padding: 4vw;
  }

  .section.futer {
    padding: 0;
  }

  .section._03 {
    padding: 4vw;
  }

  .section.black {
    background-color: var(--black-2);
    padding: 4vw;
  }

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

  .goals {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .h3 {
    font-size: 4vw;
  }

  .goal-div {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    flex-direction: column;
    padding: 3vw;
    display: flex;
  }

  .ph-card-12px {
    font-size: 2.3vw;
  }

  .h3-goals-div {
    padding-bottom: 2.08vw;
    padding-left: var(--40px);
  }

  .button-big {
    width: 36vw;
    height: 8vw;
  }

  .btn-big-text {
    font-size: 3vw;
  }

  .ph-12.mod {
    max-width: 36vw;
    font-size: 2vw;
  }

  .ph-12.gray {
    font-size: 2vw;
  }

  .ph-12.fix {
    font-size: 1.8vw;
  }

  .signature {
    max-width: 100%;
  }

  .card-hover01 {
    width: 96vw;
    padding: 4vw;
  }

  .h2-card-white {
    font-size: 4em;
  }

  .ph-18 {
    background-color: #fff0;
    font-size: 2vw;
  }

  .ph-18.white {
    font-size: 2.4em;
  }

  .ph-18.card {
    font-size: 1.8vw;
  }

  .card-hover02, .card-hover03, .card-hover04, .card-hover05 {
    width: 96vw;
    padding: 4vw;
  }

  .lottie-loader-logo {
    width: 112%;
    height: 112%;
  }

  .form-wrap {
    padding: 4vw;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .submit-button.dark {
    font-size: 2vw;
  }

  .text-field {
    border-radius: 0;
    padding-top: 3.5vw;
    padding-bottom: 4vw;
  }

  .text-field.gray {
    font-size: 2vw;
  }

  .success-message {
    width: 90vw;
    padding-top: 0;
  }

  .error-message {
    bottom: 4vw;
  }

  .error-message._2 {
    width: 98%;
    padding-right: 1vw;
    top: 0;
    left: 0;
    right: 0;
  }

  .lottie-close {
    width: 10vw;
    top: -10vw;
    right: 4vw;
  }

  .descriptor-header {
    max-width: 58vw;
    margin-top: .4vw;
    padding-left: 6.6vw;
    padding-right: 0;
  }

  .ph-24 {
    font-size: 2.3vw;
  }

  .image-start {
    opacity: .58;
    /*position: absolute;*/
  }

  .h1-128.table {
    font-size: 15.6vw;
  }

  .start-content-insurance {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    flex-flow: column;
    align-items: flex-start;
    margin-top: 10vw;
    margin-bottom: 8vw;
  }

  .grid-4-columns {
    margin-bottom: 8vw;
  }

  .wh-card-utp {
    width: 35vw;
    height: 35vw;
  }

  .ph-14 {
    font-size: 2vw;
  }

  .ph-14.gray {
    font-size: 1.7vw;
  }

  .ph-28 {
    font-size: 3vw;
  }

  .start-text-insurance {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
  }

  .ph-36 {
    font-size: 5.4vw;
  }

  .ph-36.table {
    font-size: 3.3em;
  }

  .ic-rub {
    max-height: 4.2em;
  }

  .ic-rub._32 {
    max-height: 4.6vw;
  }

  .start-block-desktop {
    height: 85%;
    margin-bottom: 5vw;
  }

  .image-8 {
    height: 47vw;
  }

  .wh-card-utp-mob {
    width: 35vw;
    height: 35vw;
  }

  .h2-55 {
    font-size: 7vw;
  }

  .tarif-content-insurance {
    margin-top: 6vw;
    margin-bottom: 6vw;
  }

  .fw-card {
    margin-bottom: 0;
  }

  .wrap-fw-descript, .utp-text {
    grid-column-gap: 1.5vw;
    grid-row-gap: 1.5vw;
  }

  .ic-check-fw {
    width: 8vw;
    height: 8vw;
  }

  .framework-card-02, .framework-card-03, .framework-card-04, .fw-card-01-off, .tarif-card-01-off {
    width: 35vw;
    height: 35vw;
  }

  .ph-12-mono {
    font-size: 2.2vw;
  }

  .ph-21 {
    font-size: 2.4vw;
  }

  .wrap-summ {
    height: 5.2vw;
  }

  .tarif-card-02-off, .tarif-card-03-off, .tarif-card-04-off {
    width: 35vw;
    height: 35vw;
  }

  .grid-2 {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
  }

  .ns-card-01 {
    padding: 3vw;
  }

  .wrap-lmage-ns {
    width: 15vw;
    bottom: 3vw;
    right: 3vw;
  }

  .pixel.dark {
    width: 3vw;
    height: 3vw;
  }

  .wrap-ns-descript {
    grid-column-gap: 1.6vw;
    grid-row-gap: 1.6vw;
    width: 100%;
  }

  .ph-32 {
    font-size: 3.5vw;
  }

  .form-insurance {
    padding: 3vw;
  }

  .h3-44 {
    font-size: 5.5vw;
  }

  .columns {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
  }

  .ph-16-mono.gray {
    font-size: 2vw;
  }

  .futer-column {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    padding-top: 5vw;
    padding-bottom: 5vw;
  }

  .grid-4 {
    grid-template-columns: 1fr minmax(10px, .25fr) 1fr;
  }

  .fw-wrap {
    grid-column-gap: 2.5vw;
    grid-row-gap: 2.5vw;
  }

  .fw-clicker-mob {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .ic-plus-fw-04-mob {
    width: 8vw;
    height: 8vw;
    top: .5vw;
    left: .5vw;
  }

  .ic-check-fw-04-mob, .ic-check-fw-03-mob {
    width: 8vw;
    height: 8vw;
  }

  .ic-plus-fw-03-mob, .ic-plus-fw-02-mob {
    width: 8vw;
    height: 8vw;
    top: .5vw;
    left: .5vw;
  }

  .ic-check-fw-02-mob {
    width: 8vw;
    height: 8vw;
  }

  .form-block-2 {
    margin-top: 1.4vw;
  }

  .form-block-3 {
    margin-top: 2vw;
  }

  .div_logo_text {
    padding-right: 0;
  }

  .logotype {
    padding: 2vw 1.5vw 1.3vw;
  }

  .ph-24-mono {
    font-size: 2.3vw;
  }

  .h1-64 {
    font-size: 6.3vw;
  }

  .div-ph-start {
    width: 43vw;
  }

  .div-header-text-logo {
    padding-top: 2.1vw;
    display: flex;
  }

  .background-holder {
    display: block;
  }

  .background-dark {
    position: static;
  }

  .div-h2 {
    margin-top: 6vw;
  }

  .div-text-2section {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
  }

  .problem-card {
    height: 25vw;
  }

  .card-gray.big {
    padding: 2vw;
  }

  .ph-28-stap-01, .ph-28-stap-02, .ph-28-stap-03, .ph-28-stap-01-copy {
    font-size: 3vw;
  }

  .grid-2-column {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .grid-5-column {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .factoid-card {
    height: 20vw;
  }

  .factoid-card._1-part {
    display: none;
  }

  .grid-6-column {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .div-final {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    flex-flow: column;
    margin-top: 4vw;
    margin-bottom: 0;
  }

  .div-h2-final {
    width: 80%;
  }

  .ph-73 {
    font-size: 6vw;
  }

  .card-final {
    width: 60%;
  }

  .image-25 {
    width: 12vw;
    height: 12vw;
  }

  .image-26 {
    opacity: 0;
  }

  .link-block-3 {
    display: flex;
  }

  .bg-lottie {
    opacity: .4;
    top: -7.9vw;
    left: 0%;
    right: -2.6vw;
  }

  .logo-fixed {
    top: 1vw;
    left: 1vw;
  }

  .text-block-3 {
    font-size: .8rem;
  }
}

@media screen and (max-width: 479px) {
  .section {
    padding: 5vw;
  }

  .section.s1 {
    padding: 6vw;
  }

  .section._02 {
    height: 95vh;
    padding-bottom: 4vw;
  }

  .container.futer {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .header._02 {
    flex-direction: column;
  }

  .image {
    width: 35vw;
  }

  .bg-logo {
    margin-bottom: 2vw;
  }

  .goals {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
  }

  .h3 {
    font-size: 7vw;
  }

  .goal-div {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    flex-direction: column;
    padding: 4vw;
    display: flex;
  }

  .ph-card-12px {
    font-size: 3.3vw;
  }

  .h3-goals-div {
    padding-left: 4vw;
  }

  .button-wrap {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    flex-direction: column;
    margin-top: 8vw;
  }

  .button-big {
    width: 60vw;
    height: 16vw;
    margin-top: 4vw;
  }

  .button-big.insurance {
    width: 85vw;
    height: 20vw;
  }

  .btn-big-text {
    font-size: 5.4vw;
  }

  .pixel_w {
    width: 4vw;
    height: 4vw;
  }

  .pixel_b {
    width: 4vw;
    height: 4vw;
    top: -4vw;
  }

  .ph-12.mod {
    width: 100%;
    max-width: 80vw;
    font-size: 3vw;
  }

  .ph-12.gray {
    font-size: 3vw;
  }

  .ph-12.fix {
    height: 18vw;
    font-size: 4vw;
  }

  .ph-12.card {
    background-color: #fff0;
    width: 100%;
    padding: 0;
    font-size: 2.6vw;
  }

  .h1-start, .fl-pro {
    font-size: 9.3vw;
  }

  .gif-hover-03 {
    height: 32vw;
  }

  .card-hover01 {
    width: 96vw;
    padding: 6vw;
  }

  .h2-card-white {
    font-size: 6vw;
  }

  .ph-18 {
    width: 100%;
    font-size: 3.8vw;
  }

  .ph-18.white {
    font-size: 3.6vw;
  }

  .ph-18.black {
    font-size: 4vw;
  }

  .ph-18.fix {
    width: auto;
  }

  .ph-18.card {
    text-align: left;
    background-color: #fff0;
    padding: 0;
    font-size: 3.8vw;
  }

  .ph-18.card.fact {
    text-align: right;
    width: 70%;
    font-size: 4vw;
  }

  .pixel_b_card_left {
    width: 4vw;
    height: 4vw;
    top: -4vw;
  }

  .card-hover02 {
    width: 96vw;
    padding: 6vw;
  }

  .gif-hover-02-copy {
    top: .9vw;
    left: 48.1vw;
  }

  .card-hover03, .card-hover04, .card-hover05 {
    width: 96vw;
    padding: 6vw;
  }

  .bg-load-logo {
    top: 2.3vw;
  }

  .lottie-loader-logo {
    width: 105%;
    height: 105%;
  }

  .image-3 {
    width: 35vw;
  }

  .bg-load-animation-pixel {
    display: flex;
  }

  .bg-load-pixel {
    top: 2.3vw;
  }

  .gif-icon-04 {
    top: 55vw;
    left: 32.74vw;
  }

  .submit-button {
    height: 12vw;
    margin-top: 4vw;
    font-size: 5vw;
  }

  .submit-button.dark {
    height: 16vw;
    font-size: 4vw;
  }

  .text-field {
    border-radius: 0;
    height: 14vw;
    font-size: 4vw;
  }

  .text-field.text {
    height: auto;
    min-height: 30vw;
  }

  .text-field.name {
    width: 86%;
    font-size: .8vw;
  }

  .text-field.gray {
    font-size: 4vw;
  }

  .text-block {
    font-size: 7vw;
  }

  .text-block._2 {
    font-size: 4vw;
  }

  .success-message {
    width: 92vw;
    padding-top: 0;
  }

  .error-message {
    width: 52vw;
    height: 12vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
  }

  .error-message._2 {
    text-align: center;
    padding-top: 7.4vw;
    padding-bottom: 7.4vw;
  }

  .lottie-close {
    width: 10vw;
  }

  .inputs-div._2 {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    margin-bottom: 4vw;
  }

  .descriptor-header {
    max-width: 104vw;
    margin-top: 1.5vw;
    padding-left: 0;
  }

  .ph-24 {
    font-size: 4.375vw;
  }

  .image-start {
    /* width: 100vw;
    height: 130vw;
    top: 14.1vw;
    left: -36.6vw; */
  }

  .start-content-insurance {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
  }

  .image-6 {
    width: 150vw;
  }

  .grid-4-columns {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-bottom: 20vw;
  }

  .wh-card-utp {
    display: none;
  }

  .ph-14 {
    font-size: 4vw;
  }

  .ph-14.gray {
    font-size: 3.88889vw;
  }

  .ph-28 {
    font-size: 6vw;
  }

  .ph-48 {
    font-size: 20vw;
  }

  .div-block-3 {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    height: 12vw;
  }

  .start-text-insurance {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    flex-flow: column;
    width: 100%;
  }

  .ph-36 {
    font-size: 10vw;
  }

  .ph-36.table {
    font-size: 5vw;
  }

  .ic-rub {
    max-height: 12vw;
  }

  .ic-rub._32 {
    max-height: 8.5vw;
  }

  .start-block-desktop {
    height: 95%;
    margin-bottom: 0;
  }

  .image-8 {
    height: 62vw;
  }

  .wh-card-utp-mob {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
    background-color: #fff0;
    width: 100%;
    height: auto;
    margin-top: 5vw;
    margin-bottom: 5vw;
    padding: 0;
    display: flex;
  }

  .card {
    background-color: var(--white);
    padding: 5.5vw;
  }

  .cards-scroll {
    width: 100%;
    display: flex;
    position: relative;
  }

  .cards-scrolling {
    grid-column-gap: 2.7vw;
    grid-row-gap: 2.7vw;
    display: flex;
  }

  .h2-55 {
    font-size: 12vw;
  }

  .tarif-content-insurance {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .ic-check-fw {
    width: 15vw;
    height: 15vw;
  }

  .framework-card-02, .framework-card-03, .framework-card-04, .fw-card-01-off {
    display: none;
  }

  .tarif-card {
    height: 121vw;
  }

  .tarif-card-01-off {
    display: none;
  }

  .ph-12-mono {
    font-size: 5vw;
  }

  .ph-12-mono.gray {
    font-size: 4vw;
  }

  .wrap-tarif-descript {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
  }

  .tarif-text {
    grid-column-gap: 1.5vw;
    grid-row-gap: 1.5vw;
  }

  .ph-21 {
    font-size: 4.7vw;
  }

  .wrap-summ {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    height: 12vw;
  }

  .button {
    height: 16vw;
  }

  .button.insurance {
    width: 85vw;
    height: 20vw;
  }

  .tarif-card-01-on {
    padding: 6vw;
  }

  .tarif-card-02-off {
    display: none;
  }

  .tarif-card-02-on {
    padding: 6vw;
  }

  .tarif-card-03-off {
    display: none;
  }

  .tarif-card-03-on {
    padding: 6em;
  }

  .tarif-card-04-on {
    padding: 6vw;
  }

  .tarif-card-04-off {
    display: none;
  }

  .grid-2 {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
    grid-template-columns: 1fr;
  }

  .ns-card-01 {
    min-height: 50vw;
    padding: 6vw;
  }

  .ns-card-01.mini {
    min-height: 33vw;
  }

  .wrap-lmage-ns {
    width: 36vw;
    bottom: 6vw;
    right: 6vw;
  }

  .pixel.dark {
    width: 5vw;
    height: 5vw;
  }

  .ph-32 {
    width: 90%;
    font-size: 7vw;
  }

  .ph-32.fix-comp {
    width: 75%;
    font-size: 6vw;
    font-weight: 500;
  }

  .grid-3 {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
    grid-template-rows: auto auto auto;
    grid-template-columns: auto;
  }

  .form-insurance {
    padding: 5vw;
  }

  .clients-content-insurance, .partner-content-insurance {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .h3-44 {
    font-size: 9vw;
  }

  .columns {
    padding-bottom: 5vw;
    display: block;
  }

  .ph-16-mono {
    font-size: 4vw;
  }

  .ph-16-mono.gray {
    font-size: 3.4vw;
  }

  .ph-16-mono.gray600 {
    font-size: 4vw;
  }

  .futer-column {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    flex-flow: column;
  }

  .grid-4 {
    border-left: 3px solid #000;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    padding-left: 4.3vw;
    padding-right: 5vw;
  }

  .fw-wrap {
    grid-column-gap: 3.5vw;
    grid-row-gap: 3.5vw;
  }

  .ic-plus-fw-04-mob {
    width: 15vw;
    height: 15vw;
    top: .8vw;
    left: .8vw;
  }

  .ic-check-fw-04-mob, .ic-check-fw-03-mob {
    width: 15vw;
    height: 15vw;
  }

  .ic-plus-fw-03-mob, .ic-plus-fw-02-mob {
    width: 15vw;
    height: 15vw;
    top: .8vw;
    left: .8vw;
  }

  .ic-check-fw-02-mob {
    width: 15vw;
    height: 15vw;
  }

  .img-arrow-down {
    display: block;
  }

  .img-arrow-left {
    display: none;
  }

  .form-block-2 {
    margin-top: 3vw;
    margin-bottom: 0;
  }

  .form-block-3 {
    margin-top: 3vw;
  }

  .checkbox {
    width: 5vw;
    min-width: 5vw;
    height: 5vw;
    min-height: 5vw;
    margin-right: 2vw;
  }

  .logo-white {
    display: none;
  }

  .logotype {
    padding: 3vw 2vw 2vw;
    top: 4.9vw;
  }

  .ph-24-mono {
    font-size: 4.375vw;
  }

  .h1-64 {
    font-size: 10.4vw;
  }

  .div-ph-start {
    width: 100%;
  }

  .div-header-text-logo {
    flex-flow: column;
    padding-top: 2.5vw;
  }

  .div-h2 {
    margin-top: 15vw;
    margin-bottom: 8vw;
  }

  .h2-40 {
    font-size: 8vw;
  }

  .h2-40.white.fix {
    width: auto;
    font-size: 8.2vw;
  }

  .h2-40.fix {
    width: auto;
    font-size: 8vw;
  }

  .div-text-2section {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
  }

  .grid-s2-peoblem {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .problem-card {
    height: 40vw;
  }

  .image-11 {
    opacity: 0;
  }

  .card-principles {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    height: auto;
    padding: 3vw 4vw 4vw;
  }

  .grid-3-column {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .stap-card-01 {
    flex-flow: column;
  }

  .stap-head {
    flex-flow: row;
    width: auto;
    padding-bottom: 2vw;
  }

  .number-stap-01 {
    font-size: 18vw;
    position: absolute;
    top: 0;
    right: -1vw;
  }

  .div-cards-stap {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
  }

  .stap-card-content-01 {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
  }

  .grid-2-2 {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .card-gray {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    padding: 2.4vw;
  }

  .card-gray.big {
    padding: 4vw;
  }

  .numder-card-gray.black {
    width: 5vw;
    height: 5vw;
  }

  .number-gray-text {
    font-size: 3.3vw;
  }

  .ph-28-stap-01 {
    font-size: 5.6vw;
  }

  .ph-28-stap-02, .ph-28-stap-03, .ph-28-stap-01-copy {
    font-size: 6vw;
  }

  .grid-2-column {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .div-cards {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
  }

  .div-expertise {
    margin-top: 8vw;
  }

  .grid-5-column {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .factoid-card {
    flex-flow: row;
    padding: 4vw;
  }

  .factoid-card._1-part {
    flex-flow: row;
    padding: 4vw;
    display: flex;
  }

  .ph-96 {
    font-size: 11vw;
  }

  .grid-6-column {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
    justify-content: center;
    align-items: stretch;
    font-size: 2.4vw;
  }

  .image-18 {
    width: 14.6em;
  }

  .image-19 {
    width: 7.8em;
  }

  .image-20 {
    width: 9.1em;
  }

  .div-final {
    height: auto;
    margin-top: 8vw;
    margin-bottom: 4vw;
  }

  .div-h2-final {
    width: 80%;
  }

  .ph-73 {
    font-size: 8vw;
  }

  .card-final {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    width: auto;
    padding: 3vw 4vw 4vw;
  }

  .div-contact-final {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    flex-flow: column;
    padding-top: 1rem;
  }

  .image-25 {
    width: 24vw;
    height: 24vw;
  }

  .contact-content {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
    display: flex;
  }

  .name {
    flex-flow: column;
  }

  .ph-20-mono {
    font-size: 4vw;
  }

  .image-26 {
    opacity: 0;
  }

  .image-27 {
    width: 42vw;
  }

  .futer-contact {
    flex-flow: row;
  }

  .column-vertical {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    width: 100%;
  }

  .contact-title {
    width: auto;
    min-width: 40vw;
  }

  .card-components {
    padding: 3.6vw 4.2vw 4.2vw;
  }

  .link-block-3 {
    display: flex;
  }

  .final-content {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
  }

  .bg-lottie {
    width: 95vw;
    top: -10vw;
    right: -12.8vw;
  }
}

#w-node-_3f403bb1-8a79-df1e-b54a-408caedf6e1c-ddcfd219 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b87e87c9-fe2e-4bb9-1f77-b0c564e5e333-ddcfd219, #w-node-_5ad75b6d-5a1f-d243-ff2f-83a359722f42-ddcfd219, #w-node-_7d1ffb12-188c-f774-13ee-070c003ab020-ddcfd219, #w-node-_87987a38-2fa0-cb4d-adfc-d12e9a763142-ddcfd219, #w-node-_58338a94-4c45-5f22-9a05-76ae7f76a29e-ddcfd219, #w-node-_61990a29-a249-5250-8524-aecc84f4e050-ddcfd219 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'PP Neue Montreal';
  src: url('../fonts/PPNeueMontreal-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PP Neue Montreal Mono';
  src: url('../fonts/PPNeueMontrealMono-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}