.cms-page-view {
  .page-wrapper {
      .page-main {
        .page-title-wrapper{
           .page-title {
                position: unset !important;
                width: auto;
                text-align: left;            
           }
        }

          .reviews-container {
              border-bottom: 2px solid #eaeaea;
              border-top-left-radius: 0.25rem;
              border-top-right-radius: 0.25rem;
              border-bottom-right-radius: 1.5rem;
              border-bottom-left-radius: 1.5rem;
              background: #1111110d;

              .review-tabs {
                  display: flex;
                  padding-top: 0.625rem;
                  padding-left: 1.5rem;
                  border-bottom-width: 2px;
                  cursor: pointer;
                  border-bottom: 1px solid #e2e2e2;

                  .tab.google-reviews {
                      display: flex;
                      padding-top: 0.5rem;
                      padding-bottom: 0.5rem;
                      padding-left: 1.5rem;
                      padding-right: 1.5rem;
                      border-top-left-radius: 0.5rem;
                      border-top-right-radius: 0.5rem;
                      border-bottom: 2px solid black;
                      color: #6B7280;
                      align-items: center;

                      .google-logo {
                          height: 24px;
                          width: 24px;
                          margin-right: 8px;
                      }

                      .rating {
                          margin-left: 0.625rem;
                          color: #000000;
                          font-weight: 700;
                      }
                  }
              }

              .overall-rating {
                  padding-right: 1.5rem;
                  padding-bottom: 1.5rem;
                  padding-left: 1.5rem;
                  padding-top: 18px;

                  .rating-info {
                      display: flex;
                      align-items: center;
                      font-size: 1.25rem;
                      line-height: 1.75rem;
                      font-weight: 700;

                      .rating-logo {
                          margin-right: 10px;
                          height: 36px;
                          width: 94px;
                      }
                  }

                  .rating-details {
                      display:block;

                      .all-rating {
                          display: flex;
                          align-items: baseline;

                          .rating {
                              margin-right: 0.25rem;
                              font-size: 1.25rem;
                              line-height: 1.75rem;
                              font-weight: 700;
                              margin-bottom: 0;
                          }

                          .review-count {
                              margin-left: 0.25rem;
                              font-size: 0.75rem;
                              line-height: 1rem;
                              color: #11111180;
                              margin-bottom: 0;
                              font-weight: 500;
                          }
                      }

                      .write-review {
                          padding-left: 1rem;
                          padding-right: 1rem;
                          padding-top: 0.25rem;
                          padding-bottom: 0.25rem;
                          color: #ffffff;
                          background-color: #000000;
                          margin: 0;
                          margin-top:10px;
                      }
                  }
              }
          }

          .reviews-list {
              display: grid;
              margin-top: 2.25rem;
              grid-template-columns: repeat(1, minmax(0, 1fr));
              gap: 0.5rem;

              .review {
                  line-height: 1.5rem; 
                  color: #4B5563; 

                  .review-content {
                      .review-first-content {
                          background-color: #1111110d;
                          padding: 1.25rem; 
                          border-radius: 1.5rem; 

                          .comments {
                              padding-top: 4px;

                              .prose {
                                  margin-bottom: 16px;
                                  font-size: 16px;
                                  line-height: 24px;
                                  font-weight: 500;
                              }

                              .readmore,
                              .readless {
                                  color: #11111180;
                                  font-size: 16px;
                                  line-height: 18px;
                                  font-weight: 500;
                              }
                          }
                      }
                      .review-author {
                          display: flex;
                          margin-top: 10px;
                          align-items: center;

                          .author-image {
                              margin-right: 16px;
                              margin-bottom: 8px;
                              min-width: 40px;
                              img {
                                  height: 40px;
                                  width: 40px;
                              }
                          }

                          .author-name-months {
                              line-height: 20px;
                              text-align: left;
                              .author-image {
                                    display: flex;
                                    flex-direction: column;
                                    justify-content: start;
                                    .author-name {
                                        font-size: 0.875rem;
                                        line-height: 1rem; 
                                        font-weight: 700; 
                                        color: #282828;
                                        display: block;
                                        text-align: left;
                                    }
                                    .review-date {
                                        font-size: .75rem;
                                        line-height: 1rem;
                                        color: #11111180;
                                        display: block;
                                        text-align: left;
                                    }
                              }
                          }
                      }
                  }
              }
          }

          .load-more {
                text-align: center;
                margin-top: 1.5rem;

                .load-more-review {
                    padding-left: 1rem;
                    padding-right: 1rem;
                    padding-top: 0.25rem;
                    padding-bottom: 0.25rem;
                    color: #ffffff;
                    background-color: #000000;
                    margin: 0;
                    margin-top:10px;
                }

          }
      }
      #maincontent {
        .main {
            a:not(.action) {
                border-bottom: 0px;
            }
        }
      }
  }
}

@media (min-width: 640px) {
  .cms-page-view {
      .page-wrapper {
          .page-main {
              .header {
                  display: flex;
                  margin-bottom: 2rem;

                  .title {
                      font-size: 2.25rem;
                      line-height: 2.5rem;
                  }
              }

              .reviews-container {
                  .overall-rating {
                      .rating-details {
                          display: flex;
                          justify-content: space-between;

                          .write-review {
                              margin: 0;
                          }
                      }
                  }
              }

              .reviews-list {
                  grid-template-columns: repeat(2, minmax(0, 1fr));
                  gap: 1rem;
              }
          }
      }
  }
}

@media (min-width: 768px) {
  .cms-page-view {
      .page-wrapper {
          .page-main {
              .reviews-list {
                  grid-template-columns: repeat(3, minmax(0, 1fr));
              }
          }
      }
  }
}

@media (min-width: 1024px) {
  .cms-page-view {
      .page-wrapper {
          .page-main {
              .reviews-list {
                  grid-template-columns: repeat(4, minmax(0, 1fr));
              }
          }
      }
  }
}
