.bg-card[data-v-be800292] {
  box-shadow: none;
  background-color: transparent;
  height: 100%;
}
.card-wrapper[data-v-be800292] {
  position: relative;
  height: 475px;
  width: 275px;
  transition: 0.5s;
}
.card-wrapper[data-v-be800292]:hover {
  height: 475px;
  width: 275px;
  transition: 0.5s;
}
.card-wrapper:hover .user-pic[data-v-be800292] {
  height: 70%;
  width: 70%;
}
.user-pic[data-v-be800292] {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  margin: auto;
  width: 220px;
  height: 435px;
  border-radius: 10px;
  box-shadow: 0px 15px 20px 3px rgba(0, 0, 0, 0.4);
  overflow: hidden;
  transition: 0.5s;
}
.user-pic img[data-v-be800292] {
  height: 100%;
  width: 100%;
  display: block;
  object-fit: fill;
}
.name[data-v-be800292] {
  transform: translateY(-100%);
  transition: 0.2s;
  visibility: hidden;
  top: 380px;
  text-align: center;
  position: relative;
}
.card-wrapper:hover .name[data-v-be800292] {
  visibility: visible;
  transform: translateY(0%);
  transition: 0.5s;
}

/** MEDIA QUERY PHONE **/.titleHeader[data-v-4faa5f35] {
  background: radial-gradient(circle, #3e7577 0%, #2e3a3f 100%);
}
@media (max-width: 599.98px) {
.text-h3[data-v-4faa5f35] {
    text-align: left;
    font-size: 3rem;
}
}.titleHeader[data-v-1624fbc9] {
  background: radial-gradient(circle, #3e7577 0%, #2e3a3f 100%);
}
@media (max-width: 599.98px) {
.text-h3[data-v-1624fbc9] {
    text-align: left;
    font-size: 3rem;
}
}[data-v-fb0d268a] .q-icon {
  filter: drop-shadow(3px 5px 2px rgba(0, 0, 0, 0.4));
}
[data-v-fb0d268a] .q-item {
  background-color: #773e75;
  color: white;
}
[data-v-fb0d268a] .q-item .q-item__label--caption {
  color: white;
  font-size: x-small;
}
.itemOdd[data-v-fb0d268a] {
  filter: brightness(125%);
}
.itemEven[data-v-fb0d268a] {
  filter: brightness(100%);
}
.body--dark .card[data-v-fb0d268a] {
  cursor: default;
  width: 100%;
  height: 100%;
  padding: 2em 1.5em;
  background: linear-gradient(#3e7577 50%, white 50%);
  background-size: 100% 200%;
  background-position: 0 2.5%;
  border-radius: 5px;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
  transition: 0.5s;
}
.body--dark .icon-wrapper[data-v-fb0d268a] {
  display: grid;
  place-items: center;
  background-color: #f3f5f7;
  position: relative;
  margin: auto;
  font-size: 30px;
  height: 2.5em;
  width: 2.5em;
  color: #3e7577;
  border-radius: 50%;
  transition: 0.5s;
}
.body--dark .card:hover .icon-wrapper[data-v-fb0d268a] {
  background-color: #3e7577;
  color: #f3f5f7;
}
.body--light .card[data-v-fb0d268a] {
  cursor: default;
  width: 100%;
  height: 100%;
  padding: 2em 1.5em;
  background: linear-gradient(white 50%, #3e7577 50%);
  background-size: 100% 200%;
  background-position: 0 2.5%;
  border-radius: 5px;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
  transition: 0.5s;
}
.body--light .icon-wrapper[data-v-fb0d268a] {
  display: grid;
  place-items: center;
  background-color: #3e7577;
  position: relative;
  margin: auto;
  font-size: 30px;
  height: 2.5em;
  width: 2.5em;
  color: #f3f5f7;
  border-radius: 50%;
  transition: 0.5s;
}
.body--light .card:hover .icon-wrapper[data-v-fb0d268a] {
  background-color: #f3f5f7;
  color: #3e7577;
}
.cpu[data-v-fb0d268a] {
  vertical-align: super;
  filter: none;
}
.title-h3[data-v-fb0d268a] {
  font-size: 30px;
  margin: 1rem 0;
}
.card[data-v-fb0d268a]:hover {
  background-position: 0 100%;
}
.card:hover .title-h3[data-v-fb0d268a] {
  color: #909244;
}
.card[data-v-fb0d268a]:hover {
  color: white;
}
.card-btn[data-v-fb0d268a] {
  margin-top: 1rem;
}
.card-wrapper:hover .card-btn[data-v-fb0d268a] {
  opacity: 1;
  transition-delay: 0.5s;
}
.col-section-download[data-v-fb0d268a] {
  width: 100%;
  padding: 0 1em 0 1em;
  text-align: center;
  flex: 0 0 33.33%;
  justify-content: center;
}
@media (max-width: 1023.98px) {
.col-section-download[data-v-fb0d268a] {
    flex: 0 0 110%;
    padding-bottom: 3rem;
}
}
@media (min-width: 600px) and (max-width: 1023.98px) {
.col-section-download[data-v-fb0d268a] {
    flex: 0 0 100%;
    padding: 3rem;
}
}
@media (max-width: 599.98px) {
.col-section-download[data-v-fb0d268a] {
    flex: 0 0 80%;
    padding: 2rem;
}
}.form-item[data-v-5fbe5be5] {
  position: relative;
}
.form-wrapper[data-v-5fbe5be5] {
  display: flex;
  gap: 2rem;
}
.input-wrapper[data-v-5fbe5be5] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.textarea-input[data-v-5fbe5be5] {
  flex: 1 1 auto;
}
.textarea-input .q-field__control[data-v-5fbe5be5] {
  height: 100%;
}
body.body--light .reset[data-v-5fbe5be5] {
  background-color: #f3f5f7;
  color: #3e7577;
}
body.body--dark .reset[data-v-5fbe5be5] {
  background-color: #3e7577;
  color: #f3f5f7;
}
@media (max-width: 1023.98px) {
.form-wrapper[data-v-5fbe5be5] {
    gap: 1rem;
    flex-direction: column;
}
.input-wrapper[data-v-5fbe5be5] {
    flex-direction: column;
    gap: 1rem;
}
}
@media (min-width: 600px) and (max-width: 1023.98px) {
.form-wrapper[data-v-5fbe5be5] {
    gap: 1.5rem;
}
}.contact-box[data-v-18374479] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.contact-links[data-v-18374479],
.contact-form-wrapper[data-v-18374479] {
  width: 50%;
  padding: 5%;
}
.contact-links[data-v-18374479] {
  border-radius: 10px 0 0 10px;
}
body.body--light .contact-form-wrapper .reset[data-v-18374479] {
  background-color: #f3f5f7;
  color: #3e7577;
}
body.body--dark .contact-form-wrapper .reset[data-v-18374479] {
  background-color: #2e3a3f;
  color: #f3f5f7;
}
body.body--dark .contact-links[data-v-18374479] {
  background-color: #3e7577;
  background: radial-gradient(circle at 55% 92%, #3e7577 0 12%, transparent 12.2%), radial-gradient(circle at 94% 72%, #3e7577 0 10%, transparent 10.2%), radial-gradient(circle at 20% max(78%, 350px), #3e7577 0 7%, transparent 7.2%), radial-gradient(circle at 0% 0%, #3e7577 0 40%, transparent 40.2%), #242d31;
}
body.body--light .contact-links[data-v-18374479] {
  background-color: #242d31;
  background: radial-gradient(circle at 55% 92%, #242d31 0 12%, transparent 12.2%), radial-gradient(circle at 94% 72%, #242d31 0 10%, transparent 10.2%), radial-gradient(circle at 20% max(78%, 350px), #242d31 0 7%, transparent 7.2%), radial-gradient(circle at 0% 0%, #242d31 0 40%, transparent 40.2%), #3e7577;
}
.contact-form-wrapper[data-v-18374479] {
  border-radius: 0 10px 10px 0;
}
body.body--light .contact-form-wrapper[data-v-18374479] {
  background-color: #f3f5f7;
}
body.body--dark .contact-form-wrapper[data-v-18374479] {
  background-color: #2e3a3f;
}
.form-item[data-v-18374479] {
  position: relative;
}
@media only screen and (max-width: 800px) {
.contact[data-v-18374479] {
    width: 100%;
}
.contact-links[data-v-18374479],
  .contact-form-wrapper[data-v-18374479] {
    width: 100%;
}
.contact-links[data-v-18374479] {
    border-radius: 10px 10px 0 0;
}
.contact-form-wrapper[data-v-18374479] {
    border-radius: 0 0 10px 10px;
}
}/**  Section image top  **/
.img-home[data-v-9f5bb9b9] {
  background-image: url("../images/books_header.webp");
  filter: brightness(var(--m-brightness, 100%));
  transition-property: filter;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

/** Section sickdiary **/
.flex-section-sickdiary[data-v-9f5bb9b9] {
  display: flex;
  align-items: center;
  gap: 6rem;
}

/** Section showGoods **/
.flex-first[data-v-9f5bb9b9] {
  display: flex;
}
.flex-second[data-v-9f5bb9b9] {
  display: flex;
  flex-direction: row-reverse;
}
.img-section-showGoods[data-v-9f5bb9b9] {
  flex: 0 0 50%;
}
.img-section-showGoods img[data-v-9f5bb9b9] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.carousel[data-v-9f5bb9b9] {
  padding: 0;
}

/** Section downloads **/
.row-section-download[data-v-9f5bb9b9] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2.5rem 0rem;
}

/** Section downloads **/
.section-contact-form[data-v-9f5bb9b9] {
  cursor: default;
  width: 150%;
  height: 100%;
  padding: 2em 1.5em;
  background-size: 100% 200%;
  background-position: 0 2.5%;
  border-radius: 5px;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
}
body.body--light .section-contact-form[data-v-9f5bb9b9] {
  background: #f3f5f7;
}
body.body--dark .section-contact-form[data-v-9f5bb9b9] {
  background: #3e7577;
}
@media (max-width: 1280px) {
.section-contact-form[data-v-9f5bb9b9] {
    width: 120%;
    background-size: 100% 120%;
    padding: 2rem;
}
}
@media (max-width: 1023.98px) {
.flex-section-sickdiary[data-v-9f5bb9b9] {
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    gap: 0;
}
.flex-left p[data-v-9f5bb9b9] {
    text-align: block;
}
.row-section-download[data-v-9f5bb9b9] {
    gap: 0rem 0rem;
}
}
@media (min-width: 600px) and (max-width: 1023.98px) {
.section-contact-form[data-v-9f5bb9b9] {
    width: 100%;
    background-size: 100% 100%;
    padding: 2rem;
}
.section-showGoods[data-v-9f5bb9b9] {
    padding: 3rem 0 0 0;
}
.flex-first[data-v-9f5bb9b9] {
    display: flex;
    flex-direction: column;
}
.flex-second[data-v-9f5bb9b9] {
    display: flex;
    flex-direction: column;
}
.text-section-showGoods > div[data-v-9f5bb9b9] {
    padding: 3rem 0 1rem 0;
    text-align: center;
}
.text-section-showGoods p[data-v-9f5bb9b9] {
    padding: 1rem 0 3rem;
}
.img-section-showGoods img[data-v-9f5bb9b9] {
    width: 100%;
    height: 400px;
}
.row-section-download[data-v-9f5bb9b9] {
    gap: 0rem 0rem;
}
}
/** Section image top MQ PHONE **/
@media (max-width: 599.98px) {
.flex-first[data-v-9f5bb9b9] {
    flex-direction: column;
}
.flex-second[data-v-9f5bb9b9] {
    flex-direction: column;
}
.text-section-showGoods > div[data-v-9f5bb9b9] {
    padding: 1rem 0 1rem 0;
}
.text-section-showGoods p[data-v-9f5bb9b9] {
    padding: 0;
    text-align: center;
}
.section-download[data-v-9f5bb9b9],
  .section-mobileSnapshots[data-v-9f5bb9b9] {
    padding: 3rem 0rem 2rem 0rem;
}
.section-contact-form[data-v-9f5bb9b9] {
    width: 100%;
    background-size: 100% 100%;
    padding: 2rem;
}
}