body {
  background: #e4e4e4;
  font-family: Objective, sans-serif;

  font-size: 16px;
  line-height: 19.36px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.hp-block {
  display: flex;
  width: 100%;
  min-height: 80vh;
  height: fit-content;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 16px;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

p {
  text-align: center;
}

.hp-items-block {
  display: flex;
  gap: 16px;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}

.ico-user1 {
  display: flex;
  width: 53px;
  height: 53px;
  background-image: url("data:image/svg+xml,%3Csvg width='53' height='53' viewBox='0 0 53 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.5001 6.42079C30.3184 6.42079 33.4126 9.51496 33.4126 13.3333C33.4126 17.1516 30.3184 20.2458 26.5001 20.2458C22.6817 20.2458 19.5876 17.1516 19.5876 13.3333C19.5876 9.51496 22.6817 6.42079 26.5001 6.42079ZM26.5001 36.0458C36.2763 36.0458 46.5793 40.8516 46.5793 42.9583V46.5791H6.42092V42.9583C6.42092 40.8516 16.7238 36.0458 26.5001 36.0458ZM26.5001 0.166626C19.2255 0.166626 13.3334 6.05871 13.3334 13.3333C13.3334 20.6079 19.2255 26.5 26.5001 26.5C33.7747 26.5 39.6667 20.6079 39.6667 13.3333C39.6667 6.05871 33.7747 0.166626 26.5001 0.166626ZM26.5001 29.7916C17.7113 29.7916 0.166748 34.2025 0.166748 42.9583V52.8333H52.8334V42.9583C52.8334 34.2025 35.2888 29.7916 26.5001 29.7916Z' fill='%239E9FA0'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
}

.ico-user2 {
  display: flex;
  width: 53px;
  height: 53px;
  background-image: url("data:image/svg+xml,%3Csvg width='53' height='53' viewBox='0 0 53 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.5 6.42079C30.3184 6.42079 33.4125 9.51496 33.4125 13.3333C33.4125 17.1516 30.3184 20.2458 26.5 20.2458C22.6817 20.2458 19.5875 17.1516 19.5875 13.3333C19.5875 9.51496 22.6817 6.42079 26.5 6.42079ZM26.5 36.0458C36.2763 36.0458 46.5792 40.8516 46.5792 42.9583V46.5791H6.42085V42.9583C6.42085 40.8516 16.7238 36.0458 26.5 36.0458ZM26.5 0.166626C19.2254 0.166626 13.3334 6.05871 13.3334 13.3333C13.3334 20.6079 19.2254 26.5 26.5 26.5C33.7746 26.5 39.6667 20.6079 39.6667 13.3333C39.6667 6.05871 33.7746 0.166626 26.5 0.166626ZM26.5 29.7916C17.7113 29.7916 0.166687 34.2025 0.166687 42.9583V52.8333H52.8334V42.9583C52.8334 34.2025 35.2888 29.7916 26.5 29.7916Z' fill='%236A6B6C'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
}

.ico-user3 {
  display: flex;
  width: 53px;
  height: 53px;
  background-image: url("data:image/svg+xml,%3Csvg width='53' height='53' viewBox='0 0 53 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.5001 6.42079C30.3184 6.42079 33.4126 9.51496 33.4126 13.3333C33.4126 17.1516 30.3184 20.2458 26.5001 20.2458C22.6817 20.2458 19.5876 17.1516 19.5876 13.3333C19.5876 9.51496 22.6817 6.42079 26.5001 6.42079ZM26.5001 36.0458C36.2763 36.0458 46.5793 40.8516 46.5793 42.9583V46.5791H6.42092V42.9583C6.42092 40.8516 16.7238 36.0458 26.5001 36.0458ZM26.5001 0.166626C19.2255 0.166626 13.3334 6.05871 13.3334 13.3333C13.3334 20.6079 19.2255 26.5 26.5001 26.5C33.7747 26.5 39.6667 20.6079 39.6667 13.3333C39.6667 6.05871 33.7747 0.166626 26.5001 0.166626ZM26.5001 29.7916C17.7113 29.7916 0.166748 34.2025 0.166748 42.9583V52.8333H52.8334V42.9583C52.8334 34.2025 35.2888 29.7916 26.5001 29.7916Z' fill='%23464748'/%3E%3C/svg%3E ");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
}

.white-block {
  display: flex;

  padding: 16px;
  gap: 8px;
  border-radius: 8px;
  border: 1px 0px 0px 0px;
  opacity: 0px;
  background: #ffffff;
  box-shadow: 0px 2px 25px 0px #00000026;
}

.white-block-hp {
  /*rozměry pro homepage: */
  width: 317px;
  height: 237px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.white-block-hp p {
  height: 36px;
}

.white-block-hp span {
  font-family: Objective, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 15.73px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #9e9fa0;
  height: 48px;
}

.white-block-sub {
  max-width: 768px;
  height:700px;
  width: 90%;
  flex-direction: column;
  display: flex;
  margin: 0 16px;
}

.white-block-sub .accordeon-question-space {
  height: 100%;
  display: flex;
}
/*červená barva*/
.red {
  color: #ce332a;
}
.black {
  color: #161718;
}

h3.home {
  color: #ce332a;
  font-family: Objective, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 29.05px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 768px;
}

h3 {
  color: #ce332a;
  font-family: Objective, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 29.05px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 768px;
}

h3 > div {
  display: flex;
  align-items: center;
}

h3 .selected-group {
  color: #161718;
  display: flex;
  flex-direction: row;
  font-size: 12px;
  line-height: 16px;
  align-items: center;
  gap: 8px;
  text-align: left;
}

.bottom-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  border-top: 1px solid #e4e4e4;
  padding-top: 16px;
}

.bottom-buttons div {
  display: flex;

  font-size: 12px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.002em;
  text-align: left;
  width: 100%;
}

.buttonBack {
  display: flex;
  width: 127px;
  height: 44px;
  padding: 14px 24px 14px 24px;
  gap: 0px;
  border-radius: 22px;
  border: 2px 0px 0px 0px;
  opacity: 0px;
  border: 2px solid #161718;
  color: #161718;
  justify-content: center;
  /*font-family: SKODA Next;*/
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.75px;
  text-align: center;
}

.buttonRed {
  display: flex;
  width: fit-content;
  min-width: 190px;
  height: 44px;
  padding: 14px 24px 14px 24px;
  gap: 0px;
  border-radius: 22px;
  border: 2px 0px 0px 0px;
  opacity: 0px;
  background: #f54c4c;

  border: 2px solid #f54c4c;
  color: #ffffff;
  justify-content: center;
  /*font-family: SKODA Next;*/
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.75px;
  text-align: center;
}

.buttonHelpOff {
  display: flex;
  width: 42px;
  min-width: 42px;
  height: 42px;
  padding: 10px;

  border-radius: 21px;
  border: 0px;
  opacity: 0px;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  box-shadow: 0px 0px 8px 0px #00000026;
  /*SVG:*/
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_220_7185)'%3E%3Cpath d='M12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74ZM12 4.98C8.2 4.98 5.06 8.14 5.06 11.96C5.06 15.78 8.2 18.94 12 18.94C15.8 18.94 18.94 15.78 18.94 11.96C18.94 8.14 15.8 4.98 12 4.98ZM12.2 7.48C13.86 7.48 15.06 8.56 15.06 9.92C15.06 11.18 14.18 12.04 12.88 12.4V13.3H11.12V11.54C12.76 11.38 13.3 10.76 13.28 10.02C13.26 9.42 12.76 9.06 12.18 9.06C11.54 9.06 10.92 9.54 10.92 10.36H9.18C9.14 8.64 10.52 7.48 12.2 7.48ZM12 16.32C11.44 16.32 10.94 15.82 10.94 15.26C10.94 14.7 11.44 14.2 12 14.2C12.56 14.2 13.06 14.7 13.06 15.26C13.06 15.82 12.56 16.32 12 16.32Z' fill='%23F54C4C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_220_7185'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
}

.buttonHelpOn {
  display: flex;
  width: 42px;
  min-width: 42px;
  height: 42px;
  padding: 10px;

  border-radius: 21px;
  border: 0px;
  opacity: 0px;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  box-shadow: 0px 0px 8px 0px #00000026;
  /*SVG:*/
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.7 12.22L12.26 13.66L7 8.4L1.74 13.66L0.3 12.22L5.56 6.96L0.3 1.7L1.74 0.259999L7 5.52L12.26 0.259999L13.7 1.7L8.44 6.96L13.7 12.22Z' fill='%23F54C4C'/%3E%3C/svg%3E ");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
}

.divider {
  width: 100%;
  height: 1px;
  top: 673px;
  left: 408px;
  gap: 0px;
  opacity: 0px;
  background: #e4e4e4;
}

.accordeon-header {
  width: 100%;
  height: 18px;
  padding: 16px 0px 16px 0px;
  gap: 24px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: space-between;
}

.accordeon-header > div {
  width: fit-content;

  gap: 8px;

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: space-between;
}

.accordeon-header .question {
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.02em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.accordeon-header .answer-ok {
  color: #419468;
}
.accordeon-header .answer-false {
  color: #e4e4e4;
}
.accordeon-header .accordeon-header-open {
  width: 44px;
  height: 44px;
  padding: 12px;
  gap: 0px;
  border-radius: 50px;
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='45' viewBox='0 0 44 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_220_7089)'%3E%3Cpath d='M22 17.68L29.36 25.04L27.88 26.52L22 20.64L16.12 26.52L14.64 25.04L22 17.68Z' fill='%23161718'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_220_7089'%3E%3Crect width='24' height='24' fill='white' transform='translate(10 10.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
}
.accordeon-header .accordeon-header-close {
  width: 44px;
  height: 44px;
  padding: 12px;
  gap: 0px;
  border-radius: 50px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 8.92L0.64 1.56L2.12 0.0799992L8 5.96L13.88 0.0799992L15.36 1.56L8 8.92Z' fill='%23161718'/%3E%3C/svg%3E ");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
}

.result-info {
  width: 192px;
  height: 192px;
  background: #d9d9d9;
  border-radius: 96px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  position: relative;
  bottom: 32px;
  left: calc(50vw - 300px);
}

.result-info h2 {
  margin: 6px;
}

.result-info .divider {
  margin: 6px;
}

.buttonDetailOff {
    display: flex;
    width: 42px;
    min-width: 42px;
    height: 42px;
    padding: 10px;
    border-radius: 21px;
    border: 0px;
    opacity: 0px;
    background: #ffffff;
    border: 1px solid #d8d8d8;
    box-shadow: 0px 0px 8px 0px #00000026;
    /*SVG:*/
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='%23F54C4C' xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-tq4f59' focusable='false' aria-hidden='true' viewBox='0 0 24 24' data-testid='SmsOutlinedIcon' aria-label='fontSize medium'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 14H5.17L4 17.17V4h16zM7 9h2v2H7zm8 0h2v2h-2zm-4 0h2v2h-2z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
}