#home-our-values {
  .container {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 1312px;
    padding: 80px 0;
    position: relative;
    text-align: left;
  }
  .container__side {
    width: 100%;
  }
  .our-values__pre-title {
    font-size: 24px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.2em;
  }
  .our-values__title {
    font-size: 44px;
    font-weight: 400;
    line-height: 48px;
  }
  .our-values__item {
    margin-bottom: 64px;

    @media screen and (max-width: 575px) {
      margin-bottom: 40px;
    }
    
    &:last-of-type {
      margin-bottom: 0;
    }
  }
  .our-values__item h3 {
    font-family: "sofia-pro", sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: initial;
    margin: 0px 0;
  }
  .our-values__item p {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    max-width: 608px;
  }
  .container__side--left .rte{
    margin-top: 20px;
    @media screen and (max-width: 978px) {
      margin-bottom: 30px;
    }
    p{
      color: #000;
      font-size: 22px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%; /* 33px */
      max-width: 497px;
      letter-spacing: 0;
    }
  }
  .container__side--right {
    &.two_column {
      display: grid;
      grid-template-columns: auto auto;
      gap: 0 72px;

      @media screen and (max-width: 768px) {
        gap: 0 30px;
      }

      @media screen and (max-width: 575px) {
        grid-template-columns: auto;
      }

      .our-values__item p {
        font-size: 16px;
        line-height: 23.66px;
      }
      
    }
  }
  @media screen and (max-width: 1280px) {
     .container {
      padding: 80px 24px;
    }
  }
  @media screen and (max-width: 978px) {
     .container {
      flex-direction: column;
    }
     .our-values__title {
      margin-top: 12px;
    }
  }

  &.about_us_values {
    background-color: #F8F6F1;
    padding: 40px 0;

    .container {
      max-width: calc(1260px + 4rem);
      margin: 0 auto;
      padding-left: 2rem;
      padding-right: 2rem;
    }

    .our-values__pre-title {
       margin: 20px 0 0;
      @media screen and (max-width: 978px){
        margin: 0 0 12px;
      }
    }

    .our-values__title {
      margin: 0;
      font-size: 52px;
      line-height: 57.2px;
      font-weight: 300;

      @media screen and (max-width: 978px){
        margin: 0 0 30px;
      }

      @media screen and (max-width: 578px) {
        font-size: 32px;
        line-height: initial;
      }
    }

    .our-values__item {
      h3 {
        font-size: 24px;
        line-height: 26.4px;
        margin: 0 0 16px;
      }

      p {
        margin: 0;
        color: #191A1A;
      }
    }
  }
}