/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/sass/app.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
.clr-purple {
  color: #326295 !important;
}

.clr-gpurple {
  color: #695c6b !important;
}

.clr-llpurple {
  color: #f7f7f7 !important;
}

.clr-dpurple {
  color: #333333 !important;
}

.clr-white {
  color: #fff !important;
}

.clr-black {
  color: #000 !important;
}

.clr-grey {
  color: #746968 !important;
}

.clr-green {
  color: #78be21 !important;
}

.size-6 {
  font-size: 6px !important;
  line-height: 1.3em;
}

.size-8 {
  font-size: 8px !important;
  line-height: 1.3em;
}

.size-10 {
  font-size: 10px !important;
  line-height: 1.3em;
}

.size-12 {
  font-size: 12px !important;
  line-height: 1.3em;
}

.size-14 {
  font-size: 14px !important;
  line-height: 1.3em;
}

.size-16 {
  font-size: 16px !important;
  line-height: 1.3em;
}

.size-18 {
  font-size: 18px !important;
  line-height: 1.3em;
}

.size-20 {
  font-size: 20px !important;
  line-height: 1.3em;
}

.size-22 {
  font-size: 22px !important;
  line-height: 1.3em;
}

.size-24 {
  font-size: 24px !important;
  line-height: 1.3em;
}

.size-26 {
  font-size: 26px !important;
  line-height: 1.3em;
}

.size-28 {
  font-size: 28px !important;
  line-height: 1.3em;
}

.size-30 {
  font-size: 30px !important;
  line-height: 1.3em;
}

.size-32 {
  font-size: 32px !important;
  line-height: 1.3em;
}

.size-34 {
  font-size: 34px !important;
  line-height: 1.3em;
}

.size-36 {
  font-size: 36px !important;
  line-height: 1.3em;
}

.size-38 {
  font-size: 38px !important;
  line-height: 1.3em;
}

.size-40 {
  font-size: 40px !important;
  line-height: 1.3em;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.coeo-faq {
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 16px;
  font-family: "Asap", "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", Droid Sans, "Helvetica Neue", sans-serif;
}
.coeo-faq p {
  font-size: 16px;
}
.coeo-faq ul {
  margin-bottom: 20px;
}
.coeo-faq ul li {
  position: relative;
  padding-left: 20px;
  font-size: 15px;
  line-height: 1.66;
}
.coeo-faq ul li:before {
  content: "";
  background: #333;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 4px;
}
.coeo-faq__title-1 {
  font-family: "Asap", "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", Droid Sans, "Helvetica Neue", sans-serif;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.14;
  color: #298fc2;
  margin-bottom: 40px;
}
.coeo-faq__title-2 {
  font-size: 20px;
  line-height: 1.25;
  margin-bottom: 1em;
  letter-spacing: 1px;
}
@media (min-width: 576px) {
  .coeo-faq__title-2 {
    margin-bottom: 2em;
  }
}
.coeo-faq__title-3 {
  font-size: 17px;
  line-height: 1.25;
  margin-bottom: 1.3em;
  letter-spacing: 1px;
}
.coeo-faq__title-4 {
  font-size: 15px;
  line-height: 1.25;
  margin-bottom: 1.3em;
  letter-spacing: 1px;
}
.coeo-faq__btn {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  color: #fff;
  line-height: 18px;
  padding: 16px 30px;
  border-radius: 5px;
  text-align: center;
  transition: 0.3s;
  position: relative;
}
.coeo-faq__btn:hover {
  opacity: 0.6;
  transition: 0.2s;
}
.coeo-faq__btn--purple {
  background-color: #298fc2;
}
.coeo-faq__btn--green {
  background-color: #78be21;
}
.coeo-faq__btn svg {
  display: none;
}
.coeo-faq__btn--loading {
  padding-right: 40px;
}
.coeo-faq__btn--loading svg {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.coeo-faq__btn--block {
  display: block;
  width: 100%;
}
.coeo-faq__col-2 {
  margin-top: 30px;
}
.coeo-faq__search-button {
  margin-top: 40px;
}
.coeo-faq__search-button .coeo-faq__btn {
  width: 100%;
}
@media (min-width: 768px) {
  .coeo-faq__search-button .coeo-faq__btn {
    width: auto;
  }
}
@media (min-width: 992px) {
  .coeo-faq__title-1 {
    text-align: left;
  }
  .coeo-faq__row {
    display: flex;
    justify-content: space-between;
  }
  .coeo-faq__col-1 {
    width: 43%;
  }
  .coeo-faq__col-2 {
    width: 50%;
    margin-top: 0;
  }
}

.coeo-faq-results__item {
  margin-top: 18px;
}
.coeo-faq-results__item:first-child {
  margin-top: 0;
}
.coeo-faq-results__item--open .coeo-faq-results__item-question::before {
  transform: rotate(180deg);
}
.coeo-faq-results__item--open .coeo-faq-results__item-answer {
  display: block;
}
.coeo-faq-results__item-question {
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  padding-left: 30px;
}
.coeo-faq-results__item-question::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%279%27 viewBox=%270 0 16 9%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M14.9263 1L7.96317 7.96317L1 1%27 stroke=%27%2314142B%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  background-size: 16px 9px;
  content: "";
  position: absolute;
  top: 9px;
  left: 2px;
  width: 16px;
  height: 9px;
  transition: all 0.2s linear;
}
.coeo-faq-results__item-answer {
  display: none;
  padding-left: 30px;
  padding-top: 20px;
}
.coeo-faq-results__item-answer a:not(.coeo-faq__btn) {
  color: #78be21;
}

.coeo-faq-no-results {
  font-size: 16px;
  line-height: 25px;
  padding-left: 30px;
  position: relative;
}
.coeo-faq-no-results::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%279%27 height=%2716%27 viewBox=%270 0 9 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1.03683 14.9263L8 7.96317L1.03683 1%27 stroke=%27%2314142B%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  background-size: 9px 16px;
  content: "";
  width: 9px;
  height: 16px;
  position: absolute;
  top: 2px;
  left: 4px;
}
.coeo-faq-no-results__button {
  position: relative;
  padding-left: 50px;
  cursor: pointer;
}
.coeo-faq-no-results__button::before {
  content: "";
  border: 1px solid #333;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: -4px;
  left: 0;
}
.coeo-faq-no-results__button:hover::before {
  border-color: #298fc2;
}
@media (min-width: 992px) {
  .coeo-faq-no-results {
    padding-right: 50px;
  }
}

.coeo-faq-voting {
  margin-top: 40px;
  border: 1px solid #333;
  border-radius: 16px 0;
  box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.1);
  padding: 20px 30px;
  max-width: 360px;
}
.coeo-faq-voting__title {
  font-size: 17px;
  font-weight: 600;
  color: #298fc2;
  margin-bottom: 20px;
  letter-spacing: 0.5px;
}
.coeo-faq-voting__buttons {
  display: flex;
  gap: 25px;
}
.coeo-faq-voting__button {
  width: 72px;
  height: 72px;
  border: 1px solid #000000;
  border-radius: 16px;
  cursor: pointer;
}
.coeo-faq-voting__button--up {
  background-color: rgba(103, 176, 30, 0.2);
  background-image: url("data:image/svg+xml,%3Csvg width=%2719%27 height=%2719%27 viewBox=%270 0 19 19%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.16666 8.08337V17.5625M11.0975 6.13316L11.3675 3.829C11.5115 2.6002 10.5513 1.52087 9.31409 1.52087C8.89943 1.52087 8.5249 1.76865 8.36271 2.15028L5.90861 7.92462C5.6798 8.46299 5.15144 8.81254 4.56646 8.81254H3.70833C2.50021 8.81254 1.52083 9.79192 1.52083 11V15.375C1.52083 16.5832 2.50021 17.5625 3.70833 17.5625H13.725C14.7016 17.5625 15.56 16.9151 15.8283 15.976L17.495 10.1427C17.8942 8.74525 16.845 7.35421 15.3916 7.35421H12.1838C11.5293 7.35421 11.0213 6.78322 11.0975 6.13316Z%27 stroke=%27%2367B01E%27 stroke-width=%272%27/%3E%3C/svg%3E%0A");
  background-size: 19px 19px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.coeo-faq-voting__button--down {
  background-color: rgba(200, 6, 6, 0.2);
  background-image: url("data:image/svg+xml,%3Csvg width=%2719%27 height=%2719%27 viewBox=%270 0 19 19%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.16674 1.52087V11M11.0976 12.9503L11.3676 15.2544C11.5116 16.4832 10.5514 17.5625 9.31417 17.5625C8.89951 17.5625 8.52497 17.3148 8.36278 16.9331L5.90869 11.1588C5.67988 10.6204 5.15151 10.2709 4.56654 10.2709H3.7084C2.50028 10.2709 1.5209 9.2915 1.5209 8.08337V3.70837C1.5209 2.50025 2.50028 1.52087 3.7084 1.52087H13.725C14.7017 1.52087 15.5601 2.16833 15.8284 3.10742L17.495 8.94076C17.8943 10.3382 16.845 11.7292 15.3917 11.7292H12.1839C11.5294 11.7292 11.0214 12.3002 11.0976 12.9503Z%27 stroke=%27%23EB5757%27 stroke-width=%272%27/%3E%3C/svg%3E%0A");
  background-size: 19px 19px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.coeo-faq-voting__button--disabled {
  opacity: 0.3;
}
.coeo-faq-voting__thankyou {
  color: #67b01e;
  font-size: 16px;
  line-height: 25px;
}
@media (min-width: 992px) {
  .coeo-faq-voting {
    max-width: 490px;
    padding: 26px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .coeo-faq-voting--full {
    max-width: 100%;
  }
  .coeo-faq-voting__title {
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 0;
    flex: 1;
  }
  .coeo-faq-voting__buttons {
    gap: 20px;
  }
  .coeo-faq-voting__thankyou {
    width: 150px;
    padding-right: 50px;
  }
}

.coeo-faq-step-2__buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
}
.coeo-faq-step-2__back {
  color: #298fc2;
  cursor: pointer;
}
.coeo-faq-step-2__message textarea {
  height: 300px;
}
@media (min-width: 992px) {
  .coeo-faq-step-2__buttons {
    margin-top: 100px;
  }
}

.coeo-faq-person__row {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.coeo-faq-person__row:first-child {
  margin-top: 0;
}
.coeo-faq-person__col {
  width: 50%;
}
.coeo-faq-person__col input {
  width: 100%;
}
.coeo-faq-person__edit-email {
  cursor: pointer;
  margin-left: 10px;
}

.coeo-faq-blurred {
  position: relative;
}
.coeo-faq-blurred:after {
  content: "";
  position: absolute;
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px); /* blur effect to the backdrop */
  background-color: rgba(255, 255, 255, 0.3);
}

.coeo-faq-step-2-edit-email__form-input {
  margin-top: 20px;
}
.coeo-faq-step-2-edit-email__form-input input {
  width: 100%;
}
.coeo-faq-step-2-edit-email__buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
.coeo-faq-step-2-edit-email__back {
  color: #298fc2;
  cursor: pointer;
}
@media (min-width: 992px) {
  .coeo-faq-step-2-edit-email__form {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .coeo-faq-step-2-edit-email__form-label {
    width: 45%;
  }
  .coeo-faq-step-2-edit-email__form-input {
    margin-top: 0;
    width: 55%;
  }
  .coeo-faq-step-2-edit-email__button {
    width: 55%;
  }
  .coeo-faq-step-2-edit-email__button:first-child {
    width: 45%;
  }
}

.coeo-faq-step-3 a {
  color: #78be21;
}
.coeo-faq-step-3__radios {
  display: flex;
  gap: 15px;
  margin-bottom: 30px;
}
.coeo-faq-step-3__radio {
  position: relative;
  padding-left: 47px;
  color: #6e7191;
  font-size: 15px;
  line-height: 32px;
  letter-spacing: 0.75px;
  cursor: pointer;
}
.coeo-faq-step-3__radio::before {
  content: "";
  border: 1px solid #000000;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
}
.coeo-faq-step-3__radio:after {
  background: #67b01e;
  border-radius: 50%;
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 4px;
  left: 4px;
  display: none;
}
.coeo-faq-step-3__radio--active {
  color: #333333;
}
.coeo-faq-step-3__radio--active::after {
  display: block;
}
.coeo-faq-step-3__contact-with {
  padding-left: 47px;
  font-size: 15px;
  letter-spacing: 0.75px;
}
.coeo-faq-step-3__phone {
  margin-bottom: 30px;
}
.coeo-faq-step-3__phone input {
  width: 100%;
}
.coeo-faq-step-3__time {
  margin-top: 30px;
}
.coeo-faq-step-3__time select {
  background-color: #fff;
  height: 50px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 48px;
  border-radius: 5px;
  border: 1px solid #707070;
  width: 100%;
}
.coeo-faq-step-3__buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.coeo-faq-step-3__back {
  color: #298fc2;
  cursor: pointer;
}
.coeo-faq-step-3__message {
  font-size: 16px;
  line-height: 25px;
}
@media (min-width: 992px) {
  .coeo-faq-step-3__phone {
    max-width: 360px;
  }
  .coeo-faq-step-3__time {
    max-width: 360px;
  }
  .coeo-faq-step-3__buttons {
    max-width: 360px;
    margin-top: 80px;
  }
}

.coeo-faq-feedback {
  margin-top: 50px;
}
.coeo-faq-feedback__title {
  font-size: 20px;
  line-height: 1.25;
  margin-bottom: 1em;
  letter-spacing: 1px;
}
.coeo-faq-feedback__button {
  margin-top: 30px;
}

.coeo-faq-hidden-mobile {
  display: none;
}
@media (min-width: 992px) {
  .coeo-faq-hidden-mobile {
    display: block;
  }
}

/*# sourceMappingURL=index.css.map*/