@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;700&display=swap);#app {
    text-align: center;
    color: #2c3e50
}

.StylableButton2545352419__container {
    align-items: center;
    display: flex;
    flex-basis: auto;
    flex-direction: row;
    flex-grow: 1;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    transition: all .2s ease,visibility 0s;
    width: 100%
}

@media only screen and (max-width: 600px) {
    .banner-container {
        right:-10px;
        top: -10px
    }
}

.rotate {
    animation: rotate 10s linear infinite
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes pisca {
    70% {
        box-shadow: 0 0 0 25px transparent
    }

    to {
        box-shadow: 0 0 0 0 transparent
    }
}

@media only screen and (max-width: 600px) {
    .t .title {
        font-size:48px
    }

    .t {
        left: 5%;
        max-width: 90vw!important;
        min-height: 100%!important
    }

    .btn {
        max-width: 50vw!important;
        min-width: 50vw!important;
        font-size: .7rem
    }
}

.b1,.b2 {
    color: #fff;
    animation: pisca 1.5s infinite
}

.btn.b2:hover,.btn:hover {
    background-color: #212121
}

@media only screen and (max-width: 600px) {
    .servicos li {
        min-width:100%
    }
}

.contact-info .icon-text {
    display: flex;
    margin-bottom: 10px
}

.whatsapp-button {
    animation: pulse 4s infinite,pisca 1.5s infinite
}

.hero-app {
    position: relative;
    width: 100%;
    height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.hero-bg {
    background-image: url(/img/hero.9e0108b9.avif);
    background-size: cover;
    background-position: 50%;
    transform: scale(1.1)
}

.hero-bg,.hero-overlay {
    position: absolute;
    width: 100%;
    height: 100%
}

.hero-overlay {
    background: rgba(0,0,0,.7)
}

.hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    padding: 20px
}

.hero-title {
    font-family: Teko,sans-serif;
    font-size: 70px;
    line-height: 1;
    margin-bottom: 10px
}

.hero-title span {
    color: #ff2d2d
}

.hero-subtitle {
    font-size: 20px;
    margin-bottom: 25px
}

.hero-btn {
    font-size: 18px;
    padding: 18px 40px;
    border-radius: 50px
}

@media(max-width: 768px) {
    .hero-title {
        font-size:42px
    }

    .hero-app {
        height: 80vh
    }
}

.img-responsive {
    width: 100%;
    max-width: 200px;
    height: auto
}

body * {
    overflow: hidden
}

body {
    font-family: Montserrat,sans-serif
}

.hero-title {
    display: block
}

.card-benefits img {
    margin-top: 50px;
    width: 100%;
    min-width: 100%;
    height: auto
}

.card-benefits {
    min-width: 80vw!important;
    max-width: 80vw!important;
    margin: 100px 0;
    text-align: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 50px
}

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

.benefits li svg {
    margin: 8px
}

.benefits li {
    padding: 2px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 18px
}

.services {
    display: inline-flex;
    gap: 12px
}

.service h2 {
    font-family: Teko,Sans-serif!important;
    color: #d81c1c
}

.service p {
    color: #fff
}

.service {
    max-width: 20vw;
    background: #000;
    border-radius: 32px;
    padding: 32px
}

.icon-check {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    fill: #d81c1c;
    flex-shrink: 0
}

.title {
    color: #000!important;
    font-family: Teko,Sans-serif!important;
    font-size: 50px;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 58px;
    letter-spacing: -1.5px
}

#app {
    font-family: Avenir,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

nav {
    padding: 30px
}

nav a {
    font-weight: 700;
    color: #2c3e50
}

nav a.router-link-exact-active {
    color: #42b983
}

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

.container ul {
    max-width: 50vw
}

.banner-container {
    overflow: hidden;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px;
    max-width: 150px;
    top: 0;
    right: 0
}

@media only screen and (max-width: 600px) {
    .card-benefits {
        display:block
    }

    .card-benefits :not(svg) {
        min-width: 80vw!important;
        max-width: 80vw!important
    }

    .services {
        display: block;
        gap: 0
    }

    .service {
        margin-top: 10px;
        max-width: 80vw!important;
        min-width: 80vw!important
    }

    .banner-container {
        right: -10px;
        top: -10px
    }
}

.rotate {
    animation: rotate-d4f03df2 10s linear infinite
}

@keyframes rotate-d4f03df2 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

#circulo-banner:before {
    content: "";
    background-image: url(data:image/webp;base64,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);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto
}

text {
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase
}

* {
    overflow-x: hidden;
    text-decoration: none
}

@keyframes pulse-d4f03df2 {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes pisca-d4f03df2 {
    70% {
        box-shadow: 0 0 0 25px transparent
    }

    to {
        box-shadow: 0 0 0 0 transparent
    }
}

.slides-container {
    border-top: 15px solid #ffc107;
    position: relative;
    max-width: 100vw;
    min-width: 100vw;
    left: 0!important;
    height: 600px;
    overflow: hidden
}

.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .5s ease-in-out;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.slide[style*="display: block;"] {
    opacity: 1
}

.g4 {
    padding: 0!important;
    margin: 0 auto!important;
    display: grid;
    max-width: 90%!important;
    grid-template-columns: repeat(4,25%);
    -moz-column-gap: 5px;
    column-gap: 5px;
    row-gap: 2.5px
}

@media only screen and (max-width: 600px) {
    .g4 {
        max-width:100%!important;
        grid-template-columns: repeat(2,50%)
    }
}

.g4 P {
    padding-right: 4px
}

.g4 img {
    max-width: 100%!important;
    min-width: 100%!important;
    width: auto;
    height: auto
}

.t {
    position: absolute;
    top: 5%;
    left: 6%;
    z-index: 10;
    max-width: 50vw!important;
    min-height: 100%!important
}

.t * {
    color: #212121!important
}

@media only screen and (max-width: 600px) {
    .t .title {
        font-size:48px
    }

    .t {
        left: 5%;
        max-width: 90vw!important;
        min-height: 100%!important
    }
}

.font-hover {
    color: #fff!important;
    font-weight: 700;
    font-size: 2.5rem;
    text-transform: uppercase
}

.banner-contato {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.banner-contato * {
    color: #fff!important
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 20px 30px;
    margin: 20px auto;
    border: none;
    border-radius: 36px;
    text-decoration: none;
    font-size: .9rem;
    font-weight: 600;
    max-width: 25vw!important;
    cursor: pointer
}

@media only screen and (max-width: 600px) {
    .btn {
        max-width:70vw!important;
        min-width: 70vw!important;
        font-size: .7rem
    }
}

.b1 {
    background: #00cf4b;
    box-shadow: 0 0 21px -6px #00cf4b
}

.b1,.b2 {
    color: #fff;
    animation: pisca-d4f03df2 1.5s infinite
}

.b2 {
    background-color: #ab2424;
    box-shadow: 0 0 21px -6px #d32f2f
}

.icon32 {
    margin-right: 8px
}

.btn.b2:hover,.btn:hover {
    background-color: #212121
}

.servicos {
    display: flex;
    flex-wrap: wrap
}

.servicos li {
    min-width: 45%
}

@media only screen and (max-width: 600px) {
    .servicos li {
        min-width:50%!important
    }
}

.footer-content {
    padding: 0 5px
}

.footer-content p {
    text-align: left!important
}

.icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 18px;
    margin-right: 5px;
    color: #d5d5d5;
    font-size: 10px;
    text-align: center;
    background-color: #f3f3f6;
    vertical-align: middle;
    border-radius: 50%
}

.row {
    display: flex;
    position: relative;
    width: 92vw;
    margin: 0 auto!important;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 6px
}

.row div p {
    text-align: left
}

.row div {
    width: calc(33.33333% - 4px)
}

@media only screen and (max-width: 600px) {
    .row div {
        width:95%
    }
}

* {
    overflow-x: hidden!important
}

h3 {
    font-family: Teko,Sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 58px;
    color: #212121
}

@media only screen and (max-width: 600px) {
    h3 {
        font-size:28px
    }
}

.footer-section {
    min-width: 100vw!important;
    max-width: 100vw!important;
    background: hsla(0,0%,48%,.09);
    color: #212121
}

.contact-info {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-width: 55%;
    margin: 0 auto!important
}

.contact-info .icon-text {
    color: #212121!important
}

.copyright-area {
    padding: 15px 0;
    color: #212121;
    text-align: center
}

.copyright-area div {
    margin: 0 auto!important
}

.copyright {
    display: flex;
    justify-content: center
}

@media(max-width: 767px) {
    .footer-menu {
        margin-top:30px
    }
}

.whatsapp-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #00cf4b;
    width: 48px;
    height: 48px;
    padding: 20px;
    font-size: 16px;
    border-radius: 100%;
    text-decoration: none;
    animation: pulse-d4f03df2 4s infinite,pisca-d4f03df2 1.5s infinite;
    box-shadow: 0 0 21px -6px #25d366;
    transition: background-color .3s ease;
    position: fixed;
    bottom: 2vh;
    right: 5vw;
    z-index: 1000
}

.whatsapp-button:hover {
    background-color: #2aee72
}