.owl-carousel{
    padding: 4% 100px 2%;
}

.owl-item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.owl-carousel.item{
    position: relative;
    width: 90%;
}

.owl-carousel .item .icon-box{
    position: relative; 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    font-size: 20px;
}

.owl-carousel .item .icon-box img{
    max-height: 150px;
    width: auto;
}

/* Estilo padrão das setas do Owl */
.owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    margin-top: 0;
}

/* Botões de navegação */
.owl-prev, .owl-next {
    background: rgba(0, 0, 0, 14%) !important;
    color: white !important;
    width: 40px;
    border-radius: 10% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 24px !important;
}

.owl-prev:hover, .owl-next:hover {
    background: rgba(0, 0, 0, 0.5) !important;
}

.owl-prev {
    position: absolute;
    left: 15px;
    top:50%;
    transform: translateY(-50%);
}

.owl-next {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 15px;
}

/* Se estiver usando navegação personalizada */
.custom-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    pointer-events: none; /* Permite clicar através dos botões */
}

.custom-prev, .custom-next {
    pointer-events: all;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
}

@media (max-width: 575.98px) {
    .owl-prev, .owl-next {
        background: rgba(0, 0, 0, 14%) !important;
        color: white !important;
        width: 40px;
        height: 50px;
        padding: 25px;
    }

    #carousel2 .owl-prev {
        background: none !important;
        color: #0E294D !important;
        width: 40px;
        height: 50px;
        padding: 25px;
    }

    #carousel2 .owl-next {
        background: none !important;
        color: #0E294D !important;
        width: 40px;
        height: 50px;
        padding: 25px;
    }

    .owl-stage{
        display: flex;
    }

    /* Estilos para o carrossel */
    #carousel1 .owl-stage {
        display: flex;
        align-items: center;
    }

    #carousel1 .owl-item {
        width: 240px !important;
        margin: 0!important;
        /* Força largura automática */
        flex-shrink: 0;
        padding: 0 20px;
        /* Impede que os itens encolham */
    }

    #carousel1 .icon-box p {
        margin: 0;
        font-size: 14px;
    }
}