@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&family=Poppins:wght@400;500;700&family=Zilla+Slab:wght@500&display=swap');

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    color: #494949;
    background-color: #F8F8F8;
}

body {
    overflow-x: hidden;
}

body.active-menu-mobile {
    overflow-y: hidden;
}

b,
strong {
    font-weight: 700;
}

.italic {
    font-style: italic;
}

.link .italic {
    margin-right: 3px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Bree Serif', sans-serif;
    font-weight: 400;
}

p {
    font-size: 1.125rem;
    line-height: 2.25rem;
}

.content-text p:last-child {
    margin-bottom: 0;
}

img {
    max-width: 100%;
}

a {
    color: #BE1D48;
    text-decoration: none;
    transition: .2s ease-in-out;
    display: inline-flex;
    cursor: pointer;
    align-items: center;
}

a:hover {
    color: #e62e5f;
}

button {
    border: 0;
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.sticky-top {
    top: 49px !important;
}

/* Barra de acessibilidade */

.main-infos-acessibilidade {
    padding: 15px 0;
    position: absolute;
    z-index: 999;
    background-color: #F8F8F8;
    width: 100%;
}

.main-infos-acessibilidade .content-nav a {
    margin-right: 30px;
}

.main-infos-acessibilidade .content-nav {
    font-size: 0.875rem;
}

.main-infos-acessibilidade .content-nav .linguagem a:first-child {
    padding-right: 5px;
    margin-right: 5px;
    border-right: 2px solid #333;
}

.main-infos-acessibilidade .content-nav .linguagem {
    display: flex;
    flex-direction: row;
    align-items: center;
}

html[lang="en-US"] .main-infos-acessibilidade .content-nav .linguagem a:last-child {
    font-weight: 700;
}

.main-infos-acessibilidade .content-nav a:last-child {
    margin-right: 0px;
}

.main-header .navbar .dropdown .nav-item:last-child {
    margin-right: 30px;
}

.main-header .navbar .nav-item:last-child {
    margin-right: 0;
}

html[lang="pt-BR"] .main-infos-acessibilidade .content-nav .linguagem a:first-child {
    font-weight: 700;
}

/* Banner */

.banner {
    background-color: #C03646;
    position: relative;
    z-index: 9;
    min-height: 100vh;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.banner {
    padding-top: 150px;
    padding-bottom: 150px;
}

.banner .content-text p {
    font-size: 1rem;
    line-height: 2rem;
}

.banner .grafismo {
    position: absolute;
    right: 0;
    top: 150px;
    max-width: 650px;
}

.banner .content-text {
    color: #fff;
}

.banner .content-links .link a {
    color: #fff;
}

.banner .content-links .link a .content-icon svg path {
    fill: #fff;
}

.banner .content-banner img {
    margin-bottom: 60px;
}

#banner .content-links .link.edicoes {
    position: relative;
}

.banner .content-links .link.edicoes {
    position: relative;
}

.banner .content-links .link.edicoes .infos {
    position: absolute;
    left: 25px;
    top: 30px;
    transition: .2s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.banner .content-links .link.edicoes .infos.active-infos {
    opacity: 1;
    visibility: visible;
    left: 35px;
}

.banner .content-links .link a:hover {
    opacity: 0.7;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.banner .content-links .link a:hover .content-icon svg path {
    fill: #fff;
}

/* Header */

.main-header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 999999;
    top: 51px;
    transition: .2s ease-in-out;
}

.main-header.header-mod {
    top: 0px;
    background-color: #fff;
    box-shadow: 0px 10px 30px rgb(0 0 0 / 10%);
}

.main-header .content-branding {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 0 -20px;
    padding: 20px;
    background-color: transparent;
    transition: .2s ease-in-out;
    border-radius: 10px;
}

.main-header.header-mod .content-branding {
    padding: 10px 20px;
}

.main-header .main-logo svg {
    height: 30px;
}

.main-header .main-logo svg path {
    fill: #fff;
    transition: .2s ease-in-out;
}

.main-header.header-mod .main-logo svg path {
    fill: #BE1D48;
}

.main-header .main-logo {
    display: inline-flex;
    position: relative;
    z-index: 9;
    padding: 0;
}

/* Logo */

.content-logo {
    display: flex;
}

/* Menu */

.main-header .navbar {
    width: 100%;
    padding: 20px 0;
    transition: .2s ease-in-out;
}

.admin-bar .main-header {
    top: 82px;
}

.admin-bar .main-header.header-mod {
    top: 0;
}

.main-header .navbar .nav-link {
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 10px;
}

.main-header .navbar .nav-item {
    margin-right: 30px;
}

.main-header .navbar .nav-item.current_page_item .nav-link,
.main-header .navbar .nav-link:hover,
.main-header .navbar .nav-link.dropdown-toggle.show {
    background-color: rgba(255, 255, 255, 0.15);
}

.main-header.header-mod .navbar .nav-link {
    color: #BE1D48;
}

.main-header.header-mod .navbar .nav-item.current_page_item .nav-link,
.main-header.header-mod .navbar .nav-link:hover,
.main-header.header-mod .navbar .nav-link.dropdown-toggle.show {
    background-color: #BE1D48;
    color: #fff;
}

.main-header.header-mod .navbar {
    padding: 10px 0;
}

.dropdown-menu {
    border: 0;
    padding: 10px;
    border-radius: 20px;
    margin-top: 10px;
    transition: .2s ease-in-out;
}

.dropdown-menu li:first-child .dropdown-item {
    margin-left: 0;
}

.dropdown-item {
    font-size: 0.75rem;
    font-weight: 600;
    color: #BE1D48;
    border-radius: 10px;
    padding: 5px 10px;
    margin-left: 10px;
}

.dropdown-item:hover {
    color: #fff;
    background: #BE1D48;
}

/********** Componentes **********/

/* Toggle menu */

.toggle-menu {
    display: none;
    position: relative;
    z-index: 9;
}

.toggle-menu:focus {
    outline: none;
}

.ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: rgb(255 255 255 / 20%);
    border-radius: 50%;
}

.hamRotate.active {
    transform: rotate(45deg);
}

.hamRotate180.active {
    transform: rotate(180deg);
}

.line {
    fill: none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: #fff;
    stroke-width: 5.5;
    stroke-linecap: round;
}

.ham1 .top {
    stroke-dasharray: 40 139;
}

.ham1 .bottom {
    stroke-dasharray: 40 180;
}

.ham1.active .top {
    stroke-dashoffset: -98px;
}

.ham1.active .bottom {
    stroke-dashoffset: -138px;
}

.main-header.header-mod .ham {
    background-color: #BE1D48;
}


/* Links */

.content-links .link a {
    display: inline-flex;
    flex-direction: row;
    align-items: flex-start;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.875rem;
}

.content-links .link.link-video a {
    align-items: center;
}

.content-links .link a .content-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    transition: .2s ease-in-out;
}

.content-links .link a .content-icon svg {
    margin-top: 4px;
}

.content-links .link a .content-icon svg path {
    fill: #BE1D48;
    transition: .2s ease-in-out;
}

.content-links .link a:hover .content-icon svg path {
    fill: #e62e5f;
}

.content-links .link a i {
    margin-right: 4px;
}

.content-links .link a.btn-more-text .content-icon {
    transform: rotate(90deg);
    margin-right: 5px;
}

.content-links .link a.btn-more-text.active .content-icon {
    transform: rotate(-90deg);
}

.btn-more-text .closed {
    display: none;
}

.btn-more-text.active .closed {
    display: inline;
}

.btn-more-text .open {
    display: inline;
}

.btn-more-text.active .open {
    display: none;
}

.content-links .link {
    margin-bottom: 10px;
}

.content-links .link:last-child {
    margin-bottom: 0;
}

/* Saiba mais */

.content-more {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%) !important;
}

.content-more .content-text {
    margin-bottom: 10px;
    text-align: center;
}

.content-more .content-text p {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.875rem;
}

.content-icon {
    display: flex;
}

.content-more .content-icon a {
    transition: .2s ease-in-out;
}

.content-more .content-icon a:hover {
    transform: scale(1.2);
}

/* Titulos */

.title-group-custom-1 h2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 5rem;
    margin-bottom: 0;
}

.title-group-custom-1 h2 span.subtitle {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 2.25rem;
    letter-spacing: 2px;
    max-width: 500px;
}

.title-group-custom-1 h2 span.subtitle,
.title-group-custom-1 h2 span.title {
    background: rgb(190, 29, 72);
    background: -moz-linear-gradient(90deg, rgba(190, 29, 72, 1) 0%, rgba(234, 91, 12, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(190, 29, 72, 1) 0%, rgba(234, 91, 12, 1) 100%);
    background: linear-gradient(90deg, rgba(190, 29, 72, 1) 0%, rgba(234, 91, 12, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#be1d48", endColorstr="#ea5b0c", GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.title-group-custom-1.reverse h2 .title {
    margin-top: -10px;
}

.title-group-banner-interno.light {
    color: #fff;
    background: none;
    -webkit-text-fill-color: inherit;
}

/* Videos */

.content-video {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
    box-shadow: 0px 10px 30px rgb(0 0 0 / 20%);
    transition: background-size .2s ease-in-out;
    position: relative;
    overflow: hidden;
}

.content-video:hover {
    background-size: 110%;
}

.content-video .content-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

/********** Fim Componentes **********/

/********** Sessoes **********/

/* Carta aberta */

.carta-aberta-home {
    position: relative;
}

.carta-aberta-home .content-text {
    max-width: 550px;
}

.carta-aberta-home .content-image img {
    width: 100%;
}

.carta-aberta-home .content-image {
    padding-left: 0;
    margin-left: -15px;
}

.carta-aberta-home .content-column {
    padding: 0px 30px 100px 30px;
}

.carta-aberta-home .content-column .content-text {
    position: relative;
}

.carta-aberta-home .content-image {
    position: sticky;
    top: 0px;
}

.carta-aberta-home .title-group-custom-1 {
    position: sticky;
    top: 0px;
    padding: 100px 0px 50px;
    margin-bottom: 30px;
    background-color: #f8f8f8;
    z-index: 9;
}

.carta-aberta-home .content-column .content-text p {
    margin-bottom: 20px;
}

.carta-aberta-home .content-more {
    margin-top: 0;
    position: relative;
    z-index: 9;
}

.carta-aberta-home .content-more .content-text p {
    color: #CC4900;
}

.carta-aberta-home .content-more .content-icon svg path {
    stroke: #CC4900;
}

.carta-aberta-home .content-image .info-people {
    position: absolute;
    bottom: 250px;
    left: 100px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 15px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.carta-aberta-home .content-image .info-people span.title {
    font-size: 1.25rem;
    font-family: 'Bree Serif', sans-serif;
    color: #BE1D48;
}

.carta-aberta-home .content-image .info-people span.subtitle {
    color: #BE1D48;
    font-size: 0.875rem;
}

.carta-aberta-home .grafismo {
    position: absolute;
    bottom: -50px;
    right: 0px;
}

.carta-aberta-home .grafismo {
    max-width: 300px;
}

@media (min-width: 1550px) {
    .carta-aberta-home .content-text {
        max-width: 700px;
    }

    .carta-aberta-home .content-image .info-people {
        bottom: 350px;
    }
}

@media (max-width: 1300px) {
    .carta-aberta-home .content-image .info-people {
        bottom: 150px;
    }
}

/* Advocacia com DNA Social */

#dna-social .title-group-custom-1 {
    margin-bottom: 50px;
}

#dna-social .content-text {
    margin-bottom: 50px;
}

#dna-social .content-video {
    width: 100%;
    height: 400px;
}

#dna-social .content-links .link a {
    color: #CC4900;
}

#dna-social .content-links .link a:hover {
    color: #e96114;
}

#dna-social .content-links .link a .content-icon svg path {
    fill: #CC4900;
    transition: .2s ease-in-out;
}

#dna-social .content-links .link a:hover .content-icon svg path {
    fill: #e96114;
}

#dna-social .container {
    position: relative;
}

#dna-social .container::before {
    content: '';
    position: absolute;
    right: 50px;
    top: 100px;
    bottom: -450px;
    width: 550px;
    max-height: 1000px;
    background-image: url(https://relatoriosocial2019-2020.mattosfilho.com.br/wp-content/uploads/2021/03/grafismo-dnasocial.svg);
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
}

#dna-social .row-cards {
    margin-top: 100px;
}

#dna-social .card-dna {
    padding: 50px;
    min-height: 600px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    box-shadow: 0px 10px 30px rgb(0 0 0 / 25%);
    transition: .2s ease-in-out;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    overflow: hidden;
    position: relative;
}

#dna-social .card-dna .content-text h3 {
    font-size: 2.25rem;
    line-height: 2.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#dna-social .card-dna .content-text {
    margin-bottom: 50px;
}

#dna-social .card-dna .content-links .link a {
    color: #fff;
    font-size: 1rem;
}

#dna-social .card-dna .content-links .link a svg path {
    fill: #fff;
}

#dna-social .card-dna .content-links .link a:hover svg path {
    fill: #fff;
}

#dna-social .card-dna .content-links .link a:hover {
    opacity: 0.7;
}

#dna-social .card-dna::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.10);
    z-index: 9;
}

#dna-social .card-dna .content-text,
#dna-social .card-dna .content-links {
    position: relative;
    z-index: 99;
}

#dna-social .carousel-cards .owl-stage {
    margin-top: 100px;
    margin-bottom: 150px;
}

#dna-social .card-dna:hover {
    transform: scale(1.05);
}


/* Pandemia */

#pandemia .title-group-custom-1 h2 {
    margin-bottom: 30px;
}

#pandemia .content-links {
    margin-top: 50px;
    max-width: 500px;
}

#pandemia {
    padding-bottom: 100px;
    position: relative;
}

#pandemia .content-image {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 10px 30px rgb(0 0 0 / 20%);
}

#pandemia .grafismo {
    position: absolute;
    top: -100px;
    left: -45px;
    z-index: -9;
}

/* Equidade racial */

#equidade-racial {
    margin-top: 50px;
    position: relative;
}

#equidade-racial .grafismo {
    position: absolute;
    right: 0;
    top: -250px;
    max-width: 240px;
}

#equidade-racial .card-equidade {
    background-color: #333;
    min-height: 650px;
    padding: 50px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    background-position: top center;
    background-size: cover;
    position: relative;
}

#equidade-racial .card-equidade:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 40%;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
    transition: .2s ease-in-out;
    opacity: 1;
}

#equidade-racial .card-equidade:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    transition: .3s ease-in-out;
    opacity: 0;
}

#equidade-racial .card-equidade:hover:after {
    opacity: 0.4;
}

#equidade-racial .card-equidade .content-card {
    position: absolute;
    left: 50px;
    right: 50px;
    bottom: 50px;
    max-height: 33px;
    overflow: hidden;
    transition: .5s ease-in-out;
    z-index: 9;
    color: #fff;
}

#equidade-racial .card-equidade .content-card h3 {
    margin-bottom: 10px;
}

#equidade-racial .card-equidade .content-card .content-text p {
    font-size: 1rem;
    line-height: 1.5rem;
}

#equidade-racial .card-equidade .content-card .content-text {
    margin-bottom: 30px;
}

#equidade-racial .card-equidade:hover .content-card {
    max-height: 280px;
}

#equidade-racial .card-equidade .content-card .content-social a:hover {
    opacity: 0.7;
}

#equidade-racial .carousel-cards-equidade {
    padding: 50px 0px 0px;
}

#equidade-racial .title-group-custom-1>span {
    margin-top: 20px;
    display: inline-block;
    font-size: 1.125rem;
}

.carousel-cards-equidade {
    position: relative;
}

.carousel-cards-equidade .owl-nav {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.carousel-cards-equidade.owl-theme .owl-nav .owl-next,
.carousel-cards-equidade.owl-theme .owl-nav .owl-prev {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0;
    transition: .2s ease-in-out;
    background-image: url(https://relatoriosocial2019-2020.mattosfilho.com.br/wp-content/uploads/2021/03/icon-nav-carousel.svg);
    background-size: 25px 25px;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
}

.carousel-cards-equidade.owl-theme .owl-nav .owl-next.disabled,
.carousel-cards-equidade.owl-theme .owl-nav .owl-prev.disabled {
    opacity: 0;
    visibility: hidden;
}

.carousel-cards-equidade.owl-theme .owl-nav .owl-next:focus,
.carousel-cards-equidade.owl-theme .owl-nav .owl-prev:focus {
    outline: none;
}

.carousel-cards-equidade.owl-theme .owl-nav .owl-prev {
    transform: rotate(180deg);
    background-position: 15px center;
}

/* Podcast */

#podcast {
    padding: 50px 0;
}

#podcast iframe {
    margin-bottom: 30px;
    border-radius: 5px;
    max-width: 500px;
}

#podcast .content-text p {
    font-size: 1rem;
    line-height: 2rem;
}

/* Footer */

.main-footer {
    background-color: #fff;
    padding: 30px 0;
}

.main-footer {
    background-color: #fff;
    padding: 30px 0 0;
}

.main-footer .social {
    margin-left: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.main-footer .social a {
    margin-right: 40px;
}

.main-footer .social a:last-child {
    margin-right: 0;
}

.main-footer .social a svg path {
    transition: .2s ease-in-out;
}

.main-footer .social a:hover svg path {
    fill: #CC4900;
}

.main-footer .copyright {
    margin-top: 30px;
    padding: 5px;
    text-align: center;
    background-color: #f8f8f8;
}

.main-footer .copyright p {
    margin: 0;
    font-size: 0.75rem;
    color: #a9a9a9;
}

.main-footer .copyright p a {
    color: #a9a9a9;
}

#logounicoEN {
    width: 194px;
}

/* Modal */

.modal-RS .modal-fullscreen .modal-content {
    border: 0px;
    border-radius: 0px;
}

.modal-RS .modal-fullscreen .modal-content .modal-header {
    padding: 20px 30px;
    border: 0;
    margin: 0;
}

.modal-RS .modal-fullscreen .modal-content .modal-body {
    padding: 0px 30px 51px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.modal-RS .modal-fullscreen .modal-content .modal-body .content-video-modal iframe {
    width: 100%;
}

.modal-RS .modal-fullscreen .modal-footer {
    justify-content: center;
    padding: 20px;
    border: 0;
}

.modal-RS .modal-fullscreen .modal-footer>* {
    margin: 0;
}

.modal-RS .modal-fullscreen .modal-content .modal-body iframe {
    padding: 0 30px;
    width: 100%;
    height: 100%;
    position: relative !important;
}

.modal-RS .modal-content {
    border-radius: 20px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.modal-RS .modal-content .modal-header {
    padding: 30px 30px 0px 30px;
    border: 0;
}

.modal-header .btn-close {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    background-size: 1.5rem;
    margin-top: 10px;
}

.modal-RS .modal-content .modal-body {
    padding: 0px 30px 30px 30px;
}

#rsModalAcessibilidade .modal-body p:last-child {
    margin-bottom: 0;
}

.modal-RS .modal-content .modal-body h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    color: #CC4900;
    margin-bottom: 20px;
}

.modal-RS .modal-body p {
    width: 100%;
    height: 100%;
}

.modal-Vencedores .modal-body h3 {
    text-align: center;
}

.modal-Vencedores .modal-body .subtitle {
    font-weight: 600;
    color: #CC4900;
    margin: 20px 0;
}

.modal-Vencedores .modal-body ul {
    padding: 0px 18px;
    margin: 0;
}

.modal-Vencedores .modal-body ul li {
    margin-bottom: 15px;
}

.modal-Vencedores .modal-body ul li:last-child {
    margin-bottom: 0;
}

/* Animações gradiente */

.gradienteBanner {
    background: linear-gradient(-45deg, #f36300, #BE1D48, #d76100, #ff823c);
    background-size: 800% 800%;

    -webkit-animation: gradienteBanner 15s ease infinite;
    -moz-animation: gradienteBanner 15s ease infinite;
    -o-animation: gradienteBanner 15s ease infinite;
    animation: gradienteBanner 15s ease infinite;
}

@-webkit-keyframes gradienteBanner {
    0% {
        background-position: 18% 0%
    }

    50% {
        background-position: 83% 100%
    }

    100% {
        background-position: 18% 0%
    }
}

@-moz-keyframes gradienteBanner {
    0% {
        background-position: 18% 0%
    }

    50% {
        background-position: 83% 100%
    }

    100% {
        background-position: 18% 0%
    }
}

@-o-keyframes gradienteBanner {
    0% {
        background-position: 18% 0%
    }

    50% {
        background-position: 83% 100%
    }

    100% {
        background-position: 18% 0%
    }
}

@keyframes gradienteBanner {
    0% {
        background-position: 18% 0%
    }

    50% {
        background-position: 83% 100%
    }

    100% {
        background-position: 18% 0%
    }
}

/*  */

.title-group-banner-interno h1 {
    font-size: 5rem;
    line-height: 5rem;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.title-group-banner-interno .subtitle {
    font-size: 1.5rem;
    line-height: 2rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Page Carta Aberta */

.page-template-page-carta-aberta .banner-carta-aberta {
    min-height: 100vh;
    background-size: cover;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    background-image: url(https://relatoriosocial2019-2020.mattosfilho.com.br/wp-content/uploads/2021/03/background-carta-aberta.jpg);
    background-size: cover;
    background-position: right top;
}

.page-template-page-carta-aberta .banner-carta-aberta .title-group-banner-interno h1,
.page-template-page-carta-aberta .banner-carta-aberta .title-group-banner-interno .subtitle,
.page-template-page-carta-aberta .banner-carta-aberta .content-more .content-text p {
    color: #fff;
}

.page-template-page-carta-aberta .title-group-banner-interno h1 {
    max-width: 500px;
}

.page-template-page-carta-aberta .banner-carta-aberta .title-group-banner-interno .subtitle strong {
    display: flex;
    width: 100%;
}

.carta-aberta-s1 {
    padding: 100px 0;
    position: relative;
}

.carta-aberta-s1 .grafismo {
    position: absolute;
    right: 0;
    top: 350px;
    width: 500px;
}

.carta-aberta-s1 .grafismo img {
    width: 100%;
}

.carta-aberta-s2 .content-text,
.carta-aberta-s4 .content-text {
    padding: 50px 0px 100px 50px;
}

.carta-aberta-s2 .content-image {
    padding: 0;
    margin: 0;
}

.carta-aberta-s2 .content-image img {
    width: 100%;
}

.carta-aberta-s3 .content-comentario {
    padding: 100px 0 350px;
}

.content-comentario {
    max-width: 90%;
}

.content-comentario .content-icon {
    margin-bottom: 30px;
}

.content-comentario .content-text p {
    font-family: 'Bree Serif', serif;
    font-size: 1.3rem;
    line-height: 1.75rem;
    color: #BE1D48;
}

.carta-aberta-s5 {
    padding: 100px 0 70px;
    position: relative;
}

.carta-aberta-s5 .sticky-top {
    top: 150px !important;
    margin-top: 23%;
}

.carta-aberta-s5 .grafismo {
    position: absolute;
    top: 100px;
    right: 0;
    max-width: 600px;
    width: 100%;
}

.carta-aberta-s5 .grafismo2 {
    transform: rotateY(180deg);
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
    max-width: 600px;
}

.carta-aberta-s5 .grafismo img {
    width: 100%;
}

.carta-aberta-s3 {
    position: relative;
}

.carta-aberta-s3 .grafismo {
    position: absolute;
    left: 0;
    bottom: 100px;
}

.carta-aberta-s5 .content-comentario {}

/* Mobile */

@media (max-width: 1500px) {
    .banner .grafismo {
        max-width: 550px;
    }
}

@media (max-width: 1200px) {
    .carta-aberta-home .grafismo {
        max-width: 300px;
    }

    .carta-aberta-s3 .grafismo {
        max-width: 450px;
        bottom: 120px;
    }

    .carta-aberta-s1 .grafismo {
        bottom: 20px;
    }

    .carta-aberta-s5 .grafismo {
        max-width: 550px;
        top: 150px;
    }
}

@media (max-width: 1100px) {
    .carta-aberta-home .grafismo {
        max-width: 250px;
    }

    .cidadania-corporativa-s10 .content-title-custom2 h2 {
        font-size: 3.5rem;
    }

    #equidade-racial .grafismo {
        top: -90px;
    }

    #dna-social .content-video {
        height: 320px;
    }

    #dna-social .container::before {
        width: 450px;
    }

    .title-group-custom-1 h2 {
        font-size: 4rem;
    }

    .title-group-custom-1 h2 span.subtitle {
        font-size: 1.5rem;
    }

    p {
        font-size: 1rem;
        line-height: 1.75rem;
    }

    .banner .grafismo {
        max-width: 450px;
    }

    #dna-social .card-dna {
        padding: 30px;
        min-height: 500px;
    }

    #dna-social .card-dna .content-text h3 {
        font-size: 1.5rem;
        line-height: 1.75rem;
    }

    #dna-social .card-dna .content-text {
        margin-bottom: 30px;
    }

    #dna-social .card-dna .content-links .link a {
        font-size: 0.875rem;
    }
}

@media (max-width: 1100px) {
    #equidade-racial .card-equidade:after {
        opacity: 0.25;
    }

    #equidade-racial .card-equidade .content-card {
        max-height: 280px;
    }

    #equidade-racial .card-equidade {
        padding: 30px;
    }
}

@media (max-width: 1024px) {
    .content-more {
        display: none;
    }

    .toggle-menu {
        display: inline-flex;
    }

    .main-menu .menu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: .2s ease-in-out;
        opacity: 0;
        visibility: hidden;
    }

    .main-menu .content-menu {
        height: 40px;
    }

    .main-menu .menu.active-menu-mobile {
        opacity: 1;
        visibility: visible;
    }

    .main-menu .menu .menu-item {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .main-menu .menu .menu-item:last-child {
        margin-bottom: 0px;
    }

    .main-menu .menu .menu-item a {
        font-size: 1.75rem;
    }

    .main-header.active-menu-mobile .main-logo svg path {
        fill: #BE1D48;
    }

    .main-header.active-menu-mobile .ham {
        background-color: #BE1D48;
    }

    .main-menu .menu .menu-item a {
        color: #be1d48;
    }

    .main-menu .menu .menu-item a svg path {
        fill: #be1d48;
    }

    .main-menu .sub-menu.active-sub-menu {
        position: relative;
        top: inherit;
        display: flex;
        margin: 10px 0px;
    }

    .main-menu .menu .menu-item a {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .carta-aberta-s5 .grafismo {
        max-width: 450px;
    }
}

@media (max-width: 991px) {
    .main-header .navbar-nav {
        background-color: #BE1D48;
        padding: 10px 0px;
        margin-top: 10px;
        transition: .2s ease-in-out;
        border-radius: 20px;
        box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
    }

    .toggle-menu.navbar-toggler {
        padding: 0;
        box-shadow: none;
    }

    .main-header.header-mod .navbar-nav {
        background-color: rgba(0, 0, 0, 0);
        box-shadow: none;
    }

    .main-header .navbar .nav-item {
        margin-right: 0px;
        margin-bottom: 3px;
    }

    .main-header .navbar .nav-item .nav-link {
        margin-right: 10px;
    }

    .dropdown-menu {
        background: transparent;
        border: 1px solid #fff;
        margin: 10px;
    }

    .dropdown-item {
        color: #fff;
        padding: 2px 10px;
    }

    .main-header.header-mod .navbar-nav .dropdown-menu .dropdown-item {
        color: #B11D48;
    }

    .dropdown-menu {
        border: 1px solid #d8d8d8;
    }

    .numbers.cidadania-corporativa .group-numbers {
        flex-direction: column;
        align-items: center;
    }

    .numbers.cidadania-corporativa .group-numbers>div {
        margin-bottom: 20px;
    }

    .numbers.cidadania-corporativa .group-numbers>div:last-child {
        margin-bottom: 0px;
    }

    .cidadania-corporativa-s10 .content-title-custom2 h2 {
        font-size: 2.5rem;
    }
}

@media (max-width: 992px) {

    .carta-aberta-s2 .content-text,
    .carta-aberta-s4 .content-text {
        padding: 50px 0px 100px 20px;
    }
}

@media (max-width: 900px) {
    #dna-social .content-video {
        height: 250px;
    }

    #dna-social .container::before {
        width: 350px;
        background-position: center 70px;
    }

    .carta-aberta-s5 .grafismo {
        max-width: 400px;
    }
}

@media (max-width: 768px) {
    #dna-social .container::before {
        content: none;
    }

    .banner-pandemia .title-group-banner-interno h1 span {
        font-size: 1.75rem;
        line-height: 1.85rem;
    }

    .banner-pandemia .title-group-banner-interno h1 {
        margin-bottom: 15px;
    }

    .banner-pandemia .title-group-banner-interno .subtitle {
        font-size: 0.85rem;
        line-height: 1.125rem;
        max-width: 300px;
    }

    .banner .grafismo {
        top: inherit;
        bottom: 0;
        left: 0;
        right: 0;
        max-width: 100%;
        opacity: 0.2 !important;
        z-index: -9;
    }

    .banner .grafismo img {
        width: 100%;
    }

    .banner .content-links {
        margin-top: 30px;
    }

    .carta-aberta-home .content-column {
        padding: 0px 0px 100px 0px;
    }

    .carta-aberta-home .content-image .info-people {
        bottom: 50px;
        left: 50px;
    }

    .carta-aberta-home .content-more {
        display: none;
    }

    .title-group-custom-1 h2 {
        font-size: 3rem;
    }

    .title-group-custom-1 h2 span.subtitle {
        font-size: 1.25rem;
        line-height: 2rem;
    }

    #dna-social .container::before {
        top: inherit;
        bottom: -220px;
        height: 600px;
        background-position: center;
    }

    #dna-social .content-video {
        height: 360px;
        margin-bottom: 30px;
    }

    #dna-social .title-group-custom-1 {
        margin-bottom: 30px;
    }

    #dna-social .carousel-cards .owl-stage {
        margin-top: 50px;
        margin-bottom: 80px;
    }

    .modal-RS .modal-fullscreen .modal-content .modal-body iframe {
        max-height: 400px;
    }

    #podcast iframe {
        margin-top: 30px;
    }

    #podcast {
        padding: 50px 0;
    }

    .carta-aberta-home .grafismo {
        max-width: 500px;
        bottom: -150px;
    }

    #pandemia .grafismo {
        max-width: 250px;
        top: 0;
    }

    #equidade-racial .grafismo {
        max-width: 250px;
    }

    .carta-aberta-s1 .content-comentario {
        padding: 50px 0;
    }

    .carta-aberta-s1 .grafismo {
        display: none;
    }

    .carta-aberta-s3 .content-comentario {
        padding: 50px 0 50px;
    }

    .carta-aberta-s2 .content-text {
        padding-bottom: 0px;
    }

    .carta-aberta-s3 .grafismo {
        bottom: 50px;
        max-width: 250px;
    }

    .carta-aberta-s5 .content-comentario {
        padding: 50px 0px 0px;
    }

    .carta-aberta-s5 {
        padding: 0px 0px 50px;
    }

    .content-background {
        height: 400px;
    }

    .carta-aberta-s5 .grafismo {
        display: none;
    }

    .page-template-page-carta-aberta .banner-carta-aberta:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 9;
    }

    .page-template-page-carta-aberta .banner-carta-aberta .container {
        z-index: 9;
    }

    .page-template-page-carta-aberta .banner-carta-aberta .title-group-banner-interno h1 {
        font-size: 3.5rem;
        line-height: 3.5rem;
        text-align: center;
    }

    .title-group-banner-interno .subtitle {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }

    .title-group-banner-interno .subtitle {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .page-template-page-carta-aberta .banner-carta-aberta .title-group-banner-interno .subtitle strong {
        justify-content: center;
    }

    .carta-aberta-s1 {
        padding: 50px 0px;
    }

    .carta-aberta-s2 .content-text {
        padding: 50px 0px 50px 0px;
    }

    .carta-aberta-s4 .content-text {
        padding: 50px 0px 100px 0px;
    }

    .carta-aberta-s3 .content-comentario,
    .carta-aberta-s2 .content-text {
        max-width: calc(540px - 3rem);
        margin: 0 auto;
    }

    .carta-aberta-s5 .sticky-top {
        margin-bottom: 0px;
    }
}

@media (max-width: 650px) {
    .carta-aberta-home .grafismo {
        max-width: 250px;
    }

    #equidade-racial .grafismo {
        max-width: 200px;
    }
}

@media (max-width: 576px) {
    .carta-aberta-home .content-image {
        position: relative;
    }

    .carta-aberta-home .title-group-custom-1 {
        padding: 80px 0px 30px;
    }

    .carta-aberta-home .content-column {
        padding: 0px 0px 50px 0px;
    }

    .carta-aberta-home .title-group-custom-1 {
        padding: 80px 0px 0px;
    }

    .carta-aberta-home .content-column {
        padding: 0px 0px 50px 0px;
    }

    .carta-aberta-home .content-image {
        max-height: 400px;
        overflow: hidden;
    }

    .carta-aberta-home .content-image .info-people {
        bottom: 50px;
        left: 20px;
    }

    .carta-aberta-home .content-image img {
        position: relative;
        top: -20px;
        z-index: -9;
    }

    .banner .content-banner img {
        max-width: 300px;
        margin-bottom: 30px;
    }

    .banner .link .content-links {
        margin-top: 10px;
    }

    #pandemia .content-image {
        margin-top: 30px;
    }

    #pandemia .content-links {
        margin-top: 30px;
    }

    #pandemia {
        padding-bottom: 50px;
    }

    .carousel-cards-equidade.owl-theme .owl-nav .owl-next,
    .carousel-cards-equidade.owl-theme .owl-nav .owl-prev {
        width: 40px;
        height: 40px;
        background-size: 15px 15px;
    }

    #dna-social .content-video {
        height: 300px;
    }

    #dna-social .container::before {
        height: 500px;
    }

    .main-menu .menu .menu-item a {
        font-size: 1.125rem;
    }

    .main-footer .social {
        margin-left: 0;
        margin-top: 20px;
    }

    .main-infos-acessibilidade .content-nav a.ir-conteudo {
        display: none;
    }

    .carta-aberta-home .content-image {
        margin: 0;
        padding: 0;
    }

    #podcast iframe {
        margin-bottom: 0px;
    }

    .carta-aberta-home .grafismo {
        max-width: 400px;
        bottom: -70px;
    }

    #dna-social {
        padding-top: 50px;
    }

    #dna-social .title-group-custom-1 {
        margin-bottom: 30px;
    }

    #pandemia .grafismo {
        top: -200px;
        left: -40px;
    }

    #equidade-racial .grafismo {
        max-width: 180px;
        top: -180px;
        z-index: -9;
    }

    .modal-RS .modal-fullscreen .modal-content .modal-body iframe {
        padding: 0px;
    }
}

@media (max-width: 520px) {
    .main-infos-acessibilidade .content-logo img {
        width: 120px;
    }

    .main-infos-acessibilidade .content-nav a img {
        max-height: 20px;
    }

    .main-infos-acessibilidade .content-nav a {
        margin-right: 15px;
        font-size: 1rem;
    }

    #dna-social .content-video {
        height: 200px;
    }

    #dna-social .container::before {
        height: 350px;
    }
}

@media (max-width: 500px) {
    .carta-aberta-home .grafismo {
        max-width: 180px;
    }

    #pandemia .grafismo {
        max-width: 200px;
        top: -180px;
    }
}

@media (max-width: 420px) {
    .main-infos-acessibilidade .content-logo img {
        width: 100px;
    }

    .main-infos-acessibilidade .content-nav {
        font-size: 0.75rem;
    }

    .main-infos-acessibilidade .content-nav a {
        margin-right: 10px;
    }

    #equidade-racial .grafismo {
        max-width: 150px;
    }
}

@media (max-width: 400px) {
    #dna-social .card-dna {
        min-height: 420px;
    }

    .main-footer img {
        max-height: 30px;
    }

    .main-footer .social {
        margin-left: 0;
        margin-top: 20px;
    }

    .main-footer .social a {
        margin-right: 20px;
    }

    .banner .content-banner img {
        max-width: 100%;
    }

    .content-more svg {
        width: 20px;
        height: 20px;
    }

    .banner .content-links .link.edicoes .infos.active-infos {
        left: 0;
    }

    .banner .content-links .link.edicoes .infos {
        top: 20px;
    }

    .banner .content-banner img {
        max-width: 250px;
    }

    .banner .content-text p {
        font-size: 0.875rem;
        line-height: 1.875rem;
    }

    .title-group-custom-1 h2 {
        font-size: 2.5rem;
        line-height: 3rem;
    }

    #dna-social .content-video {
        height: 150px;
    }

    .main-menu .content-menu {
        height: 30px;
    }

    .main-header.header-mod .ham {
        height: 30px;
        width: 30px;
    }

    .page-template-page-carta-aberta .banner-carta-aberta .title-group-banner-interno h1 {
        font-size: 3rem;
        line-height: 3rem;
    }
}

/* Page Instituto MF */

.page-template-page-imf .banner-instituto-mf {
    min-height: 100vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}

.page-template-page-imf .banner-instituto-mf .title-group-banner-interno h1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.page-template-page-imf .banner-instituto-mf .title-group-banner-interno h1 span {
    font-family: 'Poppins', sans-serif;
    font-size: 2.375rem;
    line-height: 2rem;
    text-transform: uppercase;
}

.page-template-page-imf .banner-instituto-mf .title-group-banner-interno .subtitle {
    text-transform: none;
    letter-spacing: normal;
    max-width: 450px;
}

.page-template-page-imf .banner-instituto-mf .content-more .content-text p {
    color: #fff;
}

.page-template-page-imf .banner-instituto-mf .content-video {
    overflow: hidden;
}

/* Content depoimento */

.content-depoimento .content-comentario {
    padding: 40px;
    max-width: 90%;
    background: rgb(190, 29, 72);
    background: -moz-linear-gradient(166deg, rgba(190, 29, 72, 1) 0%, rgba(204, 73, 0, 1) 35%, rgba(206, 62, 50, 1) 65%, rgba(190, 29, 72, 1) 100%);
    background: -webkit-linear-gradient(166deg, rgba(190, 29, 72, 1) 0%, rgba(204, 73, 0, 1) 35%, rgba(206, 62, 50, 1) 65%, rgba(190, 29, 72, 1) 100%);
    background: linear-gradient(166deg, rgba(190, 29, 72, 1) 0%, rgba(204, 73, 0, 1) 35%, rgba(206, 62, 50, 1) 65%, rgba(190, 29, 72, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#be1d48", endColorstr="#be1d48", GradientType=1);
    background-position: center;
    background-size: 150%;
    position: relative;
}

.content-comentario .content-autor {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.content-comentario .content-autor span {
    font-family: 'Poppins', sans-serif;
    font-size: 0.875rem;
    line-height: 0.875rem;
    font-weight: 500;
    color: #fff;
}

.content-comentario .content-autor span.nome {
    margin: 0 0 5px;
}

.content-depoimento .content-comentario .content-icon {
    margin-top: -95px;
}

.content-depoimento .content-comentario .content-icon path {
    stroke: #fff;
}

.content-depoimento .content-text p {
    color: #fff;
}

.content-depoimento .content-imagem {
    width: 100%;
    position: relative;
}

.content-depoimento .content-imagem img {
    width: 100%;
}

.content-depoimento .sticky-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/*  */

.instituto-mf-s1 .content-depoimento {
    padding-right: 0px;
}

.instituto-mf-s1 .content-left {
    padding: 100px 100px 0px;
}

.instituto-mf-s1 {
    position: relative;
}

.instituto-mf-s1 .grafismo {
    position: absolute;
    right: 0;
    bottom: -150px;
}

.instituto-mf-s1 .content-depoimento .content-links {
    max-width: 400px;
}

.instituto-mf-s1 .content-depoimento .content-links .link {
    margin-bottom: 10px;
}

.instituto-mf-s1 .content-depoimento .content-links .link:last-child {
    margin-bottom: 0;
}

/* Acoes */

.nav-acoes {
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: scroll;
    padding-left: 80px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.nav-acoes.nav-mod {
    padding-top: 15px;
    padding-bottom: 15px;
}

.container-nav-acoes {
    overflow: hidden;
    border-bottom: 1px solid #d2d2d2;
}

.nav-acoes.nav-mod .nav-item button {
    padding: 5px 30px;
    font-size: 0.875rem;
}

.primeiras-acoes .tab-content {
    margin-top: 50px;
}

.nav-acoes::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.nav-acoes .nav-item {
    padding: 0px 15px;
}

.nav-acoes .nav-item button {
    padding: 10px 60px;
    border: 1px solid #BE1D48;
    display: flex;
    width: 100%;
    justify-content: center;
    border-radius: 100px;
    color: #BE1D48;
    text-transform: uppercase;
    font-weight: 700;
    transition: .2s ease-in-out;
}

.nav-acoes .nav-item button:focus {
    outline: transparent;
}

.nav-acoes .nav-item:first-child {
    padding-left: 0px;
}

.nav-acoes .nav-item:last-child {
    padding-right: 0px;
}

.nav-acoes .nav-item button:hover,
.nav-acoes .nav-item button.active {
    border-color: #fff;
    color: #fff;
    background-color: #BE1D48;
}

.disabled {
    display: none;
}

/* Numbers */

.numbers {
    background: rgb(190, 29, 72);
    background: -moz-linear-gradient(90deg, rgba(190, 29, 72, 1) 0%, rgba(204, 73, 0, 1) 35%, rgba(206, 62, 50, 1) 65%, rgba(190, 29, 72, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(190, 29, 72, 1) 0%, rgba(204, 73, 0, 1) 35%, rgba(206, 62, 50, 1) 65%, rgba(190, 29, 72, 1) 100%);
    background: linear-gradient(90deg, rgba(190, 29, 72, 1) 0%, rgba(204, 73, 0, 1) 35%, rgba(206, 62, 50, 1) 65%, rgba(190, 29, 72, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#be1d48", endColorstr="#be1d48", GradientType=1);
    margin-top: 50px;
    padding: 50px 0;
    color: #fff;
}

.numbers h2 {
    text-align: center;
    margin-bottom: 50px;
}

.numbers .content-number {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding-bottom: 30px;
}

.numbers .content-number .number-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
    max-width: 300px;
    text-align: center;
}

.numbers .content-number .number-item .container-number {
    font-size: 2.75rem;
    line-height: 3rem;
    font-weight: 700;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.numbers .content-number .number-item .container-number .number {
    display: flex;
    flex-direction: row;
    padding: 5px 10px;
}

.numbers .content-number .number-item .container-number .number .counter {
    padding: 0 7px;
}

.numbers .content-number .number-item .text {
    font-size: 1rem;
    line-height: 1.5rem;
}

.numbers .subtitle-numbers {
    font-family: 'Poppins', sans-serif;
    text-align: center;
    font-weight: 700;
    margin-bottom: 30px;
    padding-top: 30px;
}

/*  */

.primeiras-acoes {
    padding: 100px 0 0;
}

.primeiras-acoes .content-title h2 {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding-left: 20px;
    border-left: 4px solid #CC4900;
    font-size: 3.75rem;
    color: #CC4900;
}

.primeiras-acoes .content-left {
    padding: 0px 100px 0px;
}

.primeiras-acoes .content-title-custom2 {
    margin-left: 80px;
}

.primeiras-acoes .content-title h2 span {
    font-family: 'Poppins', sans-serif;
    font-size: 2rem;
    text-transform: uppercase;
    margin-top: 5px;
    padding-bottom: 10px;
}

.primeiras-acoes .content-acao .content-left .content-text h3 {
    font-family: 'Poppins', sans-serif;
    margin-bottom: 30px;
    color: #BE1D48;
}

.primeiras-acoes .content-acao .content-left .content-image img {
    width: 100%;
}

.primeiras-acoes .content-acao .content-left .content-image {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 30px;
}

.primeiras-acoes .content-acao .content-left .content-image .content-description {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    text-align: center;
    max-width: 500px;
    z-index: 9;
    color: #fff;
    font-size: 0.875rem;
}

.primeiras-acoes .content-acao .content-left .content-image:before {
    content: '';
    position: absolute;
    top: 60%;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

#acesso .numbers,
#conhecimento .numbers {
    background: rgb(190, 29, 72);
    background: -moz-linear-gradient(90deg, rgba(190, 29, 72, 1) 0%, rgba(204, 73, 0, 1) 35%, rgba(206, 62, 50, 1) 65%, rgba(190, 29, 72, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(190, 29, 72, 1) 0%, rgba(204, 73, 0, 1) 35%, rgba(206, 62, 50, 1) 65%, rgba(190, 29, 72, 1) 100%);
    background: linear-gradient(90deg, rgba(190, 29, 72, 1) 0%, rgba(204, 73, 0, 1) 35%, rgba(206, 62, 50, 1) 65%, rgba(190, 29, 72, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#be1d48", endColorstr="#be1d48", GradientType=1);
}

#bolsas .numbers {
    background: rgb(190, 29, 72);
    background: -moz-linear-gradient(270deg, rgba(190, 29, 72, 1) 0%, rgba(204, 73, 0, 1) 35%, rgba(206, 62, 50, 1) 65%, rgba(190, 29, 72, 1) 100%);
    background: -webkit-linear-gradient(270deg, rgba(190, 29, 72, 1) 0%, rgba(204, 73, 0, 1) 35%, rgba(206, 62, 50, 1) 65%, rgba(190, 29, 72, 1) 100%);
    background: linear-gradient(270deg, rgba(190, 29, 72, 1) 0%, rgba(204, 73, 0, 1) 35%, rgba(206, 62, 50, 1) 65%, rgba(190, 29, 72, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#be1d48", endColorstr="#be1d48", GradientType=1);
}

.primeiras-acoes .content-acao .content-depoimento {
    padding-right: 0;
    margin-right: 0;
}

#bolsas.tab-pane .numbers .content-number {
    justify-content: space-between;
}

#bolsas.tab-pane .numbers .content-number .number-item {
    padding: 0;
}

#acesso.tab-pane .numbers .row>div:last-child {
    border-left: 1px solid #fff;
}

#apoios.tab-pane .content-acao .content-image img {
    width: 100%;
}

#apoios.tab-pane .content-acao .content-image {
    position: relative;
}

#apoios.tab-pane .content-acao .content-image .content-description {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    text-align: center;
    max-width: 450px;
    z-index: 9;
    color: #fff;
    font-size: 0.875rem;
}

#apoios.tab-pane .content-acao .content-image:before {
    content: '';
    position: absolute;
    top: 60%;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

#apoios.tab-pane .content-acao .row div:nth-child(2) {
    padding-right: 0;
    margin-right: 0;
}

#apoios.tab-pane {
    padding-bottom: 50px;
}

.more-text {
    display: none;
}

.tab-pane.active {
    animation: slide-down 0.4s ease-in-out;
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* Page Ecossistema */

.page-template-page-dna-social .banner-instituto-mf {
    min-height: 100vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}

.page-template-page-dna-social .banner-instituto-mf .title-group-banner-interno h1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.page-template-page-dna-social .banner-instituto-mf .title-group-banner-interno h1 span {
    font-family: 'Poppins', sans-serif;
    font-size: 2.375rem;
    line-height: 2rem;
    text-transform: uppercase;
}

.page-template-page-dna-social .banner-instituto-mf .title-group-banner-interno .subtitle {
    text-transform: none;
    letter-spacing: normal;
    max-width: 450px;
}

.page-template-page-dna-social .banner-instituto-mf .content-more .content-text p {
    color: #fff;
}

.page-template-page-dna-social .banner-instituto-mf .content-video {
    overflow: hidden;
}

.page-template-page-dna-social .banner-instituto-mf .content-video .content-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.card-ecossistema-social {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-ecossistema-social .content-header {
    min-height: 380px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 30px;
    background-position: center top -40px;
    color: #fff;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    position: relative;
}

.card-ecossistema-social .content-body {
    padding: 30px;
}

.card-ecossistema-social .content-body .content-text p {
    font-size: 1rem;
    line-height: 1.5rem;
}

.card-ecossistema-social .content-body .content-text {
    margin-bottom: 40px;
}

.card-ecossistema-social .content-body ul {
    margin: 0;
}

.card-ecossistema-social .content-body .title-list {
    font-family: 'Bree Serif', sans-serif;
    font-size: 1.375rem;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: inline-flex;
    color: #CC4900;
}

.card-ecossistema-social .content-body ul li {
    margin-bottom: 10px;
}

.card-ecossistema-social .content-links {
    margin: 0px 30px 30px 30px;
    padding-top: 20px;
    border-top: 1px solid #C6C6C6;
}

.ecossistema-social-s2 {
    background-image: url(https://relatoriosocial2019-2020.mattosfilho.com.br/wp-content/uploads/2021/03/background-cards-ecossistema-social.jpg);
    background-position: center top 150px;
    background-size: cover;
    background-repeat: no-repeat;
}

.ecossistema-social-s1 {
    padding-top: 100px;
    position: relative;
}

.ecossistema-social-s1 .content-comentario .content-text p {
    color: #CC4900;
}

.ecossistema-social-s1 .content-comentario .content-icon svg path {
    stroke: #CC4900;
}

.ecossistema-social-s1 .content-comentario .content-autor span {
    color: #CC4900;
}

.ecossistema-social-s1 .content-links {
    max-width: 350px;
    margin-top: 100px;
}

.ecossistema-social-s1 .content-links .link {
    margin-bottom: 30px;
}

.ecossistema-social-s1 .content-links .link:last-child {
    margin-bottom: 0;
}

.ecossistema-social-s1 .grafismo {
    position: absolute;
    bottom: 100px;
    right: 0;
}

.ecossistema-social-s2 .carousel-cards-ecossistema-social .owl-stage {
    padding-bottom: 50px;
    padding-top: 50px;
    display: flex;
}

.card-ecossistema-social .content-header:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.25);
    content: '';
    z-index: 9;
}

.card-ecossistema-social .content-header h3 {
    position: relative;
    z-index: 9;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* Pandemia */

.banner-pandemia {
    min-height: 100vh;
    display: flex;
    align-items: center;
    background-image: url(https://relatoriosocial2019-2020.mattosfilho.com.br/wp-content/uploads/2021/03/background-pandemia.jpg);
    background-size: cover;
    background-position: center;
}

.banner-pandemia .content-more .content-text p {
    color: #fff;
}

.banner-pandemia .title-group-banner-interno .subtitle {
    text-transform: none;
    letter-spacing: 0px;
    display: block;
}

.banner-pandemia .title-group-banner-interno h1 span {
    font-family: 'Poppins', sans-serif;
    font-size: 2.375rem;
    line-height: 2rem;
    text-transform: uppercase;
}

.pandemia-s1 {
    padding-top: 80px;
    position: relative;
}

.pandemia-s1 .content-video {
    margin-bottom: 50px;
    max-height: 250px;
    max-width: 400px;
}

.pandemia-s1 .content-comentario .content-autor h5,
.pandemia-s1 .content-comentario .content-autor span,
.pandemia-s3 .content-comentario .content-autor h5,
.pandemia-s3 .content-comentario .content-autor span {
    color: #BE1D48;
}

.pandemia-s2 {
    padding-top: 80px;
}

.pandemia-s2 .content-right {
    padding: 0 50px;
}

.pandemia-s2 .content-depoimento {
    padding-left: 0;
    margin-left: 0;
}

.pandemia-s2 .sticky-top {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.pandemia-s3 {
    padding: 80px 0;
    position: relative;
}

.pandemia-s4 {
    background: rgb(190, 29, 72);
    background: -moz-linear-gradient(166deg, rgba(190, 29, 72, 1) 0%, rgba(204, 73, 0, 1) 35%, rgba(206, 62, 50, 1) 65%, rgba(190, 29, 72, 1) 100%);
    background: -webkit-linear-gradient(166deg, rgba(190, 29, 72, 1) 0%, rgba(204, 73, 0, 1) 35%, rgba(206, 62, 50, 1) 65%, rgba(190, 29, 72, 1) 100%);
    background: linear-gradient(166deg, rgba(190, 29, 72, 1) 0%, rgba(204, 73, 0, 1) 35%, rgba(206, 62, 50, 1) 65%, rgba(190, 29, 72, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#be1d48", endColorstr="#be1d48", GradientType=1);
    background-position: center;
    background-size: 150%;
    padding: 80px 0;
    position: relative;
}

.content-title-custom2 h2 {
    display: flex;
    flex-direction: column;
    font-size: 3.75rem;
}

.content-title-custom2 h2 span {
    font-family: 'Poppins', sans-serif;
    font-size: 2rem;
    text-transform: uppercase;
    margin-top: 10px;
    padding-bottom: 10px;
}

.content-title-custom2 {
    padding-left: 20px;
    border-left: 4px solid;
    color: #CC4900;
}

.content-title-custom2.light {
    color: #fff;
}

.pandemia-s4 .content-text {
    color: #fff;
}

.pandemia-s4 .publicacoes {
    margin: 50px 0 30px;
}

.pandemia-s4 .publicacoes h3 {
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-size: 2rem;
    color: #fff;
}

.pandemia-s4 .content-publicacoes .publicacao {
    background-color: #fff;
    padding: 30px 40px;
    border-radius: 20px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);
    height: 100%;
}

.pandemia-s4 .content-publicacoes .owl-stage {
    display: flex;
}

.pandemia-s4 .content-publicacoes .publicacao .content-links .link {
    margin-bottom: 20px;
    font-size: 0.875rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.pandemia-s4 .content-publicacoes .publicacao .content-links .link .description-link {
    text-transform: none;
    font-weight: normal;
    color: #494949;
    margin-left: 28px;
}

.pandemia-s4 .content-publicacoes .publicacao .content-links .link:last-child {
    margin-bottom: 0;
}

.pandemia-s4 .content-publicacoes .publicacao h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #BE1D48;
    font-size: 1.125rem;
}

.pandemia-s4 .content-publicacoes .owl-dots {
    margin-top: inherit;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 30px !important;
}

.pandemia-s4 .owl-theme .owl-dots .owl-dot.active span,
.pandemia-s4 .owl-theme .owl-dots .owl-dot:hover span {
    background: #F39200;
}

.pandemia-s4 .owl-theme .owl-dots .owl-dot span {
    background: #fff;
}

.pandemia-s5 {
    padding: 0px 0px 80px;
    position: relative;
}

.pandemia-s1 .grafismo {
    position: absolute;
    bottom: 100px;
    right: 0;
}

.pandemia-s3 .grafismo {
    position: absolute;
    top: 50px;
    right: 0;
    max-width: 600px;
}

.pandemia-s4 .grafismo {
    position: absolute;
    top: 300px;
    right: 0;
}

.pandemia-s5 .sticky-top {
    top: 100px;
    margin-bottom: 400px;
}

.pandemia-s5 .grafismo {
    position: absolute;
    bottom: 80px;
}

.pandemia-s6 {
    position: relative;
    padding-top: 100px;
}

.pandemia-s6 .grafismo {
    position: absolute;
    right: 0;
    top: 250px;
}

.pandemia-s7.numbers .content-number .number-item .text {
    font-size: 1.125rem;
}

.pandemia-s7.numbers .subtitle {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 30px;
}

.pandemia-s7.numbers h2 {
    margin-bottom: 10px;
}

.pandemia-s7.numbers .content-number .number-item {
    max-width: 400px;
}

.pandemia-s7.numbers .content-number {
    border: 1px solid #fff;
    padding: 30px;
    border-radius: 20px;
    height: 100%;
    align-items: flex-start;
}

/* Equidade racial */

.banner-equidade-racial .container {
    padding-top: 250px;
    color: #fff;
}

.banner-equidade-racial .title-group-banner-interno h1 span {
    font-family: 'Poppins', sans-serif;
    font-size: 2.375rem;
    line-height: 2rem;
    text-transform: uppercase;
}

.banner-equidade-racial .title-group-banner-interno h1 {
    font-size: 4.5rem;
}

.card-equidade-interno {
    min-height: 620px;
    max-height: 620px;
    border-radius: 20px;
    padding: 30px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: center;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);
    position: relative;
    overflow: hidden;
}

.card-equidade-interno .content-card-hover {
    transition: .2s ease-in-out;
    opacity: 0;
    visibility: hidden;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background: rgb(190, 29, 72);
    background: -moz-linear-gradient(0deg, rgba(190, 29, 72, 1) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(0deg, rgba(190, 29, 72, 1) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(0deg, rgba(190, 29, 72, 1) 0%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#be1d48", endColorstr="#000000", GradientType=1);
}

.card-equidade-interno .content-card {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    color: #fff;
    margin-top: 20px;
    z-index: 9;
}

.card-equidade-interno .zoom-btn {
    cursor: pointer;
    z-index: 9;
}

.card-equidade-interno .zoom-btn svg {
    width: 24px;
    height: 24px;
}

.autor-foto {
    position: absolute;
    top: 100px;
    left: -70px;
    font-size: 0.6rem;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    opacity: 0.6;
    transform: rotate(-90deg);
}

.content-depoimento .content-imagem .autor-foto {
    bottom: 30px;
    right: 30px;
    top: inherit;
    left: inherit;
    transform: none;
    left: inherit;
    flex-direction: column;
    align-items: flex-end;
}

.card-equidade-interno .autor-foto {
    top: 110px;
    left: -65px;
    bottom: inherit;
}

.equidade-racial-s1 .owl-stage {
    padding-top: 100px;
    padding-bottom: 50px;
    margin-bottom: 30px;
}

.gradienteBanner.background-equidade-racial {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    z-index: -999999;
}

.card-equidade-interno .content-card-hover.active {
    visibility: visible;
    opacity: 1;
}

.card-equidade-interno .content-card-hover p {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #fff;
    margin-bottom: 0;
    font-weight: 500;
}

.card-equidade-interno .content-card-hover .close-card-equidade-interno {
    position: absolute;
    top: 30px;
    right: 30px;
}

.card-equidade-interno .content-card-hover .name {
    font-family: 'Bree Serif', sans-serif;
    font-size: 1.75rem;
    color: #fff;
    margin-bottom: 20px;
}

.card-equidade-interno:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    z-index: 9;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

.equidade-racial-s2 .content-links {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 30px;
}

.equidade-racial-s2 .content-links .link {
    margin: 0px;
}

.equidade-racial-s2 .content-podcast iframe {
    margin-bottom: 30px;
}

.equidade-racial-s2 .content-podcast p {
    margin-bottom: 0;
}

.equidade-racial-s2 .content-mediador {
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);
}

.equidade-racial-s2 .content-mediador img {
    width: 100%;
}

.equidade-racial-s2 .content-mediador .content-text {
    padding: 30px;
    letter-spacing: 1px;
}

.equidade-racial-s2 .content-mediador .content-text h5 {
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: 10px;
}

.equidade-racial-s2 .content-mediador .content-text p {
    font-size: 1rem;
    line-height: 1.5rem;
}

.equidade-racial-s2,
.equidade-racial-s3,
.equidade-racial-s4,
.equidade-racial-s5,
.equidade-racial-s6 {
    position: relative;
    padding-bottom: 80px;
}

.equidade-racial-s2 .grafismo {
    position: absolute;
    bottom: 70px;
    right: 0;
}

.equidade-racial-s3 .content-conversa,
.equidade-racial-s4 .content-conversa,
.equidade-racial-s5 .content-conversa,
.equidade-racial-s6 .content-conversa {
    padding: 0 100px;
}

.equidade-racial-s3 .content-depoimento .sticky-top,
.equidade-racial-s5 .content-depoimento .sticky-top {
    align-items: flex-end;
}

/* Pro bono */

html[lang="en-US"] .banner-pro-bono .title-group-banner-interno h1 span {
    font-family: inherit;
    font-style: italic;
    text-transform: none;
    font-size: 5rem;
    line-height: 5rem;
    margin-bottom: 20px;
}

html[lang="en-US"] .banner-pro-bono .title-group-banner-interno h1 i {
    font-family: 'Poppins', sans-serif;
    font-size: 2.375rem;
    line-height: 2rem;
    text-transform: uppercase;
    font-style: normal;
}

.title-group-banner-interno h1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.banner-pro-bono .title-group-banner-interno h1 span {
    font-family: 'Poppins', sans-serif;
    font-size: 2.375rem;
    line-height: 2rem;
    text-transform: uppercase;
}

.banner-pro-bono .title-group-banner-interno .subtitle {
    text-transform: none;
    letter-spacing: normal;
    max-width: 450px;
}

.banner-pro-bono {
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.banner-pro-bono .content-more .content-text p {
    color: #fff;
}

.pro-bono-s1 .content-conversa,
.pro-bono-s2 .content-conversa {
    padding: 100px;
}

.pro-bono-s2 .content-depoimento {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.pro-bono-s2 .grafismo {
    position: absolute;
    max-width: 150px;
}

.pro-bono-s7 .grafismo {
    position: absolute;
    bottom: 30px;
    padding-left: 10px;
}

.carousel-depoimentos.owl-theme .owl-dots {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px !important;
}

.owl-theme .owl-dots button.owl-dot:last-child span {
    margin-right: 0;
    transition: .2s ease-in-out;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #BE1D48;
}

.owl-theme .owl-dots .owl-dot span {
    transition: .2s ease-in-out;
}

.pro-bono-s3 .content-left {
    padding: 100px 50px 200px;
    margin: 0;
    background: rgb(190, 29, 72);
    background: -moz-linear-gradient(166deg, rgba(190, 29, 72, 1) 0%, rgba(204, 73, 0, 1) 35%, rgba(206, 62, 50, 1) 65%, rgba(190, 29, 72, 1) 100%);
    background: -webkit-linear-gradient(166deg, rgba(190, 29, 72, 1) 0%, rgba(204, 73, 0, 1) 35%, rgba(206, 62, 50, 1) 65%, rgba(190, 29, 72, 1) 100%);
    background: linear-gradient(166deg, rgba(190, 29, 72, 1) 0%, rgba(204, 73, 0, 1) 35%, rgba(206, 62, 50, 1) 65%, rgba(190, 29, 72, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#be1d48", endColorstr="#be1d48", GradientType=1);
    background-position: center;
    background-size: 150%;
}

.pro-bono-s3 {
    margin: 100px 0 0;
}

.content-parceiros .parceiro {
    background-color: #fff;
    border-radius: 20px;
    padding: 50px;
}

.content-parceiros .parceiro .content-logo img {
    width: auto;
}

.content-parceiros .parceiro .content-logo {
    margin-bottom: 30px;
}

.content-parceiros .parceiro .content-text p {
    font-size: 1rem;
    line-height: 1.75rem;
}

.content-parceiros .parceiro .content-text {
    margin-bottom: 30px;
}

.content-parceiros .parceiro .content-depoimento p {
    font-family: 'Bree Serif', sans-serif;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.content-parceiros .parceiro .content-depoimento {
    color: #CC4900;
}

.content-parceiros .parceiro .content-depoimento .content-autor {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-weight: 500;
    font-size: 0.875rem;
}

.content-parceiros .owl-carousel {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 200px;
}

.content-parceiros {
    padding-right: 0;
    margin-right: 0;
}

.pro-bono-s3 .content-left .content-title-custom2,
.pro-bono-s3 .content-left .content-text p {
    color: #fff;
}

.pro-bono-s3 .content-left .content-text {
    padding-right: 100px;
}

.pro-bono-s3 .content-parceiros .owl-carousel {
    margin-left: -100px;
}

.pro-bono-s3 .content-parceiros .owl-carousel .owl-dots {
    text-align: left;
    padding-left: 100px;
    margin-bottom: 10px;
}

.pro-bono-s3 .content-parceiros .owl-carousel .owl-stage-outer {
    border-radius: 20px;
    background-color: #fff;
}

.pro-bono-s4 .content-left {
    padding: 100px;
}

.pro-bono-s4 .carousel-depoimentos.owl-theme .owl-dots {
    justify-content: flex-start;
}

.pro-bono-s5 {
    padding: 0px;
}

.pro-bono-s5 .content-left {
    padding: 100px;
}

.pro-bono-s5 .content-slide-images {
    border-radius: 0;
}

.pro-bono-s6 {
    position: relative;
    padding-top: 100px;
}

.pro-bono-s6 .grafismo {
    position: absolute;
    bottom: 0;
    left: 0;
}

.pro-bono-s6 .sticky-top {
    top: 100px !important;
    margin-bottom: 400px;
}

.numbers.pro-bono .content-number .number-item .text {
    font-size: 1rem;
}

.numbers.pro-bono .content-number .number-item {
    max-width: 400px;
}

.numbers.pro-bono .row-numbers-2 .content-number {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 30px;
}

.numbers.pro-bono .row-numbers-2 .content-number .number-item {
    margin-bottom: 20px;
}

.numbers.pro-bono .row-numbers-2 .content-number .number-item:last-child {
    margin-bottom: 0;
}

.numbers.pro-bono .row-numbers-2 .content-number .title {
    margin-bottom: 20px;
    font-size: 2rem;
}

.numbers.pro-bono .row-numbers-2 .content-number .number-item .number {
    max-width: 100%;
    line-height: 3rem;
}

.pro-bono-s6 .content-title-custom2 h2 {
    display: inherit;
}

.pro-bono-s7 .content-title-custom2 h2 strong {
    font-weight: normal;
}

.pro-bono-s7 {
    padding: 100px 0px 0px;
    position: relative;
}

.content-referencia {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

.content-referencia .title-referencia {
    width: 100%;
    margin-bottom: 20px;
    color: #BE1D48;
}

.content-referencia .referencia {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 50px;
}

.content-referencia .referencia:last-child {
    margin-right: 0;
}

.content-referencia .referencia img {
    margin-right: 10px;
}

.timeline-pro-bono {
    margin-top: 50px;
    position: relative;
}

.timeline-pro-bono .ano {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.timeline-pro-bono .ano span {
    font-family: 'Bree Serif', sans-serif;
    font-size: 2rem;
    margin-bottom: 5px;
    min-height: 48px;
}

.timeline-pro-bono .item-timeline {
    padding: 20px;
    background-color: #fff;
    border-radius: 20px;
    margin-top: 20px;
    border: 1px solid #eee;
}


.timeline-pro-bono .item-timeline .content-image {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.timeline-pro-bono .a1999 .item-timeline .images {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}

.timeline-pro-bono .a1999 .item-timeline .images .content-image {
    width: 50%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.timeline-pro-bono .a1999 .item-timeline .images .content-image:first-child {
    margin-right: 20px;
}

.timeline-pro-bono .item-timeline .content-image .description {
    position: absolute;
    bottom: 0;
    padding: 10px;
    text-align: center;
    font-size: 0.875rem;
    color: #fff;
    font-weight: 500;
    left: 0;
    right: 0;
}

.timeline-pro-bono .a1999 .item-timeline .images .content-image img {
    width: 100%;
}

.timeline-pro-bono .a2001 .item-timeline .content-text p {
    font-size: 0.875rem;
}

.item-timeline .content-text p {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.timeline-pro-bono:before {
    content: '';
    position: absolute;
    top: 0;
    left: 2%;
    height: 1px;
    width: 98%;
    background-color: #707070;
    top: 65px;
    z-index: -9;
}

.timeline-pro-bono .marcos .ano span {
    color: #a3195b;
}

.timeline-pro-bono .parcerias .ano span {
    color: #CC4900;
}

.timeline-pro-bono.owl-carousel .owl-item img {
    width: auto;
}

.timeline-pro-bono .owl-nav {
    margin: 0;
    position: absolute;
    top: -80px;
    width: 80px;
    right: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.timeline-pro-bono.owl-carousel.owl-theme .owl-nav button {
    width: 30px;
    height: 30px;
    display: flex;
    margin: 0;
    padding: 0;
    background-image: url(https://relatoriosocial2019-2020.mattosfilho.com.br/wp-content/uploads/2021/03/icon-nav-carousel.svg);
    background-position: center;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    outline: none;
    transition: .2s ease-in-out;
}

.timeline-pro-bono.owl-carousel.owl-theme .owl-nav button.owl-prev {
    transform: rotate(180deg);
}

.timeline-pro-bono.owl-carousel.owl-theme .owl-nav button:hover {
    background-color: transparent;
}

.timeline-pro-bono.owl-carousel.owl-theme .owl-nav button span {
    display: none;
}

.timeline-pro-bono .owl-stage-outer {
    max-width: 90%;
    margin: 0 auto;
}

.timeline-pro-bono .item-timeline.no-card {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    border: 0;
}

.pro-bono-s4 {
    position: relative;
}

.pro-bono-s4 .grafismo {
    position: absolute;
    left: 0;
    bottom: -50px;
    max-width: 200px;
}

.timeline-pro-bono .content-item {
    margin-right: 50px;
}

.timeline-pro-bono .a2016.marcos .item-timeline,
.timeline-pro-bono .a2018.marcos .item-timeline,
.timeline-pro-bono .a2019.marcos .item-timeline,
.timeline-pro-bono .a2020.marcos .item-timeline {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.timeline-pro-bono .a2016 .item-timeline .content-image,
.timeline-pro-bono .a2018 .item-timeline .content-image {
    min-width: 150px;
    margin-right: 20px;
}

.timeline-pro-bono .a2016.parcerias .item-timeline .content-text p,
.timeline-pro-bono .a2018.parcerias .item-timeline .content-text p,
.timeline-pro-bono .a2019.parcerias .item-timeline .content-text p,
.timeline-pro-bono .a2020.parcerias .item-timeline .content-text p {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #C6C6C6;
    color: #CC4900;
}

.timeline-pro-bono .a2016.parcerias .item-timeline .content-text p:last-child,
.timeline-pro-bono .a2018.parcerias .item-timeline .content-text p:last-child,
.timeline-pro-bono .a2019.parcerias .item-timeline .content-text p:last-child,
.timeline-pro-bono .a2020.parcerias .item-timeline .content-text p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0px;
}

.timeline-pro-bono .a2019.marcos .item-timeline .content-image {
    min-width: 220px;
    margin-right: 20px;
}

.timeline-pro-bono .a2016.marcos .item-timeline .content-text p,
.timeline-pro-bono .a2018.marcos .item-timeline .content-text p,
.timeline-pro-bono .a2019.marcos .item-timeline .content-text p,
.timeline-pro-bono .a2020.marcos .item-timeline .content-text p {
    color: #BE1D48;
}

.timeline-pro-bono .a2020.marcos .item-timeline .content-image {
    margin-right: 20px;
    min-width: 250px;
}

/* Cidadania corporativa */

.banner-cidadania-corporativa .container {
    color: #fff;
}

.banner-cidadania-corporativa .title-group-banner-interno h1 span {
    font-family: 'Poppins', sans-serif;
    font-size: 2.375rem;
    line-height: 2rem;
    text-transform: uppercase;
}

.banner-cidadania-corporativa .title-group-banner-interno .subtitle {
    text-transform: none;
    letter-spacing: 0px;
}

.nav-grupos-afinidade .nav .nav-item button .content-icons {
    width: 100px;
    height: 100px;
    background-color: #B1B1B1;
    border-radius: 50%;
    position: relative;
    transition: .2s ease-in-out;
}

.nav-grupos-afinidade .nav .nav-item button .content-icons img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.nav-grupos-afinidade .nav .nav-item button.active .content-icons,
.nav-grupos-afinidade .nav .nav-item button:hover .content-icons {
    background-color: #EDEDED;
}

.nav-grupos-afinidade .nav .nav-item button.active .content-icons img.logo {
    opacity: 1;
}

.nav-grupos-afinidade .nav .nav-item button:hover .content-icons img.logo {
    opacity: 1;
}

.nav-grupos-afinidade .nav .nav-item button .content-icons img.logo {
    transition: .2s ease-in-out;
    opacity: 0;
}

.nav-grupos-afinidade .nav .nav-item button .content-icons img.logo-outline {
    opacity: 1;
    transition: .2s ease-in-out;
}

.nav-grupos-afinidade .nav .nav-item button:hover .content-icons img.logo-outline {
    opacity: 0;
}

.nav-grupos-afinidade {
    overflow: hidden;
    padding-left: 100px;
}

.nav-grupos-afinidade.nav-mod .nav .nav-item button .content-icons {
    width: 50px;
    height: 50px;
}

.nav-grupos-afinidade.nav-mod .nav .nav-item button .content-icons .logo-outline,
.nav-grupos-afinidade.nav-mod .nav .nav-item button .content-icons .logo {
    max-height: 30px;
    max-width: 30px;
}

.cidadania-corporativa-s4 .content-depoimento .sticky-top {
    top: 150px !important;
}

.nav-grupos-afinidade .nav {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: scroll;
}

.nav-grupos-afinidade .nav::-webkit-scrollbar {
    display: none;
}

.nav-grupos-afinidade .nav .nav-item {
    margin-right: 100px;
}

.nav-grupos-afinidade .nav .nav-item button {
    display: flex;
    flex-direction: column;
    align-items: center;
    outline: none;
}

.nav-grupos-afinidade .nav .nav-item button .name {
    margin-top: 10px;
    color: #B1B1B1;
}

.nav-grupos-afinidade .nav .nav-item button .name strong {
    font-weight: 500;
}

.nav-grupos-afinidade .nav .nav-item button .name-logo svg path {
    transition: .2s ease-in-out;
}

.nav-grupos-afinidade .nav .nav-item button#af1-tab.active .name-logo svg path {
    fill: #702283;
}

.nav-grupos-afinidade .nav .nav-item button#af2-tab.active .name-logo svg path {
    fill: #9E005D;
}

.nav-grupos-afinidade .nav .nav-item button#af3-tab.active .name-logo svg path {
    fill: #E94E1B;
}

.nav-grupos-afinidade .nav .nav-item button#af4-tab.active .name-logo svg path {
    fill: #B17F4A;
}

.nav-grupos-afinidade .nav .nav-item button#af5-tab.active .name-logo svg path {
    fill: #D60B52;
}

.nav-grupos-afinidade .nav .nav-item button#af6-tab.active .name-logo svg path {
    fill: #824F39;
}

.banner-cidadania-corporativa {
    min-height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
}

.cidadania-corporativa-s1 .content-conversa {
    padding: 100px;
}

.cidadania-corporativa-s2 .content-conversa {
    padding: 100px;
}

.cidadania-corporativa-s2 .content-depoimento .sticky-top {
    align-items: flex-end;
}

.cidadania-corporativa-s3 {
    padding: 80px 0;
    position: relative;
}

.cidadania-corporativa-s3 .grafismo {
    position: absolute;
    top: 70px;
    right: 0;
}

.tab-grupos-afinidade .content-left {
    padding: 0px 100px 100px;
}

.tab-grupos-afinidade .content-left .content-text {
    margin-bottom: 30px;
}

.tab-grupos-afinidade {
    margin-top: 50px;
}

.tab-grupos-afinidade .content-left .content-text h3 {
    font-family: 'Poppins', sans-serif;
    margin-bottom: 30px;
    color: #BE1D48;
}

.tab-grupos-afinidade .row {
    margin-top: 100px;
}

.content-slide-images .content-slide {
    position: relative;
}

.content-slide-images .content-slide .description {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 30px 30px 50px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    z-index: 9;
}

.content-slide-images {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    position: relative;
}

.content-slide-images .owl-dots {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 10px 0;
    z-index: 9;
}

.content-slide-images .content-slide:before {
    content: '';
    position: absolute;
    top: 35%;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
    z-index: 9;
}

.content-slide-images .content-slide .description p,
.cidadania-corporativa-s9 .content-image .description p {
    font-size: 1rem;
    line-height: inherit;
}

.cidadania-corporativa-s4 {
    margin-bottom: 100px;
}

.cidadania-corporativa-s4>.sticky-top {
    z-index: 99999;
    background-color: #f8f8f8;
    padding: 20px 0px;
    border-bottom: 1px solid #d2d2d2;
}

.tab-grupos-afinidade .content-left .content-links {
    margin-top: 30px;
}

.tab-grupos-afinidade .content-left .content-links {
    max-width: 600px;
}

.tab-grupos-afinidade .content-left .content-links .link {
    margin-bottom: 10px;
}

.tab-grupos-afinidade .content-left .content-links .link:last-child {
    margin-bottom: 0px;
}

.cidadania-corporativa-s5 .content-conversa {
    padding: 0 100px 100px;
}

.cidadania-corporativa-s5 .content-title-custom2 {
    color: #BE1D48;
}

.cidadania-corporativa-s5 .content-title-custom2 span {
    max-width: 500px;
}

.cidadania-corporativa-s7 .content-slide .content-slide-images {
    border-radius: 0;
    box-shadow: none;
}

.cidadania-corporativa-s7 .content-conversa {
    padding: 100px;
}

.cidadania-corporativa-s7 .content-conversa .content-links {
    margin-top: 50px;
}

.cidadania-corporativa-s7 .content-conversa .content-links .link {
    margin-bottom: 10px;
}

.cidadania-corporativa-s7 .content-conversa .content-links .link:last-child {
    margin-bottom: 0;
}

.cidadania-corporativa-s8 {
    padding: 100px 0;
}

.cidadania-corporativa-s8 .content-title-custom2 {
    color: #fff;
}

.cidadania-corporativa-s8 .content-text p {
    color: #fff;
}

.cidadania-corporativa-s8 .content-links .link a {
    color: #fff;
}

.cidadania-corporativa-s8 .content-links .link a svg path {
    fill: #fff;
}

.cidadania-corporativa-s8 .content-links .link a:hover svg path {
    fill: #fff;
    opacity: 0.7;
}

.cidadania-corporativa-s8 .content-links .link a:hover {
    opacity: 0.7;
}

.cidadania-corporativa-s8 .content-links {
    margin-top: 50px;
}

.cidadania-corporativa-s9 .content-image {
    padding: 0;
    position: relative;
}

.cidadania-corporativa-s9 .content-image .description {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 30px;
    text-align: center;
    color: #fff;
    font-weight: 500;
}

.cidadania-corporativa-s9 .content-conversa {
    padding: 100px;
}

.cidadania-corporativa-s9 .content-image img {
    width: 100%;
}

.cidadania-corporativa-s9 .content-conversa .content-links {
    margin-top: 30px;
}

.cidadania-corporativa-s10 .sticky-top {
    top: 100px;
    margin-bottom: 380px;
}

.cidadania-corporativa-s10 {
    padding-top: 100px;
    position: relative;
}

.cidadania-corporativa-s10 .grafismo {
    position: absolute;
    left: 0;
    bottom: 0;
}

.numbers.cidadania-corporativa .content-number {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid #fff;
    padding: 30px;
    border-radius: 20px;
    height: 100%;
}

.numbers.cidadania-corporativa .content-number .number-item .text {
    font-size: 1rem;
    line-height: 1.5rem;
}

.numbers.cidadania-corporativa .group-numbers {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
}

.numbers.cidadania-corporativa .row-numbers-2 .content-number {
    padding: 30px;
    border: 1px solid #fff;
    border-radius: 20px;
    height: 100%;
}

.numbers.cidadania-corporativa .ano {
    font-size: 2.75rem;
    font-weight: 600;
    margin-bottom: 20px;
    display: block;
    text-align: center;
}

.cidadania-corporativa-s1 .content-depoimento .sticky-top,
.cidadania-corporativa-s2 .content-depoimento .sticky-top {
    top: 50px;
}

.modal-body h3 {
    text-align: center;
    max-width: 500px;
    margin: 0 auto 30px;
}

.modal-body h4 {
    font-weight: 700;
    color: #CC4900;
    font-family: 'Poppins', sans-serif;
    font-size: 1.125rem;
    margin-bottom: 20px;
}

.modal-body ul li {
    margin-bottom: 20px;
}

.modal-body ul li:last-child {
    margin-bottom: 0px;
}

.modal-body ul li ul {
    list-style: none;
    margin-top: 10px;
    padding-left: 20px;
}

/*  */

#scrollToTopBtn {
    background-color: #fff;
    border: none;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    font-size: 16px;
    height: 50px;
    width: 50px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 999999;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);
    outline: none;
    transition: .2s ease-in-out;
    visibility: hidden;
    opacity: 0;
    transform: rotate(-90deg);
}

#scrollToTopBtn.active {
    visibility: visible;
    opacity: 1;
}

.modal {
    z-index: 999999;
}

/*  */

.carousel-cards-pandemia .owl-nav {
    margin: 0;
    position: absolute;
    top: -80px;
    width: 80px;
    right: 80px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.carousel-cards-pandemia.owl-carousel.owl-theme .owl-nav button {
    width: 30px;
    height: 30px;
    display: flex;
    margin: 0;
    padding: 0;
    background-image: url(https://relatoriosocial2019-2020.mattosfilho.com.br/wp-content/uploads/2021/03/icon-nav-carousel-light.svg);
    background-position: center;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    outline: none;
    transition: .2s ease-in-out;
}

.carousel-cards-pandemia.owl-carousel.owl-theme .owl-nav button.owl-prev {
    transform: rotate(180deg);
}

.carousel-cards-pandemia.owl-carousel.owl-theme .owl-nav button:hover {
    background-color: transparent;
}

/*  */

.carousel-parceiros .owl-nav {
    margin: 0;
    position: absolute;
    top: -60px;
    width: 80px;
    left: 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.carousel-parceiros.owl-carousel.owl-theme .owl-nav button {
    width: 30px;
    height: 30px;
    display: flex;
    margin: 0;
    padding: 0;
    background-image: url(https://relatoriosocial2019-2020.mattosfilho.com.br/wp-content/uploads/2021/03/icon-nav-carousel.svg);
    background-position: center;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    outline: none;
    transition: .2s ease-in-out;
}

.carousel-parceiros.owl-carousel.owl-theme .owl-nav button.owl-prev {
    transform: rotate(180deg);
}

.carousel-parceiros.owl-carousel.owl-theme .owl-nav button:hover {
    background-color: transparent;
}

#counters_hero {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.content-links .link .btn-more-text.btn-more-text-mobile {
    display: none;
}

/* Mobile */

@media (max-width: 1200px) {
    .equidade-racial-s2 .grafismo {
        max-width: 400px;
    }

    .page-template-page-carta-aberta .banner-carta-aberta {
        background-position: -500px top !important;
    }
}

@media (max-width: 1024px) {
    .equidade-racial-s2 .content-links .link {
        width: calc(50% - 20px);
        margin: 10px;
        text-align: left;
    }

    #dna-social .card-dna:hover {
        transform: scale(1);
    }

    .equidade-racial-s2 .content-links {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 10px;
        align-items: flex-start;
    }

    .equidade-racial-s2 .content-podcast>p {
        text-align: center;
    }

    .pandemia-s5 .grafismo {
        max-width: 300px;
    }

    .pandemia-s4 .grafismo {
        max-width: 300px;
    }

    .pandemia-s6 .grafismo {
        max-width: 350px;
    }

    .pandemia-s3 .grafismo {
        max-width: 450px;
    }

    .page-template-page-carta-aberta .banner-carta-aberta {
        background-position: -700px top !important;
    }

    .main-menu .sub-menu {
        position: relative;
        top: 0;
        opacity: 1;
        visibility: hidden;
        margin: 10px 0;
    }

    .main-menu .menu.active-menu-mobile .sub-menu {
        visibility: visible;
    }

    .main-menu .sub-menu .sub-menu-item a {
        font-size: 1rem;
    }

    .pro-bono-s1 .content-conversa,
    .pro-bono-s2 .content-conversa {
        padding: 50px;
    }

    .pro-bono-s5 .content-left {
        padding: 50px;
    }

    .pro-bono-s4 .content-left {
        padding: 50px;
    }

    .cidadania-corporativa-s1 .content-conversa {
        padding: 50px;
    }

    .cidadania-corporativa-s2 .content-conversa {
        padding: 50px;
    }

    .nav-grupos-afinidade {
        padding-left: 1.5rem;
    }

    .tab-grupos-afinidade .content-left {
        padding-left: 1.5rem;
    }

    .cidadania-corporativa-s5 .content-conversa {
        padding: 0 50px 50px;
    }

    .cidadania-corporativa-s7 .content-conversa {
        padding: 50px;
    }

    .cidadania-corporativa-s9 .content-conversa {
        padding: 50px;
    }

    .equidade-racial-s3 .content-conversa,
    .equidade-racial-s4 .content-conversa,
    .equidade-racial-s5 .content-conversa,
    .equidade-racial-s6 .content-conversa {
        padding: 0 50px;
    }
}

@media (max-width: 768px) {
    .pro-bono-s3 .content-left {
        padding: 50px 1.5rem 200px;
    }

    .content-parceiros .parceiro {
        padding: 25px;
    }

    .banner-pandemia {
        background-image: url(https://relatoriosocial2019-2020.mattosfilho.com.br/wp-content/uploads/2021/03/background-pandemia-mobile.jpg);
        align-items: flex-start;
        padding-top: 200px;
    }

    .pro-bono-s4 .grafismo {
        bottom: -80px;
        max-width: 150px;
    }

    .page-template-page-dna-social .banner-instituto-mf .title-group-banner-interno h1,
    .banner-equidade-racial .title-group-banner-interno h1,
    .banner-pandemia .title-group-banner-interno h1,
    .page-template-page-imf .banner-instituto-mf .title-group-banner-interno h1,
    .page-template-page-carta-aberta .banner-carta-aberta .title-group-banner-interno h1,
    .banner-cidadania-corporativa .title-group-banner-interno h1,
    .banner-pro-bono .title-group-banner-interno h1 {
        text-align: center;
        align-items: center;
    }

    .page-template-page-dna-social .banner-instituto-mf .title-group-banner-interno .subtitle,
    .banner-equidade-racial .content-text,
    .banner-pro-bono .title-group-banner-interno h1 span {
        text-align: center;
        max-width: 100%;
    }

    .page-template-page-dna-social .banner-instituto-mf .content-video img {
        width: 100%;
    }

    .ecossistema-social-s1 {
        padding-top: 50px;
    }

    .ecossistema-social-s1 .content-comentario {
        margin: 50px 0 0;
    }

    .ecossistema-social-s1 .grafismo {
        display: none;
    }

    .ecossistema-social-s1 .content-links {
        margin-top: 50px;
    }

    .equidade-racial-s2 .content-mediador {
        margin-top: 50px;
    }

    .equidade-racial-s2 .grafismo {
        display: none;
    }

    .content-depoimento .content-comentario {
        width: 100%;
        max-width: 100%;
    }

    .content-depoimento .content-comentario {
        width: 100%;
        max-width: 100%;
    }

    .equidade-racial-s3 .row,
    .equidade-racial-s4 .row,
    .equidade-racial-s5 .row,
    .equidade-racial-s6 .row {
        flex-direction: column-reverse !important;
    }

    .equidade-racial-s3 .content-depoimento,
    .equidade-racial-s4 .content-depoimento,
    .equidade-racial-s5 .content-depoimento,
    .equidade-racial-s6 .content-depoimento {
        margin-top: 50px;
    }

    .equidade-racial-s3 .content-conversa,
    .equidade-racial-s4 .content-conversa,
    .equidade-racial-s5 .content-conversa,
    .equidade-racial-s6 .content-conversa {
        padding: 0 1.5rem;
    }

    .pandemia-s1 .content-video {
        margin-top: 50px;
        max-width: 100%;
        max-height: 350px;
    }

    .pandemia-s2 .row {
        flex-direction: column-reverse;
    }

    .pandemia-s2 {
        padding-top: 50px;
    }

    .pandemia-s2 .content-depoimento {
        margin-top: 50px;
    }

    .pandemia-s3 {
        padding: 50px 0;
    }

    .pandemia-s3 .content-comentario {
        margin-top: 50px;
    }

    .pandemia-s3 .grafismo {
        top: inherit;
        bottom: -120px;
        max-width: 400px;
    }

    .pandemia-s5 .sticky-top {
        margin-bottom: 50px;
    }

    .content-title-custom2 h2 {
        font-size: 3rem;
    }

    .content-title-custom2 h2 span {
        font-size: 1.5rem;
    }

    .pandemia-s5 {
        padding: 100px 0 50px;
    }

    .pandemia-s5 .grafismo {
        display: none;
    }

    .pandemia-s4 .grafismo {
        display: none;
    }

    .pandemia-s1 {
        padding-top: 50px;
    }

    .content-comentario {
        max-width: 100%;
    }

    .pandemia-s6 .grafismo.animateUp {
        display: none;
    }

    .pandemia-s6 {
        padding-top: 50px;
    }

    .equidade-racial-s2,
    .equidade-racial-s3,
    .equidade-racial-s4,
    .equidade-racial-s5,
    .equidade-racial-s6 {
        padding-bottom: 50px;
    }

    .equidade-racial-s6 {
        padding-bottom: 0px;
    }

    .banner-instituto-mf .content-video,
    .banner-cidadania-corporativa .content-video,
    .banner-pro-bono .content-video {
        margin-top: 50px;
    }

    .instituto-mf-s1 .content-left {
        padding: 50px 1.5rem;
    }



    .instituto-mf-s1 .content-depoimento .content-links {
        padding: 0px 1.5rem;
    }

    .instituto-mf-s1 .grafismo {
        max-width: 250px;
        bottom: -100px;
    }

    .primeiras-acoes .content-acao .content-depoimento {
        margin-top: 50px;
    }

    .primeiras-acoes .numbers {
        margin-top: 0px;
    }

    .numbers .content-number {
        flex-wrap: wrap;
    }

    .numbers .content-number .number-item {
        width: 100%;
        margin-bottom: 20px;
    }

    .numbers .content-number .number-item:last-child {
        margin-bottom: 0;
    }

    .primeiras-acoes .numbers .content-number {
        border: 1px solid #fff;
        padding: 30px;
        border-radius: 20px;
    }

    #acesso.tab-pane .numbers .row>div:last-child {
        border: 0;
    }

    #bolsas.tab-pane .numbers .content-number {
        justify-content: center;
    }

    .numbers h2 {
        margin-bottom: 20px;
    }

    #apoios.tab-pane .content-acao .row div:nth-child(2) {
        padding-right: 1.5rem;
    }

    .primeiras-acoes {
        padding: 50px 0 0;
    }

    .page-template-page-carta-aberta .banner-carta-aberta {
        background-position: right top !important;
    }

    .carta-aberta-s3 .grafismo {
        display: none;
    }

    .cidadania-corporativa-s3 .grafismo {
        display: none;
    }

    .tab-grupos-afinidade .content-left {
        padding: 0 1.5rem;
        margin-bottom: 50px;
    }

    .nav-grupos-afinidade .nav .nav-item button .content-icons {
        width: 70px;
        height: 70px;
    }

    .nav-grupos-afinidade .nav .nav-item button .content-icons img {
        max-width: 45px;
    }

    .nav-grupos-afinidade .nav .nav-item {
        margin-right: 50px;
    }

    .cidadania-corporativa-s10 .sticky-top {
        margin-bottom: 50px;
    }

    .cidadania-corporativa-s10 .grafismo {
        display: none;
    }

    .numbers.cidadania-corporativa .group-numbers {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .cidadania-corporativa-s9 .content-conversa,
    .cidadania-corporativa-s7 .content-conversa,
    .cidadania-corporativa-s5 .content-conversa,
    .cidadania-corporativa-s2 .content-conversa,
    .cidadania-corporativa-s1 .content-conversa {
        padding: 50px 1.5rem;
    }

    .cidadania-corporativa-s4 {
        margin-bottom: 0px;
    }

    .cidadania-corporativa-s10 {
        padding-top: 50px;
    }

    .carousel-cards-ecossistema-social .owl-item.active {
        transform: scale(1.03) !important;
    }

    .cidadania-corporativa-s8 .content-slide-images {
        margin-top: 20px;
    }

    .more-text-mobile {
        display: none;
    }

    .content-links .link .btn-more-text.btn-more-text-mobile {
        display: flex;
    }

    .carousel-depoimentos.owl-theme .owl-dots {
        justify-content: center;
    }

    .pro-bono-s3 {
        margin: 90px 0 0;
    }

    .content-parceiros {
        padding: 0 1.5rem;
    }

    .pro-bono-s3 .content-parceiros .owl-carousel {
        margin-left: inherit;
        margin-top: -160px;
        flex-direction: column;
    }

    .pro-bono-s3 .content-left .content-text {
        padding-right: 0;
    }

    .pro-bono-s3 .content-parceiros .owl-carousel .owl-dots {
        text-align: center;
        margin-top: 20px;
        padding-left: 0;
        margin-bottom: 0;
    }

    .pro-bono-s4 .carousel-depoimentos.owl-theme .owl-dots {
        justify-content: center;
    }

    .pro-bono-s6 .container {
        max-width: 100%;
    }

    .pro-bono-s6 .sticky-top {
        margin-bottom: 0px;
    }

    .pro-bono-s6 .grafismo {
        display: none;
    }

    .pro-bono-s7 .container {
        max-width: 100%;
    }

    .pro-bono-s1 .content-conversa,
    .pro-bono-s2 .content-conversa,
    .pro-bono-s5 .content-left,
    .pro-bono-s4 .content-left {
        padding: 50px 1.5rem;
    }
}

@media (max-width: 600px) {
    #scrollToTopBtn {
        width: 40px;
        height: 40px;
    }

    .title-group-banner-interno h1,
    .banner-equidade-racial .title-group-banner-interno h1 {
        font-size: 3rem;
        line-height: 3.5rem;
    }

    .page-template-page-dna-social .banner-instituto-mf .title-group-banner-interno h1 span,
    .banner-equidade-racial .title-group-banner-interno h1 span,
    .page-template-page-imf .banner-instituto-mf .title-group-banner-interno h1 span {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }

    .page-template-page-dna-social .banner-instituto-mf,
    .banner-pro-bono,
    .banner-cidadania-corporativa {
        padding-top: 150px;
        padding-bottom: 100px;
    }

    .ecossistema-social-s1 .grafismo {
        max-width: 100px;
        bottom: 130px;
    }

    .card-ecossistema-social .content-links {
        margin: 0px 25px 25px 25px;
    }

    .card-ecossistema-social .content-body {
        padding: 20px;
    }

    .card-ecossistema-social .content-header {
        padding: 25px;
        min-height: 280px;
    }

    .card-ecossistema-social .content-body .content-text {
        margin-bottom: 20px;
    }

    .card-ecossistema-social .content-body .title-list {
        font-size: 1.125rem;
    }

    .card-ecossistema-social .content-body ul li:last-child {
        margin-bottom: 0;
    }

    .card-ecossistema-social .content-body .content-text p,
    .card-ecossistema-social .content-body ul li {
        font-size: 0.875rem;
    }

    .banner-equidade-racial .container {
        padding-top: 200px;
    }

    .gradienteBanner.background-equidade-racial {
        height: 150vh;
    }

    .card-equidade-interno .content-card-hover {
        padding: 20px;
    }

    .card-equidade-interno .content-card-hover .name {
        font-size: 1.25rem;
    }

    .card-equidade-interno .content-card-hover p {
        font-size: 0.875rem;
    }

    .pandemia-s2 .content-right {
        padding: 0 1.5rem;
    }

    .content-title-custom2 h2 {
        font-size: 2rem;
    }

    .content-title-custom2 h2 span {
        font-size: 1.125rem;
    }

    .pandemia-s4 .content-publicacoes .publicacao {
        padding: 30px 25px;
    }

    .pandemia-s3 .grafismo {
        max-width: 300px;
        bottom: -80px;
    }

    .pandemia-s4 .publicacoes h3 {
        font-size: 1.125rem;
    }

    .numbers .content-number .number-item .number {
        font-size: 2.125rem;
        line-height: 2.5rem !important;
    }

    .equidade-racial-s1 .owl-stage {
        margin-bottom: 0;
    }

    .equidade-racial-s2 .content-podcast iframe {
        margin-bottom: 20px;
    }

    .instituto-mf-s1 .grafismo {
        max-width: 150px;
        bottom: 0px;
    }

    .nav-acoes .nav-item button,
    .nav-acoes.nav-mod .nav-item button {
        padding: 10px 20px;
        font-size: 0.875rem;
    }

    .page-template-page-imf .banner-instituto-mf {
        padding: 150px 0 100px;
    }

    .nav-acoes {
        margin: 20px 0;
    }

    .primeiras-acoes .content-title-custom2 {
        margin-bottom: 0px;
    }

    .primeiras-acoes .content-title-custom2 {
        margin-left: 0px;
    }

    .nav-acoes {
        padding-left: 0px;
    }

    .primeiras-acoes .content-left {
        padding: 0px 1.5rem;
    }

    .nav-acoes .nav-item {
        padding: 0px 5px;
    }

    .instituto-mf-s1 .grafismo.animateUp {
        display: none;
    }

    .primeiras-acoes .content-acao .content-left .content-image .content-description {
        bottom: 20px;
    }

    .page-template-page-carta-aberta .banner-carta-aberta {
        background-position: right -100px top !important;
    }

    .content-slide-images .content-slide .description {
        position: relative;
        padding: 20px 20px 50px;
        color: #494949;
        background-color: #F8F8F8;
    }

    .content-slide-images .owl-stage-outer {
        background-color: #f8f8f8;
    }

    .content-slide-images .content-slide {
        display: flex;
        flex-direction: column-reverse;
    }

    .content-slide-images .content-slide:before {
        content: none;
    }

    .cidadania-corporativa-s9 .content-image .description {
        position: relative;
        color: #494949;
    }

    .content-referencia {
        flex-direction: column;
        align-items: flex-start;
    }

    .content-referencia .referencia {
        margin-bottom: 20px;
    }

    .content-referencia .referencia:last-child {
        margin-bottom: 0px;
    }

    .pro-bono-s7 {
        padding: 50px 0px 0px;
    }

    .timeline-pro-bono .content-item {
        max-width: 300px;
    }
}

@media (max-width: 350px) {
    .timeline-pro-bono .item-timeline {
        max-width: 270px;
    }

    .timeline-pro-bono .item-timeline .content-image .description {
        font-size: 0.7rem;
    }
}

@media (max-width: 500px) {
    .banner-pandemia {
        padding-top: 150px;
    }

    .content-item.a2016.marcos .item-timeline {
        display: flex;
        flex-direction: column-reverse;
    }

    .content-item.a2016.marcos .item-timeline .content-image {
        margin-right: 0px;
        margin-top: 20px;
    }

    .timeline-pro-bono .a2018.marcos .item-timeline {
        flex-direction: column-reverse;
    }

    .timeline-pro-bono .a2018.marcos .item-timeline .content-image {
        margin-right: 0px;
        margin-top: 20px;
    }

    .timeline-pro-bono .a2019.marcos .item-timeline {
        flex-direction: column-reverse;
    }

    .timeline-pro-bono .a2019.marcos .item-timeline .content-image {
        margin-right: 0;
        margin-top: 20px;
    }

    .content-item.a2020.marcos .item-timeline {
        flex-direction: column-reverse;
    }

    .content-item.a2020.marcos .item-timeline .content-image {
        margin-right: 0px;
        margin-top: 20px;
    }
}