/* Static Review */
  :root {
    /* Review Container */
    --hsd-mod-review-background: #fff;
    --hsd-mod-review-border: 1px solid #e3e3e3;

    /* Review Section Title */
    --hsd-mod-review-title-color: #000;
    --hsd-mod-review-title-font-family: "Arial";
    --hsd-mod-review-title-font-size: 20px;

    /* Review Section Name */
    --hsd-mod-review-name-color: #000;
    --hsd-mod-review-name-font-family: "Arial";
    --hsd-mod-review-name-font-size: 20px;

    /* Review Start SVG */
    --hsd-mod-review-star-icon: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='31' viewBox='0 0 32 31' fill='none'%3E%3Cpath d='M16.1641 23.7726L7.31804 30.2774C7.18292 30.3768 7.01993 30.431 6.85223 30.4324C6.68453 30.4338 6.52065 30.3823 6.3839 30.2852C6.24714 30.1881 6.14447 30.0504 6.09048 29.8916C6.03649 29.7329 6.03392 29.5611 6.08314 29.4008L9.32589 18.8454L0.335398 12.4362C0.197539 12.3381 0.0944136 12.1988 0.0409246 12.0384C-0.0125644 11.8779 -0.0136469 11.7046 0.0378337 11.5434C0.0893142 11.3823 0.190691 11.2417 0.327316 11.142C0.46394 11.0422 0.628736 10.9885 0.79789 10.9886L11.9307 10.9771L15.2178 0.557819C15.2683 0.397637 15.3681 0.257479 15.5029 0.157326C15.6377 0.0571731 15.8007 0.00213611 15.9687 6.0917e-05C16.1366 -0.00201428 16.3009 0.0489782 16.4381 0.145769C16.5754 0.24256 16.6786 0.38021 16.733 0.539095L20.31 10.9732L31.2038 10.9981C31.3723 10.9984 31.5364 11.052 31.6725 11.1513C31.8086 11.2506 31.9097 11.3904 31.9615 11.5508C32.0132 11.7111 32.0128 11.8837 31.9604 12.0438C31.908 12.2039 31.8062 12.3433 31.6697 12.442L22.8921 18.7931L26.4995 29.4343C26.5539 29.5944 26.5559 29.7676 26.5054 29.929C26.4549 30.0903 26.3544 30.2315 26.2184 30.332C26.0825 30.4325 25.9181 30.4872 25.749 30.4882C25.5799 30.4892 25.4149 30.4364 25.2778 30.3375L16.1641 23.7726Z' fill='%23FBBC05' /%3E%3C/svg%3E");

    /* Review Section Date */
    --hsd-mod-review-date-color: #545454;
    --hsd-mod-review-date-font-family: "Arial";
    --hsd-mod-review-date-font-size: 20px;

    /* Review Section Body */
    --hsd-mod-review-body-color: #000;
    --hsd-mod-review-body-font-family: "Arial";
    --hsd-mod-review-body-font-size: 16px;
  }

  @media screen and (max-width: 767px) {
    :root {
      /* Review Section Name */
      --hsd-mod-review-name-font-size: 18px;

      /* Review Section Date */
      --hsd-mod-review-date-font-size: 14px;

      /* Review Section Body */
      --hsd-mod-review-body-font-size: 14px;
    }
  }

  /* Static review section */
  #hsd-mod-single-review-section {
    max-width: 1440px;
    margin: 36px auto;
    padding: 0 1rem;
  }

  .hsd-mod-srs-title {
    color: var(--hsd-mod-review-title-color);
    font-family: var(--hsd-mod-review-title-font-family);
    font-size: var(--hsd-mod-review-title-font-size) !important;
    font-style: normal;
    font-weight: 400;
    line-height: 24.3px; /* 121.5% */
    letter-spacing: 2px;
  }

  .hsd-mod-srs-section {
    display: flex;
    flex-flow: column;
    gap: 24px;
    padding: 36px;
    background-color: var(--hsd-mod-review-background);
    border: var(--hsd-mod-review-border);
  }

  .hsd-mod-srs-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .hsd-mod-srs-heading-cont {
    display: flex;
    flex-flow: column;
    gap: 4px;
  }

  .hsd-mod-srs-stars-cont {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    margin-top: 8px;
  }

  /* Name */
  .hsd-mod-srs-name {
    color: var(--hsd-mod-review-name-color);
    font-family: var(--hsd-mod-review-name-font-family);
    font-size: var(--hsd-mod-review-name-font-size) !important;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0 !important;
  }

  /* Date */
  .hsd-mod-srs-date {
    color: var(--hsd-mod-review-date-color);
    font-family: var(--hsd-mod-review-date-font-family);
    font-size: var(--hsd-mod-review-date-font-size) !important;
    font-style: italic;
    font-weight: 400;
    line-height: 24px; /* 120% */
    margin: 0 !important;
  }

  /* Star Icon */
  .hsd-mod-srs-star {
    background-image: var(--hsd-mod-review-star-icon);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
  }

  .hsd-mod-srs-icon {
    width: 56px;
  }

  .hsd-mod-srs-bottom {
    scrollbar-color: #000 transparent;
  }
  .hsd-mod-srs-bottom::-webkit-scrollbar-thumb {
    background: #000;
  }
  .hsd-mod-srs-bottom::-webkit-scrollbar-track {
    background: transparent;
  }

  .hsd-mod-srs-body {
    color: var(--hsd-mod-review-body-color);
    font-family: var(--hsd-mod-review-body-font-family);
    font-size: var(--hsd-mod-review-body-font-size) !important;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
  }

  @media screen and (max-width: 767px) {
    .hsd-mod-srs-section {
      gap: 16px;
      max-height: 450px;
    }

    :is(.hsd-mod-srs-name, .hsd-mod-srs-date, .hsd-mod-srs-body) {
      line-height: 21px; /* 150% */
    }

    .hsd-mod-srs-heading-cont > span > svg {
      width: 20px;
      height: 20px;
    }

    :is(.hsd-mod-srs-star, .hsd-mod-srs-icon) {
      width: 36px;
      height: 36px;
    }

    .hsd-mod-srs-bottom {
      overflow-y: scroll;
    }

    @supports (scrollbar-color: #b7b7b7 transparent) {
      .hsd-mod-srs-bottom {
        scrollbar-color: #b7b7b7 transparent;
      }
    }
    .hsd-custom-review-slides-section ::-webkit-scrollbar-thumb {
      background: #b7b7b7;
    }
    .hsd-custom-review-slides-section ::-webkit-scrollbar-track {
      background: transparent;
    }
  }