index.html

<header class="header">
    <nav class="nav" aria-label="navegação principal">
      <ul class="nav__list">
        <li class="menu__toggle">
          <button class="menu__toggle__icon" aria-label="menu hamburguer">
            <img src="./images/menu.svg" alt="menu hamburguer" />
          </button>
        </li>

        <li class="nav__item">
          <a href="index.html">
            <img src="./images/Logo.svg" alt="logo do luz e cena" />
          </a>
        </li>

        <li class="nav__item">
          <a href="#" class="nav__link">Eventos</a>
        </li>

        <li class="nav__item">
          <a href="#" class="nav__link">Club fidelidade</a>
        </li>

        <li class="nav__item">
          <a href="#" class="nav__link">Sobre nós</a>
        </li>

        <li class="nav__item nav__item_form">
          <form class="nav__form">
            <input type="search" id="localizacao" class="nav__input" />
          </form>
        </li>

        <li class="nav__item nav__icons">
          <a href="#" aria-label="carrinho de compras">
            <img src="./images/Carrinho.svg" alt="carrinho" />
          </a>
          <a href="#" aria-label="perfil">
            <img src="./images/Perfil.svg" alt="meu perfil" />
          </a>
        </li>
      </ul>
    </nav>
  </header>

Style. Css

.depoimentos { 
    padding: 20px;
    font-family:"Roboto";
} 

.card { 
    background-color: #FEF4F9;
    padding: 0 15px 15px;
    width:250px;
} 

.card img{
    margin-top:15px;
}

.mensagem span{
    font-weight:500;
}