@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Anybody:ital,wght@0,100..900;1,100..900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");

/* CORE VARIABLES */
:root {
    --primary-color: #C00415;
    --primary-color-dark: #8B0310;
}

/* CLASSES GLOBAIS */
.has-error {
    border-color: red !important;
}

@media (min-width: 991px) {
    .hide-desktop {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .hide-mobile {
        display: none !important;
    }
}

.container {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.container.small {
    max-width: 1035px;
}

.container.big {
    max-width: 1600px;
}

ul.no-list-style {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    color: white;
    font-size: 30px;
}

a:hover, a:focus, a:active, a:focus {
    text-decoration: none;
}

b {
    color: var(--primary-color);
}

p{
    font-size: 18px;
    font-weight: 400;
}

strong {
    color: var(--primary-color); /* Replace with your desired color */
}

.owl-carousel .owl-nav button {
    width: 50px;
    height: 50px;
    background-color: var(--primary-color);
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5rem;
    cursor: pointer;
    pointer-events: all;
}

.owl-carousel .owl-nav button.owl-prev {
    margin-left: -40px;
    font-size: 3rem;
    background-color: var(--primary-color);
    color: white;
}

.owl-carousel .owl-nav button.owl-next {
    margin-right: -40px;
    font-size: 3rem;
    background-color: var(--primary-color);
    color: white;
}

.owl-carousel .owl-dots {
    text-align: center;
    margin-top: 0px;
}

.owl-carousel .owl-dot {
    width: 45px !important;
    height: 7px !important;
    border-radius: 0 !important;
    background-color: #d6d6d6 !important;
    margin: 0 4px;
    outline: none;
    border: none;
}

.owl-carousel .owl-dot.active {
    background-color: var(--primary-color) !important;
}

.timeline {
    width: 100%;
    margin: 60px auto;
}

.timeline-nav {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0 0 20px 0;
    margin: 0;
    border-bottom: 1px solid var(--primary-color);
    position: relative;
}
.timeline-button {
    border: none !important;
    background: none;
    cursor: pointer;
    font-size: 36px;
    font-weight: bold;
    color: var(--primary-color);
    padding: 10px;
    transition: all 0.3s ease;
}

.timeline-button.active {
    color: var(--primary-color);
    transform: scale(1.2);
}

.timeline-nav li:not(:last-child) {
    border-right: 2px solid var(--primary-color);
}
.timeline-nav li {
    flex-grow: 1;
    text-align: center;
}

.timeline-panel {
    display: none;
    padding: 30px 0;
    gap: 30px;
}

.timeline-panel.active {
    display: flex;
    align-items: flex-start;
}

.solucao-mobile {
    display: flex;
    height: 100%;
    width: 100%;
    background-image: url("../image/bg-solucao-mob.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 0 100px 0;
    background-color: #F2F2F2;
}

.solucao-mobile .texto-in {
    color: white;
    font-family: Anybody;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
    margin-bottom: 50px;
}

.solucao-mobile .texto-in h2 {
    font-family: Anybody;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    color: white;
    margin-bottom: 40px;
}

.solucao-mobile .texto-in h2 strong, .solucao-mobile .texto-in h2 b {
    font-weight: 700;
}

section.interna {
    padding: 100px 0 50px 0;
    width: 100%;
}

section.interna .interna-in {
    padding: 40px 0;
}

section.interna .interna-in .blog-content h1.principal {
    font-family: 'Anybody', sans-serif;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #333;
}

section.interna .interna-in .row {
    justify-content: center;
    text-align: center;
    margin: 80px 0;
}

section.interna .interna-in .row-text {
    margin: 10px !important;
    align-items: end;
}

section.interna h2 strong{
    font-size: 32px;
    font-weight: 700;
}

section.interna h1.principal {
    color: #424242;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    margin-bottom: 50px;
}

section.interna .img-principal {
    width: 100%;
    height: 630px;
    border-radius: 40px;
    overflow: hidden;
    margin-bottom: 30px;
}

section.interna .img-principal img {
    width: 100%;
    height: auto;
    border-radius: 15px;
}

section.interna .tab-panel {
    padding: 30px 0;
}
section.interna .tab-button {
    width: 333px;
}

section.interna .panel-image img {
    width: 100%;
    height: auto;
    border-radius: 15px;
}

section.interna .panel-content ul {
    padding-left: 20px;
    margin: 0;
}
section.interna .panel-content h2 {
    text-align: start;
    color: var(--primary-color);
    font-weight: 700;
}


section.interna .panel-content ul li::marker {
    color: var(--primary-color); /* Orange */
}

section.interna .panel-content ul li {
    text-align: start;
}

section.interna .panel-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

section.interna .img-principal img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
section.interna .img-principal img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.interna .conteudo {
    margin-top: 65px;
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
}

section.interna .box-purple {
    border-radius: 30px;
    background: var(--primary-color);

    padding: 30px;
    text-align: center;
    margin: 50px 50px;
    height: 310px;
    width: 350px;
}

section.interna .box-purple .box-number .lagger {
    color: white;
    font-family: Anybody;
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
section.interna .box-purple .box-number{
    height: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

section.interna .case-card {
    display: flex;
    width: 100%;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    overflow: hidden;
    align-items: stretch;
}

.case-card__content {
    flex: 0 0 55%;
    padding: 40px;
    display: flex;
    flex-direction: column;
}

.case-card__media {
    flex: 0 0 45%;
    position: relative;
    background-color: #f0f0f0;
}

.case-card__media .video-link {
    display: block;
    width: 100%;
    height: 100%;
}

.case-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.case-card__media .video-link::after {
    content: '▶';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    color: white;
    background-color: rgba(0, 0, 0, 0.4);
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 5px;
    transition: background-color 0.3s ease;
}
.case-card__media .video-link:hover::after {
    background-color: rgba(254, 94, 0, 0.8);
}

.case-card__content .item-head {
    margin-bottom: 25px;
}
.case-card__content .item-title {
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 8px;
}

.case-card__content .tabs-nav {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}
.case-card__content .tab-button {
    flex: 1;
}
.case-card__content .tab-button.active {
    background-color: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color);
}
.case-card__content .tabs-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.case-card__content .tabs-content p {
    font-size: 16px;
}
.case-card__content .quote {
    margin-top: auto;
    padding-top: 20px;
    border-top: 1px solid #EAEAEA;
}
.case-card__content .quote-text {
    font-style: italic;
}
.case-card__content .quote-author {
    color: var(--primary-color);
    font-weight: 600;
    margin-top: 10px;
}

section.interna .box-purple .box-number .descr {
    text-align: center;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #ffffff;
}

body main section.interna .owl-segmento {
    display: flex;
    justify-content: center;
    max-width: 1190px;
    margin: auto;
}

body main section.interna .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    z-index: 20;
}

body main section.interna .owl-carousel .owl-item img {
    border-radius: 20px;
}

body main section.interna .owl-carousel .owl-nav button {
    width: 50px;
    height: 50px;
    background-color: var(--primary-color);
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5rem;
    cursor: pointer;
    pointer-events: all;
}

body main section.interna .owl-carousel .owl-nav button.owl-prev {
    margin-left: -40px;
    font-size: 3rem;
    background-color: var(--primary-color);
    color: white;
}

body main section.interna .owl-carousel .owl-nav button.owl-next {
    margin-right: -40px;
    font-size: 3rem;
    background-color: var(--primary-color);
    color: white;
}


section.interna .conteudo h1 {
    font-size: 35px;
}

section.interna .conteudo h2 {
    font-size: 30px;
}


.panel-image {
    flex-basis: 80%;
    height: 391px;
}
.panel-image img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.panel-text {
    flex-basis: 55%;
}

.panel-text h2{
    color: var(--primary-color);
    font-weight: 700;
    font-size: 36px;
}

.tab-button {
    border: 1px solid var(--primary-color);
    background-color: transparent;
    color: var(--primary-color);
    padding: 8px 40px 6px 40px;
    text-align: center;
    border-radius: 12px;
    cursor: pointer;
    width: 170px;
    font-weight: bold;
    transition: all 0.3s ease;
}

.tab-button.active {
    background-color: var(--primary-color);
    color: white;
}

.tab-panel {
    display: none;
    margin-top: 15px;
}

.tab-panel.active {
    display: block;
}

/*  Validação   */
.ng-invalid-required.ng-touched,
.campo-invalido {
    border-color: #dc3545 !important;
}

/* VARIAVEIS GLOBAIS DO PROJETO */
.card-produto-padrao {
    position: relative;
    width: 309px;
    height: 393px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: 0.3s all;
    border-radius: 30px;
    margin: auto;
    background-color: #243352;
}

.card-produto-padrao::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../image/bg-card-produto.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    transition: 0.3s all;
}

@media (min-width: 992px) {
    .card-produto-padrao:hover::before {
        opacity: 0.9;
    }
}

.card-produto-padrao .img-produto, .card-produto-padrao .title-in, .card-produto-padrao .saiba-mais-in, .card-produto-padrao .bottom-item {
    position: relative;
    z-index: 2;
}

.card-produto-padrao .img-produto {
    width: 100%;
    height: 200px;
    border-radius: 14px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    padding: 20px;
}

.card-produto-padrao .img-produto .add-card-in {
    background-color: #10404b;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 5px;
    right: 5px;
    transition: 0.3s all;
    cursor: pointer;
}

.card-produto-padrao .img-produto .add-card-in:hover {
    transform: translateY(-1px);
    background-color: var(--primary-color-dark);
}

.card-produto-padrao .img-produto img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.card-produto-padrao .title-in {
    color: #243352;
    text-align: center;
    font-family: Kanit;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: "";
}

.card-produto-padrao .saiba-mais-in {
    color: #243352;
    text-align: center;
    font-family: Kanit;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.card-produto-padrao .bottom-item {
    display: flex;
    justify-content: space-between;
}

.card-produto-padrao .bottom-item .main-cta {
    max-width: 198px;
}

.card-produto-padrao .bottom-item .action-zap {
    background-color: #2fb54d;
    border-radius: 20px;
    width: 63.59px;
    height: 44.02px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(8px, 3px);
    transition: 0.3s all;
    cursor: pointer;
}

.card-produto-padrao .bottom-item .action-zap:hover {
    background-color: #1f8035;
}

hr {
    border-top: 5px solid var(--primary-color);
    opacity: 1;
}

.menu-top {
    display: flex;
    width: 100%;
    z-index: 99;
}

.menu-top.absolute {
    position: absolute;
    top: 30px;
    left: 0;
}

.menu-top .menu-links {
    padding: 0 225px;
    display: flex;
    gap: 0;
    justify-content: space-between;
    align-items: center;
    min-height: 89px;
}

.menu-top .menu-links img {
    width: 102px;
    height: 80px;
    object-fit: contain;
}

.menu-top .menu-links a.link-menu-in {
    color: #424242;
    font-family: Anybody;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    transition: 0.3s all;
    position: relative;
    text-align: center;
    flex: 1;
    text-decoration: none;
}

.menu-top .menu-links a.link-menu-in:not(:last-of-type)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background: var(--primary-color);
}

.menu-top .menu-links a.link-menu-in:hover, .menu-top .menu-links a.link-menu-in.active {
    color: var(--primary-color);
    font-weight: 700;
}

.menu-top .menu-search {
    display: flex;
    align-items: center;
    margin-left: 20px;
}

.menu-top .menu-search form {
    display: flex;
    align-items: center;
    border: 1px solid var(--primary-color);
    overflow: hidden;
}

.menu-top .menu-search input {
    border: none;
    padding: 8px 15px;
    font-size: 14px;
    outline: none;
    width: 180px;
    background: transparent;
}

.menu-top .menu-search button {
    background: var(--primary-color);
    border: none;
    padding: 8px 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s all;
    height: 100%;
}

.menu-top .menu-search button i {
    color: #FFFFFF;
    font-size: 16px;
}

.menu-top .menu-search button:hover {
    background: var(--primary-color-dark);
}

.menu-top .menu-social {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-left: 20px;
}

.menu-top .menu-social a {
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 18px;
    transition: 0.3s all;
}

.menu-top .menu-social a:hover {
    background: var(--primary-color-dark);
    transform: translateY(-2px);
}

.menu-top .menu-links a.cta-fale-conosco:hover {
    background-color: var(--primary-color-dark);
}

@media (max-width: 991px) {
    .menu-top {
        display: none;
    }
}

img {
    object-fit: cover;
    object-position: center;
}

* {
    background-size: cover;
    background-position: center;
}

.pointer-events-none {
    pointer-events: none;
}

.pointer-events-all {
    pointer-events: all;
}

.cta-whatsapp {
    display: flex;
    justify-content: center;
    background-color: var(--primary-color);
    border-radius: 25px;
    cursor: pointer;
    transition: 0.3s all;
    width: 369px;
    align-items: center;
    margin-top: 20px;
}

.cta-whatsapp .type-1 {
    display: flex;
    background-color: var(--primary-color);
    border-radius: 25px;
    cursor: pointer;
    transition: 0.3s all;
    width: 369px;
    align-items: center;
    margin-top: 20px;
}

.cta-whatsapp .icon {
    border-radius: 25px;
    padding: 14px 14px;
    color: white;
}

.cta-whatsapp .txt {
    color: white;
    font-family: Anybody;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 14.5px 0px 14.5px 15px;
    transition: 0.3s all;
}

.cta-whatsapp:hover, .cta-whatsapp:hover a:hover {
    background-color: var(--primary-color-dark) !important;
    color: white;
}

.cta-whatsapp:hover .txt {
    color: white;
}

.cta-whatsapp.type-2 {
    width: 314px;
}

.cta-whatsapp.type-3 {
    width: 420px;
}

.cta-whatsapp.type-4 {
    display: flex;
    background-color: var(--primary-color);
    border-radius: 25px;
    cursor: pointer;
    transition: 0.3s all;
    width: 369px;
    align-items: center;
    margin: 0;
}

.cta-whatsapp.type-4:hover {
    background-color: var(--primary-color-dark);
}

.cta-fale-conosco {
    display: inline-flex;
    align-items: center;
    gap: 0;
    background-color: transparent;
    color: white;
    padding: 0;
    border: 2px solid var(--primary-color);
    border-radius: 5px;
    font-family: Anybody;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s all;
    overflow: hidden;
    box-shadow: none;
}

.cta-fale-conosco span {
    padding: 12px 20px;
    color: var(--primary-color);
}

.cta-fale-conosco i {
    background-color: var(--primary-color);
    color: white;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
}

.cta-fale-conosco:hover {
    border-color: var(--primary-color-dark);
    transform: translateX(5px);
    text-decoration: none;
}

.cta-fale-conosco:hover i {
    background-color: var(--primary-color-dark);
}

.cta-fale-conosco:hover span {
    color: var(--primary-color-dark);
}

.formulario {
    border-radius: 30px;
    background-image: url('../image/bg-mozaic.jpg');
    padding: 40px 45px;
}

.formulario .texto-formulario {
    margin-top: 47px;
    color: white;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.formulario .texto-formulario ul li::before {
    content: "";
    background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none"> <path d="M9.8427 19.637C9.59551 19.3949 9.46607 19.0869 9.45438 18.7129C9.44359 18.3388 9.5618 18.0308 9.80899 17.7888L16.4157 11.3201H1.34831C0.966292 11.3201 0.645843 11.1934 0.386966 10.9399C0.128989 10.6873 0 10.374 0 10C0 9.62596 0.128989 9.31221 0.386966 9.05875C0.645843 8.80616 0.966292 8.67987 1.34831 8.67987H16.4157L9.80899 2.21122C9.5618 1.9692 9.44359 1.66117 9.45438 1.28713C9.46607 0.913091 9.59551 0.60506 9.8427 0.363036C10.0899 0.121012 10.4045 0 10.7865 0C11.1685 0 11.4831 0.121012 11.7303 0.363036L20.6292 9.07591C20.764 9.18592 20.8598 9.32321 20.9164 9.48779C20.9721 9.65325 21 9.82398 21 10C21 10.176 20.9721 10.341 20.9164 10.495C20.8598 10.6491 20.764 10.7921 20.6292 10.9241L11.7303 19.637C11.4831 19.879 11.1685 20 10.7865 20C10.4045 20 10.0899 19.879 9.8427 19.637Z" fill="%233C9CF6"/> </svg>');
    width: 21px;
    height: 20px;
    background-size: 100%;
    background-repeat: no-repeat;
    transition: 0.3s all;
    float: left;
    margin-right: 6px;
}

.formulario .texto-formulario-2 {
    color: white;
    font-family: Anybody;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    /* 21.6px */
    margin-bottom: 31px;
}

.formulario .texto-formulario-2 h2 {
    color: white;
    font-size: 28px;
}

.formulario img {
    height: 128px;
    width: auto;
    margin-bottom: 40px;
}

.formulario .box-input {
    margin-bottom: 17px;
    display: flex;
    flex-direction: column;
}

.formulario .box-input label {
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 6px;
}

.formulario textarea, .formulario .box-input input, .formulario form .box-input textarea {
    border-radius: 10px;
    border: 1px solid var(--primary-color);
    padding: 14px 18px;
    color: white;
}

.formulario input {
    background-color: transparent;
}

.formulario textarea {
    height: 100px;
    resize: none;
    background-color: transparent;
}

.formulario .box-input input::placeholder,
.formulario textarea::placeholder {
    color: white;
    opacity: 1;
}

.formulario .main-cta {
    max-width: 40%;
}

@media (max-width: 991px) {
    .formulario {
        padding: 50px 0;
    }

    .formulario h2.line {
        padding: 5px 11px;
        font-size: 30px;
    }

    .formulario .texto-formulario {
        margin-top: 30px;
        font-size: 18px;
    }

    .formulario .texto-formulario h2 {
        font-size: 23px;
    }

    .formulario form {
        padding: 30px 15px;
    }
}

.bg-white-div {
    background-color: whitesmoke;
    position: relative;
    padding-bottom: 0;
}

.bg-white-div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("../image/bg-white.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    mix-blend-mode: soft-light;
    z-index: 0;
    pointer-events: none;
}

.bg-white-div > * {
    position: relative;
    z-index: 1;
}

.bg-white-2-div {
    background-color: whitesmoke;
    position: relative;
}

.bg-white-2-div::before {
    content: "";
    position: absolute;
    top: 520px;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("../image/bg-white-2.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    opacity: 0.2;
    mix-blend-mode: soft-light;
    z-index: 0;
    pointer-events: none;
}

.bg-white-2-div > * {
    position: relative;
    z-index: 1;
}

.bg-black-div {
    background-color: #030303 !important;
    background: #030303 !important;
    position: relative;
}

.bg-black-div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("../image/bg-black.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    mix-blend-mode: soft-light;
    z-index: 0;
    pointer-events: none;
}

.bg-black-div > * {
    position: relative;
    z-index: 1;
}

/* Sobre Depoimentos Equipe Section */
section.sobre-depoimentos-equipe {
    padding: 80px 0;
}

section.sobre-depoimentos-equipe .depoimentos-grid {
    display: flex;
    flex-direction: column;
    gap: 80px;
}

section.sobre-depoimentos-equipe .depoimento-item {
    display: flex;
    align-items: center;
    gap: 60px;
}

section.sobre-depoimentos-equipe .depoimento-item.depoimento-right {
    flex-direction: row-reverse;
}

section.sobre-depoimentos-equipe .depoimento-image {
    flex: 0 0 280px;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    border: 8px solid var(--primary-color);
    overflow: hidden;
    background: #FFFFFF;
}

section.sobre-depoimentos-equipe .depoimento-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.sobre-depoimentos-equipe .depoimento-content {
    flex: 1;
    color: #FFFFFF;
}

section.sobre-depoimentos-equipe .depoimento-text {
    font-family: Anybody;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 20px;
}

section.sobre-depoimentos-equipe .depoimento-text p {
    color: #FFFFFF;
    margin-bottom: 15px;
}

section.sobre-depoimentos-equipe .depoimento-autor {
    font-family: Anybody;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
}

@media (max-width: 991px) {
    section.sobre-depoimentos-equipe {
        padding: 50px 0;
    }

    section.sobre-depoimentos-equipe .depoimentos-grid {
        gap: 50px;
    }

    section.sobre-depoimentos-equipe .depoimento-item {
        flex-direction: column !important;
        text-align: center;
        gap: 30px;
    }

    section.sobre-depoimentos-equipe .depoimento-image {
        flex: 0 0 200px;
        width: 200px;
        height: 200px;
    }
}

.bg-mozaic-div {
    background-image: url("../image/bg-mozaic.jpg");
    background-color: #f4f5f7;
}


.item-box-nav {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 18px;
    box-sizing: border-box;
    background: white;
    height: 600px;
    max-width: 580px;
    margin-bottom: 15px;
    box-shadow: 0 2px 0 0 rgba(254, 94, 0, 1);
    overflow: hidden;
}

.item-box-nav .item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-box-nav .item-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Cover the entire area */
    border-radius: 18px; /* Apply border-radius here for the image */
}

.item-box-nav .item-head .index {
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.item-box-nav .item-head .item-title {
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    align-self: center;
    line-height: normal;
    width: 100%;
    padding-bottom: 10px;
}

.item-box-nav .item-descr {
    color: #FFF;
    font-family: "Anybody";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 20px;
}

.item-box-nav .col-padding {
    position: absolute; /* Position relative to .item-box-nav */
    bottom: 0;
    left: 0;
    right: 0; /* Make it full width */
    height: 70%; /* Occupy the bottom 70% of the card */

    background-color: white; /* Solid white background for the content area */
    border-radius: 0 0 18px 18px; /* Rounded corners only at the bottom */

    /* Internal spacing and flex for the button */
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Content starts from the top of this area */
    padding: 30px;
    padding-bottom: 80px; /* Make space for the absolutely positioned button */
    box-sizing: border-box;
    z-index: 2; /* Ensure content is above the image */
}

.item-box-nav .btn-item {
    position: absolute; /* Position relative to .col-padding */
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%); /* Centering trick */
    z-index: 3; /* Ensure button is above everything */

    /* Your existing button styles */
    display: block; /* ensure it's a block-level element for width/margin */
    width: fit-content;
    padding: 10px 25px;
    border: 1px solid #555;
    border-radius: 25px;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    transition: all 0.3s ease;
}

.item-box-nav a {
    color: #FFF;
    font-family: "Anybody";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.card-black {
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    background-color: black;
    overflow: hidden;
    padding: 0;
    height: 600px;
    width: 100% !important;
    margin: 0 !important;
    position: relative;
}

.card-black .card-link-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    cursor: pointer;
}

.card-black .item-bg {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

.card-black img {
    border-radius: 0 !important;
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.card-black .item-head {
    display: flex;
    gap: 20px;
}

.card-black .item-head .index {
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.card-black .item-head .item-title {
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 25px !important;
    font-style: normal;
    font-weight: 700;
    align-self: center;
    line-height: normal;
    max-width: 230px;
}

.card-black .item-descr {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 20px;
}

.card-black .col-padding {
    margin: 39px 0 39px 39px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.card-black a, .card-black li, .card-black p {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.card-black li::marker {
    color: var(--primary-color);
    font-size: 20px;
    position: absolute;
    left: -15px;
    top: -2px;
}

.card-black .card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-black .owl-carousel .owl-item img {
    border-radius: 0;
}

.card-white {
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    background-color: white;
    padding: 0;
    padding-bottom: 20px;
    width: 100% !important;
    margin: 0 !important;
    margin-top: 100px !important;
    position: relative;
    box-shadow: 0 2px 0 0 var(--primary-color);
    transition: 0.3s all;
    padding-top: 100px;
    height: 400px;
    transform: translateY(-5px);
}

.card-white:hover {
    box-shadow: 0 2px 0 0 var(--primary-color);
    transform: translateY(-10px);
}

.card-white .item-bg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 200px;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    z-index: 1;
}

.card-white .item-bg img {
    border-radius: 15px 15px 0 0 !important;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.card-white .item-head {
    margin-bottom: 10px;
}

.card-white .item-head .item-title {
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
}

.card-white .item-descr {
    color: #424242;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 15px;
}

.card-white .col-padding {
    padding: 20px 25px 0 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    background-color: transparent;
    border-radius: 15px;
    height: 100%;
}

.card-white .card-content {
    flex: 1 1 auto;
    margin-bottom: 15px;
}

.card-white .card-footer {
    display: flex;
    gap: 10px;
    align-items: stretch;
    flex-wrap: nowrap;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0;
    width: 100%;
    flex-shrink: 0;
    height: 47px;
}

.card-white .btn-outline,
.card-white .btn-outline:active,
.card-white .btn-outline:focus {
    color: #424242 !important;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration: none !important;
    transition: 0.3s all;
    padding: 0 16px;
    border: 2px solid #424242;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    text-align: center;
    flex-shrink: 0;
    white-space: nowrap;
    height: 47px;
}

.card-white .btn-outline:hover {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--primary-color) !important;
    border-color: var(--primary-color);
    box-shadow: none !important;
}

.card-white .btn-filled,
.card-white .btn-filled:active,
.card-white .btn-filled:focus {
    background: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
    color: white !important;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration: none !important;
    transition: 0.3s all;
    padding: 0 16px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    box-shadow: none !important;
    text-align: center;
    flex: 1;
    height: 47px;
}

.card-white .btn-filled:hover {
    background: var(--primary-color-dark) !important;
    background-color: var(--primary-color-dark) !important;
    color: white !important;
    box-shadow: none !important;
}


section.blog-listagem .card-offset.card-offset--featured {
    width: 1000px;
    height: 500px;
    margin: 0;
}

section.blog-listagem .card-offset.card-offset .item-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-bottom: 20px;
    border-radius: 20px;
    transform: translate(-50%, -50%);
    width: 80%;
    align-self: center;
    height: 65%;
    background-size: cover;
    background-position: top;
    z-index: 0;
}

section.blog-listagem .card-offset.card-offset--featured .col-padding {
    width: 50%;
}

.card-offset {
    display: flex;
    position: relative;
    justify-content: flex-end;
    border-radius: 12px;
    flex-direction: column;
    box-sizing: border-box;
    height: 500px;
    width: 650px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    text-decoration: none;
    border: none !important;
    outline: none !important;
}

.card-offset:focus,
.card-offset:active,
.card-offset:hover {
    border: none !important;
    outline: none !important;
}

.card-offset *,
.card-offset *:before,
.card-offset *:after {
    border-color: transparent !important;
}

.card-offset a,
.card-offset a:hover,
.card-offset a:focus,
.card-offset a:active {
    border: none !important;
    outline: none !important;
    text-decoration: none !important;
}

.card-offset .item-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-bottom: 20px;
    border-radius: 20px;
    transform: translate(-50%, -50%);
    width: 80%;
    align-self: center;
    height: 65%;
    background-size: cover;
    background-position: top;
    z-index: 0;
}

.card-offset .item-head {
    margin-bottom: 15px;
}

.card-offset .item-head .item-title {
    color: #424242;
    font-family: Anybody;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    align-self: center;
    line-height: normal;
    max-width: 100%;
    max-height: 90%;
}

.card-offset .item-descr {
    color: black;
    font-family: "Anybody";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 5px;
    align-self: end;
    position:absolute;
    bottom: 0;
}

.card-offset .item-descr i {
    color: black;
    font-family: "Anybody";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 5px;
    align-self: end;
    position:absolute;
    bottom: 0;
}

.card-offset .col-padding {
    background-color: #FFF;
    border-radius: 0 0 20px 20px;
    padding: 20px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-self: center;
    position:relative;
    width: 330px;
    height: 220px;
    margin-bottom: 5px;
    box-shadow: 0 4px 0 0 rgba(254, 94, 0, 1) !important;
    z-index: 20;
    border: none !important;
}

.card-offset:hover .col-padding,
.card-offset:focus .col-padding,
.card-offset:active .col-padding {
    box-shadow: 0 4px 0 0 rgba(254, 94, 0, 1) !important;
}

.card-offset .item-title,
.card-offset .item-descr {
    border: none !important;
    outline: none !important;
}

.card-offset .item-title *,
.card-offset .item-descr * {
    border: none !important;
    outline: none !important;
    text-decoration: none !important;
    color: inherit !important;
}

.card-offset .item-title a,
.card-offset .item-descr a {
    border: none !important;
    outline: none !important;
    text-decoration: none !important;
    color: inherit !important;
    box-shadow: none !important;
}


@media (max-width: 991px) {
    .cta-whatsapp:not(.cta-whatsapp.type-2) {
        width: 350px;
    }

    .cta-whatsapp:not(.cta-whatsapp.type-2) .icon {
        padding: 10px 19px;
    }

    .cta-whatsapp:not(.cta-whatsapp.type-2) .txt {
        padding: 7px 0 7px 5px;
    }

    .cta-whatsapp.type-3 .txt {
        font-size: 15px;
    }
}

.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    z-index: 20;
}

.owl-carousel .owl-item img {
    border-radius: 20px;
}

.owl-carousel .owl-nav button {
    width: 50px;
    height: 50px;
    background-color: var(--primary-color);
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5rem;
    cursor: pointer;
    pointer-events: all;
}

.owl-carousel .owl-nav button.owl-prev {
    margin-left: -40px;
    font-size: 3rem;
    background-color: var(--primary-color);
    color: white;
}

.owl-carousel .owl-nav button.owl-next {
    margin-right: -40px;
    font-size: 3rem;
    background-color: var(--primary-color);
    color: white;
}

@media (max-width: 991px) {
    .owl-carousel .owl-dots:not(.disabled) {
        margin-top: 20px;
    }
}

.main-cta {
    border-radius: 12px;
    background: var(--primary-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    padding: 15px 10px;
    width: 100%;
    max-width: 235px;
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition: 0.5s all;
    text-align: center;
    gap: 7px;
    cursor: pointer;
}

.main-cta:hover {
    background-color: var(--primary-color-dark);
    color: #fff;
}

.main-cta.whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: white;
    background: linear-gradient(90deg, #01CE5F 20%, #00B55C 90%);
    font-weight: 600;
}

.main-cta.whatsapp:hover {
    background: #135f00;
}

@media (max-width: 991px) {
    .main-cta {
        font-size: 16px !important;
        padding: 10px !important;
    }
}

.main-phone {
    display: flex;
    gap: 5px;
    cursor: pointer;
}

.main-phone .icon {
    width: 41px;
    height: 41px;
    background-color: #599AA8;
    border: 1px solid #007f92;
    border-radius: 50px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.main-phone .info {
    font-size: 16px;
    font-style: normal;
}

.main-phone .info .label {
    font-weight: 600;
    display: block;
    color: #110E30;
}

.main-phone .info .number {
    font-weight: 400;
    display: block;
    color: #110E30;
}

.main-phone.zap .icon {
    background-color: #70AA7D;
    border: 1px solid #489c5e;
}

.main-phone.blue-icon .icon {
    background-color: #307BC4;
    border: 1px solid #307BC4;
}

.main-phone.blue-icon .number {
    text-decoration: underline;
}

a.back-to-top {
    display: none;
    transform: rotate(-90deg);
    padding: 8px 13px;
    border-radius: 19px;
    background: var(--primary-color);
    color: whitesmoke;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    position: fixed;
    bottom: 259px;
    right: 0;
    display: flex;
    flex-direction: column;
    transition: 0.5s all;
    opacity: 1;
    z-index: 999;
}

a.back-to-top.oculta {
    opacity: 0;
    pointer-events: none;
}

a.back-to-top i {
    color: white;
    font-size: 24px;
}

@media (max-width: 991px) {
    a.back-to-top {
        right: -16px;
        bottom: 190px;
        font-size: 13px;
        border-radius: 12px;
    }

    a.back-to-top i {
        font-size: 18px;
    }
}

section.header {
    position: relative;
    z-index: 100;
}

/* Hide main header on home page (since menu is inside banner) */
body:has(.index-banner) header section.header {
    display: none;
}

section.header .header-top {
    background-color: transparent;
    padding: 15px 0;
}

section.header .header-top .menu-links {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 0 50px;
}

section.header .header-top .menu-links img {
    height: 50px;
    width: auto;
    object-fit: contain;
}

section.header .header-top .menu-links a.link-menu-in {
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s all;
}

section.header .header-top .menu-links a.link-menu-in:hover,
section.header .header-top .menu-links a.link-menu-in.active {
    color: var(--primary-color);
    font-weight: 600;
}

section.header .header-top .search-container {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    padding: 5px 10px;
}

section.header .header-top .search-input {
    background: transparent;
    border: none;
    color: white;
    outline: none;
    padding: 5px;
    width: 150px;
}

section.header .header-top .search-input::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

section.header .header-top .search-btn {
    background: transparent;
    border: none;
    color: white;
    cursor: pointer;
    padding: 0 5px;
}

section.header .header-top a.cta-rede-social {
    color: #FFFFFF;
    font-size: 18px;
    transition: 0.3s all;
}

section.header .header-top a.cta-rede-social:hover {
    color: var(--primary-color);
}

@media (max-width: 991px) {
    section.header .header-top {
        padding: 10px 0;
    }

    section.header .header-top a {
        font-size: 16px;
        gap: 5px;
    }
}

section.barra-lgpd {
    display: none;
    position: fixed;
    bottom: 85px;
    left: calc(50% - 397.5px);
    padding: 15px;
    align-items: center;
    gap: 15px;
    z-index: 800;
    border-radius: 5px;
    background: #fff;
    max-width: 795px;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1), -2px 2px 2px 0px rgba(0, 0, 0, 0.06) inset;
}

section.barra-lgpd.exibir {
    display: flex;
}

section.barra-lgpd .icon {
    border-radius: 5px;
    background: rgba(92, 92, 92, 0.1);
    /* Sombra elemento botão */
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1), -2px 2px 2px 0px rgba(0, 0, 0, 0.06) inset;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    gap: 10px;
    width: 35px;
    height: 35px;
}

section.barra-lgpd .button a {
    border-radius: 5px;
    background: #2b2b2b;
    box-shadow: -3px 3px 9px -18px rgba(0, 0, 0, 0.3);
    display: inline-block;
    padding: 16px 24px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 125% */
}

section.barra-lgpd .text {
    color: var(--Texto-1, #141414);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
}

section.barra-lgpd .text a {
    font-size: 16px;
    font-weight: 700;
    text-decoration-line: underline;
    color: #141414;
}

@media (max-width: 991px) {
    section.barra-lgpd {
        bottom: 70px;
        left: 10px;
        max-width: calc(100% - 20px);
        flex-flow: column;
        gap: 10px;
    }

    section.barra-lgpd .text {
        text-align: center;
        line-height: 1.4;
        font-size: 12px;
    }

    section.barra-lgpd .button a {
        font-size: 12px;
        padding: 8px 20px;
    }

    section.barra-lgpd .icon {
        display: none;
    }
}

body {
    font-size: 1em;
    font-family: "Anybody", serif;
    text-rendering: optimizeLegibility;
    line-height: 1.4;
    max-width: 1920px;
    margin: auto;
    overflow-x: hidden;
    /* MODAL */
}

body main {
    overflow: hidden;
    background-color: black;
}

body div#lightbox {
    position: fixed !important;
    top: 10px !important;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

body .modal-backdrop.show {
    opacity: 0.8;
    width: 100% !important;
    height: 100% !important;
}

body .modal-lg {
    max-width: 600px;
}

body .modal .close-modal {
    position: absolute;
    width: 100%;
    height: 100%;
}

body .modal-content {
    border-radius: 0 !important;
    background-color: white;
}

body .modal-content .closebtn {
    outline: none;
    color: white;
    background-color: transparent;
    position: absolute;
    right: 0;
    top: -40px;
    border: none;
    cursor: pointer;
    z-index: 2;
    text-shadow: none;
    font-weight: 500;
    opacity: 1;
    font-size: 15px;
}

body .modal-content .closebtn:hover {
    color: white !important;
}

@media (max-width: 991px) {
    body .modal-content .closebtn {
        position: static;
        font-size: 14px;
        margin-top: 20px;
        padding-right: 20px;
        text-align: right;
        color: #23494a !important;
    }
}

body .modal-body {
    padding: 40px;
    border-radius: 15px;
}

body .modal-body h1 {
    color: #243352;
    font-size: 34px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 8px;
    line-height: 1;
}

body .modal-body h1.terciary {
    color: #599AA8;
}

body .modal-body h3 {
    font-weight: 400;
    text-align: center;
    font-size: 16px;
}

body .modal-body form {
    margin-top: 20px;
}

body .modal-body form label {
    display: block;
    font-weight: 500;
    margin-bottom: 5px;
}

body .modal-body form input,
body .modal-body form select,
body .modal-body form textarea {
    font-size: 16px;
    padding: 10px 20px;
    border: 1px solid gray;
    width: 100%;
    margin-bottom: 15px;
    outline: none;
    resize: none;
}

body .modal-body form textarea {
    resize: none;
    height: 100px;
    outline: none;
}

body .modal-body.video {
    border-radius: 0;
    min-height: 650px;
    padding: 0;
}

@media (max-width: 991px) {
    body .modal-body.video {
        min-height: 360px;
    }
}

body .modal-body iframe {
    width: 100%;
    height: 100%;
    position: absolute;
}

@media screen and (max-width: 991px) {
    body .modal-body {
        padding: 15px 0;
    }

    body .modal-body h1 {
        margin-bottom: 10px;
        font-size: 24px;
        text-align: center;
    }

    body .modal-body h3 {
        text-align: center;
        font-size: 15px;
    }

    body .modal-body form {
        margin-top: 20px;
    }

    body .modal-body form label {
        font-size: 15px;
    }

    body .modal-body form input,
    body .modal-body form select,
    body .modal-body form textarea {
        font-size: 14px;
    }
}

body section.formulario-enviado {
    padding: 100px 0;
    background-color: #f2f2f2;
    color: #1C1C1C;
}

body section.formulario-enviado .box-in {
    text-align: center;
}

body section.formulario-enviado .box-in h5 {
    font-size: 20px;
    font-weight: 400;
    margin-top: 20px;
}

body section.formulario-enviado .box-in a {
    color: #1C1C1C;
    font-weight: 500;
    border-bottom: 1px dotted #1C1C1C;
}

body section.formulario-enviado .box-in .btn-voltar {
    color: #3C9CF6;
    padding: 10px 30px;
    border-radius: 5px;
    display: inline-block;
    margin-top: 30px;
    font-weight: 600;
    background-color: transparent;
    outline: none;
    border: 2px solid #3C9CF6;
    transition: 0.3s all;
}

body section.formulario-enviado .box-in .btn-voltar:hover {
    background-color: var(--primary-color);
    color: white;
}

body section.formulario-enviado .box-in .btn-voltar i {
    vertical-align: middle;
    font-size: 20px;
    margin-right: 15px;
}

body section.formulario-enviado .box-in h3 {
    font-size: 24px;
    font-weight: 400;
    color: #1C1C1C;
}

body section.formulario-enviado .box-in h1 {
    font-size: 75px;
    font-weight: 500;
    line-height: 1;
    color: #3C9CF6;
}

@media (max-width: 991px) {
    body section.formulario-enviado {
        padding: 90px 0;
        text-align: center;
    }

    body section.formulario-enviado .container {
        position: relative;
        z-index: 2;
    }

    body section.formulario-enviado .box-in {
        text-align: center;
    }

    body section.formulario-enviado .box-in .btn-voltar {
        font-size: 13px;
        margin: 10px 0;
    }

    body section.formulario-enviado .box-in h3 {
        font-size: 16px;
    }

    body section.formulario-enviado .box-in h5 {
        font-size: 15px;
    }

    body section.formulario-enviado .box-in h1 {
        font-size: 28px;
    }
}

body .politica-termos {
    padding: 40px 0px;
    color: #525252;
    background-size: cover;
    background-color: #f2f2f2;
}

body .politica-termos h1,
body .politica-termos h2,
body .politica-termos h3,
body .politica-termos h4,
body .politica-termos h5,
body .politica-termos h6 {
    font-size: 32px;
    font-weight: 700;
    color: #3C9CF6;
}

body .politica-termos strong,
body .politica-termos b {
    color: #3C9CF6;
}

@media (max-width: 991px) {
    body .politica-termos {
        padding: 20px 0px;
        font-size: 15px;
    }

    body .politica-termos h1 {
        font-size: 22px;
    }
}

body main section.header-conteudo {
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 520px;
    padding: 30px 0 20px 0;
    background-position: bottom center;
}


body main section.header-conteudo .box-header-in {
    justify-content: center;
    font-family: Anybody;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 135%;
}

body main section.header-conteudo .description-in {
    color: var(--primary-color);
    text-align: center;
    font-family: Anybody;
    font-size: 18px;
    font-style: normal;
    max-width: 800px;
    margin: auto;
}

body main section.header-conteudo .description-in h1, body main section.header-conteudo .description-in h2, body main section.header-conteudo .description-in h3, body main section.header-conteudo .description-in h4, body main section.header-conteudo .description-in h5 {
    color: var(--primary-color);
    text-align: center;
    font-family: Anybody;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
}

body main section.header-conteudo .description-in h1 strong, body main section.header-conteudo .description-in h1 b, body main section.header-conteudo .description-in h2 strong, body main section.header-conteudo .description-in h2 b, body main section.header-conteudo .description-in h3 strong, body main section.header-conteudo .description-in h3 b, body main section.header-conteudo .description-in h4 strong, body main section.header-conteudo .description-in h4 b, body main section.header-conteudo .description-in h5 strong, body main section.header-conteudo .description-in h5 b {
    color: white;
    font-weight: 700;
    padding: 2px 3px;
    border-radius: 4px;
}

body main section.header-conteudo .description-in h2 {
    font-size: 35px;
}

body main section.header-conteudo .description-in h3 {
    font-size: 30px;
}

body main section.header-conteudo .description-in h4 {
    font-size: 25px;
}

body main section.header-conteudo .description-in h5 {
    font-size: 20px;
}

@media (max-width: 991px) {
    body main section.header-conteudo {
        min-height: unset;
    }

    body main section.header-conteudo .breadcrumb {
        padding: 0;
    }

    body main section.header-conteudo .breadcrumb a {
        background-color: rgba(255, 255, 255, 0.6);
        padding: 0 10px;
        border-radius: 10px;
    }

    body main section.header-conteudo .description-in {
        padding: 10px;
    }

    body main section.header-conteudo .description-in h1 {
        font-size: 30px;
    }

    body main section.header-conteudo .description-in h2 {
        font-size: 27px;
    }

    body main section.header-conteudo .description-in h3 {
        font-size: 24px;
    }

    body main section.header-conteudo .description-in h4 {
        font-size: 21px;
    }

    body main section.header-conteudo .description-in h5 {
        font-size: 18px;
    }
}

body main section.breadcrumb {
    padding: 0;
    display: flex;
    width: 100%;
    background-color: transparent;
    justify-content: center;
    color: #000000;
    font-family: Anybody;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    margin-bottom: 20px;
}

body main section.breadcrumb a {
    font-size: 14px;
    color: #000000;
    text-decoration: none;
}

body main section.breadcrumb a:hover {
    text-decoration: underline;
}

body main section.breadcrumb a:first-child {
    margin-left: 0;
}

body main section.breadcrumb a:last-child {
    margin-right: 0;
}

body main section.breadcrumb a.active {
    color: #000000;
    font-weight: 500;
}

body main ul.paginacao {
    display: flex;
    gap: 9px;
    justify-content: center;
    align-items: center;
    margin: 15px 0 25px 0;
}

body main ul.paginacao li {
    margin: 0;
    padding: 0;
    list-style: none;
}

body main ul.paginacao li a {
    width: 48px;
    height: 48px;
    border-radius: 5px;
    transition: 0.3s all;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Anybody;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background-color: #FFB6B6;
    border: none;
}

body main ul.paginacao li a.active {
    background-color: #B91C1C;
    color: #FFFFFF;
}

body main ul.paginacao li a:hover {
    background-color: var(--primary-color);
    color: #FFFFFF;
}

/* Pagination Duvidas */
.pagination-duvidas {
    display: flex;
    gap: 9px;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
}

.pagination-duvidas .pagination-arrow,
.pagination-duvidas .pagination-number {
    width: 48px;
    height: 48px;
    border-radius: 5px;
    transition: 0.3s all;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Anybody;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background-color: #FFB6B6;
    border: none;
    text-decoration: none;
}

.pagination-duvidas .pagination-number.active {
    background-color: #B91C1C;
    color: #FFFFFF;
}

.pagination-duvidas .pagination-arrow:hover,
.pagination-duvidas .pagination-number:hover {
    background-color: var(--primary-color);
    color: #FFFFFF;
}

.pagination-duvidas .pagination-arrow.disabled {
    background-color: #E5E5E5;
    color: #999999;
    cursor: not-allowed;
    pointer-events: none;
}

body main .hero-background-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 680px;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../image/banner-bg.jpg');
    background-size: cover;
    background-position: center;
    z-index: -1;
    pointer-events: none;
}

body main section.index-banner {
    position: relative;
    background: transparent;
    min-height: 600px;
    display: flex;
    align-items: center;
    padding: 150px 0 100px;
    overflow: hidden;
}

body main section.index-banner .banner-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

body main section.index-banner .banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

body main section.index-banner .container {
    position: relative;
    z-index: 2;
}

body main section.index-banner .texto-in {
    color: white;
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
}

body main section.index-banner .texto-in h1 {
    font-family: Anybody;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    color: white;
    margin-bottom: 20px;
}

body main section.index-banner .texto-in p {
    font-family: Anybody;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: white;
    margin-bottom: 30px;
}

/* Menu-top styles inside index-banner */
body main section.index-banner .menu-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

body main section.index-banner .menu-top .menu-links {
    background-color: transparent;
    padding: 20px 225px;
}

body main section.index-banner .menu-top .menu-links a.link-menu-in {
    color: #FFFFFF;
}

body main section.index-banner .menu-top .menu-links a.link-menu-in:not(:last-of-type)::after {
    background: #FFFFFF;
}

body main section.index-banner .menu-top .menu-links a.link-menu-in:hover,
body main section.index-banner .menu-top .menu-links a.link-menu-in.active {
    color: var(--primary-color);
}

body main section.index-banner .menu-top .menu-search form {
    border: 1px solid #FFFFFF;
}

body main section.index-banner .menu-top .menu-search input {
    color: #FFFFFF;
}

body main section.index-banner .menu-top .menu-search input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

body main section.index-banner .menu-top .menu-social a {
    background: #FFFFFF;
    color: var(--primary-color);
}

body main section.index-banner .menu-top .menu-social a:hover {
    background: var(--primary-color);
    color: #FFFFFF;
}


/* Black variant of cta button - reusable component */
.cta-button-black {
    display: inline-flex;
    align-items: center;
    gap: 0;
    background-color: transparent;
    color: white;
    padding: 0;
    border: 2px solid #000;
    border-radius: 5px;
    font-family: Anybody;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s all;
    overflow: hidden;
    box-shadow: none;
}

.cta-button-black span {
    padding: 12px 20px;
    color: #000;
}

.cta-button-black i {
    background-color: #000;
    color: white;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
}

.cta-button-black:hover {
    border-color: #333;
    transform: translateX(5px);
    text-decoration: none;
}

.cta-button-black:hover i {
    background-color: #333;
}

.cta-button-black:hover span {
    color: #333;
}

body main section.index-proteja {
    position: relative;
    overflow: hidden;
    min-height: 500px;
    padding: 300px 0;
    background: #FFFFFF;
}

body main section.index-proteja .proteja-left-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

body main section.index-proteja .proteja-left-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 55%;
    height: 500px;
    background: #000000;
    border-radius: 0px 431px 0px 0px;
    z-index: 1;
}

body main section.index-proteja .proteja-left-wrapper .container {
    position: relative;
    min-height: 500px;
    z-index: 10;
    display: flex;
    align-items: center;
}

body main section.index-proteja .proteja-image-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    display: flex;
    align-items: flex-end;
}

body main section.index-proteja .proteja-polygon {
    position: absolute;
    bottom: -25px;
    right: 25px;
    width: 50%;
    height: 500px;
    background: linear-gradient(226.07deg, #88030F 0%, #C00415 98.2%);
    border-radius: 0 0 0 431px;
    z-index: 1;
}

body main section.index-proteja .proteja-image {
    position: relative;
    width: 50%;
    height: 500px;
    z-index: 2;
    background: #D9D9D9;
    border-radius: 0 0 0 431px;
    overflow: hidden;
    margin-left: auto;
    margin-right: 0;
}

body main section.index-proteja .proteja-content {
    max-width: 600px;
}

body main section.index-proteja .proteja-content .proteja-label {
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

body main section.index-proteja .proteja-content .proteja-label::before,
body main section.index-proteja .proteja-content .proteja-label::after {
    content: '';
    flex: 0 0 120px;
    height: 1px;
    background: #FFFFFF;
}

body main section.index-proteja .proteja-content .proteja-label .label-text {
    position: relative;
    padding: 0 20px;
}

body main section.index-proteja .proteja-content .proteja-label .label-text::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -20px;
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    transform: translateX(-50%) rotate(45deg);
}

body main section.index-proteja .proteja-content h2 {
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 35px;
    font-weight: 700;
    line-height: 125%;
    margin-bottom: 20px;
}

body main section.index-proteja .proteja-content p {
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 15px;
}

body main section.index-proteja .proteja-content p strong {
    font-weight: 700;
}

body main section.index-proteja .proteja-buttons {
    display: flex;
    gap: 20px;
    margin-top: 30px;
    flex-wrap: wrap;
}


body main section.index-proteja .proteja-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 991px) {
    body main section.index-proteja {
        min-height: auto;
    }

    body main section.index-proteja .proteja-container {
        flex-direction: column;
        min-height: auto;
    }

    body main section.index-proteja .proteja-left {
        width: 100%;
        padding: 50px 20px;
        clip-path: none;
    }

    body main section.index-proteja .proteja-content h2 {
        font-size: 28px;
    }

    body main section.index-proteja .proteja-content p {
        font-size: 15px;
    }

    body main section.index-proteja .proteja-buttons {
        flex-direction: column;
    }

    body main section.index-proteja .proteja-buttons .button-white {
        width: 100%;
        justify-content: center;
    }

    body main section.index-proteja .proteja-right {
        position: relative;
        width: 100%;
        height: 300px;
    }

    body main section.index-proteja .proteja-wave {
        display: none;
    }
}

/* Entre em Contato Section */
section.entre-em-contato {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    padding-bottom: 0;
}

section.entre-em-contato .entre-em-contato-content {
    display: flex;
    align-items: center;
    min-height: 400px;
    margin: 0px 250px;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}

section.entre-em-contato .entre-em-contato-text {
    flex: 0 0 50%;
    padding: 60px 0 0 60px;
    z-index: 2;
    position: relative;
}

section.entre-em-contato .entre-em-contato-text h2 {
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
}

section.entre-em-contato .entre-em-contato-text p {
    color: #000000;
    font-family: Anybody;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 15px;
}

section.entre-em-contato .entre-em-contato-buttons {
    display: flex;
    gap: 15px;
    margin-top: 25px;
}

section.entre-em-contato .entre-em-contato-image {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    border-radius: 100px;
    z-index: 3;
}

section.entre-em-contato .entre-em-contato-image img {
    position: absolute;
    width: 737px;
    height: 737px;
    left: 100px;
    top: -168px;
    overflow: hidden;

    border-radius: 3000px;

    /* Inside auto layout */
    flex: none;
    order: 2;
    flex-grow: 0;
    z-index: 2;
}

/* Entre em Contato Black Variant */


section.entre-em-contato.black .entre-em-contato-content {
    background: #000000;
    margin: 0px 250px;
    max-width: 100%;
    padding: 0;
}

section.entre-em-contato.black .entre-em-contato-text {
    flex: 0 0 60%;
    padding: 60px 0 0 60px;
}

section.entre-em-contato.black .entre-em-contato-text h2 {
    color: #FFFFFF;
}

section.entre-em-contato.black .entre-em-contato-text p {
    color: #FFFFFF;
}

section.entre-em-contato.black .entre-em-contato-buttons {
    margin-top: 25px;
}

section.entre-em-contato.black .entre-em-contato-image {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    border-radius: 100px;
    z-index: 3;
}

section.entre-em-contato.black .entre-em-contato-image img {
    position: absolute;
    width: 737px;
    height: 737px;
    left: 100px;
    top: -168px;
    overflow: hidden;
    border-radius: 3000px;
    flex: none;
    order: 2;
    flex-grow: 0;
    z-index: 2;
}

section.entre-em-contato.black .button-red span,
section.entre-em-contato.black .button-whatsapp span {
    color: #FFFFFF !important;
}

section.entre-em-contato.black .button-red i,
section.entre-em-contato.black .button-whatsapp i {
    color: #FFFFFF !important;
    background-color: transparent !important;
}

@media (max-width: 991px) {
    section.entre-em-contato .entre-em-contato-content {
        flex-direction: column;
    }

    section.entre-em-contato .entre-em-contato-text {
        flex: 1;
        padding: 40px 20px;
        width: 100%;
    }

    section.entre-em-contato .entre-em-contato-image {
        position: relative;
        width: 100%;
        min-height: 300px;
        border-radius: 1000px;
    }

    section.entre-em-contato .entre-em-contato-buttons {
        flex-direction: column;
    }
}

/* Header Conteudo */
section.header-conteudo {
    background: url('../image/bg-white.jpg') center center / cover no-repeat;
    background-color: #F5F5F5;
    padding: 0;
    position: relative;
    min-height: 520px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

section.header-conteudo .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
}

section.header-conteudo .header-conteudo-text {
    text-align: center;
}

section.header-conteudo .header-conteudo-text h1 {
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    text-align: center;
}

section.header-conteudo .header-conteudo-text p {
    color: #000000;
    font-family: Anybody;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
    max-width: 900px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    section.header-conteudo {
        padding: 120px 0 60px;
    }

    section.header-conteudo .header-conteudo-text h1 {
        font-size: 32px;
    }

    section.header-conteudo .header-conteudo-text p {
        font-size: 16px;
    }
}

section.ideais-para-obras .section-title {
    color: var(--primary-color);
    text-align: center;
    font-family: Anybody;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 50px;
}


/* Servicos Exclusivos Carousel */
section.servicos-exclusivos {
    padding: 80px 0;

}

section.servicos-exclusivos .section-title {
    color: var(--primary-color);
    text-align: center;
    font-family: Anybody;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 50px;
}

section.servicos-exclusivos .servicos-carousel {
    margin-bottom: 40px;
}

section.servicos-exclusivos .owl-carousel .owl-item {
    padding-top: 20px;
}

section.servicos-exclusivos .services-footer {
    text-align: center;
}

/* Servicos Solucoes Section */
section.servicos-solucoes {
    padding: 80px 0;
    background: #FFFFFF;
}

section.servicos-solucoes h2 {
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 50px;
}

section.servicos-solucoes .solucoes-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

section.servicos-solucoes .solucao-card {
    background: var(--primary-color);
    border-radius: 8px;
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-height: 280px;
}

section.servicos-solucoes .solucao-icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

section.servicos-solucoes .solucao-icon i {
    font-size: 48px;
    color: #FFFFFF;
}

section.servicos-solucoes .solucao-card p {
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
}

@media (max-width: 1200px) {
    section.servicos-solucoes .solucoes-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    section.servicos-solucoes .solucoes-grid {
        grid-template-columns: 1fr;
    }

    section.servicos-solucoes h2 {
        font-size: 28px;
    }
}

/* Servicos Entregamos Section */
section.servicos-entregamos {
    padding: 80px 0;
}

section.servicos-entregamos h2 {
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 60px;
}

section.servicos-entregamos .entregamos-content {
    display: flex;
    justify-content: center;
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

section.servicos-entregamos .entregamos-column {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

section.servicos-entregamos .entregamos-column-center {
    align-items: center;
}

section.servicos-entregamos .entregamos-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 30px;
}

section.servicos-entregamos .entregamos-logo img {
    width: 465px;
    height: 353px;
    object-fit: contain;
    margin-bottom: 20px;
}

section.servicos-entregamos .entregamos-logo .logo-subtitle {
    font-family: Anybody;
    font-size: 20px;
    font-weight: 700;
    color: #000000;
    line-height: 1.3;
    margin-bottom: 10px;
}

section.servicos-entregamos .entregamos-logo .logo-tagline {
    font-family: Anybody;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    margin: 0;
}

section.servicos-entregamos .entregamos-item {
    width: 334px;
    height: 169px;
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

section.servicos-entregamos .entregamos-item .item-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.servicos-entregamos .entregamos-item .item-icon i {
    font-size: 28px;
    color: var(--primary-color);
}

section.servicos-entregamos .entregamos-item h3 {
    font-family: Anybody;
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    margin: 0;
}

section.servicos-entregamos .entregamos-item p {
    font-family: Anybody;
    font-size: 15px;
    font-weight: 400;
    color: #000000;
    line-height: 1.5;
    margin: 0;
}

@media (max-width: 1024px) {
    section.servicos-entregamos .entregamos-content {
        flex-direction: column;
        align-items: center;
    }

    section.servicos-entregamos .entregamos-column {
        align-items: center;
    }

    section.servicos-entregamos h2 {
        font-size: 28px;
    }

    section.servicos-entregamos .entregamos-item {
        width: 100%;
        max-width: 334px;
    }
}

body main section.index-sobre-nos {
    padding: 80px 0;
    background: #FFFFFF;
}

body main section.index-sobre-nos .sobre-container {
    display: flex;
    gap: 60px;
    align-items: center;
}

body main section.index-sobre-nos .sobre-left {
    flex: 0 0 45%;
}

body main section.index-sobre-nos .sobre-left .sobre-image {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
}

body main section.index-sobre-nos .sobre-left .sobre-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #3C9CF6;
}

body main section.index-sobre-nos .sobre-right {
    flex: 1;
}

body main section.index-sobre-nos .sobre-content .sobre-label {
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

body main section.index-sobre-nos .sobre-content .sobre-label::before,
body main section.index-sobre-nos .sobre-content .sobre-label::after {
    content: '';
    flex: 0 0 120px;
    height: 1px;
    background: #424242;
}

body main section.index-sobre-nos .sobre-content .sobre-label .label-text {
    position: relative;
    padding: 0 20px;
}

body main section.index-sobre-nos .sobre-content .sobre-label .label-text::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -20px;
    width: 10px;
    height: 10px;
    background: #424242;
    transform: translateX(-50%) rotate(45deg);
}

body main section.index-sobre-nos .sobre-content h2 {
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 35px;
    font-weight: 400;
    line-height: 125%;
    margin-bottom: 20px;
}

body main section.index-sobre-nos .sobre-content p {
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 15px;
}

body main section.index-sobre-nos .sobre-content .button-black {
    margin-top: 15px;
}

@media (max-width: 991px) {
    body main section.index-sobre-nos {
        padding: 50px 0;
    }

    body main section.index-sobre-nos .sobre-container {
        flex-direction: column;
        gap: 40px;
    }

    body main section.index-sobre-nos .sobre-left {
        flex: 0 0 100%;
    }

    body main section.index-sobre-nos .sobre-left .sobre-image {
        height: 350px;
    }

    body main section.index-sobre-nos .sobre-content .sobre-label {
        font-size: 14px;
    }

    body main section.index-sobre-nos .sobre-content .sobre-label::before {
        flex: 0 0 60px;
    }

    body main section.index-sobre-nos .sobre-content h2 {
        font-size: 28px;
    }

    body main section.index-sobre-nos .sobre-content p {
        font-size: 15px;
    }

    body main section.index-sobre-nos .sobre-content .button-black {
        width: 100%;
        justify-content: center;
    }
}

body main section.index-conheca-historia {
    padding: 0;
    background-image: url('../image/conheca-historia-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 550px;
    height: 550px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

body main section.index-conheca-historia::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

body main section.index-conheca-historia .container {
    position: relative;
    z-index: 2;
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

body main section.index-conheca-historia .conheca-overlay {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

body main section.index-conheca-historia .conheca-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    text-align: center;
    width: 100%;
    padding: 0 20px;
    margin: 0;
}

body main section.index-conheca-historia .conheca-content p {
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 28px;
    font-weight: 400;
    line-height: 140%;
    margin: 0;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

body main section.index-conheca-historia .video {
    width: 100%;
    max-width: 100%;
    display: block;
    height: 550px;
    margin: 0;
    padding: 0;
}

body main section.index-conheca-historia .video img {
    width: 100%;
    height: 550px;
    object-fit: cover;
    display: block;
}

body main section.index-conheca-historia .play-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    color: var(--primary-color);
    font-size: 32px;
    transition: 0.3s all;
    text-decoration: none;
    cursor: pointer;
}

body main section.index-conheca-historia .play-button:hover {
    background: #FFFFFF;
    transform: scale(1.1);
}

body main section.index-conheca-historia .play-button i {
    margin-left: 5px;
}

@media (max-width: 991px) {
    body main section.index-conheca-historia {
        min-height: 300px;
    }

    body main section.index-conheca-historia .conheca-overlay {
        padding: 50px 20px;
    }

    body main section.index-conheca-historia .conheca-content p {
        font-size: 20px;
        margin-bottom: 30px;
    }

    body main section.index-conheca-historia .play-button {
        width: 60px;
        height: 60px;
        font-size: 24px;
    }
}

body main section.index-distribuidor {
    position: relative;
    min-height: 550px;
    padding-top: 100px;
}

body main section.index-distribuidor::before {
    background: #EEE;
    width: 100%;
    height: 126px;
    flex-shrink: 0;
    position: absolute;
    bottom: 125px;
    left: 0;
    z-index: -1;
    content: "";
}

body main section.index-distribuidor .txt-principal {
    padding-top: 80px;
    color: white;
    font-family: Anybody;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

body main section.index-distribuidor .txt-principal strong, body main section.index-distribuidor .txt-principal b {
    font-weight: 700;
}

body main section.index-distribuidor .txt-principal h2 {
    color: white;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
}

body main section.index-distribuidor .txt-principal h2 strong, body main section.index-distribuidor .txt-principal h2 b {
    color: var(--primary-color);
}

body main section.index-distribuidor .txt-principal strong {
    color: var(--primary-color);
}

body main section.index-distribuidor .img-distribuidor {
    width: 601px;
    height: 485px;
    flex-shrink: 0;
    max-height: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
}

body main section.index-distribuidor .img-distribuidor img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    display: block;
}

@media (max-width: 991px) {
    body main section.index-distribuidor .txt-principal {
        font-size: 18px;
        padding-top: 15px;
    }

    body main section.index-distribuidor .txt-principal h2 {
        font-size: 30px;
    }

    body main section.index-distribuidor .img-distribuidor {
        height: auto;
        width: auto;
    }
}

body main section.index-numeros {
    position: relative;
    padding: 60px 0;
}

body main section.index-numeros .numeros-wrapper {
    position: relative;
}

body main section.index-numeros .numeros-grid {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1400px;
    margin: 0 auto;
}

body main section.index-numeros .line-segment {
    flex: 1;
    height: 2px;
    background: white;
    min-width: 100px;
}

body main section.index-numeros .diamond-left {
    width: 15px;
    height: 15px;
    background: white;
    transform: rotate(45deg);
    flex-shrink: 0;
    margin-right: 30px;
}

body main section.index-numeros .diamond-right {
    width: 15px;
    height: 15px;
    background: white;
    transform: rotate(45deg);
    flex-shrink: 0;
    margin-left: 30px;
}

body main section.index-numeros .numero-item {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    margin: 0 15px;
}

body main section.index-numeros .numero-circle {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 2px solid white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 4px;
    background: transparent;
    position: relative;
    z-index: 3;
}

body main section.index-numeros .numero-value {
    color: white;
    font-family: Anybody;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 8px;
}

body main section.index-numeros .numero-label {
    color: white;
    font-family: Anybody;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
}

@media (max-width: 991px) {
    body main section.index-numeros .numeros-grid {
        flex-direction: column;
        gap: 40px;
    }

    body main section.index-numeros .line-segment,
    body main section.index-numeros .diamond-left,
    body main section.index-numeros .diamond-right {
        display: none;
    }

    body main section.index-numeros .numero-circle {
        width: 180px;
        height: 180px;
    }
}

body main section.index-nossa-solucao {
    padding: 100px 0;
    background-image: url("../image/bg-mozaic.jpg");
}

body main section.index-nossa-solucao .title {
    color: #424242;
    text-align: center;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 837px;
    margin: 0 auto 100px auto;
}

body main section.index-nossa-solucao .title h2 {
    color: #424242;
    text-align: center;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
    margin-bottom: 10px;
}

body main section.index-nossa-solucao .title h2 strong, body main section.index-nossa-solucao .title h2 b {
    color: #3C9CF6;
    font-weight: 700;
}

body main section.index-nossa-solucao .box-purple {
    border-radius: 12.801px;
    border: 2px solid #3C9CF6;
    background: #110E30;
    padding: 85px 37px 40px 37px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 80px;
    gap: 36px;
    position: relative;
    min-height: 269px;
}

body main section.index-nossa-solucao .box-purple .thumb {
    background: #FFF;
    border: 2px solid #3C9CF6;
    border-radius: 100px;
    width: 110px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    position: absolute;
    top: calc(0% - 55px);
    left: calc(50% - 55px);
}

body main section.index-nossa-solucao .box-purple .thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

body main section.index-nossa-solucao .box-purple .title-in {
    color: #3C9CF6;
    text-align: center;
    font-family: Anybody;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: "";
}

body main section.index-nossa-solucao .box-purple .cta {
    display: flex;
    border-radius: 25px;
    overflow: hidden;
    background-image: url("../image/bg-cta.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

body main section.index-nossa-solucao .box-purple .cta .icon {
    padding: 14px 20px;
}

body main section.index-nossa-solucao .box-purple .cta .txt {
    color: #F2F2F2;
    font-family: Anybody;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 14.5px 35px 14.5px 20px;
}

body main section.index-nossa-solucao .txtbottom {
    color: #424242;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

body main section.index-nossa-solucao .txtbottom strong, body main section.index-nossa-solucao .txtbottom b {
    color: #3C9CF6;
    font-weight: 700;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    body main section.index-nossa-solucao {
        padding: 50px 0;
    }

    body main section.index-nossa-solucao .title {
        font-size: 18px;
    }

    body main section.index-nossa-solucao .title h2 {
        font-size: 30px;
    }

    body main section.index-nossa-solucao .txtbottom {
        font-size: 18px;
        text-align: center;
        margin-bottom: 25px;
    }

    body main section.index-nossa-solucao .row .col-lg-3:last-child .box-purple {
        margin-bottom: 30px;
    }
}

body main section.index-video {
    background-image: url("../image/bg-video.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 70px 0;
}

body main section.index-video .texto-video {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

body main section.index-video .texto-video h2 {
    color: #E2E2E2;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
}

body main section.index-video .texto-video hr {
    max-width: 463px;
    height: 2px;
    color: #3c9fc6;
    margin: 30px 0;
    opacity: 1;
}

body main section.index-video .video {
    width: 100%;
    display: block;
    height: 337px;
    max-width: 535px;
    overflow: hidden;
    position: relative;
    border-radius: 30px;
}

body main section.index-video .video:hover:before {
    background-color: rgba(0, 0, 0, 0.3);
}

body main section.index-video .video:before {
    transition: 0.3s all;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}

body main section.index-video .video:after {
    content: "";
    background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120" fill="none"> <g clip-path="url(%23clip0_3459_2888)"><path d="M50 82.5L80 60L50 37.5V82.5ZM60 10C32.4 10 10 32.4 10 60C10 87.6 32.4 110 60 110C87.6 110 110 87.6 110 60C110 32.4 87.6 10 60 10ZM60 100C37.95 100 20 82.05 20 60C20 37.95 37.95 20 60 20C82.05 20 100 37.95 100 60C100 82.05 82.05 100 60 100Z" fill="white" fill-opacity="0.33"/> </g><defs><clipPath id="clip0_3459_2888"><rect width="120" height="120" fill="white"/> </clipPath> </defs> </svg>');
    position: absolute;
    top: calc(50% - 60px);
    left: calc(50% - 60px);
    width: 120px;
    height: 120px;
}

body main section.index-video .video img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@media (max-width: 991px) {
    body main section.index-video {
        padding: 50px 0;
    }

    body main section.index-video .texto-video {
        color: #FFF;
        font-size: 18px;
    }

    body main section.index-video .texto-video h2 {
        font-size: 30px;
    }

    body main section.index-video .video {
        height: 250px;
    }
}

body main section.index-conheca {
    padding: 90px 0;
}

body main section.index-conheca .title-in {
    color: #424242;
    text-align: center;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 50px;
}

body main section.index-conheca .title-in h2 {
    color: #424242;
    text-align: center;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
}

body main section.index-conheca .box-item {
    border-radius: 15px;
    background: #110E30;
    padding: 40px 35px;
    color: #FFF;
    text-align: center;
    font-family: Anybody;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 18px;
}

body main section.index-conheca .box-item .box-item-in {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: "";
}

body main section.index-conheca .col-lg-3 .box-item {
    background: #110E30;
}

body main section.index-conheca .col-lg-2 .box-item {
    border-radius: 15px;
    background: #3C9CF6;
}

@media (max-width: 991px) {
    body main section.index-conheca {
        padding: 50px 0;
    }

    body main section.index-conheca .title-in {
        font-size: 18px;
    }

    body main section.index-conheca .title-in h2 {
        font-size: 30px;
    }

    body main section.index-conheca .box-item .box-item-in {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: unset;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        height: "";
    }
}

body main section.index-funcionalidades {
    color: #e0e0e0;
    padding: 60px 0;
}

body main section.index-funcionalidades .section-title {
    text-align: center;
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 50px;
}

body main section.index-funcionalidades .section-title span {
    color: var(--primary-color);
    font-weight: bold;
    border-top: 3px solid var(--primary-color);
    padding-top: 5px;
}

body main section.index-funcionalidades .funcionalidade-item {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    font-size: 16px;
}

body main section.index-funcionalidades .funcionalidade-item i {
    color: var(--primary-color);
    font-size: 24px;
    margin-right: 15px;
    width: 30px;
    text-align: center;
}

body main section.index-necessidades {
    padding: 66px 0;
}

body main section.index-necessidades .texto-principal {
    position: relative;
    color: #424242;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

body main section.index-necessidades .texto-principal:before {
    content: "";
    width: 88px;
    height: 4px;
    background: var(--primary-color);
    display: block;
    margin-bottom: 18px;
}

body main section.index-necessidades .texto-principal h2 {
    color: #424242;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
    margin-bottom: 10px;
}

body main section.index-necessidades .texto-block {
    color: white;
    border-radius: 20px;
    background: black;
    position: relative;
    padding: 30px 60px 60px 100px;
    margin-bottom: 100px;
    background-size: 207px 283px;
    align-items: end;
}

body main section.index-necessidades .texto-block::before {
    border-radius: 20px 0px 0px 20px;
    background: var(--primary-color);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10%;
    height: 100%;
}

body main section.index-necessidades .title-in {
    color: #424242;
    text-align: center;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 50px;
}

body main section.index-necessidades .title-in strong {
    color: var(--primary-color);
}

body main section.index-necessidades .texto-principal h2 strong, body main section.index-necessidades .texto-principal h2 b {
    color: var(--primary-color);
    font-weight: 700;
}

body main section.index-necessidades .item-box {
    border-radius: 54px;
    background: black;
    padding: 25px 60px 100px 60px;
    background-size: 207px 283px;
    min-height: 300px;
}

body main section.index-necessidades .item-box .item-head {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

body main section.index-necessidades .item-box .item-head .index {
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

body main section.index-necessidades .item-box .item-head .item-title {
    color: #FFF;
    font-family: Anybody;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    max-width: 230px;
}

body main section.index-necessidades .item-box .item-descr {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

body main section.index-necessidades .owl-carousel .owl-stage-outer {
    overflow: hidden;
}

body main section.index-necessidades .owl-carousel .owl-item {
    transition: all 0.3s ease-in-out;
}

@media (max-width: 991px) {
    body main section.index-necessidades {
        padding: 50px 0;
    }

    body main section.index-necessidades .texto-principal {
        font-size: 18px;
    }

    body main section.index-necessidades .texto-principal h2 {
        font-size: 30px;
    }

    body main section.index-necessidades .item-box {
        border-radius: 54px;
        background: black;
        padding: 25px 40px 100px 40px;
        min-height: 300px;
    }

    body main section.index-necessidades .item-box .item-head {
        gap: 10px;
        margin-bottom: 0;
    }

    body main section.index-necessidades .item-box .item-head .item-title {
        font-size: 23px;
    }

    body main section.index-necessidades .item-box .item-descr {
        font-size: 18px;
    }
}

body main section.index-solucoes {
    padding: 66px 0;
}

body main section.index-solucoes .title-in {
    color: #424242;
    text-align: center;
    font-family: "DM Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 50px;
}

body main section.index-solucoes .title-in strong {
    color: var(--primary-color);
}

body main section.index-solucoes .owl-solucoes {
    display: flex;
    justify-content: center;
}

body main section.index-solucoes .owl-carousel .owl-nav button.owl-prev,
body main section.index-solucoes .owl-carousel .owl-nav button.owl-next {
    font-size: 2.5rem;
    color: #000;
    background: none;
    border: none;
}

body main section.index-solucoes .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    z-index: 20;
}

body main section.index-solucoes .owl-carousel .owl-nav button {
    width: 50px;
    height: 50px;
    background-color: var(--primary-color);
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5rem;
    cursor: pointer;
    pointer-events: all;
}

body main section.index-solucoes .owl-carousel .owl-nav button.owl-prev {
    margin-left: -40px;
    font-size: 3rem;
    background-color: var(--primary-color);
    color: white;
}

body main section.index-solucoes .owl-carousel .owl-nav button.owl-next {
    margin-right: -40px;
    font-size: 3rem;
    background-color: var(--primary-color);
    color: white;
}

body main section.index-novidades-versao {
    padding: 55px 0;
    background-image: url("../image/bg-mozaic.jpg");
}

body main section.index-novidades-versao .title-in {
    position: relative;
    color: white;
    text-align: center;
    font-family: "DM Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 50px;
    padding-top: 5px;
}

body main section.index-novidades-versao .title-in::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 15%;
    height: 1px;
    background-color: var(--primary-color);
}

body main section.index-novidades-versao .item-box .item-descr a {
    color: #424242;
    font-family: "Anybody";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

body main section.index-novidades-versao .item-box a {
    color: #FFF;
    font-family: "Anybody";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

body main section.index-novidades-versao .owl-carousel .owl-nav button {
    width: 50px;
    height: 50px;
    background-color: var(--primary-color);
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5rem;
    cursor: pointer;
    pointer-events: all;
}

body main section.index-novidades-versao .owl-carousel .owl-nav button.owl-prev {
    margin-left: -40px;
    font-size: 3rem;
    background-color: var(--primary-color);
    color: white;
}

body main section.index-novidades-versao .owl-carousel .owl-nav button.owl-next {
    margin-right: -40px;
    font-size: 3rem;
    background-color: var(--primary-color);
    color: white;
}

body main section.index-novidades-versao .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none; /* avoids blocking card clicks */
    z-index: 20;
}

body main section.index-segmentos {
    background-image: url("../image/bg-white.jpg");
    padding: 30px;
    background-size: cover;
}

body main section.index-segmentos .title-in {
    color: black;
    text-align: center;
    font-family: "DM Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}

body main section.index-segmentos .title-in strong {
    color: var(--primary-color);
}

body main section.index-segmentos .item-box {
    border-radius: 20px;
    display: flex;
    position: relative;
    flex-direction: column;
    text-align: center;
    height: 300px;
    width: 300px;
    margin-bottom: 10px;
    background-size: cover;
    background-position: center;
    justify-content: space-around;
}

body main section.index-segmentos .item-bg {
    display: block;
    width: 100%;
    height: 180px;
    border-radius: 20px 20px 0 0;
}

body main section.index-segmentos .item-box .item-head .index {
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

body main section.index-segmentos .item-box .item-head .item-title {
    color: #424242;
    font-family: Anybody;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    align-self: center;
    line-height: normal;
}

body main section.index-segmentos .item-box .item-descr {
    color: #FFF;
    font-family: "Anybody";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

body main section.index-segmentos .item-box .col-padding {
    border-radius: 0 0 12px 12px;
    display: flex;
    align-self: center;
    flex-direction: column;
}

body main section.index-segmentos .item-box .item-descr {
    color: #424242;
    font-family: "Anybody";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

body main section.index-segmentos .owl-carousel .owl-segmentos {
    font-size: 3rem;
    background-color: var(--primary-color);
    color: white;
}

body main section.index-segmentos .owl-carousel {
    margin-bottom: 60px;
    display: flex;
}

body main section.index-segmentos .owl-carousel .owl-item img {
    border-radius: 20px;
    display: block;
    width: 100%;
    height: 180px;
    object-fit: cover;
}

body main section.index-segmentos .owl-carousel .owl-item {
    transition: all 0.3s ease-in-out;
    transform: scale(0.9);
    opacity: 0.7;
}

body main section.index-segmentos .owl-carousel .owl-item.center {
    transform: scale(1.1);
    opacity: 1;
    z-index: 2;
}

.owl-segmentos .owl-nav button {
    width: 50px;
    height: 50px;
    background-color: var(--primary-color);
    border-radius: 50%;
    border: none;
    color: white;
    font-size: 2rem; /* Simplified from 3rem */
    pointer-events: all;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

body main section.index-segmentos .owl-carousel .owl-nav button.owl-prev {
    margin-left: -25px;
    font-size: 3rem;
    background-color: var(--primary-color);
    color: white;
}

body main section.index-segmentos .owl-carousel .owl-nav button.owl-next {
    margin-right: -25px;
    font-size: 3rem;
    background-color: var(--primary-color);
    color: white;
}

body main section.index-segmentos .owl-carousel .owl-nav {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none; /* avoids blocking card clicks */
    z-index: 20;
}

body main section.index-projetos {
    background: #000000;
    padding: 80px 0;
}

body main section.index-projetos .projetos-header {
    text-align: center;
    margin-bottom: 60px;
}

body main section.index-projetos .projetos-header .header-label {
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
    padding-bottom: 20px;
}

body main section.index-projetos .projetos-header .header-label::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 12px;
    height: 12px;
    background: #FFFFFF;
}

body main section.index-projetos .projetos-header .header-label::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    height: 1px;
    background: #FFFFFF;
}

body main section.index-projetos .projetos-header .title-subtitle {
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 24px;
    font-weight: 400;
    line-height: 140%;
}

body main section.index-projetos .projetos-carousel {
    margin-bottom: 50px;
    position: relative;
}

body main section.index-projetos .owl-projetos {
    display: flex;
    justify-content: center;
}

body main section.index-projetos .owl-carousel .owl-nav {
    position: absolute;
    top: 40%;
    left: -60px;
    right: -60px;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    z-index: 20;
}

body main section.index-projetos .owl-carousel .owl-nav button {
    width: 50px;
    height: 50px;
    background-color: #FFFFFF;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    cursor: pointer;
    transition: 0.3s all;
    color: var(--primary-color);
    font-size: 24px;
}

body main section.index-projetos .owl-carousel .owl-nav button:hover {
    background-color: #F0F0F0;
}

body main section.index-projetos .item-box {
    background: #000000;
}

body main section.index-projetos .item-box .item-image {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
}

body main section.index-projetos .item-box .item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body main section.index-projetos .item-box .item-location {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(0, 0, 0, 0.85);
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 18px;
    font-weight: 400;
    padding: 8px 16px;
    border-radius: 4px;
}

body main section.index-projetos .item-box .item-content {
    background: #000000;
    color: #FFFFFF;
    padding: 20px 0;
}

body main section.index-projetos .item-box .item-title {
    font-family: Anybody;
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 8px;
    color: #FFFFFF;
}

body main section.index-projetos .item-box .item-link {
    font-family: Anybody;
    font-size: 13px;
    font-weight: 400;
    color: #FFFFFF;
    text-decoration: underline;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

body main section.index-projetos .item-box .item-link:hover {
    color: var(--primary-color);
}

body main section.index-projetos .projetos-footer {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* Section Label Component */
.section-label {
    font-family: Anybody;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
    padding-bottom: 20px;
}

.section-label::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 12px;
    height: 12px;
}

.section-label::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    height: 1px;
}

.section-label-dark {
    color: #424242;
}

.section-label-dark::before {
    background: #424242;
}

.section-label-dark::after {
    background: #424242;
}

.section-label-light {
    color: #FFFFFF;
}

.section-label-light::before {
    background: #FFFFFF;
}

.section-label-light::after {
    background: #FFFFFF;
}

/* Left-aligned label variant */
.section-label-left {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 0;
    margin-bottom: 20px;
}

.section-label-left::before {
    position: static;
    transform: rotate(45deg);
    flex-shrink: 0;
}

.section-label-left::after {
    position: static;
    flex: 1;
    width: auto;
}

/* Button Styles */
.button-red,
.button-black,
.button-white,
.button-whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 0;
    background-color: transparent;
    color: white;
    padding: 0;
    border: 2px solid;
    border-radius: 5px;
    font-family: Anybody;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s all;
    overflow: hidden;
    box-shadow: none;
}

.button-red span,
.button-black span,
.button-white span,
.button-whatsapp span {
    padding: 12px 20px;
}

.button-red i,
.button-black i,
.button-white i,
.button-whatsapp i {
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
}

/* Red Button (Default) */
.button-red {
    border-color: var(--primary-color);
}

.button-red span {
    color: #000000;
}

.button-red i {
    background-color: var(--primary-color);
    color: white;
}

.button-red:hover {
    border-color: var(--primary-color-dark);
    transform: translateX(5px);
}

.button-red:hover i {
    background-color: var(--primary-color-dark);
}

.button-red:hover span {
    color: var(--primary-color-dark);
}

/* Home banner button-red override */
.index-banner .button-red span {
    color: #FFFFFF;
}

.index-banner .button-red:hover span {
    color: #FFFFFF;
}

/* Proteja section button-red override */
.proteja-left-wrapper .button-red span {
    color: #FFFFFF;
}

.proteja-left-wrapper .button-red:hover span {
    color: #FFFFFF;
}

/* Projetos footer button-red override */
.projetos-footer .button-red span {
    color: #FFFFFF;
}

.projetos-footer .button-red:hover span {
    color: #FFFFFF;
}

/* Projetos footer button-whatsapp override */
.projetos-footer .button-whatsapp span {
    color: #FFFFFF !important;
}

.projetos-footer .button-whatsapp i {
    color: #FFFFFF !important;
}

.projetos-footer .button-whatsapp:hover span {
    color: #FFFFFF !important;
}

.projetos-footer .button-whatsapp:hover i {
    color: #FFFFFF !important;
}

/* Especialista footer button-whatsapp override */
.especialista-footer .button-whatsapp {
    pointer-events: auto !important;
    position: relative;
    z-index: 100;
}

.especialista-footer .button-whatsapp span {
    color: #FFFFFF !important;
    pointer-events: auto;
}

.especialista-footer .button-whatsapp i {
    color: #FFFFFF !important;
    pointer-events: auto;
}

.especialista-footer .button-whatsapp:hover span {
    color: #FFFFFF !important;
}

.especialista-footer .button-whatsapp:hover i {
    color: #FFFFFF !important;
}

/* WhatsApp Button */
.button-whatsapp {
    background: transparent;
    color: #FFFFFF;
    border: 2px solid #25D366;
    gap: 10px;
    padding: 12px 24px;
}

.button-whatsapp span {
    color: #000000;
    padding: 0;
}

.button-whatsapp i {
    color: #000000;
    background: transparent;
    padding: 0;
    font-size: 16px;
    align-self: auto;
}

.button-whatsapp:hover {
    background: #25D366;
    color: #FFFFFF;
}

.button-whatsapp:hover span {
    color: #FFFFFF;
}

.button-whatsapp:hover i {
    color: #FFFFFF;
}

/* White Button */
.button-white {
    border-color: #FFFFFF;
}

.button-white span {
    color: #FFFFFF;
}

.button-white i {
    background-color: #FFFFFF;
    color: #000000;
}

.button-white:hover {
    border-color: #F0F0F0;
    transform: translateX(5px);
}

.button-white:hover i {
    background-color: #F0F0F0;
}

/* Black Button */
.button-black {
    border-color: #000000;
}

.button-black span {
    color: #000000;
}

.button-black i {
    background-color: #000000;
    color: #FFFFFF;
}

.button-black:hover {
    border-color: #333333;
    transform: translateX(5px);
}

.button-black:hover i {
    background-color: #333333;
}

.button-black:hover span {
    color: #333333;
}

@media (max-width: 991px) {
    body main section.index-projetos {
        padding: 50px 0;
    }

    body main section.index-projetos .projetos-header {
        margin-bottom: 40px;
    }

    body main section.index-projetos .projetos-header .header-label {
        font-size: 14px;
    }

    body main section.index-projetos .projetos-header .title-subtitle {
        font-size: 20px;
    }

    body main section.index-projetos .projetos-footer {
        flex-direction: column;
        align-items: center;
    }

    body main section.index-projetos .projetos-footer .button-whatsapp,
    body main section.index-projetos .projetos-footer .button-white {
        width: 100%;
        justify-content: center;
    }
}

/* Projetos Showcase - Similar to Timeline */
.projetos-showcase {
    width: 100%;
    margin: 60px 0;
    background: #1a1a1a;
    padding: 50px;
    border-radius: 20px;
}

.showcase-nav-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 50px;
}

.showcase-arrow {
    background: transparent;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s all;
    flex-shrink: 0;
}

.showcase-arrow i {
    color: #FFFFFF;
    font-size: 16px;
}

.showcase-arrow:hover {
    background: #FFFFFF;
}

.showcase-arrow:hover i {
    color: #1a1a1a;
}

.showcase-nav {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0 0 20px 0;
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
    flex: 1;
    overflow: hidden;
}

.showcase-button {
    border: none !important;
    background: transparent;
    font-family: Anybody;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    padding: 10px;
    transition: all 0.3s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.showcase-button span {
    font-size: 13px;
    color: #666666;
}

.showcase-button.active {
    color: #FFFFFF;
    transform: scale(1.05);
    font-weight: 600;
}

.showcase-button.active span {
    color: #FFFFFF;
}

.showcase-nav li:not(:last-child) {
    border-right: 2px solid rgba(255, 255, 255, 0.2);
}

.showcase-nav li {
    flex-grow: 1;
    text-align: center;
}

.showcase-panel {
    display: none;
}

.showcase-panel.active {
    display: flex;
    gap: 50px;
    align-items: flex-start;
}

.panel-left {
    flex: 0 0 45%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.panel-header .panel-location {
    color: #999999;
    font-family: Anybody;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}

.panel-header .panel-title {
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 64px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 10px;
    text-transform: lowercase;
}

.panel-header .panel-subtitle {
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
}

.panel-description {
    color: #CCCCCC;
    font-family: Anybody;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
}

.panel-features h3 {
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}

.panel-features p {
    color: #999999;
    font-family: Anybody;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 15px;
}

.features-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.features-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 14px;
    font-weight: 400;
}

.features-list li i {
    color: var(--primary-color);
    font-size: 6px;
}

.panel-right {
    flex: 1;
}

.panel-gallery {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.gallery-main {
    width: 100%;
    height: 400px;
    border-radius: 15px;
    overflow: hidden;
}

.gallery-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-thumbs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.gallery-thumb {
    width: 100%;
    height: 150px;
    border-radius: 10px;
    overflow: hidden;
}

.gallery-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 991px) {
    .projetos-showcase {
        padding: 30px 20px;
    }

    .showcase-nav-wrapper {
        gap: 10px;
    }

    .showcase-arrow {
        width: 40px;
        height: 40px;
    }

    .showcase-button {
        font-size: 13px;
        padding: 8px 5px;
    }

    .showcase-button span {
        font-size: 11px;
    }

    .showcase-panel.active {
        flex-direction: column;
        gap: 30px;
    }

    .panel-left {
        flex: 0 0 100%;
    }

    .panel-header .panel-title {
        font-size: 42px;
    }

    .gallery-main {
        height: 300px;
    }

    .gallery-thumbs {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }

    .gallery-thumb {
        height: 100px;
    }
}

/* Page Projetos Styles */
body main section.page-projetos {
    background: #F2F2F2;
}

.projetos-listing {
    padding: 80px 0;
}

@media (max-width: 991px) {
    .projetos-listing {
        padding: 50px 0;
    }
}

/* Contato Card */
.contato-card {
    background: #FFFFFF;
    padding: 60px 0;
}

.contato-card-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.contato-card-text {
    flex: 1;
}

.contato-card-text h2 {
    color: #000000;
    font-family: Anybody;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 15px;
}

.contato-card-text p {
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

.contato-card-button {
    flex-shrink: 0;
}

@media (max-width: 991px) {
    .contato-card-content {
        flex-direction: column;
        text-align: center;
    }

    .contato-card-text h2 {
        font-size: 26px;
    }

    .contato-card-button {
        width: 100%;
    }

    .contato-card-button .button-red {
        width: 100%;
        justify-content: center;
    }
}

/* Projetos Depoimentos */
.projetos-depoimentos {
    background: #F2F2F2;
    padding: 80px 0;
}

.projetos-depoimentos .depoimentos-header {
    text-align: center;
    margin-bottom: 60px;
}

@media (max-width: 991px) {
    .projetos-depoimentos {
        padding: 50px 0;
    }

    .projetos-depoimentos .depoimentos-header {
        margin-bottom: 40px;
    }
}

body main section.index-depoimentos {
    background: #E8E8E8;
    padding: 80px 0;
}

body main section.index-depoimentos .depoimentos-header {
    text-align: center;
    margin-bottom: 60px;
}

body main section.index-depoimentos .depoimentos-header .header-label {
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
    padding-bottom: 20px;
}

body main section.index-depoimentos .depoimentos-header .header-label::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 12px;
    height: 12px;
    background: #424242;
}

body main section.index-depoimentos .depoimentos-header .header-label::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    height: 1px;
    background: #424242;
}

body main section.index-depoimentos .depoimentos-header .title-subtitle {
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 32px;
    font-weight: 400;
    line-height: 140%;
}

body main section.index-depoimentos .depoimentos-carousel {
    margin-bottom: 50px;
    position: relative;
}

body main section.index-depoimentos .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: -60px;
    right: -60px;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    z-index: 20;
}

body main section.index-depoimentos .owl-carousel .owl-nav button {
    width: 50px;
    height: 50px;
    background-color: #FFFFFF;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    cursor: pointer;
    transition: 0.3s all;
    color: var(--primary-color);
    font-size: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

body main section.index-depoimentos .owl-carousel .owl-nav button:hover {
    background-color: #F5F5F5;
}

body main section.index-depoimentos .owl-carousel .owl-stage-outer {
    overflow: visible;
    margin-left: -35px;
}

body main section.index-depoimentos .owl-carousel .owl-stage {
    display: flex;
}

body main section.index-depoimentos .owl-carousel .owl-item {
    opacity: 0.3;
    transition: opacity 0.3s;
    display: flex;
    height: auto;
}

body main section.index-depoimentos .owl-carousel .owl-item.active {
    opacity: 1;
}

body main section.index-depoimentos .depoimento-card {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 30px;
    min-height: 300px;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

body main section.index-depoimentos .depoimento-card .depoimento-text {
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 20px;
}

body main section.index-depoimentos .depoimento-card .depoimento-author {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

body main section.index-depoimentos .depoimento-card .author-name {
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 16px;
    font-weight: 700;
}

body main section.index-depoimentos .depoimento-card .author-title {
    color: #424242;
    font-family: Anybody;
    font-size: 12px;
    font-weight: 400;
}

body main section.index-depoimentos .depoimentos-footer {
    display: flex;
    justify-content: center;
}

@media (max-width: 991px) {
    body main section.index-depoimentos {
        padding: 50px 0;
    }

    body main section.index-depoimentos .depoimentos-header {
        margin-bottom: 40px;
    }

    body main section.index-depoimentos .depoimentos-header .header-label {
        font-size: 14px;
    }

    body main section.index-depoimentos .depoimentos-header .title-subtitle {
        font-size: 24px;
    }
}

body main section.index-cases {
    background-image: url("../image/bg-white.jpg");
    padding: 66px 0;
}

body main section.index-cases .title-in {
    color: #424242;
    text-align: center;
    font-family: "DM Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 50px;
}

body main section.index-cases .title-in:before {
    content: "";
    width: 88px;
    height: 4px;
    background: var(--primary-color);
    display: block;
    justify-self: center;
    margin-bottom: 18px;
}


body main section.index-cases .owl-cases {
    display: flex;
    justify-content: center;
    max-width: 1190px;
    margin: auto;
}

body main section.index-cases .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    z-index: 20;
}

body main section.index-cases .owl-carousel .owl-item img {
    border-radius: 20px;
}

body main section.index-cases .owl-carousel .owl-nav button {
    width: 50px;
    height: 50px;
    background-color: var(--primary-color);
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5rem;
    cursor: pointer;
    pointer-events: all;
}

body main section.index-cases .owl-carousel .owl-nav button.owl-prev {
    margin-left: -40px;
    font-size: 3rem;
    background-color: var(--primary-color);
    color: white;
}

body main section.index-cases .owl-carousel .owl-nav button.owl-next {
    margin-right: -40px;
    font-size: 3rem;
    background-color: var(--primary-color);
    color: white;
}

body main section.index-diferenciais {
    padding: 80px 0;
    background: #F5F5F5;
}

body main section.index-diferenciais .diferenciais-header {
    text-align: center;
    margin-bottom: 60px;
}

body main section.index-diferenciais .header-label {
    color: #424242;
    font-family: Anybody;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
    padding-bottom: 20px;
}

body main section.index-diferenciais .header-label::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 12px;
    height: 12px;
    background: #424242;
}

body main section.index-diferenciais .header-label::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    height: 1px;
    background: #424242;
}

body main section.index-diferenciais .title-red {
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.3;
    margin-top: 25px;
}

body main section.index-diferenciais .title-red strong {
    font-weight: 700;
}

body main section.index-diferenciais .diferenciais-timeline {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto 60px;
    max-width: 1200px;
}

body main section.index-diferenciais .timeline-line {
    position: absolute;
    top: 7px;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--primary-color);
    z-index: 1;
}

body main section.index-diferenciais .timeline-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 2;
}

body main section.index-diferenciais .timeline-diamond {
    width: 14px;
    height: 14px;
    background: var(--primary-color);
    transform: rotate(45deg);
    margin-bottom: 30px;
    flex-shrink: 0;
}

body main section.index-diferenciais .timeline-content {
    text-align: left;
    padding: 0 15px 0 0;
}

body main section.index-diferenciais .item-title {
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 10px;
}

body main section.index-diferenciais .item-description {
    color: #424242;
    font-family: Anybody;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
}

body main section.index-diferenciais .diferenciais-footer {
    text-align: center;
}

@media (max-width: 991px) {
    body main section.index-diferenciais {
        padding: 50px 0;
    }

    body main section.index-diferenciais .diferenciais-header {
        margin-bottom: 40px;
    }

    body main section.index-diferenciais .title-red {
        font-size: 24px;
    }

    body main section.index-diferenciais .diferenciais-timeline {
        flex-direction: column;
        gap: 40px;
    }

    body main section.index-diferenciais .timeline-line {
        display: none;
    }

    body main section.index-diferenciais .timeline-diamond {
        margin-bottom: 15px;
    }

    body main section.index-diferenciais .item-title {
        font-size: 16px;
    }

    body main section.index-diferenciais .item-description {
        font-size: 13px;
    }
}

body main section.index-formulario {
    background: #E2E2E2;
    padding: 60px 0 80px 0;
}

body main section.index-formulario h2.line {
    padding: 0 11px;
    border-radius: 8px;
    background: #110E30;
    color: #F2F2F2;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
    display: inline-block;
}

body main section.index-formulario h2.line strong, body main section.index-formulario h2.line b {
    color: #3C9CF6;
    font-weight: 700;
}

body main section.index-sistema {
    padding: 108px 0 50px 0;
    min-height: 475px;
}

body main section.index-sistema .texto-sistema {
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
    margin-bottom: 20px;
}

body main section.index-sistema .texto-sistema h2 {
    color: #424242;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
    margin-bottom: 20px;
}

body main section.index-sistema .texto-sistema h2 strong, body main section.index-sistema .texto-sistema h2 b {
    color: #3C9CF6;
    font-weight: 700;
}

body main section.index-sistema .img-celular {
    margin-top: -180px;
}

body main section.index-sistema .img-celular img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

@media (max-width: 991px) {
    body main section.index-sistema {
        padding: 50px 0;
    }

    body main section.index-sistema .texto-sistema h2 {
        font-size: 28px;
    }

    body main section.index-sistema .img-celular {
        margin: 0;
    }
}

body main section.index-solucao-distribuicao {
    background: #3C9CF6;
    position: relative;
    padding: 57px 0;
}

body main section.index-solucao-distribuicao::before {
    border-radius: 0 40px 40px 0;
    background: #110E30;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 42%;
    height: 100%;
}

body main section.index-solucao-distribuicao .notevuanu {
    text-align: center;
    position: relative;
    z-index: 1;
    margin-top: -150px;
}

body main section.index-solucao-distribuicao .notevuanu img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

body main section.index-solucao-distribuicao .texto-in {
    position: relative;
    z-index: 1;
    color: #110E30;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
}

body main section.index-solucao-distribuicao .texto-in h2 {
    color: #110E30;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    margin-bottom: 15px;
}

@media (max-width: 991px) {
    body main section.index-solucao-distribuicao::before {
        width: calc(100% - 15px);
    }

    body main section.index-solucao-distribuicao .texto-in {
        color: white;
    }

    body main section.index-solucao-distribuicao .texto-in h1, body main section.index-solucao-distribuicao .texto-in h2, body main section.index-solucao-distribuicao .texto-in h3, body main section.index-solucao-distribuicao .texto-in h4, body main section.index-solucao-distribuicao .texto-in h5, body main section.index-solucao-distribuicao .texto-in h6 {
        color: white;
    }

    body main section.index-solucao-distribuicao .texto-in h2 {
        font-size: 28px;
    }
}

body main section.index-distribuicao-integrada {
    padding: 93px 0 70px 0;
}

body main section.index-distribuicao-integrada .title-principal {
    color: #424242;
    text-align: center;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
    margin-bottom: 50px;
}

body main section.index-distribuicao-integrada .title-principal h2 {
    color: #424242;
    text-align: center;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
    margin-bottom: 20px;
}

body main section.index-distribuicao-integrada .sinc {
    position: relative;
}

body main section.index-distribuicao-integrada .sinc::before {
    content: url("../image/sinc.png");
    position: absolute;
    top: calc(50% - 37.5px);
    left: calc(100% - 52px + 15px);
}

body main section.index-distribuicao-integrada .img-in {
    width: 100%;
    max-width: 369px;
    height: 206px;
    flex-shrink: 0;
    aspect-ratio: 369/206;
    border-radius: 20px;
    object-fit: cover;
    display: block;
    margin: auto;
}

body main section.index-distribuicao-integrada .title-img {
    margin-top: 26px;
    color: #424242;
    font-family: Anybody;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 26px */
    border-top: 1px solid rgba(66, 66, 66, 0.5);
    padding-top: 18px;
}

@media (max-width: 991px) {
    body main section.index-distribuicao-integrada {
        padding: 50px 0;
    }

    body main section.index-distribuicao-integrada .title-principal {
        margin-bottom: 30px;
        font-size: 16px;
    }

    body main section.index-distribuicao-integrada .title-principal h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    body main section.index-distribuicao-integrada .box-sinc {
        display: flex;
        flex-direction: column-reverse;
    }

    body main section.index-distribuicao-integrada .box-sinc.sinc::before {
        left: calc(100% - 100px);
        top: unset;
        bottom: -70px;
        transform: rotate(90deg);
    }

    body main section.index-distribuicao-integrada .box-sinc .title-img {
        margin-bottom: 10px;
        font-size: 18px;
        border-bottom: 1px solid rgba(66, 66, 66, 0.5);
        border-top: none;
        display: inline-block;
        width: min-content;
    }
}

body main section.index-gerencie {
    background-image: url("../image/bg-gerencie.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0 75px 0;
    min-height: 536px;
}

body main section.index-gerencie .texto-gerencie {
    color: #FFF;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 243%;
    /* 38.88px */
}

body main section.index-gerencie .texto-gerencie ul {
    margin: 0;
    padding: 0;
}

body main section.index-gerencie .texto-gerencie ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

body main section.index-gerencie .texto-gerencie ul li::before {
    content: "";
    background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="11" height="10" viewBox="0 0 11 10" fill="none"> <path d="M5.1557 9.81848C5.02622 9.69747 4.95842 9.54345 4.9523 9.35644C4.94665 9.16942 5.00856 9.0154 5.13804 8.89439L8.59871 5.66007H0.70626C0.506153 5.66007 0.338299 5.5967 0.202697 5.46997C0.0675657 5.34367 0 5.18702 0 5C0 4.81298 0.0675657 4.65611 0.202697 4.52937C0.338299 4.40308 0.506153 4.33993 0.70626 4.33993H8.59871L5.13804 1.10561C5.00856 0.984598 4.94665 0.830583 4.9523 0.643564C4.95842 0.456546 5.02622 0.30253 5.1557 0.181518C5.28518 0.0605058 5.44997 0 5.65008 0C5.85019 0 6.01498 0.0605058 6.14446 0.181518L10.8058 4.53795C10.8764 4.59296 10.9265 4.66161 10.9562 4.74389C10.9854 4.82662 11 4.91199 11 5C11 5.08801 10.9854 5.17052 10.9562 5.24752C10.9265 5.32453 10.8764 5.39604 10.8058 5.46205L6.14446 9.81848C6.01498 9.93949 5.85019 10 5.65008 10C5.44997 10 5.28518 9.93949 5.1557 9.81848Z" fill="%233D9BF6"/> </svg>');
    width: 11px;
    height: 10px;
    background-size: 100%;
    background-repeat: no-repeat;
    transition: 0.3s all;
    margin-right: 6px;
    display: inline-block;
}

body main section.index-gerencie .texto-gerencie h2 {
    color: #E2E2E2;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    body main section.index-gerencie {
        padding: 50px 0;
        min-height: auto;
        background-position: left center;
    }

    body main section.index-gerencie .texto-gerencie {
        font-size: 18px;
    }

    body main section.index-gerencie .texto-gerencie h2 {
        font-size: 28px;
    }
}

body main section.index-servicos-exclusivos {
    background: #F5F5F5;
    padding: 80px 0;
}

body main section.index-servicos-exclusivos .services-header {
    text-align: center;
    margin-bottom: 50px;
}

body main section.index-servicos-exclusivos .header-label {
    color: #424242;
    font-family: Anybody;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
}

body main section.index-servicos-exclusivos .header-label::before,
body main section.index-servicos-exclusivos .header-label::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

body main section.index-servicos-exclusivos .header-label::before {
    right: calc(100% + 30px);
    width: 10px;
    height: 10px;
    background: #424242;
    transform: translateY(-50%) rotate(45deg);
}

body main section.index-servicos-exclusivos .header-label::after {
    left: calc(100% + 30px);
    width: 100px;
    height: 1px;
    background: #424242;
}

body main section.index-servicos-exclusivos h2.title-in {
    color: #424242;
    font-family: Anybody;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    margin: 0 auto;
    max-width: 900px;
}

body main section.index-servicos-exclusivos h2.title-in strong,
body main section.index-servicos-exclusivos h2.title-in b {
    color: var(--primary-color);
    font-weight: 700;
}

body main section.index-servicos-exclusivos .servicos-carousel {
    margin-bottom: 40px;
    padding-top: 10px;
}

body main section.index-servicos-exclusivos .owl-carousel .owl-item {
    padding-top: 20px;
}

body main section.index-servicos-exclusivos .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    z-index: 20;
}

body main section.index-servicos-exclusivos .owl-carousel .owl-nav button {
    width: 50px;
    height: 50px;
    background-color: #FFFFFF;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5rem;
    cursor: pointer;
    pointer-events: all;
}

body main section.index-servicos-exclusivos .owl-carousel .owl-nav button.owl-prev {
    margin-left: -40px;
    font-size: 3rem;
    background-color: #FFFFFF;
    color: var(--primary-color);
}

body main section.index-servicos-exclusivos .owl-carousel .owl-nav button.owl-next {
    margin-right: -40px;
    font-size: 3rem;
    background-color: #FFFFFF;
    color: var(--primary-color);
}

body main section.index-servicos-exclusivos .services-footer {
    text-align: center;
}


@media (max-width: 991px) {
    body main section.index-servicos-exclusivos {
        padding: 50px 0;
    }

    body main section.index-servicos-exclusivos h2.title-in {
        font-size: 28px;
    }
}

body main section.index-nossa-clientela {
    background: #F2F2F2;
    padding: 50px 0;
}

body main section.index-nossa-clientela .title {
    color: white;
    text-align: center;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 50px;
}

body main section.index-nossa-clientela .title h2 {
    color: #424242;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
}

body main section.index-nossa-clientela .title h2 strong, body main section.index-nossa-clientela .title h2 b {
    font-weight: 700;
    color: #3C9CF6;
}

body main section.index-nossa-clientela .box-clientes {
    border-radius: 25px;
    background: #FFF;
    padding: 65px 87px;
    text-align: center;
}

body main section.index-nossa-clientela .box-clientes img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

body main section.index-nossa-clientela .cta-conhecer {
    border-radius: 99px;
    background: #110E30;
    display: flex;
    gap: 15px;
    padding: 15px 25px;
    color: #FFF;
    font-family: Anybody;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    max-width: 344px;
    margin: -20px auto 0 auto;
}

@media (max-width: 991px) {
    body main section.index-nossa-clientela {
        padding: 50px 0;
    }

    body main section.index-nossa-clientela .title {
        font-size: 18px;
    }

    body main section.index-nossa-clientela .title h2 {
        font-size: 28px;
    }

    body main section.index-nossa-clientela .box-clientes {
        border-radius: 25px;
        background: #FFF;
        padding: 30px 30px 50px 30px;
        text-align: center;
    }

    body main section.index-nossa-clientela .box-clientes .img-cliente {
        margin-bottom: 20px;
    }

    body main section.index-nossa-clientela .box-clientes img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }
}

body main section.index-avaliacoes {
    padding: 50px 0;
}

body main section.index-avaliacoes h2 strong, body main section.index-avaliacoes h2 b {
    font-weight: 700;
    color: #3C9CF6;
}

body main section.index-avaliacoes .avaliacao-in {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 308px;
    cursor: pointer;
}

body main section.index-avaliacoes .cta-whatsapp {
    margin: 40px 0;
}

body main section.index-avaliacoes .avaliacao-in img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}

body main section.index-avaliacoes .owl-carousel .owl-nav:not(.disabled) {
    width: calc(100%);
}

body main section.index-avaliacoes .owl-carousel .owl-item img {
    cursor: default;
}

@media (max-width: 991px) {
    body main section.index-avaliacoes {
        padding: 30px 0;
    }

    body main section.index-avaliacoes h2 {
        font-size: 28px;
    }
}

body main section.index-perguntas-frequentes {
    background: linear-gradient(to right, #FFFFFF 55%, #000000 45%);
    padding: 40px 0 0 0;
    position: relative;
    min-height: 600px;
}

body main section.index-perguntas-frequentes .col-lg-6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-height: 600px;
    padding-top: 40px;
    padding-bottom: 40px;
}

body main section.index-perguntas-frequentes .col-lg-5:first-child {
    padding-right: 60px;
}

body main section.index-perguntas-frequentes h2 {
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    margin-bottom: 20px;
}

body main section.index-perguntas-frequentes h2 strong, body main section.index-perguntas-frequentes h2 b {
    font-weight: 700;
    color: var(--primary-color);
}

.box-duvidas-item {
    margin: 32px 0;
}

.box-pergunta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 15px;
}

.box-pergunta span {
    max-width: calc(100% - 30px);
}

.box-pergunta::after {
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M241 130.5l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9l-22.7 22.7c-9.4 9.4-24.5 9.4-33.9 0L224 227.5 69.3 381.5c-9.4 9.3-24.5 9.3-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.6 0-33.9L207 130.5c9.4-9.4 24.6-9.4 33.9 0z" fill="%23E63946"/></svg>');
    width: 18px;
    height: 18px;
    background-size: 100%;
    background-repeat: no-repeat;
    transition: 0.3s all;
    float: right;
}

.box-duvidas-item .box-pergunta[aria-expanded=true] {
    border-color: transparent;
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 15px;
}

.box-duvidas-item .box-pergunta[aria-expanded=true]::after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z" fill="%23E63946"/></svg>');
}

.box-duvidas-item .box-resposta .box-resposta-in {
    font-size: 16px;
    font-style: normal;
    padding: 16px 0;
    min-height: 89px;
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
}

body main section.index-perguntas-frequentes .row {
    position: relative;
}

body main section.index-perguntas-frequentes .col-lg-5.offset-lg-1:last-child {
    position: static;
}

body main section.index-perguntas-frequentes .faq-image-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    width: 858px;
    transform: translateX(120px);
}

body main section.index-perguntas-frequentes .faq-image-wrapper::before {
    content: '';
    position: absolute;
    width: 858px;
    height: 493px;
    background: var(--primary-color);
    top: 13px;
    left: 24px;
    z-index: 1;
    border-radius: 8px;
}

body main section.index-perguntas-frequentes .faq-image-container {
    position: relative;
    width: 858px;
    height: 493px;
    z-index: 2;
    border-radius: 8px;
    overflow: hidden;
}

body main section.index-perguntas-frequentes .faq-image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border: none;
    box-sizing: border-box;
    z-index: 1;
    border-radius: 8px;
}

@media (max-width: 991px) {
    body main section.index-perguntas-frequentes {
        min-height: auto;
        background: #FFFFFF;
    }

    body main section.index-perguntas-frequentes h2 {
        font-size: 28px;
        text-align: center;
    }

    .box-duvidas-item {
        padding: 30px;
    }

    .box-duvidas-item .box-pergunta {
        font-size: 18px;
    }

    body main section.index-perguntas-frequentes .faq-image-wrapper {
        position: relative;
        right: auto;
        transform: none;
        width: 100%;
    }

    body main section.index-perguntas-frequentes .faq-image-wrapper::before {
        display: none;
    }

    body main section.index-perguntas-frequentes .faq-image-container {
        min-height: 350px;
        width: 100%;
        height: auto;
    }

    body main section.index-perguntas-frequentes .faq-image-container img {
        position: relative;
    }
}

body main section.index-blog {
    padding: 80px 0;
    background: #FFFFFF;
}

body main section.index-blog .blog-header {
    text-align: center;
    margin-bottom: 60px;
}

body main section.index-blog .blog-header .title-subtitle {
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 32px;
    font-weight: 400;
    line-height: 140%;
}

body main section.index-blog .blog-carousel {
    position: relative;
    margin-bottom: 50px;
    padding-bottom: 10px;
}

body main section.index-blog .owl-blog {
    display: flex;
    justify-content: center;
}

body main section.index-blog .owl-carousel .owl-stage-outer {
    overflow: hidden;
    padding-top: 5px;
}

body main section.index-blog .owl-carousel .owl-item {
    padding-bottom: 10px;
    padding-top: 5px;
}

body main section.index-blog .owl-carousel .owl-nav {
    position: absolute;
    top: 40%;
    left: -60px;
    right: -60px;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    z-index: 20;
}

body main section.index-blog .owl-carousel .owl-nav button {
    width: 50px;
    height: 50px;
    background-color: #FFFFFF;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    cursor: pointer;
    transition: 0.3s all;
}

body main section.index-blog .owl-carousel .owl-nav button span {
    font-size: 18px;
    color: var(--primary-color);
    font-weight: bold;
}

body main section.index-blog .owl-carousel .owl-nav button:hover {
    background-color: #F0F0F0;
}

body main section.index-blog .owl-carousel .owl-dots {
    display: none;
}

body main section.index-blog .owl-carousel .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    background-color: #D9D9D9;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    transition: 0.3s all;
}

body main section.index-blog .owl-carousel .owl-dots .owl-dot.active {
    background-color: var(--primary-color);
}

body main section.index-blog .blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 50px;
}

body main section.index-blog .blog-card-item {
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    background-color: white;
    box-shadow: 0 2px 0 0 var(--primary-color);
    transition: 0.3s all;
    overflow: hidden;
    margin-left: 0 !important;
}

body main section.index-blog .blog-card-item:hover {
    transform: translateY(-5px);
}

body main section.index-blog .blog-card-image {
    position: relative;
    width: 100%;
    height: 350px;
    overflow: hidden;
}

body main section.index-blog .blog-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px 15px 0 0;
}

body main section.index-blog .blog-card-badge {
    position: absolute;
    top: 16px;
    left: 16px;
    background: rgba(255, 255, 255, 0.95);
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 4px;
    text-transform: uppercase;
    z-index: 10;
}

body main section.index-blog .blog-card-body {
    padding: 20px 25px 25px 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

body main section.index-blog .blog-card-title {
    color: #1B1918;
    font-family: Anybody;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0;
}

body main section.index-blog .blog-card-footer {
    display: flex;
}

body main section.index-blog .blog-card-link {
    color: #000000;
    font-family: Anybody;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    padding: 8px 16px;
    border: 2px solid #000000;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s all;
}

body main section.index-blog .blog-card-link:hover {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

body main section.index-blog .blog-footer {
    display: flex;
    justify-content: center;
}

@media (max-width: 991px) {
    body main section.index-blog {
        padding: 50px 0;
    }

    body main section.index-blog .blog-header {
        margin-bottom: 40px;
    }

    body main section.index-blog .blog-header .title-subtitle {
        font-size: 24px;
    }

    body main section.index-blog .blog-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    body main section.index-blog .blog-card-image {
        height: 250px;
    }
}

/* Global Blog Card Styles */
.blog-card-item {
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    background-color: white;
    box-shadow: 0 2px 0 0 var(--primary-color);
    transition: 0.3s all;
    overflow: hidden;
    align-self: flex-start;
    margin-left: 0;
}

.blog-card-item:hover {
    transform: translateY(-5px);
}

.blog-card-image {
    position: relative;
    width: 100%;
    height: 350px;
    overflow: hidden;
}

.blog-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px 15px 0 0;
}

.blog-card-badge {
    position: absolute;
    top: 16px;
    left: 16px;
    background: rgba(255, 255, 255, 0.95);
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 4px;
    text-transform: uppercase;
    z-index: 10;
}

.blog-card-body {
    padding: 20px 25px 25px 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.blog-card-title {
    color: #1B1918;
    font-family: Anybody;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0;
}

.blog-card-footer {
    display: flex;
}

.blog-card-link {
    color: #000000;
    font-family: Anybody;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    padding: 8px 16px;
    border: 2px solid #000000;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s all;
}

.blog-card-link:hover {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

@media (max-width: 991px) {
    .blog-card-image {
        height: 250px;
    }
}

/* Blog Listagem Styles */
section.blog-listagem {
    padding: 60px 0;
}

section.blog-listagem .row {
    gap: 30px 0;
}

section.blog-listagem .col-lg-12 .blog-card-item {
    max-width: 1070px;
    margin: 0 0 50px 0;
}

section.blog-listagem .col-lg-12 .blog-card-item .blog-card-image {
    height: 500px;
}

section.blog-listagem .col-lg-5 {
    display: flex;
}

section.blog-listagem .col-lg-5 .blog-card-item {
    width: 100%;
}

body main section.index-fale-com-quem-entende {
    background: #F2F2F2;
    padding: 60px 0;
}

body main section.index-fale-com-quem-entende .text-in {
    color: #424242;
    font-family: Anybody;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
}

body main section.index-fale-com-quem-entende .text-in h2 {
    color: #424242;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
}

body main section.index-fale-com-quem-entende .img-quem-entende {
    width: 100%;
    max-height: 100%;
    object-fit: contain;
}

@media (max-width: 991px) {
    body main section.index-fale-com-quem-entende .text-in {
        font-size: 18px;
        margin-bottom: 20px;
    }

    body main section.index-fale-com-quem-entende .text-in h2 {
        font-size: 28px;
    }

    body main section.index-fale-com-quem-entende .cta-whatsapp {
        margin-bottom: 30px;
    }
}

body main section.index-redes-sociais {
    padding: 50px 0;
    background-image: url("../image/bg-contatos.png");
}

body main section.index-redes-sociais .title-in {
    padding: 70px 0;
    color: white;
    font-size: 32px;
}

body main section.index-redes-sociais .txt-principal {
    max-width: 450px;
    color: white;
}

body main section.index-redes-sociais a {
    justify-self: center;
}

body main section.index-redes-sociais .txt-principal h2 strong, body main section.index-redes-sociais .txt-principal h2 b {
    color: white;
    font-weight: 700;
}

body main section.index-redes-sociais .txt-principal p {
    color: #F2F2F2;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
}

body main section.index-redes-sociais .cta-rede-social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 40px;
    color: #FFF;
    font-family: Anybody;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    background-color: white;
    width: 157px;
    height: 157px;
    border-radius: 50%;
    /* 26px */
}

body main section.index-redes-sociais .cta-rede-social i {
    font-size: 50px;
    color: var(--primary-color);
}

body main section.index-redes-sociais .txt-principal {
    max-width: 450px;
    text-align: center;
}

@media (max-width: 991px) {
    body main section.index-redes-sociais {
        text-align: end;
    }

    body main section.index-redes-sociais .txt-principal {
        max-width: 450px;
    }

    body main section.index-redes-sociais .txt-principal h2 {
        font-size: 28px;
    }

    body main section.index-redes-sociais .txt-principal p {
        font-size: 16px;
    }

    body main section.index-redes-sociais .cta-rede-social {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 20px;
        justify-items: center;
        justify-content: center;
        font-size: 18px;
    }

    body main section.index-redes-sociais .cta-rede-social i {
        font-size: 33px;
    }
}

body main section.index-bg-middle-site {
    background-image: url("../image/bg-middle-site.png");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 800px;
}

body main section.cases-listagem {
    background: #F2F2F2;
    padding: 80px 0;
}

body main section.cases-interna {
    background: white;
}

body main section.cases-interna .tab-button {
    width: 366px;
}

body main section.cases-interna .case-header {
    margin: 50px 0;
}

body main section.cases-interna .case-header img {
    width: 100%;
    height: 555px;
    border-radius: 15px;
}

body main section.cases-interna .owl-segmentos .owl-item {
    transition: all 0.3s ease-in-out;
    transform: scale(0.7);
    opacity: 0.7;
}

body main section.cases-interna .owl-segmentos .owl-item.center {
    transform: scale(1);
    opacity: 1;
    z-index: 2;
}

body main section.cases-interna .tabs-content img {
    height: 405px;
    object-fit: cover;
    overflow: hidden;
}

body main section.cases-interna .tabs-content {
    height: 405px;
    object-fit: cover;
    overflow: hidden;
}

body main section.cases-interna .panel-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 390px;
}

body main section.cases-interna .desafio-section {
    background-image: url("../image/bg-mozaic.jpg");
    color: white;
    padding: 40px 0;
    margin: 40px 0;
}

body main section.cases-interna .video-section {
    text-align: center;
    margin: 40px 0;
}

body main section.cases-interna .video-thumb img {
    border-radius: 15px;
    cursor: pointer;
}

body main section.cases-interna .gallery-section {
    text-align: center;
    max-height: 300px;
    width: 70%;
    margin-bottom: 20px;
}

body main section.cases-interna .gallery-section {
    text-align: center;
    max-height: 300px;
    width: 70%;
    margin-bottom: 20px;
}
body main section.cases-interna .funcionalidades-tabs {
    margin: 80px 0;
}
body main section.cases-interna .box-purple {
    border-radius: 30px;
    background: var(--primary-color);

    padding: 30px;
    text-align: center;
    margin: 50px 50px;
    height: 310px;
    width: 350px;
}

body main section.cases-interna .box-purple .box-number .lagger {
    color: white;
    font-family: Anybody;
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
body main section.cases-interna .box-purple .box-number{
    height: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

body main section.cases-interna .box-purple .box-number .descr {
    text-align: center;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #ffffff;
}

body main section.cases-interna .cliente img {
    margin: 50px 0;
}


body main section.cases-interna .cliente img {
    border-radius: 12px;
}


body main section.page-sobre {
    background: #F2F2F2;
    padding-bottom: 0;
}


section.sobre-missao-visao-valores {
    margin: 50px 0;
}

body main section.page-sobre section.sobre-conteudo-1 {
    padding: 50px 0;
    background-image: url("../image/bg-mozaic.jpg");
}

body main section.page-sobre section.sobre-conteudo-1 .conteudo-img {
    border-radius: 30px;
    width: 100%;
    height: 337px;
    overflow: hidden;
}

body main section.page-sobre section.sobre-conteudo-1 .conteudo-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body main section.page-sobre section.sobre-conteudo-1 .conteudo-1,
body main section.page-sobre section.sobre-conteudo-1 .conteudo-1 p{
    color: white;
    font-family: Anybody;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    /* 20.8px */
}

body main section.page-sobre section.sobre-conteudo-1 .conteudo-1 h2 {
    color: white;
    font-family: Anybody;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    /* 20.8px */
}

@media (max-width: 991px) {
    body main section.page-sobre section.sobre-conteudo-1 .conteudo-img {
        margin-bottom: 30px;
    }
}

body main section.page-sobre section.sobre-exp-numeros {
    padding: 60px 0;
}

body main section.page-sobre section.sobre-exp-numeros .row {
    display: flex;
    align-items: center;
}

body main section.page-sobre section.sobre-exp-numeros .box-number {
    background-color: var(--primary-color);
    color: white;
    border-radius: 15px;
    padding: 30px 20px;
    width: 100%;
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

body main section.page-sobre section.sobre-exp-numeros .numeros-wrapper {
    display: flex;
    gap: 20px;
    margin-left: 30px;
}

body main section.page-sobre section.sobre-exp-numeros .lagger {
    font-family: 'Anybody', sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.1;
}

body main section.page-sobre section.sobre-exp-numeros .descr {
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
}

body main section.page-sobre section.sobre-linha-do-tempo {
    padding: 110px 0 50px 0;
}

body main section.page-sobre section.sobre-linha-do-tempo .linha-do-tempo-box .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body main section.page-sobre section.sobre-linha-do-tempo .linha-do-tempo-box .texto {
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
}

@media (max-width: 991px) {
    body main section.page-sobre section.sobre-linha-do-tempo {
        padding: 50px 0;
    }

    body main section.page-sobre section.sobre-linha-do-tempo h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    body main section.page-sobre section.sobre-linha-do-tempo .linha-do-tempo-box .ano {
        font-size: 70px;
    }
}

body main section.page-sobre section.sobre-solucoes-integradas {
    padding: 78px 0;
    min-height: 333px;
    background: #FFF;
    position: relative;
}

body main section.page-sobre section.sobre-solucoes-integradas::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(50% - 15px);
    height: 100%;
    background-image: url("../image/bg-sobre-solucoes-integradas.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

body main section.page-sobre section.sobre-solucoes-integradas .texto {
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
}

body main section.page-sobre section.sobre-solucoes-integradas .texto h2 {
    color: #424242;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
}

body main section.page-sobre section.sobre-solucoes-integradas .texto h2 strong, body main section.page-sobre section.sobre-solucoes-integradas .texto h2 b {
    color: #3C9CF6;
    margin-bottom: 15px;
    font-weight: 700;
}

@media (max-width: 991px) {
    body main section.page-sobre section.sobre-solucoes-integradas {
        padding: 0 0 30px 0;
    }

    body main section.page-sobre section.sobre-solucoes-integradas::before {
        display: block;
        position: relative;
        top: unset;
        left: unset;
        width: 100%;
        margin-bottom: 30px;
        height: 250px;
    }

    body main section.page-sobre section.sobre-solucoes-integradas .texto {
        font-size: 16px;
    }

    body main section.page-sobre section.sobre-solucoes-integradas .texto h2 {
        font-size: 28px;
    }
}

body main section.sobre-presenca {
    width: 100%;
    font-family: Arial, sans-serif;
    position: relative;
}

body main section.sobre-presenca::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid var(--primary-color);
    border-radius: 0 0 0 120px;
    pointer-events: none;
    z-index: 1;
}

body main section.sobre-presenca .presenca-container {
    display: flex;
    align-items: center;
    gap: 30px;
}

body main section.sobre-presenca .presenca-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 150px;
    border-bottom-left-radius: 120px;
}

body main section.sobre-presenca .presenca-box {
    background-color: white;
    border: 2px solid var(--primary-color);
    border-radius: 10px;
    padding: 20px;
    height: 135px;
    position: relative;
    width: 220px;
}

body main section.sobre-presenca .presenca-box::after {
    content: '';
    position: absolute;
    height: 2px;
    background-color: var(--primary-color);
    width: 734px;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    z-index: 3;
}


body main section.sobre-presenca .presenca-map {
    display: flex;
}

body main section.sobre-presenca .presenca-map img {
    max-width: 100%;
    height: auto;
    display: block;
    z-index: 1;
}


body main section.page-sobre section.sobre-parceria {
    padding: 50px 0;
    overflow: hidden;
}

body main section.page-sobre section.sobre-parceria h2 {
    color: #424242;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 0.9;
    border-left: 4px solid #3C9CF6;
    padding: 0 10px;
    margin-bottom: 50px;
}

body main section.page-sobre section.sobre-parceria .rows-parceiros {
    display: flex;
    gap: 10px;
    justify-content: space-around;
    background-color: white;
    padding: 32px 50px 32px 0;
    align-items: center;
    border-radius: 0 30px 30px 0;
    position: relative;
}

body main section.page-sobre section.sobre-parceria .rows-parceiros::before {
    content: "";
    background-color: white;
    position: absolute;
    top: 0;
    right: 100%;
    width: 300px;
    height: 100%;
}

body main section.page-sobre section.sobre-parceria .rows-parceiros img {
    width: fit-content;
    height: fit-content;
    object-fit: contain;
    display: block;
}

body main section.page-sobre section.sobre-parceria .texto {
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
    position: relative;
    padding: 0 0 0 15px;
}

body main section.page-sobre section.sobre-parceria .texto::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 79px;
    width: 2px;
    background-color: #3C9CF6;
}

@media (max-width: 991px) {
    body main section.page-sobre section.sobre-parceria h2 {
        font-size: 28px;
    }

    body main section.page-sobre section.sobre-parceria .rows-parceiros {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 20px;
    }

    body main section.page-sobre section.sobre-parceria .rows-parceiros::before {
        content: "";
        background-color: white;
        position: absolute;
        top: 0;
        right: 100%;
        width: 300px;
        height: 100%;
    }
}

body main section.page-sobre section.sobre-equipe {
    padding: 0 0 140px 0;
    position: relative;
}

body main section.page-sobre section.sobre-equipe::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 300px;
    width: 100%;
}

body main section.page-sobre section.sobre-equipe .container {
    position: relative;
    z-index: 1;
}

body main section.page-sobre section.sobre-equipe h2 {
    text-align: center;
    line-height: 125%;
    max-width: 700px;
    margin: 0 auto 30px auto;
    font-weight: 700;
}

body main section.page-sobre section.sobre-equipe .rows-equipe {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

body main section.page-sobre section.sobre-equipe .rows-equipe .thumb {
    border-radius: 12px;
    width: 280px;
    height: 280px;
    margin: auto;
}

body main section.page-sobre section.sobre-equipe .rows-equipe .thumb img {
    border-radius: 12px;
    width: 310px;
    height: 310px;
    object-fit: cover;
}

body main section.page-sobre section.sobre-equipe .rows-equipe .nome {
    color: #F2F2F2;
    text-align: center;
    font-family: Anybody;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    /* 26px */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: "";
}

body main section.page-sobre section.sobre-equipe .rows-equipe .cargo {
    color: #F2F2F2;
    text-align: center;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: "";
}

@media (max-width: 991px) {
    body main section.page-sobre section.sobre-equipe {
        padding: 30px 0;
    }

    body main section.page-sobre section.sobre-equipe::before {
        height: 220px;
    }

    body main section.page-sobre section.sobre-equipe h2 {
        font-size: 28px;
    }

    body main section.page-sobre section.sobre-equipe .rows-equipe {
        gap: 15px;
    }

    body main section.page-sobre section.sobre-equipe .rows-equipe .thumb {
        width: 150px;
        height: 150px;
        border: 3px solid #3C9CF6;
    }
}

body main section.page-sobre section.sobre-junte {
    padding: 88px 0;
}

body main section.page-sobre section.sobre-junte .rows-redes{
    color: var(--primary-color);
}

body main section.page-sobre section.sobre-junte .rows-redes i{
    color: var(--primary-color);
}

body main section.page-sobre section.sobre-junte .rede-item{
    display: flex;
    align-items: center;
    gap: 15px;
}

body main section.page-sobre section.sobre-junte .texto {
    color: #424242;
    text-align: center;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 1200px;
    margin: auto;
}

body main section.page-sobre section.sobre-junte .texto h2 {
    color: #424242;
    text-align: center;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
}

body main section.page-sobre section.maps {
    width: 100%;
    height: 362px;
    padding-top: 30px;
}

body main section.page-sobre section.maps iframe {
    height: 362px;
    width: 100%;
    border-radius: 20px;
}

@media (max-width: 991px) {
    body main section.page-sobre section.sobre-junte {
        padding: 30px 0;
    }

    body main section.page-sobre section.sobre-junte .texto {
        font-size: 16px;
    }

    body main section.page-sobre section.sobre-junte .texto h2 {
        font-size: 25px;
    }
}

body main section.page-sobre section.sobre-formulario {
    padding: 50px 0;
    background-image: url("../image/sobre-formulario.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

body main section.page-sobre section.sobre-formulario form {
    border-radius: 30px;
    background: rgba(202, 202, 202, 0.85);
    padding: 37px 41px;
}

body main section.page-sobre section.sobre-formulario form .texto-formulario-2 {
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    /* 21.6px */
    margin-bottom: 31px;
}

body main section.page-sobre section.sobre-formulario form .box-input {
    margin-bottom: 17px;
    display: flex;
    flex-direction: column;
}

body main section.page-sobre section.sobre-formulario form .box-input label {
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 6px;
}

body main section.page-sobre section.sobre-formulario form .box-input input, body main section.page-sobre section.sobre-formulario form .box-input textarea {
    border-radius: 10px;
    border: 1px solid #E3E3E3;
    background: #FFF;
    padding: 14px 25px;
}

body main section.page-sobre section.sobre-formulario form .box-input textarea {
    height: 100px;
    resize: none;
}

body main section.page-sobre section.sobre-formulario form .main-cta {
    max-width: 100%;
    padding: 16px 15px;
}

body main section.page-sobre section.sobre-formulario form .cta-whatsapp {
    margin-top: 22px;
}

body main section.page-sobre section.sobre-formulario form .cta-whatsapp.type-3 {
    width: 100%;
}

@media (max-width: 991px) {
    body main section.page-sobre section.sobre-formulario {
        padding: 50px 0;
    }

    body main section.page-sobre section.sobre-formulario form {
        padding: 30px 15px;
    }
}

body main section.page-produtos {
    background: #F2F2F2;
}

/* --- Main Section Styling --- */
body main section.produtos-feature {
    padding: 60px 0;
    background-image: url('../image/bg-mozaic.jpg');
}

body main section.produtos-feature .section-title {
    color: white;
    text-align: center;
    font-size: 32px;
    font-family: 'Anybody', sans-serif;
}

body main section.produtos-feature .features-container {
    padding: 30px;
}

/* --- Individual Card Styling --- */
body main section.produtos-feature .feature-card {
    background-color: white;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    height: 440px;
}

body main section.produtos-feature .card-image img {
    width: 100%;
    height: 156px;
    border-radius: 10px;
    object-fit: cover;
    display: block;
    margin-bottom: 20px;
}

body main section.produtos-feature .card-content h3 {
    color: var(--primary-color);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}

body main section.produtos-feature .card-content p {
    font-size: 18px;
    color: black;
}

body main section.page-produtos section.produtos-especialista {
    padding: 100px 0 50px 0;
}

body main section.page-produtos section.produtos-especialista .texto {
    text-align: center;
}

body main section.page-produtos section.produtos-especialista .texto h2 b, body main section.page-produtos section.produtos-especialista .texto h2 strong {
    font-weight: 700;
}

body main section.page-produtos section.produtos-especialista .thumb {
    height: 247px;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}

body main section.page-produtos section.produtos-especialista .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 991px) {
    body main section.page-produtos section.produtos-especialista {
        padding: 50px 0;
    }

    body main section.page-produtos section.produtos-especialista .texto {
        margin-bottom: 15px;
        text-align: center;
    }

    body main section.page-produtos section.produtos-especialista .texto h2 {
        font-size: 28px;
    }

    body main section.page-produtos section.produtos-especialista .cta-whatsapp {
        margin: auto;
    }

    body main section.page-produtos section.produtos-especialista .thumb {
        height: 200px;
        margin-top: 30px;
    }
}

body main section.page-produtos section.produtos-nosso-sistema {
    position: relative;
    padding: 50px 0;
    min-height: 609px;
}

body main section.page-produtos section.produtos-nosso-sistema .tabs-nav {
    display: flex;
    width: 80%;
    margin-bottom: 30px;
}

body main section.page-produtos section.produtos-nosso-sistema .tab-button {
    width: 333px;
}

body main section.page-produtos section.produtos-nosso-sistema .owl-produtos {
    display: flex;
    width: 100%;
    justify-content: center;
}

body main section.page-produtos section.produtos-nosso-sistema .tabs-content .row {
    display: flex !important;
    justify-content: center !important;
    gap: 30px !important;
}

body main section.page-produtos section.produtos-nosso-sistema .col-lg-4 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 460px;
    max-width: 460px;
    margin: 15px;
    padding: 0 !important;
}


body main section.page-produtos section.produtos-nosso-sistema .note-vuanu {
    position: absolute;
    right: 115px;
    top: 0;
    pointer-events: none;
}

body main section.page-produtos section.produtos-nosso-sistema .texto {
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
    margin-bottom: 15px;
    padding: 20px 0 0 0;
    position: relative;
    margin-top: 50px;
}

body main section.page-produtos section.produtos-nosso-sistema .texto::before {
    position: absolute;
    content: "";
    width: 119px;
    height: 4px;
    background-color: #3C9CF6;
    top: 0;
    left: 0;
}

body main section.page-produtos section.produtos-nosso-sistema .texto ul {
    margin: 0 0 30px 0;
    padding: 0;
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
    /* padrão */
}

body main section.page-produtos section.produtos-nosso-sistema .texto ul li {
    color: #F2F2F2;
    text-align: justify;
    font-family: Anybody;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    list-style: none;
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 9px 12px;
    border-radius: 8px;
    background: #3C9CF6;
    margin-bottom: 8px;
}

body main section.page-produtos section.produtos-nosso-sistema .texto ul li::before {
    content: "";
    width: 19px;
    height: 18px;
    background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none"> <path d="M8.46928 14L2.85621 8.35L4.24706 6.95L8.46928 11.2L17.5843 2.025L19 3.4L8.46928 14ZM1.98693 18C1.44052 18 0.972601 17.8043 0.583163 17.413C0.194388 17.021 0 16.55 0 16V2C0 1.45 0.194388 0.979 0.583163 0.587C0.972601 0.195667 1.44052 0 1.98693 0H15.8954C16.0279 0 16.1521 0.0123333 16.268 0.0369999C16.3839 0.0623333 16.4998 0.1 16.6157 0.15L14.7778 2H1.98693V16H15.8954V9.35L17.8824 7.35V16C17.8824 16.55 17.688 17.021 17.2992 17.413C16.9098 17.8043 16.4418 18 15.8954 18H1.98693Z" fill="%23F2F2F2"/> </svg>');
}

body main section.page-produtos section.produtos-nosso-sistema .texto h2 {
    color: #424242;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
    margin-bottom: 30px;
}

body main section.page-produtos section.produtos-nosso-sistema .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    z-index: 20;
}

body main section.page-produtos section.produtos-nosso-sistema .owl-carousel .owl-item img {
    border-radius: 20px;
}

body main section.page-produtos section.produtos-nosso-sistema .owl-carousel .owl-nav button {
    width: 50px;
    height: 50px;
    background-color: var(--primary-color);
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5rem;
    cursor: pointer;
    pointer-events: all;
}

body main section.page-produtos section.produtos-nosso-sistema .owl-carousel .owl-nav button.owl-prev {
    margin-left: -40px;
    font-size: 3rem;
    background-color: var(--primary-color);
    color: white;
}

body main section.page-produtos section.produtos-nosso-sistema .owl-carousel .owl-nav button.owl-next {
    margin-right: -40px;
    font-size: 3rem;
    background-color: var(--primary-color);
    color: white;
}

@media (max-width: 991px) {
    body main section.page-produtos section.produtos-nosso-sistema {
        min-height: auto;
        padding: 30px 0;
    }

    body main section.page-produtos section.produtos-nosso-sistema .note-vuanu {
        position: relative;
        right: unset;
        top: unset;
        width: 100%;
        display: block;
        margin-bottom: 0;
    }

    body main section.page-produtos section.produtos-nosso-sistema .texto {
        margin-top: 0px;
    }

    body main section.page-produtos section.produtos-nosso-sistema .texto ul {
        margin: 0 0 20px 0;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    body main section.page-produtos section.produtos-nosso-sistema .texto ul li {
        font-size: 18px;
        margin-bottom: 8px;
    }

    body main section.page-produtos section.produtos-nosso-sistema .texto h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }
}

body main section.page-produtos section.produtos-principais-funcoes {
    display: flex;
    align-items: center;
    padding: 30px 0 83px 0;
    height: 410px;
}

body main section.page-produtos section.produtos-principais-funcoes h2{
    color: white;
}

body main section.page-produtos section.produtos-principais-funcoes .rows-funcoes .box-funcao:last-child {
    margin-bottom: 0;
}

body main section.page-produtos section.produtos-principais-funcoes .rows-funcoes .box-funcao .titulo {
    color: #424242;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 0.9;
    border-left: 4px solid #3C9CF6;
    padding: 0 10px;
    margin-bottom: 20px;
}

body main section.page-produtos section.produtos-principais-funcoes .rows-funcoes .box-funcao .descricao {
    color: #424242;
    text-align: justify;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 156%;
    /* 31.36px */
}

body main section.page-produtos section.produtos-principais-funcoes .rows-funcoes .box-funcao .thumb {
    height: 220px;
    width: 100%;
    border-radius: 30px;
    overflow: hidden;
}

body main section.page-produtos section.produtos-principais-funcoes .rows-funcoes .box-funcao .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 991px) {
    body main section.page-produtos section.produtos-principais-funcoes {
        padding: 30px 0;
    }

    body main section.page-produtos section.produtos-principais-funcoes h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    body main section.page-produtos section.produtos-principais-funcoes .rows-funcoes .box-funcao {
        padding: 30px 15px;
        margin-bottom: 30px;
    }

    body main section.page-produtos section.produtos-principais-funcoes .rows-funcoes .box-funcao:last-child {
        margin-bottom: 0;
    }

    body main section.page-produtos section.produtos-principais-funcoes .rows-funcoes .box-funcao .titulo {
        font-size: 28px;
        margin-bottom: 10px;
    }

    body main section.page-produtos section.produtos-principais-funcoes .rows-funcoes .box-funcao .titulo.titulo-reverse {
        margin-top: 10px;
    }

    body main section.page-produtos section.produtos-principais-funcoes .rows-funcoes .box-funcao .thumb {
        height: 200px;
    }
}

body main section.page-produtos section.produtos-veja {
    background: #110E30;
    position: relative;
    overflow: hidden;
    padding: 50px 0;
}

body main section.page-produtos section.produtos-veja::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(58.3333333333% - 15px);
    background: #3C9CF6;
    border-radius: 0px 25px 30px 0px;
}

body main section.page-produtos section.produtos-veja .container {
    position: relative;
    z-index: 2;
}

body main section.page-produtos section.produtos-veja .texto {
    color: #F2F2F2;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
    position: relative;
    padding-top: 18px;
}

body main section.page-produtos section.produtos-veja .texto::before {
    position: absolute;
    content: "";
    width: 119px;
    height: 4px;
    background-color: #F2F2F2;
    top: 0;
    left: 0;
}

body main section.page-produtos section.produtos-veja .texto h2 {
    color: #F2F2F2;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
    margin-bottom: 15px;
}

body main section.page-produtos section.produtos-veja .video-veja {
    width: 100%;
    display: block;
    height: 231px;
    max-width: 369px;
    overflow: hidden;
    position: relative;
    border-radius: 30px;
    margin: auto;
}

body main section.page-produtos section.produtos-veja .video-veja:hover:before {
    background-color: rgba(0, 0, 0, 0.3);
}

body main section.page-produtos section.produtos-veja .video-veja:before {
    transition: 0.3s all;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}

body main section.page-produtos section.produtos-veja .video-veja:after {
    content: "";
    background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120" fill="none"> <g clip-path="url(%23clip0_3459_2888)"><path d="M50 82.5L80 60L50 37.5V82.5ZM60 10C32.4 10 10 32.4 10 60C10 87.6 32.4 110 60 110C87.6 110 110 87.6 110 60C110 32.4 87.6 10 60 10ZM60 100C37.95 100 20 82.05 20 60C20 37.95 37.95 20 60 20C82.05 20 100 37.95 100 60C100 82.05 82.05 100 60 100Z" fill="white" fill-opacity="0.33"/> </g><defs><clipPath id="clip0_3459_2888"><rect width="120" height="120" fill="white"/> </clipPath> </defs> </svg>');
    position: absolute;
    top: calc(50% - 60px);
    left: calc(50% - 60px);
    width: 120px;
    height: 120px;
}

body main section.page-produtos section.produtos-veja .video-veja img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@media (max-width: 991px) {
    body main section.page-produtos section.produtos-veja::before {
        display: none;
    }

    body main section.page-produtos section.produtos-veja .texto h2 {
        font-size: 28px;
    }
}

body main section.page-segmentos {
    background: grey;
}

body main section.page-segmentos section.segmentos-listagem {
    padding: 80px 0 0 0;
}

body main section.page-segmentos section.segmentos-listagem .titulo-principal {
    color: #424242;
    text-align: center;
    font-family: Anybody;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    max-width: 870px;
    margin: 0 auto 100px auto;
}

@media (max-width: 991px) {
    body main section.page-segmentos section.segmentos-listagem {
        padding: 30px 0 0 0;
    }

    body main section.page-segmentos section.segmentos-listagem .titulo-principal {
        font-size: 16px;
    }

    body main section.page-segmentos section.segmentos-listagem .titulo-principal h2 {
        font-size: 28px;
    }

    body main section.page-segmentos section.segmentos-listagem .box-purple {
        min-height: auto;
    }

    body main section.page-segmentos section.segmentos-listagem .box-purple .title-in, body main section.page-segmentos section.segmentos-listagem .box-purple .resumo-in {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: unset;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        height: "";
        min-height: unset;
    }
}

body main section.page-segmentos section.segmentos-aposte {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0;
    background-color: #F2F2F2;
    min-height: 416px;
}

body main section.page-segmentos section.segmentos-aposte .texto-in {
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
    margin-bottom: 30px;
    padding: 20px 0 0 0;
    position: relative;
}

@media (max-width: 991px) {
    body main section.page-segmentos section.segmentos-aposte {
        background-position: left;
        padding: 30px 0;
        min-height: auto;
    }

    body main section.page-segmentos section.segmentos-aposte .texto-in {
        margin-bottom: 20px;
    }

    body main section.page-segmentos section.segmentos-aposte .texto-in h2 {
        font-size: 28px;
        margin: 0;
    }
}

body main section.page-segmento {
    background: #F2F2F2;
}

body main section.page-segmento section.segmento-conteudo-1 {
    padding: 90px 0 50px 0;
}

body main section.page-segmento section.segmento-conteudo-1 .texto {
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    margin-bottom: 30px;
    padding: 20px 0 0 0;
    position: relative;
    max-width: 460px;
}

body main section.page-segmento section.segmento-conteudo-1 .texto::before {
    position: absolute;
    content: "";
    width: 131px;
    height: 4px;
    background-color: #3C9CF6;
    top: 0;
    left: 0;
}

body main section.page-segmento section.segmento-conteudo-1 .texto h2 {
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
}

body main section.page-segmento section.segmento-conteudo-1 .texto h2 b, body main section.page-segmento section.segmento-conteudo-1 .texto h2 strong {
    font-weight: 700;
}

body main section.page-segmento section.segmento-conteudo-1 .thumb {
    height: 263px;
    width: 100%;
    border-radius: 30px;
    overflow: hidden;
}

body main section.page-segmento section.segmento-conteudo-1 .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 991px) {
    body main section.page-segmento section.segmento-conteudo-1 {
        padding: 50px 0;
    }

    body main section.page-segmento section.segmento-conteudo-1 .texto {
        margin-bottom: 15px;
    }

    body main section.page-segmento section.segmento-conteudo-1 .texto h2 {
        font-size: 28px;
    }

    body main section.page-segmento section.segmento-conteudo-1 .cta-whatsapp {
        margin: auto;
    }

    body main section.page-segmento section.segmento-conteudo-1 .thumb {
        height: 200px;
    }
}

body main section.page-segmento section.segmento-venda {
    padding: 68px 0;
    background-image: url("../image/bg-segmento-venda.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

body main section.page-segmento section.segmento-venda .video {
    width: 100%;
    display: block;
    height: 192px;
    max-width: 535px;
    overflow: hidden;
    position: relative;
    border-radius: 30px;
}

body main section.page-segmento section.segmento-venda .video:hover:before {
    background-color: rgba(0, 0, 0, 0.3);
}

body main section.page-segmento section.segmento-venda .video:before {
    transition: 0.3s all;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}

body main section.page-segmento section.segmento-venda .video:after {
    content: "";
    background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120" fill="none"> <g clip-path="url(%23clip0_3459_2888)"><path d="M50 82.5L80 60L50 37.5V82.5ZM60 10C32.4 10 10 32.4 10 60C10 87.6 32.4 110 60 110C87.6 110 110 87.6 110 60C110 32.4 87.6 10 60 10ZM60 100C37.95 100 20 82.05 20 60C20 37.95 37.95 20 60 20C82.05 20 100 37.95 100 60C100 82.05 82.05 100 60 100Z" fill="white" fill-opacity="0.33"/> </g><defs><clipPath id="clip0_3459_2888"><rect width="120" height="120" fill="white"/> </clipPath> </defs> </svg>');
    position: absolute;
    top: calc(50% - 60px);
    left: calc(50% - 60px);
    width: 120px;
    height: 120px;
}

body main section.page-segmento section.segmento-venda .video img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

body main section.page-segmento section.segmento-venda .texto-video {
    color: #F2F2F2;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
    position: relative;
    padding-top: 18px;
}

body main section.page-segmento section.segmento-venda .texto-video::before {
    position: absolute;
    content: "";
    width: 190px;
    height: 4px;
    background-color: #3C9CF6;
    top: 0;
    left: 0;
}

body main section.page-segmento section.segmento-venda .texto-video h2 {
    color: #F2F2F2;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
    margin-bottom: 27px;
}

@media (max-width: 991px) {
    body main section.page-segmento section.segmento-venda {
        padding: 30px 0;
    }

    body main section.page-segmento section.segmento-venda .texto-video {
        margin-top: 30px;
    }

    body main section.page-segmento section.segmento-venda .texto-video h2 {
        font-size: 28px;
    }
}

body main section.page-segmento section.segmento-funcionalidades {
    padding: 64px 0 0 0;
}

body main section.page-segmento section.segmento-funcionalidades .txt-funcionalidades {
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    position: relative;
    max-width: 980px;
    margin: 0 auto 50px auto;
}

body main section.page-segmento section.segmento-funcionalidades .txt-funcionalidades h2 {
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
}

body main section.page-segmento section.segmento-funcionalidades .txt-funcionalidades h2 b, body main section.page-segmento section.segmento-funcionalidades .txt-funcionalidades h2 strong {
    font-weight: 700;
    color: #3C9CF6;
}

body main section.page-segmento section.segmento-funcionalidades .box-white {
    border-radius: 35px 35px 0px 0px;
    background: #FFF;
    padding: 50px 0;
}

body main section.page-segmento section.segmento-funcionalidades .box-white .card-funcionalidade {
    margin-bottom: 50px;
}

body main section.page-segmento section.segmento-funcionalidades .box-white .card-funcionalidade .thumb {
    height: 259px;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 25px;
}

body main section.page-segmento section.segmento-funcionalidades .box-white .card-funcionalidade .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body main section.page-segmento section.segmento-funcionalidades .box-white .card-funcionalidade .title {
    color: #424242;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
    margin-bottom: 25px;
}

body main section.page-segmento section.segmento-funcionalidades .box-white .card-funcionalidade .resumo {
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
}

@media (max-width: 991px) {
    body main section.page-segmento section.segmento-funcionalidades {
        padding: 30px 0;
    }

    body main section.page-segmento section.segmento-funcionalidades .txt-funcionalidades {
        margin-bottom: 30px;
    }

    body main section.page-segmento section.segmento-funcionalidades .txt-funcionalidades h2 {
        font-size: 28px;
    }

    body main section.page-segmento section.segmento-funcionalidades .box-white {
        padding: 30px 15px;
    }

    body main section.page-segmento section.segmento-funcionalidades .box-white .card-funcionalidade {
        margin-bottom: 30px;
    }

    body main section.page-segmento section.segmento-funcionalidades .box-white .card-funcionalidade .thumb {
        height: 200px;
        margin-bottom: 10px;
    }

    body main section.page-segmento section.segmento-funcionalidades .box-white .card-funcionalidade .title {
        font-size: 28px;
        margin-bottom: 5px;
    }
}

body main section.page-segmento section.segmentos-aposte {
    background-image: url("../image/bg-segmentos-aposte.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0;
    background-color: #F2F2F2;
    min-height: 416px;
}

body main section.page-segmento section.segmentos-aposte .texto-in {
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
    margin-bottom: 30px;
    padding: 20px 0 0 0;
    position: relative;
}

body main section.page-segmento section.segmentos-aposte .texto-in::before {
    position: absolute;
    content: "";
    width: 131px;
    height: 4px;
    background-color: #3C9CF6;
    top: 0;
    left: 0;
}

body main section.page-segmento section.segmentos-aposte .texto-in h2 {
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
    color: #424242;
    margin-bottom: 20px;
}

body main section.page-segmento section.segmentos-aposte .texto-in h2 strong, body main section.page-segmento section.segmentos-aposte .texto-in h2 b {
    color: #3C9CF6;
    font-weight: 700;
}

@media (max-width: 991px) {
    body main section.page-segmento section.segmentos-aposte {
        background-position: left;
        padding: 30px 0;
        min-height: auto;
    }

    body main section.page-segmento section.segmentos-aposte .texto-in {
        margin-bottom: 20px;
    }

    body main section.page-segmento section.segmentos-aposte .texto-in h2 {
        font-size: 28px;
        margin: 0;
    }
}

body main section.page-clientes {
    background: #F2F2F2;
}

body main section.page-clientes section.clientes-confira {
    padding: 30px 0;
    position: relative;
}

body main section.page-clientes section.clientes-confira::before {
    content: "";
    background-color: white;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50%;
    width: 100%;
}

body main section.page-clientes section.clientes-confira .container {
    position: relative;
    z-index: 1;
}

body main section.page-clientes section.clientes-confira h2.title {
    color: #424242;
    text-align: center;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
    max-width: 820px;
    margin: 0 auto 30px auto;
}

body main section.page-clientes section.clientes-confira .box-case {
    border-radius: 50px;
    overflow: hidden;
}

body main section.page-clientes section.clientes-confira .box-case .thumb {
    width: 42%;
    height: 427px;
}

body main section.page-clientes section.clientes-confira .box-case .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body main section.page-clientes section.clientes-confira .box-case .info-column {
    width: 58%;
}

body main section.page-clientes section.clientes-confira .box-case .info-column .txt-info {
    padding: 40px;
    background: #3C9CF6;
    height: 172px;
    color: #F2F2F2;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
}

body main section.page-clientes section.clientes-confira .box-case .info-column .txt-info h2 {
    color: #F2F2F2;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
    margin-bottom: 5px;
}

body main section.page-clientes section.clientes-confira .box-case .info-column .image-map {
    height: 255px;
    width: 100%;
}

body main section.page-clientes section.clientes-confira .box-case .info-column .image-map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body main section.page-clientes section.clientes-confira .box-case .txt-info-bottom {
    padding: 52px 80px;
    background: #110E30;
    color: #F2F2F2;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
}

body main section.page-clientes section.clientes-confira .box-case .txt-info-bottom h2 {
    color: #F2F2F2;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
    margin-bottom: 5px;
}

@media (max-width: 991px) {
    body main section.page-clientes section.clientes-confira h2.title {
        font-size: 28px;
    }

    body main section.page-clientes section.clientes-confira .box-case {
        border-radius: 30px;
    }

    body main section.page-clientes section.clientes-confira .box-case .thumb {
        width: 100%;
        height: 200px;
    }

    body main section.page-clientes section.clientes-confira .box-case .info-column {
        width: 100%;
    }

    body main section.page-clientes section.clientes-confira .box-case .info-column .txt-info {
        padding: 30px;
        height: auto;
        font-size: 16px;
    }

    body main section.page-clientes section.clientes-confira .box-case .info-column .txt-info h2 {
        font-size: 28px;
    }

    body main section.page-clientes section.clientes-confira .box-case .info-column .image-map {
        height: 200px;
        width: 100%;
    }

    body main section.page-clientes section.clientes-confira .box-case .txt-info-bottom {
        padding: 30px;
    }

    body main section.page-clientes section.clientes-confira .box-case .txt-info-bottom h2 {
        font-size: 28px;
    }
}

body main section.page-clientes section.clientes-como {
    padding: 30px 0;
    background-color: white;
}

body main section.page-clientes section.clientes-como .title {
    color: #424242;
    text-align: center;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
    max-width: 930px;
    margin: 0 auto 50px auto;
}

body main section.page-clientes section.clientes-como .title h2 {
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
    color: #424242;
}

body main section.page-clientes section.clientes-como .title h2 strong, body main section.page-clientes section.clientes-como .title h2 b {
    color: #3C9CF6;
    font-weight: 700;
}

body main section.page-clientes section.clientes-como .texto {
    padding: 43px 133px;
    color: #424242;
    border-radius: 50px;
    background: #F2F2F2;
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 66px;
}

body main section.page-clientes section.clientes-como .texto::before {
    position: absolute;
    content: "";
    width: 119px;
    height: 4px;
    background-color: #3C9CF6;
    top: 0;
    left: 0;
}

body main section.page-clientes section.clientes-como .texto ul {
    margin: 0;
    padding: 0;
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
    /* padrão */
}

body main section.page-clientes section.clientes-como .texto ul li {
    list-style: none;
    margin-bottom: 20px;
    padding: 0 0 0 50px;
    position: relative;
}

body main section.page-clientes section.clientes-como .texto ul li::before {
    content: "";
    width: 43px;
    height: 40px;
    background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="43" height="40" viewBox="0 0 43 40" fill="none"> <path d="M19.1673 31.1111L6.46405 18.5556L9.61176 15.4444L19.1673 24.8889L39.7961 4.5L43 7.55556L19.1673 31.1111ZM4.49673 40C3.26013 40 2.20115 39.5652 1.31979 38.6956C0.43993 37.8244 0 36.7778 0 35.5556V4.44444C0 3.22222 0.43993 2.17556 1.31979 1.30444C2.20115 0.434815 3.26013 0 4.49673 0H35.9739C36.2736 0 36.5547 0.0274073 36.817 0.0822221C37.0793 0.138518 37.3416 0.222222 37.6039 0.333334L33.4444 4.44444H4.49673V35.5556H35.9739V20.7778L40.4706 16.3333V35.5556C40.4706 36.7778 40.0307 37.8244 39.1508 38.6956C38.2694 39.5652 37.2105 40 35.9739 40H4.49673Z" fill="%233C9CF6"/> </svg>');
    position: absolute;
    left: 0;
    top: 0;
}

body main section.page-clientes section.clientes-como .texto h2 {
    color: #424242;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    body main section.page-clientes section.clientes-como {
        padding: 30px 0;
    }

    body main section.page-clientes section.clientes-como .title {
        max-width: auto;
        margin: 0 auto 30px auto;
    }

    body main section.page-clientes section.clientes-como .title h2 {
        font-size: 28px;
    }

    body main section.page-clientes section.clientes-como .texto {
        margin-top: 0;
        padding: 30px 15px;
        border-radius: 15px;
        font-size: 16px;
    }

    body main section.page-clientes section.clientes-como .texto ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    body main section.page-clientes section.clientes-como .texto ul li {
        margin-bottom: 10px;
    }

    body main section.page-clientes section.clientes-como .texto h2 {
        font-size: 28px;
        margin-bottom: 10px;
    }
}

body main section.page-clientes section.clientes-funcionalidades {
    padding: 15px 0 100px 0;
    background-color: white;
}

body main section.page-clientes section.clientes-funcionalidades .thumb {
    height: 247px;
    width: 100%;
    border-radius: 30px;
    overflow: hidden;
}

body main section.page-clientes section.clientes-funcionalidades .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body main section.page-clientes section.clientes-funcionalidades .texto {
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    padding: 20px 0 0 0;
    position: relative;
}

body main section.page-clientes section.clientes-funcionalidades .texto::before {
    position: absolute;
    content: "";
    width: 131px;
    height: 4px;
    background-color: #3C9CF6;
    top: 0;
    left: 0;
}

body main section.page-clientes section.clientes-funcionalidades .texto h2 {
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
}

body main section.page-clientes section.clientes-funcionalidades .texto h2 b, body main section.page-clientes section.clientes-funcionalidades .texto h2 strong {
    font-weight: 700;
}

@media (max-width: 991px) {
    body main section.page-clientes section.clientes-funcionalidades {
        padding: 0 0 30px 0;
    }

    body main section.page-clientes section.clientes-funcionalidades .texto {
        margin-top: 15px;
    }

    body main section.page-clientes section.clientes-funcionalidades .texto h2 {
        font-size: 28px;
    }

    body main section.page-clientes section.clientes-funcionalidades .cta-whatsapp {
        margin: auto;
    }

    body main section.page-clientes section.clientes-funcionalidades .thumb {
        height: 200px;
    }
}

body main section.page-clientes section.clientes-depoimentos {
    padding: 50px 0;
    background: #F2F2F2;
}

body main section.page-clientes section.clientes-depoimentos h2.title {
    color: #424242;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    border-left: 4px solid #3C9CF6;
    padding-left: 19px;
    margin-bottom: 50px;
}

body main section.page-clientes section.clientes-depoimentos h2.title strong, body main section.page-clientes section.clientes-depoimentos h2.title b {
    font-weight: 700;
    color: #3C9CF6;
}

body main section.page-clientes section.clientes-depoimentos .video {
    width: 100%;
    display: block;
    height: 308px;
    max-width: 535px;
    overflow: hidden;
    position: relative;
    border-radius: 30px;
}

body main section.page-clientes section.clientes-depoimentos .video:hover:before {
    background-color: rgba(0, 0, 0, 0.3);
}

body main section.page-clientes section.clientes-depoimentos .video:before {
    transition: 0.3s all;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}

body main section.page-clientes section.clientes-depoimentos .video:after {
    content: "";
    background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120" fill="none"> <g clip-path="url(%23clip0_3459_2888)"><path d="M50 82.5L80 60L50 37.5V82.5ZM60 10C32.4 10 10 32.4 10 60C10 87.6 32.4 110 60 110C87.6 110 110 87.6 110 60C110 32.4 87.6 10 60 10ZM60 100C37.95 100 20 82.05 20 60C20 37.95 37.95 20 60 20C82.05 20 100 37.95 100 60C100 82.05 82.05 100 60 100Z" fill="white" fill-opacity="0.33"/> </g><defs><clipPath id="clip0_3459_2888"><rect width="120" height="120" fill="white"/> </clipPath> </defs> </svg>');
    position: absolute;
    top: calc(50% - 60px);
    left: calc(50% - 60px);
    width: 120px;
    height: 120px;
}

body main section.page-clientes section.clientes-depoimentos .video img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

body main section.page-clientes section.clientes-depoimentos .box-depoimento-main .box-depoimento-in {
    background-color: #110E30;
    padding: 50px 40px;
    border-radius: 45px 45px 45px 0;
}

body main section.page-clientes section.clientes-depoimentos .box-depoimento-main .box-depoimento-in .depoimento {
    color: #FFF;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
    margin-bottom: 30px;
}

body main section.page-clientes section.clientes-depoimentos .box-depoimento-main .box-depoimento-in .author {
    color: #3C9CF6;
    font-family: Anybody;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 5px;
}

body main section.page-clientes section.clientes-depoimentos .box-depoimento-main .box-depoimento-in .cargo {
    color: #FFF;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
}

body main section.page-clientes section.clientes-depoimentos .box-depoimento-main .thumbs {
    display: flex;
}

body main section.page-clientes section.clientes-depoimentos .box-depoimento-main .thumbs .foto {
    background-color: #110E30;
    padding: 0 15px 15px 15px;
    border-radius: 0 0 45px 45px;
}

body main section.page-clientes section.clientes-depoimentos .box-depoimento-main .thumbs .foto img {
    width: 53px;
    height: 53px;
    border-radius: 50px;
    object-fit: cover;
    display: block;
    margin: auto;
}

body main section.page-clientes section.clientes-depoimentos .box-depoimento-main .thumbs .stars {
    background-color: #110E30;
}

body main section.page-clientes section.clientes-depoimentos .box-depoimento-main .thumbs .stars .stars-in {
    background: #F2F2F2;
    border-radius: 20px 0 0 0;
    padding: 23px 27px;
}

@media (max-width: 991px) {
    body main section.page-clientes section.clientes-depoimentos {
        padding: 30px 0;
    }

    body main section.page-clientes section.clientes-depoimentos h2.title {
        font-size: 28px;
        margin-bottom: 30px;
    }

    body main section.page-clientes section.clientes-depoimentos .video {
        height: 200px;
        margin-bottom: 20px;
    }
}

body main section.page-clientes section.clientes-galeria {
    padding: 50px 0;
}

body main section.page-clientes section.clientes-galeria .owl-carousel .owl-item .img {
    height: 546px;
}

body main section.page-clientes section.clientes-galeria .owl-carousel .owl-item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

body main section.page-clientes section.clientes-galeria .owl-carousel .owl-item:not(.center) .img {
    height: 406px;
    margin-top: 80px;
}

@media (max-width: 991px) {
    body main section.page-clientes section.clientes-galeria .owl-carousel .owl-item .img, body main section.page-clientes section.clientes-galeria .owl-carousel .owl-item:not(.center) .img {
        margin-top: 0;
        height: 220px;
    }
}

body main section.page-clientes section.segmentos-aposte {
    background-image: url("../image/bg-segmentos-aposte.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0;
    background-color: #F2F2F2;
    min-height: 416px;
}

body main section.page-clientes section.segmentos-aposte .texto-in {
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
    margin-bottom: 30px;
    padding: 20px 0 0 0;
    position: relative;
}

body main section.page-clientes section.segmentos-aposte .texto-in::before {
    position: absolute;
    content: "";
    width: 131px;
    height: 4px;
    background-color: #3C9CF6;
    top: 0;
    left: 0;
}

body main section.page-clientes section.segmentos-aposte .texto-in h2 {
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
    color: #424242;
    margin-bottom: 20px;
}

body main section.page-clientes section.segmentos-aposte .texto-in h2 strong, body main section.page-clientes section.segmentos-aposte .texto-in h2 b {
    color: #3C9CF6;
    font-weight: 700;
}

@media (max-width: 991px) {
    body main section.page-clientes section.segmentos-aposte {
        background-position: left;
        padding: 30px 0;
        min-height: auto;
    }

    body main section.page-clientes section.segmentos-aposte .texto-in {
        margin-bottom: 20px;
    }

    body main section.page-clientes section.segmentos-aposte .texto-in h2 {
        font-size: 28px;
        margin: 0;
    }
}

body main section.page-duvidas {
    background: #F2F2F2;
}

body main section.page-duvidas .container {
    padding: 100px 0;
}

body main section.page-duvidas .page-duvidas-in {
    padding: 70px 0 50px 0;
}

body main section.page-duvidas .page-duvidas-in .box-duvidas-item {
    padding: 36px 24px 36px 46px;
    margin-bottom: 30px;
    border-radius: 10px;
    border: 1px solid #CACACA;
    background: #FFF;
}

body main section.page-duvidas .page-duvidas-in .box-duvidas-item .box-pergunta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    color: #424242;
    font-family: Anybody;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

body main section.page-duvidas .page-duvidas-in .box-duvidas-item .box-pergunta span {
    max-width: calc(100% - 40px);
}

body main section.page-duvidas .page-duvidas-in .box-duvidas-item .box-pergunta::after {
    content: "";
    background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M241 130.5l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9l-22.7 22.7c-9.4 9.4-24.5 9.4-33.9 0L224 227.5 69.3 381.5c-9.4 9.3-24.5 9.3-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.6 0-33.9L207 130.5c9.4-9.4 24.6-9.4 33.9 0z" fill="%233C9CF6" /></svg>');
    width: 25px;
    height: 25px;
    background-size: 100%;
    background-repeat: no-repeat;
    transition: 0.3s all;
    float: right;
    font-size: 16px;
    font-weight: 700;
}

body main section.page-duvidas .page-duvidas-in .box-duvidas-item .box-pergunta[aria-expanded=true] {
    border-color: transparent;
}

body main section.page-duvidas .page-duvidas-in .box-duvidas-item .box-pergunta[aria-expanded=true]::after {
    background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z" fill="%233C9CF6"/></svg>');
}

body main section.page-duvidas .page-duvidas-in .box-duvidas-item .box-resposta .box-resposta-in {
    font-size: 16px;
    font-style: normal;
    padding: 16px 0;
    min-height: 89px;
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    /* 21.6px */
}

@media (max-width: 991px) {
    body main section.page-duvidas .page-duvidas-in {
        padding: 30px 0;
    }

    body main section.page-duvidas .page-duvidas-in .box-duvidas-item {
        padding: 30px;
    }

    body main section.page-duvidas .page-duvidas-in .box-duvidas-item .box-pergunta {
        font-size: 18px;
    }
}

body main section.page-duvidas section.sobre-formulario {
    padding: 50px 0;
    background-image: url("../image/sobre-formulario.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

body main section.page-duvidas section.sobre-formulario form {
    border-radius: 30px;
    background: rgba(202, 202, 202, 0.85);
    padding: 37px 41px;
}

body main section.page-duvidas section.sobre-formulario form .texto-formulario-2 {
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    /* 21.6px */
    margin-bottom: 31px;
}

body main section.page-duvidas section.sobre-formulario form .texto-formulario-2 strong, body main section.page-duvidas section.sobre-formulario form .texto-formulario-2 b {
    font-weight: 700;
}

body main section.page-duvidas section.sobre-formulario form .box-input {
    margin-bottom: 17px;
    display: flex;
    flex-direction: column;
}

body main section.page-duvidas section.sobre-formulario form .box-input label {
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 6px;
}

body main section.page-duvidas section.sobre-formulario form .box-input input, body main section.page-duvidas section.sobre-formulario form .box-input textarea {
    border-radius: 10px;
    border: 1px solid #E3E3E3;
    background: #FFF;
    padding: 14px 25px;
}

body main section.page-duvidas section.sobre-formulario form .box-input textarea {
    height: 100px;
    resize: none;
}

body main section.page-duvidas section.sobre-formulario form .main-cta {
    max-width: 100%;
    padding: 16px 15px;
}

body main section.page-duvidas section.sobre-formulario form .cta-whatsapp {
    margin-top: 22px;
}

body main section.page-duvidas section.sobre-formulario form .cta-whatsapp.type-3 {
    width: 100%;
}

@media (max-width: 991px) {
    body main section.page-duvidas section.sobre-formulario {
        padding: 50px 0;
    }

    body main section.page-duvidas section.sobre-formulario form {
        padding: 30px 15px;
    }
}

body main section.sobre-pesquisa {
    background-image: url("../image/bg-pesquisa.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 0 100px 0;
    background-color: #F2F2F2;
}

body main section.sobre-pesquisa .texto-in {
    color: white;
    font-family: Anybody;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
    margin-bottom: 50px;
}

body main section.page-blog {
    background: #F2F2F2;
}

section.left-bar label {
    color: #000;
    font-family: Anybody;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
    display: block;
}

/* Wrapper for search and categories */
.left-bar-wrapper {
    width: 340px;
}

/* Search section - outside the card */
.form-search-blog .search-label {
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
    display: block;
}

.form-search-blog .box-input-search {
    position: relative;
    margin-bottom: 30px;
}

.form-search-blog .box-input-search input {
    width: 100%;
    border-radius: 8px;
    border: 2px solid var(--primary-color);
    background: transparent;
    padding: 12px 45px 12px 15px;
    font-size: 14px;
    color: #666;
}

.form-search-blog .box-input-search input::placeholder {
    color: #999;
}

.form-search-blog .box-input-search button {
    position: absolute;
    background: transparent;
    border: none;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Categories card */
section.left-bar {
    background-color: #FFF;
    padding: 20px 25px;
    border-radius: 15px;
    border-bottom: 4px solid var(--primary-color);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

section.left-bar ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.categorias li {
    margin-bottom: 12px;
    padding-left: 20px;
    position: relative;
}

.categorias li::before {
    content: "•";
    color: var(--primary-color);
    font-size: 20px;
    position: absolute;
    left: 0;
    top: -2px;
}

section.left-bar ul li a {
    color: #000;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}

.categorias li.todas-item a {
    color: var(--primary-color);
}

section.left-bar ul li a:hover, section.left-bar ul li a.active {
    font-weight: 600;
}

section.left-bar .listagem {
    padding: 100px 0 50px 0;
}

section.left-bar .listagem .blog-card {
    display: block;
    margin-bottom: 50px;
}

section.left-bar .listagem .blog-card .blog-card-img {
    height: 211px;
    border-radius: 20px;
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
}

section.left-bar .listagem .blog-card .blog-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.left-bar .listagem .blog-card h3 {
    color: #424242;
    font-family: Anybody;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: "";
}

section.left-bar .listagem .blog-card .resumo {
    padding: 20px 0 0 0;
    border-top: 1px solid rgba(66, 66, 66, 0.5);
    color: #303030;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: "";
}

@media (max-width: 991px) {
    section.left-bar .listagem {
        padding: 30px 0;
    }
}

body main section.blog-interna {
    background: #F2F2F2;
}



@media (max-width: 991px) {
    body main section.blog-interna .blog-interna-in {
        padding: 30px 0;
    }

    body main section.blog-interna .blog-interna-in h1.principal {
        font-size: 28px;
        margin-bottom: 20px;
    }

    body main section.blog-interna .blog-interna-in .img-principal {
        height: 200px;
        border-radius: 15px;
        margin-bottom: 20px;
    }

    body main section.blog-interna .blog-interna-in .conteudo {
        margin-top: 30px;
    }

    body main section.blog-interna .blog-interna-in form {
        border-radius: 15px;
        padding: 30px 15px;
    }
}

body main section.page-contato {
    background: #F2F2F2;
}

body main section.page-contato .h3{
    font-weight: 400;
    font-size: 24px;
}

body main section.page-contato .page-contato-main {
    padding: 60px 0 90px 0;
}

/* Formulário Contato Custom */
.formulario-contato {
    padding: 0;
}

.formulario-contato-custom {
    background: transparent;
    padding: 50px;
    border-radius: 15px;
    box-shadow: none;
}

.formulario-contato-custom h2 {
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
}

.formulario-contato-custom p {
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 40px;
}

.formulario-contato-custom .box-input {
    margin-bottom: 25px;
}

.formulario-contato-custom .box-input label {
    color: #000000;
    font-family: Anybody;
    font-size: 18px;
    font-weight: 400;
    display: block;
    margin-bottom: 10px;
}

.formulario-contato-custom .box-input input,
.formulario-contato-custom .box-input textarea {
    width: 100%;
    border: 1px solid var(--primary-color);
    background: #FFFFFF;
    color: #000000;
    font-family: Anybody;
    font-size: 16px;
    padding: 14px 18px;
    border-radius: 10px;
    transition: 0.3s all;
}

.formulario-contato-custom .box-input input {
    height: 50px;
}

.formulario-contato-custom .box-input textarea {
    min-height: 120px;
    resize: vertical;
}

.formulario-contato-custom .box-input input::placeholder,
.formulario-contato-custom .box-input textarea::placeholder {
    color: #999999;
}

.formulario-contato-custom .box-input input:focus,
.formulario-contato-custom .box-input textarea:focus {
    outline: none;
    border-color: var(--primary-color-dark);
}

.formulario-contato-custom .btn-enviar-contato {
    background: var(--primary-color);
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 40px;
    border: 2px solid var(--primary-color);
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s all;
    width: 100%;
}

.formulario-contato-custom .btn-enviar-contato:hover {
    background: transparent;
    color: var(--primary-color);
}

/* Contato WhatsApp Box */
.contato-whatsapp-box {
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    overflow: hidden;
    height: 100%;
    min-height: 500px;
    position: relative;
}

.whatsapp-box-overlay {
    background: rgba(0, 0, 0, 0.75);
    padding: 60px 40px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
}

.whatsapp-logo {
    margin-bottom: 40px;
}

.whatsapp-logo img {
    width: 150px;
    height: auto;
}

.whatsapp-box-overlay h3 {
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 30px;
}

.contato-whatsapp-box .button-whatsapp {
    margin-top: 20px;
}

.contato-whatsapp-box .button-whatsapp span {
    color: #FFFFFF;
}

.contato-whatsapp-box .button-whatsapp i,
.whatsapp-box-overlay .button-whatsapp i {
    color: #FFFFFF !important;
}

@media (max-width: 991px) {
    .formulario-contato-custom {
        padding: 30px;
        margin-bottom: 30px;
    }

    .formulario-contato-custom h2 {
        font-size: 26px;
    }

    .contato-whatsapp-box {
        min-height: 400px;
    }

    .whatsapp-box-overlay {
        padding: 40px 30px;
    }

    .whatsapp-logo img {
        width: 120px;
    }

    .whatsapp-box-overlay h3 {
        font-size: 20px;
    }
}

section.page-contato .page-contato-main .formulario {
    border-radius: 30px;
    background-image: none !important;
    background-color: transparent !important;
    padding: 40px 45px;
}

section.page-contato .page-contato-main .formulario {
    border-radius: 30px;
    background-image: none !important;
    background-color: transparent !important;
    padding: 40px 45px;
}

section.page-contato .page-contato-main .formulario .texto-formulario-2 {
    color: black;
    font-weight: 400;
    font-size: 24px;
}

section.page-contato .page-contato-main .formulario .box-input label {
    color: black;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 6px;
}

section.page-contato .page-contato-main .formulario textarea,
section.page-contato .page-contato-main .formulario .box-input input,
section.page-contato .page-contato-main .formulario form .box-input textarea {
    border-radius: 10px;
    border: 1px solid var(--primary-color);
    padding: 14px 18px;
    margin-bottom: 30px;
    color: black;
}

.formulario .box-input input::placeholder,
.formulario textarea::placeholder {
    color: darkgrey;
    opacity: 1;
}

body main section.page-contato .page-contato-main .texto-contato {
    max-width: 700px;
    margin: 0 auto;
    color: #424242;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 50px;
}

body main section.page-contato .contact-info-box {
    background-image: url("../image/bg-mozaic.jpg");
    color: #f0f0f0; /* Light text color */
    padding: 40px;
    border-radius: 15px;
    font-family: Arial, sans-serif; /* Use your project's font */
    margin: 40px 0;
}


body main section.page-contato .contact-info-box h2 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 30px;
}
body main section.page-contato .info-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
}

body main section.page-contato .info-item i {
    color: var(--primary-color);
    font-size: 20px;
    margin-right: 15px;
    margin-top: 5px;
    width: 20px;
    text-align: center;
}

body main section.page-contato .info-content {
    font-size: 15px;
    line-height: 1.6;
}

body main section.page-contato .info-content strong {
    display: block;
    color: var(--primary-color);
    font-weight: bold;
    margin-bottom: 5px;
}

body main section.page-contato .info-content a,
body main section.page-contato .info-content span {
    color: #f0f0f0;
    text-decoration: none;
    font-size: 16px;
}

body main section.page-contato .info-content a:hover {
    text-decoration: underline;
}

body main section.page-contato .social-links a {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    font-size: 16px;
}

body main section.page-contato .social-links a i {
    margin-right: 10px;
    font-size: 16px;
    width: 20px;
}

body main section.page-contato .texto-in {
    color: white;
}

body footer section.barra-fixa {
    position: fixed;
    bottom: -1px;
    background: #fff;
    justify-content: center;
    width: 100%;
    padding: 10px 80px;
    z-index: 600;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

@media (max-width: 991px) {
    body footer section.barra-fixa {
        display: none;
    }
}

body footer section.barra-fixa.oculta {
    bottom: -100px;
}

body footer section.barra-fixa .main-phone:not(.zap) .icon {
    border-color: #3C9CF6;
    background-color: #3C9CF6;
}

body footer section.barra-fixa-mobile {
    background-color: #110E30;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
    padding: 5px 0;
    border-top: 2px solid #3C9CF6;
    transition: 0.3s all;
}

body footer section.barra-fixa-mobile .list-itens {
    display: flex;
    justify-content: space-around;
    font-size: 30px;
}

body footer section.barra-fixa-mobile .list-itens a {
    color: white;
}

body footer section.barra-fixa-mobile .list-itens a i {
    color: white;
}

@media screen and (min-width: 992px) {
    body footer section.barra-fixa-mobile {
        display: none;
    }
}

body footer section.footer {
    padding-bottom: 77px;
    position: relative;
    background: url(../image/bg-footer.jpg);
}

body footer section.footer section.newsletter {
    padding: 40px 0;
}

body footer section.footer section.newsletter .texto-news h2 {
    color: #F2F2F2;
    font-family: Anybody;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 43.75px */
    margin-bottom: 10px;
}

body footer section.footer section.newsletter .texto-news p {
    color: #F2F2F2;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
}

body footer section.footer section.newsletter .box-input {
    display: flex;
    padding-bottom: 10px;
}

body footer section.footer section.newsletter .box-input input::placeholder {
    color: #110E30 !important;
}

body footer section.footer section.newsletter .box-input input::-moz-placeholder {
    color: #110E30 !important;
}

body footer section.footer section.newsletter .box-input input::-webkit-input-placeholder {
    color: #110E30 !important;
}

body footer section.footer section.newsletter .box-input input {
    border-radius: 18px;
    outline: none;
    background: whitesmoke;
    padding: 15px 21px 15px 34px;
    width: 100%;
}

body footer section.footer section.newsletter .box-input button {
    border-radius: 18px;
    border: 3px solid var(--primary-color);
    box-shadow: 0px 0px 4px 4px rgba(254, 94, 0, 0.2);
    background: var(--primary-color);
    padding: 15px 20px;
    color: #F2F2F2;
    text-align: center;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}

@media (max-width: 991px) {
    body footer section.footer section.newsletter .texto-news h2 {
        font-size: 28px;
    }

    body footer section.footer section.newsletter .texto-news p {
        font-size: 18px;
    }
}

body footer section.footer section.footer-in {
    position: relative;
}

body footer section.footer section.footer-in::before {
    width: 100%;
    height: 100%;
}

body footer section.footer section.footer-in .container {
    position: relative;
}

body footer section.footer section.footer-in .container .logo-rodape {
    margin-bottom: 10px;
}

body footer section.footer section.footer-in .container .logo-rodape img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

body footer section.footer section.footer-in .container .box-termos {
    display: flex;
    flex-direction: column;
}

body footer section.footer section.footer-in .container .box-termos a.termos {
    color: #FFF;
    font-family: Anybody;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}

body footer section.footer section.footer-in .container .box-links {
    display: flex;
    justify-content: space-around;
    width: 100%;
    gap: 30px;
}

body footer section.footer section.footer-in .container .box-links h3 {
    color: white;
    font-family: Anybody;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 21px;
}

body footer section.footer section.footer-in .container .box-links ul {
    padding: 0;
    margin: 0;
}

body footer section.footer section.footer-in .container .box-links ul li {
    padding: 0;
    margin: 0 0 10px 0;
    list-style: none;
}

body footer section.footer section.footer-in .container .box-links ul li a {
    color: #FFF;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

body footer section.footer section.footer-in .container .redes-sociais {
    display: flex;
    flex-direction: column;
}

body footer section.footer section.footer-in .container .redes-sociais a {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    align-items: center;
    color: #FFF;
    font-family: Anybody;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media (max-width: 991px) {
    body footer section.footer section.footer-in {
        background: black;
        padding-top: 0;
    }

    body footer section.footer section.footer-in::before {
        display: none;
    }

    body footer section.footer section.footer-in .container .logo-rodape {
        margin-bottom: 10px;
        text-align: center;
    }

    body footer section.footer section.footer-in .container .box-termos {
        text-align: center;
    }

    body footer section.footer section.footer-in .container .box-links {
        flex-wrap: wrap;
        justify-content: center;
        justify-items: center;
        text-align: center;
    }

    body footer section.footer section.footer-in .container .box-links .links-column {
        flex: calc(50% - 15px);
    }

    body footer section.footer section.footer-in .container .redes-sociais {
        align-items: center;
    }
}

body footer section.footer section.footer-in .container .links-column .cta-rede-social {
    font-size: 28px;
    color: var(--primary-color);
    margin-right: 30px;
    align-items: start;
}

body footer section.footer section.maps {
    width: 100%;
    height: 100%;
    padding-top: 30px;
}

body footer section.footer section.maps iframe {
    height: 100%;
    width: 100%;
    border-radius: 20px;
}

@media (max-width: 991px) {
    body footer section.footer section.maps {

        top: unset;
        left: unset;
        width: 100%;
        height: 200px;
        z-index: 1;
    }
}

body footer section.footer section.copy {
    background: var(--primary-color);
    color: white;
    padding: 15px 0;
    align-items: end !important;
}

@media (max-width: 991px) {
    body footer section.footer section.copy .txt-site {
        margin-bottom: 20px;
    }

    body footer section.footer section.copy .txt-site, body footer section.footer section.copy .logo-raddar {
        text-align: end;
    }
}

body footer section.botao_whatsapp {
    display: none;
    background-color: #25d366;
    width: 70px;
    height: 70px;
    position: fixed;
    z-index: 900;
    bottom: 40px;
    padding: 5px;
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
    right: 30px;
    border-radius: 75px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

body footer section.botao_whatsapp i.fab.fa-whatsapp {
    color: white;
    font-size: 46px;
    vertical-align: middle;
}

@media (min-width: 992px) {
    body footer section.botao_whatsapp.scroll {
        bottom: 100px;
    }
}

body footer section.botao_whatsapp:hover {
    background-color: #1f9249;
}

@media screen and (max-width: 991px) {
    body footer section.botao_whatsapp {
        bottom: 75px;
        right: 10px;
    }
}

body footer .lente-whatsapp {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.6);
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 800;
    transition: 0.3s all;
    opacity: 0;
    pointer-events: none;
}

body footer .lente-whatsapp.exibir {
    opacity: 1;
    pointer-events: all;
}

body footer section.modal-whatsapp {
    font-family: "Open Sans";
    position: fixed;
    right: 17px;
    bottom: 30px;
    background-image: url("../../default/image/bg-whatsapp-min.jpg");
    width: 100%;
    height: 100%;
    box-shadow: 2px 2px 7px 0px #373737;
    max-width: 320px;
    max-height: 360px;
    border-radius: 5px;
    overflow: hidden;
    z-index: 9999;
    transform-origin: 100% 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

body footer section.modal-whatsapp.exibir {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

body footer section.modal-whatsapp.scroll {
    bottom: 100px;
}

@media screen and (max-width: 991px) {
    body footer section.modal-whatsapp {
        right: 0px;
        top: 0px;
        bottom: unset !important;
        width: 100%;
        height: 100%;
        max-height: 100%;
        max-width: 100%;
        border-radius: 0px;
    }
}

body footer section.modal-whatsapp .cabecario-zap {
    background-color: #2e8c7d;
    font-size: 17px;
    color: #97c5be;
    padding: 12px 20px 4px 20px;
}

body footer section.modal-whatsapp .cabecario-zap span.zaptitulo {
    transform: translateY(-4px);
    display: inline-block;
}

body footer section.modal-whatsapp .cabecario-zap i.fab.fa-whatsapp {
    font-size: 25px;
    margin-right: 10px;
}

body footer section.modal-whatsapp .cabecario-zap i.far.fa-times-circle {
    font-size: 25px;
    float: right;
    margin-right: 0px;
    cursor: pointer;
}

body footer section.modal-whatsapp .msg-bot {
    font-family: "Open Sans", sans-serif;
    background-color: white;
    margin: 15px;
    padding: 15px;
    border-radius: 20px;
    font-size: 13.4px;
    position: relative;
}

body footer section.modal-whatsapp .msg-bot::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 15px solid transparent;
    border-top: 21px solid white;
    position: absolute;
    top: 0px;
    left: -10px;
    z-index: -1;
}

body footer section.modal-whatsapp .msg-bot :first-child {
    margin-top: 7px;
}

body footer section.modal-whatsapp .msg-bot label {
    font-weight: 700;
    font-size: 12px;
    color: black;
    display: block;
}

body footer section.modal-whatsapp .msg-bot input {
    height: auto;
    font-size: 14px;
    margin-bottom: 5px;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px solid #cacaca;
    outline: none;
    width: 100%;
}

body footer section.modal-whatsapp .campo-acao {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    display: flex;
    padding: 0px 10px;
    height: 44px;
}

@media (max-width: 991px) {
    body footer section.modal-whatsapp .campo-acao {
        position: static;
    }
}

body footer section.modal-whatsapp .campo-acao .texto {
    width: 100%;
    padding-right: 10px;
    font-family: "Open Sans", sans-serif;
}

body footer section.modal-whatsapp .campo-acao .texto input {
    border: none;
    border-radius: 32px;
    padding: 9px 18px;
    display: flex;
    outline-color: transparent;
    width: 100%;
    outline: none !important;
    font-size: 14px;
}

body footer section.modal-whatsapp .campo-acao .button-zap {
    background-color: transparent;
}

body footer section.modal-whatsapp .campo-acao .button-zap button {
    border: none;
    outline: none;
    cursor: pointer;
    background-color: #2e8c7d;
    color: white;
    width: 36px;
    height: 36px;
    display: flex;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    text-align: center;
}

body footer section.modal-whatsapp .campo-acao .button-zap button:disabled {
    background-color: #a7a7a7;
    cursor: not-allowed;
}

body footer section.modal-whatsapp .campo-acao .button-zap button i.fas.fa-paper-plane {
    font-size: 19px;
    transform: rotate(49deg) translate(-2px, 0px);
    position: relative;
    transform-origin: center;
}

body footer section.modal-whatsapp .hide-desktop {
    display: none;
}

@media (max-width: 991px) {
    body footer section.modal-whatsapp .campo-acao {
        display: none;
    }

    body footer section.modal-whatsapp .acao-mobile {
        border: none;
        outline: none;
        cursor: pointer;
        background-color: #2e8c7d;
        color: white;
        border-radius: 9px;
        text-align: center;
        width: calc(100% - 40px);
        display: block;
        padding: 7px 15px;
        margin: 0 20px;
    }

    body footer section.modal-whatsapp .acao-mobile:disabled {
        background-color: #a7a7a7;
        cursor: not-allowed;
    }

    body footer section.modal-whatsapp .acao-mobile i {
        margin-right: 5px;
    }

    body footer section.modal-whatsapp .hide-desktop {
        display: block;
    }
}

body footer .menu-mobile {
    background-size: cover;
    background-color: rgba(17, 14, 48, 0.98);
    position: fixed;
    top: 0px;
    left: -100%;
    width: 95%;
    height: 100%;
    overflow: auto;
    z-index: 998;
    padding-bottom: 65px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
}

body footer .menu-mobile.aberto {
    left: 0px;
}

body footer .menu-mobile .fechar {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 25px;
    font-weight: 700;
    color: white;
}

body footer .menu-mobile .logo {
    width: 100%;
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
}

body footer .menu-mobile .logo img {
    height: 170px;
    object-fit: contain;
}

body footer .menu-mobile ul {
    padding: 0px;
}

body footer .menu-mobile ul li {
    list-style: none;
    margin: 5px;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}

body footer .menu-mobile ul li:last-child {
    border-bottom: none;
}

body footer .menu-mobile ul li a {
    color: white;
    font-size: 18px;
    padding: 2px 10px;
    font-weight: 500;
    display: inline-block;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
}

body footer .menu-mobile ul.blue li {
    background-color: #013d60;
    margin: 0 0 2px 0;
    padding: 0;
}

body footer .menu-mobile ul.blue li a {
    color: white;
    font-size: 13px;
    line-height: 1;
    padding: 0 0;
}

/*# sourceMappingURL=custom.css.map */

/* ============================
   FOOTER STYLES
   ============================ */

.footer {
    width: 100%;
}

/* Maps Section */
.footer .maps {
    max-width: 1200px;
    margin: 60px auto -60px;
    padding: 0 15px;
    position: relative;
    z-index: 10;
}

.footer .maps iframe {
    width: 100%;
    height: 300px;
    display: block;
    border: none;
    border-radius: 8px;
}

/* Footer Main Section */
.footer-main {
    background: black;
    padding: 100px 0 40px;
}

/* Newsletter */
.footer-newsletter {
    margin-bottom: 50px;
    display: flex;
    align-items: flex-end;
    gap: 40px;
    width: 100%;
}

.footer-newsletter h2 {
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    flex-shrink: 0;
}

.footer-newsletter h2 span {
    color: var(--primary-color);
    font-weight: 700;
}

.footer-newsletter form {
    flex: 1;
}

.newsletter-form {
    display: flex;
    gap: 15px;
    align-items: flex-end;
    flex: 1;
}

.newsletter-form .form-group {
    flex: 1;
    min-width: 0;
}

.newsletter-form .form-group label {
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
    display: block;
}

.newsletter-form .form-control {
    width: 100%;
    height: 50px;
    border: 1px solid var(--primary-color);
    background: transparent;
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 14px;
    padding: 0 20px;
    border-radius: 4px;
}

.newsletter-form .form-control::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.newsletter-form .form-control:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 2px rgba(230, 57, 70, 0.1);
}

.newsletter-form .btn-enviar {
    background: var(--primary-color);
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 16px;
    font-weight: 600;
    padding: 0 40px;
    height: 50px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s all;
    flex-shrink: 0;
}

.newsletter-form .btn-enviar:hover {
    background: var(--primary-color-dark);
}

/* Footer Content */
.footer-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.footer-logo {
    flex-shrink: 0;
}

.footer-logo img {
    max-height: 80px;
    width: auto;
}

.footer-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
    padding: 0 60px;
}

.footer-nav a {
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: 0.3s all;
    position: relative;
    text-align: center;
    flex: 1;
}

.footer-nav a:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background: var(--primary-color);
}

.footer-nav a:hover {
    color: var(--primary-color);
}

.footer-search {
    display: flex;
    align-items: center;
    margin-left: 20px;
}

.footer-search form {
    display: flex;
    align-items: center;
    border: 1px solid #FFFFFF;
    border-radius: 25px;
    overflow: hidden;
}

.footer-search input {
    border: none;
    padding: 8px 15px;
    font-size: 14px;
    outline: none;
    width: 180px;
    background: transparent;
    color: #FFFFFF;
}

.footer-search input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.footer-search button {
    background: var(--primary-color);
    border: none;
    padding: 8px 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s all;
}

.footer-search button i {
    color: #FFFFFF;
    font-size: 16px;
}

.footer-search button:hover {
    background: var(--primary-color-dark);
}

.footer-social {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-left: 20px;
}

.footer-social a {
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 18px;
    transition: 0.3s all;
}

.footer-social a:hover {
    background: var(--primary-color-dark);
    transform: translateY(-2px);
}

/* Footer Contact */
.footer-contact {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
}

.btn-footer {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: Anybody;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 24px;
    border-radius: 4px;
    text-decoration: none;
    transition: 0.3s all;
    white-space: nowrap;
}

.btn-footer i {
    font-size: 16px;
}

.btn-whatsapp {
    background: transparent;
    color: #FFFFFF;
    border: 2px solid #25D366;
}

.btn-whatsapp:hover {
    background: #25D366;
    color: #FFFFFF;
}

.contact-links {
    display: flex;
    gap: 15px;
    align-items: center;
}

.contact-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: 0.3s all;
}

.contact-link:hover {
    color: var(--primary-color);
}

.contact-icon {
    width: 32px;
    height: 32px;
    background: var(--primary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 14px;
    flex-shrink: 0;
}

.btn-orcamento {
    background: var(--primary-color);
    color: #FFFFFF;
    border: 2px solid var(--primary-color);
}

.btn-orcamento:hover {
    background: transparent;
    color: #FFFFFF;
}

/* Footer Copy */
.footer-copy {
    border-top: 2px solid var(--primary-color);
    background: black;
    padding: 0;
}

.copy-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.copy-left p {
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 12px;
    margin: 0;
}

.copy-right {
    display: flex;
    align-items: center;
    gap: 10px;
}

.copy-right span {
    color: rgba(255, 255, 255, 0.5);
    font-family: Anybody;
    font-size: 10px;
    text-transform: uppercase;
}

.copy-right img {
    max-height: 30px;
    width: auto;
}

/* Mobile Responsive */
@media (max-width: 991px) {
    .footer-main {
        padding: 40px 0 30px;
    }

    .footer-newsletter h2 {
        font-size: 24px;
        text-align: center;
    }

    .newsletter-form {
        flex-direction: column;
    }

    .newsletter-form .form-control,
    .newsletter-form .btn-enviar {
        width: 100%;
    }

    .footer-content {
        flex-direction: column;
        gap: 30px;
        text-align: center;
    }

    .footer-nav {
        flex-direction: column;
        gap: 15px;
    }

    .footer-buttons {
        flex-direction: column;
    }

    .btn-footer {
        width: 100%;
        justify-content: center;
    }

    .copy-content {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
}


/* ============================
   FALE COM ESPECIALISTA SECTION
   ============================ */

body main section.index-fale-com-especialista {
    background: #FFFFFF;
    padding: 80px 0 0;
    position: relative;
}

body main section.index-fale-com-especialista .especialista-top-content {
    position: relative;
    display: flex;
    gap: 60px;
    align-items: flex-start;
    margin-bottom: 65px;
}

body main section.index-fale-com-especialista .especialista-title {
    flex: 1;
}

body main section.index-fale-com-especialista .especialista-title h2 {
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
}

body main section.index-fale-com-especialista .especialista-title p {
    color: #000000;
    font-family: Anybody;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

body main section.index-fale-com-especialista .especialista-image-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 325px;
    width: 100%;
    z-index: 1;
}

body main section.index-fale-com-especialista .especialista-polygon {
    position: absolute;
    top: -10px;
    left: -15px;
    width: 1120px;
    height: 208px;
    background: var(--primary-color);
    border-radius: 0 0 134px 0;
    transform: rotate(-180deg);
    z-index: 1;
    pointer-events: none;
}

body main section.index-fale-com-especialista .especialista-image {
    position: relative;
    width: 100%;
    height: 300px;
    z-index: 2;
    background: #D9D9D9;
    border-radius: 151px 0 0 0;
    overflow: hidden;
    pointer-events: none;
}

body main section.index-fale-com-especialista .especialista-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body main section.index-fale-com-especialista .especialista-form {
    flex: 0 0 500px;
    height: 704px;
    background: #FFFFFF;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 6;
    pointer-events: auto;
}

body main section.index-fale-com-especialista .especialista-footer {
    background: #000000;
    padding: 30px 0 30px 290px;
    border-radius: 0 0 134px 0;
    width: 60%;
    height: 196px;
    position: relative;
    z-index: 10;
    pointer-events: auto;
}

body main section.index-fale-com-especialista .especialista-footer .container {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    height: 100%;
    pointer-events: auto;
}

body main section.index-fale-com-especialista .especialista-footer p {
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

body main section.index-fale-com-especialista .form-header p {
    color: #000000;
    font-family: Anybody;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 30px;
}

body main section.index-fale-com-especialista .form-group {
    margin-bottom: 20px;
}

body main section.index-fale-com-especialista .form-group label {
    color: #000000;
    font-family: Anybody;
    font-size: 20px;
    font-weight: 400;
    display: block;
    margin-bottom: 8px;
}

body main section.index-fale-com-especialista .form-control {
    width: 100%;
    height: 33px;
    border: 1px solid var(--primary-color);
    background: #FFFFFF;
    color: #000000;
    font-family: Anybody;
    font-size: 14px;
    padding: 0 15px;
    border-radius: 4px;
    transition: 0.3s all;
}

body main section.index-fale-com-especialista .form-control::placeholder {
    color: #999999;
}

body main section.index-fale-com-especialista .form-control:focus {
    outline: none;
    border-color: #000000;
}

body main section.index-fale-com-especialista textarea.form-control {
    height: 100px;
    padding: 12px 15px;
    resize: none;
}

body main section.index-fale-com-especialista .btn-enviar-form {
    width: 100%;
    background: #000000;
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 16px;
    border: 2px solid #000000;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s all;
}

body main section.index-fale-com-especialista .btn-enviar-form:hover {
    background: transparent;
    color: #000000;
}

@media (max-width: 991px) {
    body main section.index-fale-com-especialista {
        padding: 50px 0;
    }

    body main section.index-fale-com-especialista .especialista-container {
        flex-direction: column;
        gap: 40px;
    }

    body main section.index-fale-com-especialista .especialista-right {
        flex: 1;
        width: 100%;
    }
}

/* Formulário Contato Styles */
.formulario-contato {
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
}

.formulario-contato h2 {
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 15px;
}

.formulario-contato .form-intro {
    font-family: Anybody;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 10px;
}

.formulario-contato .form-cta {
    font-family: Anybody;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 30px;
}

.formulario-contato .box-input {
    margin-bottom: 20px;
}

.formulario-contato .box-input label {
    color: #000000;
    font-family: Anybody;
    font-size: 16px;
    font-weight: 400;
    display: block;
    margin-bottom: 8px;
}

.formulario-contato .box-input input,
.formulario-contato .box-input textarea {
    width: 100%;
    border: 1px solid var(--primary-color);
    background: #FFFFFF;
    color: #000000;
    font-family: Anybody;
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 4px;
    transition: 0.3s all;
}

.formulario-contato .box-input input {
    height: 40px;
    background-color: transparent;
}

.formulario-contato .box-input textarea {
    min-height: 100px;
    resize: vertical;
    background-color: transparent;
}

.formulario-contato .box-input input::placeholder,
.formulario-contato .box-input textarea::placeholder {
    color: #999999;
}

.formulario-contato .box-input input:focus,
.formulario-contato .box-input textarea:focus {
    outline: none;
    border-color: #000000;
}

.formulario-contato .form-buttons {
    display: flex;
    gap: 15px;
    margin-top: 25px;
    flex-wrap: wrap;
}

.formulario-contato .btn-enviar {
    flex: 1;
    min-width: 150px;
    background: #000000;
    color: #FFFFFF;
    font-family: Anybody;
    font-size: 13px;
    font-weight: 600;
    padding: 12px 24px;
    border: 2px solid #000000;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s all;
}

.formulario-contato .btn-enviar:hover {
    background: transparent;
    color: #000000;
}

@media (max-width: 768px) {
    .formulario-contato {
        padding: 30px 20px;
    }

    .formulario-contato h2 {
        font-size: 24px;
    }

    .formulario-contato .form-buttons {
        flex-direction: column;
    }

    .formulario-contato .btn-enviar {
        width: 100%;
    }
}

/* Card Obras Styles */
.card-obras .item-bg {
    height: 180px;
    overflow: hidden;
    border-radius: 8px;
}

.card-obras .item-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-obras .item-title {
    color: #C62828;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
}

.card-obras .card-footer {
    display: flex;
    gap: 0;
}

.card-obras .btn-filled {
    display: inline-flex;
    align-items: center;
    gap: 0;
    background: white;
    border: 2px solid #C62828;
    color: #000;
    text-decoration: none;
    font-weight: 500;
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.3s ease;
    padding: 0;
}

.card-obras .btn-filled span {
    padding: 12px 20px;
}

.card-obras .btn-filled i {
    background: #C62828;
    color: white;
    padding: 12px 16px;
    font-size: 14px;
}

/* Section Interna Padding */
section.interna {
    padding-bottom: 0;
}

/* Acompanhe nossa Newsletter */
.newsletter .texto-news h2 {
    width: 281px;
    height: 72px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
}

/* WhatsApp Button - Green Border with White Text */
.btn-whatsapp,
.cta-button.whatsapp,
.button-whatsapp {
    background: transparent !important;
    border: 2px solid #25D366 !important;
    color: white !important;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 24px;
    border-radius: 5px;
    text-decoration: none;
    font-family: Anybody;
    font-weight: 600;
    transition: 0.3s all;
}

.btn-whatsapp:hover,
.cta-button.whatsapp:hover,
.button-whatsapp:hover {
    background: #25D366 !important;
    color: white !important;
}

.btn-whatsapp i,
.cta-button.whatsapp i,
.button-whatsapp i {
    color: #000 !important;
    font-size: 18px;
}

/* Contact Form Styles - Red Bordered Inputs */
.form-contato .form-group {
    margin-bottom: 20px;
}

.form-contato .form-group label {
    display: block;
    color: #000;
    font-family: Anybody;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 8px;
}

.form-contato .form-control,
.form-contato input[type="text"],
.form-contato input[type="email"],
.form-contato input[type="tel"],
.form-contato textarea {
    width: 100%;
    border: 2px solid var(--primary-color);
    background: white;
    padding: 12px 16px;
    font-family: Anybody;
    font-size: 16px;
    border-radius: 4px;
    transition: 0.3s all;
}

.form-contato .form-control::placeholder,
.form-contato input::placeholder,
.form-contato textarea::placeholder {
    color: #CCCCCC;
    font-family: Anybody;
}

.form-contato .form-control:focus,
.form-contato input:focus,
.form-contato textarea:focus {
    outline: none;
    border-color: #8B0310;
}

.form-contato textarea {
    min-height: 120px;
    resize: vertical;
}

.form-contato .btn-enviar,
.form-contato button[type="submit"] {
    background: white;
    border: 2px solid #000;
    color: #000;
    padding: 12px 32px;
    font-family: Anybody;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s all;
}

.form-contato .btn-enviar:hover {
    background: #000;
    color: white;
}

/* Form Buttons Container */
.form-buttons {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 30px;
}

.form-buttons .fa-whatsapp {
    color: #000;
}

/* Video Overlay Section */
.video-overlay-section {
    position: relative;
    width: 100%;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.video-overlay-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.video-overlay-section .overlay-text {
    position: relative;
    z-index: 2;
    color: white;
    font-family: Anybody;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    padding: 40px 20px;
}

/* Depoimentos Section - Circular Images with Red Border */
body main section.index-depoimentos {
    padding: 80px 0;
}

body main section.index-depoimentos .depoimento-item {
    background: transparent;
    padding: 40px;
    text-align: center;
}

body main section.index-depoimentos .author-image-wrapper {
    width: 200px;
    height: 200px;
    margin: 0 auto 30px;
    position: relative;
}

body main section.index-depoimentos .author-image {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 4px solid var(--primary-color);
    overflow: hidden;
    background: white;
}

body main section.index-depoimentos .author-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body main section.index-depoimentos .depoimento-text {
    color: white;
    font-family: Anybody;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 30px;
}

body main section.index-depoimentos .author-name {
    color: white;
    font-family: Anybody;
    font-size: 20px;
    font-weight: 700;
    display: block;
    margin-bottom: 5px;
}

body main section.index-depoimentos .author-title {
    color: #CCCCCC;
    font-family: Anybody;
    font-size: 16px;
    font-weight: 400;
}

/* MVV Cards - Red Background with White Text */
.mvv-section {
    padding: 80px 0;
    background: white;
}

.mvv-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.mvv-card {
    background: var(--primary-color);
    border-radius: 8px;
    padding: 40px 30px;
    text-align: center;
    color: white;
}

.mvv-card .mvv-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mvv-card .mvv-icon i {
    color: white;
    font-size: 48px;
}

.mvv-card h3 {
    color: white;
    font-family: Anybody;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
}

.mvv-card p,
.mvv-card ul {
    color: white;
    font-family: Anybody;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
}

.mvv-card ul {
    list-style: none;
    padding: 0;
}

.mvv-card ul li {
    margin-bottom: 8px;
    padding-left: 20px;
    position: relative;
}

.mvv-card ul li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: white;
}

/* Team Cards - Rounded Images with Gradient Overlay */
.team-section {
    padding: 80px 0;
    background: white;
}

.team-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.team-card {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}

.team-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team-card::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
    z-index: 1;
}

.team-card-info {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    z-index: 2;
    color: white;
}

.team-card-info .team-name {
    font-family: Anybody;
    font-size: 20px;
    font-weight: 700;
    display: block;
    margin-bottom: 5px;
}

.team-card-info .team-role {
    font-family: Anybody;
    font-size: 16px;
    font-weight: 400;
    opacity: 0.9;
}

/* Button Text Colors Based on Background */
section[style*="background: #FFF"] .cta-button,
section[style*="background: white"] .cta-button,
.bg-white .cta-button {
    color: #000 !important;
}

section[style*="background: #000"] .cta-button,
section[style*="background: black"] .cta-button,
.bg-black .cta-button {
    color: white !important;
}

/* Responsive Adjustments */
@media (max-width: 991px) {
    .mvv-grid {
        grid-template-columns: 1fr;
    }

    .team-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .form-buttons {
        flex-direction: column;
        align-items: stretch;
    }
}

/* FIXES FOR BROKEN SECTIONS - Adding missing styles */

/* Projetos Depoimentos Section */
section.projetos-depoimentos-section {
    padding: 80px 0;
}

section.projetos-depoimentos-section .depoimentos-header {
    text-align: center;
    margin-bottom: 60px;
}

.projetos-depoimentos-title {
    color: var(--primary-color);
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    margin: 0;
}

section.projetos-depoimentos-section .depoimentos-carousel {
    margin-bottom: 60px;
    position: relative;
}

section.projetos-depoimentos-section .depoimentos-carousel .owl-stage-outer {
    overflow: visible;
    margin-left: -35px;
}

section.projetos-depoimentos-section .depoimentos-carousel .owl-item {
    opacity: 0.3;
    transition: opacity 0.3s;
}

section.projetos-depoimentos-section .depoimentos-carousel .owl-item.active {
    opacity: 1;
}

section.projetos-depoimentos-section .depoimentos-carousel .owl-nav,
section.projetos-depoimentos-section .depoimentos-carousel .owl-dots {
    display: none !important;
}

section.projetos-depoimentos-section .video-depoimentos-carousel {
    margin-bottom: 50px;
}

section.projetos-depoimentos-section .video-depoimentos-carousel .owl-nav,
section.projetos-depoimentos-section .video-depoimentos-carousel .owl-dots {
    display: none !important;
}

section.projetos-depoimentos-section .owl-carousel .owl-stage {
    display: flex;
}

section.projetos-depoimentos-section .owl-carousel .owl-item {
    display: flex;
    height: auto;
}

section.projetos-depoimentos-section .depoimento-card {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 30px;
    min-height: 300px;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

section.projetos-depoimentos-section .depoimento-card .depoimento-text {
    color: #424242;
    font-family: Anybody;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 20px;
}

section.projetos-depoimentos-section .depoimento-card .depoimento-author {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

section.projetos-depoimentos-section .depoimento-card .author-name {
    color: var(--primary-color);
    font-family: Anybody;
    font-size: 16px;
    font-weight: 700;
}

section.projetos-depoimentos-section .depoimento-card .author-title {
    color: #424242;
    font-family: Anybody;
    font-size: 12px;
    font-weight: 400;
}

section.projetos-depoimentos-section .depoimento-video-card {
    background: #666666;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    width: 100%;
    min-height: 350px;
    display: block;
    text-decoration: none;
}

section.projetos-depoimentos-section .depoimento-video-image {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 350px;
    cursor: pointer;
}

section.projetos-depoimentos-section .depoimento-video-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.projetos-depoimentos-section .play-button-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease;
    pointer-events: none;
}

section.projetos-depoimentos-section .depoimento-video-card:hover .play-button-overlay {
    transform: translate(-50%, -50%) scale(1.1);
}

section.projetos-depoimentos-section .depoimentos-footer {
    display: flex;
    justify-content: center;
}

/* Add equipe-grid styles (new structure) */
.equipe-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.equipe-card {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}

.equipe-card .equipe-image {
    width: 100%;
    height: 100%;
}

.equipe-card .equipe-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.equipe-card::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
    z-index: 1;
    pointer-events: none;
}

.equipe-card .equipe-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 30px 20px;
}

.equipe-card .equipe-info .equipe-nome {
    font-family: Anybody;
    font-size: 20px;
    font-weight: 700;
    display: block;
    margin-bottom: 5px;
    color: white;
}

.equipe-card .equipe-info .equipe-cargo {
    font-family: Anybody;
    font-size: 16px;
    font-weight: 400;
    opacity: 0.9;
    color: white;
}

/* Add mvv-description style */
.mvv-card .mvv-description {
    color: white;
    font-family: Anybody;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
}

@media (max-width: 991px) {
    .equipe-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ========================================
   Projetos Detail Page
   ======================================== */

.page-projetos-detail {
    padding-bottom: 70px;
}

/* Navigation Row - Full Width */
.projeto-nav-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 40px 0;
    margin-bottom: 40px;
    gap: 20px;
}

.owl-projeto-nav {
    flex: 1;
}

.nav-projeto-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    transition: 0.3s;
    cursor: pointer;
}

.nav-projeto-item:hover {
    transform: translateY(-2px);
}

.nav-projeto-item:hover .projeto-name,
.nav-projeto-item.active .projeto-name {
    color: white;
}

.nav-projeto-item.active {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
}

.nav-projeto-item.active .projeto-location {
    color: rgba(255, 255, 255, 0.9);
}

.projeto-name {
    font-family: Raleway, sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    transition: 0.3s;
}

.nav-projeto-item.active .projeto-name,
.nav-projeto-item:hover .projeto-name {
    color: white;
}

.projeto-location {
    font-family: Raleway, sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    color: rgba(255, 255, 255, 0.4);
    transition: 0.3s;
}

.nav-prev-owl,
.nav-next-owl {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    flex-shrink: 0;
}

.nav-prev-owl:hover,
.nav-next-owl:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: white;
}

/* Two Column Container */
.projetos-detail-container {
    display: flex;
    gap: 40px;
    min-height: 600px;
    width: 100%;
}

/* Left Column */
.projeto-sidebar {
    width: 50%;
    color: white;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.projeto-content {
    flex: 1;
}

.nav-arrow {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.nav-arrow:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: white;
}

.nav-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.projeto-spot {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

.projeto-location {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
}

.projeto-content {
    flex: 1;
}

.projeto-tag {
    font-family: Raleway, sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.projeto-title {
    margin: 0 0 10px 0;
}

.projeto-title img {
    max-width: 200px;
    height: auto;
}

.projeto-subtitle {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 30px;
}

.projeto-description {
    margin-bottom: 40px;
}

.projeto-description p {
    color: #FFFFFF;
    font-size: 24px;
    line-height: 1.6;
    margin-bottom: 10px;
}

.ver-mais {
    color: white;
    text-decoration: underline;
    font-size: 14px;
}

.projeto-specs {
    background: white;
    padding: 30px;
    border-radius: 10px;
    color: #000;
}

.projeto-specs h3 {
    font-size: 24px;
    color: #000;
    margin-bottom: 10px;
}

.projeto-specs p {
    font-size: 24px;
    color: #000;
    margin-bottom: 25px;
}

.specs-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    margin: 25px 0 0 0;
}

.specs-list a {
    color: #000;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    transition: 0.3s;
}

.specs-list a:hover {
    color: var(--primary-color-dark);
    transform: translateX(5px);
}

.specs-list i {
    width: 30px;
    height: 30px;
    background: var(--primary-color);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 1;
    opacity: 1;
    flex-shrink: 0;
}

.specs-list a span {
    line-height: 1;
}

/* Right Gallery */
.projeto-gallery {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.gallery-main {
    flex: 1;
    background-color: #262626;
    border-radius: 10px;
    overflow: hidden;
}

.gallery-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-thumbs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.thumb {
    aspect-ratio: 16/9;
    background-color: #262626;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: 0.3s;
}

.thumb:hover {
    transform: scale(1.05);
}

.thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Responsive */
@media (max-width: 991px) {
    .projetos-detail-container {
        flex-direction: column;
    }
    
    .projeto-sidebar,
    .projeto-gallery {
        width: 100%;
    }
    
    .projeto-title {
        font-size: 48px;
    }
}