:root {
  --black--dark: #0d1d4a;
  --violet--light: #f2eafd;
  --black--medium: #93a1c8;
  --violet--normal: #7d2aeb;
  --black--normal: #e3e8f2;
  --violet--dark: #6435a5;
  --black--light: #f1f4f9;
  --yellow--normal: #ffd304;
  --yellow--dark: #fdc607;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.body {
  color: var(--black--dark);
  font-family: Circe, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.286rem;
}

.section {
  background-image: url('../images/Ea24_fon.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 2.857rem;
  padding-bottom: 5.714rem;
}

.nav-block {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.navbar {
  background-color: #ddd0;
  max-width: 92rem;
  margin-bottom: 2.857rem;
  margin-left: auto;
  margin-right: auto;
}

.sign-out {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding-top: .857rem;
  padding-bottom: .857rem;
  padding-right: 1.714rem;
  text-decoration: none;
  display: flex;
}

.button-lk {
  background-color: var(--violet--light);
  cursor: pointer;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: .857rem 1.429rem;
  text-decoration: none;
  display: flex;
}

.brand {
  width: 13.3rem;
  padding-left: 0;
}

.nav-menu {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.img-user {
  width: 1.714rem;
  margin-right: .429rem;
}

.text-block {
  color: var(--black--dark);
  font-size: 1.143rem;
  font-weight: 700;
  line-height: 1.714rem;
  text-decoration: none;
}

.text-normal {
  color: var(--black--dark);
  cursor: default;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.4rem;
}

.text-normal.weight {
  font-weight: 400;
}

.text-normal.color {
  color: var(--black--medium);
  font-weight: 400;
}

.text-normal.cursor {
  cursor: pointer;
}

.div-block {
  background-image: url('../images/Ea24_fon1.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: column;
  max-width: 92rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 6.286rem;
  display: flex;
  position: relative;
}

.form_component {
  background-color: #fff;
  border-radius: 1.143rem;
  width: 100%;
  min-height: 50.286rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 3.429rem;
  box-shadow: 0 15px 45px #93a1c840;
}

.form {
  flex-flow: column;
  margin-top: 1.714rem;
  display: flex;
  position: relative;
}

.heading-1 {
  cursor: default;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.7rem;
  line-height: 4.7rem;
}

.text-span {
  color: var(--violet--normal);
}

.heading-2 {
  cursor: default;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.8rem;
  line-height: 3.3rem;
}

.heading-2.size {
  margin-top: 0;
  margin-right: 2.286rem;
  font-size: 3.7rem;
  line-height: 4.7rem;
}

.footer {
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
}

.div-footer {
  color: var(--black--medium);
  justify-content: space-between;
  align-items: flex-start;
  max-width: 92rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2.857rem;
  padding-bottom: 2.286rem;
  display: flex;
}

.link {
  color: var(--violet--normal);
  cursor: pointer;
  font-size: 1.714rem;
  font-weight: 700;
  line-height: 2.143rem;
  text-decoration: none;
}

.link:hover {
  color: var(--violet--dark);
}

.text-mini {
  cursor: default;
  justify-content: center;
  align-items: center;
  line-height: 1rem;
}

.text-mini.size {
  cursor: default;
  width: 52rem;
  margin-left: auto;
  margin-right: auto;
}

.text-block-2 {
  cursor: default;
}

.div-label {
  margin-bottom: 1.714rem;
}

.div-field-lable {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.143rem;
  display: flex;
}

.div-number {
  background-color: var(--violet--light);
  color: var(--violet--normal);
  border-radius: .4rem;
  justify-content: center;
  align-items: center;
  width: 1.714rem;
  height: 1.714rem;
  margin-right: 1.1rem;
  font-weight: 700;
  display: flex;
}

.div-radios {
  display: flex;
}

.radio-button {
  margin-top: 0;
  margin-left: 0;
  display: none;
}

.radio-button.categ {
  display: none;
}

.radio-button-field {
  background-color: var(--black--light);
  color: var(--black--medium);
  cursor: pointer;
  border-radius: .357rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-right: .571rem;
  padding: .786rem 1.143rem;
  font-weight: 700;
  display: flex;
}

.radio-button-field:hover {
  background-color: var(--violet--light);
  color: var(--violet--normal);
}

.radio-button-label {
  margin-bottom: 0;
  font-weight: 700;
}

.textarea {
  border: 1.8px solid var(--black--normal);
  color: var(--black--dark);
  cursor: text;
  border-radius: .357rem;
  width: 52.643rem;
  min-width: 52.643rem;
  max-width: 52.643rem;
  height: 10.429rem;
  min-height: 10.429rem;
  max-height: 10.429rem;
  margin-bottom: 0;
}

.textarea::placeholder {
  color: var(--black--medium);
  font-size: 1.05rem;
  line-height: 1.2rem;
}

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

.div-total.marg {
  margin-top: 1.714rem;
}

.button {
  background-color: var(--violet--normal);
  cursor: pointer;
  border-radius: .357rem;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem 1.429rem;
  font-size: 1.143rem;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.button:hover {
  background-color: var(--violet--dark);
}

.statement-component {
  background-color: #fff;
  border-radius: 1.143rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-height: 49rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 3.429rem;
  display: none;
  box-shadow: 0 15px 45px #93a1c840;
}

.back {
  color: var(--violet--normal);
  justify-content: flex-start;
  align-items: center;
  font-size: 1.429rem;
  font-weight: 700;
  line-height: 1.857rem;
  text-decoration: none;
  display: flex;
}

.image {
  width: 1.429rem;
  margin-right: .571rem;
}

.statement_loader {
  z-index: 9;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #fff;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: none;
  position: absolute;
  inset: 0%;
}

.statement_loader-dot {
  background-color: var(--violet--normal);
  border-radius: 2rem;
  width: .714rem;
  height: .714rem;
  margin-right: .571rem;
}

.div-topic {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.143rem;
  display: flex;
}

.heading-3 {
  margin-top: 0;
  margin-bottom: .571rem;
  font-size: 1.714rem;
  line-height: 2.143rem;
}

.textarea-2 {
  border: 0 solid #000;
  margin-bottom: 0;
}

.statement_text-wrap {
  flex-flow: column;
  display: flex;
}

.statement_tip {
  border: 1px solid var(--black--normal);
  border-radius: .357rem;
  margin-top: 1.714rem;
  margin-bottom: 0;
}

.statement-tip {
  border: 1.8px solid var(--black--normal);
  border-radius: .357rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 20rem;
  padding: .929rem 1.143rem;
  font-size: 1.1rem;
  line-height: 1.5rem;
  display: flex;
}

.div-statement-tip {
  border: 1px solid var(--black--normal);
  border-radius: .357rem;
  margin-top: 1.714rem;
  padding: .929rem;
}

.cta-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--violet--light);
  color: var(--violet--normal);
  border-radius: .357rem;
  justify-content: space-between;
  align-items: center;
  padding: .857rem 1.429rem;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.4rem;
  text-decoration: none;
  display: flex;
}

.cta-wrapper:hover {
  color: var(--violet--dark);
}

.button-2 {
  background-color: var(--violet--light);
  color: var(--violet--normal);
  text-align: center;
  border-radius: 4px;
  padding: .857rem 1.429rem;
  font-size: 1.143rem;
  font-weight: 700;
  line-height: 1.429rem;
}

.targetdiv {
  margin-bottom: 1.714rem;
  font-size: 1.1rem;
  line-height: 1.5rem;
}

.div-block-3 {
  width: 59.286rem;
  margin-left: auto;
  margin-right: auto;
}

.text-gr {
  color: var(--black--medium);
  cursor: default;
  width: 33rem;
  font-size: .786rem;
  line-height: 1rem;
}

.div-block-4 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-2 {
  width: 2.286rem;
  margin-right: 1.143rem;
}

.link-2 {
  color: var(--violet--normal);
  cursor: pointer;
  text-decoration: none;
}

.link-2:hover {
  color: var(--violet--dark);
}

.div-total-form {
  margin-top: 1.714rem;
}

.div-cards {
  justify-content: space-between;
  margin-bottom: 1.714rem;
  display: flex;
}

.card {
  background-color: var(--violet--light);
  border-radius: .571rem;
  justify-content: space-between;
  width: 49%;
  padding: 1.143rem;
  display: flex;
}

.text-block-3 {
  font-size: 1.25rem;
  font-weight: 700;
}

.image-3 {
  width: 2.286rem;
  margin-right: 1.143rem;
}

.image-3.marg {
  width: 1.667rem;
  margin-right: 0;
}

.div-block-5 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-inputs {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.714rem;
  display: flex;
}

.s2 {
  background-color: var(--black--light);
  color: #0d1d4a;
  cursor: pointer;
  border: 0 solid #000;
  border-radius: .357rem;
  height: 3.429rem;
  margin-top: .571rem;
  margin-bottom: 0;
  padding-top: .8rem;
  padding-bottom: .8rem;
  padding-left: 1.143rem;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.5rem;
  display: block;
}

.s2._w-select {
  background-image: url('../images/Arrow-2.svg');
  background-position: 97%;
  background-repeat: no-repeat;
  background-size: auto;
  border-width: 1px;
  height: 64px;
}

.div-block-6 {
  width: 49%;
}

.input-email {
  border: 1.8px solid var(--black--light);
  color: var(--black--dark);
  cursor: text;
  border-radius: .357rem;
  height: 3.429rem;
  margin-top: .571rem;
  margin-bottom: 0;
  padding: .8rem 1.143rem;
  font-size: 1.1rem;
  line-height: 1.5rem;
}

.input-email::placeholder {
  color: var(--black--medium);
}

.submit-button {
  background-color: var(--yellow--normal);
  color: var(--black--dark);
  cursor: pointer;
  border-radius: .357rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 1.429rem;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.4rem;
}

.submit-button:hover {
  background-color: var(--yellow--dark);
}

.button-3 {
  background-color: #fff;
  background-image: url('../images/Skip.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  padding: 0;
}

.button-4 {
  background-color: #fff;
  background-image: url('../images/Skip-1.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  padding: 0;
}

.div-block-7 {
  border: 1.8px solid var(--black--light);
  border-radius: .357rem;
  justify-content: flex-start;
  align-items: center;
  height: 3.429rem;
  margin-top: .571rem;
  padding-left: 1.143rem;
  padding-right: 1.143rem;
  display: flex;
}

.text-field {
  text-align: center;
  cursor: default;
  border: 0 solid #000;
  width: 20%;
  height: 3rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  font-size: 1.1rem;
  line-height: 1.5rem;
}

.text-field::placeholder {
  color: var(--black--dark);
  font-size: 1.1rem;
}

.decrease-pages, .increase-pages {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 2.286rem;
  display: flex;
}

.form_component-1 {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.statement-component-2 {
  margin-bottom: 0;
}

.form-send {
  margin-top: 1.714rem;
  margin-bottom: 0;
}

.form-2 {
  flex-flow: column;
  display: flex;
}

.text-block-4 {
  color: var(--violet--light);
}

.arrow-w {
  width: 1.714rem;
  margin-left: .857rem;
}

.div-form {
  flex-flow: column;
  display: flex;
}

.div-block-8 {
  z-index: 1;
  background-image: linear-gradient(#fff0 3%, #fff);
  width: 100%;
  height: 8rem;
  position: absolute;
  inset: auto 0% -15px;
}

.image-4, .image-5 {
  width: 1.111rem;
}

.image-6 {
  width: 1.714rem;
}

.div-block-10 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.143rem;
  display: flex;
}

.div-block-11 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-8 {
  width: 1.389rem;
  margin-right: 1.1rem;
}

.text-block-6 {
  margin-right: 4px;
  font-size: 1.1rem;
}

.search-terms-wrapper {
  z-index: 9999;
  opacity: 1;
  color: #fff;
  object-fit: fill;
  background-color: #fff;
  border: 1px #fff;
  border-radius: 40px;
  max-height: 50px;
  margin-top: 0;
  margin-bottom: auto;
  font-size: 14px;
  display: none;
  position: static;
  inset: 0% 0% auto;
  overflow: auto;
}

.search-terms-wrapper:hover {
  background-color: #0000;
}

.search-terms-wrapper.categ {
  max-height: 3.472rem;
  font-size: 1.143px;
  display: flex;
}

.list-item-2 {
  z-index: 9999;
  cursor: pointer;
  background-color: #fff;
  border: 1px #000;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 1.5rem;
  margin-top: 0;
  margin-bottom: 1.2rem;
  font-size: 1.143rem;
  display: flex;
  position: relative;
  top: 20px;
}

.list-item-2:hover {
  background-color: #fff;
}

.list-item-2.marg {
  height: 2rem;
  top: 1.389rem;
}

.list-item-2.marg._1 {
  margin-bottom: 0;
}

.list-2 {
  z-index: 9999;
  box-shadow: none;
  color: #999;
  object-fit: fill;
  background-color: #fff;
  border-radius: 8px 8px 0 0;
  width: 320px;
  max-width: 320px;
  max-height: 200px;
  margin-top: -19px;
  margin-bottom: auto;
  padding: 0 7px 20px 16px;
  font-weight: 700;
  display: block;
  position: absolute;
  inset: auto 0% 54px;
  overflow: auto;
}

.list-2:hover {
  background-color: #fff;
}

.list-2.categ {
  border-radius: .347rem;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  max-height: 13.889rem;
  margin-top: 0;
  padding-bottom: 1.389rem;
  padding-left: 1.111rem;
  display: flex;
  bottom: 4.1rem;
  left: 0%;
  box-shadow: 0 1px 22px #00000024;
}

.list-term2 {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  color: var(--black--dark);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1.143rem;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0%;
}

.div-block-527 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
}

.text-category {
  color: #9292a0;
  background-color: #eeeef4;
  border: 1px #000;
  border-radius: 6px;
  height: 56px;
  margin-bottom: 0;
  padding: 13px 18px;
  font-size: 16px;
  font-weight: 500;
}

.text-category::placeholder {
  font-size: 16px;
}

.text-category.tip {
  border: 1.8px solid var(--black--normal);
  color: var(--black--dark);
  background-color: #fff;
  background-image: url('../images/Search.svg');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: 1.4rem;
  border-radius: .347rem;
  height: 3.429rem;
  padding: 0 3rem 0 1.143rem;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.text-category.tip::placeholder {
  color: var(--black--medium);
  font-size: 1.1rem;
}

.div-block-529 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
}

.div-total-tip {
  flex-direction: column;
  margin-top: .571rem;
  display: flex;
  position: relative;
}

.simvols {
  font-size: 1.1rem;
}

.shell {
  z-index: 999;
  background-image: linear-gradient(#0000, #fff);
  width: 100%;
  height: 5rem;
  position: absolute;
  inset: auto 0% 0%;
}

@media screen and (min-width: 1440px) {
  .text-category.tip {
    color: var(--black--dark);
    background-image: url('../images/Search.svg');
    background-position: 98%;
    background-repeat: no-repeat;
    background-size: auto;
  }
}

@media screen and (max-width: 991px) {
  .section {
    padding-top: 3rem;
  }

  .sign-out, .button-lk {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .brand {
    width: 15rem;
  }

  .text-normal {
    font-size: 1.4rem;
  }

  .text-normal.color {
    font-size: 1.2rem;
  }

  .form_component {
    border-radius: 1.5rem;
  }

  .link {
    font-size: 2rem;
    line-height: 3rem;
  }

  .text-mini {
    font-size: 1.1rem;
  }

  .text-mini.size {
    font-size: 1.2rem;
  }

  .text-mini.size.width {
    width: 50rem;
    line-height: 1.6rem;
  }

  .text-block-2 {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }

  .div-number {
    border-radius: .5rem;
    width: 2rem;
    height: 2rem;
    margin-right: 1.3rem;
  }

  .radio-button-field {
    margin-right: 1rem;
    padding: 1.2rem 1.3rem;
    font-size: 1.3rem;
  }

  .radio-button-field.categ, .radio-button-field.inst {
    border-radius: .5rem;
  }

  .textarea {
    border-radius: .5rem;
    width: 61rem;
    min-width: 61rem;
    max-width: 61rem;
    font-size: 1.3rem;
  }

  .textarea::placeholder {
    font-size: 1.3rem;
    line-height: 1.5rem;
  }

  .button {
    border-radius: .5rem;
    padding: 1.2rem 2rem;
    font-size: 1.3rem;
  }

  .statement-component {
    border-radius: 1.5rem;
    display: flex;
  }

  .image {
    width: 1.8rem;
  }

  .statement_loader {
    display: none;
  }

  .statement-tip {
    border-radius: .5rem;
    height: 24rem;
    padding: 1.2rem 1.4rem;
    font-size: 1.3rem;
    line-height: 2rem;
  }

  .cta-wrapper {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .button-2 {
    padding: 1.2rem 2rem;
    font-size: 1.3rem;
  }

  .targetdiv {
    font-size: 1.3rem;
    line-height: 2rem;
  }

  .div-block-3 {
    width: 68rem;
  }

  .text-gr {
    width: 36rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .image-2 {
    width: 2.667rem;
    margin-right: 1.333rem;
  }

  .div-cards {
    margin-bottom: 2rem;
  }

  .card {
    padding: 1.2rem 1.3rem;
  }

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

  .image-3 {
    width: 2.667rem;
    margin-right: 1.333rem;
  }

  .image-3.marg {
    width: 2rem;
  }

  .div-inputs {
    margin-bottom: 2rem;
  }

  .s2, .input-email {
    border-radius: .5rem;
    height: 4rem;
    margin-top: .667rem;
    font-size: 1.3rem;
    line-height: 2rem;
  }

  .submit-button {
    border-radius: .5rem;
    padding: 1.2rem 2rem;
    font-size: 1.3rem;
  }

  .div-block-7 {
    border-radius: .5rem;
    height: 4rem;
    margin-top: .667rem;
  }

  .text-field {
    font-size: 1.3rem;
    line-height: 2rem;
  }

  .text-field::placeholder {
    font-size: 1.333rem;
  }

  .decrease-pages, .increase-pages {
    width: 3rem;
    height: 3rem;
  }

  .arrow-w {
    width: 1.8rem;
  }

  .text-block-5 {
    font-size: 1.5rem;
  }

  .image-4, .image-5 {
    width: 1.333rem;
  }

  .image-8 {
    width: 1.667rem;
  }

  .text-block-6 {
    font-size: 1.167rem;
  }

  .list-item-2 {
    top: 10px;
  }

  .list-item-2.marg {
    margin-bottom: 2rem;
    top: 1.089rem;
  }

  .list-item-2.marg._1 {
    margin-bottom: 1rem;
  }

  .list-item-2.marg-plan {
    margin-bottom: 16px;
  }

  .list-item-2.marg-plan.mob {
    margin-bottom: 1rem;
  }

  .list-2 {
    width: 301px;
    max-width: 301px;
  }

  .list-2.categ {
    width: 100%;
    max-width: 100%;
    max-height: 15rem;
    padding-left: 1.3rem;
    bottom: 5rem;
  }

  .list-term2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    font-size: 1.333rem;
    line-height: 2rem;
  }

  .text-category.tip {
    cursor: text;
    background-image: url('../images/Search.svg');
    border-radius: .5rem;
    height: 4rem;
    font-size: 1.3rem;
    line-height: 2rem;
  }

  .text-category.tip::placeholder {
    font-size: 1.333rem;
  }

  .div-total-tip {
    margin-top: .667rem;
  }

  .simvols {
    font-size: 1.167rem;
  }

  .shell {
    height: 8rem;
  }
}

@media screen and (max-width: 767px) {
  .section {
    padding-bottom: 6rem;
  }

  .navbar {
    margin-bottom: 3rem;
  }

  .button-lk {
    padding: 1.25rem 2rem;
  }

  .brand {
    width: 19rem;
  }

  .img-user {
    width: 2rem;
    margin-right: .8rem;
  }

  .text-normal {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .text-normal.weight, .text-normal.color {
    font-size: 1.75rem;
    line-height: 2rem;
  }

  .div-block {
    max-width: 100%;
  }

  .form_component {
    border-radius: 2rem;
    padding: 3rem;
  }

  .form {
    margin-top: 3rem;
  }

  .heading-1 {
    font-size: 4.5rem;
    line-height: 5.5rem;
  }

  .heading-2 {
    margin-top: .5rem;
    font-size: 3.5rem;
    line-height: 4.4rem;
  }

  .heading-2.size {
    font-size: 4.5rem;
  }

  .div-footer {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .link {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }

  .text-mini {
    justify-content: center;
    align-items: center;
    font-size: 1.75rem;
    line-height: 1.75rem;
    display: flex;
  }

  .text-mini.size {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }

  .text-mini.size.width {
    width: 38rem;
    height: auto;
  }

  .text-block-2 {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }

  .div-label {
    margin-bottom: 3rem;
  }

  .div-field-lable {
    margin-bottom: 2rem;
  }

  .div-number {
    width: 3rem;
    height: 3rem;
  }

  .radio-button-field {
    border-radius: .625rem;
    margin-right: 1rem;
    padding: 1.375rem 2rem;
    font-size: 1.6rem;
    line-height: 2rem;
  }

  .radio-button-field.categ, .radio-button-field.inst {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }

  .textarea {
    border-radius: .625rem;
    width: 77rem;
    min-width: 77rem;
    max-width: 77rem;
    height: 18.25rem;
    min-height: 18.25rem;
    max-height: 18.25rem;
    padding: 1.375rem 2rem;
    font-size: 1.8rem;
    line-height: 2.2rem;
  }

  .textarea::placeholder {
    font-size: 1.75rem;
    line-height: 2rem;
  }

  .div-total {
    margin-top: 1rem;
  }

  .button {
    border-radius: .625rem;
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
    font-size: 1.75rem;
  }

  .statement-component {
    border-radius: 2rem;
    padding: 3rem;
  }

  .image {
    width: 2rem;
    margin-right: 1rem;
  }

  .statement_loader {
    display: none;
  }

  .div-topic {
    margin-bottom: 3rem;
  }

  .heading-3 {
    margin-bottom: 1rem;
    font-size: 2.5rem;
  }

  .statement_text-wrap {
    display: flex;
  }

  .statement-tip {
    height: 30rem;
    padding: 1.375rem 2rem .917rem;
    font-size: 1.8rem;
    line-height: 2.5rem;
  }

  .cta-wrapper {
    border-radius: .625em;
    padding: 1.5rem 2rem;
    font-size: 1.75rem;
    line-height: 2rem;
  }

  .button-2 {
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
    font-size: 1.75rem;
  }

  .targetdiv {
    margin-bottom: 2rem;
    font-size: 1.8rem;
    line-height: 2.5rem;
  }

  .div-block-3 {
    width: 83rem;
  }

  .text-gr {
    width: 46rem;
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .image-2 {
    width: 4rem;
  }

  .div-cards {
    margin-bottom: 3rem;
  }

  .card {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .text-block-3 {
    font-size: 2rem;
    line-height: 2.2rem;
  }

  .image-3 {
    width: 4rem;
  }

  .image-3.marg {
    width: 3rem;
  }

  .div-inputs {
    margin-bottom: 3rem;
  }

  .s2 {
    border-radius: .625rem;
    height: 5rem;
    margin-top: 1rem;
    font-size: 1.75rem;
  }

  .s2._w-select {
    height: 56px;
  }

  .input-email {
    border-radius: .625rem;
    height: 5rem;
    margin-top: 1rem;
    font-size: 1.75rem;
  }

  .submit-button {
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
    font-size: 1.75rem;
    line-height: 2rem;
  }

  .div-block-7 {
    border-radius: .625rem;
    height: 5rem;
    margin-top: 1rem;
  }

  .text-field {
    width: 22%;
    font-size: 1.75rem;
  }

  .text-field::placeholder {
    font-size: 1.75rem;
  }

  .arrow-w {
    width: 2rem;
  }

  .text-block-5 {
    font-size: 2rem;
    line-height: 3rem;
  }

  .image-4, .image-5 {
    width: 1.75rem;
  }

  .image-6 {
    width: 2rem;
  }

  .div-block-10 {
    margin-bottom: 3rem;
  }

  .image-8 {
    width: 2.5rem;
    margin-right: 1.5rem;
  }

  .text-block-6 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }

  .search-terms-wrapper.categ {
    display: flex;
  }

  .list-item-2 {
    margin-bottom: 2rem;
  }

  .list-item-2.marg {
    height: 3rem;
  }

  .list-item-2.marg-plan.mob {
    margin-bottom: 1.2rem;
  }

  .list-2 {
    width: 350px;
    max-width: 350px;
    max-height: 140px;
  }

  .list-2.categ {
    border-radius: .625rem;
    width: 100%;
    max-width: 100%;
    max-height: 20rem;
    bottom: 5.8rem;
  }

  .list-term2 {
    font-size: 1.75rem;
    line-height: 2.5rem;
  }

  .text-category.tip {
    background-size: 2rem;
    border-radius: .625rem;
    height: 5rem;
    font-size: 1.75rem;
  }

  .text-category.tip::placeholder {
    font-size: 1.75rem;
  }

  .div-total-tip {
    margin-top: 1rem;
  }

  .simvols {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}

@media screen and (max-width: 479px) {
  .section {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    padding-top: 6rem;
    padding-bottom: 0;
  }

  .navbar {
    margin-bottom: 6rem;
  }

  .sign-out {
    border: 2px solid var(--violet--light);
    border-radius: 1.111rem;
    margin-bottom: 4rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-right: 0;
  }

  .button-lk {
    border-radius: 1.111rem;
    justify-content: center;
    align-items: center;
    padding: 3rem;
  }

  .brand {
    width: 29rem;
  }

  .nav-menu {
    background-color: #fff;
    border-radius: 1.111rem;
    justify-content: flex-end;
    align-items: center;
    width: 70%;
    margin-top: 3.556rem;
    margin-left: auto;
    padding: 5.333rem;
    box-shadow: 0 15px 45px #93a1c840;
  }

  .img-user {
    width: 4rem;
  }

  .text-normal, .text-normal.weight {
    font-size: 3.8rem;
    line-height: 5rem;
  }

  .text-normal.color {
    font-size: 3.3rem;
    line-height: 4rem;
  }

  .div-block {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    max-width: 100%;
    padding-top: 0;
  }

  .form_component {
    box-shadow: none;
    border-radius: 0;
    padding-bottom: 6rem;
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .form {
    margin-top: 5rem;
  }

  .heading-1 {
    font-size: 8rem;
    line-height: 9rem;
  }

  .heading-2 {
    margin-top: 0;
    font-size: 6.4rem;
    line-height: 7rem;
  }

  .heading-2.size {
    font-size: 8rem;
    line-height: 9rem;
  }

  .heading-2.size.marg {
    margin-right: 6rem;
    font-size: 8rem;
    line-height: 9rem;
  }

  .div-footer {
    border-top: 1px solid var(--black--normal);
    flex-flow: column;
    padding-top: 5.333rem;
    padding-bottom: 5.333rem;
  }

  .link {
    order: -1;
    margin-bottom: 3.556rem;
    font-size: 5rem;
    line-height: 5.5rem;
  }

  .text-mini {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }

  .text-mini.size.width {
    width: 100%;
    font-size: 2.9rem;
    line-height: 3.8rem;
  }

  .text-block-2 {
    margin-bottom: 3.556rem;
    font-size: 2.9rem;
    line-height: 3rem;
  }

  .div-label {
    margin-bottom: 6rem;
  }

  .div-field-lable {
    margin-bottom: 4rem;
  }

  .div-number {
    border-radius: 1.25rem;
    width: 5.5rem;
    height: 5.5rem;
    margin-right: 3rem;
  }

  .div-radios {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: wrap;
  }

  .radio-button-field {
    border-radius: 1.25rem;
    margin-right: 0;
    padding: 2.75rem 4rem;
    font-size: 3.4rem;
    line-height: 4rem;
  }

  .radio-button-field.categ {
    border-radius: 1.25rem;
    font-size: 3.5rem;
    line-height: 5rem;
  }

  .radio-button-field.inst {
    font-size: 3.5rem;
    line-height: 5rem;
  }

  .textarea {
    border-radius: 1.25rem;
    width: 90rem;
    min-width: 90rem;
    max-width: 90rem;
    height: 36.5rem;
    min-height: 36.5rem;
    max-height: 36.5rem;
    padding: 2.75rem 4rem;
    font-size: 3.8rem;
    line-height: 5rem;
  }

  .textarea::placeholder {
    font-size: 3.8rem;
    line-height: 5rem;
  }

  .div-total {
    flex-flow: column;
    margin-top: 0;
  }

  .div-total.marg {
    margin-top: 3.556rem;
  }

  .button {
    border-radius: 1.25rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 6rem;
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
    font-size: 3.5rem;
    line-height: 4.5rem;
  }

  .statement-component {
    box-shadow: none;
    border-radius: 0;
    padding: 5rem 5rem 10.667rem;
  }

  .image {
    width: 4rem;
    margin-right: 2rem;
  }

  .statement_loader {
    display: none;
  }

  .heading-3 {
    margin-bottom: 2rem;
    font-size: 4.444rem;
    line-height: 5.778rem;
  }

  .statement-tip {
    border-radius: 1.25rem;
    height: 70rem;
    padding: 2.75rem 4rem;
    font-size: 3.8rem;
    line-height: 5rem;
  }

  .cta-wrapper {
    border-radius: 1.25rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 3.556rem;
    padding-top: 2.444rem;
    padding-bottom: 2.444rem;
    font-size: 3.5rem;
    line-height: 5rem;
  }

  .button-2 {
    width: 100%;
    margin-top: 4rem;
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
    font-size: 3.5rem;
    line-height: 4.5rem;
  }

  .targetdiv {
    margin-bottom: 0;
    font-size: 3.8rem;
    line-height: 5rem;
  }

  .div-block-3 {
    width: 100%;
  }

  .text-gr {
    width: auto;
    font-size: 2.9rem;
    line-height: 4rem;
  }

  .div-block-4 {
    width: 100%;
  }

  .image-2 {
    width: 8rem;
    margin-right: 3rem;
  }

  .div-cards {
    flex-flow: column;
    margin-bottom: 3.556rem;
  }

  .card {
    border-radius: 1.111rem;
    width: 100%;
    margin-bottom: 1.778rem;
    padding: 1.778rem;
  }

  .text-block-3 {
    font-size: 4rem;
    line-height: 5rem;
  }

  .image-3 {
    width: 7rem;
    margin-right: 3.556rem;
  }

  .image-3.marg {
    width: 5rem;
  }

  .div-inputs {
    flex-flow: column;
  }

  .div-inputs.marg {
    margin-bottom: 0;
  }

  .div-inputs.mr {
    margin-bottom: 1.778rem;
  }

  .s2 {
    width: 100%;
    height: 10rem;
    margin-top: 1.5rem;
    padding-left: 3.556rem;
    padding-right: 3.5rem;
    font-size: 3.8rem;
    line-height: 5rem;
  }

  .div-block-6 {
    width: 100%;
    margin-bottom: 4rem;
  }

  .input-email {
    border-radius: 1.25rem;
    height: 10rem;
    margin-top: 1.5rem;
    padding-left: 3.556rem;
    padding-right: 3.556rem;
    font-size: 3.8rem;
    line-height: 5rem;
  }

  .submit-button {
    border-radius: 1.25rem;
    width: 100%;
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
    font-size: 3.8rem;
    line-height: 4.5rem;
  }

  .div-block-7 {
    border-radius: 1.25rem;
    height: 10rem;
    margin-top: 1.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .text-field {
    height: 7rem;
    font-size: 3.8rem;
    line-height: 5rem;
  }

  .text-field::placeholder {
    font-size: 3.8rem;
  }

  .decrease-pages, .increase-pages {
    width: 10rem;
    height: 6rem;
  }

  .form-send {
    margin-top: 5.333rem;
  }

  .arrow-w {
    width: 4rem;
    margin-left: 2rem;
  }

  .text-block-5 {
    font-size: 4rem;
    line-height: 5rem;
  }

  .image-4, .image-5 {
    width: 3.556rem;
  }

  .div-block-9 {
    margin-bottom: 5.333rem;
  }

  .image-6 {
    width: 3.8rem;
    margin-right: 1rem;
  }

  .image-7 {
    width: 3.556rem;
  }

  .menu-button {
    background-color: var(--violet--light);
    cursor: pointer;
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    padding: 2.667rem;
    display: flex;
  }

  .menu-button.w--open {
    background-color: var(--violet--light);
  }

  .image-8 {
    width: 4rem;
    margin-right: 2rem;
  }

  .text-block-6 {
    font-size: 3.5rem;
    line-height: 4rem;
  }

  .search-terms-wrapper {
    display: block;
  }

  .search-terms-wrapper.categ {
    display: flex;
  }

  .list-item-2 {
    height: 5rem;
  }

  .list-item-2.marg._1 {
    margin-bottom: 3rem;
  }

  .list-item-2.padding.marg-mob {
    margin-bottom: 12px;
  }

  .list-item-2.marg-plan.mob {
    margin-bottom: 0;
  }

  .list-2 {
    width: 100%;
    max-width: 300px;
    max-height: 140px;
  }

  .list-2.categ {
    width: 100%;
    max-width: 100%;
    max-height: 35rem;
    padding-bottom: 3rem;
    padding-left: 3rem;
    padding-right: 3rem;
    bottom: 10.7rem;
  }

  .list-term2 {
    font-size: 3.8rem;
    line-height: 5rem;
  }

  .text-category.tip {
    background-size: 3rem;
    border-radius: 1.25rem;
    height: 10rem;
    padding-top: 0;
    padding-left: 3.5rem;
    font-size: 3.8rem;
    font-weight: 400;
    line-height: 5rem;
  }

  .text-category.tip::placeholder {
    font-size: 3.8rem;
  }

  .div-total-tip {
    margin-top: 1.5rem;
  }

  .simvols {
    font-size: 3.5rem;
    line-height: 4rem;
  }

  .shell {
    height: 18rem;
    bottom: -2.75rem;
  }
}


@font-face {
  font-family: 'Circe';
  src: url('../fonts/Circe-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Circe';
  src: url('../fonts/Circe-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}