/* Contêiner do carrossel */
.team-page-section {
    position: relative;
    padding-top: 70px;
}

.carousel-wrapper {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding-bottom: 20px;
    position: relative; /* Necessário para posicionar os botões */
}

/* Ocultar a barra de rolagem padrão */
.carousel-wrapper::-webkit-scrollbar {
    display: none;
}

/* Bloco da equipe */
.team-block {
    flex: 0 0 300px; /* Tamanho fixo do card */
    transition: transform 0.3s ease-in-out;
    position: relative; /* Necessário para posicionar o botão de rolagem dentro do card */
}

/* Botões de rolagem */
.carousel-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ff9600;
    border: none;
    color: white;
    font-size: 24px;
    padding: 10px;
    cursor: pointer;
    z-index: 10;
    border-radius: 5px;
}

/* Botão à esquerda */
.carousel-button.left {
    left: -40px; /* Coloca o botão à esquerda do card */
}

/* Botão à direita */
.carousel-button.right {
    right: -40px; /* Coloca o botão à direita do card */
}

/* Efeito de hover nos botões */
.carousel-button:hover {
    background-color: #e58c00;
}


/* menu */

.custom-nav {
    padding: 15px 0;
    width: 100%;
    border-radius: 0px;
    z-index: 999;
    margin-bottom: 0;
    transition: all 0.5s ease-in-out;
    background-color: #ffffffd4;
}
.navbar-toggler {
    font-size: 24px;
    margin-top: 5px;
    margin-bottom: 0;
    color: #ffffff;
}

.custom-nav .navbar-nav li a {
    color: #000000;
    font-size: 18px;
    background-color: transparent !important;
    padding: 15px 0;
    position: relative;
    margin: 0 7px;
    font-weight: 600;
    transition: all 0.4s;
}
.custom-nav .navbar-brand.logo img {
    height: 6rem;
    margin-left: 35px;
}

.custom-nav .logo {
    color: #fff;
    font-size: 1.8rem;
}