@import url("fonts.css");
*{box-sizing:border-box}body{margin:0;background:white;color:#2d2e34;font-family:Figtree,Arial,sans-serif;font-size:16px;line-height:1.5}main{max-width:950px;margin:auto;padding:0 24px}h1,h2,p{margin:0}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #225747;outline-offset:3px}.card{border:1px solid #e9ebed;background:#fff}.card-content{padding:16px 16px 24px}.card-title{line-height:1.6}.card-date{font:14px/1.43 Arial,sans-serif;margin-bottom:5px}.card-text{font:16px/1.5 Arial,sans-serif;letter-spacing:.15px;overflow-wrap:anywhere}.card-rating-text{font-size:14px}.card-rating{flex-shrink:0}.stars{display:flex;color:#ef7e34}.stars svg{height:24px;width:24px;fill:currentColor}.card-footer,.source{display:flex;align-items:center;justify-content:space-between}.card-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-size:13px}.arrow-icon{font-size:22px}.show-more-less{border:0;padding:0;background:none;font:inherit}.icon-container img{width:32px;height:32px}.my-masonry-grid_column{width:50%;min-width:0}.feedback-box .title{line-height:1.2}.feedback-box .clinic-name{line-height:1.75}.status{position:absolute;left:-10000px}@media(max-width:700px){.my-masonry-grid_column{width:100%}}@media(max-width:599px){main{padding:0 16px}.card-header{gap:6px}.stars svg{width:20px;height:20px}.card-title{font-size:18px}}
.feedback-box {
  text-align: center;
  padding: 16px 0;
  margin-bottom: 32px;
}

.feedback-box img {
  height: auto;
  margin-bottom: 19.3px;
  object-fit: contain;
  min-height: 70px;
  width: 15vw;
}

.feedback-box .title {
  color: #0a0c0f;
  margin-bottom: 15px;
  font-family: "Figtree", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 52px;
}

.feedback-box .clinic-name {
  color: #4c5661;
  margin-bottom: 15px;
  font-family: "Figtree", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
}

.feedback-box .review-button {
  background-color: #121929;
  text-transform: none;
  text-transform: none;
  box-shadow: none;
  border-radius: 56px;
  width: 180px;
  height: auto;
  min-width: 32px;
  min-height: 32px;
}

.feedback-box .review-button:hover {
  box-shadow: none;
}

@media (max-width: 500px) {
  .feedback-box img {
    width: 30vw;
  }

  .feedback-box .title {
    font-size: 40px;
  }

  .feedback-box .clinic-name {
    font-size: 14px;
  }
}
.card {
  margin-bottom: 19px;
}

.card-content {
  padding: 16px;
}

.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.clinic-address{
  padding-left: 10px;
  font-size: 14px;
  color: #2d2e34;
  font-family: "Figtree", serif;
  font-optical-sizing: auto;
  font-weight: 400;
}

.card-title {
  font-size: 1.25rem;
  color: #2d2e34;
  font-family: "Figtree", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.card-date {
  color: rgba(0, 0, 0, 0.54);
}

.card-rating {
  display: flex;
  align-items: center;
}

.card-rating-text {
  color: rgba(0, 0, 0, 0.54);
  margin-left: 8px !important;
  font-family: "Figtree", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.card-text {
  margin: 16px 0;
}

.card-button {
  background-color: #fff !important;
  text-transform: none !important;
  color: #0a0c0f !important;
  font-weight: bold !important;
  font-family: "Figtree", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  border-radius: 10px;
  box-shadow: none !important;
  border-radius: 10px !important;
  border: 1px solid #e9ebed !important;
  width: 100px !important;
  height: 40px !important;
  min-width: 100px !important;
}

.arrow-icon {
  color: #76808d !important;
}

.icon-container {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.show-more-less {
  cursor: pointer;
  color: #76808d;
}
.review-header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  gap: 12px;
  margin-left: auto;
}

.clinic-dropdown-wrapper {
  display: flex;
  align-items: center;
}

.clinic-dropdown {
  padding: 8px 12px;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  min-width: 220px;
  cursor: pointer;
  outline: none;
}

.review-header-right {
  justify-content: flex-end;
}

.my-masonry-grid {
  display: flex;
  width: auto;
}

.my-masonry-grid_column {
  padding-left: 19px;
  background-clip: padding-box;
}

.my-masonry-grid_column>div {
  margin-bottom: 19px;
  border-radius: 17px;
  overflow: hidden;
}

.no-reviews {
  font-family: "Figtree", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.no-review-found-container {
  display: flex;
  justify-content: center;
}

.total-reviews-wrapper {
  margin-left: auto;
}

.reviews-count {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 16px;
  font-weight: 600;
  color: #000
}


@media (max-width: 1200px) {
  .my-masonry-grid_column {
    padding-left: 15px;
  }
}

@media (max-width: 1000px) {
  .my-masonry-grid_column {
    padding-left: 10px;
  }
}

@media (max-width: 700px) {
  .my-masonry-grid_column {
    padding-left: 5px;
  }
}

@media (max-width: 500px) {
  .my-masonry-grid_column {
    padding-left: 2px;
  }
}

@media (max-width: 400px) {
  .my-masonry-grid_column {
    padding-left: 8px;
  }

  .my-masonry-grid {
    margin-left: -8px;
  }
}

.load-more-btn {
  display: flex;
  justify-content: center;
  align-items: center;
}

.load-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  background-color: #007bff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.load-btn:disabled {
  background-color: #5a6268;
  cursor: not-allowed;
}

.spinner {
  width: 12px;
  height: 12px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top: 3px solid white;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loader-wrapper{
  display: flex;
  gap: 12px;
  align-items: center;
}
.load-more-btn{
  padding-bottom: 50px;
}

.loader-wrapper button{
  font-family: "Figtree", serif;
  font-weight: 400;
}

.load-more-btn button{
  font-family: "Figtree", serif;
  background-color: #121929;
  text-transform: none;
  text-transform: none;
  box-shadow: none;
  border-radius: 56px;
  font-weight: 400;
  font-size: 13px;
}
[hidden]{display:none!important}