:root {
  --text-line-height: 22px;
  --total-rows: 8;
}

.view-reviews .owl-stage-outer {
  overflow-x: clip !important;
  overflow-y: visible !important;
}

.paragraph--type--reception + .paragraph-texts--text-types-block-of-text, .paragraph-list-block--list-block-views-patient-testimonials {
  background-color: var(--blue-20)
}

.paragraph--type--reception + .paragraph-texts--text-types-block-of-text {
  padding-block: 25px
}

.view-reviews .flex-direction-nav a:before {
  font-size: 30px;
  color: #000;
  opacity: .5
}

.view-reviews .flex-direction-nav .flex-prev {
  left: -25px !important
}

.view-reviews .flex-direction-nav .flex-prev:before {
  margin-left: 10px
}

.view-reviews .flex-direction-nav .flex-next {
  right: -25px !important
}

.view-reviews .flex-direction-nav .flex-next:before {
  margin-right: 10px
}

.view-reviews .flex-viewport {
  margin-left: 10px;
  margin-right: 10px
}

.view-reviews .flexslider {
  background: 0 0;
  border: none;
  margin-bottom: 40px
}

.view-reviews footer {
  display: flex;
  justify-content: center
}

.front-ninth-screen h2 {
  margin-bottom: 20px
}

.front-ninth-screen__reviews .slides > li {
  height: 100%
}

.view-review__item {
  height: 100%;
  position: relative;
}

.view-review__item.open .review-block {
  position: absolute;
  height: fit-content;
  background-color: #fff;
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  z-index: 9999;
}

.paragraph-reviews {
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, .0509803922);
  padding: 5px 20px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, fit-content);
  column-gap: 20px;
  margin-bottom: 15px;
  row-gap: 5px;
}

.paragraph-reviews.text-truncated .show-hide-button {
  display: flex!important;
}

@media (min-width: 901px) {
  .paragraph-reviews {
    grid-template-rows: 26fr auto 3fr 3fr;
  }
}

.paragraph-reviews__image {
  grid-column: 1;
  grid-row: 2
}

.paragraph-reviews__image img {
  border-radius: 50%;
  display: inline-block
}

.paragraph-reviews__title {
  font-size: 18px;
  grid-column: 1;
  grid-row: 5;
  display: flex;
  align-items: center;
  color: #323232;
  margin-top: 10px
}

@media (min-width: 901px) {

  .view-reviews .owl-carousel.owl-loaded .owl-stage {
    padding-bottom: 30px;
  }

  .view-review__item:not(.open) .paragraph-reviews__text {
    height: calc(var(--text-line-height) * var(--total-rows));
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: var(--total-rows);
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
  }

  .paragraph-reviews {
    min-height: 360px
  }
}

.paragraph-reviews__text {
  font-size: 15px;
  color: #7d7d7d;
  line-height: var(--text-line-height);
  grid-column: 1;
  grid-row: 1;
  position: relative;
  transition: all 1s ease
}

.modal-paragraph-reviews .paragraph-reviews__text {
  font-size: 16px;
  max-height: 100%
}

.paragraph-reviews__text.expanded {
  max-height: none
}

.view-review__item.open .show-hide-button {
  display: flex!important;
}

.paragraph-reviews .show-hide-button {
  display: none;
  grid-column: 1;
  grid-row: 2;
  border: none;
  background: 0 0;
  color: #666;
  text-align: left;
  text-decoration: underline;
  margin-bottom: 1rem;
  cursor: pointer;
  font-family: "Gilroy Regular", sans-serif
}

.view-review__item.open .show-hide-button:after {
  background-image: url("../icons/arrow-down.svg");
  transform: rotate(180deg);
}

.paragraph-reviews .show-hide-button:after {
  background: url("../icons/arrow-down.svg") no-repeat;
  content: '';
  width: 17px;
  height: 16px;
  display: block;
  margin: 0 0 0 5px;
  transition: all .3s ease;
}

@media (min-width: 769px) and (max-width: 900px) {
  .paragraph-reviews .show-hide-button {
    display: none !important;
  }
}

.paragraph-reviews__date {
  grid-column: 1;
  grid-row: 3;
  font-size: 13px
}

.paragraph-reviews__rate {
  grid-column: 1;
  grid-row: 4;
  color: #ffae00
}

.view-reviews ul.flex-direction-nav {
  list-style: none !important
}

.view-reviews .form-radios {
  margin-bottom: 2em
}

.view-reviews .form-radios, .view-reviews .form-radios ul {
  display: flex;
  column-gap: 30px;
  list-style: none !important;
  padding-left: 0;
  flex-wrap: wrap;
  row-gap: 1em
}

.view-reviews .form-radios > ul li {
  position: relative
}

.view-reviews .form-radios .form-item-field-review-tab-target-id-selective {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr
}

.view-reviews .form-radios input {
  width: 100%;
  height: 100%;
  /*! position: absolute; */
  opacity: 0;
  cursor: pointer;
  grid-row: 1;
  grid-column: 1;
  padding: 15px 20px;
  border-radius: 10px;
  margin: 0
}

.view-reviews .form-radios label {
  width: fit-content;
  grid-row: 1;
  grid-column: 1;
  padding: 6px 15px;
  border-radius: 20px;
  border: 1px solid var(--blue);
  cursor: pointer;
  transition: all .3s ease
}

.view-reviews .form-radios label:hover {
  background-color: var(--blue-hover)
}

.modal {
  display: none;
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, .4)
}

.modal-content {
  background-color: #fefefe;
  margin: 10vw auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50vw;
  min-width: 600px;
  border-radius: 4px
}

.close {
  color: #aaa;
  float: right;
  font-size: 30px;
  font-weight: 700;
  cursor: pointer;
  display: flex
}

.close:focus, .close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer
}

.modal-paragraph-reviews .show-hide-button {
  display: none
}

.modal-paragraph-reviews {
  display: flex;
  flex-direction: column;
  row-gap: 1em
}

.front-ninth-screen {
  padding-top: 34px
}

.front-ninth-screen .form-radios input:checked + label {
  border-color: #0c8299;
  color: #fff;
  background-color: #0c8299
}

.front-ninth-screen .form-radios label {
  background-color: rgba(12, 130, 153, 0);
  color: #4c4c4c;
  border-color: #000;
  font-size: 14.79px;
  font-weight: 300;
  transition: all .35s ease-in-out
}

.front-ninth-screen .form-radios .js-form-type-radio:hover label {
  border-color: #0c8299;
  color: #fff;
  background-color: #0c8299
}

.front-ninth-screen .form-radios > ul {
  padding: 0 !important
}

.front-ninth-screen .view-reviews .flexslider {
  padding-top: 10px
}

.front-ninth-screen .views-element-container {
  position: relative
}

.front-ninth-screen .views-element-container h2 {
  font-size: clamp(17px, 2vw + 1rem, 40px);
  font-weight: 600;
  margin-bottom: 20px
}

.front-ninth-screen .views-element-container footer a {
  font-size: 16px;
  font-weight: 600;
  border-radius: 20px;
  display: block;
  color: #fff;
  line-height: 1.19;
  padding: 8px 0;
  min-width: 170px;
  text-align: center;
  background-color: #0c8299
}

.view-reviews__buttons {
  display: flex;
  column-gap: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
  justify-content: center
}

.view-reviews__button-site {
  font-size: 16px;
  font-weight: 600;
  border-radius: 20px;
  display: block;
  color: #fff;
  padding: 8px 0;
  min-width: 170px;
  text-align: center;
  background-color: var(--yellow);
  cursor: pointer
}

.view-reviews__button-ya {
  font-size: 16px;
  font-weight: 500;
  border-radius: 20px;
  display: block;
  color: var(--white);
  padding: 8px 0;
  min-width: 170px;
  text-align: center;
  background-color: var(--blue);
  cursor: pointer
}

.view-reviews__button-ya:hover {
  background-color: var(--blue-hover);
}

.paragraph-list-block--list-block-views-patient-testimonials {
  display: none;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.view-reviews {
  padding-bottom: 40px;
}

@media (min-width: 1031px) {
  .view-reviews .owl-carousel.owl-loaded .owl-stage {
    padding-bottom: 70px;
  }

  .view-reviews {
    padding-bottom: 0;
  }
}

.view-reviews__ya-title {
  text-align: center
}

.view-reviews__ya-title h2 {
  color: #323232;
  font-size: clamp(17px, 2vw + 1rem, 40px);
  font-weight: 600;
  margin-bottom: 25px
}

.view-reviews__ya {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 35px;
}

@media (max-width: 1600px) {
  .view-reviews .form-radios > ul {
    column-gap: 2em
  }
}

@media (min-width: 1031px) {
  .front-ninth-screen .views-element-container footer {
    position: absolute;
    top: 10px;
    right: 12px
  }
}

@media (max-width: 768px) {
  .paragraph-reviews__image img {
    width: auto;
    height: 120px
  }

  .modal-content {
    min-width: 450px
  }

  .modal-paragraph-reviews .paragraph-reviews__text {
    font-size: 14px
  }
}

@media (max-width: 650px) {
  .view-reviews .form-radios input, .view-reviews .form-radios label {
    padding: 10px 15px
  }

  .view-reviews__ya > div:nth-child(2) {
    width: 360px !important
  }
}

@media (max-width: 600px) {
  .view-reviews__ya > div {
    width: 90vw!important;
  }
}

@media (max-width: 550px) {
  .modal-content {
    min-width: auto;
    width: 75vw;
    max-height: 70vh;
    overflow: auto
  }
}

@media (max-width: 480px) {
  .view-reviews .flex-direction-nav .flex-prev {
    left: -15px !important
  }

  .view-reviews .flex-direction-nav .flex-next {
    right: -15px !important
  }

  .front-ninth-screen .form-radios.bef-nested > ul {
    column-gap: unset !important;
    row-gap: unset !important;
    margin-inline: -10px
  }

  .front-ninth-screen .form-radios.bef-nested > ul > li {
    box-sizing: border-box;
    flex: 1 1 auto;
    padding-inline: 10px;
    margin-bottom: 10px
  }

  .front-ninth-screen .form-radios.bef-nested > ul label {
    box-sizing: border-box;
    width: 100% !important
  }
}

@media (max-width: 460px) {
  .front-ninth-screen .flex-direction-nav a {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    width: 24px !important;
    height: 24px !important;
    display: block !important;
    margin-top: 0 !important;
    top: 100% !important
  }

  .front-ninth-screen .flex-direction-nav a:before {
    display: none !important
  }

  .front-ninth-screen .flex-direction-nav .flex-prev {
    background-image: url(../icons/flex-prev.svg);
    left: 42% !important
  }

  .front-ninth-screen .flex-direction-nav .flex-next {
    background-image: url(../icons/flex-next.svg);
    right: 42% !important
  }
}

@media (max-width: 400px) {
  .view-reviews .flex-direction-nav .flex-prev {
    left: -5px !important
  }

  .view-reviews .flex-direction-nav .flex-next {
    right: -5px !important
  }

  .view-reviews__button-site, .view-reviews__button-ya {
    font-size: 14px;
    min-width: 150px
  }
}

.paragraph-reviews.short-text .show-hide-button {
  display: none
}

.view-reviews {
  position: relative;
}

.view-reviews .form-radios input:checked + label {
  border-color: var(--blue);
  color: var(--white);
  background-color: var(--blue)
}

.view-reviews .form-radios label {
  background-color: rgba(var(--blue), 0);
  color: var(--black-text);
  border-color: var(--blue);
  font-size: 14px;
  font-weight: 300;
  transition: all .35s ease-in-out
}

.view-reviews .form-radios > ul {
  padding: 0 !important
}

.view-reviews .js-form-type-radio:hover label {
  border-color: var(--blue);
  color: var(--white);
  background-color: var(--blue)
}

.view-reviews footer a {
  font-size: 14px;
  font-weight: 500;
  border-radius: 20px;
  display: block;
  color: var(--white);
  padding-block: 8px;
  width: 170px;
  text-align: center;
  background-color: var(--blue);
  border: 1px solid var(--blue);
  transition: all .3s ease
}

.view-reviews footer a:hover {
  border-color: var(--blue-hover);
  background-color: var(--blue-hover)
}

@media (max-width: 480px) {
  .paragraph-list-block--list-block-views-patient-testimonials .form-radios.bef-nested > ul {
    column-gap: unset !important;
    row-gap: unset !important;
    margin-inline: -10px
  }

  .paragraph-list-block--list-block-views-patient-testimonials .form-radios.bef-nested > ul > li {
    box-sizing: border-box;
    flex: 1 1 auto;
    padding-inline: 10px;
    margin-bottom: 10px
  }

  .paragraph-list-block--list-block-views-patient-testimonials .form-radios.bef-nested > ul label {
    box-sizing: border-box;
    width: 100% !important
  }
}

.paragraph-list-block--list-block-views-patient-testimonials .view-reviews .flexslider {
  padding-top: 10px
}

.paragraph-list-block--list-block-views-patient-testimonials .views-element-container {
  position: relative
}

.paragraph-list-block--list-block-views-patient-testimonials .views-element-container h2 {
  font-size: clamp(17px, 2vw + 1rem, 40px);
  font-weight: 600;
  margin-bottom: 20px
}

@media (min-width: 1031px) {
  .paragraph-list-block--list-block-views-patient-testimonials .views-element-container footer {
    position: absolute;
    top: 5px;
    right: 12px
  }
}

@media (max-width: 460px) {
  .paragraph-list-block--list-block-views-patient-testimonials .flex-direction-nav a {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    width: 24px !important;
    height: 24px !important;
    display: block !important;
    margin-top: 0 !important;
    top: 100% !important
  }

  .paragraph-list-block--list-block-views-patient-testimonials .flex-direction-nav a:before {
    display: none !important
  }

  .paragraph-list-block--list-block-views-patient-testimonials .flex-direction-nav .flex-prev {
    background-image: url(../icons/flex-prev.svg);
    left: 42% !important
  }

  .paragraph-list-block--list-block-views-patient-testimonials .flex-direction-nav .flex-next {
    background-image: url(../icons/flex-next.svg);
    right: 42% !important
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .view-review__item:not(.open) .paragraph-reviews__text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 96px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

@media (min-width: 421px) and (max-width: 480px) {
  .view-review__item:not(.open) .paragraph-reviews__text {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 105px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

@media (max-width: 420px) {
  .view-review__item:not(.open) .paragraph-reviews__text {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    max-height: 125px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

@media (max-width: 414px) {
  .paragraph-reviews {
    display: flex !important;
    flex-direction: column !important;
  }

  .paragraph-reviews__text {
    order: 1;
  }

  .paragraph-reviews__date {
    order: 3;
  }

  .paragraph-reviews__rate {
    order: 4;
  }

  .paragraph-reviews__title {
    order: 5;
  }

  .show-hide-button {
    order: 2;
  }
}

@media (max-width: 414px) {
  .view-reviews.open-block .owl-stage-outer {
    padding-bottom: 96px !important;
  }

  .view-reviews.open-block > footer,
  .view-reviews.open-block .owl-nav {
    display: none!important;
  }
}
