.institutional-hero {
    position: relative;
    min-height: 570px;
    overflow: hidden
}

.institutional-hero__background {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0
}

.institutional-hero__content {
    position: relative;
    z-index: 1;
    min-height: 570px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-top: 20px
}

.institutional-hero h1 {
    max-width: 650px;
    margin: 0;
    color: #fff;
    font: 400 40px/1.2 Poppins, Arial, sans-serif
}

.institutional-hero h1 span:first-child {
    color: var(--green)
}

.institutional-hero h1 span:nth-child(2),
.institutional-hero h1 strong {
    color: #fff
}

.institutional-hero h1 strong {
    font-weight: 700
}

.institutional-hero p {
    max-width: 520px;
    margin: 25px 0;
    color: #fff;
    font: 400 18px/1.5 Poppins, Arial, sans-serif
}

.institutional-hero__button {
    display: inline-block;
    background: var(--green);
    border-radius: 10px;
    color: #fff;
    padding: 16px 26px;
    text-decoration: none;
    text-transform: uppercase;
    font: 600 14px Poppins, Arial, sans-serif
}

.institutional-hero h1 span,
.institutional-hero h1 strong {
    display: block
}

.institutional-history h3 {}

.institutional-history {
    padding: 80px 0
}

.institutional-history h3 {
    margin: 0 0 12px;
    color: var(--green);
    font: 400 18px/1.3 Poppins, Arial, sans-serif
}

.institutional-history h2 {
    margin: 0;
    color: #101820;
    text-align: left;
    font: 400 35px/1.25 Poppins, Arial, sans-serif
}

.institutional-history h2 strong {
    font-weight: 700
}

.institutional-history .h2_decoration {
    width: 35px;
    height: 2px;
    margin: 18px 0;
    background: var(--green)
}

.institutional-history p {
    width: 100%;
    margin: 0;
    color: #101820;
    margin-bottom: 25px;
    font: 400 18px/1.5 Poppins, Arial, sans-serif;
}

.institutional-history .img_institucional {
    width: 100%;
    height: 90%;
    min-height: 90%;
    border-radius: 60px 60px 120px 60px;
    overflow: hidden;
}

.institutional-history .img_institucional img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.institutional-history .col-md-6:last-child {
    position: relative
}

.institutional-years {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 185px;
    height: 185px;
    border-radius: 50%;
    background: var(--green);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    line-height: 1
}

.institutional-years strong {
    font: 600 90px/1 Poppins, Arial, sans-serif;
    font-style: italic;
}

.institutional-years span {
    font: 400 14px/1 Poppins, Arial, sans-serif;
    margin-top: 0px
}

.institutional-years {
    box-shadow: 12px -10px 18px rgba(6, 40, 63, .55)
}

#pilares {
    background-color: #eef1f3;
    padding: 20px 0;
}

.card_pilar {
    background-color: var(--blue);
    width: 100%;
    height: 17h0px;
    padding: 25px;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
}

.card_pilar h4 {
    font-size: 25px;
    color: #fff;
    font-family: Poppins, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.3;
}

.card_pilar p {
    font-size: 14px;
    color: #fff;
    font-family: Poppins, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
}

.circular_number {
    position: absolute;
    top: -42px;
    right: -20px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid #698294;
    color: #698294;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 600 24px Poppins, Arial, sans-serif;
}

.card_pilar a {
    font-size: 10px;
    color: var(--green);
    font-weight: 600;
    text-decoration: none;
}

#banner_nossa_historia {
    width: 100%;
    height: 308px;
    background: url('/imagens/banner_institucional_nossa_historia.png') no-repeat center center;
    background-size: cover;

}

#banner_nossa_historia h4 {
    color: var(--green);
    font-size: 42px;
    font-family: Poppins, Arial, sans-serif;
    font-weight: 400;
}

#banner_nossa_historia h4 strong {
    color: #fff;
    font-size: 42px;
    font-family: Poppins, Arial, sans-serif;
    font-weight: 600;
}

#banner_nossa_historia p {
    color: #fff;
    font-size: 16px;
    font-family: Poppins, Arial, sans-serif;
    font-weight: 400;
    width: 30%;
}


#desde2005 {
    padding: 80px 0 100px;
    background: #fff
}



#desde2005 h2 {
    margin: 0 0 22px;
    text-align: left;
    color: var(--green);
    font: 600 12px/1 Poppins, Arial, sans-serif;
    text-transform: uppercase
}

#desde2005 h3 {
    max-width: 430px;
    margin: 0;
    color: #101820;
    font: 400 26px/1.12 Poppins, Arial, sans-serif
}

#desde2005 h3 strong {
    font-weight: 800
}

#desde2005 h3:after {
    content: '';
    display: block;
    width: 88px;
    height: 2px;
    margin-top: 22px;
    background: var(--green)
}

#desde2005 p {
    max-width: 520px;
    margin: 20px 0 0;
    color: #101820;
    font: 400 12px/1.35 Poppins, Arial, sans-serif
}

#desde2005 .col-md-6:last-child {
    text-align: center
}

#desde2005 .col-md-6:last-child img {
    max-width: 100%;
    height: auto
}

#desde2005 .aspas {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 125px;
    margin-top: 32px;
    padding: 0 48px;
    color: #101820
}

#desde2005 .aspas p {
    position: relative;
    z-index: 1;
    max-width: 300px;
    margin: 0;
    text-align: center;
    font: 700 12px/1.35 Poppins, Arial, sans-serif
}

#desde2005 .aspas_open,
#desde2005 .aspas_close {
    position: absolute;
    color: #4db800;
    font: 800 118px/.65 Arial, sans-serif;
    line-height: .6
}

#desde2005 .aspas_open {
    left: -14px;
    top: 12px
}

#desde2005 .aspas_close {
    right: -10px;
    bottom: 0
}

#linha_tempo {
    background-color: var(--blue);
    padding: 80px 0;
}

#linha_tempo h4 {
    color: var(--green);
    font-size: 18px;
    font-family: Poppins, Arial, sans-serif;
    font-weight: 400;
    text-align: center;
}

#linha_tempo h3 {
    color: #fff;
    font-size: 32px;
    font-family: Poppins, Arial, sans-serif;
    font-weight: 400;
    text-align: center;

}

#linha_tempo h3::after {
    content: '';
    display: block;
    width: 88px;
    height: 2px;
    margin: 22px auto 0;
    background: var(--green);
}

.timeline {
    padding: 90px 0;
    background: var(--blue);
    color: #fff
}

.timeline-title {
    margin: 0 0 70px;
    text-align: center;
    color: #fff;
    font: 400 38px Poppins, Arial, sans-serif
}

.timeline-list {
    position: relative;
    padding: 0 0 40px
}

.timeline-list:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 3px;
    background: var(--green);
    transform: translateX(-50%);
    height: 89%;
}

.timeline-item {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 260px;
    margin-bottom: 55px
}

.timeline-card {
    width: 43%;
    background: #082a43
}

.timeline-item--right {
    justify-content: flex-end
}

.timeline-card>img {
    display: block;
    width: 100%;
    height: 190px;
    object-fit: cover
}

.timeline-card__body {
    padding: 20px 24px 24px
}

.timeline-card span {
    margin: 0 0 12px;
    color: var(--green);
    font: 700 16px/1.2 Poppins, Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.timeline-card span:after {
    display: none
}

.timeline-card p {
    margin: 0;
    color: #fff;
    font: 400 13px/1.35 Poppins, Arial, sans-serif
}

.timeline-year {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 2;
    min-width: 70px;
    padding: 5px 11px;
    border: 2px solid var(--green);
    border-radius: 18px;
    background: var(--blue);
    color: #fff;
    text-align: center;
    font: 700 16px Poppins, Arial, sans-serif;
    transform: translateX(-50%)
}

.timeline-card {
    width: 370px
}

.timeline-item--left {
    justify-content: flex-start
}

.timeline-item--left .timeline-card {
    margin-left: calc(50% - 400px)
}

.timeline-item--right {
    justify-content: flex-end
}

.timeline-item--right .timeline-card {
    margin-right: calc(50% - 400px)
}

.timeline-card h3:after {
    display: none !important
}

.timeline-item--left .timeline-card:after,
.timeline-item--right .timeline-card:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 30px;
    width: 30px;
    height: 3px;
    background: var(--green)
}

.timeline-item--left .timeline-card:after {
    left: 100%
}

.timeline-item--right .timeline-card:before {
    right: 100%
}

.timeline-card {
    position: relative;
    width: 370px
}

.timeline-item--left .timeline-card {
    margin-left: calc(50% - 430px)
}

.timeline-item--right .timeline-card {
    margin-right: calc(50% - 430px)
}

.timeline-item--left .timeline-card:after,
.timeline-item--right .timeline-card:before {
    top: 20px;
    height: 3px;
    z-index: 3
}

.timeline-year {
    min-width: 70px;
    height: 42px;
    padding: 7px 14px;
    border: 2px solid var(--green);
    border-radius: 24px;
    background: var(--green);
    box-shadow: 0 0 0 6px var(--blue), 0 0 0 8px var(--green);
    font: 800 18px/1 Poppins, Arial, sans-serif;
    color: #fff
}

#nossa_estrutura {
    width: 100%;
    background-image: url('/imagens/banner_institucional_nossa_estrutura.png');
    background-size: cover;
    background-position: center;
    height: 308px;
}

#nossa_estrutura {
    height: 308px;
    padding: 0 0;
    background-image: url('/imagens/banner_institucional_nossa_estrutura.png');
    background-size: cover;
    background-position: center
}

#nossa_estrutura h3 {
    margin: 0 0 14px;
    color: var(--green);
    font: 600 14px/1 Poppins, Arial, sans-serif
}

#nossa_estrutura h3:after {
    display: none
}

#nossa_estrutura h2 {
    margin: 0;
    color: #fff;
    text-align: left;
    font: 400 34px/1.05 Poppins, Arial, sans-serif
}

#nossa_estrutura h2 span {
    color: var(--green);
    font-weight: 400
}

#nossa_estrutura h2 strong {
    font-weight: 800;
    color: #fff
}

#nossa_estrutura p {
    max-width: 500px;
    margin: 18px 0 0;
    color: #fff;
    font: 400 16px/1.2 Poppins, Arial, sans-serif
}

#nossa_atuacao {
    padding: 90px 0;
    background: #fff;
    color: #101820
}

.atuação-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 30px
}

.atuação-heading h3 {
    margin: 0 0 26px;
    color: var(--green);
    font: 400 14px Poppins, Arial, sans-serif
}

.atuação-heading h3:after {
    display: none
}

.atuação-heading h2 {
    margin: 0;
    text-align: left;
    color: #101820;
    font: 400 30px/1.12 Poppins, Arial, sans-serif
}

.atuação-heading h2 strong {
    font-weight: 800
}

.atuação-decoration {
    width: 106px;
    height: 2px;
    margin-top: 25px;
    background: var(--green)
}

.atuação-heading>p {
    width: 43%;
    margin: 0 5px 0 30px;
    color: #101820;
    font: 400 14px/1.25 Poppins, Arial, sans-serif;
    text-align: center
}

.atuação-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 8px
}

.atuação-card {
    position: relative;
    min-height: 140px;
    border: 1px solid #a9a9a9;
    border-radius: 16px;
    padding: 25px 18px;
    background: #fff
}

.atuação-card h4 {
    margin: 0 0 14px;
    color: #333;
    font: 600 15px/1.2 Poppins, Arial, sans-serif
}

.atuação-card p {
    max-width: 280px;
    margin: 0;
    color: #101820;
    font: 400 14px/1.25 Poppins, Arial, sans-serif
}

.atuação-number {
    position: absolute;
    top: 8px;
    right: 10px;
    color: #777;
    font: 800 25px/1 Poppins, Arial, sans-serif
}

#nossa_atuacao_ubs {
    padding: 55px 0 70px;
    background: var(--blue);
    color: #fff;
    overflow: hidden
}

#nossa_atuacao_ubs>.container>h2 {
    margin: 0;
    color: #fff;
    text-align: left;
    font: 400 32px/1.15 Poppins, Arial, sans-serif
}

#nossa_atuacao_ubs>.container>h2 strong {
    font-weight: 800
}

#nossa_atuacao_ubs .ubs-heading-decoration {
    width: 118px;
    height: 2px;
    margin: 26px 0 40px;
    background: var(--green)
}




#nossa_atuacao_ubs h3 {
    margin: 0 0 10px;
    color: var(--green);
    font: 800 42px/1 Poppins, Arial, sans-serif
}

#nossa_atuacao_ubs h3:after {
    display: none
}

#nossa_atuacao_ubs h4 {
    max-width: 320px;
    margin: 0 0 24px;
    color: #fff;
    text-transform: uppercase;
    font: 600 16px/1.2 Poppins, Arial, sans-serif
}

#nossa_atuacao_ubs p {
    max-width: 430px;
    margin: 0 0 24px;
    color: #fff;
    font: 400 14px/1.35 Poppins, Arial, sans-serif
}

#nossa_atuacao_numeros {
    display: flex;
    gap: 0
}

#nossa_atuacao_numeros>div {
    min-width: 105px;
    padding: 0 16px;
    border-left: 2px solid var(--green);
    display: flex;
    flex-direction: column
}

#nossa_atuacao_numeros>div:first-child {
    padding-left: 10px
}

#nossa_atuacao_numeros strong {
    color: #fff;
    font: 800 22px/1 Poppins, Arial, sans-serif
}

#nossa_atuacao_numeros span {
    color: #fff;
    font: 400 14px/1.1 Poppins, Arial, sans-serif
}


#presenca_nacional {
    height: 299px;
    width: 100%;
    background-image: url('/imagens/banner_presenca_nacional.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#presenca_nacional .container {
    height: 100%;
    display: flex;
    align-items: center
}



#presenca_nacional h2 {
    margin: 0 0 22px;
    color: var(--green);
    text-align: left;
    font: 600 15px/1 Poppins, Arial, sans-serif
}

#presenca_nacional h3 {
    margin: 0;
    color: #fff;
    font: 400 38px/1.1 Poppins, Arial, sans-serif
}

#presenca_nacional h3:after {
    display: none
}

#presenca_nacional h3 strong {
    font-weight: 700
}

#presenca_nacional h3 span {
    color: var(--green)
}

#presenca_nacional p {
    width: 70%;
    margin: 16px 0 0;
    color: #fff;
    font: 400 15px/1.3 Poppins, Arial, sans-serif
}

#atuacao_proxima {
    padding: 90px 0;
    background: #fff;
    color: #102b43
}

#atuacao_proxima .row {
    align-items: center
}

#atuacao_proxima .col-md-6:first-child {
    padding: 0 28px 0 65px
}

#atuacao_proxima h3 {
    margin: 0 0 26px;
    color: var(--green);
    font: 400 17px/1 Poppins, Arial, sans-serif
}

#atuacao_proxima h3:after {
    display: none
}

#atuacao_proxima h2 {
    max-width: 430px;
    margin: 0;
    text-align: left;
    color: #102b43;
    font: 400 34px/1.15 Poppins, Arial, sans-serif
}

#atuacao_proxima h2:after {
    content: '';
    display: block;
    width: 140px;
    height: 2px;
    margin: 35px 0 28px;
    background: var(--green)
}

#atuacao_proxima p {
    max-width: 500px;
    margin: 0 0 24px;
    color: #102b43;
    font: 400 16px/1.35 Poppins, Arial, sans-serif
}

#numeros_atuacao {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px 20px;
    margin-top: 48px
}

#numeros_atuacao>div {
    height: 106px;
    border: 2px solid #b4b4b4;
    border-radius: 16px;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#numeros_atuacao strong {
    color: var(--green);
    font: 800 31px/1 Poppins, Arial, sans-serif
}

#numeros_atuacao span {
    color: #102b43;
    font: 400 13px/1.15 Poppins, Arial, sans-serif
}

#atuacao_proxima .col-md-6:last-child {
    display: flex;
    justify-content: center
}

#atuacao_proxima .col-md-6:last-child img {
    display: block;
    width: 100%;
    max-width: 650px;
    height: auto
}

#atuacao_proxima h2 strong {
    font-weight: 800
}

#atuacao_proxima .atuacao-lead {
    font-weight: 800
}

#atuacao_proxima h2 {
    font-size: 38px;
    line-height: 1.12
}

#atuacao_proxima p {
    font-size: 18px;
    line-height: 1.25
}

#atuacao_proxima h3 {
    font-size: 18px
}

#ciencia_campo_resultado {
    height: 400px;
    width: 100%;
    background-image: url('/imagens/banner_ciencia_campo_resultado.png');
    background-size: cover;
    background-position: center;
}

#ciencia_campo_resultado .container {
    height: 100%;
    display: flex;
    align-items: center
}



#ciencia_campo_resultado h2 {
    margin: 0 0 22px;
    color: var(--green);
    text-align: left;
    font: 600 15px/1 Poppins, Arial, sans-serif
}

#ciencia_campo_resultado h4 {
    margin: 0;
    color: #fff;
    font: 400 38px/1.1 Poppins, Arial, sans-serif;
    width: 50%;
}

#vamos_avancar {
    padding: 70px 0 80px;
    background: #fff;
    text-align: center
}

#vamos_avancar .col-12 {
    display: flex;
    flex-direction: column;
    align-items: center
}

#vamos_avancar h2 {
    margin: 0 0 30px;
    color: var(--green);
    font: 600 20px/1 Poppins, Arial, sans-serif
}

#vamos_avancar h4 {
    max-width: 720px;
    margin: 0;
    color: #102b43;
    font: 400 40px/1.15 Poppins, Arial, sans-serif
}

#vamos_avancar p {
    max-width: 650px;
    margin: 28px 0 42px;
    color: #102b43;
    font: 400 20px/1.25 Poppins, Arial, sans-serif
}

#vamos_avancar a.btn {
    border: 0;
    border-radius: 6px;
    background: var(--green);
    color: #fff;
    padding: 10px 16px;
    font: 600 12px Poppins, Arial, sans-serif;
    text-decoration: none
}

@media (max-width:767.98px) {

    .institutional-hero,
    .institutional-hero__content {
        min-height: 520px
    }

    .institutional-hero__content {
        padding: 32px 24px
    }

    .institutional-hero h1 {
        font-size: 30px
    }

    .institutional-hero p {
        font-size: 15px
    }

    .institutional-history {
        padding: 55px 24px
    }

    .institutional-history .row>.col-12 {
        width: 100%;
        padding: 0
    }

    .institutional-history .img_institucional {
        height: 300px;
        min-height: 300px;
        margin-top: 35px
    }

    .institutional-years {
        width: 130px;
        height: 130px
    }

    .institutional-years strong {
        font-size: 52px
    }

    .institutional-years span {
        font-size: 18px
    }

    #pilares {
        padding: 50px 24px
    }

    #pilares .row>.col-12 {
        width: 100%;
        margin-bottom: 20px
    }

    #banner_nossa_historia {
        height: 360px;
        padding: 0 24px
    }

    #banner_nossa_historia p {
        width: 100%
    }

    #desde2005 {
        padding: 55px 24px
    }

    #desde2005 .row>.col-12 {
        width: 100%;
        margin: 0;
        padding: 0 0 30px
    }

    #desde2005 .col-md-5.offset-md-1 {
        width: 100%;
        margin: 0
    }

    #desde2005 .aspas {
        margin-bottom: 20px
    }

    #linha_tempo {
        padding: 60px 24px
    }

    #linha_tempo .timeline {
        padding: 0
    }

    .timeline-title {
        font-size: 30px;
        margin-bottom: 40px
    }

    .timeline-list:before {
        left: 18px
    }

    .timeline-item,
    .timeline-item--right {
        display: block;
        min-height: 0;
        margin-bottom: 45px;
        padding-left: 40px
    }

    .timeline-item--left .timeline-card,
    .timeline-item--right .timeline-card {
        width: 100%;
        margin: 0
    }

    .timeline-card>img {
        height: 170px
    }

    .timeline-year {
        left: 18px;
        top: -8px;
        min-width: 62px;
        font-size: 14px
    }

    .timeline-item--left .timeline-card:after,
    .timeline-item--right .timeline-card:before {
        display: none
    }

    #nossa_estrutura {
        height: 360px;
        padding: 0 24px
    }

    #nossa_estrutura h2 {
        font-size: 30px
    }

    #nossa_estrutura p {
        font-size: 14px
    }

    #nossa_atuacao_ubs {
        padding: 55px 24px
    }

    #nossa_atuacao_ubs .row>.col-12 {
        width: 100%;
        padding: 0
    }

    .ubs-heading-decoration {
        margin-bottom: 30px !important
    }

    #nossa_atuacao_ubs .col-md-6 {
        width: 100%;
        margin-top: 35px;
        flex-direction: column
    }

    #nossa_atuacao_ubs .col-md-6 img {
        width: 100%;
        height: 210px
    }

    #presenca_nacional {
        height: 360px
    }

    #presenca_nacional .container {
        padding: 0 24px
    }

    #presenca_nacional .col-md-6 {
        padding: 0
    }

    #presenca_nacional h3 {
        font-size: 30px
    }

    #atuacao_proxima {
        padding: 55px 24px
    }

    #atuacao_proxima .row>.col-12 {
        width: 100%;
        padding: 0
    }

    #atuacao_proxima .col-md-6:last-child {
        margin-top: 35px
    }

    #atuacao_proxima h2 {
        font-size: 30px
    }

    #atuacao_proxima p {
        font-size: 16px
    }

    #numeros_atuacao {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        margin-top: 30px
    }

    #numeros_atuacao>div {
        height: 92px;
        padding: 12px
    }

    #numeros_atuacao strong {
        font-size: 24px
    }

    #numeros_atuacao span {
        font-size: 11px
    }

    #ciencia_campo_resultado {
        height: 330px;
        padding: 0 24px
    }

    #ciencia_campo_resultado h4 {
        width: 100%;
        font-size: 28px
    }

    #vamos_avancar {
        padding: 55px 24px 65px
    }

    #vamos_avancar h4 {
        font-size: 30px
    }

    #vamos_avancar p {
        font-size: 16px
    }

    .atuação-heading {
        display: block
    }

    .atuação-heading>p {
        width: 100%;
        margin: 25px 0
    }

    .atuação-grid {
        grid-template-columns: 1fr
    }

    .atuação-card {
        min-height: 125px
    }
}