/*#frameadv-ui {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcb5b9+0,91a1b8+0,90a2b6+1,93a4b6+14,9aabbd+24,9aa9bc+24,9bacbe+25,9cabbc+26,9cadbf+27,9dadbd+28,9eadc0+28,9fafbf+31,9eadc0+41,97a8ba+48,8c9db1+55,8798ac+57,8797ae+57,8496aa+58,798ba1+63,798ba3+63,6a7c94+70,4e5e77+84,3e4d64+95,39485f+100 */
  background: #bcb5b9;
  /* Old browsers */
  /* FF3.6-15 */
  /*background: linear-gradient(104deg, #abc4e1 7.93%, #9bafc7 25.09%, rgba(157, 172, 191, 0.9) 40.81%, rgba(167, 183, 202, 0.95) 55.52%, #93a3b7 69.79%, #586e8e 88.23%);*/
}*/

@media only screen and (min-width: 1025px) {
  #frameadv-ui .face-capture .facescanapp-wrapper--app {
    height: 65vh;
    width: 84vh;
    margin: auto;
  }
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .face-capture .facescanapp-wrapper--app {
    height: 100vh;
  }
}

@media only screen and (min-width: 1025px) {
  #frameadv-ui .face-capture .facescanapp-wrapper--app #webcam-target {
    height: 65vh;
  }
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .face-capture .facescanapp-wrapper--app #webcam-target {
    height: 100vh;
  }
}

#frameadv-ui .glass-filters__title {
  font-weight: 600;
  letter-spacing: 0.08rem;
  margin-top: 1rem;
  margin-bottom: .5rem;
  text-transform: uppercase;
}

#frameadv-ui .glass-filters__description {
  font-family: "DM Sans", sans-serif ;
  font-weight: normal ;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  color: #222222;
}

#frameadv-ui .glass-filters-wrapper {
  padding: 2rem 0;
}

#frameadv-ui .glass-filters .tooltip__icon {
  font-size: 11px;
  color: #222222;
  border: 1px solid #222222;
  width: 19px;
  height: 19px;
}

@media only screen and (min-width: 1025px) {
  #frameadv-ui .main-wrapper {
    min-height: calc(100vh - 32px -  70px - 32px);
  }
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .main-wrapper {
    min-height: calc(100vh - 30px -  50px - 30px);
    padding: 2rem 1.1rem;
  }
  #frameadv-ui .glass-filters__description {
    padding: 0 7%;
  }
  #frameadv-ui .glass-filters .tooltip__icon {
    padding: 2% 2%;
  }
  #frameadv-ui .glass-filters {
    padding: 0px 1rem 1rem 1rem;
  }
}

#frameadv-ui .main-wrapper.facescanapp-wrapper.face-capture {
  padding: 2rem 0;
}

#frameadv-ui .main-wrapper.plp-wrapper {
  min-height: unset;
  padding: .1rem 0 0 0;
  padding-top: 3rem;
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .main-wrapper .survey__option__wrapper {
    margin: 2rem 0 0 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

#frameadv-ui p.page-subtitle {
  font-family: "DM Sans", sans-serif ;
  font-weight: normal ;
  font-stretch: normal;
  font-style: normal;
}

#frameadv-ui p.try-with-a-picture {
  font-family: "DM Sans", sans-serif ;
  font-weight: normal ;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
}

#frameadv-ui p.try-with-a-picture a {
  font-weight: 600;
}

#frameadv-ui p.plp__faceFilter_title {
  text-transform: lowercase;
  font-size: 14px;
  font-family: "DM Sans", sans-serif ;
  font-weight: 600 ;
  font-stretch: normal;
  font-style: normal;
  color: #222222;
}

#frameadv-ui p.plp__faceFilter_title:first-letter {
  text-transform: capitalize;
}

#frameadv-ui p.plp__faceFilter_value {
  font-family: "DM Sans", sans-serif ;
  font-weight: normal ;
  font-stretch: normal;
  font-style: normal;
  color: #222222;
}

#frameadv-ui h2.page-title {
  font-family: "DM Sans", sans-serif ;
  font-weight: bold ;
  font-stretch: normal;
  font-style: normal;
  text-transform: lowercase;
  font-size: 32px;
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui h2.page-title {
    padding-left: 3rem;
    padding-right: 3rem;
    font-size: 20px;
  }
  #frameadv-ui p.page-subtitle {
    font-family: "DM Sans", sans-serif ;
    font-weight: normal ;
    font-stretch: normal;
    font-style: normal;
    padding: 2% 6%;
}
}

#frameadv-ui h2.page-title:first-letter {
  text-transform: capitalize;
}

#frameadv-ui .card {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#frameadv-ui .card.card-overlay {
  max-width: 100%;
  margin: 0 0 1rem 0;
  height: 240px;
}

#frameadv-ui .card.card-overlay .card__image {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' fill='none' viewBox='0 0 70 70'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M65.05 32.324c-.994-1.16-2.665-1.699-5.258-1.699v-5.833c0-6.351-2.421-12.134-6.361-16.525C55.556 6.153 56.875 3.23 56.875 0h-26.25c-3.544 0-6.498 2.543-7.152 5.9-7.424.67-13.265 6.92-13.265 14.517v10.208c-2.592 0-4.264.54-5.257 1.699-1.323 1.541-.999 3.659-.684 5.706l.123.82c.442 3.114 1.11 7.817 5.818 7.817v7.291C10.208 62.803 17.405 70 26.25 70h17.5c8.845 0 16.042-7.197 16.042-16.042v-7.291c4.707 0 5.377-4.703 5.819-7.816l.122-.82c.315-2.048.64-4.166-.684-5.707zm-21.3 34.76h-17.5c-7.236 0-13.125-5.888-13.125-13.126v-28.04c5.371-.22 9.277-1.644 11.677-4.269 1.024-1.12 1.805-2.433 2.282-3.984 2.093 2.008 6.098 3.968 13.75 4.188.472.013.956.022 1.458.022 5.902 0 10.39.948 12.813 2.613.864.595 1.465 1.282 1.77 2.05v27.42c0 7.238-5.889 13.125-13.125 13.125zM45.208 8.75c3.802 0 7.035-2.44 8.24-5.833H30.625c-2.412 0-4.375 1.963-4.375 4.375V8.75h-1.458c-6.433 0-11.667 5.234-11.667 11.667V23.017c3.353-.149 5.76-.802 7.474-1.763 3.602-2.019 4.193-5.364 4.193-8.129h2.916c.002.025.448 5.402 13.125 5.795l.39.014c.347.012.693.024 1.069.024 4.149 0 10.508.486 14.392 3.085-.58-4.597-2.591-8.741-5.572-11.996-.317.186-.64.357-.974.513-1.501.703-3.166 1.107-4.93 1.107V8.75zM7.278 38.44l-.13-.853c-.224-1.461-.435-2.84.015-3.366.22-.252.905-.68 3.045-.68V43.75c-1.687 0-2.345-1.19-2.93-5.31zm55.445 0l.128-.853.002-.008c.222-1.459.432-2.832-.016-3.356-.219-.254-.904-.681-3.045-.681V43.75c1.687 0 2.345-1.19 2.931-5.31z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='M32.063 52.5H37.936V55.417H32.063zM35.633 45.208h-3.57v2.917h6.487v-14.5h-2.916v11.583z'/%3E%3C/svg%3E");
  margin-top: 1.5rem;
}

@media only screen and (min-width: 1025px) {
  #frameadv-ui .card.card-overlay .card__image {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card.card-overlay .card__image {
    max-width: 70px;
    max-height: 70px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px) {
  #frameadv-ui .card.card-overlay .card__image {
    max-width: 40px;
    max-height: 40px;
    background-size: contain;
  }
}

#frameadv-ui .card.card-overlay .card__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.5px;
  margin-top: 0;
  color: #222222;
}

#frameadv-ui .card.card-overlay .card__confirm-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  font-family: "DM Sans", sans-serif ;
  font-weight: 600 ;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #575D9B;
  border-color: #575D9B;
  height: 32px;
  padding: 3px 16px 4px 16px;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  border-color: #575D9B;
  text-transform: uppercase;
  margin: 1.5rem 0 1rem;
}

#frameadv-ui .card.card-overlay .card__confirm-button:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#frameadv-ui .card.card-overlay .card__confirm-button:hover:before {
  border-width: 3px;
}

#frameadv-ui .card.card-overlay .card__confirm-button:hover {
  background-color: rgba(36, 76, 90, 0.2);
}

#frameadv-ui .card.card-overlay .card__confirm-button:before {
  border-color: #575D9B;
}

#frameadv-ui .card.card-overlay .card__confirm-button:hover {
  background-color: #323666;
  border-color: #323666;
}

#frameadv-ui .card.card-overlay .card__confirm-button:hover:before {
  border-color: #323666;
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card {
    padding: 2rem 0 1rem;
    margin: 0 0 1.5rem;
    min-height: unset;
    max-width: 48%;
    height: 48vw;
  }
}

@media only screen and (min-width: 1025px) {
  #frameadv-ui .card {
    height: 360px;
  }
}

#frameadv-ui .card .card__image {
  background-color: transparent;
}

#frameadv-ui .card .card__title {
  font-family: "DM Sans", sans-serif ;
  font-weight: 500 ;
  font-stretch: normal;
  font-style: normal;
  text-transform: lowercase;
  color: #222222;
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card .card__title {
    font-size: 16px;
    margin-top: 1rem;
  }
}

#frameadv-ui .card .card__title:first-letter {
  text-transform: capitalize;
}

#frameadv-ui .card .card__description {
  font-family: "DM Sans", sans-serif ;
  font-weight: normal ;
  font-stretch: normal;
  font-style: normal;
  color: #222222;
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card .card__description {
    width: 90%;
  }
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card.card__survey {
    min-height: 10rem;
    padding: 2rem 0 2rem;
    height: 240px;
  }
}

#frameadv-ui .card.card__survey .card__image {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' fill='none' viewBox='0 0 70 70'%3E%3Cpath fill='%23222' d='M49.583 67.083H2.917V2.917h46.666v14.175l2.917-2.917V2.917C52.5 1.305 51.195 0 49.583 0H2.917C1.305 0 0 1.305 0 2.917v64.166C0 68.695 1.305 70 2.917 70h46.666c1.612 0 2.917-1.305 2.917-2.917V54.008l-2.917 2.917v10.158z'/%3E%3Cpath fill='%23222' d='M40.834 11.666H11.667v2.917h29.167v-2.917zM40.834 23.334H11.667v2.916h29.167v-2.916zM32.084 35H11.667v2.917h20.417V35zM69.146 24.987l-7.543-7.543c-.57-.57-1.315-.854-2.062-.854-.746 0-1.493.284-2.062.854L28.084 46.842c-.407.406-.684.925-.798 1.49L25.4 57.759c-.369 1.844 1.063 3.49 2.848 3.49.191 0 .387-.018.584-.058l9.426-1.885c.565-.112 1.084-.39 1.49-.798l29.398-29.397c1.139-1.137 1.139-2.985 0-4.124zm-31.46 31.46l-9.426 1.885 1.886-9.427L59.54 19.51h.003l7.54 7.54-29.396 29.397z'/%3E%3C/svg%3E");
}

@media only screen and (min-width: 1025px) {
  #frameadv-ui .card.card__survey .card__image {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card.card__survey .card__image {
    max-width: 70px;
    max-height: 70px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px) {
  #frameadv-ui .card.card__survey .card__image {
    max-width: 40px;
    max-height: 40px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card.card__facescan {
    min-height: 10rem;
    padding: 2rem 0 2rem;
    height: 240px;
  }
}

#frameadv-ui .card.card__facescan .card__image {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' fill='none' viewBox='0 0 70 70'%3E%3Cpath fill='%231D1D1B' fill-rule='evenodd' d='M53.104 17.5h12.521c2.412 0 4.375 1.963 4.375 4.375V53.96c0 2.412-1.963 4.374-4.375 4.374H4.375C1.963 58.334 0 56.371 0 53.96V21.874C0 19.463 1.963 17.5 4.375 17.5h12.521l6.865-6.864c.272-.274.644-.427 1.03-.427h20.417c.387 0 .759.153 1.031.427l6.865 6.864zm12.521 37.917c.803 0 1.458-.654 1.458-1.459V21.876c0-.805-.654-1.458-1.458-1.458H52.5c-.373 0-.747-.143-1.031-.428l-6.864-6.864h-19.21l-6.864 6.864c-.284.285-.658.428-1.031.428H4.375c-.804 0-1.458.653-1.458 1.458V53.96c0 .804.654 1.458 1.458 1.458h61.25z' clip-rule='evenodd'/%3E%3Cpath fill='%231D1D1B' fill-rule='evenodd' d='M21.875 36.459c0-7.238 5.889-13.126 13.125-13.126s13.125 5.888 13.125 13.126c0 7.237-5.889 13.124-13.125 13.124S21.875 43.697 21.875 36.46zm2.917 0c0 5.627 4.579 10.208 10.208 10.208 5.63 0 10.208-4.58 10.208-10.209 0-5.627-4.579-10.208-10.208-10.208-5.63 0-10.208 4.58-10.208 10.209z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");
}

@media only screen and (min-width: 1025px) {
  #frameadv-ui .card.card__facescan .card__image {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card.card__facescan .card__image {
    max-width: 70px;
    max-height: 70px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px) {
  #frameadv-ui .card.card__facescan .card__image {
    max-width: 40px;
    max-height: 40px;
    background-size: contain;
  }
}

#frameadv-ui .card.card__step-2b-quiz-man .card__image {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' fill='none' viewBox='0 0 70 70'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M63.59 32.324c-.9-1.051-2.367-1.588-4.567-1.68l.34-2.543c.693-5.195-.065-10.18-2.195-14.417-1.007-2.007-2.263-3.827-3.707-5.446 2.11-2.113 3.414-5.025 3.414-8.238h-26.25c-3.542 0-6.502 2.539-7.157 5.893-7.423.671-13.26 6.929-13.26 14.524l.706 5.833.53 4.38c-2.462.033-4.07.57-5.036 1.692-1.323 1.542-.999 3.66-.684 5.708l.123.82c.443 3.114 1.113 7.817 5.82 7.817.582 0 1.146-.084 1.689-.226l1.763 14.58C15.74 66.14 20.098 70 25.253 70H44.84c5.095 0 9.445-3.81 10.118-8.86l1.95-14.63c.462.101.938.157 1.426.157 4.707 0 5.377-4.703 5.818-7.816l.123-.82c.315-2.048.64-4.166-.684-5.707zm-18.75 34.76H25.253c-3.683 0-6.795-2.758-7.238-6.414L13.8 25.888c7.265-.445 11.735-3.183 13.285-8.223 2.223 2.132 6.598 4.21 15.208 4.21 7.507 0 12.81 1.558 14.346 4.177-.037.55-.09 1.104-.165 1.662l-4.406 33.042c-.481 3.608-3.587 6.327-7.227 6.327zm.369-58.334c3.801 0 7.035-2.44 8.24-5.833H30.624c-2.412 0-4.375 1.963-4.375 4.375V8.75h-1.458c-6.405 0-11.62 5.187-11.667 11.58l.324 2.678c10.11-.555 11.343-5.845 11.343-9.883h2.917c.001.026.442 5.833 14.583 5.833 4.032 0 10.342.461 14.261 2.997-.265-2.485-.923-4.838-1.99-6.963-.922-1.84-2.076-3.503-3.412-4.97-.475.283-.967.54-1.481.754-1.376.571-2.882.89-4.461.89V8.75zm-33.542 35c-1.687 0-2.345-1.19-2.931-5.31l-.129-.853c-.224-1.46-.436-2.84.015-3.364.219-.255.904-.681 3.045-.681h.13L13 43.483c-.425.16-.866.267-1.333.267zm49.598-5.31l.128-.853v-.005c.224-1.458.434-2.835-.014-3.36-.209-.241-.852-.632-2.742-.673l-1.339 10.04c.334.097.677.161 1.036.161 1.687 0 2.345-1.19 2.93-5.31z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M52.19 34.27c-.722-2.73-2.571-4.513-5.1-4.895-.966-.128-1.997-.201-3.03-.207H25.94v.003c-1.042.005-2.08.079-3.057.207-2.502.38-4.35 2.162-5.073 4.892-.897 3.394.207 7.357 2.568 9.216l.005.005c.967.754 2.127 1.137 3.387 1.137.733 0 1.502-.13 2.285-.394 3.682-1.235 7.047-5.066 8.191-9.355.241-1.022.111-1.972-.357-2.796h2.22c-.308.544-.468 1.145-.47 1.794h-.009v11.331h-3.568v2.917h6.485v-7.862c1.505 1.85 3.395 3.3 5.394 3.971.783.264 1.55.394 2.286.394 1.258 0 2.419-.383 3.386-1.138l.006-.004c2.364-1.86 3.468-5.822 2.57-9.216zm-20.77-.101c-.868 3.249-3.573 6.387-6.291 7.3-1.199.404-2.192.31-2.947-.277-1.454-1.146-2.149-3.917-1.55-6.177.294-1.116 1-2.497 2.66-2.75 3.549-.465 6.96-.004 7.94 1.077.182.201.281.426.188.827zm13.452 7.3c1.2.401 2.192.308 2.947-.277 1.454-1.146 2.148-3.916 1.552-6.179-.295-1.115-1-2.498-2.69-2.753-.906-.12-1.805-.177-2.658-.178h-.102c-2.412.007-4.435.467-5.15 1.258-.183.202-.284.428-.18.87.857 3.208 3.562 6.348 6.28 7.26z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='M32.063 52.5H37.936V55.417H32.063z'/%3E%3C/svg%3E%0A");
}

@media only screen and (min-width: 1025px) {
  #frameadv-ui .card.card__step-2b-quiz-man .card__image {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card.card__step-2b-quiz-man .card__image {
    max-width: 70px;
    max-height: 70px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px) {
  #frameadv-ui .card.card__step-2b-quiz-man .card__image {
    max-width: 40px;
    max-height: 40px;
    background-size: contain;
  }
}

#frameadv-ui .card.card__step-2b-quiz-woman .card__image {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' fill='none' viewBox='0 0 70 70'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M69.573 52.927c-2.875-2.874-3.947-15.204-3.948-22.302C65.625 13.738 51.888 0 35 0 18.113 0 4.375 13.738 4.375 30.625 4.374 37.723 3.302 50.053.427 52.927L0 53.355v.603C0 62.803 7.197 70 16.042 70c4.693 0 8.909-2.039 11.844-5.262 2.052 1.514 4.517 2.345 7.114 2.345 2.597 0 5.062-.83 7.114-2.345C45.049 67.961 49.265 70 53.958 70 62.803 70 70 62.803 70 53.958v-.603l-.427-.428zM21.22 54.158c-2.504-2.504-4.172-5.668-4.825-9.148l-2.986-15.92c8.234-.724 14.204-6.492 16.347-11.867 2.914 3.592 9.95 8.786 26.868 11.683l-3.019 16.102c-.653 3.482-2.321 6.646-4.825 9.15l-7.343 7.343c-1.72 1.72-4.006 2.666-6.437 2.666s-4.718-.947-6.437-2.666l-7.343-7.343zm23.055 8.63c2.402 2.631 5.848 4.295 9.683 4.295 7.057 0 12.83-5.597 13.115-12.585-4.24-5.303-4.365-21.935-4.365-23.873C62.708 15.346 50.28 2.917 35 2.917c-15.279 0-27.708 12.429-27.708 27.708 0 1.938-.126 18.57-4.365 23.873.284 6.988 6.058 12.585 13.115 12.585 3.835 0 7.281-1.664 9.683-4.296l-6.567-6.567c-2.922-2.922-4.87-6.612-5.63-10.673l-3.295-17.57 1.434-1.727c9.152 0 16.041-7.962 16.041-13.125l2.902-.207c.014.063 2.023 9.256 27.95 13.351l1.207 1.71-3.295 17.568c-.762 4.061-2.71 7.752-5.63 10.673l-6.567 6.567z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='M38.55 33.625h-2.917v11.583h-3.57v2.917h6.486v-14.5zM31.905 55.593c.827.827 1.925 1.282 3.095 1.282 1.17 0 2.268-.455 3.094-1.282l1.737-1.738L35 52.439l-4.83 1.414 1.735 1.74z'/%3E%3Cpath fill='%23000' d='M47.366 29.002c-.934 0-1.887.074-2.817.258-2.587.511-5.313 1.873-6.606 3.663-.738-.43-1.572-.673-2.443-.673-.878 0-1.715.233-2.45.663-1.295-1.785-4.017-3.143-6.6-3.652-.929-.184-1.882-.258-2.816-.258-3.976 0-7.611 1.346-7.611 1.346 0 6.933 3.831 11.65 10.148 11.65 6.316 0 8.17-4.19 7.61-7.453-.008-.05-.026-.098-.036-.148.518-.336 1.12-.523 1.755-.523.63 0 1.237.181 1.757.516-.011.052-.03.102-.038.154-.558 3.262 1.294 7.453 7.61 7.453 6.317 0 10.149-4.717 10.149-11.65 0 0-3.635-1.346-7.612-1.346z'/%3E%3C/svg%3E%0A");
}

@media only screen and (min-width: 1025px) {
  #frameadv-ui .card.card__step-2b-quiz-woman .card__image {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card.card__step-2b-quiz-woman .card__image {
    max-width: 70px;
    max-height: 70px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px) {
  #frameadv-ui .card.card__step-2b-quiz-woman .card__image {
    max-width: 40px;
    max-height: 40px;
    background-size: contain;
  }
}

#frameadv-ui .card.card__step-2c-quiz-angular .card__image {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' fill='none' viewBox='0 0 70 70'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M63.59 32.324c-.9-1.051-2.367-1.588-4.567-1.68l.34-2.543c.693-5.195-.065-10.18-2.195-14.417-1.007-2.007-2.263-3.827-3.707-5.446 2.11-2.113 3.414-5.025 3.414-8.238h-26.25c-3.542 0-6.502 2.539-7.157 5.893-7.423.671-13.26 6.929-13.26 14.524l.706 5.833.53 4.38c-2.462.033-4.07.57-5.036 1.692-1.323 1.542-.999 3.66-.684 5.708l.123.82c.443 3.114 1.113 7.817 5.82 7.817.582 0 1.146-.084 1.689-.226l1.763 14.58C15.74 66.14 20.098 70 25.253 70H44.84c5.095 0 9.445-3.81 10.118-8.86l1.95-14.63c.462.101.938.157 1.426.157 4.707 0 5.377-4.703 5.818-7.816l.123-.82c.315-2.048.64-4.166-.684-5.707zm-18.75 34.76H25.253c-3.683 0-6.795-2.758-7.238-6.414L13.8 25.888c7.265-.445 11.735-3.183 13.285-8.223 2.223 2.132 6.598 4.21 15.208 4.21 7.507 0 12.81 1.558 14.346 4.177-.037.55-.09 1.104-.165 1.662l-4.406 33.042c-.481 3.608-3.587 6.327-7.227 6.327zm.369-58.334c3.801 0 7.035-2.44 8.24-5.833H30.624c-2.412 0-4.375 1.963-4.375 4.375V8.75h-1.458c-6.405 0-11.62 5.187-11.667 11.58l.324 2.678c10.11-.555 11.343-5.845 11.343-9.883h2.917c.001.026.442 5.833 14.583 5.833 4.032 0 10.342.461 14.261 2.997-.265-2.485-.923-4.838-1.99-6.963-.922-1.84-2.076-3.503-3.412-4.97-.475.283-.967.54-1.481.754-1.376.571-2.882.89-4.461.89V8.75zm-33.542 35c-1.687 0-2.345-1.19-2.931-5.31l-.129-.853c-.224-1.46-.436-2.84.015-3.364.219-.255.904-.681 3.045-.681h.13L13 43.483c-.425.16-.866.267-1.333.267zm49.598-5.31l.128-.853v-.005c.224-1.458.434-2.835-.014-3.36-.209-.241-.852-.632-2.742-.673l-1.339 10.04c.334.097.677.161 1.036.161 1.687 0 2.345-1.19 2.93-5.31z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='M32.063 52.5H37.936V55.417H32.063zM35.633 45.208h-3.57v2.917h6.487v-14.5h-2.916v11.583z'/%3E%3C/svg%3E%0A");
}

@media only screen and (min-width: 1025px) {
  #frameadv-ui .card.card__step-2c-quiz-angular .card__image {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card.card__step-2c-quiz-angular .card__image {
    max-width: 70px;
    max-height: 70px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px) {
  #frameadv-ui .card.card__step-2c-quiz-angular .card__image {
    max-width: 40px;
    max-height: 40px;
    background-size: contain;
  }
}

#frameadv-ui .card.card__step-2c-quiz-rounded .card__image {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' fill='none' viewBox='0 0 70 70'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M65.05 32.324c-.994-1.16-2.665-1.699-5.258-1.699v-5.833c0-6.351-2.421-12.134-6.361-16.525C55.556 6.153 56.875 3.23 56.875 0h-26.25c-3.544 0-6.498 2.543-7.152 5.9-7.424.67-13.265 6.92-13.265 14.517v10.208c-2.592 0-4.264.54-5.257 1.699-1.323 1.541-.999 3.659-.684 5.706l.123.82c.442 3.114 1.11 7.817 5.818 7.817.013 0 .025-.001.037-.003l.038-.002C11.04 59.655 21.82 70 35 70c13.18 0 23.96-10.345 24.717-23.338h.008l.011.001.019.002.019.001H59.792c4.707 0 5.377-4.702 5.819-7.814l.122-.82c.315-2.05.64-4.167-.684-5.708zM35 67.084c-12.062 0-21.875-9.814-21.875-21.876v-19.29c7.66-.314 12.362-3.061 13.96-8.253 2.092 2.008 6.097 3.968 13.748 4.188.473.013.957.022 1.459.022 5.902 0 10.39.948 12.813 2.613.864.595 1.465 1.282 1.77 2.05v18.67c0 12.062-9.813 21.875-21.875 21.875zM45.208 8.75c3.802 0 7.035-2.44 8.24-5.833H30.625c-2.412 0-4.375 1.963-4.375 4.375V8.75h-1.458c-6.433 0-11.667 5.234-11.667 11.667v2.6c10.398-.461 11.667-5.812 11.667-9.892h2.916c.002.025.448 5.402 13.125 5.795l.39.014c.347.012.693.024 1.069.024 4.149 0 10.508.486 14.392 3.085-.58-4.597-2.591-8.741-5.572-11.996-.317.186-.64.357-.974.513-1.501.703-3.166 1.107-4.93 1.107V8.75zM7.278 38.44l-.13-.853c-.224-1.461-.435-2.84.015-3.366.22-.252.905-.68 3.045-.68V43.75c-1.687 0-2.345-1.19-2.93-5.31zm55.445 0l.128-.853.002-.008c.222-1.459.432-2.832-.016-3.356-.219-.254-.904-.681-3.045-.681V43.75c1.687 0 2.345-1.19 2.931-5.31z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='M32.063 52.5H37.936V55.417H32.063zM35.633 45.208h-3.57v2.917h6.487v-14.5h-2.916v11.583z'/%3E%3C/svg%3E%0A");
}

@media only screen and (min-width: 1025px) {
  #frameadv-ui .card.card__step-2c-quiz-rounded .card__image {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card.card__step-2c-quiz-rounded .card__image {
    max-width: 70px;
    max-height: 70px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px) {
  #frameadv-ui .card.card__step-2c-quiz-rounded .card__image {
    max-width: 40px;
    max-height: 40px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card.card__step-2d-quiz-square-title {
    -webkit-box-flex: 50%;
        -ms-flex: 50%;
            flex: 50%;
  }
}

#frameadv-ui .card.card__step-2d-quiz-square-title .card__image {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' fill='none' viewBox='0 0 70 70'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M65.05 32.324c-.994-1.16-2.665-1.699-5.258-1.699v-5.833c0-6.351-2.421-12.134-6.361-16.525C55.556 6.153 56.875 3.23 56.875 0h-26.25c-3.544 0-6.498 2.543-7.152 5.9-7.424.67-13.265 6.92-13.265 14.517v10.208c-2.592 0-4.264.54-5.257 1.699-1.323 1.541-.999 3.659-.684 5.706l.123.82c.442 3.114 1.11 7.817 5.818 7.817v7.291C10.208 62.803 17.405 70 26.25 70h17.5c8.845 0 16.042-7.197 16.042-16.042v-7.291c4.707 0 5.377-4.703 5.819-7.816l.122-.82c.315-2.048.64-4.166-.684-5.707zm-21.3 34.76h-17.5c-7.236 0-13.125-5.888-13.125-13.126v-28.04c5.371-.22 9.277-1.644 11.677-4.269 1.024-1.12 1.805-2.433 2.282-3.984 2.093 2.008 6.098 3.968 13.75 4.188.472.013.956.022 1.458.022 5.902 0 10.39.948 12.813 2.613.864.595 1.465 1.282 1.77 2.05v27.42c0 7.238-5.889 13.125-13.125 13.125zM45.208 8.75c3.802 0 7.035-2.44 8.24-5.833H30.625c-2.412 0-4.375 1.963-4.375 4.375V8.75h-1.458c-6.433 0-11.667 5.234-11.667 11.667V23.017c3.353-.149 5.76-.802 7.474-1.763 3.602-2.019 4.193-5.364 4.193-8.129h2.916c.002.025.448 5.402 13.125 5.795l.39.014c.347.012.693.024 1.069.024 4.149 0 10.508.486 14.392 3.085-.58-4.597-2.591-8.741-5.572-11.996-.317.186-.64.357-.974.513-1.501.703-3.166 1.107-4.93 1.107V8.75zM7.278 38.44l-.13-.853c-.224-1.461-.435-2.84.015-3.366.22-.252.905-.68 3.045-.68V43.75c-1.687 0-2.345-1.19-2.93-5.31zm55.445 0l.128-.853.002-.008c.222-1.459.432-2.832-.016-3.356-.219-.254-.904-.681-3.045-.681V43.75c1.687 0 2.345-1.19 2.931-5.31z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='M32.063 52.5H37.936V55.417H32.063zM35.633 45.208h-3.57v2.917h6.487v-14.5h-2.916v11.583z'/%3E%3C/svg%3E");
}

@media only screen and (min-width: 1025px) {
  #frameadv-ui .card.card__step-2d-quiz-square-title .card__image {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card.card__step-2d-quiz-square-title .card__image {
    max-width: 70px;
    max-height: 70px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px) {
  #frameadv-ui .card.card__step-2d-quiz-square-title .card__image {
    max-width: 40px;
    max-height: 40px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card.card__step-2d-quiz-triangle-title {
    -webkit-box-flex: 50%;
        -ms-flex: 50%;
            flex: 50%;
  }
}

#frameadv-ui .card.card__step-2d-quiz-triangle-title .card__image {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' fill='none' viewBox='0 0 70 70'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M64.8 33.526c-.74-1.14-2.27-2.464-5.373-2.81l.352-2.828.012-3.096c0-6.134-2.252-11.744-5.956-16.077 1.874-1.852 3.04-4.42 3.04-7.257V0h-26.25c-3.544 0-6.499 2.543-7.152 5.9-7.424.67-13.265 6.92-13.265 14.517v7.291l.369 2.97c-3.45.25-5.116 1.647-5.898 2.85-1.026 1.578-1.092 3.66-.18 5.711l.342.78.004.008c1.363 3.113 2.906 6.64 6.821 6.64.321 0 .635-.031.945-.076.716 3.697 2.42 7.095 4.983 9.893l8.998 9.816C28.748 68.653 31.812 70 35 70c3.188 0 6.252-1.347 8.408-3.698l8.998-9.816c2.553-2.786 4.254-6.166 4.974-9.844l.103.008c.11.008.22.017.333.017 3.917 0 5.46-3.531 6.822-6.647l.002-.003.342-.78c.912-2.051.846-4.132-.18-5.711zM50.255 54.514l-8.998 9.816c-1.604 1.75-3.884 2.753-6.257 2.753-2.372 0-4.652-1.003-6.256-2.751l-8.998-9.817c-2.467-2.692-4.012-6.031-4.465-9.654l-2.155-17.243V26.25c9.947 0 13.187-5.241 14.177-9.507 2.625 2.332 7.867 5.132 17.906 5.132 10.25 0 11.64 3.063 11.664 5.762L54.719 44.86c-.453 3.624-1.996 6.962-4.465 9.654zm3.405-51.068c.057-.174.114-.348.152-.53H30.625c-2.413 0-4.375 1.964-4.375 4.376V8.75H24.79c-6.433 0-11.667 5.234-11.667 11.667v2.916c9.643 0 11.667-5.551 11.667-10.208l2.813-.543c.02.046 2.945 6.376 17.604 6.376 2.357 0 7.847.016 11.378 2.458-.648-4.155-2.459-7.924-5.104-10.961-1.435.771-3.075 1.212-4.816 1.212V8.75c2.44 0 4.585-1.22 5.91-3.067.443-.618.788-1.304 1.022-2.046l.061-.19zM7.514 38.85l-.348-.795c-.296-.665-.694-1.933-.041-2.939.586-.901 1.928-1.44 3.81-1.55l1.26 10.122-.135.021c-.13.021-.26.042-.394.042-1.912 0-2.823-1.862-4.152-4.901zm54.452 0l.35-.795c.296-.665.694-1.933.04-2.939-.53-.815-1.684-1.33-3.291-1.503l-1.267 10.136.013.002h.004c1.912 0 2.824-1.862 4.15-4.901z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='M32.063 52.5H37.936V55.417H32.063zM35.633 45.208h-3.57v2.917h6.486v-14.5h-2.916v11.583z'/%3E%3C/svg%3E");
}

@media only screen and (min-width: 1025px) {
  #frameadv-ui .card.card__step-2d-quiz-triangle-title .card__image {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card.card__step-2d-quiz-triangle-title .card__image {
    max-width: 70px;
    max-height: 70px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px) {
  #frameadv-ui .card.card__step-2d-quiz-triangle-title .card__image {
    max-width: 40px;
    max-height: 40px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card.card__step-2d-quiz-rectangle-title {
    -webkit-box-flex: 50%;
        -ms-flex: 50%;
            flex: 50%;
  }
}

#frameadv-ui .card.card__step-2d-quiz-rectangle-title .card__image {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' fill='none' viewBox='0 0 70 70'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M63.59 32.324c-.9-1.051-2.367-1.588-4.567-1.68l.34-2.543c.693-5.195-.065-10.18-2.195-14.417-1.007-2.007-2.263-3.827-3.707-5.446 2.11-2.113 3.414-5.025 3.414-8.238h-26.25c-3.542 0-6.502 2.539-7.157 5.893-7.423.671-13.26 6.929-13.26 14.524l.706 5.833.53 4.38c-2.462.033-4.07.57-5.036 1.692-1.323 1.542-.999 3.66-.684 5.708l.123.82c.443 3.114 1.113 7.817 5.82 7.817.582 0 1.146-.084 1.689-.226l1.763 14.58C15.74 66.14 20.098 70 25.253 70H44.84c5.095 0 9.445-3.81 10.118-8.86l1.95-14.63c.462.101.938.157 1.426.157 4.707 0 5.377-4.703 5.818-7.816l.123-.82c.315-2.048.64-4.166-.684-5.707zm-18.75 34.76H25.253c-3.683 0-6.795-2.758-7.238-6.414L13.8 25.888c7.265-.445 11.735-3.183 13.285-8.223 2.223 2.132 6.598 4.21 15.208 4.21 7.507 0 12.81 1.558 14.346 4.177-.037.55-.09 1.104-.165 1.662l-4.406 33.042c-.481 3.608-3.587 6.327-7.227 6.327zm.369-58.334c3.801 0 7.035-2.44 8.24-5.833H30.624c-2.412 0-4.375 1.963-4.375 4.375V8.75h-1.458c-6.405 0-11.62 5.187-11.667 11.58l.324 2.678c10.11-.555 11.343-5.845 11.343-9.883h2.917c.001.026.442 5.833 14.583 5.833 4.032 0 10.342.461 14.261 2.997-.265-2.485-.923-4.838-1.99-6.963-.922-1.84-2.076-3.503-3.412-4.97-.475.283-.967.54-1.481.754-1.376.571-2.882.89-4.461.89V8.75zm-33.542 35c-1.687 0-2.345-1.19-2.931-5.31l-.129-.853c-.224-1.46-.436-2.84.015-3.364.219-.255.904-.681 3.045-.681h.13L13 43.483c-.425.16-.866.267-1.333.267zm49.598-5.31l.128-.853v-.005c.224-1.458.434-2.835-.014-3.36-.209-.241-.852-.632-2.742-.673l-1.339 10.04c.334.097.677.161 1.036.161 1.687 0 2.345-1.19 2.93-5.31z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='M32.063 52.5H37.936V55.417H32.063zM35.633 45.208h-3.57v2.917h6.487v-14.5h-2.916v11.583z'/%3E%3C/svg%3E");
}

@media only screen and (min-width: 1025px) {
  #frameadv-ui .card.card__step-2d-quiz-rectangle-title .card__image {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card.card__step-2d-quiz-rectangle-title .card__image {
    max-width: 70px;
    max-height: 70px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px) {
  #frameadv-ui .card.card__step-2d-quiz-rectangle-title .card__image {
    max-width: 40px;
    max-height: 40px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card.card__step-2d-quiz-round-title {
    -webkit-box-flex: 50%;
        -ms-flex: 50%;
            flex: 50%;
  }
}

#frameadv-ui .card.card__step-2d-quiz-round-title .card__image {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' fill='none' viewBox='0 0 70 70'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M65.05 32.324c-.994-1.16-2.665-1.699-5.258-1.699v-5.833c0-6.351-2.421-12.134-6.361-16.525C55.556 6.153 56.875 3.23 56.875 0h-26.25c-3.544 0-6.498 2.543-7.152 5.9-7.424.67-13.265 6.92-13.265 14.517v10.208c-2.592 0-4.264.54-5.257 1.699-1.323 1.541-.999 3.659-.684 5.706l.123.82c.442 3.114 1.11 7.817 5.818 7.817.013 0 .025-.001.037-.003l.038-.002C11.04 59.655 21.82 70 35 70c13.18 0 23.96-10.345 24.717-23.338h.008l.011.001.019.002.019.001H59.792c4.707 0 5.377-4.702 5.819-7.814l.122-.82c.315-2.05.64-4.167-.684-5.708zM35 67.084c-12.062 0-21.875-9.814-21.875-21.876v-19.29c7.66-.314 12.362-3.061 13.96-8.253 2.092 2.008 6.097 3.968 13.748 4.188.473.013.957.022 1.459.022 5.902 0 10.39.948 12.813 2.613.864.595 1.465 1.282 1.77 2.05v18.67c0 12.062-9.813 21.875-21.875 21.875zM45.208 8.75c3.802 0 7.035-2.44 8.24-5.833H30.625c-2.412 0-4.375 1.963-4.375 4.375V8.75h-1.458c-6.433 0-11.667 5.234-11.667 11.667v2.6c10.398-.461 11.667-5.812 11.667-9.892h2.916c.002.025.448 5.402 13.125 5.795l.39.014c.347.012.693.024 1.069.024 4.149 0 10.508.486 14.392 3.085-.58-4.597-2.591-8.741-5.572-11.996-.317.186-.64.357-.974.513-1.501.703-3.166 1.107-4.93 1.107V8.75zM7.278 38.44l-.13-.853c-.224-1.461-.435-2.84.015-3.366.22-.252.905-.68 3.045-.68V43.75c-1.687 0-2.345-1.19-2.93-5.31zm55.445 0l.128-.853.002-.008c.222-1.459.432-2.832-.016-3.356-.219-.254-.904-.681-3.045-.681V43.75c1.687 0 2.345-1.19 2.931-5.31z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='M32.063 52.5H37.936V55.417H32.063zM35.633 45.208h-3.57v2.917h6.487v-14.5h-2.916v11.583z'/%3E%3C/svg%3E%0A");
}

@media only screen and (min-width: 1025px) {
  #frameadv-ui .card.card__step-2d-quiz-round-title .card__image {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card.card__step-2d-quiz-round-title .card__image {
    max-width: 70px;
    max-height: 70px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px) {
  #frameadv-ui .card.card__step-2d-quiz-round-title .card__image {
    max-width: 40px;
    max-height: 40px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card.card__step-2d-quiz-oval-title {
    -webkit-box-flex: 50%;
        -ms-flex: 50%;
            flex: 50%;
  }
}

#frameadv-ui .card.card__step-2d-quiz-oval-title .card__image {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' fill='none' viewBox='0 0 70 70'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M64.801 33.526c-.751-1.155-2.303-2.503-5.488-2.828l.088-.524c.188-1.124.284-2.267.337-3.41l.008-.002c0-.004 0-.008-.002-.012l-.001-.007-.004-.016.02-.388c.016-.296.033-.593.033-.888 0-6.372-2.284-12.184-6.045-16.654 1.925-1.858 3.128-4.458 3.128-7.339V0h-26.25c-3.544 0-6.498 2.543-7.152 5.9-7.424.67-13.265 6.92-13.265 14.517v5.034c0 1.58.132 3.169.391 4.725l.083.497c-3.519.23-5.213 1.64-6 2.854-1.027 1.58-1.093 3.66-.18 5.712l.341.78.002.004c1.362 3.114 2.905 6.644 6.822 6.644.567 0 1.115-.08 1.645-.215l.528 3.17c.529 3.18 1.53 6.254 2.97 9.137C20.278 65.692 27.248 70 35 70c7.752 0 14.722-4.308 18.188-11.24 1.441-2.884 2.442-5.957 2.971-9.137l.51-3.066c.375.066.756.11 1.147.11 3.917 0 5.46-3.531 6.822-6.647l.001-.003.343-.78c.911-2.051.846-4.132-.18-5.711zM35 67.083c-6.641 0-12.61-3.69-15.58-9.629-1.31-2.622-2.22-5.42-2.703-8.311l-3.24-19.448c-.19-1.137-.282-2.291-.318-3.447 9.92-.011 13.157-5.245 14.145-9.505 2.624 2.332 7.865 5.132 17.904 5.132 9.68 0 11.319 2.787 11.609 4.985-.053.95-.137 1.9-.293 2.835l-3.242 19.448c-.483 2.892-1.392 5.689-2.704 8.311-2.968 5.94-8.937 9.63-15.578 9.63zm17.576-61.4c.443-.618.789-1.304 1.022-2.046l.056-.172c.06-.18.12-.36.157-.548H30.625c-2.412 0-4.375 1.963-4.375 4.375V8.75h-1.458c-6.433 0-11.667 5.234-11.667 11.667v2.916c9.642 0 11.667-5.551 11.667-10.208l2.813-.543c.019.046 2.944 6.376 17.603 6.376 2.296 0 7.748.01 11.298 2.407-.73-4.123-2.545-7.846-5.13-10.86-1.41.739-3.01 1.162-4.71 1.162V8.75c2.44 0 4.586-1.22 5.91-3.067zM11.666 43.75c-1.911 0-2.823-1.862-4.151-4.901l-.349-.795c-.296-.665-.694-1.933-.04-2.939.609-.936 2.037-1.479 4.036-1.557l1.664 9.986c-.37.121-.755.206-1.16.206zm50.3-4.901l.35-.795c.296-.665.694-1.933.04-2.94-.556-.855-1.794-1.381-3.524-1.527l-1.68 10.084c.217.04.436.079.664.079 1.911 0 2.823-1.862 4.15-4.901z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='M32.063 52.5H37.936V55.417H32.063zM35.633 45.208h-3.57v2.917h6.486v-14.5h-2.916v11.583z'/%3E%3C/svg%3E");
}

@media only screen and (min-width: 1025px) {
  #frameadv-ui .card.card__step-2d-quiz-oval-title .card__image {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card.card__step-2d-quiz-oval-title .card__image {
    max-width: 70px;
    max-height: 70px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px) {
  #frameadv-ui .card.card__step-2d-quiz-oval-title .card__image {
    max-width: 40px;
    max-height: 40px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card.card__step-2-quiz-sun {
    -webkit-box-flex: 50%;
        -ms-flex: 50%;
            flex: 50%;
  }
}

#frameadv-ui .card.card__step-2-quiz-sun .card__image {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' fill='none' viewBox='0 0 70 70'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M60.065 20.837c4.6.694 7.988 4.007 9.323 9.092 1.718 6.557-.349 14.126-4.81 17.608-1.734 1.352-3.83 2.039-6.12 2.039-1.364 0-2.796-.245-4.263-.736-6.712-2.252-13.11-9.265-15.664-16.994-2.036-1.54-5.032-1.539-7.066.001-2.572 7.75-8.96 14.744-15.66 16.993-1.468.492-2.9.736-4.265.736-2.29 0-4.385-.685-6.12-2.039C.962 44.057-1.106 36.486.614 29.931c1.334-5.085 4.722-8.399 9.295-9.09 1.916-.254 4.015-.405 6.134-.414v-.01h37.916v.01c2.11.009 4.202.157 6.107.41zM30.48 24.535c.964 1.065 1.495 2.317 1.597 3.69.931-.332 1.916-.517 2.922-.517 1.006 0 1.994.186 2.926.518.102-1.38.633-2.63 1.592-3.691.403-.445.882-.837 1.403-1.2H29.078c.522.363 1 .755 1.403 1.2z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

@media only screen and (min-width: 1025px) {
  #frameadv-ui .card.card__step-2-quiz-sun .card__image {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card.card__step-2-quiz-sun .card__image {
    max-width: 70px;
    max-height: 70px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px) {
  #frameadv-ui .card.card__step-2-quiz-sun .card__image {
    max-width: 40px;
    max-height: 40px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card.card__step-2-quiz-eye {
    -webkit-box-flex: 50%;
        -ms-flex: 50%;
            flex: 50%;
  }
}

#frameadv-ui .card.card__step-2-quiz-eye .card__image {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' fill='none' viewBox='0 0 70 70'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M60.065 20.837c4.6.694 7.988 4.007 9.323 9.092 1.718 6.557-.349 14.126-4.81 17.608-1.734 1.352-3.83 2.039-6.12 2.039-1.364 0-2.796-.245-4.263-.736-6.712-2.252-13.11-9.265-15.664-16.994-2.036-1.54-5.032-1.539-7.066.001-2.572 7.75-8.96 14.744-15.66 16.993-1.468.492-2.9.736-4.265.736-2.29 0-4.385-.685-6.12-2.039C.962 44.057-1.106 36.486.614 29.931c1.334-5.085 4.722-8.399 9.295-9.09 1.916-.254 4.015-.404 6.134-.414v-.01h37.916v.01c2.11.009 4.202.159 6.107.41zM14.878 46.076c6.252-2.099 12.22-8.986 14.194-16.374.299-1.275.063-2.309-.752-3.211-1.787-1.976-6.228-3.108-11.67-3.158h-.607v-.003c-1.824.01-3.75.139-5.724.399-4.583.692-6.28 4.646-6.883 6.941-1.418 5.408.244 11.805 3.781 14.569 2.528 1.967 5.56 1.541 7.661.837zm17.2-17.851c-.102-1.373-.633-2.625-1.597-3.69-.403-.445-.881-.837-1.403-1.2h11.841c-.52.363-1 .755-1.4 1.2-.96 1.062-1.491 2.311-1.593 3.691-.932-.332-1.92-.518-2.926-.518-1.006 0-1.99.186-2.922.517zm23.046 17.851c2.1.706 5.133 1.132 7.66-.837 3.538-2.764 5.2-9.163 3.782-14.569-.603-2.295-2.3-6.249-6.91-6.946-1.963-.26-3.879-.382-5.697-.392v.001h-.598c-5.44.048-9.89 1.18-11.679 3.158-.816.902-1.053 1.936-.744 3.253 1.963 7.347 7.934 14.233 14.186 16.332z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

@media only screen and (min-width: 1025px) {
  #frameadv-ui .card.card__step-2-quiz-eye .card__image {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .card.card__step-2-quiz-eye .card__image {
    max-width: 70px;
    max-height: 70px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px) {
  #frameadv-ui .card.card__step-2-quiz-eye .card__image {
    max-width: 40px;
    max-height: 40px;
    background-size: contain;
  }
}

#frameadv-ui .take__picture .take__picture_description {
  font-family: "DM Sans", sans-serif ;
  font-weight: normal ;
  font-stretch: normal;
  font-style: normal;
}

#frameadv-ui .take__picture .take__picture_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100px;
  font-family: "DM Sans", sans-serif ;
  font-weight: 600 ;
  font-stretch: normal;
  font-style: normal;
  /*border-style: solid*/;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  border-color: #ffffff;
  height: 32px;
  padding: 3px 16px 4px 16px;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  color: #ffffff;
  background-color: transparent;
  text-transform: uppercase;
  margin-bottom: 5%;
}

#frameadv-ui .take__picture .take__picture_link:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 8px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#frameadv-ui .take__picture .take__picture_link:hover:before {
  border-width: 3px;
}

#frameadv-ui .take__picture .take__picture_link:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

#frameadv-ui .take__picture .take__picture_link:hover {
  background-color: invert(100%);
  color: invert(100%);
}

#frameadv-ui .plp__faceFilter--age .plp__faceFilter_image {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='46' fill='none' viewBox='0 0 45 46'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M41.787 37.68h1.22c1.155 0 2.054.962 1.99 1.989v1.091c0 1.156-.899 2.054-2.054 2.054h-.064l-.9 2.504c-.192.449-.705.642-1.54.642H4.557c-.898 0-1.412-.193-1.54-.642l-.899-2.504h-.064C.9 42.814 0 41.916 0 40.76V39.67c0-1.155.899-2.054 2.054-2.054h1.22V14.571c0-.385.256-.642.642-.642h10.27V8.216c-1.54-.257-2.76-1.604-2.76-3.21 0-1.587 2.324-4.242 2.809-4.796l.015-.017c.257-.257.706-.257.963 0 .513.513 2.824 3.209 2.824 4.814 0 1.54-1.091 2.824-2.503 3.145v5.777h6.74V8.216c-1.54-.257-2.76-1.604-2.76-3.21 0-1.587 2.324-4.242 2.809-4.796l.015-.017c.257-.257.706-.257.963 0 .513.513 2.824 3.209 2.824 4.814 0 1.54-1.091 2.824-2.503 3.145v5.777h6.804V8.216c-1.54-.257-2.76-1.604-2.76-3.21 0-1.587 2.324-4.242 2.809-4.796l.015-.017c.128-.129.385-.129.514-.129.128 0 .32.064.449.193.513.513 2.824 3.21 2.824 4.814 0 1.54-1.091 2.824-2.503 3.145v5.777h9.371c.386 0 .642.257.642.642V37.68zM30.94 1.604c-.963 1.155-1.99 2.696-1.99 3.402 0 1.091.9 1.99 1.99 1.99 1.092 0 1.99-.899 1.99-1.99 0-.706-1.027-2.247-1.99-3.402zM20.862 5.007c0-.706 1.027-2.247 1.99-3.402.962 1.155 1.99 2.696 1.99 3.402 0 1.091-.9 1.99-1.99 1.99-1.092 0-1.99-.899-1.99-1.99zm-6.098-3.402c-.963 1.155-1.99 2.696-1.99 3.402 0 1.091.898 1.99 1.99 1.99 1.09 0 1.99-.899 1.99-1.99 0-.706-1.028-2.247-1.99-3.402zM11.426 22.85c.77 1.284 2.118 2.119 3.723 2.119 1.604 0 2.952-.835 3.723-2.119.77 1.284 2.118 2.119 3.723 2.119 1.604 0 2.952-.835 3.723-2.119.77 1.284 2.118 2.119 3.723 2.119 1.604 0 2.952-.835 3.723-2.119.77 1.284 2.118 2.119 3.723 2.119 1.22 0 2.31-.514 3.08-1.284V27.6H4.623v-3.915c.77.77 1.861 1.284 3.08 1.284 1.605 0 2.953-.835 3.724-2.119zm29.078 6.034H4.622v3.787h35.882v-3.787zm0-13.608v5.328c0 1.669-1.348 3.08-3.082 3.08-1.733 0-3.08-1.347-3.08-3.08 0-.385-.257-.642-.643-.642-.385 0-.642.257-.642.642 0 1.669-1.347 3.08-3.08 3.08-1.734 0-3.082-1.347-3.082-3.08 0-.385-.256-.642-.642-.642-.385 0-.641.257-.641.642 0 1.669-1.348 3.08-3.081 3.08-1.734 0-3.082-1.347-3.082-3.08 0-.385-.256-.642-.642-.642-.385 0-.641.257-.641.642 0 1.669-1.348 3.08-3.082 3.08-1.733 0-3.08-1.347-3.08-3.08 0-.385-.257-.642-.643-.642-.385 0-.641.257-.641.642 0 1.669-1.348 3.08-3.081 3.08-1.734 0-3.082-1.347-3.082-3.08v-5.328h35.947zm0 18.68H4.622v3.786h35.882v-3.787zm.385 10.783H4.237l-.642-1.861h38l-.706 1.861zm2.118-3.145c.45 0 .77-.321.77-.77v-1.092c0-.45-.32-.77-.77-.77H2.118c-.45 0-.77.32-.77.77v1.092c0 .449.32.77.77.77h40.889z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");
}

@media only screen and (min-width: 1025px) {
  #frameadv-ui .plp__faceFilter--age .plp__faceFilter_image {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .plp__faceFilter--age .plp__faceFilter_image {
    max-width: 70px;
    max-height: 70px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px) {
  #frameadv-ui .plp__faceFilter--age .plp__faceFilter_image {
    max-width: 40px;
    max-height: 40px;
    background-size: contain;
  }
}

#frameadv-ui .plp__faceFilter--face_shape .plp__faceFilter_image {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M44.605 22.165C43.925 21.37 42.778 21 41 21v-4c0-4.355-1.66-8.32-4.362-11.331C38.096 4.219 39 2.214 39 0H21c-2.43 0-4.456 1.744-4.904 4.046C11.006 4.505 7 8.791 7 14v7c-1.778 0-2.924.37-3.605 1.165-.907 1.057-.685 2.509-.469 3.913l.084.562C3.313 28.775 3.772 32 7 32v5c0 6.065 4.935 11 11 11h12c6.065 0 11-4.935 11-11v-5c3.228 0 3.687-3.225 3.99-5.359l.084-.562c.216-1.405.44-2.857-.469-3.914zM30 46H18c-4.962 0-9-4.037-9-9V17.772c3.683-.151 6.361-1.127 8.007-2.927.702-.768 1.238-1.668 1.565-2.732 1.435 1.377 4.181 2.721 9.428 2.872.324.009.656.015 1 .015 4.047 0 7.125.65 8.786 1.792.593.408 1.005.879 1.214 1.406V37c0 4.963-4.038 9-9 9zm1-40c2.607 0 4.824-1.673 5.65-4H21c-1.654 0-3 1.346-3 3v1h-1c-4.41 0-8 3.589-8 8v1.783c2.3-.102 3.95-.55 5.125-1.209C16.595 13.19 17 10.896 17 9h2c.001.017.307 3.704 9 3.974l.268.01c.237.008.475.016.732.016 2.845 0 7.206.333 9.87 2.115-.399-3.152-1.778-5.994-3.822-8.226-.217.128-.439.245-.668.352C33.351 7.723 32.21 8 31 8V6zM4.99 26.359l-.088-.585c-.154-1.002-.299-1.947.01-2.308.15-.173.62-.466 2.088-.466v7c-1.157 0-1.608-.816-2.01-3.641zm38.02 0l.088-.585.001-.006c.153-1 .297-1.942-.01-2.301-.15-.174-.62-.467-2.089-.467v7c1.157 0 1.608-.816 2.01-3.641z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='M21.986 36H26.013V38H21.986zM24.434 31h-2.448v2h4.448v-9.943h-2V31z'/%3E%3C/svg%3E");
}

@media only screen and (min-width: 1025px) {
  #frameadv-ui .plp__faceFilter--face_shape .plp__faceFilter_image {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .plp__faceFilter--face_shape .plp__faceFilter_image {
    max-width: 70px;
    max-height: 70px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px) {
  #frameadv-ui .plp__faceFilter--face_shape .plp__faceFilter_image {
    max-width: 40px;
    max-height: 40px;
    background-size: contain;
  }
}

#frameadv-ui .plp__faceFilter--face_length .plp__faceFilter_image {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3E%3Cpath fill='%23000' d='M36.707 34.707l-1.414-1.414L25 43.586V30h-2v13.586L12.707 33.293l-1.414 1.414L24 47.414l12.707-12.707zM35.293 14.707l1.414-1.414L24 .586 11.293 13.293l1.414 1.414L23 4.414V18h2V4.414l10.293 10.293z'/%3E%3Ccircle cx='24' cy='24' r='2' fill='%23000' transform='rotate(90 24 24)'/%3E%3C/svg%3E");
}

@media only screen and (min-width: 1025px) {
  #frameadv-ui .plp__faceFilter--face_length .plp__faceFilter_image {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .plp__faceFilter--face_length .plp__faceFilter_image {
    max-width: 70px;
    max-height: 70px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px) {
  #frameadv-ui .plp__faceFilter--face_length .plp__faceFilter_image {
    max-width: 40px;
    max-height: 40px;
    background-size: contain;
  }
}

#frameadv-ui .plp__faceFilter--hair_color .plp__faceFilter_image {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='32' fill='none' viewBox='0 0 34 32'%3E%3Cpath stroke='%23000' stroke-width='2' d='M32.8 15.997c-3 4-6 8-6 16.002M30.792-.001c0 16-11.994 16-11.994 32M22.792-.001c0 16-11.994 16-11.994 32M14.792-.001c0 16-11.994 16-11.994 32M6.792-.001c0 7.996-2.996 11.996-5.992 15.994'/%3E%3C/svg%3E");
}

@media only screen and (min-width: 1025px) {
  #frameadv-ui .plp__faceFilter--hair_color .plp__faceFilter_image {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .plp__faceFilter--hair_color .plp__faceFilter_image {
    max-width: 70px;
    max-height: 70px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px) {
  #frameadv-ui .plp__faceFilter--hair_color .plp__faceFilter_image {
    max-width: 40px;
    max-height: 40px;
    background-size: contain;
  }
}

#frameadv-ui .plp__faceFilter--eye_color .plp__faceFilter_image {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M14 24c0-5.514 4.486-10 10-10s10 4.486 10 10-4.486 10-10 10-10-4.486-10-10zm2 0c0 4.411 3.589 8 8 8s8-3.589 8-8-3.589-8-8-8-8 3.589-8 8z' clip-rule='evenodd'/%3E%3Ccircle cx='24' cy='24' r='2' fill='%23000'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M24 8c10.272 0 19.202 6.101 23.781 15.083.292.572.292 1.262 0 1.834C43.202 33.899 34.272 40 24 40 13.728 40 4.798 33.899.219 24.918c-.292-.572-.292-1.263 0-1.835C4.798 14.101 13.728 8 24 8zM2.001 23.991C6.4 32.639 14.83 38 24 38c9.17 0 17.6-5.361 21.999-13.991C41.6 15.361 33.17 10 24 10c-9.17 0-17.6 5.361-21.999 13.991z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

@media only screen and (min-width: 1025px) {
  #frameadv-ui .plp__faceFilter--eye_color .plp__faceFilter_image {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .plp__faceFilter--eye_color .plp__faceFilter_image {
    max-width: 70px;
    max-height: 70px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px) {
  #frameadv-ui .plp__faceFilter--eye_color .plp__faceFilter_image {
    max-width: 40px;
    max-height: 40px;
    background-size: contain;
  }
}

#frameadv-ui span.toggle__item {
  font-family: "DM Sans", sans-serif ;
  font-weight: normal ;
  font-stretch: normal;
  font-style: normal;
  color: #575D9B;
  font-size: 14px;
  text-transform: uppercase;
  background-color: transparent;
  text-align: center;
  min-width: 7.5rem;
  line-height: 1.71;
  letter-spacing: 0.5px;
  padding: .22rem 0;
}

#frameadv-ui span.toggle__item.toggle__item-selected {
  background-color: #575D9B;
  border-color: #575D9B;
  color: #fff;
  font-weight: 600;
}

#frameadv-ui a.toggle {
  background-color: #fff;
  border: 1px solid #575D9B;
  margin: 0 1rem;
}

#frameadv-ui .navigation {
  font-family: "DM Sans", sans-serif ;
  font-weight: bold ;
  font-stretch: normal;
  font-style: normal;
}

@media only screen and (min-width: 1025px) {
  #frameadv-ui .navigation {
    margin: 7rem 3rem 0;
  }
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .navigation {
    position: relative;
  }
}

#frameadv-ui .navigation__back {
  font-family: "DM Sans", sans-serif ;
  font-weight: bold ;
  font-stretch: normal;
  font-style: normal;
  text-transform: lowercase;
}

#frameadv-ui .navigation__back__icon {
  margin-top: .5rem;
}

#frameadv-ui .navigation .stepper__externalLine {
  background-color: #575D9B;
}

#frameadv-ui .navigation .stepper__text {
  font-family: "DM Sans", sans-serif ;
  font-weight: bold ;
  font-stretch: normal;
  font-style: normal;
}

#frameadv-ui .skip-link {
  visibility: hidden;
}

#frameadv-ui #global.tooltip {
  background-color: #ffffff;
  font-family: "DM Sans", sans-serif ;
  font-weight: normal ;
  font-stretch: normal;
  font-style: normal;
  color: #222;
  -webkit-box-shadow: 0 11.8px 23.6px 0 rgba(96, 97, 112, 0.16), 0 0 5.9px 0 rgba(40, 41, 61, 0.04);
          box-shadow: 0 11.8px 23.6px 0 rgba(96, 97, 112, 0.16), 0 0 5.9px 0 rgba(40, 41, 61, 0.04);
  letter-spacing: 0.06rem;
}

.face-filters__modal__confirm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  font-family: "DM Sans", sans-serif ;
  font-weight: 100 ;
  font-stretch: normal;
  font-style: normal;
  border-style: unset;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  position: relative;
  background-color: #575D9B;
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 0px 0px 2px #575d9b;
  box-shadow: 0px 0px 0px 2px #575d9b;
}

.face-filters__modal__confirm:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.face-filters__modal__confirm:hover:before {
  border-width: 3px;
}

.face-filters__modal__confirm:hover {
  background-color: rgba(36, 76, 90, 0.2);
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .face-filters__modal__confirm {
    font-size: 14px;
  }
}

.face-filters__modal__confirm:before {
  border-color: #575D9B;
}

.face-filters__modal__confirm:hover {
  background-color: #323666;
  -webkit-box-shadow: 0px 0px 0px 2px #323666 important;
  box-shadow: 0px 0px 0px 2px #323666 !important;
}

.face-filters__modal__confirm:hover:before {
  border-color: #323666;
}

.face-filters__modal__cancel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  font-family: "DM Sans", sans-serif ;
  font-weight: 100 ;
  font-stretch: normal;
  font-style: normal;
  border-style: unset;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  position: relative;
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #575D9B;
  background-color: transparent;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 0px 0px 2px #575d9b;
  box-shadow: 0px 0px 0px 2px #575d9b;
}

.face-filters__modal__cancel:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.face-filters__modal__cancel:hover:before {
  border-width: 3px;
}

.face-filters__modal__cancel:hover {
  background-color: trasparent;
  -webkit-box-shadow: 0px 0px 0px 3px #575d9b!important;
  box-shadow: 0px 0px 0px 3px #575d9b !important;
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .face-filters__modal__cancel {
    font-size: 14px;
  }
}

.face-filters__modal__cancel:hover {
  background-color: invert(100%);
  color: invert(100%);
}

.face-filters__modal__image--age {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='46' fill='none' viewBox='0 0 45 46'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M41.787 37.68h1.22c1.155 0 2.054.962 1.99 1.989v1.091c0 1.156-.899 2.054-2.054 2.054h-.064l-.9 2.504c-.192.449-.705.642-1.54.642H4.557c-.898 0-1.412-.193-1.54-.642l-.899-2.504h-.064C.9 42.814 0 41.916 0 40.76V39.67c0-1.155.899-2.054 2.054-2.054h1.22V14.571c0-.385.256-.642.642-.642h10.27V8.216c-1.54-.257-2.76-1.604-2.76-3.21 0-1.587 2.324-4.242 2.809-4.796l.015-.017c.257-.257.706-.257.963 0 .513.513 2.824 3.209 2.824 4.814 0 1.54-1.091 2.824-2.503 3.145v5.777h6.74V8.216c-1.54-.257-2.76-1.604-2.76-3.21 0-1.587 2.324-4.242 2.809-4.796l.015-.017c.257-.257.706-.257.963 0 .513.513 2.824 3.209 2.824 4.814 0 1.54-1.091 2.824-2.503 3.145v5.777h6.804V8.216c-1.54-.257-2.76-1.604-2.76-3.21 0-1.587 2.324-4.242 2.809-4.796l.015-.017c.128-.129.385-.129.514-.129.128 0 .32.064.449.193.513.513 2.824 3.21 2.824 4.814 0 1.54-1.091 2.824-2.503 3.145v5.777h9.371c.386 0 .642.257.642.642V37.68zM30.94 1.604c-.963 1.155-1.99 2.696-1.99 3.402 0 1.091.9 1.99 1.99 1.99 1.092 0 1.99-.899 1.99-1.99 0-.706-1.027-2.247-1.99-3.402zM20.862 5.007c0-.706 1.027-2.247 1.99-3.402.962 1.155 1.99 2.696 1.99 3.402 0 1.091-.9 1.99-1.99 1.99-1.092 0-1.99-.899-1.99-1.99zm-6.098-3.402c-.963 1.155-1.99 2.696-1.99 3.402 0 1.091.898 1.99 1.99 1.99 1.09 0 1.99-.899 1.99-1.99 0-.706-1.028-2.247-1.99-3.402zM11.426 22.85c.77 1.284 2.118 2.119 3.723 2.119 1.604 0 2.952-.835 3.723-2.119.77 1.284 2.118 2.119 3.723 2.119 1.604 0 2.952-.835 3.723-2.119.77 1.284 2.118 2.119 3.723 2.119 1.604 0 2.952-.835 3.723-2.119.77 1.284 2.118 2.119 3.723 2.119 1.22 0 2.31-.514 3.08-1.284V27.6H4.623v-3.915c.77.77 1.861 1.284 3.08 1.284 1.605 0 2.953-.835 3.724-2.119zm29.078 6.034H4.622v3.787h35.882v-3.787zm0-13.608v5.328c0 1.669-1.348 3.08-3.082 3.08-1.733 0-3.08-1.347-3.08-3.08 0-.385-.257-.642-.643-.642-.385 0-.642.257-.642.642 0 1.669-1.347 3.08-3.08 3.08-1.734 0-3.082-1.347-3.082-3.08 0-.385-.256-.642-.642-.642-.385 0-.641.257-.641.642 0 1.669-1.348 3.08-3.081 3.08-1.734 0-3.082-1.347-3.082-3.08 0-.385-.256-.642-.642-.642-.385 0-.641.257-.641.642 0 1.669-1.348 3.08-3.082 3.08-1.733 0-3.08-1.347-3.08-3.08 0-.385-.257-.642-.643-.642-.385 0-.641.257-.641.642 0 1.669-1.348 3.08-3.081 3.08-1.734 0-3.082-1.347-3.082-3.08v-5.328h35.947zm0 18.68H4.622v3.786h35.882v-3.787zm.385 10.783H4.237l-.642-1.861h38l-.706 1.861zm2.118-3.145c.45 0 .77-.321.77-.77v-1.092c0-.45-.32-.77-.77-.77H2.118c-.45 0-.77.32-.77.77v1.092c0 .449.32.77.77.77h40.889z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");
}

@media only screen and (min-width: 1025px) {
  .face-filters__modal__image--age {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (min-width: 416px) and (max-width: 1024px) {
  .face-filters__modal__image--age {
    max-width: 70px;
    max-height: 70px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px) {
  .face-filters__modal__image--age {
    max-width: 40px;
    max-height: 40px;
    background-size: contain;
  }
}

.face-filters__modal__image--face_shape {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M44.605 22.165C43.925 21.37 42.778 21 41 21v-4c0-4.355-1.66-8.32-4.362-11.331C38.096 4.219 39 2.214 39 0H21c-2.43 0-4.456 1.744-4.904 4.046C11.006 4.505 7 8.791 7 14v7c-1.778 0-2.924.37-3.605 1.165-.907 1.057-.685 2.509-.469 3.913l.084.562C3.313 28.775 3.772 32 7 32v5c0 6.065 4.935 11 11 11h12c6.065 0 11-4.935 11-11v-5c3.228 0 3.687-3.225 3.99-5.359l.084-.562c.216-1.405.44-2.857-.469-3.914zM30 46H18c-4.962 0-9-4.037-9-9V17.772c3.683-.151 6.361-1.127 8.007-2.927.702-.768 1.238-1.668 1.565-2.732 1.435 1.377 4.181 2.721 9.428 2.872.324.009.656.015 1 .015 4.047 0 7.125.65 8.786 1.792.593.408 1.005.879 1.214 1.406V37c0 4.963-4.038 9-9 9zm1-40c2.607 0 4.824-1.673 5.65-4H21c-1.654 0-3 1.346-3 3v1h-1c-4.41 0-8 3.589-8 8v1.783c2.3-.102 3.95-.55 5.125-1.209C16.595 13.19 17 10.896 17 9h2c.001.017.307 3.704 9 3.974l.268.01c.237.008.475.016.732.016 2.845 0 7.206.333 9.87 2.115-.399-3.152-1.778-5.994-3.822-8.226-.217.128-.439.245-.668.352C33.351 7.723 32.21 8 31 8V6zM4.99 26.359l-.088-.585c-.154-1.002-.299-1.947.01-2.308.15-.173.62-.466 2.088-.466v7c-1.157 0-1.608-.816-2.01-3.641zm38.02 0l.088-.585.001-.006c.153-1 .297-1.942-.01-2.301-.15-.174-.62-.467-2.089-.467v7c1.157 0 1.608-.816 2.01-3.641z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='M21.986 36H26.013V38H21.986zM24.434 31h-2.448v2h4.448v-9.943h-2V31z'/%3E%3C/svg%3E");
}

@media only screen and (min-width: 1025px) {
  .face-filters__modal__image--face_shape {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (min-width: 416px) and (max-width: 1024px) {
  .face-filters__modal__image--face_shape {
    max-width: 70px;
    max-height: 70px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px) {
  .face-filters__modal__image--face_shape {
    max-width: 40px;
    max-height: 40px;
    background-size: contain;
  }
}

.face-filters__modal__image--face_length {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3E%3Cpath fill='%23000' d='M36.707 34.707l-1.414-1.414L25 43.586V30h-2v13.586L12.707 33.293l-1.414 1.414L24 47.414l12.707-12.707zM35.293 14.707l1.414-1.414L24 .586 11.293 13.293l1.414 1.414L23 4.414V18h2V4.414l10.293 10.293z'/%3E%3Ccircle cx='24' cy='24' r='2' fill='%23000' transform='rotate(90 24 24)'/%3E%3C/svg%3E");
}

@media only screen and (min-width: 1025px) {
  .face-filters__modal__image--face_length {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (min-width: 416px) and (max-width: 1024px) {
  .face-filters__modal__image--face_length {
    max-width: 70px;
    max-height: 70px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px) {
  .face-filters__modal__image--face_length {
    max-width: 40px;
    max-height: 40px;
    background-size: contain;
  }
}

.face-filters__modal__image--hair_color {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='32' fill='none' viewBox='0 0 34 32'%3E%3Cpath stroke='%23000' stroke-width='2' d='M32.8 15.997c-3 4-6 8-6 16.002M30.792-.001c0 16-11.994 16-11.994 32M22.792-.001c0 16-11.994 16-11.994 32M14.792-.001c0 16-11.994 16-11.994 32M6.792-.001c0 7.996-2.996 11.996-5.992 15.994'/%3E%3C/svg%3E");
}

@media only screen and (min-width: 1025px) {
  .face-filters__modal__image--hair_color {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (min-width: 416px) and (max-width: 1024px) {
  .face-filters__modal__image--hair_color {
    max-width: 70px;
    max-height: 70px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px) {
  .face-filters__modal__image--hair_color {
    max-width: 40px;
    max-height: 40px;
    background-size: contain;
  }
}

.face-filters__modal__image--eye_color {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M14 24c0-5.514 4.486-10 10-10s10 4.486 10 10-4.486 10-10 10-10-4.486-10-10zm2 0c0 4.411 3.589 8 8 8s8-3.589 8-8-3.589-8-8-8-8 3.589-8 8z' clip-rule='evenodd'/%3E%3Ccircle cx='24' cy='24' r='2' fill='%23000'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M24 8c10.272 0 19.202 6.101 23.781 15.083.292.572.292 1.262 0 1.834C43.202 33.899 34.272 40 24 40 13.728 40 4.798 33.899.219 24.918c-.292-.572-.292-1.263 0-1.835C4.798 14.101 13.728 8 24 8zM2.001 23.991C6.4 32.639 14.83 38 24 38c9.17 0 17.6-5.361 21.999-13.991C41.6 15.361 33.17 10 24 10c-9.17 0-17.6 5.361-21.999 13.991z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

@media only screen and (min-width: 1025px) {
  .face-filters__modal__image--eye_color {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (min-width: 416px) and (max-width: 1024px) {
  .face-filters__modal__image--eye_color {
    max-width: 70px;
    max-height: 70px;
    background-size: contain;
  }
}

@media only screen and (max-width: 415px) {
  .face-filters__modal__image--eye_color {
    max-width: 40px;
    max-height: 40px;
    background-size: contain;
  }
}

.face-filters a:hover {
  border-color: #575D9B;
}

.btn-confirm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100px;
  font-family: "DM Sans", sans-serif ;
  font-weight: 600 ;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #575D9B;
  border-color: #575D9B;
  height: 40px;
  padding: 6px 32px 8px 32px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  border-color: #575D9B;
  text-transform: uppercase;
}

.btn-confirm:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.btn-confirm:hover:before {
  border-width: 3px;
}

.btn-confirm:hover {
  background-color: rgba(36, 76, 90, 0.2);
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .btn-confirm {
    font-size: 14px;
  }
}

.btn-confirm:before {
  border-color: #575D9B;
}

.btn-confirm:hover {
  background-color: #323666;
  border-color: #323666;
}

.btn-confirm:hover:before {
  border-color: #323666;
}

.btn-cancel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100px;
  font-family: "DM Sans", sans-serif ;
  font-weight: 600 ;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #575D9B;
  border-color: #575D9B;
  height: 40px;
  padding: 6px 32px 8px 32px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: #575D9B;
  background-color: transparent;
  text-transform: uppercase;
}

.btn-cancel:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.btn-cancel:hover:before {
  border-width: 3px;
}

.btn-cancel:hover {
  background-color: rgba(36, 76, 90, 0.2);
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .btn-cancel {
    font-size: 14px;
  }
}

.btn-cancel:hover {
  background-color: invert(100%);
  color: invert(100%);
}

.frameadv__modal-content {
  font-family: "DM Sans", sans-serif ;
  font-weight: normal ;
  font-stretch: normal;
  font-style: normal;
  border-radius: 8px;
  padding: 1rem 2rem 0 2rem;
}

@media only screen and (max-width: 1024px) {
	.hmocIu{
		flex-direction: column;
	}
	.hmocIu button{
		margin: 0.5rem 1rem;
	}
}

.frameadv__modal-description {
  font-family: "DM Sans", sans-serif ;
  font-weight: normal ;
  font-stretch: normal;
  font-style: normal;
}

.frameadv__modal-description .radio-button__input {
  border-color: black;
  width: 15px;
  height: 15px;
}

.frameadv__modal-description .radio-button--selected .radio-button__input {
  border: 5px double white;
  width: 20px;
  height: 20px;
}

.frameadv__modal-description .radio-button__label {
  text-transform: lowercase;
  margin: 1.3rem 1rem;
  font-family: "DM Sans", sans-serif ;
  font-weight: normal ;
  font-stretch: normal;
  font-style: normal;
  color: #222222;
}

.frameadv__modal-description .radio-button__label:first-letter {
  text-transform: capitalize;
}

.frameadv__modal-heading {
  font-family: "DM Sans", sans-serif ;
  font-weight: normal ;
  font-stretch: normal;
  font-style: normal;
  text-transform: lowercase;
  color: #222222;
}

.frameadv__modal-heading:first-letter {
  text-transform: capitalize;
}

.frameadv__modal-overlay {
  z-index: 1000;
}

#global.tooltip {
  opacity: 1;
  width: 273px;
  height: 182px;
}

#global.tooltip:after {
  border-color: #fff;
}

#global.tooltip .tooltip__content {
  font-family: "DM Sans", sans-serif ;
  font-weight: normal ;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1rem;
}

.loading-spinner-container {
  width: 150px !important;
  height: 150px !important;
}

/* style frame advisor take a photo*/
@media only screen and (min-width: 768px) {
  .bipa-overlay div#bipa-component-container {
    border-radius: 6px;
    padding: 3% 0;
    width: 60%;
    margin: auto;
  }
  .bipa-overlay #bipa-component-container #bipa-sorry-container .line, .bipa-overlay #bipa-component-container #bipa-form #bipa-privacy-policy-notice {
    padding: 2rem 0 0 0;
  }
}

@media only screen and (max-width: 1024px) {
  .bipa-overlay div#bipa-component-container {
    border-radius: 6px;
    padding: 1rem;
  }
  #frameadv-ui .facescanapp-wrapper--app {
    padding: 2rem 0;
  }
  .bipa-overlay #bipa-component-container #bipa-sorry-container .line, .bipa-overlay #bipa-component-container #bipa-form #bipa-privacy-policy-notice {
    padding: 2rem 0 0 0;
  }
}

.bipa-overlay div#bipa-component-container #bipa-form #BIOMETRIC_AGREEMENT_TITLE{
  font-family: "DM Sans", sans-serif;
  font-weight: normal;
  font-size: 28px;
  line-height: 1.14;
  letter-spacing: 0.14px;
  text-align: center;
  color: #222222;
  width: unset;
  height: unset;
  margin: auto;
}

.bipa-overlay div#bipa-component-container #bipa-form #PRIVACY_FIRST_AGREEMENT {
  line-height: 24px;
  letter-spacing: 0.5px;
  text-align: center;
  color: #222222;
  font-family: 'DM Sans';
  font-size: 14px;
  font-weight: normal;
  /* padding-bottom: 6rem; */
  /* margin-bottom: 6rem; */
}

.bipa-overlay div#bipa-component-container #bipa-form #BIPA_CITIZEN_DECLARATION {
  letter-spacing: 0.16px;
  text-align: center;
  color: #222222;
  font-family: 'DM Sans';
  font-size: 14px;
  font-weight: normal;
  margin-left: 0;
  padding: 0rem;
}

.bipa-overlay div#bipa-component-container #bipa-form #bipa-privacy-policy-notice {
  line-height: 18px;
  letter-spacing: 0.16px;
  text-align: center;
  color: #222222;
  font-family: 'DM Sans';
  font-size: 12px;
  font-weight: normal;
}

.bipa-overlay div#bipa-component-container #bipa-form #bipa-privacy-policy-notice a {
  color: #222222;
  text-decoration: underline;
  font-weight: bold;
}

@media only screen and (max-width: 1024px) {
  .bipa-overlay div#bipa-component-container #bipa-form #bipa-privacy-policy-notice a {
    display: block;
  }
}

.bipa-overlay #bipa-component-container button#bipa-submit-button {
  max-width: 10rem;
}

.bipa-overlay #bipa-component-container button#bipa-submit-button.bipa-ok {
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  font-family: "DM Sans", sans-serif ;
  font-weight: 100 ;
  font-stretch: normal;
  font-style: normal;
  border-style: unset;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  position: relative;
  background-color: #575D9B !important;
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  text-transform: uppercase;
  max-width: 10rem;
  -webkit-box-shadow: 0px 0px 0px 2px #575d9b;
    box-shadow: 0px 0px 0px 2px #575d9b;
}

.bipa-overlay #bipa-component-container button#bipa-submit-button.bipa-ok:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 8px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.bipa-overlay #bipa-component-container button#bipa-submit-button.bipa-ok:hover:before {
  border-width: 3px;
}

.bipa-overlay #bipa-component-container button#bipa-submit-button.bipa-ok:hover {
  background-color: rgba(36, 76, 90, 0.2);
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .bipa-overlay #bipa-component-container button#bipa-submit-button.bipa-ok {
    font-size: 14px;
  }
}

.bipa-overlay #bipa-component-container button#bipa-submit-button.bipa-ok:before {
  border-color: #575D9B;
}

.bipa-overlay #bipa-component-container button#bipa-submit-button.bipa-ok:hover {
  background-color: #323666 !important;
  -webkit-box-shadow: 0px 0px 0px 2px #323666;
  box-shadow: 0px 0px 0px 2px #323666;
}

.bipa-overlay #bipa-component-container button#bipa-submit-button.bipa-ok:hover:before {
  border-color: #323666 !important;
}

.bipa-overlay #bipa-component-container button#bipa-cancel-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  font-family: "DM Sans", sans-serif ;
  font-weight: 100 ;
  font-stretch: normal;
  font-style: normal;
  border-style: unset;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  position: relative;
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #575D9B;
  background-color: transparent;
  text-transform: uppercase;
  max-width: 10rem;
  -webkit-box-shadow: 0px 0px 0px 2px #575d9b;
  box-shadow: 0px 0px 0px 2px #575d9b;
}

.bipa-overlay #bipa-component-container button#bipa-cancel-button:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 8px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.bipa-overlay #bipa-component-container button#bipa-cancel-button:hover:before {
  border-width: 3px;
}

.bipa-ok span {
	color: white;
}

#bipa-cancel-button span {
	color: #575D9B;
}

#bipa-form p {
	text-align: center;
}

#bipa-citizen label {
	margin-bottom: 0;
}
.bipa-overlay #bipa-component-container button#bipa-cancel-button:hover {
  background-color: white !important;
  -webkit-box-shadow: 0px 0px 0px 3px #575d9b;
  box-shadow: 0px 0px 0px 3px #575d9b;
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .bipa-overlay #bipa-component-container button#bipa-cancel-button {
    font-size: 14px;
  }
}

.bipa-overlay #bipa-component-container button#bipa-cancel-button:hover {
  background-color: invert(100%);
  color: invert(100%);
}

.bipa-overlay #bipa-component-container #bipa-sorry-container .line, .bipa-overlay #bipa-component-container #bipa-form .line.buttons {
  padding: 2rem 0rem 0 0rem;
}

.bipa-overlay #bipa-component-container #bipa-citizen {
  padding: 1rem 0 0 0;
}

.bipa-overlay #bipa-component-container #bipa-sorry-container .line, .bipa-overlay #bipa-component-container #bipa-form .line {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
          width: unset !important;
          height: unset !important;
          text-align: center !important;
          border: none;
      	  opacity: unset;
}

.bipa-overlay #bipa-component-container #bipa-sorry-container p, .bipa-overlay #bipa-component-container #bipa-form p span#BIPA_FORM_SUBTITLE {
  line-height: 24px;
  letter-spacing: 0.5px;
  text-align: center;
  color: #222222;
  font-family: 'DM Sans';
  font-size: 14px;
  font-weight: normal;
}

.bipa-overlay #bipa-component-container #bipa-sorry-container #form, .bipa-overlay #bipa-component-container #bipa-form {
  padding: 0 10%;
}

.bipa-overlay #bipa-component-container #bipa-sorry-container #form, .bipa-overlay #bipa-component-container #bipa-form #form {
  padding: 1rem 0;
}

.bipa-overlay #bipa-component-container #bipa-sorry-container #form .line, .bipa-overlay #bipa-component-container #bipa-form #form .field.line.small {
  padding: 0.7rem 0;
}

.bipa-overlay #bipa-component-container #bipa-sorry-container #form .field input, .bipa-overlay #bipa-component-container #bipa-form #form .field input {
  padding: .6rem;
  border-radius: 6px;
  /* border-color: #d8d8d8; */
  border: 1px solid #d8d8d8;
}

.bipa-overlay #bipa-component-container #bipa-sorry-container .line, .bipa-overlay #bipa-component-container #bipa-form .line.long-text.small {
  padding: 1rem;
  border-radius: 6px;
  /* border-color: #d8d8d8; */
  border: 1px solid #d8d8d8;
  font-size: 10px;
  max-height: 10rem;
  /* font-family: 'DM Sans'; */
}

.bipa-overlay #bipa-component-container #bipa-sorry-container .line, .bipa-overlay #bipa-component-container #bipa-form .line.long-text.small * {
  font-family: 'DM Sans';
}

.bipa-overlay #bipa-component-container button#bipa-submit-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  font-family: "DM Sans", sans-serif ;
  font-weight: 100 ;
  font-stretch: normal;
  font-style: normal;
  border-style: unset;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  position: relative;
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #575D9B;
  background-color: transparent;
  text-transform: uppercase;
  max-width: 10rem;
  -webkit-box-shadow: 0px 0px 0px 2px #575d9b;
  box-shadow: 0px 0px 0px 2px #575d9b;
}
.bipa-overlay #bipa-component-container button#bipa-submit-button:hover {
	background-color: transparent;
	-webkit-box-shadow: 0px 0px 0px 3px #575d9b;
    box-shadow: 0px 0px 0px 3px #575d9b;
}

.scroll-gradient {
  background: none;
}


 #BIPA_FORM_BUTTON_CANCEL {
   color: #575D9B;
 }
 
 #bipa-submit-button {
   color: #575D9B;
 }
 

@media only screen and (min-width: 1025px) {
  #frameadv-ui .face-capture .facescanapp-wrapper--app {
    height: 65vh;
    width: 84vh;
    margin: auto;
    padding-top: 2rem;
  }
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .face-capture .facescanapp-wrapper--app {
    height: 80vh;
  }
}

@media only screen and (min-width: 1025px) {
  #frameadv-ui .face-capture .facescanapp-wrapper--app #webcam-target {
    height: 65vh;
  }
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .face-capture .facescanapp-wrapper--app #webcam-target {
    height: 100vh;
  }
}

.nudging-guide span{
  color: white;
}

@media only screen and (min-width: 1025px) {
  #footer_wrapper {
    margin-top: 0;
  }
}

.frame-adv-sticky {
  position: fixed;
  width: 100%;
  z-index: 90!important;
  box-shadow: 0px 0px 2.94545px rgba(40, 41, 61, 0.04), 0px 5.89091px 11.7818px rgba(96, 97, 112, 0.16);
  padding: 1rem 0;
  -webkit-transition: transform .5s ease !important;
  transition: transform .5s ease !important;
}
#frameadv-ui .glass-filters-wrapper.frame-adv-sticky p.glass-filters__description {
  display: none;
}

#frameadv-ui .glass-filters-wrapper.frame-adv-sticky .glass-filters {
  padding: 8px 0;
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #frameadv-ui .glass-filters-wrapper.frame-adv-sticky .glass-filters {
    padding: 8px 8px;
  }
  #frameadv-ui .glass-filters-wrapper.frame-adv-sticky .glass-filters #global.tooltip {
    right: 30px !important;
    left: auto !important;
  }
}

.frame-finder--grid {
  display: -ms-grid;
  display: grid;
}
.frame-finder__img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.frame-finder--content {
  text-align: center;
}
.frame-finder--content div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 1025px){
  .frame-finder--grid {
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
    min-height: calc(100vh - 32px - 70px - 32px);
  }
  .frame-finder__left {
    height: calc(100vh - 32px - 70px - 32px);
  }
  .frame-finder__right {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2fr 1fr;
    grid-template-columns: 1fr 2fr 1fr;
    align-content: center;
  }
  .frame-finder__img {
    height: calc(100vh - 32px - 70px - 32px);
  }
  .frame-finder--content {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    grid-row: 2;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
  }
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px){
  .frame-finder--grid {
    -ms-grid-rows: 35vh;
    grid-template-rows: 35vh;
    min-height: calc(100vh - 30px - 50px - 30px);
  }
  .frame-finder__img {
    height: 100%;
  }
  .frame-finder--content {
    display: -ms-grid;
    display: grid;
    height: 100%;
    -ms-grid-rows: 5vh 17vh 17vh 10vh;
    grid-template-rows: 5vh 17vh 17vh 10vh;
    padding: 0 1rem;
  }
  .frame-finder__right {
    display: grid;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .mt-15 {
  	margin-top: 0;
  }
  .mb-15 {
  	margin-bottom: 0;
  }
}
#products-not-found {
	text-align: center;
	padding-bottom: 25px;
}
.frame-advisor-capture-overlay-loading-text{
	text-align: center;
}