.Header__searchTitle {
    color: rgba(102, 57, 145, 1);
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    letter-spacing: -0.5px;
    line-height: 1.1;
      font-size: 36px;
    text-transform: uppercase;
    font-weight: 600;
}

.footer {
    background-color: #ffffff; /* Cor de fundo branca */
    padding: 20px;
    font-size: 14px;
    display: flex;
    justify-content: center; /* Alinha o conteúdo horizontalmente ao centro */
    border-top: 1px solid #663991; /* Adiciona uma linha fina na parte superior */
}

.footer-inner {
    display: flex;
    flex-direction: column; /* Organiza os elementos verticalmente */
    align-items: flex-start; /* Alinha os itens verticalmente à esquerda */
    max-width: 800px; /* Define uma largura máxima para o conteúdo */
}

.logo img {
    max-width: 100px;
    margin-right: 20px; /* Adiciona uma margem à direita para separar a logo do texto */
}

.footer-credits p {
    color: rgba(102, 57, 145, 1);
    font-size: 15px;
    line-height: 1.65;
    margin-top: 10px;
    text-align: left; /* Alinha o texto à esquerda */
}

.footer-credits a {
    color: #333;
    text-decoration: none;
}

.footer-credits a:hover {
    text-decoration: underline;
}

.material-icons {
    vertical-align: middle;
}


/* Alterações de cores para o novo estilo */
.search-full input[type="search"] {
    border-color: #fff; /* Cor da borda */
}

.search input[type="search"] {
    border-color: #ddd; /* Cor da borda */
    color: #9E9E9E; /* Cor do texto */
    box-shadow: 0 12px 24px 0 rgba(50, 50, 50, .12);
}

.search input[type="search"]:focus {
    border-color: #663991; /* Cor da borda quando focado */
    box-shadow: 0 12px 24px 0 rgba(50, 50, 50, .24); /* Sombra quando focado */
}

input {
    color: #000; /* Cor do texto */
}

button, input, optgroup, select, textarea {
    color: inherit;
}

/* Mantenha o restante do estilo inalterado */
.search-full input[type="search"] {
    border: 1px solid #fff;
}

.search input[type="search"] {
    border: 1px solid #ddd;
    border-radius: 30px;
    box-sizing: border-box;
    height: 40px;
    padding-left: 40px;
    padding-right: 20px;
    -webkit-appearance: none;
    width: 100%;
    transition: all 0.4s;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input {
    font-weight: 300;
    max-width: 100%;
    box-sizing: border-box;
    outline: none;
    transition: border .12s ease-in-out;
    font-size: 14px; /* Tamanho da fonte */
}

input[type="search"], textarea {
    line-height: normal;
}

* {
    box-sizing: border-box;
}

/* Alterações de cores para os elementos específicos */
.SearchContainer__searchIcon svg use {
    fill: #663991; /* Nova cor para o ícone de pesquisa */
}

.SearchContainer__moduleChangePopup {
    color: #663991; /* Nova cor para o ícone de filtro */
}
/* Alterações de cores para os elementos específicos */
.SearchContainer__searchIcon {
    background-color: #ffffff; /* Cor de fundo branca */
}

.SearchContainer__searchIcon svg use {
    fill: #663991; /* Nova cor para o ícone de pesquisa */
}

.SearchContainer__moduleChangePopup {
    color: #663991; /* Nova cor para o ícone de filtro */
}

/* Estilo para a cor da seta */
.AppContainer__backToTop svg use {
    fill: #ffffff; /* Cor branca para a seta */
}

/* Estilo para o fundo da seta */
.AppContainer__backToTop {
    background-color: #663991; /* Cor roxa para o fundo */
}

/* Estilo para a cor roxa em todos os elementos <a> com a classe Link__link */
.Link__link {
    color: #663991; /* Cor roxa */
}
/* Estilo para a cor roxa em todos os elementos <h5> com as classes específicas */
h5.ListHeader__header2.commonStyle__flex1.commonStyle__overflowDotted {
    color: #663991; /* Cor roxa */
}
/* Estilo para o elemento <svg> com a classe específica */
svg.Icon__icon.commonStyle__positionRel.commonStyle__verticalMiddle.Icon__small.Icon__brand {
    fill: #663991; /* Cor roxa */
}


/* Estilo para a seta do elemento <span> com a classe SearchContainer__downArrow */
.SearchContainer__downArrow {
    width: 0;
    height: 0;
    display: block;
    margin: 8px 0px 0px;
    border: solid transparent;
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #663991; /* Alteração da cor para roxa */
    border-bottom: 0;
    border-width: 5px;
}

/* Estilo para o link "Cadastre-se" */
a.Signin__userLink.commonStyle__zt3Brand {
    color: #663991; /* Cor roxa */
}


/* Sobrescrever o estilo atual para o elemento <span> com a classe FormElement__required */
span.FormElement__required:after {
    content: "*"; /* Mantém o conteúdo */
    color: #663991 !important; /* Altera a cor para roxa */
    margin: 0 0 0 0.1rem; /* Mantém a margem */
}


/* Alterar a cor do ícone */
.Icon__icon.commonStyle__positionRel.commonStyle__verticalMiddle.Icon__medium.Icon__brand use {
    fill: #663991; /* Cor roxa */
}


/* Alterar a cor do hover do botão */
.Button__footerBtn:hover {
    background-color: #663991; /* Cor roxa */
    color: #fff; /* Cor do texto branco */
}

/* Alterar a cor da borda do campo de entrada */
.Input__headerSearch:focus {
    border-color: #663991; /* Cor roxa */
    /* Adicione outras propriedades de estilo aqui, se necessário */
}

/* Sobrescrever o estilo !important do outline do campo de entrada quando em foco */
.Input__headerSearch:focus {
    outline-color: #663991 !important; /* Cor roxa */
}

.ErrorPage__errorTitle {
    color: #663991; /* Cor roxa */
    font-size: 1.5rem;
    font-weight: 400;
    margin: 1.5rem 0 0;
}

/* Alterar a cor do contorno quando o elemento está em foco */
.AppContainer__keyBoardfocus,
[data-focus-added] {
    outline-color: #663991 !important; /* Cor roxa */
    /* Outras propriedades de estilo aqui, se necessário */
}

.Icon__icon {
    color: #663991; /* Cor roxa */
    /* Outras propriedades de estilo aqui, se necessário */
}
svg.Icon__icon use {
    fill: #663991; /* Cor roxa */
}


/* Estilo para o botão */
.btn {
    background-color: #663991; /* Cor de fundo roxa */
    color: #ffffff; /* Cor do texto branca */
    border: none; /* Remove a borda */
    padding: 10px 20px; /* Espaçamento interno */
    font-size: 16px; /* Tamanho da fonte */
    cursor: pointer; /* Altera o cursor para indicar que é clicável */
    border-radius: 5px; /* Borda arredondada */
    transition: background-color 0.3s ease; /* Transição suave ao passar o mouse */
}

/* Estilo para o botão ao passar o mouse */
.btn:hover {
    background-color: #512b6b; /* Altera a cor de fundo ao passar o mouse */
}

.FilterTabs__activeFilter {
    color: #663991; /* Nova cor roxa */
}

.AvatarText__avatarText {
    color: #663991; /* Nova cor roxa */
}

.Icon__icon {
    color: #663991;
}

.NoContent__title {
    color: #663991; /* Nova cor roxa */
}

.commonStyle__zt3BrandBg {
    background-color: #663991;
}

.commonStyle__zt3Brand {
    color: #663991;
}

.commonStyle__zt3BrandBorder {
    border-color: #663991;
}

.Header__searchTitle::after {
    content: "COMO PODEMOS TE AJUDAR?";
    display: block;
    font-size: 0.8em; /* Ajuste o tamanho conforme necessário */
    font-weight: normal; /* Se necessário, ajuste a espessura da fonte */
    color: #000; /* Cor do texto */
    margin-top: 5px; /* Ajuste a margem superior conforme necessário */
}

svg.Icon__icon use {
    fill: #ffffff;
}