.elementor-6665 .elementor-element.elementor-element-67f4b00{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-e58dde5 *//* VERSION 1 — Clean Telegram Review Card */

.reviews-section .card {
  position: relative !important;
  overflow: hidden !important;

  background-image:
    linear-gradient(rgba(255,255,255,0.02), rgba(0,0,0,0.08)),
    url("https://neuro-typology.com/wp-content/uploads/2026/04/TG-Chat.jpeg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;

  border-radius: 30px !important;
  border: 1px solid rgba(255,255,255,0.20) !important;

  padding: 22px !important;
  min-height: 380px !important;
  aspect-ratio: 1 / 1 !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  gap: 8px !important;

  box-shadow:
    0 28px 70px rgba(0,0,0,0.34),
    inset 0 1px 0 rgba(255,255,255,0.24) !important;
}

.reviews-section .card::before {
  content: none !important;
}

.reviews-section .card::after {
  content: none !important;
}

.reviews-section .card-tag,
.reviews-section .card-text,
.reviews-section .card-footer {
  position: relative !important;
  z-index: 2 !important;
}

.reviews-section .card-tag {
  align-self: flex-start !important;

  margin-bottom: 4px !important;
  padding: 6px 11px !important;

  background: rgba(255,255,255,0.88) !important;
  color: #2481cc !important;
  border: 1px solid rgba(255,255,255,0.65) !important;
  border-radius: 999px !important;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;

  box-shadow: 0 3px 10px rgba(0,0,0,0.10) !important;
}

.reviews-section .card-text {
  position: relative !important;

  background: #ffffff !important;
  color: #111827 !important;

  padding: 16px 17px 13px !important;
  border-radius: 20px 20px 20px 7px !important;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.42 !important;
  letter-spacing: -0.01em !important;

  box-shadow:
    0 2px 5px rgba(0,0,0,0.12),
    0 10px 22px rgba(0,0,0,0.08) !important;

  flex: 0 !important;
}

.reviews-section .card-text strong {
  color: #020617 !important;
  font-weight: 700 !important;
}

.reviews-section .card-text::after {
  content: "18:42" !important;
  display: inline-block !important;

  margin-left: 8px !important;
  transform: translateY(2px) !important;

  color: #94a3b8 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

.reviews-section .card:nth-child(2n) .card-text::after {
  content: "13:15" !important;
}

.reviews-section .card:nth-child(3n) .card-text::after {
  content: "21:07" !important;
}

.reviews-section .card:nth-child(4n) .card-text::after {
  content: "09:34" !important;
}

.reviews-section .card:nth-child(5n) .card-text::after {
  content: "16:28" !important;
}

.reviews-section .card:nth-child(6n) .card-text::after {
  content: "11:52" !important;
}

.reviews-section .card:nth-child(7n) .card-text::after {
  content: "20:11" !important;
}

.reviews-section .card-footer {
  margin-top: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border-top: none !important;

  display: flex !important;
  justify-content: flex-start !important;
}

.reviews-section .card-name {
  display: inline-flex !important;
  align-items: center !important;

  padding: 5px 10px !important;
  border-radius: 999px !important;

  background: rgba(255,255,255,0.84) !important;
  color: #2481cc !important;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;

  box-shadow: 0 2px 8px rgba(0,0,0,0.10) !important;
}

.reviews-section .card-name::before {
  content: "Сообщение от" !important;
  color: rgba(36,129,204,0.66) !important;
  font-weight: 500 !important;
  margin-right: 4px !important;
}

.reviews-section .card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(255,255,255,0.46) !important;
  box-shadow:
    0 34px 80px rgba(0,0,0,0.42),
    inset 0 1px 0 rgba(255,255,255,0.28) !important;
}

@media (max-width: 768px) {
  .reviews-section .card {
    min-height: 355px !important;
    padding: 18px !important;
    border-radius: 26px !important;
  }

  .reviews-section .card-text {
    font-size: 14.5px !important;
    line-height: 1.4 !important;
  }
}

@media (max-width: 480px) {
  .reviews-section .card {
    min-height: 335px !important;
    aspect-ratio: auto !important;
  }

  .reviews-section .card-text {
    font-size: 14px !important;
  }

  .reviews-section .card-name {
    font-size: 11.5px !important;
  }
}/* End custom CSS */