.section-space {
    padding: 72px 0
}

h2 {
    text-align: center;
    color: var(--gray);
    font-size: 38px;
    font-weight: 700;
    margin: 0 0 32px
}

h3 {
    font: 700 40px 'Open Sans';
    margin: 0 0 35px;
    color: var(--blue)
}

h3:after {
    content: '';
    display: block;
    width: 90px;
    height: 5px;
    background: var(--green);
    margin-top: 10px
}

.hero img {
    width: 100%;
    display: block
}

.hero .swiper-button-prev,
.hero .swiper-button-next {
    color: #fff
}

.institutional-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 40px;
    background: url('/imagens/bg_box_institucional_home.png?1') center/cover no-repeat;
    border-radius: 20px;
    text-decoration: none;
    color: #fff;
    height: 495px
}

.institutional-card img {
    width: 100%;

    margin-bottom: 25px
}

.institutional-card span {
    font-size: 27px;
    text-align: center;
    display: block;

}

.solutions-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 18px
}

.solution-card {
    height: 225px;
    border-radius: 14px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.solution-card img {
    max-width: 75%
}

.solution-card:nth-child(-n+3),
.solution-card:nth-child(n+4) {
    grid-column: span 2
}

.solution-card:nth-child(4) {
    margin-left: 50%
}

.news-grid {
    display: grid;
    grid-template-columns: 1.7fr 1fr;
    gap: 70px
}

.featured-news>img {
    width: 100%;
    height: 460px;
    object-fit: cover
}

.news span {
    display: inline-block;
    background: var(--green);
    color: #fff;
    font: 800 12px 'Open Sans';
    padding: 5px 10px;
    border-radius: 4px;
    margin-top: 10px
}

.news h4 {
    font-size: 26px;
    margin: 8px 0
}

.news h5 {
    font-size: 13px
}

.news small {
    font-size: 11px
}

.news-list>a {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-bottom: 30px;
    text-decoration: none;
    color: var(--blue)
}

.news-list img {
    width: 235px;
    height: 125px;
    object-fit: cover
}

.news-list h4 {
    font-size: 18px;
    width: 75%;
    margin: 5px 0
}

.career h3 {
    text-align: center;
    font-weight: 400
}

.career h3:after {
    margin: 10px auto
}

.career-box {
    border: 1px solid var(--blue);
    border-radius: 14px;
    min-height: 465px;
    display: flex;
    align-items: center;
    padding: 35px 80px 0px 420px;
    position: relative
}

.career-box>img {
    position: absolute;
    left: -60px;
    top: -55px;

}

.career-box h4 {
    font-size: 29px;
    color: var(--green)
}

.btn-primary {
    display: inline-block;
    background: var(--green);
    color: #fff;
    padding: 14px 28px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px
}

.solution-biopro {
    background-image: url('/imagens/bg_solucoes_biopro_home.png')
}

.solution-techpro {
    background-image: url('/imagens/bg_solucoes_thecpro_home.png')
}

.solution-nutripro {
    background-image: url('/imagens/bg_solucoes_nutripro_home.png')
}

.solution-ativpro {
    background-image: url('/imagens/bg_solucoes_activepro_home.png')
}

.solution-solopro {
    background-image: url('/imagens/bg_solucoes_solopro_home.png')
}

.solutions-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px
}

.solution-card {
    flex: 0 1 calc((100% - 36px)/3);
    min-width: 225px;
    max-width: 360px
}

.solution-card:nth-child(-n+3),
.solution-card:nth-child(n+4) {
    grid-column: auto
}

.solution-card:nth-child(4) {
    margin-left: 0
}

.news-grid {
    align-items: start
}

.featured-news {
    display: block;
    color: var(--blue);
    text-decoration: none
}

.featured-news>img {
    display: block;
    width: 100%;
    height: 460px;
    object-fit: cover;
    border-radius: 12px
}

.featured-news>span,
.news-list span {
    font: 800 12px 'Open Sans';
    color: #fff;
    background: var(--green);
    display: inline-block;
    padding: 5px 10px;
    border-radius: 6px;
    margin-top: 12px
}

.featured-news h4 {
    font: 800 30px 'Poppins';
    line-height: 1.18;
    margin: 10px 0 8px;
    color: var(--blue)
}

.featured-news h5 {
    font: 400 16px 'Poppins';
    line-height: 1.45;
    margin: 0 0 12px;
    color: var(--blue)
}

.featured-news small {
    font: 400 12px 'Poppins';
    color: var(--gray)
}

.news-list img {
    border-radius: 10px
}

.news-list h5 {
    margin: 0 0 8px
}

.news-list small {
    color: var(--gray)
}

.news-list>a {
    align-items: flex-start
}

.news-list>a>img {
    flex: 0 0 140px;
    display: block
}

.news-list>a>div {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.news-list span {
    margin-top: 0
}

.news-list h4 {
    font: 800 18px 'Poppins';
    line-height: 1.2;
    margin: 7px 0 5px
}

.news-list h5 {
    font: 400 12px 'Poppins';
    line-height: 1.35;
    margin: 0 0 7px
}

.news-list small {
    font: 400 11px 'Poppins'
}

.career h3:before {
    content: '';
    display: block;
    width: 90px;
    height: 5px;
    background: var(--green);
    margin: 0 auto 10px
}

.career h3:after {
    display: none
}

.career h3 {
    font-weight: 400
}

.career-box {
    padding: 35px 0
}

.career-content {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    width: 44%
}

.career-content h4 {
    width: 65%;
    margin: 80px 0 50px;
}

.career-content p {
    font-size: 18px;
    line-height: 1.5;
    color: var(--blue)
}

.hero-swiper-mobile {
    display: none
}

@media (max-width:767.98px) {
    .hero-swiper {
        display: none
    }

    .hero-swiper-mobile {
        display: block
    }

    .hero-swiper-mobile img {
        width: 100%;
        height: auto
    }

    .hero-swiper-mobile .swiper-button-prev,
    .hero-swiper-mobile .swiper-button-next {
        color: #fff
    }
}

.news-more-mobile {
    display: none
}

@media (max-width:767.98px) {
    .news-grid {
        display: flex;
        flex-direction: column;
        gap: 40px
    }

    .featured-news,
    .news-list {
        width: 100%
    }

    .news-list>a {
        margin-bottom: 28px;
        align-items: center;
    }
    

    .news-more-mobile {
        display: block;
        width: max-content;
        margin: 12px auto 0;
        background: var(--green);
        border-radius: 8px;
        color: #fff;
        font: 600 14px Poppins;
        padding: 13px 24px;
        text-decoration: none
    }

    .featured-news>img {
        height: auto;
        max-height: 460px
    }
}
.career-box{overflow:hidden}@media (max-width:767.98px){.career-box{min-height:0;display:flex;flex-direction:column;align-items:center;padding:28px 22px 30px}.career-box>img{position:static;width:70%;max-width:240px;height:auto;margin:-18px auto 18px}.career-content{position:static;width:100%;transform:none}.career-content p{font-size:14px;line-height:1.5}.career-box h4{font-size:23px;line-height:1.2}.career-content .btn-primary{font-size:13px}}
.career-box{overflow:visible}@media (max-width:767.98px){.career-box{overflow:hidden}}