body {
    background-color: #F9F9F9;
}



/* header */


.cinza-header {
    background-color: #ffffff;
}

.zul-header {
    background-color: #89C6EA;
}

.rosa-header {
    background-color: #FFCB8B;
}

.amarelo-header {
    background-color: #FFB600;
}

.container-pesquisa-topo-redes {
    display: flex;
    align-items: flex-end;
    position: relative;
    transform: translateX(-44px);
    flex-direction: column-reverse;
    justify-content: center;
}

.container-redes-sociais-topo .social__icons {
    color: black;
    font-size: 1.3em;

}

.logo-menu-rede {
    align-items: center;
    gap: 53px;
}

#scrollheader {
    border-radius: 5px;
    padding: 1.2rem 2.5rem;
    margin: 1.5rem 5rem;
    position: relative;
    z-index: 9;
}

.headerFixed {
    margin: 0 !important;
}

.header-mobile-contact {
    background: var(--secondary-color) !important;
}


/* fim header */


/* parceiros */

/* CARDS */

#popup-1 {
    bottom: -348px;
    height: auto;
}

#popup-2 {
    height: auto;
    bottom: -100px;
}

#popup-3 {
    height: auto;
    bottom: -555px;
}

#popup-4 {
    bottom: -252px;
    height: auto;
}

.popup .d-flex a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.logo-solo {
    width: 40% !important;
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: center;
    height: auto;
    margin: .8em auto;
    mix-blend-mode: multiply;
}

.third-section {
    margin-bottom: 5%;
}

.third-section .d-flex {
    width: 100% !important;
    align-items: center;
    justify-content: center;
}

.card-relative {
    position: relative;
    overflow: hidden;
    width: 100% !important;
    height: 459px !important;
}

.card-relative .main-img {
    width: 100%;
    object-fit: cover;
    filter: grayscale(100%) brightness(0.5);
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.card-relative .card-absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

.card-relative .card-absolute .V-amarelo,
.card-relative .card-absolute .A-amarelo {
    position: absolute;
    width: auto;
    height: 225px;
}

.card-relative .card-absolute .V-amarelo {
    left: 30.6%;
    transform: translateX(-50%);
    bottom: -83% !important;
    transition: bottom 0.3s ease;
}

.card-relative .card-absolute .A-amarelo {
    left: 70.5% !important;
    transform: translateX(-50%) !important;
    top: 211%;
    transition: top 0.3s ease;
}

.card-relative .card-absolute .p-hidden {
    color: var(--white);
    text-align: center;
    position: relative;
    top: 1em;
    font-size: 1.1rem;
    opacity: 0;
    transition: 0.4s ease;
}

.card-relative .card-absolute .--yellow {
    color: var(--secondary-color);
    font-weight: bold;
}

.card-relative .card-absolute .prod {
    position: relative;
    top: 5em;
    left: 1.1em;
    text-transform: uppercase;
    color: #efefefde;
    font-size: 1.7rem;
    transition: top 0.3s ease, left 0.3s ease;
    z-index: -2;
}

.card-relative .card-absolute .prod .arrow-icon {
    opacity: 0;
    transition: opacity 0.3s ease;
    vertical-align: top;
    padding-left: 0.17em;
    font-size: 1.5rem;
}

/* terceiro card */
.card-wrapper:nth-of-type(3) .card-relative .card-absolute .prod {
    font-size: 1.47rem !important;
    white-space: nowrap;
    left: 4%;
    top: 5.6em;
}

.card-wrapper:nth-of-type(3):hover .card-relative .card-absolute .prod {
    left: 7%;
    top: 14.8em;
    font-size: 1.3rem !important;
}

.card-wrapper:nth-of-type(3) .card-relative .card-absolute .A-amarelo {
    top: 224%;
}

/* último card */
.card-wrapper:nth-of-type(4) .card-relative .card-absolute .prod {
    font-size: 1.3rem !important;
    white-space: nowrap;
    left: 6%;
    top: 6.31em;
}

.card-wrapper:nth-of-type(4) .card-relative .card-absolute .V-amarelo {
    bottom: -61% !important;
}

.card-wrapper:nth-of-type(4) .card-relative .card-absolute .A-amarelo {
    top: 178% !important;
}

.card-wrapper:nth-of-type(4):hover .card-relative .card-absolute .V-amarelo {
    bottom: 84% !important;
}

.card-wrapper:nth-of-type(4):hover .card-relative .card-absolute .A-amarelo {
    top: 345% !important;
}

.card-wrapper:nth-of-type(4):hover .card-absolute .prod {
    left: 14%;
    top: 13.8em;
    font-size: 1.3rem !important;
}

.card-wrapper:nth-of-type(4):hover {
    .text-align-center {
        text-align: center !important;
        display: block;
    }
}

/* fim último card */
.card-relative:hover .p-hidden {
    opacity: 1;
}

.card-relative:hover .main-img {
    filter: grayscale(0);
    transition: 0.3s ease;
}

.card-relative:hover .card-absolute .V-amarelo {
    bottom: 100% !important;
    transform: translate(-50%, -50%);
}

.card-relative:hover .card-absolute .A-amarelo {
    top: 504% !important;
    transform: translate(-50%, -50%);
}

.card-relative:hover .prod {
    top: 12em;
    transform: translate(-50%, -50%);
    left: 3em;
    color: var(--white) !important;
}

.card-relative:hover .prod .arrow-icon {
    opacity: 1;
    animation: bounce 1.4s ease-in-out infinite;
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-15px);
    }

    60% {
        transform: translateY(-5px);
    }
}

.card-relative:hover .prod:hover {
    color: var(--secondary-color) !important;
}

.card-relative:hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    background-image: linear-gradient(to bottom,
            rgb(0, 0, 0),
            rgba(0, 0, 0, 0) 50%,
            rgb(0, 0, 0) 100%);
}

/* popup parceiros */
.card-wrapper {
    position: relative;
    height: 28.6875rem;
    width: 21.25rem;
}

.popup {
    position: absolute;
    bottom: -135px;
    left: 0;
    width: 100%;
    z-index: 10;
    background-color: var(--secondary-color);
    height: 135px;
    display: none;
}

.popup .d-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.8em;
    width: 100% !important;
}

.popup .d-flex div a {
    width: 100%;
    height: 100%;
}

.logo-pair {
    width: 40%;
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: center;
    height: auto;
    margin: .8em auto;
    mix-blend-mode: multiply;
    height: 50px;
}

.popup img {
    width: 75%;
    object-fit: cover;
}

.popup img:hover {
    opacity: .6;
}

/* Página Parceiros */
.banner-parceiros {
    z-index: 0;
    position: relative;
    width: 100%;
    height: 610px;
}

.banner-parceiros>img {
    height: 610px;
    width: 100%;
    object-fit: cover;
    position: relative;
    transform: translateY(-150px);
}

.banner-parceiros::before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #000000a8;
    z-index: 1;
    transform: translateY(-150px);
}

/* .parceiros-slick .slick-prev,
.slick-next {
    z-index: 0 !important;
    opacity: 0 !important;
} */

.parceiros-absolute {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -64%);
    z-index: 2;
}

.parceiros-absolute .d-flex {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateX(99px);
}

.parceiros-absolute .d-flex div:first-child {
    width: 40%;
}

.parceiros-absolute .d-flex div:first-child h2 {
    font-family: var(--font-play-flare) !important;
    color: var(--white);
    font-size: 100px;
    line-height: 0.8;
}

.parceiros-absolute .d-flex div:first-child p {
    color: var(--white);
    max-width: 319px;
}

.parceiros-absolute .d-flex div:last-child {
    width: 50%;
}

/* section-parceiros */
.section-parceiros .d-flex div {
    padding: 1em;
}

.section-parceiros h3 {
    font-family: var(--font-play-flare) !important;
    text-align: center;
    font-size: 2.5rem;
}

/* fim parceiros */





/* quem somos */



.first-section #animation-container-2 {}

.first-section .d-flex {
    width: 100%;
    position: relative;
}

.first-section .d-flex div {
    width: 50%;
}

.first-section .d-flex .quem-somos {
    padding-left: 6em;
}

.first-section .d-flex .quem-somos h2,
.first-section .d-flex .quem-somos p {
    padding: 0;
    margin: 0;
}

.first-section .d-flex .quem-somos p:nth-of-type(1) {
    color: var(--strong);
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.first-section .d-flex .quem-somos h2 {
    font-family: var(--font-play-flare);
    font-weight: 500;
    font-size: 2.8rem;
    line-height: 48px;
    padding: 0 0 0.25em 0;
}

.first-section .d-flex .quem-somos p {
    margin-bottom: 1em;
    color: var(--strong);
    max-width: 535px;
    line-height: 1.36;
    text-align: left;
    font-size: 17px;
}

.first-section .d-flex .quem-somos a {
    font-weight: bold;
}

.first-section .d-flex .img-relative {
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 28px -6px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 0px 0px 28px -6px rgba(0, 0, 0, 0.38);
    box-shadow: 0px 0px 28px -6px rgba(0, 0, 0, 0.38);
}

.first-section .d-flex .img-relative img {
    width: 100%;
    object-fit: cover;
}

.first-section .d-flex .img-relative .img-absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.first-section .d-flex .img-relative .img-absolute .v-icon,
.first-section .d-flex .img-relative .img-absolute .a-icon {
    position: absolute;
    width: auto;
    height: 240px;
}

.first-section .d-flex .img-relative .img-absolute .v-icon {
    left: 16.6%;
    transform: translateX(-50%) !important;
    transition: top 0.9s ease;
    top: -100%;
}

.first-section .d-flex .img-relative .img-absolute .a-icon {
    left: 83.5% !important;
    transform: translateX(-50%) !important;
    bottom: -100%;
    transition: bottom 0.9s ease;
}

.first-section .d-flex:hover .img-relative .img-absolute .v-icon {
    top: -1%;
    transform: translate(-50%, -50%);
}

.first-section .d-flex:hover .img-relative .img-absolute .a-icon {
    bottom: -1%;
    transform: translate(-50%, 50%);
}

/* fim quem somos */




/* banner */

.container-text-img-icone {
    position: relative;
    left: 0%;
    margin-top: 3px;
    width: 100%;
}



.icone-banner {
    position: relative;
    z-index: 9;

}

.text-banner {
    color: black;
    text-align: left;
}

.title-banner {
    padding-left: 185px;
    font-size: 77px;
    color: white;
    width: 482px;
    position: absolute;
    z-index: 1;
    line-height: 65px;
    margin-left: .2em;
}

.home-section {
    position: relative;
    left: 2em;
    z-index: 9999;
}

#animation-container-2 {
    top: 0;
    right: 0;
    position: absolute;
    transform: translate(-271%, -23%);
    z-index: 1;
}

#animation-container-3 {
    position: absolute;
    z-index: 5;
    transform: translate(131%, 112%);
}

#animation-container-4 {
    width: 140px;
    height: 150px;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    transform: translate(58%, -46%);
}

#animation-container-5 {
    width: 150px;
    height: 150px;
    position: absolute;
    transform: translate(-99%, 23%);
}

#animation-container-6 {
    width: 150px;
    height: 150px;
    position: absolute;
    transform: translate(-20%, 9%);
}

#animation-container-7 {
    position: absolute;
    transform: translate(-43%, 11%);
}

.conteudo-banner {
    background-image: url('imagens/fundo-banner-amarelo_grande.png');
    background-size: cover;
    background-repeat: no-repeat;
    height: 117vh;
    width: 380px;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0%;
    display: flex !important;
    align-items: flex-start;
}

.banner-home {
    transform: translateY(-152px);
}

.contato-banner {
    position: absolute;
    z-index: 8;
    top: 202px;
    right: 0vh;
    width: 400px;
    height: 400px !important;
    object-fit: contain;
}

.container-contato-banner {
    bottom: 125px;
    left: 6vh;
    position: relative;
    z-index: 9;
    width: 253px;


    .address {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .address :is(span, a) {
        color: white;
        font: 15px / 26px var(--primary-font);

    }
}

.btn-area-restrita {
    display: flex !important;
    align-items: center;
    justify-content: center;
    align-content: center;
    gap: 10px;
}




.contendo-text-title-banner {
    position: relative;
    z-index: 9;
    display: flex !important;
    flex-direction: column !important;
    align-content: center;
    padding-top: 9vh !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;

    h1,
    p {
        color: white;
        margin: 0
    }

    h1 {
        font-family: 'futura', sans-serif;
        font-weight: 900;
        margin-bottom: 20px !important;
        font-size: 3vw;
        line-height: 3.467vw;
    }

    .btn-banner {
        background: transparent;
        border: 1px solid white;
        border-radius: 10px;
        color: white;
        font-weight: bold;
    }
}


.fundo-video {
    position: absolute;
    z-index: 8;
    width: 135vw;
    left: -13vh;
}

.video-fundo {
    width: 124vw;
    height: 150vh;
    margin: 0 auto;
}

/* fim banner */






/* nosso proposito */
.p-menor-proposito {
    margin: 0;
}

.container-text-nosso-proposito-geral {
    width: 41vw;
}

.title-text-proposito {
    margin: 0;
    line-height: 33px;
    font-size: 2.25rem;
}

.text-icone-proposito {
    margin: 9px 0;
    width: 24.759rem;
    line-height: 17px;
    text-align: left;
    font-size: 1.2rem;
}

.title-icone-proposito {
    margin: 0;
    color: black;
    font-weight: 400;
    font-size: 1.8rem;
}

.container-conteudo-nosso-proposito {
    margin-block: 100px;
    transition: .6s all;
    height: 654px;
}

.icone-proposito {
    width: 77px;
    object-fit: contain;
    padding: 13px;
}

.icone-text-proposito {
    margin-block: 37px;
    gap: 14px;
}



/* efeito imagem */

.imagem-pequena-proposito {
    height: 20.0625rem;
    width: 20.5625rem;
    object-fit: contain;
    position: relative;
    -webkit-box-shadow: 0px 0px 28px -6px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 0px 0px 28px -6px rgba(0, 0, 0, 0.38);
    box-shadow: 0px 0px 28px -6px rgba(0, 0, 0, 0.38);
}

#imagem-pequena-proposito-atras {
    z-index: 0;
    transform: translate(-349px, 332px);
    transition: all 0.9s ease;
}


.imagem-grande-altura-proposito {

    position: absolute;
    z-index: 1;
    height: 654px;
    object-fit: cover;
}

#imagem-pequena-proposito-frente {
    transition: all 0.9s ease;
    z-index: 2;
}




.container-imagem-nosso-proposito {
    padding-left: 2vw;
    height: 800px !important;
    max-height: 800px;
    position: relative;
    gap: 20px
}

.container-conteudo-nosso-proposito:hover .imagem-pequena-proposito {
    transform: translateX(103%);
    opacity: 1;
}

.container-conteudo-nosso-proposito:hover .container-imagem-nosso-proposito>#imagem-pequena-proposito-atras {
    z-index: 0;
    transform: translate(-9px, 332px);
}

/* fim efeito imagem */
/* fim nosso proposito */




/* promessa */

.title-promessa {
    margin: 0;
    line-height: 40px;
    font-size: 2.1rem;
    letter-spacing: -1px;
}

.text-promessa {
    font-size: 1.2rem;
    text-align: left;
    line-height: 23px;
}

/* .container-promessa {
    margin-block: 100px;
} */

.container-promessa .d-flex {
    gap: 60px;
    height: 330px;

}

.imagem-lado-text-proposito {
    width: 32.4rem;
    height: 22.8rem;
    object-fit: cover;
}

#imagem-lado-text-1-proposito {
    position: absolute;
    z-index: 0;
}

#imagem-lado-text-2-proposito {
    position: absolute;
    z-index: 1;
    transition: 0.8s ease-in-out;
}

.imagem-abaixo-text-proposito {
    position: relative;
    transform: translate(-395px, -66px);
    width: 24.3rem;
    transition: 0.8s ease-in-out;
    height: 264px;
}

.container-promessa:hover .container-imagem-lado-text>#imagem-lado-text-2-proposito {
    width: 46%;
    transform: translate(-48px, 395px);
    object-fit: cover;
    height: 23rem;
}


.container-promessa:hover .imagem-abaixo-text-proposito {
    transform: translate(102px, 65px);
    height: 23rem;
    width: 40%;
}







/* fim promessa */


/* categoria */


/* =============================== CARD =============================== */
.card--mod-24 {
    position: relative;
    overflow: hidden;
}

.card--mod-24 .card_image {
    display: block;
    width: 94% !important;
    height: 300px;
    object-fit: cover;
    filter: brightness(0.5);
}

.card--mod-24 .card_title {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.25em;
    text-align: center;
    color: #fff;
    transition: .7s;
}

.card--mod-24:hover .card_title {
    top: 35%;
}

.card--mod-24 .card__link {
    position: absolute;
    left: 50%;
    color: #ffffff00;
    transform: translateX(-50%);
    bottom: 30%;
    transition: .8s;
    letter-spacing: 2px;
}

.card--mod-24:hover .card__link {
    bottom: 40%;
    color: #fff;
}

.card--mod-24 .card__link::before {
    position: absolute;
    content: '';
    width: 0%;
    height: 3px;
    left: 50%;
    background: #ffffff00;
    transform: translateX(-50%);
    top: -29%;
    transition: .8s;
}

.card--mod-24:hover .card__link::before {
    width: 50%;
    background: #fff;

}

.slick-next:before {
    content: '';
    background-image: url(imagens/icones/next-v.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 2px !important;
}

.slick-prev:before {
    content: '';
    background-image: url(imagens/icones/next-v.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    transform: rotate(180deg);
    font-size: 2px !important;
}

.container-title-categoria,
.p-menor-categoria {

    margin: 0;
}


.container-title-categoria-cliente {
    padding-inline: 4rem;
}

.owl-categoria {
    padding-top: 2rem;
}

.container-acima-corpo-categoria {
    position: relative;
    flex-direction: column;
    justify-content: center;
    width: min-content;


}

.container-corpo-categoria {
    padding-block: 20px;
    padding-inline: 55px;
}

.corpo-categoria figure {
    width: 100%;
    height: 100%;
}


.owl-carousel .owl-nav {
    position: absolute;
    top: 108%;
    right: 13px;
    transform: translateY(-464%);
    width: 99%;
    display: flex;
    justify-content: space-between;
    z-index: 1000;
}

.owl-theme .owl-nav [class*=owl-] {
    outline: none;
    background: none !important;
    position: relative;
    bottom: 90px;
    width: 40px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: none !important;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 10px;
    border-radius: 5px;
    font-size: 1.25rem;
}

.owl-carousel .owl-nav .owl-prev {
    left: 20px;
}

.owl-carousel .owl-nav .owl-next {
    right: 14px !important;
}

.arrow-right {
    transform: rotate(180deg);
}

@media (max-width: 768px) {

    .owl-carousel .owl-nav {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(235%);
        width: 100%;
        display: flex;
        justify-content: space-between;
        z-index: 1000;
    }
}

.container-categoria-geral {
    margin-block: 110px;
}


.corpo-categoria {
    overflow: hidden;
    position: relative;
    flex-direction: column;
    margin-inline: 5px;
    width: 297px !important;
    height: 500px !important;
    justify-content: center;
    border: 4px solid #89C6EA;
    margin-inline: 8px;
    z-index: 9;

}

.corpo-categoria:hover>.imagem-categoria-home {
    transform: scale(1.5);
}

.imagem-categoria-home {
    position: absolute;
    z-index: -1;
    width: 340px;
    height: 500px;
    object-fit: cover;
    transition: all 3s linear;
}


.btn-categoria {
    position: absolute;
    margin: 0 !important;
    z-index: 9;
    bottom: 0;
    clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%);
    width: 150px;
    padding: 0.5em 0.5em;
    text-align: left;
    padding-left: 0.8em;
    background-color: #89C6EA;
    color: black;
    font-weight: bold;
    border-radius: 0px;
    transition: 0.5s ease-in-out;
}



.container-promessa .d-flex {
    position: relative;
}

.container-autora-imagem {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ffffffd9;
    z-index: 1;
    transform: translate(-358px, 275px);
    padding: 1rem;
    display: flex;
    /* border-radius: 10px; */
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    align-content: center;
    border: 1px solid var(--secondary-color);
    border-right: none;
    z-index: 0;
    transition: 0.8s ease-in-out;
}

.container-autora-imagem p {
    margin-bottom: 1px;
    margin-top: 1px;
    font-size: 0.7rem;
}

.container-promessa:hover .container-autora-imagem {
    transform: translate(-560px, 275px);
}

.container-acima-corpo-categoria:hover .btn-categoria {
    color: black;
    background-color: white;
}

.container-title-categoria-home {
    position: relative;
    z-index: 99999999;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;

}

.container-title-categoria-home p {
    text-align: center;
}

/* fim categoria */



/* disponiveis */



.container-text-disponiveis {
    background-color: #D6D8D1;
    padding-inline: 2.5rem;
    padding-block: 2.5rem;
}

.container-title-disponiveis {
    margin: 0;
    line-height: 33px;
    font-size: 2.134rem;
    margin-bottom: 2rem;
}

.btn-disponveis {
    margin: 0 !important;
}

.p-menor-disponiveis {
    margin: 0;
}

.text-disponiveis {
    font-size: 1.2rem;
    text-align: left;
    line-height: 25px;
}

.container-disponiveis-geral {
    position: relative;
    height: auto;
    margin-block: 60px
}

.container-tres-imagens-disponiveis {
    display: flex;
    gap: 41px;
    position: absolute;
    top: 0;
    right: 0;
    height: 310px;
    width: 609px;
    transform: translate(-5%, 268px)
}

.imagem-pequena-disponiveis {
    width: 161px;
}

#imagem-pequena-disponiveis-1 {
    position: absolute;
    z-index: 0;
}

#imagem-pequena-disponiveis-2 {
    position: absolute;
    z-index: 1;
    transition: 0.8s ease-in-out;
}

#imagem-pequena-disponiveis-3 {
    position: absolute;
    z-index: 3;
    transition: 0.8s ease-in-out;
}

.container-disponiveis-geral:hover .container-tres-imagens-disponiveis>#imagem-pequena-disponiveis-2 {
    transform: translate(193px, 0px)
}

.container-disponiveis-geral:hover .container-tres-imagens-disponiveis>#imagem-pequena-disponiveis-3 {
    transform: translate(388px, 0px)
}


/* fim disponiveis */



/* prova social */
.container-corpo-prova-social .owl-nav {
    position: absolute;
    top: 108%;
    right: 5px;
    transform: translateY(-118%);
    width: 105%;
    display: flex;
    justify-content: space-between;
    z-index: 1000;
}

.container-corpo-prova-social .owl-nav .owl-next {
    right: 0 !important;
}

.imagem-aspas-prova-social {
    width: 30px !important;
    object-fit: cover;
}

.corpo-prova-social {
    display: flex !important;
    position: relative;
    background-color: #6A7073;
    padding: 20px;
    width: 365px !important;
    height: 382px !important;
    justify-content: flex-start;
    flex-direction: column;
    gap: 19px;
    border-radius: 10px 10px 10px 1px;
    transition: 0.6s ease-in-out;

}

.corpo-prova-social:hover {
    transform: translate(0px, -14px);
}

.corpo-prova-social:hover:before {
    position: absolute;
    content: "";
    background: linear-gradient(to top, rgba(0, 0, 0, 0.479), rgba(0, 0, 0, 0));
    /* top: 0; */
    transform: translate(-19px, 0px);
    bottom: 0;
    height: 70%;
    width: 100%;
    z-index: 8;
    border-radius: 0 0 10px 1px;
    transition: transform 1s ease-in-out, opacity 0.6s ease-in-out;
}

.text-estrela-prova-social {
    position: relative;
    text-align: center;
    z-index: 9;
}

.imagem-estrela {
    position: relative;
    z-index: 9;
    margin: 0 auto;
    width: 110px !important;
}

.text-prova-social {
    text-align: center;
    color: white;
}

.nome-prova-social {
    color: white;
    text-align: center;
}

.container-letra-prova-social {

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    width: 83px;
    padding: 18px;
    text-align: center;
    border-radius: 50%;
}

.container-letra-prova-social strong {
    font-size: 34px;
}

.container-letra-nome-prova-social {
    position: relative;
    z-index: 9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.container-corpo-prova-social .slick-list .slick-track {
    top: 24px;
    height: 414px;
}

#color-container-letra-prova-social-rosa {
    background: #EC407A;
}

#color-container-letra-prova-social-cinza {
    background: #78909C;
}

#color-container-letra-prova-social-roxo {
    background: #7B1FA2;
}

.color-container-letra-prova-social-roxo {
    background: #7B1FA2;
}

#color-container-letra-prova-social-azul {
    background: #01579B;
}

#color-container-letra-prova-social-verde {
    background: #004D40;
}

/* fim prova social */


/* fale conosco */

.p-menor-fale-conosco {
    color: white;
    margin: 0;
}

.container-title-fale-conosco {
    color: var(--secondary-color);
    margin: 0;
    line-height: 33px;
    font-size: 2.134rem;
}

.text-fale-conosco {
    color: white;
    line-height: 1.5625rem;
    text-align: left;
    font-size: 1.2rem;
}

.container-text-falei-conosco {
    margin-left: 125px;
    margin-top: -30px;
    width: 70%;
}

.container-fale-conosco-geral {
    margin-top: 150px;
    margin-bottom: 100px;
}

.container-fale-conosco {
    position: relative;
    background-image: url("imagens/fundo-fale-conosco.png");
    width: 1071px;
    height: 723px;
}

.imagem-fale-conosco {
    position: relative;
    margin-left: 152px;
    width: 1036px;
    object-fit: cover;
    height: 490px;
    bottom: 6em;
    transition: 0.8s ease-in-out;

}

.container-fale-conosco:hover .container-autora-imagem {
    transform: translate(194px, 394px);
}

.container-fale-conosco .container-autora-imagem {
    transform: translate(109px, 291px);
    z-index: -1;
}

/* .container-fale-conosco-geral:hover .container-fale-conosco .imagem-fale-conosco {

    transform: scale(1.10);

} */


/* fim fale conosco */



/* Quem somos */
.fundo-amarelo-quem-somos {
    position: absolute;
    transform: translateY(-160px)
}

.container-text-sobre-nos {
    width: 690px;
    margin-left: 70px;
}

.container-video-sobre-nos-geral {
    margin-block: 150px;
    height: 920px;
}

.video-container {
    position: relative;
    width: 80%;
    height: 100px;
    max-height: 100px;
    max-width: 400px;
    padding-top: 60%;
    background-color: black;
}

video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Ajusta o vídeo para cobrir o contêiner */
}

.controls {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    background: rgb(255 255 255 / 45%);
    padding: 10px;
    border-radius: 5px;
    z-index: 1;
}

.controls button,
.controls input {
    color: black;
    background: transparent;
    border: none;
}

/* Estilo para o input range */
.controls input[type="range"] {

    background-color: var(--secondary-color);
    /* Cor do fundo */
    outline: none;
    opacity: 0.7;
    transition: opacity 0.15s ease-in-out;
}

/* Estilo para o thumb do input range em navegadores WebKit (Chrome, Safari) */
.controls input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: var(--secondary-color);
    /* Cor amarela para o thumb */
    cursor: pointer;
}

/* Estilo para o thumb do input range no Firefox */
.controls input[type="range"]::-moz-range-thumb {
    background: var(--secondary-color);
    /* Cor amarela para o thumb */
    cursor: pointer;
}


.imagem-pequena-sobre-nos {
    width: 400px;
    height: auto;
    object-fit: contain;
    transition: all 0.9s ease-in-out;
}

#imagem-pequena-sobre-nos-1 {
    position: absolute;
    z-index: 2;
    transform: translate(0px, -1px);
    -webkit-box-shadow: 0px 0px 28px -6px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 0px 0px 28px -6px rgba(0, 0, 0, 0.38);
    box-shadow: 0px 0px 28px -6px rgba(0, 0, 0, 0.38);
}

#imagem-pequena-sobre-nos-2 {

    position: absolute;
    z-index: 2;
    transform: translate(0px, 351px);
    -webkit-box-shadow: 0px 0px 28px -6px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 0px 0px 28px -6px rgba(0, 0, 0, 0.38);
    box-shadow: 0px 0px 28px -6px rgba(0, 0, 0, 0.38);
}

#imagem-pequena-sobre-nos-3 {

    position: absolute;
    z-index: 1;
    transform: translate(0px, 279px);
    -webkit-box-shadow: 0px 0px 28px -6px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 0px 0px 28px -6px rgba(0, 0, 0, 0.38);
    box-shadow: 0px 0px 28px -6px rgba(0, 0, 0, 0.38);
}

.container-video-sobre-nos-geral:hover .imagem-pequena-sobre-nos {
    width: 371px;
}

.container-video-sobre-nos-geral:hover #imagem-pequena-sobre-nos-1 {
    transform: translate(40px, 589px);
}

.container-video-sobre-nos-geral:hover #imagem-pequena-sobre-nos-2 {
    transform: translate(450px, 589px);
}

.container-video-sobre-nos-geral:hover #imagem-pequena-sobre-nos-3 {
    transform: translate(860px, 589px);
}

/* fim Quem Somos */






/* contato */

.container-title-text-form-contato {
    margin-bottom: 91px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

.container-contato-geral {
    height: 680px;
}

.title-redes-contato {
    color: white;
}

.corpo-end-hora {
    display: flex;
    margin-bottom: 10px;
    flex-direction: column;
}

.title-redes-contato {
    margin: 0;
    color: white;
    font-family: var(--primary-font);
    font-weight: 300;
    margin-bottom: 10px;
    margin-top: 20px;
}

.title-contatos-abaixo-form {
    margin: 0;
    color: white;
    font-family: var(--primary-font);
    font-weight: 300;
    margin-bottom: 10px;
}

.linha-amarela-horizontal {
    width: 2px;
    background-color: yellow;
    position: relative;
    transform: translateX(-45px);
    height: 530px;
}

.container-addres-map span {
    color: white;
}

.container-addres-map i {
    color: var(--secondary-color);
}



.title-form-contato {
    color: white;
    line-height: 86px;
    font-size: 5.123rem;
    width: 35.004rem;
    margin: 0;
    margin-left: 1.4em;
}

.text-form-contato {
    color: white;
}


.fundo-contato {
    height: 890px;
    max-width: var(--wrapper-width);
    margin: 0 auto;
    width: 100%;
    object-fit: cover;
    position: absolute;
    transform: translateY(-210px);
    z-index: 0;

}

.container-form-contato {
    position: relative;
    z-index: 8;
    padding: 60px 0;
}

/* fim contato */


/* footer */
.footer__menu {
    display: flex;
    flex-direction: column;
}

.footer__menu>.title-menus {
    margin-bottom: 15px;
}

.container-infos-geral {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    height: 221px;
    width: 100%;
}

.container-logo-branca-footer {
    height: 220px;
    align-items: flex-end;
}

.container-logo-branca-footer a img {
    width: 16.221rem;

}

.container-end-hora {
    flex-direction: column;
}


.text-menus,
.title-menus {
    color: white;
    font-size: 12px
}

.title-menus {
    font-size: 15px;
    font-weight: 500;
}

.corpo-end-hora strong {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 500;
}

.text-menus {
    margin: 0;
}


.linha-vertical-footer {
    background-color: var(--secondary-color);
    width: 2px;
    height: 161px;

}

.container-contato-info {
    display: flex;
    width: 19.66%;
    flex-direction: column;
    justify-content: flex-start;
    gap: 20px;
}

.address {
    width: 236px;
}

.redes-sociais-contato {
    width: 236px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.container-footer {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    width: 100%;
    gap: 80px;
}

/* fim footer */

/* galeria */
.fundo-galeria {
    height: 690px;
    width: 100%;
    object-fit: cover;
    position: relative;
    z-index: 0;
    transform: translateY(-160px);
    filter: brightness(0.2);
}

.container-text-carrosel {
    position: absolute;
    z-index: 7;
    /* width: 100%; */
    top: 50%;
    left: 50%;
    transform: translate(-90%, -60%);
}

.title-galeria-principal {
    color: white;
    line-height: 86px;
    font-size: 4.269rem;
    width: 35.004rem;
    margin: 0;
    font-weight: 500;
    margin-left: 1.4em;
}

.text-galeria {
    color: white;
    text-align: left;
}

.container-carrosel-galeria {
    position: absolute !important;
    display: flex !important;
    gap: 20px;
    transform: translate(571px, 100px);
    width: 770px;
    right: 0;
    bottom: 0;
}

.imagem-carrosel {
    width: 15.367rem;
    transition: all 0.4s ease-in-out;
}

.container-carrosel-galeria .slick-list .slick-track .slick-slide {
    transform: scale(0.8);
    transition: all 0.4s ease-in-out;
    padding: 40px 0;
}

.container-carrosel-galeria .slick-list .slick-track .slick-center {
    transform: scale(1.1);
}

.container-galeria-geral {
    height: 530px;
    position: relative;
}

/* =============================== GALERIA =============================== */

.galeria .card--galeria {
    width: 100%;
    height: 250px;
    overflow: hidden;
}

.galeria .card--galeria img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: .5s;
}

.galeria .card--galeria:hover img {
    transform: scale(1.04);
}

.container-text-title-galeria {
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

/* FIM GALERIA */

/* fim galeria */

/* categoria */
.image-categoria {
    width: 600px;
    height: 400px;
    object-fit: cover;
    position: relative;
    transform: translateX(99px);
}

/* fim categoria */


/* pagina serviços */
.segmentos__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.segmentos__image {
    width: 400px;
    height: 180px;
    object-fit: cover;
}

.segmentos__title {
    text-align: center;
    margin: 0 auto;
    font-size: 1.2em;
}

.contentPage {
    margin-bottom: 6rem;
}

.contentPage h2 {
    color: black;
    margin-bottom: 1rem;
}

.contentPage p {
    color: black;
    text-align: left;
}

.contentPage ul {
    list-style: disc;
    padding-left: 2rem;
}

.contentPage ul li {
    color: black;
    margin-bottom: 1rem;
}

.contentPage ul li ul {
    padding-top: 1rem;
    list-style: circle;
}

.contentPage ul li span {
    font-weight: bold;
    font-style: italic;

}

.contentPage ul li ul li span {
    color: #474747;
}

/* fim pagina serviços */


/* produtos cliente paginas */
.container-acima-corpo-categoria-cliente {
    justify-content: space-evenly;
}

.container-acima-corpo-categoria-cliente .container-acima-corpo-categoria {
    margin-bottom: 2rem;
}

/* fim */


.video-home {
    position: relative;
    right: -145px;
    filter: brightness(0.5);
    width: 100%;
}


@media only screen and (max-width: 361px) {

    .container-disponiveis-geral:hover .container-tres-imagens-disponiveis>#imagem-pequena-disponiveis-3 {
        transform: translate(194px, 0px);
    }

    .imagem-pequena-disponiveis {
        width: 90px !important;
    }

    .corpo-prova-social {
        display: flex !important;
        position: relative;
        background-color: #6A7073;
        padding: 20px;
        width: 245px !important;
        height: 392px !important;
        justify-content: flex-start;
        flex-direction: column;
        gap: 23px;
        border-radius: 10px 10px 10px 1px;
        transition: 0.6s ease-in-out;
        margin-left: 63px;
    }



}

@media only screen and (max-width: 380px) {
    .imagem-pequena-disponiveis {
        width: 90px;
    }

    .address :is(span, a) {
        font: 13px / 22px var(--primary-font)
    }

    .address-map {
        width: 100%;
    }

    .title-form-contato {
        font-size: 16vw;
        width: 100%;
        line-height: 56px;
    }

    .container-letra-prova-social {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: white;
        width: 63px;
        padding: 8px;
        text-align: center;
        border-radius: 50%;
    }

    .corpo-prova-social {
        display: flex !important;
        position: relative;
        background-color: #6A7073;
        padding: 20px;
        width: 245px !important;
        height: 392px !important;
        justify-content: flex-start;
        flex-direction: column;
        gap: 23px;
        border-radius: 10px 10px 10px 1px;
        transition: 0.6s ease-in-out;
        margin-left: 63px;
    }


    .imagem-carrosel {
        width: 47vw !important;
    }

    .container-promessa:hover .container-imagem-lado-text>#imagem-lado-text-2-proposito {
        transform: translate(184px, 148px);
    }

    #imagem-pequena-disponiveis-2 {
        transform: translateX(4px);
    }

    #imagem-pequena-disponiveis-3 {
        transform: translateX(4px);
    }

    .container-tres-imagens-disponiveis {
        width: 309px;
    }

    .imagem-pequena-disponiveis {
        width: 84px;
    }

    #imagem-pequena-disponiveis-1 {
        transform: translate(4px, 0px);
    }

    .container-disponiveis-geral:hover .container-tres-imagens-disponiveis>#imagem-pequena-disponiveis-3 {
        transform: translate(198px, 0px);
    }

    .container-disponiveis-geral:hover .container-tres-imagens-disponiveis>#imagem-pequena-disponiveis-2 {
        transform: translate(101px, 0px);
    }

    /* cards */
    .third-section {
        margin-bottom: 0% !important;
        margin-top: 26% !important;
    }

    .card-relative .card-absolute .V-amarelo,
    .card-relative .card-absolute .A-amarelo {
        height: 225px !important;
    }

    .card-relative .card-absolute .V-amarelo {
        bottom: -91% !important;
    }

    .card-relative:hover .card-absolute .A-amarelo {
        top: 705% !important;
    }

    .card-relative .card-absolute .A-amarelo {
        top: 230%;
    }

    .card-relative .card-absolute .prod {
        top: 5.46em;
    }


    .card-wrapper:nth-of-type(3) .card-relative .card-absolute .prod {
        top: 5em;
    }

    .card-wrapper:nth-of-type(4) .card-relative .card-absolute .V-amarelo {
        bottom: -105% !important;
    }

    .card-wrapper:nth-of-type(4) .card-relative .card-absolute .A-amarelo {
        top: 256% !important;
    }

    .card-wrapper:nth-of-type(4) .card-relative .card-absolute .prod {
        top: 7.5em;
    }

    .card-relative:hover .card-absolute .prod {
        top: 11em !important;
    }

    .card-wrapper:nth-of-type(4):hover .card-relative .card-absolute .prod {
        top: 13.8em !important;
        left: 11% !important;
    }

    .card-wrapper:nth-of-type(5) .card-absolute .V-amarelo {
        bottom: -49.5% !important;
    }

    .card-wrapper:nth-of-type(5) .card-absolute .A-amarelo {
        top: 178%;
    }

    .card-wrapper:nth-of-type(5):hover .card-absolute .V-amarelo {
        bottom: 25% !important;
    }

    .card-wrapper:nth-of-type(5) .card-relative .card-absolute .prod {
        left: 0.5em !important;
    }
}

@media only screen and (max-width: 576px) {

    #animation-container-1,
    #animation-container-2,
    #animation-container-3,
    #animation-container-4,
    #animation-container-5,
    #animation-container-6,
    #animation-container-7 {
        display: none;
    }

    .parceiros-absolute .d-flex {
        transform: translateX(0);
    }

    .title-galeria-principal {
        margin: 0;
    }

    .title-form-contato {
        margin: 0;
    }

    .slick-prev,
    .slick-next {
        z-index: -2;
        opacity: 0;
    }

    .fundo-galeria {
        transform: translateY(0px);
    }

    .segmentos__thumbnails {
        gap: 70px !important;
    }

    .segmentos__title {
        font-size: 2.2em;
    }

    .bread__title {
        font-size: 2.8rem;
    }

    .texto h2 {
        font-size: 2.0rem;
    }

    .texto {
        font-size: 17px;
    }

    .image-categoria {
        transform: none;
    }

    .contentPage {
        flex-direction: column-reverse;
        justify-content: center;
    }

    .container-title-categoria,
    .p-menor-categoria {
        padding-inline: 16px;
    }

    .container-title-categoria-home p {
        font-size: 1.5rem;
    }

    .corpo-categoria {
        margin-inline: 49px;
    }

    .container-corpo-categoria {
        padding-inline: 2px;
    }

    .container-acima-corpo-categoria .corpo-categoria {
        margin-inline: 55px;
    }

    .corpo-prova-social {
        margin-left: 26px;
    }

    .text-galeria {
        width: 340px;
    }

    .imagem-carrosel {
        width: 44vw !important
    }

    .container-galeria-geral {
        height: 690px;
    }

    .title-galeria-principal {
        line-height: 50px;
        font-size: 12vw;
        width: 69.154rem;
    }

    .container-text-carrosel {
        position: absolute;
        z-index: 9;
        transform: translate(21px, -570px);
        width: 90%;
    }

    .container-carrosel-galeria {
        position: static;
        transform: none;
        width: 100%;
        margin: 0 auto;
    }

    /* cards mobile */

    .popup {
        position: static;
    }

    .card-relative .card-absolute .V-amarelo {
        bottom: -153% !important;
    }

    .card-relative .card-absolute .A-amarelo {
        left: 67.5%;
        top: 304%;
    }

    .card-relative .card-absolute .prod {
        top: 8.46em;
        left: 2.5em;
    }

    .card-relative:hover .card-absolute .A-amarelo {
        top: 605% !important;
    }

    .card-wrapper:nth-of-type(3) .card-relative .card-absolute .A-amarelo {
        top: 240%;
    }

    .card-wrapper:nth-of-type(3):hover .card-relative .card-absolute .prod {
        left: 36%;
        top: 16.8em;
        font-size: 1.8rem !important;
    }

    .card-wrapper:nth-of-type(4) .card-relative .card-absolute .V-amarelo {
        bottom: -197% !important;
    }

    .card-wrapper:nth-of-type(4) .card-relative .card-absolute .A-amarelo {
        top: 325% !important;
    }

    .card-wrapper:nth-of-type(4) .card-relative .card-absolute .prod {
        left: 2%;
        top: 12em;
    }

    .card-wrapper:nth-of-type(4):hover .card-relative .card-absolute .A-amarelo {
        top: 605% !important;
    }

    .card-wrapper:nth-of-type(4):hover .card-absolute .prod {
        top: 17.8em !important;
        left: 15% !important;
    }

    .card-wrapper:nth-of-type(5) .card-absolute .V-amarelo {
        bottom: -107% !important;
    }

    .card-wrapper:nth-of-type(5):hover .card-absolute .V-amarelo {
        bottom: -9% !important;
    }

    .card-wrapper:nth-of-type(5):hover .card-relative .prod {
        left: 4em !important
    }

    .card-wrapper:nth-of-type(5) .card-absolute .A-amarelo {
        top: 232%;
    }

    .card-relative:hover .prod {
        top: 16em !important;
        left: 7em !important;
    }

    .card-relative .card-absolute .prod {
        top: 10em;

    }

    .card-wrapper:nth-of-type(3) .card-relative .card-absolute .prod {
        font-size: 1.8rem !important;
        left: 18%;
        top: 7.6em;
    }



    /* fim cards mobile */


    /* sobre nos */
    .social__icons {
        font-size: 3em;
    }

    .title-redes-contato {
        font-size: 20px;
    }

    footer .address a {
        justify-content: center;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .address span {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .address :is(span, a) {
        font: 13px / 22px var(--primary-font);
        width: 100%;
        margin-bottom: 17px;
        text-decoration: none;
    }

    .title-contatos-abaixo-form {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .text-form-contato {
        font-size: 5.5vw;
        width: 60%;
    }

    .title-form-contato {
        font-size: 16vw;
        width: 100%;
        line-height: 56px;
    }

    .container-addres-map span {
        font-size: 3vw;
    }

    .linha-amarela-horizontal {
        width: 2px;
        background-color: var(--secondary-color);
        position: relative;
        transform: translateX(0px);
        height: 190px;
        rotate: 90deg;
        margin: 0;
    }

    .container-contato-geral {
        height: auto;
    }

    .fundo-contato {
        height: 1753px;
    }


    .container-form-contato .d-flex {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }


    .text-sobre-nos {
        margin-bottom: 1em;
        color: var(--strong);
        max-width: 535px;
        line-height: 1.36;
        text-align: left;
        font-size: 17px;
    }

    .video-container {
        width: 100%;
    }

    .container-video-sobre-nos-geral {
        margin-block: 50px;
        height: auto;
    }

    .video-container {
        height: 600px;
        max-height: 600px;
    }

    .container-text-sobre-nos {
        width: 100%;
        margin-left: 0px;
        margin-top: 40px;
    }

    .container-video-sobre-nos-geral {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #imagem-pequena-sobre-nos-1 {
        display: none;
    }

    #imagem-pequena-sobre-nos-2 {
        display: none;
    }

    #imagem-pequena-sobre-nos-3 {
        display: none;
    }

    /* fim sobre nos */


    /* footer */
    footer {
        display: flex;
        flex-direction: column;
        height: auto;
        padding: 2vw;
    }

    .container-footer {
        flex-direction: column;
        align-items: center;
        height: auto;
    }

    .container-infos-geral {
        flex-direction: column;
        align-items: center;
        height: auto;
        gap: 0;
    }

    .linha-vertical-footer {
        rotate: 90deg;
    }

    .container-contato-info {
        display: flex;
        /* width: 19.66%; */
        flex-direction: column;
        justify-content: center;
        gap: 20px;
        align-items: center;
    }

    .container-logo-branca-footer a img {
        width: 50%;
    }

    .container-logo-branca-footer {
        margin-bottom: 30px;
    }

    /* fim footer */


    .title-promessa {
        font-size: 2.0rem;
    }

    .text-fale-conosco {
        font-size: 1rem;
    }

    .container-title-fale-conosco {
        font-size: 2.0rem;
    }

    .p-menor-fale-conosco {
        font-size: 20px;
    }

    .container-promessa:hover .imagem-abaixo-text-proposito {
        transform: translate(20px, 202px);
        width: 41vw;

        height: 117px;
    }

    .imagem-abaixo-text-proposito {
        position: relative;
        transform: translate(-210px, 256px);
        width: 50vw;
        transition: 0.8s ease-in-out;
    }

    .container-promessa:hover .container-imagem-lado-text>#imagem-lado-text-2-proposito {
        width: 41vw;
        transform: translate(210px, 169px);
        object-fit: cover;
        height: 117px;
    }


    .container-promessa {
        height: 560px
    }

    .imagem-lado-text-proposito {
        width: 95%;
        height: 34vh;
    }

    .container-promessa .d-flex {
        flex-direction: column;
    }

    .container-title-disponiveis {
        font-size: 2.0rem;
    }

    .p-menor-disponiveis {
        font-size: 20px;
    }

    .card-relative .card-absolute .V-amarelo,
    .card-relative .card-absolute .A-amarelo {
        height: 325px;
    }

    .third-section .d-flex {
        flex-direction: column;
    }

    .container-fale-conosco {
        width: 100%;
        height: 893px;
    }

    .container-fale-conosco .imagem-fale-conosco {

        padding: 2vw;
    }

    .container-categoria-geral {
        margin-top: 10rem;
        margin-bottom: 1rem;
    }

    .container-fale-conosco .container-autora-imagem {
        transform: translate(-91px, 291px);
        z-index: 0;
    }

    .container-fale-conosco:hover .container-autora-imagem {
        transform: translate(-8px, 408px);
    }


    .container-title-categoria-cliente {
        padding-inline: 0;
    }



    .container-text-falei-conosco {
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
        padding-inline: 2.5rem;
    }

    .imagem-fale-conosco {
        z-index: 1;
        margin-left: 0;
    }

    #imagem-pequena-disponiveis-3 {
        transform: translateX(-26px);
    }

    #imagem-pequena-disponiveis-2 {
        transform: translateX(-26px);
    }

    #imagem-pequena-disponiveis-1 {
        position: absolute;
        z-index: 0;
        transform: translate(-26px, 0px);
    }

    .container-disponiveis-geral:hover .container-tres-imagens-disponiveis>#imagem-pequena-disponiveis-3 {
        transform: translate(244px, 0px);
    }

    .container-disponiveis-geral:hover .container-tres-imagens-disponiveis>#imagem-pequena-disponiveis-2 {
        transform: translate(110px, 0px);
    }

    .imagem-pequena-disponiveis {
        width: 120px;
    }

    .container-tres-imagens-disponiveis {
        height: 310px;
        width: 349px;
        transform: translate(-30px, 158px)
    }

    .container-promessa:hover .container-autora-imagem {
        transform: translate(-202px, 361px);
    }

    .container-autora-imagem {
        position: absolute;
        top: 0;
        right: 0;
        background-color: #ffffffd9;
        z-index: 1;
        transform: translate(-202px, 361px);
        padding: 1rem;
        display: flex;
        /* border-radius: 10px; */
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        align-content: center;
        border-bottom: 1px solid var(--secondary-color);
        border-right: 1px solid var(--secondary-color);
        border-top: none;

    }

    .container-disponiveis {
        flex-direction: column;
    }

    .title-icone-proposito {
        font-size: 6vw;
    }

    .container-imagem-nosso-proposito {
        height: 353px !important;
    }

    .text-icone-proposito {
        width: 100%;
    }

    .title-text-proposito {
        font-size: 2.0rem;
    }

    .p-menor-proposito {
        font-size: 20px;
    }

    .container-text-nosso-proposito-geral {
        width: 100%;
        height: 880px;
        margin-top: 7rem;
    }

    .container-conteudo-nosso-proposito:hover .container-imagem-nosso-proposito>#imagem-pequena-proposito-atras {
        transform: translate(-14px, 181px);
    }

    #imagem-pequena-proposito-atras {
        transform: translate(-198px, 178px);

    }

    .imagem-pequena-proposito {
        width: 11.125rem;
        height: 10.875rem;
    }

    .imagem-grande-altura-proposito {
        height: 354px;
        width: min-content;
    }

    .container-conteudo-nosso-proposito {
        margin-top: 10px;
        margin-bottom: 70px;
        gap: 220px;
        flex-direction: column !important;
        height: 1154px;
    }

    .first-section .d-flex .img-relative .img-absolute .v-icon,
    .first-section .d-flex .img-relative .img-absolute .a-icon {
        width: 149px;
        height: 120px;
        object-fit: contain;
    }

    .first-section .d-flex .quem-somos {
        padding: 9vw 4vw;
    }

    .first-section .d-flex {
        flex-direction: column-reverse;
    }

    .first-section .d-flex div {
        width: 100%;
    }

    /* página parceiros */
    .parceiros-absolute .d-flex {
        flex-direction: column !important;
        padding: 2em 0;
    }

    .parceiros .d-flex div {
        width: 100% !important;
    }

    .parceiros-absolute .d-flex div:first-child {
        text-align: center !important;
        width: 100%;
    }

    .parceiros-absolute .d-flex div:first-child h2 {
        font-size: 50px;
    }

    .parceiros-absolute .d-flex div:last-child {
        width: 85%;
    }

    .parceiros-absolute .d-flex div:first-child p {
        max-width: 424px;
        font-size: 1rem;
        text-align: center;
    }

    .section-parceiros .d-flex {
        flex-direction: column;
    }

    .address-map {
        width: 100%;
    }

}

@media only screen and (max-width: 768px) {

    .title-form-contato {
        width: 100%;
    }

    .container-contato-geral {
        height: auto;
    }

    .container-form-contato .d-flex {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .fundo-contato {
        z-index: -1;
        height: 96.375rem;
    }

    .linha-amarela-horizontal {
        width: 33.125rem;
        height: 2px;
        transform: translateX(0);
    }

    .container-footer {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        gap: 30px;
        flex-direction: column;
    }

    .container-infos-geral {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
        height: auto;
        width: 100%;
        flex-direction: column;
    }

    .container-contato-info {
        display: flex;
        width: 100%;
        flex-direction: column;
        justify-content: center;
        gap: 20px;
        align-items: center;
        align-content: center;
    }

    footer .footer__menu nav ul li a {
        text-align: center;
    }

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

    .corpo-end-hora {
        margin-bottom: 10px;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    footer {
        height: auto;
    }

    .linha-vertical-footer {
        width: 161px;
        height: 2px;
    }

    .container-form-contato {
        padding: 60px 20px;
    }

    .title-form-contato {
        margin-left: -0.6em;
    }

    #animation-container-6 {
        transform: translate(-108%, 9%);
    }
}

@media only screen and (max-width: 1024px) {
    .title-form-contato {
        color: white;
        line-height: 66px;
        font-size: 4rem;
        width: 37.004rem;
        margin: 0;
        margin-left: 1.8em;
    }

    .container-addres-map {
        width: 440px;
    }

    .address-map {
        width: 100%;
    }

    .container-footer {
        gap: 0;
    }

    .container-infos-geral {
        display: flex;
        justify-content: space-between;
        gap: 71px;
        height: 221px;
        width: 100%;
    }

    footer {
        height: 24.375rem;
    }

    #animation-container-6 {
        width: 120px !important;
        height: 90px !important;
        transform: translate(1%, 9%);
    }
}

@media only screen and (max-width: 1159px) {
    .container-conteudo-nosso-proposito {
        gap: 110px !important;
    }

    .container-pesquisa-topo-redes {
        display: flex;
        align-items: center;
        width: 142rem;
        position: relative;
        transform: translateX(-328px);
        top: -31px;
    }

    .card-relative .main-img {
        height: 100%;
    }

    .card-relative .card-absolute .prod {
        font-size: 1.2rem !important;
        top: 7em;
        left: 3.1em;
    }

    .card-wrapper:nth-of-type(3) .card-relative .card-absolute .prod {
        font-size: 1rem !important;
    }

    .card-wrapper:nth-of-type(4) .card-relative .card-absolute .prod {
        font-size: 1rem !important;
    }

    .card-relative .card-absolute .V-amarelo {
        bottom: -68% !important;

    }

    .card-wrapper:nth-of-type(4) .card-relative .card-absolute .V-amarelo {
        bottom: -47% !important;
    }

    .card-wrapper:nth-of-type(4) .card-relative .card-absolute .prod {
        left: 11%;
        top: 8em;
    }

    .card-wrapper:nth-of-type(3) .card-relative .card-absolute .prod {
        left: 10%;
        top: 8.6em;

    }

    .card-relative:hover .prod {
        top: 15em;
        transform: translate(-50%, -50%);
        left: 5em;
    }

    .card-wrapper:nth-of-type(3):hover .card-relative .card-absolute .prod {
        left: 12%;
        top: 18.8em;
        font-size: 1rem !important;
    }

    .card-wrapper:nth-of-type(4):hover .card-absolute .prod {
        left: 14%;
        top: 17.8em;
        font-size: 1.
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1680px) {

    .card-relative:hover .prod {
        top: 12em !important;
        left: 3.1em !important;
    }

    .card-wrapper:nth-of-type(3) .card-relative:hover .card-absolute .prod {
        top: 16em !important;
        left: 20px !important;
    }


    .third-section .d-flex {
        justify-content: center;
        gap: 20px;
    }

    #animation-container-2 {
        transform: translate(-356%, -23%);
    }

    .imagem-abaixo-text-proposito {
        height: 279px;
    }













    /* cards */
    .card-relative .card-absolute .A-amarelo {
        left: 69.5% !important;
        top: 265%;
    }

    .card-relative .card-absolute .V-amarelo,
    .card-relative .card-absolute .A-amarelo {
        height: 272px !important;
    }

    .card-relative .card-absolute .V-amarelo {
        bottom: -130% !important;
    }

    .card-relative .card-absolute .prod {
        top: 7em;
        left: 2.1em;
    }

    .card-wrapper:hover .card-relative .card-absolute .prod {
        top: 15em;
        left: 5em;
    }

    .card-wrapper:nth-of-type(3) .card-relative .card-absolute .A-amarelo {
        top: 270%;
    }

    .card-wrapper:nth-of-type(3) .card-relative .card-absolute .prod {
        top: 7.6em;
    }

    .card-wrapper:nth-of-type(3):hover .card-relative .card-absolute .A-amarelo {
        top: 35.55em !important;
    }

    .card-wrapper:nth-of-type(3):hover .card-relative .card-absolute .prod {
        left: 17%;
        top: 19.8em;
    }

    .card-wrapper:nth-of-type(4) .card-relative .card-absolute .V-amarelo {
        bottom: -100% !important;
    }

    .card-wrapper:nth-of-type(4) .card-relative .card-absolute .A-amarelo {
        top: 230% !important
    }

    .card-wrapper:nth-of-type(4) .card-relative .card-absolute .prod {
        left: 7%;
        top: 9.31em;
    }

    .card-wrapper:nth-of-type(4):hover .card-relative .card-absolute .prod {
        top: 15em !important;
        left: 2em !important;
    }

    .container-corpo-prova-social .owl-nav {
        position: absolute;
        top: 108%;
        right: 5px !important;
        transform: translateY(-118%) !important;
        width: 105% !important;
        display: flex;
        justify-content: space-between;
        z-index: 1000;
    }

    .container-tres-imagens-disponiveis {
        transform: translate(-31%, 332px);
    }

    .container-promessa:hover .container-imagem-lado-text>#imagem-lado-text-2-proposito {
        height: 23rem;
        width: 40.875rem;
    }

    .owl-carousel .owl-nav {

        right: 92px;
        transform: translateY(-467%);
        width: 95%;

    }

    .card-wrapper:nth-of-type(4):hover .card-relative .card-absolute .A-amarelo {
        top: 427% !important
    }


}

@media only screen and (min-width: 1681px) and (max-width: 1920px) {

    .container-fale-conosco:hover .container-autora-imagem {
        transform: translate(312px, 291px);
    }

    .container-fale-conosco .container-autora-imagem {
        transform: translate(109px, 291px);
        z-index: -1;
    }

    .container-autora-imagem {
        position: absolute;
        top: 0;
        right: 0;
        background-color: #ffffffd9;
        z-index: 1;
        transform: translate(-359px, 321px);
        padding: 1rem;
        display: flex;
        /* border-radius: 10px; */
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        align-content: center;
        border-top: 1px solid var(--secondary-color);
        border-right: 1px solid var(--secondary-color);
    }

    .container-autora-imagem p {
        margin-bottom: 1px;
        margin-top: 1px;
        font-size: 0.7rem;
    }

    .container-categoria-geral {
        margin-block: 210px;
    }

    .container-promessa:hover .imagem-abaixo-text-proposito {
        transform: translate(172px, 124px);
        height: 25rem;
        width: 40%;
    }

    .owl-carousel .owl-nav {
        position: absolute;
        top: 108%;
        right: 142px;
        transform: translateY(-444%);
        width: 93%;
        display: flex;
        justify-content: space-between;
        z-index: 1000;
    }

    .card-wrapper:nth-of-type(4) .card-relative .card-absolute .A-amarelo {
        top: 188% !important;
    }

    .third-section .d-flex {
        justify-content: center;
        gap: 20px;
    }

    #animation-container-2 {
        transform: translate(-416%, -23%);
    }

    .title-form-contato {
        line-height: 78px;
        font-size: 5rem;
    }



    .imagem-carrosel {
        width: 16vw;
    }

/*     .container-carrosel-galeria {
        transform: translate(701px, -447px);
    } */

    .conteudo-banner {
        height: 79vh !important;
    }

    .title-promessa {
        line-height: 50px;
    }

    .container-promessa:hover .container-imagem-lado-text>#imagem-lado-text-2-proposito {
        width: 60%;
        transform: translate(-19px, 454px);
        object-fit: cover;
        height: 25rem;
    }

    .imagem-lado-text-proposito {
        height: 47vh;
    }

    .imagem-abaixo-text-proposito {
        height: 35vh;
    }

    /* cards */
    .card-relative .card-absolute .A-amarelo {
        top: 219%;
        left: 69.5% !important;
    }


    .container-disponiveis-geral:hover .container-tres-imagens-disponiveis>#imagem-pequena-disponiveis-3 {
        transform: translate(558px, 0px);
    }



    .container-disponiveis-geral:hover .container-tres-imagens-disponiveis>#imagem-pequena-disponiveis-2 {
        transform: translate(279px, 0px);
    }


    .container-tres-imagens-disponiveis {
        height: 390px;
        transform: translate(-51%, 313px)
    }


    .imagem-pequena-disponiveis {
        width: 240px;
        height: 410px;
        object-fit: fill;
    }

    .container-text-title-galeria {
        position: relative;
        transform: translateX(96px);
        display: flex;
        flex-direction: column;
        align-content: flex-end;
        align-items: baseline;
    }



}


/* AJUSTES BREADCRUMB */


.section--galeria .container-galeria-geral .fundo-galeria {
    z-index: -1;
    transform: translateY(-270px);
}

.section--galeria .bread--default .wrapper .bread__row {
    color: white !important;
}

.section--galeria .bread--default .wrapper .bread__row h1 {
    color:  white;
}

.section--galeria .bread--default .wrapper .bread__row nav ul li span {
    color: white !important;
}




.section--contato .container-contato-geral .fundo-contato {
    z-index: -1;
    transform: translateY(-120px);
}

.section--contato .bread--default .wrapper .bread__row {
    color: white !important;
}

.section--contato .bread--default .wrapper .bread__row h1 {
    color:  white;
}

.section--contato .bread--default .wrapper .bread__row nav ul li span {
    color: white !important;
}




.section--empresa .fundo-amarelo-quem-somos {
    z-index: -1;
    /* transform: translateY(-120px); */
}

.section--empresa .bread--default .wrapper .bread__row {
    color: white !important;
}

.section--empresa .bread--default .wrapper .bread__row h1 {
    color:  white;
}

.section--empresa .bread--default .wrapper .bread__row nav ul li span {
    color: white !important;
}