@import url('https://fonts.googleapis.com/css2?family=Parkinsans:wght@300..800&display=swap');

h1 , h2{
  font-family: "Parkinsans", sans-serif;
}

/*Header(Menu-nav)*/
.navbar::before {
    width: 100%;
    border-radius: 0;
}

@media (min-width: 992px) {
    .navbar .nav-item .nav-link.active, .navbar .nav-item:hover .nav-link {
        color: #001e47;
    }
}

/*<------>*/

/*slide*/
.feature-area {
    display: none;
}

.hero-single::before {
    position: absolute;
    background: url(/arquivos/autismo.svg);
    background-repeat: no-repeat;
    background-position: right;
    transform: rotateZ(339deg);
    top: 34%;
    left: 140px;
}

.hero-single::before {
    opacity: .2;
}

.hero-single:after {
    position: absolute;
    content: "";
    background: url(/arquivos/card-slide.webp);
    width: 30%;
    height: 95%;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
    top: 10px;
    right: 14%;
    border-radius: 200px 200px 40px 200px;
    filter: drop-shadow(2px 4px 25px #00000033);
}

.hero-content h1 {
    color: #010937 !important;
}

.hero-single .hero-content p {
    color: #010937 !important;
}

#slideshow-1 {
    background: #fafafa !important;
}

h1.hero-title {
    text-transform: math-auto !important;
    font-size: 4em !important;   
}

.hero-single .hero-content .hero-title span {
    color: #ff3c1f;
}

/*<------->*/

/*sec-empresa*/
p.about-text {
    font-size: 26px;
    color: #232323;
}


.site-title {
    font-size: 4em;
    text-transform: uppercase;
    font-weight: 800;
}

.about-img {
  margin-right: 60px;
  margin-bottom: 15px;
}

.about-img img {
    filter: drop-shadow(2px 4px 28px #00000033);
}

.about-experience {
    background: unset;
    left: -60px;
    top: 23px;
    padding: 0;
    border: 0;
}

img.mascote {
    width: 150px;
}

.site-title span {
    color: #ff3c1f;
}

.about-area h2.site-title {
    color: #0003ff;
}
/*<--------->*/

/*sec-html-1*/
#section-html-modulo_1 {
    position: relative;
    padding: 50px 0px;
    background: url(/arquivos/bg-jornada.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

.jornada-title h1 {
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 15px;
    color: #fff;
}

.text-jornada p {
    font-size: 18px;
    color: #fff;
}

#section-html-modulo_1:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(90deg, #0003ff, #0003ff, #0003ff, #0003ff, #0003ff, transparent, transparent);
    z-index: -1;
}

#section-html-modulo_1:after {
    position: absolute;
    content: "";
    background: url(/arquivos/dinotea-jornada_1.webp);
    top: 35%;
    right: 0px;
    left: 20%;
    bottom: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 21%;
    margin: auto;
}
/*<---------->*/

/*sec-html-2*/
.title-associacao h1 {
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
    font-size: 4em;
}

.title-list p {
    margin-bottom: 20px;
}

.desc-associacao p {
    font-size: 18px;
    text-align: center;
    color: #fff;
}

#section-html-modulo_2 {
    position: relative;
    padding: 60px 0px;
    background: #0003ff;
    z-index: 1;
}

.lista-especialidade li {
    list-style: disc;
    color: #fff;
    font-size: 18px;
}

.list-red {
    background: linear-gradient(90deg, #ff3c1f, transparent);
    padding: 5px 25px;
}

.list-green {
    background: linear-gradient(90deg, #04be04, transparent);
    padding: 4px 25px;
}

.list-yelow {
    background: linear-gradient(90deg, #faab00, transparent);
    padding: 2px 25px;
}

#section-html-modulo_2:before {
    position: absolute;
    content: "";
    background: url(/arquivos/C632AD57.png);
    top: 0;
    left: 0;
    right: -10%;
    bottom: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    opacity: .3;
}

#section-html-modulo_2:after {
    position: absolute;
    content: "";
    background: url(/arquivos/bg-waves.webp);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -2;
    opacity: .4;
    filter: brightness(.5) brightness(0.5);
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}
/*<----------->*/

/*sec-video*/
.mfp-iframe-scaler {
    padding-top: 60.25%;
}

.mfp-iframe-scaler iframe {
    border-radius: 20px;
}
/*<-------->*/

/*sec-servicos*/
#page_home .portfolio-area h2 {
    text-transform: uppercase;
    font-size: 3.2em;
    font-weight: 800;
    color: #0003ff;
}

.portfolio-content {
    display: none;
}
/*<--------->*/

/*sec-html-3*/
#section-html-modulo_3 {
    padding: 50px 0px;
}

#section-html-modulo_3 h1 {
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
    font-size: 4em;
    margin-bottom: 50px;
    color: #0003ff;
}

.card-projetos {
    padding: 20px 20px;
    padding-top: 30px;
}

.projetos-gap {
    height: 100%;
    background: #e9e9e9;
    border-radius: 20px;
    box-shadow: 0 7px 20px -15px #333;
}

.title-card {
    text-align: center;
}

.title-card h3 {
    color: #0003ff;
    margin-bottom: 15px;
}

.desc-card p {
    text-align: center;
    color: #2d2d2d;
}

.img-projetos-gap img {
    border-radius: 20px;
}
/*<----->*/

/*section-apoio*/
#apoio {
    padding: 100px 0px;
}

.desc-card-apoio li {
    font-size: 19px;
    margin-bottom: 20px;
    color: #2d2d2d;
}

.title-card-apoio {
    text-align: center;
    margin-bottom: 15px;
    background: linear-gradient(90deg, transparent, #04be04, transparent);
}

div#bg-title-red {
    background: linear-gradient(90deg, transparent, #ff3c1f, transparent);
}

div#bg-title-red h2 {
    color: #fff;
    padding: 10px;
}

.title-card-apoio h2 {
    color: #fff;
    padding: 10px;
}

.img-apoio {
    position: relative;
    text-align: center;
    z-index: 1;
}

.img-apoio img {
    box-shadow: 0 12px 21px -15px #000;
    border-radius: 40px;
}
/*<--------->*/

/*sec-doacao*/
.codigo-qr {
    position: relative;
    text-align: center;
    z-index: 1;
}

.codigo-qr img {
    width: 50%;
}

.chave-pix {
    color: #fff;
    text-align: center;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Parkinsans';
}

#doacoes {
    position: relative;
    padding: 50px 0px;
    background: #0003ff;
    z-index: 1;
}

.codigo-qr:before {
    position: absolute;
    content: "";
    width: 52%;
    height: 300px;
    left: 138px;
    bottom: -6px;
    background: radial-gradient(#e6646500, transparent, transparent, transparent, #20db00);
    z-index: -1;
}

.title-doacao h1 {
    color: #fff;
    font-size: 5em;
    font-weight: 900;
    margin-bottom: 20px;
}

.desc-doacao p {
    color: #fff;
    font-size: 20px;
}

#doacoes:before {
    position: absolute;
    content: "";
    background: url(/arquivos/bg-apoio.webp);
    top: 0;
    left: 0px;
    right: 0;
    bottom: 0;
    background-position: center;
    background-size: contain;
    opacity: .2;
    background-repeat: no-repeat;
    z-index: -1;
}

#doacoes:after {
    position: absolute;
    content: "";
    background: url(/arquivos/dinotea.webp);
    top: 140px;
    left: 80px;
    right: 0;
    bottom: 0;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotateY(178deg);
    background-position: right;
    width: 15%;
}
/*<------>*/

/*section-informativo*/
#iformativo {
    position: relative;
    padding: 50px 0px;
    background: url(/arquivos/bg-doar.webp);
    background-size: contain;
    z-index: 1;
}

.title-informativo {
    text-align: center;
    margin-bottom: 35px;
}

.title-informativo h1 {
    font-size: 4em;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
}

.desc-informativo {
    height: 100%;
    background: #0003ffc4;
    border-radius: 20px;
}

.desc-informativo p {
    font-size: 25px;
    padding: 58px 30px;
    color: #fff;
}

section#iformativo:before {
    position: absolute;
    content: "";
    background: #00000087;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.img-informativo img {
    border-radius: 20px;
    box-shadow: 0 30px 20px -30px #000000;
}


.img-apoio:before {
    position: absolute;
    content: "";
    background: #ededed;
    width: 90%;
    height: 104%;
    right: 29px;
    bottom: -10px;
    z-index: -1;
    margin: auto;
    display: flex;
    border-radius: 45px;
}

/*sec-video*/
.video-content {
    background-attachment: unset;
    border-radius: 30px;
}

.video-content::before {
    border-radius: 30px;
}

/*<----->*/

/*footer-contato*/
.footer-contact li {
    display: block;
}
/*<----->*/

/*section-padrinhos*/
#padrinho {
    padding: 50px 0px;
    background: #0003ff;
}

.title-padrinho h2 {
    font-size: 3.5em;
    text-transform: uppercase;
    font-weight: 900;
    color: #fff;
}

.tilte-pardinho-two h2 {
    font-weight: 800;
    color: #fff;
}

.desc-padrinhos p {
    font-size: 20px;
    color: #fff;
}

.desc-padrinho p {
    font-size: 20px;
    color: #fff;
}

.contatos p {
    font-size: 20px;
    color: #fff;
}

.contatos h3 {
    color: #fff;
    font-weight: 800;
    font-family: 'Parkinsans';
    margin-top: 10px;
}

.img-pradrinho {
    position: relative;
    top: 90px;
    left: 50px;
}
/*<---->*/

/*sec-contato*/
.quote-area {
    position: relative;
    padding-top: 5em !important;
}
/*<------->*/

/*sidebar*/
.sidebar-wrapper {
    background: #0003ff;
}

.sidebar-about p {
    color: #fff;
}

.sidebar-contact li {
    color: #fff;
}
.sidebar-contact h6 {
    color: #fff;
}

.sidebar-contact a {
    color: #fff;
}

.sidebar-about h4 {
    color: #fff;
}

.sidebar-contact h4 {
    color: #fff;
}

.sidebar-social h4 {
    color: #fff;
}

#page_a_empresa .about-area span {
    font-size: 23px !important;
}

@media screen and (max-width:1400px){
  #doacoes:after {
    left: 10px;
}

#section-html-modulo_1:after {
    top: 45%;
}
}

@media (max-width: 1199px) {
    .footer-widget-box {
        text-align: center;
    }
}

@media (max-width: 991px) {
    .footer-area::before {
        height: 100%;
    }
}

@media (max-width: 991px) {
    .navbar-brand img {
        width: 183px;
    }
}

@media screen and (max-width:720px){
  h1.hero-title {
    font-size: 3em !important;
}

.hero-single:after {
    background: unset;
    width: 100%;
}

.hero-single::before {
    opacity: .7;
}

.site-title {
    font-size: 2.6em;
    text-align: center;
}

p.about-text {
    font-size: 18px;
    text-align: center;
}

.about-experience {
    left: -24px;
    top: -16px;
}

img.mascote {
    width: 105px;
}

#section-html-modulo_1:before {
    background: #0003ff;
}

.jornada-title h1 {
    text-align: center;
    font-size: 33px;
}

#section-html-modulo_1:after {
    top: 75%;
    right: 0px;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
    opacity: .4;
}

.title-associacao h1 {
    font-size: 2.5em;
}

#section-html-modulo_3 h1 {
    font-size: 2.5em;
}

.title-card h3 {
    font-size: 19px;
}

#section-html-modulo_3 .col-md-4 {
    margin-bottom: 25px;
}

#apoio {
    padding: 0;
    padding-bottom: 50px;
}

.img-apoio {
    padding: 10px;
}

.img-apoio:before {
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.codigo-qr:before {
    width: 52%;
    height: 105%;
    left: 24%;
}

.title-doacao h1 {
    font-size: 3.5em;
    text-align: center;
}

#doacoes:after {
    top: 0px;
    left: 0%;
    right: 0;
    bottom: 69%;
    width: 29%;
}

.img-informativo {
    margin-bottom: 30px;
}

.desc-informativo p {
    font-size: 18px;
}

.title-padrinho h2 {
    font-size: 1.8em;
}

.img-pradrinho {
    position: relative;
    top: 0px;
    left: 0;
    text-align: center;
}

.tilte-pardinho-two h2 {
    font-size: 1.5em;
    margin-top: 30px;
}

.footer-widget-title::before {
    left: 42%;
}

.footer-widget-title::after {
    left: 45%;
}

.mfp-iframe-scaler {
    padding-top: 56.25%;
}
}