.featured-companies-2-component {
  .featured-companies {
    text-align: center;

    .title {
      margin-top: 10px;
      margin-bottom: 10px;

      h3 {
        font-size: 32px;
        font-family: Roboto, "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        text-align: center;
        color: #000000;
        padding: 0 0 15px 0;
        font-style: normal;
        font-weight: 800;
        margin-top: 0;
        line-height: 22px;
      }

      .title-text {
        color: #1B1B1B;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 40px;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
      }

    }

    .featured-company-grid {
      display: inline-grid;
      grid-template-columns: 289px 289px 289px 289px;
      margin-bottom: 25px;

        a.card-content {
          display: block;
          width: 269px;
          height: 181px;
          border-radius: 10px;
          margin-bottom: 20px;
          border: 1px solid #C4CDD5;
          box-shadow: 5px 5px 22px 0px rgba(156,157,158,0.25);

          &:hover, &:active, &:focus {
            box-shadow: 5px 5px 22px 0px rgba(156,157,158,0.5);
            text-decoration: none;
          }

          img {
            width: 150px;
            margin: 22px 0px 12px 0px;
          }

          .title {
            font-size: 16px;
            font-family: Roboto, "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            color: #161338;
            text-align: center;
          }

          .review-block {
            display: flex;
            flex-wrap: wrap;
            margin-left: 25%;

            span.icon {
              color: #00a360;
              padding: 5px 0 0 5px;
            }

            .stars {
              .review-text {
                color: #127d47;
                font-size: 12px;
                font-weight: 400;
                padding-left: 10px;
                display: flex;

                &:focus, &:active, &:hover {
                  color: darken(#127d47, 7%);
                }
              }

              .star-rating-svg-component  {
                vertical-align: sub !important;

                .star {
                  width: 17px;

                  .svg-icon {
                    width: 14px;
                  }
                }
              }
            }
          } /* review-block*/
        } /* card-content*/
    }
    /* featured-company-grid*/

  }
  /* featured-companies */
  .star-rating-new .star_span {
    height: 20px;
    width: 80px;
    display: block;
  }

  /* TABLET STYLES */
  @media screen and (min-width: 768px) and (max-width: 1024px) {

    .featured-companies {
      .title {

        .title-text {
          font-size: 16px;
        }
      }

      .featured-company-grid {
        grid-template-columns: 289px 289px;

        a.card-content {
          width: 269px;
          height: 181px;
          margin-bottom: 20px;
          position: relative;
        }
      }
    }
    /* featured-companies */
  }

  /* MOBILE STYLING */

  @media screen and (max-width: 767px) {

    .featured-companies {
      padding-left: 0;

      .title {

        .title-text {
          font-size: 16px;
        }
      }

      h3 {
        font-size: 22px;
        font-family: Roboto, "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        text-align: center;
        padding-top: 45px;
        margin-left: auto;
        width: 100%;
        margin-right: auto;
        padding: 0 0 0 0;
        line-height: 28px;
      }

      .featured-company-grid {
        display: inline-grid;
        grid-template-columns: 175px 175px;
        grid-gap: 5px;

        a.card-content {

          width: 161px;
          height: 168px;
          margin-bottom: 5px;
          position: relative;

            .title {
              margin-top: 10px;
              margin-bottom: 6px;
            }

            span.review-block {
              display: flex;
              flex-wrap: wrap;
              margin-top: 0;
              margin-left: 0;
              padding-left: 10px;
              position: absolute;

              span.icon {
                color: #00a360;
              }

              .stars {
                position: static;

                .star-rating {
                  padding: 0;
                }

                .review-text {
                  color: #127d47;
                  font-size: 12px;
                  font-weight: 400;

                  &:focus, &:active, &:hover {
                    color: darken(#127d47, 7%);
                  }
                }
              }
            } /* review-block */


          img {
            width: 150px;
            margin: 7px;
          }

          .title {
            font-size: 16px;
            font-family: Roboto, "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            color: #161338;
            text-align: center;
          }

          .stars {
            position: absolute;

            .star-rating {
              padding-left: 30px;
              padding-top: 14px;
            }

            .review-text {
              color: green;
            }
          }
        } /* card-content */
      }
      /* featured-company-grid */
    }
  }
}