.elementor-12 .elementor-element.elementor-element-f97945a{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-12 .elementor-element.elementor-element-942e764{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-4e72542{text-align:center;}.elementor-12 .elementor-element.elementor-element-4e72542 img{width:50%;}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-f97945a{--content-width:1300px;}}/* Start custom CSS for html, class: .elementor-element-778fee9 *//* --- Google-style Review Grid --- */
.g-reviews {
  --g-border: rgba(60, 64, 67, 0.16);
  --g-text: #202124;
  --g-subtext: #5f6368;
  --g-bg: #ffffff;
  --g-star: #fbbc04; /* Google star yellow-ish */
  --g-shadow: 0 1px 2px rgba(0,0,0,.08), 0 2px 12px rgba(0,0,0,.06);

  margin: 0 auto;
  max-width: 1200px;
  padding: 0;
}

.g-reviews-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Responsive */
@media (max-width: 1024px) {
  .g-reviews-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .g-reviews-grid { grid-template-columns: 1fr; }
}

/* Card */
.g-review-card {
  background: var(--g-bg);
  border: 1px solid var(--g-border);
  border-radius: 14px;
  box-shadow: var(--g-shadow);
  padding: 16px 16px 14px;
  color: var(--g-text);
  overflow: hidden;
}

/* Optional placeholders (so you can keep a 3x3 grid even with only 6 reviews) */
.g-review-placeholder {
  min-height: 190px;
  background: linear-gradient(180deg, rgba(60,64,67,.05), rgba(60,64,67,.02));
  border-style: dashed;
  opacity: 0.55;
}
@media (max-width: 1024px) {
  .g-review-placeholder { display: none; } /* don't waste space on smaller screens */
}

/* Header layout */
.g-review-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.g-avatar {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  letter-spacing: .3px;
  color: #fff;
  user-select: none;
  flex: 0 0 auto;
  background: #1a73e8; /* Google-ish blue */
}

/* Give each card a subtle variation like real avatars */
.g-review-card:nth-child(3n+2) .g-avatar { background: #34a853; } /* green */
.g-review-card:nth-child(3n+3) .g-avatar { background: #ea4335; } /* red */

.g-review-meta { min-width: 0; width: 100%; }

.g-review-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.g-review-name {
  font-size: 14px!important;
  text-transform: uppercase!important;
  line-height: 1.2;
  margin: 0;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.g-review-sub {
  margin: 3px 0 0;
  font-size: 13px;
  color: var(--g-subtext);
}

/* Google mark */
.g-google-mark {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .2px;
  white-space: nowrap;
  flex: 0 0 auto;
  opacity: .95;
}
.g-google-mark .g-g { font-family: Arial, sans-serif; }
.g-google-mark .g-b { color: #4285F4; }
.g-google-mark .g-r { color: #DB4437; }
.g-google-mark .g-y { color: #F4B400; }
.g-google-mark .g-g { color: #0F9D58; } /* green */
.g-google-mark .g-r:last-child { color: #DB4437; }

/* Stars */
.g-stars {
  display: flex;
  gap: 2px;
  margin: 6px 0 10px;
}
.g-star {
  color: var(--g-star);
  font-size: 16px;
  line-height: 1;
}

/* Text */
.g-review-text p {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.55;
  color: var(--g-text);
}
.g-review-text p:last-child { margin-bottom: 0; }

/* Nice with most themes */
.g-reviews * {
  box-sizing: border-box;
}/* End custom CSS */