@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@font-face{
    font-family: Helvetica-bold;
    src: url(HelveticaNowDisplay-Bold.ttf);
}
  
@font-face{
    font-family: Akkurat;
    src: url(Akkurat.ttf);
}

@font-face{
    font-family: Enzyme;
    src: url(Enzyme.otf);
}

@font-face{
    font-family: NeueHaas-DisplayRoman;
    src: url(NeueHaasDisplayRoman.ttf);
}

@font-face{
    font-family: matter;
    src: url(matter-regular.woff2);
}
@font-face{
    font-family: matter-light;
    src: url(matter-light.woff2);
}

@font-face{
    font-family: Neue Haas Grotesk;
    src: url(NeueHaasDisplayMediu.ttf);
}

@font-face{
    font-family: Neue Haas Grotesk-light;
    src: url(NeueHaasDisplayLight.ttf);
}

@font-face{
    font-family: Migra-italic;
    src: url(MigraItalic-ExtralightItalic.ttf);
}

html,
body {
    height: 100%;
    width: 100%;
    color: #fff;
    font-family: matter;
    height: 100%;
    overflow-x: clip;
    font-size: 14px;
    user-select: none;
    font-feature-settings: "ss03" 1, "ss01" 1, "ss02" 1;
    
}



audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}

em, h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: inherit;
    line-height: inherit;
    text-align: inherit;
    letter-spacing: inherit;
}

a {
    text-decoration: none;
}

img {
    /* max-width: 100%; */
    display: inline-block;
    vertical-align: middle;
}

a,div{
    position: relative;
}

[data-cta="target"]{
    will-change: transform;
}

.w-embed svg{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}

#main{
    will-change: transform;
}

.loader-container{
    z-index: 1600;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100dvh;
    /* display: none; */
    position: fixed;
    inset: 0% auto auto 0%;
    overflow: hidden;
    pointer-events: none;
}

.loader{
    flex: none;
    width: 100%;
    height: 100%;
    place-items: center;
}

.loader-content {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #000;
}

.loader-text{
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
}

.count {
    text-align: right;
    line-height: 1;
    padding: 0 1em;
}

.copy {
    font-family: Akkurat;
    font-weight: 500;
    font-size: 2em;
    text-transform: uppercase;
    line-height: 1;
}

.ml16 {
    overflow: hidden;
}

.ml16 .letter {
    display: inline-block;
    line-height: 1em;
}

.loader-bg{
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    background: #E0FD60;
    z-index: -1;
    overflow: hidden; 
}

.c-navbar{
  z-index: 100;
  pointer-events: auto;
  padding-top: 16px;
  padding-bottom: 16px;
  position: fixed;
  inset: 0% 0% auto;
  background-color: #040404;
}

.c-nav__baseline-wrapper {
    width: 100%;
    padding-left: 2.25em;
    padding-right: 2.25em;
}

.c-nav__baseline {
    border-bottom: 1px solid #666;
    opacity: 0; /* Start with opacity 0 */
    width: 92%;  /* Make sure it takes up full width of the container */
    margin-left: auto;
    margin-right: auto;
    transition: opacity 0.6s cubic-bezier(.16, 1, .32, 1);
    position: absolute;
    inset: auto 0% 0%;
}

nav {
  width: 100%;
  max-width: 130em;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.25em;
  padding-right: 2.25em;
  display: block;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1000;
}

.logo{
  text-decoration: none;
  color: #fff;
  letter-spacing: .03em;
  font-size: 2.95rem;
  font-weight: 600;
  line-height: 1.2em;
  font-family: Akkurat;
  text-transform: uppercase;
}

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

.logo span{
    font-family: Migra-italic;
    font-size: 2.444rem;
}

.c-nav-wrap{
  display: flex;
  align-items: center;
  gap: 20px;
}

.menu-button{
  border: 1px solid white;
  cursor: pointer;
  border-radius: 20rem;
  flex: none;
  padding: 8px 16px;
  transition: color .8s cubic-bezier(.23,1,.32,1), background-color .8s cubic-bezier(.23,1,.32,);
  display: block;
}

.c-overhead {
  letter-spacing: .03em;
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.2em;
}

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

.c-btn {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: white;
  white-space: nowrap;
  background-color: #fff;
  border-radius: 20rem;
  justify-content: space-between;
  align-items: center;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
}

.c-btn.cc-nav-cta {
  border: 1px solid white;
  background-color: #0000;
  padding: 8px 16px;
  font-size: 14px;
  transition: color .8s cubic-bezier(.23,1,.32,1), background-color .8s cubic-bezier(.23,1,.32,1);
}

#menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  /* Below the menu-panel and nav */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.menu-panel {
  background-color: #0f1215;
  color: #ffffff;
  border: 1.2px solid #3a3a3a;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 520px;
  height: calc(100% - 20px);
  margin: 10px;
  padding: 24px;
  transition-property: all;
  transition-duration: .8ms;
  transition-timing-function: cubic-bezier(.165,.84,.44,1);
  display: flex;
  position: fixed;
  inset: 0 0 0 auto;
  overflow: auto;
  transform: translate(110%);
  z-index: 1001;
}


#menu-overlay.active {
  opacity: 1;
  visibility: visible;
  /* Make overlay visible */
}

.c-nav_top {
  margin-bottom: 16px;
}

.c-nav_close{
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: white;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: white;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: white;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: white;
  color: white;
  cursor: pointer;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 6px;
  transition-property: color,background-color;
  transition-duration: .4s,.4s;
  transition-timing-function: cubic-bezier(.23,1,.32,1),cubic-bezier(.23,1,.32,1);
  display: flex;
}

.close-svg {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.c-nav_list {
  flex-flow: column;
  flex: 1;
  width: 100%;
  display: flex;
}

.c-nav_list_group{
  margin-top: 16px;
  margin-bottom: 16px;
}

.c-nav_link {
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.c-nav-item_heading-wrap {
  position: relative;
  overflow: hidden;
}

.c-nav_link:hover .c-nav-heading_wrap {
  transform: translateY(-100%);
}

.c-nav-heading_wrap {
  transition: transform .5s;
}

.c-heading-7 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.4em;
}

.c-nav-heading_wrap.cc-repeat {
  position: absolute;
}

.c-underline-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.c-underline {
  background-color: #fff3;
  flex: none;
  width: 100%;
  height: 1px;
  max-height: 1px;
  transition: transform .5s cubic-bezier(.165,.84,.44,1);
}

.c-underline.cc-into {
  background-color: #ffffff80;
}

.c-nav_link.w--current .c-underline {
  transform: translateX(calc(100% + 0.5rem));
}

.c-nav_link:hover .c-underline{
  transform: translateX(calc(100% + 0.5rem));
}

.c-nav_link .c-underline {
  transform: translateX(0%);
}

.c-nav_list_dropdown {
  margin-bottom: 12px;
}

.nav_link.c-nav_dropdown-trigger {
  cursor: pointer;
}

.c-nav-dropdown_cross-wrapper {
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin-left: auto;
  display: flex;
  position: relative;
}

.c-nav-dropdown_line {
  background-color: #fff;
  width: 100%;
  height: 1px;
  position: absolute;
}

.c-nav_list_dropdown.cc-active .c-nav-dropdown_line.cc-rotate {
  transform: rotate(0deg);
}

.c-nav-dropdown_line.cc-rotate {
  transition: transform .5s;
  transform: rotate(90deg);
}

.c-nav_list_dropdown.cc-active .c-nav_dropdown-content {
  grid-template-rows: 1fr;
}

.c-nav_dropdown-content {
  display: grid;
  grid-template-rows: 0fr;
}

.c-nav_dropdown-content {
  transition: all .5s cubic-bezier(.165,.84,.44,1);
}

.c-nav_dropdown-content > div {
  overflow: hidden;
}

.c-nav_link.c-nav_dropdown-trigger {
  cursor: pointer;
}

.c-nav_solutions {
  flex-flow: column;
  margin-top: .75rem;
  display: flex;
}

.c-nav-solutions {
  flex-flow: column;
  margin-top: .75rem;
  display: flex;
}

.c-nav_link.cc-solutions {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px #000;
  display: flex;
}

.c-nav_link-preview {
  border-radius: 4px;
  flex: none;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.c-nav_link-preview-img {
  object-fit: cover;
  object-position: 50% 50%;
  height: 100%;
  transition: transform .5s;
}

.c-nav_link-text {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.c-text-4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.85rem;
  font-weight: 400;
  line-height: 1.3em;
}

.c-text-4.cc-gray {
  color: #727a83;
}

.c-nav_list_group.cc-contact {
  margin-top: 16px;
  margin-bottom: 24px;
}

.c-nav_list_group.mini-links {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: auto;
  margin-bottom: 0;
  display: grid;
}

.c-mini-link_wrapper {
  color: #727a83;
  font-size: 16px;
  line-height: 1.1;
}

.c-mini-link_text-list {
  position: relative;
  overflow: hidden;
}

.c-mini-link_text-wrapper {
  transition: transform .4s;
  position: relative;
}

.c-mini-link_text-wrapper.cc-repeat {
  position: absolute;
}

.c-mini-link_wrapper:hover .c-mini-link_text-wrapper {
  transform: translateY(-100%);
}

#page1 {
    width: 100%;
    position: relative;
    color: #fff;
}

.gradient-part{
    /* z-index: 100; */
    background: linear-gradient(180deg, #040404 30%, #ff000000 100%);
    padding-top: 30%;
    position: absolute;
    inset: 0% 0% auto;
}

#section-top{
    width: 100%;
    max-width: 175rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2.25em;
    padding-right: 2.25em;
    display: flex;
    justify-content: center;
    height: auto;
    min-height: 100svh;
    padding-bottom: 3rem;
    padding-top: 12rem;

}

.section-wrapper{
    display: flex;
    align-items: flex-start;
    flex: 1;
}

#c-contact-header-block {
    flex-direction: column;
    flex: none;
    width: 50%;
    margin-bottom: 0;
    padding-top: 3.4rem;
    padding-bottom: 6rem;
    padding-right: 6rem;
    display: flex;
}

.c-headerlinks{
    z-index: 2;
    grid-column-gap: .8rem;
    align-items: center;
    display: flex;
}

.c-header__link{
    color: #fff;
    font-size: 2rem;
    will-change: opacity;
    transition: .6s opacity cubic-bezier(.16,1,.32,1);
}

[aspect='1/1'] {
    aspect-ratio: 1 / 1;
}


[aspect='168/22'] {
    aspect-ratio: 168/22;
}
    
.w-embed:before, .w-embed:after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}
.c-header__ico {
    flex: none;
    width: 1.5rem;
}
.c-header__link.w--current {
    opacity: .24;
    pointer-events: none;
}

.contact-header-title{
    text-transform: none;
    font-size: 8.567rem;
    font-weight: 600;
    line-height: 1;
    margin-top: 5.2rem;
    font-family: Neue Haas Grotesk;
}

.c-v2contact-form {
    flex: none;
    width: 50%;
    height: 85rem;
    margin-top: 2.8rem;
    margin-bottom: 0;
}
/* .w-form {
    margin: 0 0 15px;
} */


.c-v2contact-form__wrap {
    color: #000;
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
}

.c-v2contact-form__step {
    z-index: 2;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding-top: 4rem;
    padding-left: 6rem;
    padding-right: 6rem;
    display: flex;
    position: absolute;
    inset: 0% auto auto 0%;
}


.c-v2contact-form__foot__step {
    border: 1px solid #a7a7a7;
    text-transform: uppercase;
    border-radius: 50vw;
    align-self: flex-start;
    padding: .8rem 1.6rem .8rem;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.1;
    color: #000;
}



.c-v2contact-form__step [form-anim='mv-op'], .c-v2contact-form__success__item [form-anim='mv-op'] {
    pointer-events: none;
    opacity: 0;
    transform: translateY(2rem);
    transition: opacity .8s cubic-bezier(.16, 1, .32, 1), transform .8s cubic-bezier(.16, 1, .32, 1);
    will-change: opacity, transform;
}

.c-v2contact-form__step.is-active [form-anim='mv-op'], .c-v2contact-form__success__item.is-active [form-anim='mv-op'] {
    opacity: 1;
    transform: translateY(0rem);
    pointer-events: all;
}

.c-v2contact-form__step.is-active.is-gone [form-anim='mv-op'] {
    opacity: 0;
    transform: translateY(-2rem);
    pointer-events: none;
}

.c-v2contact-form__step.is-active.is-gone {
    pointer-events: none;
}
.c-v2contact-form__step.is-active,
  .c-v2contact-form__success__item.is-active {
    pointer-events: all;
}

.c-v2contact-form__target {
    z-index: 1;
    background-color: #fff;
    border-top-left-radius: .8rem;
    border-top-right-radius: .8rem;
    position: absolute;
    inset: 0%;
}

.c-v2contact-form__target__ic {
    z-index: 2;
    aspect-ratio: 840 / 10;
    color: #fff;
    position: absolute;
    inset: auto 0% 0%;
    transform: translateY(100%);
}

[aspect='1/1'] {
    aspect-ratio: 1 / 1;
}
.w-embed:before, .w-embed:after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}

.form__title{
    color: #090809;
    text-transform: none;
    width: 67rem;
    margin-top: 2.8rem;
    margin-bottom: 5.6rem;
    font-family: Neue Haas Grotesk;
    font-size: 6.4rem;
    line-height: 1.125;
}



.c-v2contact-form__inputs {
    grid-row-gap: 5.6rem;
    flex-direction: column;
    display: flex;
}

.c-v2contact-form__step, .c-v2contact-form__success__item {
    pointer-events: none;
}

.c-v2contact-form__step.is-active, .c-v2contact-form__success__item.is-active {
    pointer-events: all;
}

input,textarea{
    color: #000000;
    border: none;
    border-bottom: 1px solid black;
    height: auto;
    margin-bottom: 0;
    padding: 0 0 2rem;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.1;
    outline: none;
}

input::placeholder {
    color: #000;
}

input:focus,
input:valid{
    border-bottom: 1px solid #4f5bff;
}


textarea{
    font-size: 2.2rem;
}

textarea::placeholder {
    color: #000;
}

.c-v2contact-form__input__target.is-area {
    min-height: 3.2rem;
    max-height: 8rem;
    padding-bottom: 0;
}

textarea:focus,
textarea:valid{
    border-bottom: 1px solid #4f5bff;
}

.c-v2contact-form__foot {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: auto;
    padding-top: 8.4rem;
    padding-bottom: 10.2rem;
    display: flex;
}


.c-v2contact-form__foot.u-i1 {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    padding-top: 4rem;
    padding-bottom: 9.8rem;
}



.c-v2contact-form__foot__inner {
    flex: none;
}



.u-na {
    z-index: 3;
    cursor: not-allowed;
    position: absolute;
    inset: 0%;
}

.u-na__cta {
    grid-column-gap: 2rem;
    pointer-events: none;
    color: #fff;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 3.1rem;
    padding-bottom: 3.1rem;
    display: flex;
}



.c-cta__target {
    background-color: #4f5bff;
    border-radius: 100vw;
    position: absolute;
    inset: 0%;
}

.c-cta__target.data-send {
    border: none;
}

.t-bg {
    background-color: #dcdcdc;
}

.c-cta__inner {
    perspective: 1500px;
    flex: none;
}

.t-clr{
    color: #a3a3a3;
}

.o-nhg18--ucase-semi {
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1;
}



.c-cta__ico {
    flex: none;
    width: 1.8rem;
}

.t-clr {
    color: #ffffff;
}


.u-na~.c-cta, .u-na~.u-submit .c-cta {
    opacity: .24;
    will-change: opacity;
}

.c-cta {
    grid-column-gap: 2rem;
    color: #fff;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 36rem;
    padding-top: 3.1rem;
    padding-bottom: 3.1rem;
    display: flex;

}



[data-call="hover-step-cta"] [data-chsplit]:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.c-v2contact-form__ctc {
    z-index: 3;
    grid-column-gap: 3.9rem;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 3.8rem;
    display: flex;
    position: absolute;
    inset: auto auto 0%;
}


.c-v2contact-form__ctc__item {
    grid-row-gap: 1rem;
    flex-direction: column;
    display: flex;
    color: #000;
}



.c-v2contact-form__ctc__label {
    color: #a3a3a3;
}

.c-v2ctc-capsule {
    grid-column-gap: .8rem;
    border: 1px solid #000;
    border-radius: 100vw;
    align-items: center;
    padding: .9rem 1.6rem;
    display: flex;
    color: #000;
}

.o-nhg16--ucase-semi {
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1;
}



[data-call='copied'] {
    transition: .2s border-color ease;
}

[data-copied='infos'],
[data-copied='msg'] {
    transition: .2s opacity ease;
}

[data-call='copied'].is-copied {
    border-color: #fff;
}
[data-call='copied'].is-copied [data-copied='infos'] {
    opacity: 0;
}
[data-call='copied'].is-copied [data-copied='msg'] {
    opacity: 1;
}
a:active, a:hover {
    outline: 0;
}

.o-nhg16--ucase-semi.c-v2ctc-capsule__msg {
    opacity: 0;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
}



.c-v2contact-form__ctc__item {
    grid-row-gap: 1rem;
    flex-direction: column;
    display: flex;
}

.c-v2contact-header__bg {
    z-index: 1;
    position: absolute;
    inset: 0%;
}

.c-v2contact-header__bg {
    z-index: -1;
    position: absolute;
    inset: 0%;
}

.w-embed img:not(.u-img, .s-rich img){
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}

/* body {
    background-color: var(--100);
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.33333;
} */


/* -------------------------------------form2------------------------------- */
.c-contact-form__select {
    grid-row-gap: 2rem;
    flex-direction: column;
    display: flex;
}



.form__label {
    opacity: .6;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.1;
    display: block;
}

.budget-options{
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    flex-wrap: wrap;
    display: flex;
}

.budget-btn{
    text-align: center;
    cursor: pointer;
    flex: none;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding: 1.2rem 2rem;
    display: flex;
    border: none;
    position: relative;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1;
    border-radius: 0.8rem;
}

.budget-btn.w--redirected-checked {
    background: #111 !important;
}

.budget-options .budget-btn.not-checked {
    background: rgba(22, 22, 22, .04) !important;
}


.budget-options .budget-btn:nth-child(3) {
    background: rgba(22, 22, 22, 0.12);
}

.budget-options .budget-btn:nth-child(4) {
    background: rgba(22, 22, 22, 0.16);
}

.budget-options .budget-btn:nth-child(5) {
    background: rgba(22, 22, 22, 0.2);
}



.budget-options .budget-btn:nth-child(1).w--redirected-checked,
.budget-options .budget-btn:nth-child(2).w--redirected-checked,
.budget-options .budget-btn:nth-child(3).w--redirected-checked,
.budget-options .budget-btn:nth-child(4).w--redirected-checked,
.budget-options .budget-btn:nth-child(5).w--redirected-checked {
    color: #fff;
}

.foot__agreement {
    pointer-events: none;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 2.4rem;
    padding-left: 0;
    transition: opacity .2s;
    display: flex;
}

.foot__agreement_infos {
    margin-bottom: 0;
    font-size: 1.4rem;
    font-weight: 500;
}

.c-v2contact-form__foot__wrap {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
}

.c-v2contact-form__foot__back {
    flex: none;
    width: 7.6rem;
    margin-right: .8rem;
}

.c-v2contact-form__foot__item {
    width: 100%;
}

/* --------------------------from success */
.w-form-done {
    text-align: center;
    background-color: #ddd;
    padding: 20px;
    display: none;
}

.c-v2contact-form__success {
    text-align: left;
    background-color: #0000;
    width: 100%;
    height: 100%;
    padding: 0;
}

.c-v2contact-form__success__item {
    z-index: 2;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding-top: 4rem;
    padding-left: 6rem;
    padding-right: 6rem;
    display: flex;
}



.o-nhg64 {
    font-size: 6.4rem;
    line-height: 1.125;
}

.o-nhg64.c-v2contact-form__success__title {
    z-index: 2;
    text-transform: none;
    position: relative;
    font-weight: 700;
}

.c-v2contact-form__success__txt {
    z-index: 2;
    color: #dcdcdc;
    margin-top: 3.2rem;
    position: relative;
}

.c-v2contact-form__success__btns {
    z-index: 2;
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    margin-top: 4rem;
    margin-bottom: auto;
    display: flex;
}



.t-clr-green {
    color: #0da34e;
}

.t-bg-white {
    background-color: #ffffff;
}

.t-bg-white-less{
    background-color: #ffffff1a;
}

.c-v2contact-form__ctc.u-scs {
    inset: auto 0% 0%;
}

.c-v2contact-form__success__item [form-anim='op'] {
    opacity: 0;
    transition: opacity .8s cubic-bezier(.16, 1, .32, 1);
    will-change: opacity;
}

.c-v2contact-form__target.is-active {
    background: transparent;
}

.c-v2contact-form__success__item.is-active [form-anim='op'] {
    opacity: 1;
}

.c-v2contact-form__target__scs {
    z-index: 1;
    position: absolute;
    inset: 0%;
}

.c-v2contact-form__target__scs {
    background: linear-gradient(156deg, rgba(32,1,72,1) 5%, rgba(14,0,31,1) 14%, rgba(12,1,25,1) 22%, rgba(26,0,58,1) 31%, rgba(74,49,213,1) 50%, rgba(72,132,255,1) 100%);

    opacity: 0;
    transition: .8s opacity cubic-bezier(.16, 1, .32, 1);
}

.c-v2contact-form__target__scs.is-active {
    opacity: 1;
}

[data-call="hover-cta"] [data-chsplit]:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.o-nhg16--ucase-semi.white{
    color: #fff;
}

.c-v2ctc-capsule__msg.white{
    color: #fff;
}

/* ----------------------media--------------------------------- */




@media (min-width: 1900px) {
    :root {
        font-size: .390625vw;
    }
}

@media (max-width: 1899px) and (min-width: 992px) {
    :root {
        font-size: .5208333333333333vw;
    }
    .c-contact-form__select {
        grid-row-gap: 1.6rem;
    }
    .budget-btn {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}

@media (max-width: 991px) and (min-width: 599px) {
    :root {
        font-size: 1.1848341232227488vw;
    }
}

@media (max-width: 991px) {
    .section-wrapper {
        flex-direction: column;
    }
    .c-v2contact-form {
        width: 100%;
        height: 73rem;
    }
    #section-top {
        width: 100%;
        padding-left: 1.55em;
        padding-right: 1.55em;
    }
    .contact-header-title {
        font-size: 4.8rem;
    }
    .c-v2contact-form__step {
        padding-top: 4.8rem;
        padding-left: 2.2rem;
        padding-right: 2.2rem;
    }
    .c-v2contact-form__foot__step {
        font-size: 1.4rem;
    }
    .o-nhg64.form__title {
        width: auto;
        font-size: 3.2rem;
    }
    .o-nhg64 {
        font-size: 4.8rem;
    }
    .c-v2contact-form__foot {
        padding-top: 4rem;
        padding-bottom: 7.2rem;
    }
    .c-v2contact-form__foot.u-i1 {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .c-v2contact-form__foot__inner {
        flex: 1;
        margin-right: auto;
    }
    .u-na__cta {
        grid-column-gap: 1.4rem;
        width: 31.2rem;
        padding-top: 2.4rem;
        padding-bottom: 2.4rem;
    }
    .o-nhg18--ucase-semi {
        font-size: 1.4rem;
    }
    .c-cta__ico {
        width: 1.4rem;
    }
    .c-cta.md-w312 {
        width: 31.2rem;
    }
    .c-cta {
        grid-column-gap: 1.4rem;
        width: 38.2rem;
        padding-top: 2.4rem;
        padding-bottom: 2.4rem;
    }
    .c-v2contact-form__ctc {
        grid-column-gap: 3.2rem;
        grid-row-gap: 3.2rem;
        flex-wrap: wrap;
        width: auto;
        left: 3.2rem;
    }
    .c-v2contact-form__ctc__item {
        grid-row-gap: 1.8rem;
        flex: none;
        align-items: flex-start;
        min-width: 16rem;
    }
    .o-nhg16--ucase-semi {
        font-size: 1.4rem;
    }
    .c-v2contact-form__success__item {
        padding-left: 3.2rem;
        padding-right: 3.2rem;
    }
    .c-v2contact-form__success__btns {
        flex-flow: column;
    }
    .c-v2contact-form__ctc.u-scs {
        justify-content: flex-start;
        padding-left: 3.2rem;
    }
}

@media (max-width: 767px) {
    .c-nav-dropdown_cross-wrapper {
        width: 1rem;
        height: 1rem;
    }
    .menu-panel {
        border-radius: 0;
        width: 100%;
        height: 100%;
        margin: 0;
    }
    .c-v2contact-form {
        height: 95rem;
    }
    .c-v2contact-form__ctc {
        grid-column-gap: 0rem;
        grid-row-gap: 2.4rem;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 4.8rem;
        flex-direction: column;
    }
    .c-v2contact-form__success__item {
        padding-top: 3rem;
    }
    .c-v2contact-form__success__btns {
        width: 100%;
    }
    .c-cta.t-clr-green.sm-w100p, .c-cta.sm-w100p {
        width: 100%;
    }
    .c-cta {
        order: 1;
    }
    .c-v2contact-form__target {
        background-position: 50% 100%;
        background-size: 4.3rem;
    }
}

@media (max-width: 598px) {
    :root {
        font-size: 2.3255813953488373vw;
    }
}

@media (max-width: 479px) {
    #section-top {
        width: 100%;
        padding-left: 1.55em;
        padding-right: 1.55em;
    }
    .section-wrapper {
        width: 100%;
    }
    #c-contact-header-block {
        width: 100%;
    }
    nav {
        padding: 0%;
    }
    .logo {
        font-size: 1.65rem;
    }
    .c-overhead {
        font-size: 1rem;
    }
}






/* @media only screen and (min-width: 320px) and (max-width: 375px){
    nav .nav-part2{
        top: 12vw;
    }
    nav{
        padding-top: 4vw;
        height: 6vh;
    }
    nav .nav-part2 .nav-elem h4{
        font-size: 3vw;
    }
    nav .nav-part2 .nav-elem h5 span{
        font-size: 2.9vw;
    }
    nav h1{
        font-size: 5vw;
    }
    nav .menu-btn i{
        font-size: 5vw;
    }
    #page1{
        height: auto;
        padding: 5vw 5vw;
    }
    #container{
        flex-direction: column;
        justify-content: center;
        gap: 2vw;
        height: auto;
    }
    #design-section{
        width: 100%;
    }
    #design-section a h1{
        font-size: 5vw;
    }
    #design-section h1 svg {
        height: 5vw;
    }
    #myForm{
        width: 100%;
        padding: 1.5rem;
    }
    #myForm2{
        width: 100%;
        padding: 1.5rem;
    }
    .reel {
        margin-top: 6vw;
    }
    .moto {
        margin-top: 6vw;
    }
    .moto h2 {
        font-size: 5vw;
    }
    form>h2 {
        font-size: 15vw;
        line-height: 13vw;
    }
    input{
        font-size: 4.5vw;
        margin-top: 5vw;
        padding-bottom: 2vw;
    }
    .bottom-div{
        flex-direction: column;
        align-items: flex-start;
        margin-top: 5vw;
    }
    .bottom-div #submitBtn{
        font-size: 3vw;
        padding: 4vw 8vw; 
        display: flex;
        align-items: center;  
    }
    .step-div{
        margin-top: 5vw;
        font-size: 4vw;
        padding: 1vw 2.5vw;
    }
    form>h4{
        font-size: 4vw;
    }
    .email-div{
        margin-top: 2vw;
        font-size: 4.5vw;
        padding: 1vw 3vw;
    }
    .bottom-div button svg{
        height: 4vw;
        margin-left: 2vw;
    }
    .moto{
        padding: 4vw 4vw;
        border-radius: 1.5vw;
    }
    #myForm2 textarea{
        font-size: 4.5vw;
        margin-top: 5vw;
    }
    #myForm2>p {
        font-size: 3vw;
        margin-bottom: 3vw;
    }
    .budget-btn{
        font-size: 4vw;
        padding: 2vw 2vw;
    }
    .agreement{
        gap: 2vw;
    }
    #myForm2 label {
        font-size: 3.5vw;
    }
    #myForm2div {
        margin-top: 5vw;
    }
    #backBtn{
        font-size: 6vw;
        padding: 2vw 2vw;
    }
    .bottom-div #sendBtn{
        font-size: 3vw;
        padding: 4vw 8vw; 
        display: flex;
        align-items: center; 
    }
    .group-btn{
        display: flex;
        align-items: center;
        gap: 2vw;
    }
} */

/* @media only screen and (min-width: 375px) and (max-width: 425px){
    nav .nav-part2{
        top: 12vw;
    }
    nav{
        padding-top: 4vw;
        height: 6vh;
    }
    nav .nav-part2 .nav-elem h4{
        font-size: 3vw;
    }
    nav .nav-part2 .nav-elem h5 span{
        font-size: 2.9vw;
    }
    nav h1{
        font-size: 5vw;
    }
    nav .menu-btn i{
        font-size: 5vw;
    }
    #page1{
        height: auto;
        padding: 5vw 5vw;
    }
    #container{
        flex-direction: column;
        justify-content: center;
        gap: 2vw;
        height: auto;
    }
    #design-section{
        width: 100%;
    }
    #design-section a h1{
        font-size: 5vw;
    }
    #design-section h1 svg {
        height: 5vw;
    }
    #myForm{
        width: 100%;
        padding: 1.5rem;
    }
    #myForm2{
        width: 100%;
        padding: 1.5rem;
    }
    .reel {
        margin-top: 6vw;
    }
    .moto {
        margin-top: 6vw;
    }
    .moto h2 {
        font-size: 5vw;
    }
    form>h2 {
        font-size: 13vw;
        line-height: 12vw;
    }
    input{
        font-size: 4.5vw;
        margin-top: 5vw;
        padding-bottom: 2vw;
    }
    .bottom-div{
        flex-direction: column;
        align-items: flex-start;
        margin-top: 5vw;
    }
    .bottom-div #submitBtn{
        font-size: 3vw;
        padding: 4vw 8vw; 
        display: flex;
        align-items: center;  
    }
    .step-div{
        margin-top: 5vw;
        font-size: 4vw;
        padding: 1vw 2.5vw;
    }
    form>h4{
        font-size: 4vw;
    }
    .email-div{
        margin-top: 2vw;
        font-size: 4.5vw;
        padding: 1vw 3vw;
    }
    .bottom-div button svg{
        height: 4vw;
        margin-left: 2vw;
    }
    .moto{
        padding: 4vw 4vw;
        border-radius: 1.5vw;
    }
    #myForm2 textarea{
        font-size: 4.5vw;
        margin-top: 5vw;
    }
    #myForm2>p {
        font-size: 3vw;
        margin-bottom: 3vw;
    }
    .budget-btn{
        font-size: 4vw;
        padding: 2vw 2vw;
    }
    .agreement{
        gap: 2vw;
    }
    #myForm2 label {
        font-size: 3.5vw;
    }
    #myForm2div {
        margin-top: 5vw;
    }
    #backBtn{
        font-size: 6vw;
        padding: 2vw 2vw;
    }
    .bottom-div #sendBtn{
        font-size: 3vw;
        padding: 4vw 8vw; 
        display: flex;
        align-items: center; 
    }
    .group-btn{
        display: flex;
        align-items: center;
        gap: 2vw;
    }
} */
/* @media only screen and (min-width: 427px) and (max-width: 430px){
    nav .nav-part2{
        top: 12vw;
    }
    nav{
        padding-top: 4vw;
        height: 6vh;
    }
    nav .nav-part2 .nav-elem h4{
        font-size: 3vw;
    }
    nav .nav-part2 .nav-elem h5 span{
        font-size: 2.9vw;
    }
    nav h1{
        font-size: 5vw;
    }
    nav .menu-btn i{
        font-size: 5vw;
    }
    #page1{
        height: auto;
        padding: 5vw 5vw;
    }
    #container{
        flex-direction: column;
        justify-content: center;
        gap: 2vw;
        height: auto;
    }
    #design-section{
        width: 100%;
    }
    #design-section a h1{
        font-size: 5vw;
    }
    #design-section h1 svg {
        height: 5vw;
    }
    #myForm{
        width: 100%;
        padding: 1.5rem;
    }
    #myForm2{
        width: 100%;
        padding: 1.5rem;
    }
    .reel {
        margin-top: 6vw;
    }
    .moto {
        margin-top: 6vw;
    }
    .moto h2 {
        font-size: 5vw;
    }
    form>h2 {
        font-size: 13vw;
        line-height: 12vw;
    }
    input{
        font-size: 4.5vw;
        margin-top: 5vw;
        padding-bottom: 2vw;
    }
    .bottom-div{
        flex-direction: column;
        align-items: flex-start;
        margin-top: 5vw;
    }
    .bottom-div #submitBtn{
        font-size: 3vw;
        padding: 4vw 8vw; 
        display: flex;
        align-items: center;  
    }
    .step-div{
        margin-top: 5vw;
        font-size: 4vw;
        padding: 1vw 2.5vw;
    }
    form>h4{
        font-size: 4vw;
    }
    .email-div{
        margin-top: 2vw;
        font-size: 4.5vw;
        padding: 1vw 3vw;
    }
    .bottom-div button svg{
        height: 4vw;
        margin-left: 2vw;
    }
    .moto{
        padding: 4vw 4vw;
        border-radius: 1.5vw;
    }
    #myForm2 textarea{
        font-size: 4.5vw;
        margin-top: 5vw;
    }
    #myForm2>p {
        font-size: 3vw;
        margin-bottom: 3vw;
    }
    .budget-btn{
        font-size: 4vw;
        padding: 2vw 2vw;
    }
    .agreement{
        gap: 2vw;
    }
    #myForm2 label {
        font-size: 3.5vw;
    }
    #myForm2div {
        margin-top: 5vw;
    }
    #backBtn{
        font-size: 6vw;
        padding: 2vw 2vw;
    }
    .bottom-div #sendBtn{
        font-size: 3vw;
        padding: 4vw 8vw; 
        display: flex;
        align-items: center; 
    }
    .group-btn{
        display: flex;
        align-items: center;
        gap: 2vw;
    }
} */
/* @media only screen and (min-width: 431px) and (max-width: 768px){
    nav{
        height: 10vw;
        padding: 2vw 3vw;
    }
    nav h1{
        font-size: 3vw;
    }
    nav .menu-btn i{
        font-size: 3vw;
    }
    nav .nav-part2 {
        top: 5vh;
    }
    #page1{
        height: auto;
        padding: 3vw 3vw;
    }
    #container{
        flex-direction: column;
        justify-content: center;
        gap: 2vw;
        height: auto;
    }
    #design-section{
        width: 100%;
    }
    #design-section a h1{
        font-size: 3vw;
    }
    #design-section h1 svg {
        height: 3vw;
    }
    #myForm{
        width: 100%;
        padding: 1.5rem;
    }
    #myForm2{
        width: 100%;
        padding: 1.5rem;
    }
    .reel {
        margin-top: 6vw;
    }
    .moto {
        margin-top: 6vw;
    }
    .moto h2 {
        font-size: 3vw;
    }
    form>h2 {
        font-size: 7vw;
        line-height: 8vw;
    }
    input{
        font-size: 2vw;
        margin-top: 5vw;
        padding-bottom: 2vw;
    }
    .bottom-div{
        flex-direction: column;
        align-items: flex-start;
        margin-top: 5vw;
    }
    .bottom-div #submitBtn{
        font-size: 2vw;
        padding: 2vw 5vw; 
        display: flex;
        align-items: center;  
    }
    .step-div{
        margin-top: 5vw;
        font-size: 1.5vw;
        padding: 1vw 2.5vw;
    }
    form>h4{
        font-size: 2vw;
    }
    .email-div{
        margin-top: 2vw;
        font-size: 1.5vw;
        padding: 1vw 3vw;
    }
    .bottom-div button svg{
        height: 3vw;
        margin-left: 2vw;
    }
    .moto{
        padding: 4vw 4vw;
        border-radius: 1.5vw;
    }
    #myForm2 textarea{
        font-size: 2.5vw;
        margin-top: 5vw;
    }
    #myForm2>p {
        font-size: 2vw;
        margin-bottom: 3vw;
    }
    .budget-btn{
        font-size: 2vw;
        padding: 2vw 2vw;
    }
    .agreement{
        gap: 2vw;
    }
    #myForm2 label {
        font-size: 2vw;
    }
    #myForm2div {
        margin-top: 5vw;
    }
    #backBtn{
        font-size: 4vw;
        padding: 2vw 2.5vw;
    }
    .bottom-div #sendBtn{
        font-size: 2vw;
        padding: 2.5vw 4vw; 
        display: flex;
        align-items: center; 
    }
    .group-btn{
        display: flex;
        align-items: center;
        gap: 2vw;
    }
} */
/* @media only screen and (min-width: 769px) and (max-width: 1024px){
    nav h1{
        font-size: 2vw;
    }
    nav .nav-part2 .nav-elem h4{
        font-size: 0.8vw;
    }
} */
/* @media only screen and (min-width: 1025px) and (max-width: 1440px){
    nav{
        height: 12vh;
    }
    nav .nav-part2 .nav-elem h4{
        font-size: 0.8vw;
    }
} */