@font-face {
    font-family: 'Montserrat Extra Bold';
    font-style: bold;
    src: url(../webfonts/Montserrat-ExtraBold.woff2) format('woff2');
}

@font-face {
    font-family: 'Montserrat Bold';
    font-style: bold;
    src: url(../webfonts/Montserrat-Bold.woff) format('woff');
}

@font-face {
    font-family: 'Montserrat Bold';
    font-style: bold;
    src: url(../webfonts/Montserrat-Bold.woff2) format('woff2');
}

@font-face {
    font-family: 'Montserrat Regular';
    font-style: bold;
    src: url(../webfonts/Montserrat-Regular.woff) format('woff');
}

@font-face {
    font-family: 'Montserrat Regular';
    font-style: bold;
    src: url(../webfonts/Montserrat-Regular.woff2) format('woff2');
}

:root {
    --title-color-yellow: #FFB200;
    --text-color-white: #FFFFFF;
    --gray-500: #238B99;

    --font-regular: 'Montserrat Regular';
    --font-ext-bold: 'Montserrat Extra Bold';
}


body {
    overflow-x: hidden;
}

/* FOR MOBILE */
.show-desk {
    display: block!important;
}

.show-mobile {
    display: none!important;
}

/* UTIL */
.carreira-obg-show {
    display: none!important;
}

/* VIDEO */

video {
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

/* NAVBAR */
.header {
    top: 0;
    background-color: #ffffff;
    height: 75px;
    display: flex;
    width: 100%;
    z-index: 999;
}

#linksMarcas {
    display: none;
  }

  #linksSegmentos {
    display: none;
  }

.ajust-navbar {
    margin-top: 15px;
}

.left-img img {
    margin-left: 15%;
    width: 33%;
    height: auto;
}

.img-menu {
    position: fixed;
    float: right;
    right: 0;
    text-align: center;
    z-index: 999;
}

.img-menu img {
    margin-top: 10%;
}

.img-menu span {
    cursor: pointer;
}

.linkmenu {
    margin-top: 2% !important;
}

.linkmenu a {
    font-family: 'Montserrat Extra Bold';
    color: #238A99;
    font-size: 15px;
    text-decoration: none;
}

.linkmenu a:hover {
    color: #238A99;
}

.hover-linkmenu:hover {
    border-bottom: 14px solid #F0B928;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    background-color: #238A99;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.border-sidenav {
    border-left: 13px solid #FFB200;
}

.sidenav a {
    font-family: 'Montserrat Extra Bold';
    padding: 0px 0px 0px 32px;
    text-decoration: none;
    font-size: 15px;
    color: #FFFFFF;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #ffffffea;
}

.sidenav .closebtn {
    position: absolute;
    top: -35px;
    right: 25px;
    font-size: 75px;
    margin-left: 50px;
    color: #FFB200;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.sidenav .closebtn:hover {
    color: #eca500;
}

.background-soluctions {
    background: #FFB200;
}

.custon-title-color-white strong {
    color: #238B99 !important;
}

.custon-title-color-white strong:last-child {
    color: #FFFFFF !important;
}

.custon-title-color-white span {
    color: #FFFFFF !important;
}

.picture-group {
    position: absolute;
    top: -9px;
    left: 64%;
}

.container-button-future {
    display: flex;
    flex-direction: row;
    margin-top: 33px;
}

.container-button-future a {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
    color: #FFFFFF;
    margin-right: 40px;
}

.container-button-future a:hover {
    color: #FFFFFF;
}

.container-button-future a span {
    background: #238B99;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
}

.container-button-future a div {
    background: #FFB200;
    color: #FFFFFF;
    height: 42px;
    font-family: 'Montserrat Extra Bold';
    padding: 0 15px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.custon-card-soluctions {
    display: flex;
    flex-direction: column;
}

.custon-card-soluctions span {
    font-size: 19px;
    font-family: 'Montserrat Extra Bold';
    margin-top: 10px;
}

.custon-card-soluctions p {
    font-size: 10px;
    margin-top: 10px;
}

.card-services-wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 19px;
}

.text-funciona1 {
    font-family: 'Montserrat Extra Bold';
    font-size: 53px;
    color: #FFB200;
}

.text-funciona2 {
    font-family: 'Montserrat Bold';
    font-size: 53px;
    color: #E2E2E2;
}

.text-funciona3 {
    font-family: 'Montserrat Regular';
    font-size: 53px;
    color: #EEEDEC;
}

.title-passos {
    font-family: 'Montserrat Extra Bold';
    font-size: 47px;
    color: #288C9B;
}

.text-passos {
    font-family: 'Montserrat Regular';
    font-size: 17px;
    color: #707070;
    line-height: 19px;
    width: 346px;
    margin-right: 0px;
    display: block;
}

.bg-seta {
    height: 300px;
    margin-top: 20px!important;
}

.ajust-bg-seta img {
    float: right;
    margin-right: 22%;
}

.ajust-bg-seta2 img {
    float: left;
    margin-left: 16%;
}

.passos {
    margin-top: -315px!important;
}

.dot {
    height: 200px;
    width: 200px;
    background-color: #F3F3F2;
    border-radius: 50%;
    display: inline-block;
}

.funciona-info {
    margin-top: -100px!important;
}

.funciona-ico {
    margin-top: -175px;
    min-height: 101px;
}

.funciona-ico-text {
    font-family: 'Montserrat Regular';
    font-size: 17px;
    line-height: 19px;
    color: #707070;
    margin-top: 30px;
    display: block;
    width: 100%;
    padding-right: 14px;
    padding-left: 14px;
    margin-bottom: 20%;
}

.funciona-detalhe {
    margin-top: -250px;
    margin-bottom: 5%
}

.seg-como-funciona {
    display: contents;
}


.content-future h1 {
    font-size: 68px;
    color: var(--title-color-yellow);
    font-family: var(--font-ext-bold);
    z-index: 2;
}

.content-future h5 {
    color: var(--text-color-white);
    font-family: var(--font-ext-bold);
    font-size: 15px;
}

.content-future p {
    color: var(--text-color-white);
    font-family: var(--font-regular);
    font-size: 13px;
}

.container-button-link {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;

    text-decoration: none;
}

.container-button-link span {
    color: var(--text-color-white);
    background: var(--gray-500);
    height: 42px;
    padding: 0 12px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.container-button-link div {
    background-color: var(--title-color-yellow);
    color: var(--text-color-white);
    font-family: var(--font-ext-bold);
    font-size: 20px;

    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
}

.future-container-somos {
    margin-top: 65px;
}

.custon-distance-carrier {
    margin-top: 200px;
    border: 4px solid #000;
}

.content-metricas {
    width: 100%;
    max-width: 74.5rem;
    padding-left: 10px;
    padding-right: 10px;
}

.content-metricas h3 {
    font-size: 21px;
    color: var(--title-color-yellow);
    font-family: var(--font-ext-bold);
}

.content-metricas p, .content-metricas strong {
    color: var(--gray-500);
    font-size: 13px;
    margin-bottom: 25px;
}

.content-metricas strong {
    font-family: var(--font-ext-bold);
    color: var(--gray-500);
}

.container-info-card  {
    display: flex;
    flex-direction: row;
    align-items: center;

    position: absolute;
    top: 187px;
    left: 277px;
    width: 67px;
}

.container-info-card div {
    border: 1px solid;

    border-radius: 50%;
    height: 12px !important;
    width: 14px !important;

    font-size: 8px;

    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    margin-top: -39px;
}

.info-card {
    padding: 0;
    font-size: 8px !important;
    width: 49px!important;
    margin-left: -190px;
    margin-top: -22px;
}

.closed-button-soluction {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -139px;
    left: 93%;
}

.closed-button-soluction-difer {
    left: 24px;
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}

.contato-menu {
    font-family: 'Montserrat Regular';
    font-size: 13px;
    color: #FFFFFF;
    line-height: 16px;
    position: absolute;
    bottom: 0;
    margin-bottom: 0px;
}

.contato-menu p {
    padding: 8px 125px 8px 32px;
}

#submenuUser {
    height: calc(100% - 310px);
    width: 100%;
    background-color: #238A99;
    margin-top: -40px;
}

.listStyle {
    list-style: none;
    padding-left: 0;
    margin: 0;
    list-style-type: none;
}

.listStyle li a {
    color: white;
    height: 25px;
    text-decoration: none;
    display: block;
}

.btn-modal-navbar {
    font-family: 'Montserrat Extra Bold';
    padding: 0px 0px 0px 32px;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s;
    color: white;
    cursor: pointer;
}

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

.content-box {
    width: 100%;
    max-width: 74.5rem;
}

.btn-modal-navbar:hover {
    color: #ffffffea;
}

.select {
    width: calc(75px * 2);
    overflow: hidden;
    margin: 0;
    color: #ffffff;
    position: relative;
    height: auto;
    max-height: calc(50px * 8);
    /* max 8 element in list */
    transition: 0.2s;
    list-style-type: none;
}

/* .select:before {
    content: '';
    position: absolute;
    background-color: #FFB200;
    cursor: pointer;
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(45deg);
    top: 10px;
    right: 15px;
} */

/* .select:after {
    content: '';
    position: absolute;
    background-color: #238A99;
    cursor: pointer;
    width: 21px;
    height: 25px;
    -webkit-transform: rotate(90deg);
    top: 15px;
    right: 12px;
} */

.select2 {
    width: calc(90px * 2);
    overflow: hidden;
    margin: 0;
    color: #ffffff;
    position: relative;
    height: auto;
    max-height: calc(50px * 8);
    /* max 8 element in list */
    transition: 0.2s;
    list-style-type: none;
}

.img-triangle {
    transform: rotate(270deg);
    margin-left: 15px;
}

.active-triangle {
    transform: rotate(90deg);
}

/* .select2:before {
    content: '';
    position: absolute;
    background-color: #FFB200;
    cursor: pointer;
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(45deg);
    top: 10px;
    right: 15px;
} */

/* .select2:after {
    content: '';
    position: absolute;
    background-color: #238A99;
    cursor: pointer;
    width: 21px;
    height: 25px;
    -webkit-transform: rotate(90deg);
    top: 15px;
    right: 12px;
} */

.collapsed {
    max-height: 50px;
    transition: 0.2s;
}

/* .collapsed:before {
    content: '';
    position: absolute;
    background-color: #FFB200;
    cursor: pointer;
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(45deg);
    top: 0px;
    right: 15px;
} */

.remove-icon:before {

}

/* .collapsed:after {
    content: '';
    position: absolute;
    background-color: #238A99;
    cursor: pointer;
    width: 21px;
    height: 25px;
    -webkit-transform: rotate(90deg);
    top: -15px;
    right: 12px;
} */

.option,
.shown {
    width: 100%;
    cursor: pointer;
    background-color: #238A99;
}

.option a {
    font-family: 'Montserrat Regular';
    font-size: 13px;
    white-space: nowrap;
}

.shown {
    background-color: #238A99;
    font-family: 'Montserrat Extra Bold';
    padding: 2px 0px 6px 32px;
    text-decoration: none;
    font-size: 15px;
}

/* FOOTER */

.bg-footer {
    background-color: #FFB200;
}


.footer {
    min-height: 70px;
    display: flex;
    margin-top: 2%;
}

.text-footer p {
    font-family: 'Montserrat Regular';
    font-size: 12px;
    color: #707070;
    margin-top: 3%;
    margin-bottom: 3%;
}

.ajust-footer-navigation {
    margin: 10px;
    text-align: center;
}

.ajust-footer-navigation a {
    font-family: 'Montserrat Regular';
    font-size: 15px;
    line-height: 33px;
    text-decoration: none;
    color: #FFFFFF;
    white-space: nowrap;
}

.ajust-footer-navigation a:hover {
    color: #FFFFFF;
}

.btn-modal-footer {
    font-family: 'Montserrat Regular';
    font-size: 15px;
    line-height: 33px;
    text-decoration: none;
    color: #FFFFFF;
    white-space: nowrap;
    cursor: pointer;
}

.btn-modal-footer:hover {
    color: #FFFFFF;
}

.ajust-footer-links {
    margin: 10px;
    text-align: center;
}

.ajust-footer-links a {
    font-family: 'Montserrat Regular';
    font-size: 12px;
    line-height: 33px;
    text-decoration: none;
    color: #FFFFFF;
    white-space: nowrap;
}

.ajust-footer-links a:hover {
    color: #FFFFFF;
}

.ajust-footer-links span {
    font-family: 'Montserrat Bold';
    font-size: 12px;
    text-decoration: none;
    color: #FFFFFF;
    white-space: nowrap;

}

.hr hr {
    color: #FFFFFF;
}

/* CONTATO */
.contato-title {
    font-size: 72px;
    text-transform: uppercase;
    color: #FFB200;
    margin: 0;
    font-family: 'Montserrat Extra Bold';
    width: 100%;
    line-height: 85px;
    margin-top: 5%;
}

.contato-title span {
    color: #E2E2E2;
}

.contato-title span:last-child {
    font-family: 'Montserrat Regular';
    font-weight: 100;
}

.text-contato {
    font-family: 'Montserrat Regular';
    font-size: 14px;
    color: #707070;
    padding-right: 25%;
    line-height: 27px;
    margin-top: 5%;
}

.text-form {
    font-family: 'Montserrat Regular';
    font-size: 12px;
    color: #707070;
    margin-top: 2%;
}

.container-btn-form {
    display: flex;
    flex-direction: row;
    float: right;
    background-color: transparent;
}

.container-btn-form button {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
    color: #FFFFFF;
    border: none;
    background-color: transparent;
    margin-left: -5px;
}

.container-btn-form button span:hover {
    background: #FFB200;
    color: #238B99;
}

.container-btn-form button span {
    background: #238B99;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    font-family: 'Montserrat Extra Bold';
}

.container-btn-form button div {
    background: #FFB200;
    color: #FFFFFF;
    height: 42px;
    font-family: 'Montserrat Extra Bold';
    padding: 0 15px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.container-btn-form label {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
    color: #FFFFFF;
    border: none;
    background-color: transparent;
    margin-left: -5px;
}

.container-btn-form label span:hover {
    background: #FFB200;
    color: #238B99;
}

.container-btn-form label span {
    background: #238B99;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    font-family: 'Montserrat Extra Bold';
}

.container-btn-form label div {
    background: #FFB200;
    color: #FFFFFF;
    height: 42px;
    font-family: 'Montserrat Extra Bold';
    padding: 0 15px;

    display: flex;
    align-items: center;
    justify-content: center;
}

::-webkit-input-placeholder { /* Edge */
    font-family: 'Montserrat Regular';
    font-size: 12px;
    color: #9A9999;
  }
  
  :-ms-input-placeholder { /* Internet Explorer */
    font-family: 'Montserrat Regular';
    font-size: 12px;
    color: #9A9999;
  }
  
  ::placeholder {
    font-family: 'Montserrat Regular';
    font-size: 12px;
    color: #9A9999;
  }

  .title-assunto option {
    font-family: 'Montserrat Regular';
    font-size: 12px;
    color: #9A9999;
  }

  .input-form input {
   border: 1px solid #F1F1F1;
   width: 100%;
   padding: 5px;
  }

  .input-form-email input {
    border: 1px solid #F1F1F1;
    width: 90%;
    padding: 5px;
   }

  .input-form select {
    border: 1px solid #F1F1F1;
    width: 100%;
    padding: 5px;
    font-family: 'Montserrat Regular';
    font-size: 12px;
    color: #9A9999;
    height: 37px;
   }

   .input-form textarea {
    border: 1px solid #F1F1F1;
    width: 100%;
    padding: 5px;
   }

   

/* SEM CONTATO */
.info-flo {
    position: fixed;
    bottom: 10px;
    right: 20px;
}



/* REDES SOCIAIS */

.redes-sociais {
    display: grid;
    padding: 10px;
    position: fixed;
    bottom: 0;
    z-index: 9;
    margin-left: 30px;
}

.redes-sociais img {
    margin-top: 10px;
}

.element {
    display: none;
}

/* [Object] Modal
 * =============================== */
.modal {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: left;
    background: rgba(0, 0, 0, .9);
    transition: opacity .25s ease;
    display: block !important;
}

.btn-modal {
    cursor: pointer;
}

.modal__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
}

.modal-state {
    display: none;
}

.modal-state:checked+.modal {
    opacity: 1;
    visibility: visible;
}

.modal-state:checked+.modal .modal__inner {
    top: 0;
}

.modal__inner_home {
    width: 30%!important;
    height: 50%!important;
    border-radius: 20px!important;
    padding: 0!important;
}

.modal__inner {
    transition: top .25s ease;
    position: absolute;
    top: -20%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 85%;
    margin: auto;
    overflow: auto;
    background: #fff;
    border-radius: 5px;
    padding: 1em 2em;
    height: 75%;
}

.modal__close {
    position: absolute;
    right: 1em;
    top: 0.5em;
    width: 1.1em;
    height: 1.1em;
    cursor: pointer;
    font-size: 28px;
}

.modal__close:after,
.modal__close:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 1.5em;
    background: #FFB200;
    display: block !important;
    transform: rotate(45deg);
    left: 50%;
    margin: -3px 0 0 -1px;
    top: 0;
}

.modal__close:hover:after,
.modal__close:hover:before {
    background:silver;
}

.modal__close:before {
    transform: rotate(-45deg);
}

.modal__close_home {
    position: absolute;
    right: 1em;
    top: 0.5em;
    width: 1em;
    height: 1em;
    cursor: pointer;
    font-size: 20px;
}

.modal__close_home:after,
.modal__close_home:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 1.5em;
    background: gray;
    display: block !important;
    transform: rotate(45deg);
    left: 50%;
    margin: -3px 0 0 -1px;
    top: 0;
}

.modal__close_home:hover:after,
.modal__close_home:hover:before {
    background: gray;
}

.modal__close_home:before {
    transform: rotate(-45deg);
}

.container-partner {
    width: 100%;
    display: flex;
    /* align-items: center; */
    justify-content: center;
}

.content-partner {
    width: 100%;
    max-width: 74.5rem;
    padding-top: 1.313rem;
    padding-bottom: 2.313rem;
}

.container-partner {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 1.813rem;
}

.icon-arrow {
    cursor: pointer;
}

.partner-wrapper {
    height: 68px;
    overflow-y: hidden;
    overflow-x: scroll;

    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    margin: 0 10px;
    flex: 1;
}

.partner-wrapper::-webkit-scrollbar {
    display: none;
}



@media screen and (max-width: 768px) {
    .modal__inner {
        width: 90%;
        height: 90%;
        box-sizing: border-box;
    }

    .modal__inner_home {
        width: 80%!important; 
    }

    .container-button-future a {
        margin-right: 10px;
    }
}



/* SEM CONTATO */

.sem-contato {
    float: right;
}

.container-lead {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
}

.content-lead {
    width: 100%;
    max-width: 74.5rem;
    padding-top: 2.625rem;
    padding-bottom: 2.188rem;
}

.title-lead {
    background: #FFB200;
    padding: 5px 10px;
    width: 100%;
    max-width: 29rem;
    color: #FFFFFF;
    font-family: 'Montserrat Regular';
    font-size: 20px;
}

.brand-lead-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    width: 100%;
    padding: 20px 0;
    border-bottom: 6px solid #FFB200;
    overflow-x: scroll;
}

.container-partner-lead {
    padding-bottom: 10px;
    border-bottom: 6px solid #FFB200;
}

.title-lead-mobile {
    width: 100%;
    max-width: 18.25rem;
    background: #FFB200;
    font-family: 'Montserrat Regular';
    font-size: 20px;
    color: #FFFFFF;
    padding: 7px 12px;
}



.future-container {
    width: 100%;
    padding-right: 11px;
    padding-left: 11px;

    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 30px;
    padding-bottom: 3.225rem;
}

.future-content {
    width: 100%;
    max-width: 74.5rem;
    position: relative;
}

.future-content p {
    font-family: 'Montserrat Regular';
    font-size: 13px;
    color: #707070;
}

.title-future {
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: center;

}

.title-future h1 {
    color: #FFB200;
    font-size: 3rem;
    font-family: 'Montserrat Bold';
    z-index: 1;
}

.title-future-somos h1 {
    font-size: 37px;
    font-family: var(--font-ext-bold);
}

.title-differs h2{
    font-family: 'Montserrat Extra Bold';
    font-size: 55px;
    z-index: 1;
    color: #FFB200;
}

.container-services-soluctions {
    padding-top: 60px;
    margin-bottom: 70px;
    width: 100%;


    display: flex;
    justify-content: center;
}


.content-services-soluctions {
    color: #707070;
    width: 100%;
    max-width: 74.5rem;
}

.sub-title-future {
    position: absolute;

    font-size: 4.375rem;
    color: #E2E2E2;
    font-family: 'Montserrat Bold';
    top: -50px;
    opacity: 0.34;
}

.card-services-soluctions {
    width: 100%;
    max-width: 23.75rem;
    height: 9.75rem;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    position: relative;
    border-left: 12px solid #8C8C8C;
}

.card-services-soluctions:hover {
    box-shadow: 3px -3px 6px rgba(0, 0, 0, 0.3);
}

.card-services-soluctions p {
    font-size: 13px;
    color: #707070;
    margin: 5px;
}

.content-card-soluctions {
    padding-top: 5px;
    position: relative;
}

.content-card-soluctions div {
    position: absolute;
    left: 39%;
    top: 155px;
    background: #8C8C8C;
    color: #FFFFFF;
    text-decoration: none;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-family: 'Montserrat Extra Bold';
    font-size: 13px;

    border-top: 10px solid #FFFFFF;
    max-width: 160px;
    display: none;
}


.content-card-soluctions div a {
    text-decoration: none;
    color: #FFFFFF;
    text-transform: uppercase;

    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    cursor: pointer;
    width: 200px;
}

.content-card-soluctions div span{
    background: #eca500;
    height: 100%;
    padding: 5px 8px;
}

.front-cover-services-soluction {
    animation: slide-segment 0.1s both;
}

.importantElement {
    z-index: 999;
}

.card-services-soluctions:hover .content-card-soluctions div{
    display: flex;
}

.front-cover-services {
    position: absolute;
    background: #FFFFFF;
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    z-index: 1;
}

.front-cover-services h5 {
    font-size: 19px;
    margin-top: 10px;
}

.front-cover-services span {
    font-size: 10px;
}

.results-title {
    font-size: 30px;
    width: 100%;
    max-width: 74.5rem;
    color: #FFB200;
}

.results-title span {
    color: #FFFFFF;
}

.card-results {
    width: 98%;
    height: 6.125rem;
    background: #FFFFFF;
    border-radius: 10px;
}

.card-results:hover {
    animation: slide-results 0.2s both;
}

.card-results:hover .img-top {
    display: none;
}
.card-results:hover .img-back {
    display: block;
}
.card-results .img-back {
    display: none;
}

.card-results div {
    height: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    font-family: 'Montserrat Extra Bold';
}

.card-results div span {
    font-size: 14px;
}

.btn-carreira {
    color: white; 
    font-family:'Montserrat Bold'; 
    font-size:15px; 
    background-color:#238A99; 
    padding:10px;
}

.btn-carreira:hover {
    background-color: var(--title-color-yellow);
    color: #238A99;
}

.seta-carreira {
    background-color: var(--title-color-yellow);
    padding: 12px;
    margin-left: -5px;
    font-size: 15px;
    margin-top: -2px;
}

/* SOLUÇOES */
.detalhe-solucoes {
    margin-top: -250px;
}

/* SEGMENTOS */
.detalhe-segmentos {
    margin-top: -225px;
}

/* CARREIRA */
.detalhe-carreira {
    margin-left: 40px;
    position: absolute;
}

/* SERVICES RESULTS */
.detalhe-services-results {
    margin-left: 40px;
    margin-top: -365px;
}

.container-main-services-results {
    background: #238B99;
    padding-top: 1.2rem;
    padding-bottom: 55px;
    margin-top: -421px;
}

/* 404 */
.bg-404 {
    background-color: #FAFAFA;
}

.detalhe-404 {
    margin-left: 40px;
    position: fixed;
    bottom: 0;
}

.breadcrumb-404 {
    margin-top: 25px!important;
}

.breadcrumb-404 p {
    font-family: 'Montserrat Regular';
    font-size: 11px;
    text-decoration: none;
    color: #8C8C8C;
}

.breadcrumb-404 a {
    font-family: 'Montserrat Regular';
    font-size: 11px;
    text-decoration: none;
    color: #8C8C8C;
}

.breadcrumb-404 a:hover {
    color: #8C8C8C;
}

.breadcrumb-404 span {
    font-family: 'Montserrat Extra Bold';
    font-size: 11px;
    text-decoration: none;
    color: #8C8C8C;
}

#bg-img-breadcrumb {
    width: 100%;
    height: auto;
    margin-top: 5%;
}

.text-bg-404 {
    font-family: 'Montserrat Bold';
    font-size: 182px;
    color: #F5F5F5;
    line-height: 45px;
    margin-top: 10%!important;
}

.text-404 {
    font-family: 'Montserrat Extra Bold';
    font-size: 108px;
    color: #31919F;
    line-height: 45px;
    margin-top: 3%!important;
    margin-bottom: 4%;
}

.text-404 span {
    font-family: 'Montserrat Extra Bold';
    font-size: 108px;
    color: #FFB200;
    line-height: 45px;
}

.ajust-btn-404 {
    margin-top: -6%!important;
}

/* PARCEIRO */

.bg-parceiro {
    background-image: url('/assets/img/parceiro/bg-parceiro.webp');
    background-repeat: no-repeat;
    width: 100%;
    height: 671px;
    z-index: -1;
  }

.bg-education {
    background-image: url('/assets/img/background-education-mobile.webp');
    background-repeat: no-repeat;
    width: 100%;
    height: 671px;
    z-index: -1;
  }

.bg-tel-int {
    background-image: url('/assets/img/bg-internet-mobile.webp');
    background-repeat: no-repeat;
    width: 100%;
    height: 671px;
    z-index: -1;
}
.bg-seguro-auto {
    background-image: url('/assets/img/bg-seguro-auto-mobile.webp');
    background-repeat: no-repeat;
    width: 100%;
    height: 671px;
    z-index: -1;
}
.bg-auto {
    background-image: url('/assets/img/bg-auto-mobile.webp');
    background-repeat: no-repeat;
    width: 100%;
    height: 671px;
    z-index: -1;
}

.text-bg-parceiro {
    font-family: 'Montserrat Bold';
    font-size: 103px;
    line-height: 34px;
    color: #FFFFFF;
    margin-top: 40px;
    opacity: 0.2;
    z-index: 1;
}

.title-parceiro {
    font-family: 'Montserrat Extra Bold';
    font-size: 73px;
    line-height: 79px;
    color: #FFB200;
    margin-top: -30px;
    z-index: 2;
}

.sub-title-parceiro {
    font-family: 'Montserrat Extra Bold';
    font-size: 27px;
    line-height: 36px;
    color: #FFFFFF;
    margin-top: 25px;
    padding-right: 50px;
}

.text-parceiro{
    font-family: 'Montserrat Regular';
    font-size: 14px;
    line-height: 27px;
    color: #FFFFFF;
    margin-top: 20px;
    padding-right: 50px;
}

/* FORM */ 
.bg-title-form {
    width: 429px!important;
    height: 61px;
    background-color: #F0B928;
    margin-top: 72px!important;
    z-index: 2;
    margin-left: 9%;
}

.bg-title-form span {
    font-family: 'Montserrat Extra Bold';
    font-size: 32px;
    line-height: 23px;
    color: #FFFFFF;
}

.bg-form {
    width: 564px!important;
    height: 432px;
    background-color: #FFFFFF;
    margin-top: -30px!important;
}

.ajust-form-padrao {
    padding-top: 35px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
}

.img-obg {
    margin-top: 40px;
    max-width: inherit;
    margin-left: -20%;
}

.arquivo {
    display: inline-flex;
}

.arquivo label {
    padding: 4px 0px 4px 0px;
    width: 170px;
    background-color: #c5c5c5;
    color: #484848;
    border: 1px solid #999;
    border-radius: 3px;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin-top: 5px;
    cursor: pointer;
}

.arquivo span {
    font-family: 'Montserrat Regular';
    font-size: 12px;
    line-height: 33px;
    color: #9A9999;
    margin-top: 5px;
    margin-left: 5px;
}

.arquivo input[type="file"] {
    display: none;
}

/* SAUDE */
.bg-saude {
    background-image: url('/assets/img/saude/bg-saude.webp');
    background-repeat: no-repeat;
    width: 100%;
    height: 671px;
    z-index: -1;
  }

.text-bg-saude {
    font-family: 'Montserrat Bold';
    font-size: 103px;
    line-height: 34px;
    color: #FFFFFF;
    margin-top: 40px;
    opacity: 0.2;
    z-index: 1;
}

.title-saude {
    font-family: 'Montserrat Extra Bold';
    font-size: 73px;
    line-height: 79px;
    color: #FFB200;
    margin-top: -30px;
    z-index: 2;
}

.sub-title-saude {
    font-family: 'Montserrat Extra Bold';
    font-size: 27px;
    line-height: 36px;
    color: #FFFFFF;
    margin-top: 25px;
    padding-right: 83px;
}

.text-saude {
    font-family: 'Montserrat Regular';
    font-size: 14px;
    line-height: 27px;
    color: #FFFFFF;
    margin-top: 20px;
    padding-right: 143px;
}

/* EMPRESTIMO */
.bg-emprestimo {
    background-image: url('/assets/img/emprestimo/bg-emprestimo.webp');
    background-repeat: no-repeat;
    width: 100%;
    height: 671px;
    z-index: -1;
  }

  .sub-title-emprestimo {
    font-family: 'Montserrat Extra Bold';
    font-size: 27px;
    line-height: 36px;
    color: #FFFFFF;
    margin-top: 25px;
    padding-right: 30px;
}

.text-emprestimo {
    font-family: 'Montserrat Regular';
    font-size: 14px;
    line-height: 27px;
    color: #FFFFFF;
    margin-top: 20px;
    padding-right: 143px;
}

  /* CARTAO DE CREDITO */
.bg-cartao-de-credito {
    background-image: url('/assets/img/cartao-de-credito/bg-cartao-de-credito.webp');
    background-repeat: no-repeat;
    width: 100%;
    height: 671px;
    z-index: -1;
  }

  .sub-title-cartao-credito {
    font-family: 'Montserrat Extra Bold';
    font-size: 27px;
    line-height: 36px;
    color: #FFFFFF;
    margin-top: 25px;
    padding-right: 30px;
}

.text-cartao-credito {
    font-family: 'Montserrat Regular';
    font-size: 14px;
    line-height: 27px;
    color: #FFFFFF;
    margin-top: 20px;
    padding-right: 143px;
}

   /* CONTA DIGITAL */
.bg-conta-digital {
    background-image: url('/assets/img/conta-digital/bg-conta-digital.webp');
    background-repeat: no-repeat;
    width: 100%;
    height: 671px;
    z-index: -1;
  }

  .sub-title-conta-digital {
    font-family: 'Montserrat Extra Bold';
    font-size: 27px;
    line-height: 36px;
    color: #FFFFFF;
    margin-top: 25px;
    padding-right: 30px;
}

.text-conta-digital {
    font-family: 'Montserrat Regular';
    font-size: 14px;
    line-height: 27px;
    color: #FFFFFF;
    margin-top: 20px;
    padding-right: 20px;
}

/* EDUCACAO */ 
.sub-title-educacao {
    font-family: 'Montserrat Extra Bold';
    font-size: 27px;
    line-height: 36px;
    color: #FFFFFF;
    margin-top: 25px;
    padding-right: 20px;
}

.text-educacao {
    font-family: 'Montserrat Regular';
    font-size: 14px;
    line-height: 27px;
    color: #FFFFFF;
    margin-top: 20px;
    padding-right: 65px;
}

/* TELEFONIA INTERNET */ 
.sub-title-telefonia {
    font-family: 'Montserrat Extra Bold';
    font-size: 27px;
    line-height: 36px;
    color: #FFFFFF;
    margin-top: 25px;
    padding-right: 30px;
}

.text-telefonia {
    font-family: 'Montserrat Regular';
    font-size: 14px;
    line-height: 27px;
    color: #FFFFFF;
    margin-top: 20px;
    padding-right: 85px;
}

/* SEGURO AUTO */ 
.sub-title-seg-auto {
    font-family: 'Montserrat Extra Bold';
    font-size: 27px;
    line-height: 36px;
    color: #FFFFFF;
    margin-top: 25px;
    padding-right: 70px;
}

.text-seg-auto {
    font-family: 'Montserrat Regular';
    font-size: 14px;
    line-height: 27px;
    color: #FFFFFF;
    margin-top: 20px;
    padding-right: 110px;
}

/* AUTO */ 
.sub-title-auto {
    font-family: 'Montserrat Extra Bold';
    font-size: 27px;
    line-height: 36px;
    color: #FFFFFF;
    margin-top: 25px;
    padding-right: 80px;
}

.text-auto {
    font-family: 'Montserrat Regular';
    font-size: 14px;
    line-height: 27px;
    color: #FFFFFF;
    margin-top: 20px;
    padding-right: 155px;
}


.breadcrumbs {
    font-size: 11px;
    margin-top: 20px;
}

.breadcrumbs a {
    text-decoration: none;
}

.container-future {
    background-image: url('/assets/img/future-background-mobile.webp');
    background-repeat: no-repeat;
    width: 100%;
    height: 671px;
    z-index: -1;
}

.container-about {
    background-image: url('/assets/img/backgrount-about-mobile.webp');
    background-repeat: no-repeat;
    width: 100%;
    height: 671px;
    z-index: -1;
}

.custon-card-decisoes-mobile {
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;

}
.custon-text-decisoes-mobile  {
    width: 100% !important;
    height: 100%;
}

.custon-text-decisoes-mobile p {
    font-size: 13px;
    margin: 0;
}

.custon-text-decisoes-mobile span {
    display: inline-flex;
    align-items: center;
    
    position: absolute;
    
    font-size: 8px;
    gap: 3px;
    
    left: calc(100% - 61px);
    top: calc(100% - 14px);
}

.custon-text-decisoes-mobile span div {
    border: 1px solid;
    width: 10px;
    height: 10px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;
}

.closeButton {
    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;

    width: 20px !important;
    height: 23px;
    font-size: 10px;
    position: absolute !important;
    top: -2px !important;
    left: 271px !important;
}

.custonRow {
    width: 100%;
    height: 29px;

    display: flex;
    align-items: center;
    justify-content: center;
}
.button-saba-mais {
    display: flex;
    flex-direction: row;

    align-items: center;

    position: absolute;
    left: 178px;
    top: 114px;
}

.button-saiba-mais-serv {
    left: 183px;
    top: 136px;
}

.button-saiba-mais-serv section:hover {
    background: #238A99;
    color: #FFF;
}

.button-saba-mais p {
    font-size: 8px !important;
    margin: 0;
    padding: 0;
}

.button-saba-mais section {
    width: 10px !important;
    height: 10px !important;
    font-size: 10px;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;

    border: 1px solid;
    border-radius: 50%;
    margin-left: 3px;
}

.hover-card-segment:hover .button-saba-mais {
    display: flex !important;
    z-index: 999;
}

.button-saiba-mais-serv:hover .icon-hover {
    background: #238A99;
    color: #FFF;
}

.button-saiba-mais-difer {
    left: 165px;
}

@media (max-width: 1399px) {
    .container-info-card  {
        left: 253px;
    }

    .closed-button-soluction-difer {
        left: -15px;
    }

    .button-saiba-mais-difer {
        left: 130px;
    }
}

@media (min-width: 1200px) {
    .container-info-card  {
        left: 250px;
    }
}

@media (max-width: 1199px) {
    .container-info-card  {
        left: 215px;
    }

    .button-saiba-mais-serv {
        left: 98px;
        top: 136px;
    }

    .closed-button-soluction-difer {
        left: 34px;
    }

    .button-saiba-mais-difer {
        left: 94px;
    }
}

@media (max-width: 991px) {
    .button-saiba-mais-serv {
        left: 83px;
        top: 136px;
    }
}

@media (max-width: 360px) {
    .content-future h1 {
        font-size: 37px;
    }

    .content-future h5 {
        font-size: 14px;
    }

    .content-future p {
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    .container-partner {
        padding-right: 11px;
        padding-left: 11px;
    }

    .brand-lead-wrapper {
        gap: 40px;
    }

    .container-video {
        width: 100%;
        height: 100vh;
    }

    .content-box {
        padding-left: 20px;
        padding-right: 20px;
    }

    .content-card-soluctions p {
        font-size: 13px;
    }

    .button-saiba-mais-serv {
        left: 81%;
        top: 71px;
    }

    .front-cover-services {
        flex-direction: row;
        justify-content: space-between;
    }

    .front-cover-services section {
        background: #238A99;
        color: #FFF;

        height: 100%;
        width: 85px;
    }

    .card-services-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .card-services-soluctions {
        height: 85px;
        border-left: none;
    }

    .custon-container-mobile {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .front-cover-services h5 {
        flex: 1;
        text-align: center;
    }

    .closed-button-soluction-difer {
        left: 37px;
        top: -50px;
    }

    .closed-button-soluction {
        top: -73px;
    }

    .card-services-wrapper-custon {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .card-services-wrapper-custon .card-services-soluctions  {
        height: 9.75rem;
        border-left: 12px solid;
    }

    .card-services-wrapper-custon .front-cover-services  {
        flex-direction: column;
        justify-content: center;
    }
    .card-services-wrapper-custon .front-cover-services h5  {
        flex: none;
        margin: 0;
        margin-top: 10px;
        margin-bottom: 3px;
    }

    .card-services-wrapper-custon .button-saiba-mais-serv {
        left: 59%;
        top: 141px;
    }

    .card-services-wrapper-custon .closed-button-soluction {
        top: -140px;
    }

    .custon-sub-title-cartao-credito-mobile {
        font-size: 15px;
        line-height: 19px;
        margin-top: 10px;
        padding-right: 0px;
        margin-left: 3%;
    }

    .title-saude-credit {
        line-height: 46px !important;
    }

    .container-button-future {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    
    .container-btn-form button span {
        width: 108px;
        font-size: 12px;
    }

    .spacing-button {
        margin-left: 5px;
    }
}

.custon-button-contact-difer {
    position: absolute;
    z-index: 999;

}

@media (min-width: 768px) {
    .future-container {
        margin-top: 30px;
    }

    .card-services-wrapper {
        display: flex;
        flex-direction: row !important;
    }

    .card-services-soluctions {
        width: 17.125rem;
    }

    .card-results {
        width: 13.563rem;
        height: 6.125rem;
        margin-left: 9px;
        margin-right: 9px;
        margin-bottom: 9px;
    }

    .container-title-future {
        display: flex;
        flex-direction: column;
        position: relative;
        margin-top: 40px;
    }

    .container-title-future span {
        color: #E2E2E2;
        opacity: 0.34;
        position: absolute;
        font-size: 92px;
        font-family: var(--font-ext-bold);
        top: -50px;
        z-index: 1;
    }

    .card-results div span {
        margin-top: 10px !important;
    }

    .cards-results-wrapper {
        display: grid !important;
        grid-template-columns: repeat(5, 1fr) !important;
        column-gap: 30px !important;
    }
    .text-lead p {
        font-size: 17px;
    }

    .picture-group-lead {
        left: 50%;
    }

    .container-future {
        background-image: url('/assets/img/future-background.webp');
        height: 562px;
        background-size: 100%;
    }
    
    .container-about {
        background-image: url('/assets/img/background-about.webp');
        height: 563px;
        background-size: 100%;

    }

    .bg-parceiro {
        background-image: url('/assets/img/parceiro/bg-parceiro.webp');
        height: 562px;
        background-size: 100%;
    }
    
    .bg-education {
        background-image: url('/assets/img/background-education.webp');
        height: 562px;
        background-size: 100%;

    }
    .bg-tel-int {
        background-image: url('/assets/img/bg-internet-desk.webp');
        height: 562px;
        background-size: 100%;

    }
    .bg-seguro-auto {
        background-image: url('/assets/img/bg-seguro-auto-desk.webp');
        height: 562px;
        background-size: 100%;
    }
    .bg-auto {
        background-image: url('/assets/img/bg-auto-desk.webp');
        height: 562px;
        background-size: 100%;
    }

    .bg-saude {
        background-image: url('/assets/img/saude/bg-saude.webp');
        height: 562px;
        background-size: 100%;
    }

    .bg-emprestimo {
        background-image: url('/assets/img/emprestimo/bg-emprestimo.webp');
        height: 562px;
        background-size: 100%;
    }

    .bg-cartao-de-credito {
        background-image: url('/assets/img/cartao-de-credito/bg-cartao-de-credito.webp');
        height: 562px;
        background-size: 100%;
    }

    .bg-conta-digital {
        background-image: url('/assets/img/conta-digital/bg-conta-digital.webp');
        height: 562px;
        background-size: 100%;
    }

    .future-container-somos {
        position: relative;
        top: 40px;
    }

    .content-future h5 {
        font-size: 27px;
        margin-top: 15px;
        margin-bottom: 21px;
    }

    .content-future p {
        margin-bottom: 35px;
    }

    .content-metricas p, .content-metricas strong {
        font-size: 17px;
    }
}

.text-default h2 {
    font-family: 'Montserrat Extra Bold';
    font-size: 30px;
    line-height: 25px;
    color: #FFB200;
    margin-bottom: 10px;
}

.text-default h3 {
    font-family: 'Montserrat Extra Bold';
    font-size: 20px;
    line-height: 15px;
    color: #288C9B;
    margin-bottom: 10px;
    margin-top: 20px;
}

.text-default p {
    font-family: 'Montserrat Regular';
    font-size: 17px;
    line-height: 27px;
    color: #707070;
}

.funil-home {
    width: 100%;
    height: 700px;
    background-image: url('/assets/img/funil_home_desk.webp');
    background-size: contain;
    margin-bottom: 20px;
    background-repeat: no-repeat;
}

.funil-trafego {
    width: 36%;
    height: 100px;
    margin-top: 6%;
    position: absolute;
    margin-left: 10%;
}

.funil-leads {
    width: 25%;
    height: 100px;
    margin-top: 13.5%;
    cursor: pointer;
    position: absolute;
    margin-left: 15%;
}

.funil-conversao {
    width: 15%;
    height: 100px;
    margin-top: 21.5%;
    cursor: pointer;
    position: absolute;
    margin-left: 20%;
}

.funil-vendas {
    width: 10%;
    height: 100px;
    margin-top: 29%;
    cursor: pointer;
    position: absolute;
    margin-left: 23%;
}

.trafego-qualificado {
    width: 100%;
    height:35px;
    background-color: #5AD4CC;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-family: 'Montserrat Bold';
    font-weight: 700;
    margin-top: 15px;
}

.text-trafego-qualificado {
    width: 80%;
    height: auto;
    color: #737373;
    text-align: center;
    font-size: 13px;
    font-family: 'Montserrat Regular';
    margin: 0 auto;
}

.lead-qualificado {
    width: 100%;
    height:35px;
    background-color: #866289;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-family: 'Montserrat Bold';
    font-weight: 700;
    margin-top: 15px;
}

.text-lead-qualificado {
    width: 80%;
    height: auto;
    color: #737373;
    text-align: center;
    font-size: 13px;
    font-family: 'Montserrat Regular';
    margin: 0 auto;
}

.conversao-qualificado {
    width: 100%;
    height:35px;
    background-color: #E94E5D;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-family: 'Montserrat Bold';
    font-weight: 700;
    margin-top: 15px;
}

.text-conversao-qualificado {
    width: 80%;
    height: auto;
    color: #737373;
    text-align: center;
    font-size: 13px;
    font-family: 'Montserrat Regular';
    margin: 0 auto;
}

.vendas-qualificado {
    width: 100%;
    height:35px;
    background-color: #6A8BD4;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-family: 'Montserrat Bold';
    font-weight: 700;
    margin-top: 15px;
}

.text-vendas-qualificado {
    width: 80%;
    height: auto;
    color: #737373;
    text-align: center;
    font-size: 13px;
    font-family: 'Montserrat Regular';
    margin: 0 auto;
}

.resultados-home h1 {
    color: #707070;
    font-size: 64px;
    font-family: 'Montserrat Regular';
    font-weight: 700;
    margin-top: 30px;
}

.resultados-home p {
    color: #707070;
    font-size: 16px;
    font-family: 'Montserrat Regular';
    text-align: justify;
    margin-top: 30px;
}

.plus_card {
    position: absolute;
    margin-top: 60px;
    margin-left: -65px;
}

.enter_card {
    position: absolute;
    top: 157px;
    left: -80px;
}

.top-video {
    margin-top: 20%!important;
}

#image-captcha{
    margin-top: 10px;
    width: 100px;
    user-select: none;
    text-decoration: line-through;
    font-style: italic;
    font-size: x-large;
    border: red 2px solid;
    margin-left: 10px;
    text-align: center;
    height: 50px;
}
#image-captcha-contato{
    margin-top: 10px;
    width: 100px;
    user-select: none;
    text-decoration: line-through;
    font-style: italic;
    font-size: x-large;
    border: red 2px solid;
    margin-left: 10px;
    text-align: center;
    height: 50px;
}
#image-captcha-intermediarias{
    margin-top: 0px;
    width: 100px;
    user-select: none;
    text-decoration: line-through;
    font-style: italic;
    font-size: x-large;
    border: red 2px solid;
    margin-left: 15px;
    text-align: center;
    height: 45px;
    margin-right: 30px;
}
#image-captcha-intermediarias_mob{
    margin-top: 0px;
    width: 100px;
    user-select: none;
    text-decoration: line-through;
    font-style: italic;
    font-size: large;
    border: red 2px solid;
    margin-left: 15px;
    text-align: center;
    height: 32px;
    margin-right: 0px;
}
#user-input-captcha{
    width:auto;
    padding-right: 10px;
}

.inline{
    display:inline-block;
}

#key-captcha {
    color: red;
    font-size: 12px;
    font-family: 'Montserrat Regular';
}
#key-captcha-contato {
    color: red;
    font-size: 12px;
    font-family: 'Montserrat Regular';
}
#key-captcha-intermediarias {
    color: red;
    font-size: 12px;
    font-family: 'Montserrat Regular';
}
#key-captcha-intermediarias_mob {
    color: red;
    font-size: 12px;
    font-family: 'Montserrat Regular';
}

.aviso-home {
    width: 100%!important;
    height: 50px;
    border-bottom: 1px #238A99 solid;
}

.aviso-home a {
    color: #1C09FF;
}

.text-aviso-home {
    color: #707070;
    font-family: 'Montserrat Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left!important;
    padding-top: 12px;
}

.close-aviso-home button {
    border: none;
    background: none;
}
#aviso_desk {
    display: block;
}

#aviso_mob {
    display: none;
}


/* ACIMA DO PADRÃO 1366px */
@media screen and (min-width: 1367px) {
    .bg-title-form {
        margin-left: 11%;
    }

    .funil-trafego {
        width: 32%;
        height: 114px;
        margin-top: 5%;
        margin-left: 7%;
    }

    .funil-leads {
        width: 21%;
        height: 100px;
        margin-top: 11.5%;
        cursor: pointer;
        position: absolute;
        margin-left: 12%;
    }

    .funil-conversao {
        width: 15%;
        height: 100px;
        margin-top: 17.9%;
        cursor: pointer;
        position: absolute;
        margin-left: 15%;
    }

    .funil-vendas {
        width: 9%;
        height: 100px;
        margin-top: 24.3%;
        cursor: pointer;
        position: absolute;
        margin-left: 18%;
    }

    .modal__inner_home {
        width: 24%!important;
        height: 36%!important;
        border-radius: 20px!important;
        padding: 0!important;
    }

    .top-video {
        margin-top: 15%!important;
    }
}

/* MOBILE */
@media screen and (max-width: 768px) {
    .show-desk {
        display: none!important;
    }

    .show-mobile {
        display: block!important;
    }

    #aviso_mob {
        display: block;
    }

    #aviso_desk {
        display: none;
    }

    .header {
        top: 80px;
    }

    .aviso-home {
        height: 75px;
    }

    .text-aviso-home {
        font-size: 13px;
        padding-top: 10px;
    }

    .text-form {
        font-size: 12px;
        color: #707070;
        margin-top: 2%;
        margin-bottom: 3px;
    }

    .top-video {
        margin-top: 0%!important;
    }

    .plus_card {
        position: relative;
        margin-top: 65px;
        margin-left: 60px;
    }

    .enter_card {
        position: absolute;
        top: 113px;
        left: 50px;
    }

    .resultados-home h1 {
        font-size: 32px;
        margin-top: 90px;
    }

    .resultados-home p {
        font-size: 13px;
        width: 100%;
    }

    .funil-home {
        width: 100%;
        height: 294px;
        background-image: url('/assets/img/funil_home_mob.webp');
    }

    .funil-trafego {
        width: 95%;
        height: 54px;
        margin-top: 10%;
        margin-left: 0%;
    }

    .funil-leads {
        width: 94%;
        height: 56px;
        margin-top: 25.5%;
        cursor: pointer;
        position: absolute;
        margin-left: 0%;
    }

    .funil-conversao {
        width: 94%;
        height: 56px;
        margin-top: 40.9%;
        cursor: pointer;
        position: absolute;
        margin-left: 0%;
    }

    .funil-vendas {
        width: 94%;
        height: 50px;
        margin-top: 56.3%;
        cursor: pointer;
        position: absolute;
        margin-left: 0%;
    }

    .info-card {
        padding: 0;
        font-size: 8px !important;
        width: 49px!important;
        margin-left: -15px;
        margin-top: -3px;
    }

    .container-info-card div {
        margin-left: 10px;
        margin-top: -20px;
    }

    /*NAVBAR*/
    .header {
        height: 60px;
        position: fixed;
    }

    .ajust-navbar {
        margin-top: 10px;
    }

    .left-img {
        width: 100%;
        height: auto;
    }

    .left-img img {
        margin-left: 3%;
    }

    .img-menu {
        text-align: right;
    }

    .img-menu img {
        margin-top: -10%;
    }

    .linkmenu a {
        color: transparent;
    }

    /*FOOTER*/

    .text-footer p {
        font-size: 13px;
        text-align: center;
        padding: 50px 50px 10px 50px;
    }

    .text-footer span {
        display: none;
    }

    .ajust-footer-links {
        margin: 0;
        text-align: left;
        display: grid;
        margin-left: 20px;
    }

    .ajust-footer-links a {
        white-space: pre;
        text-transform: uppercase;
    }

    .ajust-footer-links span {
        text-transform: uppercase;
        margin-top: 5%;
    }

    .ajust-bg-footer {
        background-color: #FFB200;
        margin: 10px;
    }

    .ajust-footer-navigation {
        margin: 0;
        text-align: left;
        display: grid;
        margin-left: 20px;
    }

    .ajust-footer-navigation a {
        white-space: pre;
        font-size: 13px;
    }

    .btn-modal-footer {
        white-space: pre;
        font-size: 13px;
    }

    .redes-footer-mobile a {
        display: contents!important;
        text-decoration: none!important;
        color: transparent!important;
    }

    .redes-footer-mobile {
        margin-left: 10px;
    }

    .redes-footer-mobile img {
        margin-left: 10px;
    }

    .contato-title {
        font-size: 45px;
        line-height: 38px;
    }

    .text-contato {
        font-size: 12px;
        padding-right: 0;
        line-height: 25px;
    }

    .future-container {
        margin-top: 0px;
    }
    .title-differs h1 {
        font-size: 40px;
    }

    /* SEGMENTOS */

    .text-funciona1 {
        font-size: 48px;
        line-height: 56px;
        z-index: 2;
        margin-left: 10px;
    }
    .seg-como-funciona {
        z-index: 2;
    }
    .ajust-bg-seta img {
        float: right;
        margin-right: -70%;
        margin-top: -60%!important;
        width: 50%!important;
        height: auto;
        z-index: 1;
    }
    .ajust-bg-seta2 img {
        float: left;
        margin-left: 45%;
        margin-top: -60%!important;
        width: 50%!important;
        height: auto;
        z-index: 1;
    }
    .title-passos {
        font-size: 41px;
    }
    .text-passos {
        font-size: 13px;
        line-height: 19px;
        width: 100%;
    }
    .funciona-info {
        margin-top: 15px!important;
    }
    .funciona-ico-text {
        font-size: 13px;
        padding: 0;
        display: inline-flex;
        width: 105%;
        margin-top: 0;
    }
    .dot {
        width: 150px;
        height: 150px;
    }
    .funciona-ico {
        margin-top: -164px;
        min-height: 130px;
    }
    .funciona-ico img {
        width: 47%;
        height: auto;
        margin-top: 35px;
    }
    .container-future {
        margin-top: 70px;
    }
    .bg-parceiro {
        background-image: url('/assets/img/parceiro/bg-parceiro-mobile.webp');
        background-repeat: no-repeat;
        width: 100%;
        height: 671px;
        z-index: -1;
        margin-top: 70px;
    }
    .bg-education {
        margin-top: 70px;
    }
    .bg-tel-int, .bg-seguro-auto, .bg-auto {
        margin-top: 70px;
    }

      .bg-saude {
        background-image: url('/assets/img/saude/bg-saude-mobile.webp');
        background-repeat: no-repeat;
        width: 100%;
        height: 671px;
        z-index: -1;
        margin-top: 70px;
      }
    /* 404 */

    .text-bg-404 {
        font-size: 64px;
        line-height: 27px;
    }

    .text-404 {
        font-size: 61px;
        line-height: 27px;
    }

    .text-404 span {
        font-size: 61px;
        line-height: 27px;
    }

    .ajust-btn-404 {
        margin-top: 5%!important;
        margin-bottom: 5%;
    }
    
    .container-about {
        margin-top: 70px;
    }

    /* PARCEIRO */
    .text-bg-parceiro {
        display: none;
    }

    .title-parceiro {
        font-size: 46px;
        line-height: 45px;
        margin-top: 0;
        padding-right: 8px;
        margin-left: 3%;
    }

    .sub-title-parceiro {
        font-size: 15px;
        line-height: 19px;
        margin-top: 10px;
        padding-right: 0px;
        margin-left: 3%;
    }

    .text-parceiro {
        display: none;
    }

    /* SAUDE */
    .text-bg-saude {
        display: none;
    }

    .title-saude {
        font-size: 48px;
        line-height: 51px;
        margin-top: 0;
        padding-right: 8px;
        margin-left: 3%;
    }

    .sub-title-saude {
        font-size: 15px;
        line-height: 19px;
        margin-top: 10px;
        padding-right: 0px;
        margin-left: 3%;
    }

    .text-saude {
        display: none;
    }

    /* EMPRESTIMO */
    .bg-emprestimo {
        background-image: url('/assets/img/emprestimo/bg-emprestimo-mobile.webp');
        background-repeat: no-repeat;
        width: 100%;
        height: 671px;
        z-index: -1;
        margin-top: 70px;
      }

      .sub-title-emprestimo {
        font-size: 13px;
        line-height: 19px;
        margin-top: 10px;
        padding-right: 0px;
        margin-left: 3%;
    }

    .text-emprestimo {
        display: none;
    }

      /* CARTAO DE CREDITO */
    .bg-cartao-de-credito {
        background-image: url('/assets/img/cartao-de-credito/bg-cartao-de-credito-mobile.webp');
        background-repeat: no-repeat;
        width: 100%;
        height: 671px;
        z-index: -1;
        margin-top: 70px;
      }

      .sub-title-emprestimo-cartao-credito {
        font-size: 13px;
        line-height: 19px;
        margin-top: 10px;
        padding-right: 0px;
        margin-left: 3%;
    }

    .text-emprestimo-cartao-credito {
        display: none;
    }

      /* CONTA DIGITAL */
    .bg-conta-digital {
        background-image: url('/assets/img/conta-digital/bg-conta-digital-mobile.webp');
        background-repeat: no-repeat;
        width: 100%;
        height: 671px;
        z-index: -1;
        margin-top: 70px;
      }

      .sub-title-conta-digital {
        font-size: 13px;
        line-height: 19px;
        margin-top: 10px;
        padding-right: 0px;
        margin-left: 3%;
    }

    .custon-sub-title-cont-dig {
        font-size: 36px;
    }

    .text-conta-digital {
        display: none;
    }

    /* EDUCACAO */
    .sub-title-educacao {
        font-size: 15px;
        line-height: 19px;
        margin-top: 10px;
        padding-right: 0px;
        margin-left: 3%;
    }

    .text-educacao {
        display: none;
    }

    /* TELEFONIA INTERNET */
    .sub-title-telefonia {
        font-size: 15px;
        line-height: 19px;
        margin-top: 10px;
        padding-right: 0px;
        margin-left: 3%;
    }

    .text-telefonia {
        display: none;
    }

    /* SEGURO AUTO */
    .sub-title-seg-auto {
        font-size: 15px;
        line-height: 19px;
        margin-top: 10px;
        padding-right: 0px;
        margin-left: 3%;
    }

    .text-seg-auto {
        display: none;
    }

    /* FORM */
    .content-future h1 {
        font-size: 48px;
        line-height: 51px;
    }

    /* AUTO */
    .sub-title-auto {
        font-size: 15px;
        line-height: 19px;
        margin-top: 10px;
        padding-right: 0px;
        margin-left: 3%;
    }

    .text-auto {
        display: none;
    }

    .bg-title-form {
        width: 344px!important;
        height: 42px;
        background-color: #F0B928;
        margin-top: 10px!important;
        z-index: 2;
        margin-left: 3%;
    }

    .bg-title-form span {
        font-size: 23px;
        line-height: 0px;
    }

    .bg-form {
        width: 380px!important;
        height: 440px;
        margin-top: -23px!important;
    }

    .decisoes-title {
        font-size: 48px!important;
        line-height: 56px!important;
        font-family: 'Montserrat Bold';
    }

    .decisoes-title-white {
        font-size: 48px!important; 
        line-height: 56px!important;
        font-family: 'Montserrat Regular';
    }

    .card-decisoes {
        width: 100% !important;
        max-width: 350px!important;
        height: 56px !important;
    }

    .cards-decisoes-wrapper {
        margin-left: 0px!important;
    }

    .margin-text {
        margin-top: 17px!important;
        text-align: left;
        font-size: 21px;
    }

    .container-main-services-results {
        margin-top: 0px;
    }

    .card-services-soluctions {
        border-radius: 10px!important;
    }

    .front-cover-services {
        border-radius: 10px;
    }

    .results-title {
        font-size: 41px;
        font-family: 'Montserrat Extra Bold';
    }

    .card-results div span {
        font-size: 12px!important;
    }

    .title-differs h2 {
        font-size: 45px;
    }

    .text-default h2 {
        font-size: 21px;
        line-height: 25px;
    }
    
    .text-default h3 {
        font-size: 15px;
        line-height: 12px;
    }
    
    .text-default p {
        font-size: 13px;
        line-height: 19px;
    }

    .ajust-mobile-btn-planilha {
    
    }

    .content-future-mobile h1 {
        font-size: 48px!important;
        line-height: 51px;
    }
}

@keyframes slide-segment {
    from {
      opacity: 1;
      display: flex;
    }
  
    to {
      opacity: 0;
      display: none;
    }
  }

  @keyframes slide-results {
    from {
        transform: translateY(0px);
      }
    
      to {
        transform: translateY(-5px);
      }
  }