.container-fluid .section-banner {
    margin-top: 5rem;
    position: relative;
    background-image: linear-gradient(90deg, rgba(0, 29, 108, 0.8) 0%, rgba(0, 29, 108, 0) 100%), url('/img/sobre-section-banner-cover.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 600px;
    padding: 3rem 5rem 1rem;
}


.section-banner-content {
    gap: 3rem;
    margin: 10rem 0;
}


.section-historia {
    gap: 4rem;

    h1 {
        color: #265391;
    }

    h5 {
        font-weight: 700;
        color: #265391;
    }

    .card .card-body {
        padding-top: 24px;
        padding-bottom: 16px;
    }

    .card-text {
        font-size: 1rem;
        color: #21272A;
    }

    .card-group .card {
        border: 1px solid #DDE1E6;
    }

    .pagination {
        gap: 0.75rem;
    }

    .btn {
        text-decoration: none;
        padding: 0.5rem;
        color: #265391;
        font-weight: 500;
        letter-spacing: 0.5px;

        i {
            color: #265391;
        }
    }

    .pagination-button:nth-child(7),
    .pagination-button:nth-child(5),
    .pagination-button:nth-child(6) {
        display: none;
    }

    #prev-button:focus,
    #next-button:focus {
        outline: 0;
        border: 0;
    }

    .page-active {
        border: 1px solid #265391;
        border-radius: 50%;
        padding: 0.5rem;
        height: 2.5rem;
        width: 2.625rem;
    }


    .btn:disabled {
        color: #697077;
        border: 0;
    }

    .btn:active {
        border: 0;
    }

    .carousel-item {
        .row {
            justify-content: center;
        }
    }

    .carousel {
        display: none;
    }

    .card-group,
    .pagination {
        display: flex;
    }
}


.section-futuro {
    gap: 4rem;
    background-color: #265391;

    .row {
        gap: 4rem;
    }

    h4 {
        font-weight: 700;
        line-height: 110%;
        color: #F5BC00;
        text-align: justify;
    }

    p {
        text-align: left;
        color: #FFFFFF;
        text-align: justify;

    }
}

.section-diferenciais {
    gap: 4rem;

    h1 {
        color: #265391;
    }

    p {
        text-align: center;
        color: #21272A;

    }
}

.section-equipe {
    gap: 4rem;
    background-color: #265391;

    img {
        height: 9.375rem;
        width: 9.375rem;
    }

    .caption {
        color: #F5BC00;
    }

    h1,
    p {
        color: #FFFFFF;
    }


    .btn {
        background-color: #F5BC00;
        font-size: 1.25rem;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #265391;
        padding: 1rem;
        width: auto;
    }

}

.section-clientes-sobre {
    gap: 2.5rem;
    background-color: #FFFFFF;

    h2 {
        color: #265391;
    }
}

@media (max-width: 1200px) {
    .section-historia {

        .pagination-button:nth-child(5) {
            display: inline-block;
        }
    }
}

@media (max-width: 992px) {

    h1 {
        font-size: 3rem;
    }

    h2 {
        font-size: 2rem;
    }

    p {
        font-size: 1rem;
    }

    .container-fluid .section-banner {
        padding: 3rem 1rem 1rem;
    }

    .section-equipe {
        img {
            height: 5rem;
            width: 5rem;
        }
    }

    .section-historia {

        .pagination-button:nth-child(6),
        .pagination-button:nth-child(7) {
            display: inline-block;
        }
    }
}


@media (max-width: 578px) {
    h1 {
        font-size: 2.5rem;
    }

    .section-historia .carousel .carousel-item div {
        display: block;
    }

    .section-historia .carousel {
        display: block;
    }

    .section-historia .card-group,
    .section-historia .pagination {
        display: none;
    }

}