div#topBar.headertopBar {
    display: none !important;
}

.navbar-top {
    position: fixed;
    max-width: 100vw;
    width: 100%;
    height: 80px;
    background-color: #000;
    padding: 0 100px;
    z-index: 50;
    opacity: 1;
    display: flex;
    align-items: center;
}

.navbar-top.scrolled {
    transition: all 0.3s ease-in-out;
}

.left-nav {
    display: flex;
    align-items: center;
}

.left-nav .bradesco-logo em {
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='156' height='48' viewBox='0 0 156 48'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Clip_2' data-name='Clip 2' d='M0,0H156V48H0Z' transform='translate(-6 -8)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Grupo_37200' data-name='Grupo 37200' transform='translate(6 8)'%3E%3Cpath id='Clip_2-2' data-name='Clip 2' d='M0,0H156V48H0Z' transform='translate(-6 -8)' fill='none'/%3E%3Cg id='Grupo_de_máscara_4' data-name='Grupo de máscara 4' clip-path='url(%23clip-path)'%3E%3Cg id='logo' transform='translate(2)'%3E%3Cpath id='txt' d='M95.056,20.411a6.317,6.317,0,0,1-4.819-1.924,7.556,7.556,0,0,1-1.752-5.212,7.72,7.72,0,0,1,1.707-5.22,7.018,7.018,0,0,1,9.754-.011,7.707,7.707,0,0,1,1.711,5.231,7.6,7.6,0,0,1-1.711,5.19A6.355,6.355,0,0,1,95.056,20.411Zm0-11.309a2.292,2.292,0,0,0-2.146,1.2,6.2,6.2,0,0,0-.579,2.971c0,2.806.866,4.113,2.725,4.113,1.88,0,2.756-1.307,2.756-4.113C97.812,10.428,96.936,9.1,95.056,9.1ZM84.245,20.411a6.482,6.482,0,0,1-4.936-1.939,7.56,7.56,0,0,1-1.756-5.227,7.657,7.657,0,0,1,1.715-5.171,6.217,6.217,0,0,1,4.826-2,8.4,8.4,0,0,1,4.21.938,8.037,8.037,0,0,0-1.333,2.631,5.9,5.9,0,0,0-2.392-.484c-2.031,0-3.149,1.45-3.149,4.083a4.861,4.861,0,0,0,.855,3.016,2.769,2.769,0,0,0,2.263,1.066,5.209,5.209,0,0,0,2.393-.453,8.506,8.506,0,0,0,1.423,2.63A8.478,8.478,0,0,1,84.245,20.411Zm-13.445,0a10.115,10.115,0,0,1-4.724-.877,6.019,6.019,0,0,1,0-2.933,11.46,11.46,0,0,0,4.118.817c1.345,0,2-.416,2-1.271,0-.738-.363-1.01-1.454-1.452l-1.181-.483c-2.581-1.044-3.451-2.1-3.451-4.2a3.468,3.468,0,0,1,1.469-2.85,6.1,6.1,0,0,1,3.649-1.081,9.854,9.854,0,0,1,4.088.726,7.338,7.338,0,0,1,0,2.812,11.3,11.3,0,0,0-3.543-.574c-.9,0-1.816.126-1.816,1.058,0,.559.489.867,1.392,1.24l1.515.635a5.586,5.586,0,0,1,2.365,1.6,4.04,4.04,0,0,1,.753,2.6,3.811,3.811,0,0,1-1.51,3.137A6.039,6.039,0,0,1,70.8,20.411Zm-11.78,0c-4.541,0-7.146-2.579-7.146-7.076a7.794,7.794,0,0,1,1.748-5.329,6.24,6.24,0,0,1,4.792-1.928,5.645,5.645,0,0,1,4.251,1.66,6.747,6.747,0,0,1,1.594,4.721,9.423,9.423,0,0,1-.151,1.9h-8.54c.277,2.014,1.535,2.994,3.847,2.994a14.072,14.072,0,0,0,3.875-.634,6.652,6.652,0,0,1,0,2.9A10.638,10.638,0,0,1,59.02,20.411Zm-.666-11.46a2.78,2.78,0,0,0-2.786,2.66h5.208C60.688,9.413,59.411,8.951,58.354,8.951ZM44.122,20.411c-4.418,0-7.056-2.634-7.056-7.045a7.357,7.357,0,0,1,1.927-5.28,6.844,6.844,0,0,1,5.038-1.947A7.586,7.586,0,0,1,46,6.35v-3.3a1.555,1.555,0,0,1,.635-1.36A11.156,11.156,0,0,1,49.754,0V19.565A18.1,18.1,0,0,1,44.122,20.411Zm.242-11.279a3.093,3.093,0,0,0-2.631,1.13,5.137,5.137,0,0,0-.792,3.1c0,2.611,1.194,3.992,3.452,3.992A5.374,5.374,0,0,0,46,17.146v-7.8A5.8,5.8,0,0,0,44.364,9.132ZM29.828,20.411c-4.1,0-6.087-1.523-6.087-4.657a3.614,3.614,0,0,1,1.779-3.273,8.067,8.067,0,0,1,4.187-.96c.507,0,1.235.066,1.757.122v-.151c0-1.608-.941-2.389-2.877-2.389a13.456,13.456,0,0,0-3.452.393,6.469,6.469,0,0,1,0-2.963,15.759,15.759,0,0,1,3.736-.458q.159,0,.322,0a6.385,6.385,0,0,1,4.38,1.471,5.579,5.579,0,0,1,1.5,4.215v7.832A18.589,18.589,0,0,1,29.828,20.411Zm.031-6.35c-1.818,0-2.665.538-2.665,1.693s.872,1.724,2.665,1.724a10.279,10.279,0,0,0,1.606-.152V14.152l-.113-.009C30.964,14.11,30.378,14.062,29.858,14.062ZM4.966,20.411A14.775,14.775,0,0,1,0,19.625V3.054a1.554,1.554,0,0,1,.636-1.36A11.125,11.125,0,0,1,3.755,0V6.713a6.764,6.764,0,0,1,2.816-.574c3.945,0,6.117,2.47,6.117,6.955a7.174,7.174,0,0,1-2.021,5.28A7.94,7.94,0,0,1,4.966,20.411ZM5.936,9.253a4.727,4.727,0,0,0-2.181.424v7.529a4.654,4.654,0,0,0,1.424.151c2.309,0,3.633-1.587,3.633-4.355C8.812,10.549,7.817,9.253,5.936,9.253ZM16.867,20.261a8.207,8.207,0,0,1-1.877-.151V6.412A6.97,6.97,0,0,1,16.5,6.259a5.872,5.872,0,0,1,1.544.152,9.571,9.571,0,0,1,.424,1.783,5.2,5.2,0,0,1,1.586-1.432,4.483,4.483,0,0,1,2.2-.5,5.354,5.354,0,0,1,1.059.122,7.819,7.819,0,0,1-.06,3.024,8.4,8.4,0,0,0-1.242-.061,2.965,2.965,0,0,0-2.339,1.043,4.639,4.639,0,0,0-.931,3.039V20.11A10.787,10.787,0,0,1,16.867,20.261Z' transform='translate(38.663 11.466)' fill='%23fff'/%3E%3Cg id='simbolo'%3E%3Cpath id='Fill_4' data-name='Fill 4' d='M15.468,6.655a36.644,36.644,0,0,0-6.037.523,11.476,11.476,0,0,1,9.055-4.386,11.706,11.706,0,0,1,7.254,2.542c.33.274.583.3.837.049s.228-.5-.051-.823A12.8,12.8,0,0,0,4.765,8.25,23.043,23.043,0,0,0,.4,10.069c-.355.2-.482.449-.355.748a.555.555,0,0,0,.735.274c1.116-.324,2.257-.6,3.449-.848a9.743,9.743,0,0,0-.2,1.944A12.546,12.546,0,0,0,9.863,22.951c.356.225.66.225.863-.049s.178-.524-.127-.8a10.973,10.973,0,0,1-3.551-8.1A10.682,10.682,0,0,1,7.935,9.7c1.193-.1,2.485-.174,3.906-.174,9.232,0,17.018,3.04,17.018,7.027,0,2.018-2.562,4.036-5.605,5.383-.736.323-.812.548-.711.871.1.3.431.4.812.274,5.326-1.744,9.358-4.61,9.358-8.073,0-4.71-7.608-8.348-17.246-8.348' transform='translate(0 0.625)' fill='%23fff'/%3E%3Cpath id='Fill_7' data-name='Fill 7' d='M2.733.075,0,1.646v9.361H2.923a.491.491,0,0,0,.492-.491V.427A.427.427,0,0,0,2.733.075' transform='translate(16.461 20.718)' fill='%23fff'/%3E%3Cpath id='Fill_9' data-name='Fill 9' d='M2.192,0,.319,1.076A.6.6,0,0,0,0,1.625V8.6a.316.316,0,0,0,.316.316H2.192Z' transform='translate(13.499 22.806)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    height: 48px;
    width: 156px;
}

.navbar-link-toggle {
    display: none;
}

.selections {
    margin-left: 20px;
}

.navbar-items {
    display: flex;
}

.navbar-items.navbar-right {
    margin-left: auto;
}

.navbar-items.navbar-right .right-nav {
    display: flex;
    align-items: center;
}

.navbar-items.navbar-right .right-nav.desktop .acessibilidade {
    border-left: 1px solid #fff;
    margin-left: 17px;
}

.navbar-items.navbar-right .right-nav.desktop .acessibilidade a {
    display: block;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='33px' height='33px' viewBox='0 0 33 33' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EUntitled%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon_acessibilidade'%3E%3Cellipse id='Oval' stroke='%23FFFFFF' cx='16.392' cy='16.391' rx='15.892' ry='15.891'%3E%3C/ellipse%3E%3Cpath d='M27.7289778,8.79504712 C30.8496026,13.3710686 30.9063671,19.3763392 27.8728013,24.0105328 C24.8392355,28.6447264 19.3127689,30.9951867 13.8704557,29.9658671 C6.43959641,28.5604484 1.55480518,21.3974888 2.95968125,13.9665269 C3.98860339,8.52413853 8.19467586,4.23747887 13.6165592,3.1054661 C19.0384426,1.97345332 24.6083529,4.21902563 27.7289778,8.79504712 Z M16.439,7.108 C15.0085825,7.108 13.849,8.2675825 13.849,9.698 C13.849,10.1787747 13.9799963,10.6289535 14.2082436,11.0147911 C13.6531232,10.9439581 13.1005507,10.8473528 12.553,10.726 L12.553,10.726 L11.709,10.536 L9.347,10.056 C9.10848161,10.0049257 8.86488276,9.98143818 8.621,9.986 L8.621,9.986 C8.49971717,10.0144053 8.38801476,10.0653334 8.289,10.136 C8.19751799,10.1969103 8.11271556,10.2672997 8.036,10.346 C7.95164665,10.4479553 7.88412862,10.562736 7.836,10.686 C7.79224736,10.8151658 7.76666907,10.9497883 7.76,11.086 L7.76,11.086 L7.76,11.476 C7.77401598,11.6081535 7.81125419,11.7367946 7.87,11.856 C7.93378843,11.991763 8.01369727,12.1193486 8.108,12.236 C8.26493378,12.3714218 8.44121117,12.4826485 8.631,12.566 L8.631,12.566 L9.416,12.856 C9.677,12.936 10.197,13.076 10.597,13.156 L10.597,13.156 L11.829,13.406 L12.757,13.596 L13.601,13.766 C13.829,13.816 13.964,14.856 13.964,16.076 L13.964,16.076 L13.964,17.196 C13.93,18.416 13.879,19.646 13.854,19.846 C13.829,20.046 13.767,20.506 13.719,20.846 C13.671,21.186 13.578,21.766 13.519,22.136 C13.351,22.9226667 13.1486667,23.696 12.912,24.456 C12.7001118,25.1097551 12.5366696,25.7782305 12.423,26.456 C12.4256244,26.6423197 12.4538899,26.8273909 12.507,27.006 C12.5583944,27.1071082 12.6175727,27.2040671 12.684,27.296 C12.7469315,27.3822157 12.8175542,27.4625448 12.895,27.536 C12.9753825,27.6060173 13.0703471,27.6572572 13.173,27.686 C13.2701027,27.7168929 13.3711268,27.7337303 13.473,27.736 L13.473,27.736 L13.773,27.736 C13.8814073,27.7285214 13.9854533,27.6903712 14.073,27.626 C14.2091757,27.4875532 14.3280448,27.3330905 14.427,27.166 C14.6234149,26.7641296 14.7843596,26.3458741 14.908,25.916 C15.0165714,25.5588571 15.1593265,25.0333469 15.2812362,24.5690612 L15.414,24.056 C15.549,23.526 15.751,22.576 15.878,21.946 C16.005,21.316 16.215,20.786 16.342,20.786 C16.4472894,20.7696633 16.5548136,20.7947523 16.642,20.856 C16.76,21.29 16.86,21.73 16.942,22.176 C17.102,22.816 17.414,24.026 17.625,24.816 C17.836,25.606 18.081,26.456 18.165,26.706 C18.2440082,26.9465024 18.3486076,27.1778278 18.477,27.396 C18.5559929,27.5122688 18.658121,27.6109927 18.777,27.686 C18.8737942,27.7354378 18.9803596,27.7627623 19.089,27.766 L19.089,27.766 L19.389,27.766 C19.4757457,27.7655751 19.561614,27.7486051 19.642,27.716 C19.7249335,27.6892863 19.8042118,27.6523345 19.878,27.606 C19.9618222,27.5450001 20.0383279,27.4745343 20.106,27.396 C20.1783594,27.3063835 20.2407283,27.2091418 20.292,27.106 C20.3505784,26.9651834 20.3902564,26.8172314 20.41,26.666 C20.4395535,26.4939264 20.4395535,26.3180736 20.41,26.146 C20.3586667,25.9426667 20.2996667,25.7426667 20.233,25.546 C20.169,25.366 20.033,24.976 19.933,24.646 C19.833,24.316 19.701,23.896 19.633,23.646 C19.565,23.396 19.439,22.846 19.346,22.396 C19.253,21.946 19.143,21.216 19.093,20.756 C19.043,20.296 18.959,19.526 18.916,19.026 C18.873,18.526 18.823,17.596 18.789,16.956 C18.755,16.316 18.713,15.346 18.696,14.796 C18.679,14.246 18.842,13.726 19.042,13.726 L19.042,13.726 L20.105,13.536 C20.518,13.466 21.05,13.346 21.362,13.266 L21.362,13.266 L22.569,12.956 L23.725,12.646 C23.9529583,12.586736 24.1759637,12.5098376 24.392,12.416 C24.5101272,12.3444302 24.6204003,12.260636 24.721,12.166 C24.813597,12.0891974 24.8932757,11.9980396 24.957,11.896 C25.008628,11.8012831 25.048266,11.7005085 25.075,11.596 C25.1020696,11.4812755 25.1161581,11.3638718 25.117,11.246 C25.1262483,11.1361944 25.1262483,11.0258056 25.117,10.916 C25.0901363,10.8094456 25.0533074,10.705655 25.007,10.606 C24.9450381,10.4908664 24.8745059,10.3805554 24.796,10.276 C24.7033327,10.1836793 24.594537,10.1091154 24.475,10.056 C24.3331684,10.0100995 24.1850732,9.9864852 24.036,9.986 C23.901,9.986 22.956,10.156 21.944,10.366 L21.944,10.366 L20.189,10.726 C19.6870556,10.8396309 19.1811902,10.9347382 18.6724334,11.011149 C18.8991199,10.6251085 19.029,10.1767218 19.029,9.698 C19.029,8.2675825 17.8694175,7.108 16.439,7.108 Z' id='Combined-Shape' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3Cpath d='M16.439,7.108 C17.8694175,7.108 19.029,8.2675825 19.029,9.698 C19.029,11.1284175 17.8694175,12.288 16.439,12.288 C15.0085825,12.288 13.849,11.1284175 13.849,9.698 C13.849,8.2675825 15.0085825,7.108 16.439,7.108 Z' id='Path' stroke='%23FFFFFF' stroke-width='0.72' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    height: 40px;
    width: 40px;
    margin-left: 32px;
}

.navbar-items.navbar-right .mobile {
    display: none;
}

.navigation-mobile {
    display: none;
    margin-top: 80px;
    position: absolute;
    z-index: 1;
    width: 100%;
}

.navigation-mobile a {
    width: 50%;
    text-align: center;
    padding: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #e4e5e9;
    text-decoration: none;
    border-bottom: 1px solid #e4e5e9;
    position: relative;
    background: rgba(0, 0, 0, 0.7);
}

.navigation-mobile a.active {
    color: #d90f45;
}

.navigation-mobile a.active::after {
    content: "";
    height: 4px;
    background: #d90f45;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    position: absolute;
    bottom: -1px;
    width: 100%;
    left: 0;
}

.none-o {
    opacity: 0;
}

.banner-home {
    position: relative;
}

.banner-home .icon1 {
    bottom: 0;
    left: 0;
    margin-left: 100px;
    z-index: 1;
    margin-bottom: -100px;
}

.banner-home .icon2 {
    bottom: 0;
    right: 0;
    margin-right: 100px;
    z-index: 1;
    margin-bottom: -100px;
}

.banner-home .banner {
    height: 620px;
    position: relative;
}

.banner-home .banner .img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.banner-home .banner .img.voce {
    background-image: url(../img/banner-voce.png);
    background-position: center;
}

.banner-home .banner .img.empresa {
    background-image: url(../img/banner-empresa.png);
    background-position: center;
}

.banner-home .banner .img .logo .lottie {
    width: 400px;
    height: 400px;
    margin-top: -130px;
}

.banner-home .banner .img .text-banner-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -70px;
}

.banner-home .banner .img .text-banner-area .title {
    margin: 0;
    font-size: 70px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    max-width: 500px;
}

.banner-home .banner .img .text-banner-area .description {
    margin: 0;
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    color: #fff;
    margin-top: 10px;
    max-width: 370px;
}

.empresa a.active::after {
    background: #cc092f;
    background: -moz-linear-gradient(90deg,
            #cc092f 0,
            #cc092f 40%,
            #333b8f 90%,
            #333b8f 100%);
    background: -webkit-linear-gradient(90deg,
            #cc092f 0,
            #cc092f 40%,
            #333b8f 90%,
            #333b8f 100%);
    background: linear-gradient(90deg,
            #cc092f 0,
            #cc092f 40%,
            #333b8f 90%,
            #333b8f 100%);
}

.empresa .txt .title {
    color: #00c0f8 !important;
    text-shadow:
        0 0 1px #00c0f8,
        0 0 2px #00c0f8,
        0 0 8px #00c0f8 !important;
}

.empresa .controls {
    z-index: 10;
}

.empresa .controls p.left,
.empresa .controls p.right {
    color: #00c0f8;
}

.empresa .controls .custom-dots .slick-dots li.slick-active {
    border: 2px solid #00c0f8 !important;
}

.empresa .content .slide h2.title {
    text-shadow: none !important;
}

.empresa .content .card.desktop .border,
.empresa .content .card.desktop .border.active {
    border: 1px solid #00c0f8 !important;
    box-shadow:
        0 0 0.1rem #00c0f8,
        0 0 0 #00c0f8,
        0 0 2px #00c0f8,
        0 0 2px #00c0f8,
        0 0 2px #00c0f8,
        inset 0 0 2px #00c0f8 !important;
}

.empresa .content .card.mobile .card-space {
    border: 1px solid #00c0f8 !important;
    box-shadow:
        0 0 0.2rem #00c0f8,
        0 0 0 #00c0f8,
        0 0 20px #00c0f8,
        0 0 10px #00c0f8,
        0 0 10px #00c0f8,
        inset 0 0 10px #00c0f8 !important;
}

.empresa .content .card.mobile .card-space .img-area {
    background: linear-gradient(162deg,
            rgba(0, 192, 248, 0.15) 0,
            rgba(0, 192, 248, 0.09) 70%,
            rgba(0, 192, 248, 0) 100%) !important;
}

.empresa #vDots .slick-dots li.slick-active {
    background: #00c0f8 !important;
}

.empresa #beneficios .content .card.mobile .change-area .dots-area #bCD .slick-dots li.slick-active {
    background: #00c0f8 !important;
}

.empresa .graphs-benefits-right {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='624' height='485.9' viewBox='0 0 624 485.9'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='1' y1='1' x2='0' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23499ed0'/%3E%3Cstop offset='0.302' stop-color='%232c49a8'/%3E%3Cstop offset='0.733' stop-color='%232c49a8'/%3E%3Cstop offset='1' stop-color='%23ff003e'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-2' y1='0.5' x2='2.386' y2='-2.272' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23ff003e'/%3E%3Cstop offset='0.279' stop-color='%232c49ab'/%3E%3Cstop offset='0.626' stop-color='%232c49ab'/%3E%3Cstop offset='1' stop-color='%23499ed0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_36976' data-name='Group 36976' transform='translate(-1257 -1325.006)'%3E%3Cpath id='Path_11268' data-name='Path 11268' d='M0,159.318,624-221.758v104.824L0,264.142Z' transform='translate(1257 1546.764)' fill='url(%23linear-gradient)'/%3E%3Cpath id='Path_11267' data-name='Path 11267' d='M17847.338,18097.658l248.943-151.234v2.463l-248.943,151.377Z' transform='translate(-16553.338 -16486.264)' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' stroke-width='1' fill='url(%23linear-gradient-2)'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.empresa .graphs-vant-b-left {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='544' height='480' viewBox='0 0 544 480'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_3767' data-name='Rectangle 3767' width='544' height='480' transform='translate(950 104)' fill='%23fff' stroke='%23707070' stroke-width='1'/%3E%3C/clipPath%3E%3ClinearGradient id='linear-gradient' x1='1.869' y1='-0.821' x2='-0.275' y2='1.519' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23ff003e'/%3E%3Cstop offset='0.182' stop-color='%232c49ab'/%3E%3Cstop offset='0.626' stop-color='%232c49ab'/%3E%3Cstop offset='1' stop-color='%23499ed0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Grafismo_3' data-name='Grafismo/3' transform='translate(227 -894)'%3E%3Cg id='Mask_Group_114' data-name='Mask Group 114' transform='translate(-1177 790)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_3721' data-name='Path 3721' d='M496.74,504.662-300.18,965.111M496.228,496.955-300.692,957.4M495.715,489.247-301.2,949.7M495.2,481.541l-796.919,460.45M494.69,473.834-302.23,934.283M494.177,466.127-302.742,926.576M493.665,458.42l-796.92,460.449M493.152,450.713-303.767,911.162M492.64,443.006-304.28,903.455M492.127,435.3l-796.92,460.45M491.614,427.592-305.3,888.042M491.1,419.885l-796.92,460.45M490.59,412.178-306.33,872.627M490.077,404.471-306.843,864.92M489.564,396.764-307.355,857.213' transform='translate(1246.43 -381.522)' fill='%23fff' stroke='%23fff' stroke-miterlimit='10' stroke-width='0.374'/%3E%3C/g%3E%3Cpath id='Path_3719' data-name='Path 3719' d='M0,169.672,293.3,0V14.3L0,182.54Z' transform='translate(199.195 1304.86) rotate(180)' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' stroke-width='1' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.empresa .graphs-pra-left {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='257.844' height='345.897' viewBox='0 0 257.844 345.897'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.938' y1='6.931' x2='-0.056' y2='9.597' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2300c0f8'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Grupo_37236' data-name='Grupo 37236' transform='translate(-1327.078 -594.701)' opacity='0.5'%3E%3Cg id='Grupo_37223' data-name='Grupo 37223'%3E%3Crect id='Retângulo_92977' data-name='Retângulo 92977' width='296' height='3' rx='1.5' transform='translate(1327.078 742.701) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92978' data-name='Retângulo 92978' width='296' height='3' rx='1.5' transform='translate(1327.078 769) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92979' data-name='Retângulo 92979' width='296' height='3' rx='1.5' transform='translate(1327.078 797) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92980' data-name='Retângulo 92980' width='296' height='3' rx='1.5' transform='translate(1327.078 826) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3Cg id='Grupo_37224' data-name='Grupo 37224' transform='translate(0 112)'%3E%3Crect id='Retângulo_92977-2' data-name='Retângulo 92977' width='296' height='3' rx='1.5' transform='translate(1327.078 742.701) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92978-2' data-name='Retângulo 92978' width='296' height='3' rx='1.5' transform='translate(1327.078 769) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92979-2' data-name='Retângulo 92979' width='296' height='3' rx='1.5' transform='translate(1327.078 797) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92980-2' data-name='Retângulo 92980' width='296' height='3' rx='1.5' transform='translate(1327.078 826) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.compartilhar-dados-voce {
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    padding: 100px;
    padding-left: 240px;
    padding-bottom: 80px;
}

.compartilhar-dados-voce .icon1 {
    left: 0;
    margin-left: 10px;
    top: 0;
    margin-top: 100px;
}

.compartilhar-dados-voce .icon2 {
    left: 0;
    margin-left: 40px;
    top: 0;
    margin-top: 200px;
}

.compartilhar-dados-voce .left {
    position: relative;
    z-index: 1;
}

.compartilhar-dados-voce .left .subtitle {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    max-width: 640px;
    margin: 0;
    margin-bottom: 32px;
    line-height: 32px;
}

.compartilhar-dados-voce .left .tabs {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
}

.compartilhar-dados-voce .left .tabs .select {
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    position: relative;
}

.compartilhar-dados-voce .left .tabs .select .button {
    display: flex;
    flex-direction: column;
    position: relative;
}

.compartilhar-dados-voce .left .tabs .select .button button {
    color: #fff;
    cursor: pointer;
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    padding: 16px;
    background-color: transparent;
}

.compartilhar-dados-voce .left .tabs .select .button .mark {
    width: 100%;
    height: 4px;
    border-bottom: 1px solid #e4e5e9;
}

.compartilhar-dados-voce .left .tabs .select .button.active button {
    font-weight: 600;
    color: #fff;
}

.compartilhar-dados-voce .left .tabs .select .button.active .mark {
    height: 5px;
    background-color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative;
    margin: 0;
}

.compartilhar-dados-voce .left .tabs .select-content .content-area .cards {
    display: flex;
    margin-top: 48px;
}

.compartilhar-dados-voce .left .tabs .select-content .content-area .cards .card {
    width: 307px;
    min-height: 280px;
    background: rgba(255, 255, 255, 0.37);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    margin-right: 16px;
    box-shadow: 0 3px 6px #00000033;
    border-radius: 10px;
    position: relative;
    padding: 32px;
    margin-bottom: 10px;
}

.compartilhar-dados-voce .left .tabs .select-content .content-area .cards .card:last-of-type {
    margin-right: 0;
}

.compartilhar-dados-voce .left .tabs .select-content .content-area .cards .card .icon-area {
    display: flex;
    justify-content: center;
}

.compartilhar-dados-voce .left .tabs .select-content .content-area .cards .card .icon-area em {
    width: 60px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.compartilhar-dados-voce .left .tabs .select-content .content-area .cards .card .icon-area em.contas {
    background-image: url(../img/compartilhar-dados/carteira.png);
    width: 86px;
    height: 73px;
}

.compartilhar-dados-voce .left .tabs .select-content .content-area .cards .card .icon-area em.emprestimos {
    background-image: url(../img/compartilhar-dados/moeda.png);
    width: 70px;
    height: 70px;
}

.compartilhar-dados-voce .left .tabs .select-content .content-area .cards .card .icon-area em.cartoes {
    background-image: url(../img/compartilhar-dados/cartao.png);
    width: 88px;
    height: 61px;
}

.compartilhar-dados-voce .left .tabs .select-content .content-area .cards .card .card-content {
    margin-top: 32px;
}

.compartilhar-dados-voce .left .tabs .select-content .content-area .cards .card .card-content p {
    margin: 0;
    text-align: center;
}

.compartilhar-dados-voce .left .tabs .select-content .content-area .cards .card .card-content p.title {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

.compartilhar-dados-voce .left .tabs .select-content .content-area .cards .card .card-content .text {
    margin: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-top: 16px;
}

.compartilhar-dados-voce .left .tabs .select-content .content-area p {
    margin: 0;
}

.compartilhar-dados-voce .left .tabs .select-content .content-area p.txt {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    max-width: 683px;
}

.compartilhar-dados-voce .left .tabs .select-content .content-area .button {
    margin-top: 32px;
}

.compartilhar-dados-voce .left .tabs .select-content .content-area .button a {
    cursor: pointer;
    text-decoration: none;
    padding: 15px 48px;
    color: #fff;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
    background-color: #e1173f;
}

.compartilhar-dados-voce .illustration-area {
    position: absolute;
    right: 0;
    top: 0;
}

.compartilhar-dados-voce .illustration-area em {
    background-repeat: no-repeat;
    display: block;
}

.compartilhar-dados-voce .illustration-area em.c-dados-voce {
    width: 478px;
    height: 652px;
    background-size: cover;
    background-image: url(../img/compartilhar-dados/c-dados-voce.png);
}

.compartilhar-dados-voce .illustration-area em.graph {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='235' height='275' viewBox='0 0 235 275'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Retângulo_93167' data-name='Retângulo 93167' width='235' height='275' transform='translate(1149 437.406)' fill='%23fff' stroke='%23707070' stroke-width='1'/%3E%3C/clipPath%3E%3ClinearGradient id='linear-gradient' y1='0.766' x2='1' y2='0.216' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23cc092f'/%3E%3Cstop offset='0.397' stop-color='%23cc092f'/%3E%3Cstop offset='0.9' stop-color='%23b81570'/%3E%3Cstop offset='1' stop-color='%23b81570'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-2' y1='0.945' y2='-0.038' xlink:href='%23linear-gradient'/%3E%3C/defs%3E%3Cg id='Grafismo_02' data-name='Grafismo 02' transform='translate(-1149 -437.406)'%3E%3Cg id='Grupo_de_máscara_35083' data-name='Grupo de máscara 35083' clip-path='url(%23clip-path)'%3E%3Cpath id=':linha_grossa:' data-name=':linha grossa:' d='M5065,9108.342v-104.36l233.835-130.356v104.358Z' transform='translate(-3858.835 -8401.342)' fill='url(%23linear-gradient)'/%3E%3Cpath id=':linha_fina:' data-name=':linha fina:' d='M5086,8983.192v-2.347l188.5-105.222v2.344Z' transform='translate(-3854 -8438.218)' fill='url(%23linear-gradient-2)'/%3E%3Cpath id=':linha_fina:-2' data-name=':linha fina:' d='M5086,8983.192v-2.347l188.5-105.222v2.344Z' transform='translate(-3904 -8381.218)' fill='%23fff'/%3E%3Cpath id=':linha_fina:-3' data-name=':linha fina:' d='M5086,8983.192v-2.347l188.5-105.222v2.344Z' transform='translate(-3971 -8251.786)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: contain;
    height: 275px;
    width: 235px;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 60px;
}

.compartilhar-dados-voce .mobile-version {
    margin-top: 32px;
}

.compartilhar-dados-voce .mobile-version p {
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 32px;
}

.compartilhar-dados-voce .mobile-version .button {
    margin-top: 32px;
    display: flex;
    justify-content: flex-end;
}

.compartilhar-dados-voce .mobile-version .button.middle-align a {
    display: table;
    margin: 0 auto;
    text-align: center;
}

.compartilhar-dados-voce .mobile-version .button a {
    cursor: pointer;
    text-decoration: none;
    padding: 15px 48px;
    color: #fff;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
    background-color: #e1173f;
}

.compartilhar-dados-empresa {
    padding: 80px 80px 80px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.compartilhar-dados-empresa .left-side {
    max-width: 560px;
    position: relative;
    display: flex;
}

.compartilhar-dados-empresa .left-side .img-dados-empresa em {
    background-image: url(../img/compartilhar-dados/empresa.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 478px;
    height: 760px;
    display: block;
}

.compartilhar-dados-empresa .left-side .graph-dados-empresa {
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='290' height='411' viewBox='0 0 290 411'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Retângulo_93172' data-name='Retângulo 93172' width='266' height='263' transform='translate(0 0.032)' fill='%23fff' stroke='%23707070' stroke-width='1'/%3E%3C/clipPath%3E%3ClinearGradient id='linear-gradient' y1='0.945' x2='1' y2='-0.038' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23cc092f'/%3E%3Cstop offset='0.398' stop-color='%23cc092f'/%3E%3Cstop offset='0.901' stop-color='%23333b8f'/%3E%3Cstop offset='1' stop-color='%23333b8f'/%3E%3C/linearGradient%3E%3CclipPath id='clip-path-2'%3E%3Crect id='Retângulo_93167' data-name='Retângulo 93167' width='157' height='243' fill='%23fff' stroke='%23707070' stroke-width='1'/%3E%3C/clipPath%3E%3ClinearGradient id='linear-gradient-4' y1='0.766' x2='1' y2='0.216' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23cc092f'/%3E%3Cstop offset='0.402' stop-color='%23cc092f'/%3E%3Cstop offset='0.899' stop-color='%23333b8f'/%3E%3Cstop offset='1' stop-color='%23333b8f'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-5' y1='0.945' y2='-0.038' xlink:href='%23linear-gradient-4'/%3E%3C/defs%3E%3Cg id='Grupo_100516' data-name='Grupo 100516' transform='translate(-2981 -2881)'%3E%3Cg id=':lines:' transform='translate(3005 3028.968)'%3E%3Cg id='Grupo_de_máscara_35087' data-name='Grupo de máscara 35087' clip-path='url(%23clip-path)'%3E%3Cpath id=':linha_grossa:' data-name=':linha grossa:' d='M5065,9003.625v-11.259l213-118.741v11.257Z' transform='translate(-5085 -8806.341)' fill='url(%23linear-gradient)'/%3E%3Cpath id=':linha_fina:' data-name=':linha fina:' d='M5086,8980.625v-2.291l232-129.709v2.288Z' transform='translate(-4971 -8925.341)' fill='url(%23linear-gradient)'/%3E%3Cpath id='União_147' data-name='União 147' d='M0,202.028,236.148,70V72.33L0,204.359Zm0-10L236.148,60v2.329L0,194.359Zm0-10L236.148,50v2.329L0,184.36Zm0-10L236.148,40V42.33L0,174.36Zm0-10L236.148,30v2.329L0,164.359Zm0-10L236.148,20v2.329L0,154.359Zm0-10L236.148,10V12.33L0,144.36Zm0-10L236.148,0V2.329L0,134.359Z' transform='translate(30 58.926)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/g%3E%3Cg id='Grafismo_02' data-name='Grafismo 02' transform='translate(2981 2881)'%3E%3Cg id='Grupo_de_máscara_35083' data-name='Grupo de máscara 35083' clip-path='url(%23clip-path-2)'%3E%3Cpath id=':linha_grossa:-2' data-name=':linha grossa:' d='M5065,9108.342v-104.36l233.835-130.356v104.358Z' transform='translate(-5112.812 -8850.162)' fill='url(%23linear-gradient-4)'/%3E%3Cpath id=':linha_fina:-2' data-name=':linha fina:' d='M5086,8983.192v-2.347l188.5-105.222v2.344Z' transform='translate(-5096.835 -8875.624)' fill='url(%23linear-gradient-5)'/%3E%3Cpath id=':linha_fina:-3' data-name=':linha fina:' d='M5086,8983.192v-2.347l188.5-105.222v2.344Z' transform='translate(-5112.987 -8818.624)' fill='%23fff'/%3E%3Cpath id=':linha_fina:-4' data-name=':linha fina:' d='M5086,8983.192v-2.347l188.5-105.222v2.344Z' transform='translate(-5167.423 -8722.991)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    width: 290px;
    height: 411px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    margin-left: -80px;
    margin-top: 70px;
}

.compartilhar-dados-empresa .right-side {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.compartilhar-dados-empresa .right-side .top-content {
    margin-left: 40px;
    margin-top: 40px;
}

.compartilhar-dados-empresa .right-side .top-content .subtitle {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    max-width: 640px;
    margin: 0;
    margin-bottom: 32px;
}

.compartilhar-dados-empresa .right-side .tabs {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
}

.compartilhar-dados-empresa .right-side .tabs .select {
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    position: relative;
    margin-left: 40px;
}

.compartilhar-dados-empresa .right-side .tabs .select .button {
    display: flex;
    flex-direction: column;
    position: relative;
}

.compartilhar-dados-empresa .right-side .tabs .select .button button {
    color: #fff;
    cursor: pointer;
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    padding: 16px;
    background-color: transparent;
}

.compartilhar-dados-empresa .right-side .tabs .select .button button:active,
.compartilhar-dados-empresa .right-side .tabs .select .button button:focus {
    outline: 0;
    border: none;
    -moz-outline-style: none;
}

.compartilhar-dados-empresa .right-side .tabs .select .button .mark {
    width: 100%;
    height: 4px;
    border-bottom: 1px solid #fff;
}

.compartilhar-dados-empresa .right-side .tabs .select .button.active button {
    font-weight: 600;
    color: #fff;
}

.compartilhar-dados-empresa .right-side .tabs .select .button.active .mark {
    height: 5px;
    background: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative;
    margin: 0;
}

.compartilhar-dados-empresa .right-side .tabs .select-content #tenho-conta-content {
    margin-left: -160px;
}

.compartilhar-dados-empresa .right-side .tabs .select-content #nao-tenho-conta-content {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    margin-right: 0px;
    width: 100%;
    opacity: 0;
}

.compartilhar-dados-empresa .right-side .tabs .select-content .content-area .cards {
    display: flex;
}

.compartilhar-dados-empresa .right-side .tabs .select-content .content-area .cards .card {
    width: 307px;
    min-height: 280px;
    background: rgba(255, 255, 255, 0.37);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    margin-right: 16px;
    box-shadow: 0 3px 6px #00000033;
    border-radius: 10px;
    position: relative;
    padding: 32px;
    margin-bottom: 10px;
}

.compartilhar-dados-empresa .right-side .tabs .select-content .content-area .cards .card:last-of-type {
    margin-right: 0;
}

.compartilhar-dados-empresa .right-side .tabs .select-content .content-area .cards .card .icon-area {
    display: flex;
    justify-content: center;
}

.compartilhar-dados-empresa .right-side .tabs .select-content .content-area .cards .card .icon-area em {
    width: 60px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.compartilhar-dados-empresa .right-side .tabs .select-content .content-area .cards .card .icon-area em.contas {
    background-image: url(../img/compartilhar-dados/carteira.png);
    width: 86px;
    height: 73px;
}

.compartilhar-dados-empresa .right-side .tabs .select-content .content-area .cards .card .icon-area em.emprestimos {
    background-image: url(../img/compartilhar-dados/moeda.png);
    width: 70px;
    height: 70px;
}

.compartilhar-dados-empresa .right-side .tabs .select-content .content-area .cards .card .icon-area em.cartoes {
    background-image: url(../img/compartilhar-dados/cartao.png);
    width: 88px;
    height: 61px;
}

.compartilhar-dados-empresa .right-side .tabs .select-content .content-area .cards .card .card-content {
    margin-top: 32px;
}

.compartilhar-dados-empresa .right-side .tabs .select-content .content-area .cards .card .card-content p {
    margin: 0;
    text-align: center;
}

.compartilhar-dados-empresa .right-side .tabs .select-content .content-area .cards .card .card-content p.title {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

.compartilhar-dados-empresa .right-side .tabs .select-content .content-area .cards .card .card-content .text {
    margin: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-top: 16px;
}

.compartilhar-dados-empresa .right-side .tabs .select-content .content-area p {
    margin: 0;
}

.compartilhar-dados-empresa .right-side .tabs .select-content .content-area p.txt {
    font-size: 18px;
    color: #fff;
    text-align: center;
    max-width: 450px;
}

.compartilhar-dados-empresa .right-side .tabs .select-content .content-area .button {
    margin-top: 32px;
    display: flex;
    justify-content: flex-end;
}

.compartilhar-dados-empresa .right-side .tabs .select-content .content-area .button.middle-align a {
    display: table;
    margin: 0 auto;
    text-align: center;
}

.compartilhar-dados-empresa .right-side .tabs .select-content .content-area .button button {
    cursor: pointer;
    text-decoration: none;
    padding: 15px 48px;
    color: #fff;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
    background-color: transparent;
    border: 1px solid;
}

.compartilhar-dados-empresa .right-side .tabs .mobile-version {
    margin-top: 32px;
}

.compartilhar-dados-empresa .right-side .tabs .mobile-version .button {
    margin-top: 32px;
    display: flex;
    justify-content: flex-end;
}

.compartilhar-dados-empresa .right-side .tabs .mobile-version .button.middle-align a {
    display: table;
    margin: 0 auto;
    text-align: center;
}

.compartilhar-dados-empresa .right-side .tabs .mobile-version .button a {
    cursor: pointer;
    text-decoration: none;
    padding: 15px 48px;
    color: #fff;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
    background-color: transparent;
    border: 1px solid;
}

.compartilhar-dados-empresa .right-side .tabs .mobile-version p {
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 32px;
}

.compartilhar-dados-empresa .right-side .tabs .mobile-version a {
    cursor: pointer;
    text-decoration: none;
    padding: 15px 48px;
    color: #fff;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
    background-color: transparent;
    border: 1px solid;
}

#beneficios {
    position: relative;
    padding: 340px 0 80px 240px;
}

#beneficios .icon1 {
    top: 0;
    margin-top: 400px;
    right: 0;
    margin-right: 250px;
}

#beneficios .icon2 {
    top: -60px;
    margin-top: 500px;
    right: 0;
    margin-right: 220px;
}

#beneficios .icon3 {
    left: 0;
    bottom: 0;
    margin-left: 20px;
}

#beneficios .graph-area {
    position: absolute;
    right: 0;
    z-index: 0;
}

#beneficios .graph-area em {
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
}

#beneficios .graph-area em.ilustra {
    background-image: url("data:image/svg+xml,%3Csvg id='Grafismo_01' data-name='Grafismo 01' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='105.58' height='141.635' viewBox='0 0 105.58 141.635'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.938' y1='6.931' x2='-0.056' y2='9.597' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23f324a7'/%3E%3Cstop offset='0.717' stop-color='%23d1193c'/%3E%3Cstop offset='1' stop-color='%23d71e45' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Grupo_37223' data-name='Grupo 37223'%3E%3Crect id='Retângulo_92977' data-name='Retângulo 92977' width='121.204' height='1.228' rx='0.614' transform='translate(0 60.602) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92978' data-name='Retângulo 92978' width='121.204' height='1.228' rx='0.614' transform='translate(0 71.371) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92979' data-name='Retângulo 92979' width='121.204' height='1.228' rx='0.614' transform='translate(0 82.836) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92980' data-name='Retângulo 92980' width='121.204' height='1.228' rx='0.614' transform='translate(0 94.71) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3Cg id='Grupo_37224' data-name='Grupo 37224' transform='translate(0 45.861)'%3E%3Crect id='Retângulo_92977-2' data-name='Retângulo 92977' width='121.204' height='1.228' rx='0.614' transform='translate(0 60.602) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92978-2' data-name='Retângulo 92978' width='121.204' height='1.228' rx='0.614' transform='translate(0 71.371) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92979-2' data-name='Retângulo 92979' width='121.204' height='1.228' rx='0.614' transform='translate(0 82.836) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92980-2' data-name='Retângulo 92980' width='121.204' height='1.228' rx='0.614' transform='translate(0 94.71) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 105px;
    height: 140px;
}

#cards-empresa .cards,
#beneficios .cards {
    display: flex;
    position: relative;
    overflow: hidden;
}

#cards-empresa .cards .card,
#beneficios .cards .card {
    display: flex;
    height: 350px;
    width: 310px;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.5rem;
    margin-right: 18px;
    position: relative;

    padding: 30px 20px;
    background: rgba(255, 255, 255, 0.28);
    border-radius: 5px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(13.2px);
    -webkit-backdrop-filter: blur(13.2px);
}

#cards-empresa .cards .card .card-content,
#beneficios .cards .card .card-content {
    display: flex;
    width: 100%;
    height: 453px;
    flex-direction: column;
    gap: 1rem;
}

.cards .card:hover {
    cursor: pointer;
}

#beneficios .cards .card:last-of-type {
    margin-right: 0;
}

.card-content-bottom {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#beneficios .cards .card .title {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #fff;
    padding-bottom: 25px;
}

#beneficios .cards .card .title em {
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 24px;
    width: 56px;
    height: 56px;
}

#beneficios .cards .card .title em.cartao {
    background-image: url(../img/beneficios/cartao.png);
    height: 36px;
}

#beneficios .cards .card .title em.emprestimos {
    background-image: url(../img/beneficios/extrato.png);
}

#beneficios .cards .card .title em.bancos {
    background-image: url(../img/beneficios/bancos.png);
}

#beneficios .cards .card .title .card-title {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

#beneficios .cards .card h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

#beneficios .cards .card a {
    text-decoration: none;
}

.btn-white {
    cursor: pointer;
    text-decoration: none;
    padding: 16px 48px;
    color: #fff;
    border-radius: 30px;
    border: 1px solid #fff;
    font-size: 14px;
    font-weight: 700;
    background: 0 0;
    position: relative;
    bottom: 0rem;
    min-width: 240px;
    width: 100%;
}

#nao-tenho-conta-content button.naotenhoconta {
    cursor: pointer;
    text-decoration: none;
    padding: 16px 48px !important;
    color: #fff;
    border-radius: 30px;
    border: 1px solid #fff;
    font-size: 14px;
    font-weight: 700;
    background: 0 0;
    margin-top: 40px;
    min-width: 240px;
    width: 100%;
}

#nao-tenho-conta-content button.naotenhoconta:hover {
    background: #fff;
    color: #e1173f;
}

#slick-slide01>div.card-content-bottom>a {
    text-decoration: none;
}

#slick-slide02>div.card-content-bottom>a {
    text-decoration: none;
}

.btn-white:hover {
    background: #fff;
    color: #e1173f;
}

#beneficios span.disclaimer {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-top: 32px;
    display: block;
}

#beneficios .controls-beneficios {
    display: flex;
    align-items: center;
    float: right;
    position: relative;
    right: 0;
    margin-right: 100px;
    margin-top: 24px;
    z-index: 10;
}

#beneficios .controls-beneficios .progress .bar {
    height: 1px;
    width: 200px;
    background: #8b8b8e;
    position: relative;
    display: flex;
    align-items: center;
}

#beneficios .controls-beneficios .progress .bar span {
    position: absolute;
    height: 5px;
    background: #fff;
    width: 0%;
    border-radius: 3px;
    transition: width 0.8s ease-in-out;
}

#beneficios .controls-beneficios .progress .dots {
    display: none;
}

#beneficios .controls-beneficios .arrows {
    display: flex;
}

#beneficios .controls-beneficios .arrows em.arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg id='teste' transform='translate(19870.999 9964)'%3E%3Cg id='Grupo_3' data-name='Grupo 3' transform='translate(-19871.199 -9964)'%3E%3Cg id='Grupo_2' data-name='Grupo 2' transform='translate(12.304 9.506)'%3E%3Cg id='Grupo_1' data-name='Grupo 1' transform='translate(7.753) rotate(90)'%3E%3Cpath id='Caminho_1' data-name='Caminho 1' d='M0,7.753,3.3,3.877,6.591,0l3.3,3.877,3.3,3.877' fill='none' stroke='%23ddddde' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3Cg id='Elipse_1' data-name='Elipse 1' transform='translate(0.2)' fill='none' stroke='%23ddddde' stroke-width='1'%3E%3Ccircle cx='16' cy='16' r='16' stroke='none'/%3E%3Ccircle cx='16' cy='16' r='15.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    height: 32px;
    width: 32px;
    cursor: pointer;
}

#beneficios .controls-beneficios .arrows em.slick-disabled {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg id='teste' transform='translate(19870.999 9964)'%3E%3Cg id='Grupo_3' data-name='Grupo 3' transform='translate(-19871.199 -9964)'%3E%3Cg id='Grupo_2' data-name='Grupo 2' transform='translate(12.304 9.506)'%3E%3Cg id='Grupo_1' data-name='Grupo 1' transform='translate(7.753) rotate(90)'%3E%3Cpath id='Caminho_1' data-name='Caminho 1' d='M0,7.753,3.3,3.877,6.591,0l3.3,3.877,3.3,3.877' fill='none' stroke='%23838486' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3Cg id='Elipse_1' data-name='Elipse 1' transform='translate(0.2)' fill='none' stroke='%23838486' stroke-width='1'%3E%3Ccircle cx='16' cy='16' r='16' stroke='none'/%3E%3Ccircle cx='16' cy='16' r='15.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

#beneficios .controls-beneficios .arrows em.left-icon {
    transform: rotate(180deg);
    margin-right: 24px;
    margin-left: 24px;
}

#of-pratica {
    position: relative;
}

#of-pratica .graph1 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='92.651' height='124.292' viewBox='0 0 92.651 124.292'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.938' y1='6.931' x2='-0.056' y2='9.597' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23f324a7'/%3E%3Cstop offset='0.717' stop-color='%23d1193c'/%3E%3Cstop offset='1' stop-color='%23d71e45' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Grafismo_01' data-name='Grafismo 01' transform='translate(0)'%3E%3Cg id='Grupo_37223' data-name='Grupo 37223' transform='translate(0)'%3E%3Crect id='Retângulo_92977' data-name='Retângulo 92977' width='106.362' height='1.078' rx='0.539' transform='translate(0 53.181) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92978' data-name='Retângulo 92978' width='106.362' height='1.078' rx='0.539' transform='translate(0 62.631) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92979' data-name='Retângulo 92979' width='106.362' height='1.078' rx='0.539' transform='translate(0 72.692) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92980' data-name='Retângulo 92980' width='106.362' height='1.078' rx='0.539' transform='translate(0 83.113) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3Cg id='Grupo_37224' data-name='Grupo 37224' transform='translate(0 40.245)'%3E%3Crect id='Retângulo_92977-2' data-name='Retângulo 92977' width='106.362' height='1.078' rx='0.539' transform='translate(0 53.181) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92978-2' data-name='Retângulo 92978' width='106.362' height='1.078' rx='0.539' transform='translate(0 62.631) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92979-2' data-name='Retângulo 92979' width='106.362' height='1.078' rx='0.539' transform='translate(0 72.692) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92980-2' data-name='Retângulo 92980' width='106.362' height='1.078' rx='0.539' transform='translate(0 83.113) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 92px;
    height: 124px;
    bottom: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    margin-top: -40px;
    transform: translateY(-50%);
    margin-left: -44px;
}

#of-pratica .icon1 {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 150px;
    margin-left: 20px;
}

#of-pratica .icon2 {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 60px;
}

#of-pratica .content {
    padding: 0 0 48px 240px;
    display: flex;
    flex-direction: column;
    position: relative;
}

#of-pratica .content .sections-title {
    margin-bottom: 0;
}

#of-pratica .content .subtitle {
    display: block;
    margin-top: 24px;
    margin-bottom: 40px;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

#of-pratica .content .right {
    z-index: 2;
}

#of-pratica .content .right .cards.empresa .card.video.video0 {
    background-image: url(../img/of-pratica/empresa/video0.png);
}

#of-pratica .content .right .cards.empresa .card.video.video1 {
    background-image: url(../img/of-pratica/empresa/video1.png);
}

#of-pratica .content .right .cards.empresa .card.video.video2 {
    background-image: url(../img/of-pratica/empresa/video2.png);
}

#of-pratica .content .right .cards.empresa .card.video.video3 {
    background-image: url(../img/of-pratica/empresa/video3.png);
}

#of-pratica .content .right .cards.empresa .card.video.video4 {
    background-image: url(../img/of-pratica/empresa/video4.png);
}

#of-pratica .content .right .cards .card {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#of-pratica .content .right .cards .card::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg transform='translate(-848 -1960)'%3E%3Cg transform='translate(847.896 1959.699)'%3E%3Ccircle cx='40' cy='40' r='40' transform='translate(0.104 0.301)' fill='%23fff' opacity='0.353'/%3E%3Cg transform='translate(-3 6)'%3E%3Cg transform='translate(31.104 22.301)' fill='none' stroke='%23fff' stroke-width='1' opacity='0'%3E%3Crect width='24' height='24' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='23' height='23' fill='none'/%3E%3C/g%3E%3Cg transform='translate(53.104 25.301) rotate(90)' fill='none'%3E%3Cpath d='M7.257,3.1a2,2,0,0,1,3.486,0l5.58,9.921A2,2,0,0,1,14.58,16H3.42a2,2,0,0,1-1.743-2.981Z' stroke='none'/%3E%3Cpath d='M 9.000000953674316 3.079455375671387 C 8.824151039123535 3.079455375671387 8.387210845947266 3.129125595092773 8.12843132019043 3.58919620513916 L 2.548120498657227 13.50973606109619 C 2.29430103302002 13.96097564697266 2.46941089630127 14.35596561431885 2.55648136138916 14.50484561920166 C 2.643550872802734 14.65371608734131 2.901961326599121 14.99999618530273 3.41969108581543 14.99999618530273 L 14.58030128479004 14.99999618530273 C 15.09803104400635 14.99999618530273 15.3564510345459 14.65371608734131 15.44352149963379 14.5048360824585 C 15.53059101104736 14.35596561431885 15.70570087432861 13.96097564697266 15.45187091827393 13.50973606109619 L 9.871581077575684 3.589205741882324 C 9.612780570983887 3.129125595092773 9.175841331481934 3.079455375671387 9.000000953674316 3.079455375671387 M 9.000000953674316 2.079461097717285 C 9.680423736572266 2.079461097717285 10.3608455657959 2.419285774230957 10.74315071105957 3.098936080932617 L 16.32345008850098 13.01947593688965 C 17.07339096069336 14.35268592834473 16.10996055603027 15.99999618530273 14.58030128479004 15.99999618530273 L 3.41969108581543 15.99999618530273 C 1.890041351318359 15.99999618530273 0.9266109466552734 14.35268592834473 1.676540374755859 13.01947593688965 L 7.256851196289062 3.098936080932617 C 7.639156341552734 2.419285774230957 8.319578170776367 2.079461097717285 9.000000953674316 2.079461097717285 Z' stroke='none' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    width: 80px;
    cursor: pointer;
}

#of-pratica .content .right .cards .card h5 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 20px;
    margin-left: 25px;
}

#of-pratica .content .right .cards .card h5::after {
    content: "";
    height: 4px;
    width: 32px;
    display: block;
    margin-top: 16px;
    background-color: #fff;
}

#of-pratica .content .right .cards .card.video {
    background-repeat: no-repeat;
    background-size: cover;
    width: 480px;
    height: 269px;
    margin-right: 30px;
    border-radius: 10px;
}

#of-pratica .content .right .cards .card.video.video0 {
    background-image: url(../img/of-pratica/video0.png);
}

#of-pratica .content .right .cards .card.video.video1 {
    background-image: url(../img/of-pratica/video1.png);
}

#of-pratica .content .right .cards .card.video.video2 {
    background-image: url(../img/of-pratica/video2.png);
}

#of-pratica .content .right .cards .card.video.video3 {
    background-image: url(../img/of-pratica/video3.png);
}

#of-pratica .content .right .cards .card.video.video4 {
    background-image: url(../img/of-pratica/video4.png);
}

#of-pratica .content .right .controls-of {
    display: flex;
    align-items: center;
    position: relative;
    right: 0;
    margin-right: 100px;
    margin-top: 24px;
    z-index: 10;
}

#of-pratica .content .right .controls-of .progress .bar {
    height: 1px;
    width: 200px;
    background: #8b8b8e;
    position: relative;
    display: flex;
    align-items: center;
}

#of-pratica .content .right .controls-of .progress .bar span {
    position: absolute;
    height: 5px;
    background: #fff;
    width: 0%;
    border-radius: 3px;
    transition: width 0.8s ease-in-out;
}

#of-pratica .content .right .controls-of .progress .dots {
    display: none;
}

#of-pratica .content .right .controls-of .arrows {
    display: flex;
}

#of-pratica .content .right .controls-of .arrows em.arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg id='teste' transform='translate(19870.999 9964)'%3E%3Cg id='Grupo_3' data-name='Grupo 3' transform='translate(-19871.199 -9964)'%3E%3Cg id='Grupo_2' data-name='Grupo 2' transform='translate(12.304 9.506)'%3E%3Cg id='Grupo_1' data-name='Grupo 1' transform='translate(7.753) rotate(90)'%3E%3Cpath id='Caminho_1' data-name='Caminho 1' d='M0,7.753,3.3,3.877,6.591,0l3.3,3.877,3.3,3.877' fill='none' stroke='%23ddddde' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3Cg id='Elipse_1' data-name='Elipse 1' transform='translate(0.2)' fill='none' stroke='%23ddddde' stroke-width='1'%3E%3Ccircle cx='16' cy='16' r='16' stroke='none'/%3E%3Ccircle cx='16' cy='16' r='15.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    height: 32px;
    width: 32px;
    cursor: pointer;
}

#of-pratica .content .right .controls-of .arrows em.slick-disabled {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg id='teste' transform='translate(19870.999 9964)'%3E%3Cg id='Grupo_3' data-name='Grupo 3' transform='translate(-19871.199 -9964)'%3E%3Cg id='Grupo_2' data-name='Grupo 2' transform='translate(12.304 9.506)'%3E%3Cg id='Grupo_1' data-name='Grupo 1' transform='translate(7.753) rotate(90)'%3E%3Cpath id='Caminho_1' data-name='Caminho 1' d='M0,7.753,3.3,3.877,6.591,0l3.3,3.877,3.3,3.877' fill='none' stroke='%23838486' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3Cg id='Elipse_1' data-name='Elipse 1' transform='translate(0.2)' fill='none' stroke='%23838486' stroke-width='1'%3E%3Ccircle cx='16' cy='16' r='16' stroke='none'/%3E%3Ccircle cx='16' cy='16' r='15.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

#of-pratica .content .right .controls-of .arrows em.left-icon {
    transform: rotate(180deg);
    margin-right: 24px;
    margin-left: 24px;
}

.graphs-pra-left {
    position: absolute;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
}

.graphs-pra-left {
    width: 257px;
    height: 345px;
    bottom: -300px;
    left: -60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='257.844' height='345.896' viewBox='0 0 257.844 345.896'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.938' y1='6.931' x2='-0.056' y2='9.597' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23f324a7'/%3E%3Cstop offset='0.717' stop-color='%23d1193c'/%3E%3Cstop offset='1' stop-color='%23d71e45' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Grupo_37317' data-name='Grupo 37317' transform='translate(-1327.078 -594.701)' opacity='0.5'%3E%3Cg id='Grupo_37223' data-name='Grupo 37223'%3E%3Crect id='Retângulo_92977' data-name='Retângulo 92977' width='296' height='3' rx='1.5' transform='translate(1327.078 742.701) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92978' data-name='Retângulo 92978' width='296' height='3' rx='1.5' transform='translate(1327.078 769) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92979' data-name='Retângulo 92979' width='296' height='3' rx='1.5' transform='translate(1327.078 797) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92980' data-name='Retângulo 92980' width='296' height='3' rx='1.5' transform='translate(1327.078 826) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3Cg id='Grupo_37224' data-name='Grupo 37224' transform='translate(0 112)'%3E%3Crect id='Retângulo_92977-2' data-name='Retângulo 92977' width='296' height='3' rx='1.5' transform='translate(1327.078 742.701) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92978-2' data-name='Retângulo 92978' width='296' height='3' rx='1.5' transform='translate(1327.078 769) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92979-2' data-name='Retângulo 92979' width='296' height='3' rx='1.5' transform='translate(1327.078 797) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92980-2' data-name='Retângulo 92980' width='296' height='3' rx='1.5' transform='translate(1327.078 826) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

#faq {
    position: relative;
}

#faq .icon1 {
    bottom: 0;
    margin-left: 20px;
    margin-bottom: 150px;
}

#faq .icon2 {
    bottom: 0;
    margin-left: 80px;
    margin-bottom: 300px;
}

#faq .icon3 {
    top: 0;
    right: 0;
    margin-right: 80px;
    margin-top: 150px;
}

#faq .icon4 {
    top: 0;
    right: 0;
    margin-right: 20px;
    margin-top: 300px;
}

#faq .graph {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='92.651' height='124.292' viewBox='0 0 92.651 124.292'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.938' y1='6.931' x2='-0.056' y2='9.597' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23f324a7'/%3E%3Cstop offset='0.717' stop-color='%23d1193c'/%3E%3Cstop offset='1' stop-color='%23d71e45' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Grafismo_01' data-name='Grafismo 01' transform='translate(0)'%3E%3Cg id='Grupo_37223' data-name='Grupo 37223' transform='translate(0)'%3E%3Crect id='Retângulo_92977' data-name='Retângulo 92977' width='106.362' height='1.078' rx='0.539' transform='translate(0 53.181) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92978' data-name='Retângulo 92978' width='106.362' height='1.078' rx='0.539' transform='translate(0 62.631) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92979' data-name='Retângulo 92979' width='106.362' height='1.078' rx='0.539' transform='translate(0 72.692) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92980' data-name='Retângulo 92980' width='106.362' height='1.078' rx='0.539' transform='translate(0 83.113) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3Cg id='Grupo_37224' data-name='Grupo 37224' transform='translate(0 40.245)'%3E%3Crect id='Retângulo_92977-2' data-name='Retângulo 92977' width='106.362' height='1.078' rx='0.539' transform='translate(0 53.181) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92978-2' data-name='Retângulo 92978' width='106.362' height='1.078' rx='0.539' transform='translate(0 62.631) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92979-2' data-name='Retângulo 92979' width='106.362' height='1.078' rx='0.539' transform='translate(0 72.692) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92980-2' data-name='Retângulo 92980' width='106.362' height='1.078' rx='0.539' transform='translate(0 83.113) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 105px;
    height: 141px;
    bottom: 0;
    left: 0;
    position: absolute;
    margin-bottom: -65px;
}

#faq .content {
    padding: 32px 240px 184px 240px;
}

#faq .content p.title {
    margin: 0;
    padding: 0;
    margin-bottom: 32px;
    font-size: 32px;
    font-weight: 300;
    color: #fff;
    text-transform: none;
    text-align: center;
}

#faq .content p.title strong {
    text-shadow:
        0 0 1px #fff,
        0 0 1px #fff,
        0 0 8px #fff;
}

#faq .content .questions {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#faq .content .questions .pergunta {
    width: 100%;
    margin-bottom: 1rem;
    border-bottom: 1px solid #fff;
}

#faq .content .questions .pergunta.open {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
}

#faq .content .questions .pergunta button {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: 0 0;
    border: none;
    width: 100%;
    padding: 0 0 0.5rem;
}

#faq .content .questions .pergunta button h6 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    padding: 24px;
    text-align: start;
}

#faq .content .questions .pergunta button .seta {
    background-image: url("data:image/svg+xml,%3Csvg id='Grupo_26080' data-name='Grupo 26080' xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23'%3E%3Cg id='Icon_-_Seta' data-name='Icon - Seta' transform='translate(6.899 8.965)'%3E%3Cpath id='Caminho_3890' data-name='Caminho 3890' d='M2528.469-2233.792l4.677-4.351,4.525,4.351' transform='translate(-2528.469 2238.143)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25'/%3E%3C/g%3E%3Cg id='Elipse_1543' data-name='Elipse 1543' fill='none' stroke='%23fff' stroke-width='1.25'%3E%3Ccircle cx='11.5' cy='11.5' r='11.5' stroke='none'/%3E%3Ccircle cx='11.5' cy='11.5' r='10.875' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 23px;
    height: 23px;
    transition: 0.4s;
    margin-right: 24px;
}

#faq .content .questions .pergunta button.open .seta {
    transform: rotate(180deg);
}

#faq .content .questions .pergunta .expansivel-content {
    max-height: 0;
    transition: 0.4s;
    overflow: hidden;
}

#faq .content .questions .pergunta .expansivel-content h3,
#faq .content .questions .pergunta .expansivel-content p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 0 24px;
}

#faq .content .questions .pergunta .expansivel-content h3 a,
#faq .content .questions .pergunta .expansivel-content p a {
    color: #fff;
}

#faq .content .questions .pergunta button.open~.expansivel-content {
    max-height: 50rem;
    padding: 1.5rem 0;
}

#faq .content .questions .show-more {
    cursor: pointer;
    margin-top: 32px;
    display: block;
    text-decoration: none;
    padding: 15px 48px;
    color: #fff;
    border-radius: 30px;
    border: 1px solid #fff;
    box-shadow:
        0 0 0.2rem #fff,
        0 0 0 #fff,
        0 0 20px #fff,
        0 0 10px #fff,
        0 0 10px #fff,
        inset 0 0 10px #fff;
    box-shadow:
        0 0 0.2rem #fff,
        0 0 0 #fff,
        0 0 20px #fff,
        0 0 10px #fff,
        0 0 10px #fff,
        inset 0 0 10px #fff;
    animation: pulse-white 2s infinite;
}

#faq .more-content {
    height: 0;
    max-height: 0;
    opacity: 0;
    transition: all 1s ease-in-out;
}

.compartilhar-gerenciar {
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    padding: 0 0 100px 240px;
}

.compartilhar-gerenciar .compartilhar-gerenciar-btns {
    cursor: pointer;
    margin-bottom: 32px;
    display: flex;
    justify-content: space-between;
}

.compartilhar-gerenciar .compartilhar-gerenciar-btns::after {
    content: "";
    position: absolute;
    width: 500px;
    height: 1px;
    background: #fff;
    margin-top: 28px;
    z-index: -1;
    opacity: 16%;
}

.compartilhar-gerenciar .compartilhar-gerenciar-btns .button {
    display: flex;
    flex-direction: column;
}

.compartilhar-gerenciar .compartilhar-gerenciar-btns .button button {
    cursor: pointer;
    background-color: transparent;
    margin-bottom: 4px;
    color: #fff;
}

.compartilhar-gerenciar .compartilhar-gerenciar-btns .button button.mod-emp-style {
    color: #fff;
    cursor: pointer;
    display: block;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    text-align: center;
}

.compartilhar-gerenciar .compartilhar-gerenciar-btns .button button.mod-emp-style:active,
.compartilhar-gerenciar .compartilhar-gerenciar-btns .button button.mod-emp-style:focus {
    outline: 0;
    border: none;
    -moz-outline-style: none;
}

.compartilhar-gerenciar .compartilhar-gerenciar-btns .button:first-child {
    margin-right: 30px;
}

.compartilhar-gerenciar .compartilhar-gerenciar-btns .button.empresa.active .mark {
    background: #fff;
}

.compartilhar-gerenciar .compartilhar-gerenciar-btns .button.active button {
    font-weight: 600;
    color: #fff;
}

.compartilhar-gerenciar .compartilhar-gerenciar-btns .button.active .mark {
    background-color: #fff;
}

.compartilhar-gerenciar .compartilhar-gerenciar-btns .button.active span {
    color: #fff;
}

.compartilhar-gerenciar .compartilhar-gerenciar-btns .button .button {
    color: #fff;
    cursor: pointer;
    display: block;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
    text-align: center;
}

.compartilhar-gerenciar .compartilhar-gerenciar-btns .button .button:active,
.compartilhar-gerenciar .compartilhar-gerenciar-btns .button .button:focus {
    outline: 0;
    border: none;
    -moz-outline-style: none;
}

.compartilhar-gerenciar .compartilhar-gerenciar-btns .button .mark {
    width: 100%;
    height: 4px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.compartilhar-gerenciar .compartilhar-gerenciar-btns .button span {
    font-size: 12px;
    font-weight: 500;
    margin-top: 4px;
    display: block;
    color: #fff;
}

.compartilhar-gerenciar .container-gerenciar {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.compartilhar-gerenciar .container-gerenciar.voce {
    justify-content: unset;
    margin-top: 48px;
}

.compartilhar-gerenciar .container-gerenciar .left-data {
    margin-right: 40px;
}

.compartilhar-gerenciar .container-gerenciar .left-data.voce {
    margin: 0;
}

.compartilhar-gerenciar .container-gerenciar .left-data .text-area {
    max-width: 520px;
    position: relative;
}

.compartilhar-gerenciar .container-gerenciar .left-data .text-area .text {
    position: relative;
}

.compartilhar-gerenciar .container-gerenciar .left-data .text-area .text::before {
    content: "";
    height: 4px;
    width: 80px;
    background: #fff;
    position: absolute;
    bottom: -50px;
}

.compartilhar-gerenciar .container-gerenciar .left-data .text-area .text h2 {
    color: #fff;
}

.compartilhar-gerenciar .container-gerenciar .left-data .text-area .text p {
    font-size: 16px;
    color: #fff;
    margin: 0;
}

.compartilhar-gerenciar .container-gerenciar .left-data .text-area .text p.title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 24px;
}

.compartilhar-gerenciar .container-gerenciar .left-data .text-area .text p.txt-paragraph {
    font-weight: 500;
    margin-top: 16px;
}

.compartilhar-gerenciar .container-gerenciar .left-data .text-area .text p.rodape {
    font-size: 13px;
    margin-top: 30px;
}

.compartilhar-gerenciar .container-gerenciar .video-area {
    position: relative;
    z-index: 10;
}

.compartilhar-gerenciar .container-gerenciar .video-area .bg-brad {
    width: 650px;
    height: 430px;
    position: relative;
}

.compartilhar-gerenciar .container-gerenciar .video-area .mobile-area {
    position: absolute;
    top: 0;
}

.compartilhar-gerenciar .container-gerenciar .video-area .mobile-area .mobile-mock-v2 {
    background-image: url(../img/compartilhar-gerenciar/mobile-mock-v2.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 242px;
    height: 414px;
    margin-left: 240px;
    margin-top: 10px;
}

.compartilhar-gerenciar .container-gerenciar .video-area .mobile-area .mobile-mock-v2.empresa {
    background-image: url(../img/compartilhar-gerenciar/mobile-mock-v2-empresa.png);
}

.compartilhar-gerenciar .container-gerenciar .video-area .mobile-area .mobile {
    background-size: contain;
    background-repeat: no-repeat;
    width: 310px;
    height: 530px;
    position: absolute;
    top: 0;
    margin-top: -60px;
    margin-left: -90px;
}

.compartilhar-gerenciar .container-gerenciar .video-area .mobile-area .mobile video {
    max-width: 260px;
    max-height: 480px;
    padding: 4px;
    border-radius: 30px;
    right: 0;
    position: absolute;
    bottom: 0;
    margin-bottom: 32px;
    margin-right: 30px;
}

.compartilhar-gerenciar .container-gerenciar .video-area .mobile-area .mobile .handle-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    position: absolute;
    cursor: pointer;
}

.compartilhar-gerenciar .container-gerenciar .video-area .mobile-area .mobile .handle-icon.play em {
    display: none;
}

.compartilhar-gerenciar .container-gerenciar .video-area .mobile-area .mobile .handle-icon em {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55.924' height='55.924' viewBox='0 0 55.924 55.924'%3E%3Cg id='Grupo_100523' data-name='Grupo 100523' transform='translate(-5502.038 -1489.737)'%3E%3Cg id='Grupo_100522' data-name='Grupo 100522' transform='translate(5502.038 1489.737)'%3E%3Ccircle id='Elipse_3072' data-name='Elipse 3072' cx='27.962' cy='27.962' r='27.962' fill='%2347484c' opacity='0.69'/%3E%3Cpath id='Icon_awesome-play' data-name='Icon awesome-play' d='M15.418,9.933,3.948.117C2.909-.658,0-.827,0,1.09V22.56c0,1.72,2.8,1.8,3.948.94l11.47-9.778A2.523,2.523,0,0,0,15.418,9.933Z' transform='translate(21.609 16.293)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 56px;
    height: 56px;
    display: block;
    z-index: 10;
    position: absolute;
}

.card-flutuante {
    position: fixed;
    right: 0;
    margin-right: 28px;
    bottom: 10px;
    width: 178px;
    height: 148px;
    border-radius: 8px;
    background: 0 0;
    border: 1px solid #fff;
    z-index: 10;
    padding: 10px;
    opacity: 1;
    transition: opacity 0.8s;
    background-color: rgba(255, 255, 255, 0.37);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card-flutuante.opacity-off {
    opacity: 0;
}

.card-flutuante .text p {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

.card-flutuante .image .qr {
    background-image: url(../img/qr-card-flutuante.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 97px;
    height: 97px;
    margin-top: 12px;
}

.card-flutuante .brad-logo {
    position: absolute;
    height: 45px;
    width: 45px;
    background: #fff;
    right: 0;
    border-radius: 100%;
    top: 50%;
    transform: translate(0, -50%);
    margin-right: -22px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-flutuante .brad-logo::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.229' height='28.604' viewBox='0 0 26.229 28.604'%3E%3Cg id='Grupo_94602' data-name='Grupo 94602' transform='translate(-71.622 -347.26)'%3E%3Cpath id='Caminho_80383' data-name='Caminho 80383' d='M107.843,365.159a12.087,12.087,0,0,0-4.6-4.541,12.492,12.492,0,0,0-5.5-1.649v5.592a6.037,6.037,0,0,1,3.95,1.87,7.626,7.626,0,0,1-.032,9.924,6.533,6.533,0,0,1-8.924.334l-3.966,3.966a11.747,11.747,0,0,0,8.2,3.156,12.492,12.492,0,0,0,6.324-1.642,12.007,12.007,0,0,0,4.563-4.612,12.642,12.642,0,0,0,1.629-6.109A12.255,12.255,0,0,0,107.843,365.159Z' transform='translate(-11.644 -7.947)' fill='%233f3f3f'/%3E%3Cg id='Grupo_100374' data-name='Grupo 100374' transform='translate(71.622 347.26)'%3E%3Cpath id='Caminho_80384' data-name='Caminho 80384' d='M88.442,358.3a6,6,0,0,1,3.683-1.684V347.26a13.162,13.162,0,0,0-9.544,5.18Z' transform='translate(-79.059 -347.26)' fill='%234a7e94'/%3E%3Cpath id='Caminho_80385' data-name='Caminho 80385' d='M78.981,375.9a6.865,6.865,0,0,1,1.112-3.464l-5.958-5.958a13.669,13.669,0,0,0-2.41,9.422Z' transform='translate(-71.622 -360.303)' fill='%234a7e94'/%3E%3Cpath id='Caminho_80386' data-name='Caminho 80386' d='M79.216,400.21H71.94a12.2,12.2,0,0,0,4.412,7.42l4.027-4.027A6.905,6.905,0,0,1,79.216,400.21Z' transform='translate(-71.838 -383.194)' fill='%234a7e94'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 29px;
    width: 26px;
}

#banner-fixo {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 11;
    padding: 20px;
    display: flex;
    justify-content: center;
    background: #cc092f;
    background: -moz-linear-gradient(50deg,
            #cc092f 0,
            #cc092f 30%,
            #333b8f 90%,
            #333b8f 100%);
    background: -webkit-linear-gradient(50deg,
            #cc092f 0,
            #cc092f 30%,
            #333b8f 90%,
            #333b8f 100%);
    background: linear-gradient(50deg,
            #cc092f 0,
            #cc092f 30%,
            #333b8f 90%,
            #333b8f 100%);
}

#banner-fixo button {
    cursor: pointer;
    text-decoration: none;
    padding: 15px 48px;
    color: #cc092f;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
    background-color: #fff;
}

.modal-container {
    background: rgba(0, 0, 0, 0.65);
    width: 100%;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 100;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.modal-container .dialog {
    max-width: 1150px;
    padding: 13px 30px 30px;
    border-radius: 5px;
    border: 1px solid rgba(255, 170, 227, 0.6);
    background: #333b8f;
    background: -moz-linear-gradient(270deg,
            #333b8f 0,
            #cc092f 60%,
            #cc092f 100%);
    background: -webkit-linear-gradient(270deg,
            #333b8f 0,
            #cc092f 60%,
            #cc092f 100%);
    background: linear-gradient(270deg, #333b8f 0, #cc092f 60%, #cc092f 100%);
}

.modal-container .dialog .close-dialog {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 6px;
}

.modal-container .dialog .close-dialog em {
    background-image: url("data:image/svg+xml,%3Csvg id='fechar' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Combined_Shape' data-name='Combined Shape' d='M15.2,15.862,8,8.665l-7.2,7.2A.47.47,0,0,1,.138,15.2L7.334,8,.138.8A.47.47,0,0,1,.8.138L8,7.334l7.2-7.2A.47.47,0,0,1,15.862.8L8.665,8l7.2,7.2a.471.471,0,0,1-.666.666Z' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath id='Combined_Shape-2' data-name='Combined Shape' d='M15.2,15.862,8,8.665l-7.2,7.2A.47.47,0,0,1,.138,15.2L7.334,8,.138.8A.47.47,0,0,1,.8.138L8,7.334l7.2-7.2A.47.47,0,0,1,15.862.8L8.665,8l7.2,7.2a.471.471,0,0,1-.666.666Z' fill='%23fff'/%3E%3Cg id='Group_2' data-name='Group 2' clip-path='url(%23clip-path)'%3E%3Cg id='Group' transform='translate(-8.443 -8.665)'%3E%3Crect id='Rectangle' width='15.059' height='15.059' transform='translate(7.502 9.606)' fill='%23fff'/%3E%3Cg id='color_Fill_nav_icons_499ed0' data-name='color/Fill/nav icons/%23499ed0' transform='translate(0 0)'%3E%3Crect id='color_Fill_nav_icons_499ed0_background' data-name='color/Fill/nav icons/%23499ed0 background' width='31.613' height='31.613' fill='%23fff'/%3E%3Crect id='Rectangle_11_Copy_2' data-name='Rectangle 11 Copy 2' width='31.613' height='31.613' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
}

.modal-container .dialog .content p.title {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    max-width: 833px;
    margin-bottom: 31px;
}

.modal-container .dialog .content .card {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    padding: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-container .dialog .content .card p {
    font-size: 25px;
    color: #000;
    max-width: 608px;
}

.modal-container .dialog .content .card .qr-area em {
    background-size: contain;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    display: block;
}

.modal-container .dialog .content .card .qr-area em.pf {
    background-image: url(../img/modal/qr-pf-dados.png);
}

.modal-container .dialog .content .card .qr-area em.pj {
    background-image: url(../img/modal/qr-pj-dados.png);
}

.modal-container .dialog .content .card .button {
    margin-top: 32px;
    display: flex;
    justify-content: center;
    width: 100%;
}

.modal-container .dialog .content .card .button a {
    cursor: pointer;
    text-decoration: none;
    padding: 15px 48px;
    color: #fff;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
    background-color: #e1173f;
    width: 100%;
    text-align: center;
}

.webp .content-bg {
    background-image: url(../img/webp/bg-img.webp);
}

.webp .card-flutuante .image .qr {
    background-image: url(../img/webp/qr-card-flutuante.webp);
}

.webp .banner-home .banner .img.voce {
    background-image: url(../img/webp/banner-voce.webp);
}

.webp .banner-home .banner .img.empresa {
    background-image: url(../img/webp/banner-empresa.webp);
}

.webp #beneficios .cards .card .title em.emprestimos {
    background-image: url(../img/webp/beneficios/extrato.webp);
}

.webp #beneficios .cards .card .title em.cartao {
    background-image: url(../img/webp/beneficios/cartao.webp);
}

.webp #beneficios .cards .card .title em.bancos {
    background-image: url(../img/webp/beneficios/bancos.webp);
}

.webp #beneficios .cards .card .title em.bancos.investimentos {
    background-image: url(../img/webp/beneficios/investimentos.webp);
}

.webp .compartilhar-gerenciar .container-gerenciar .video-area .mobile-area .mobile-mock-v2 {
    background-image: url(../img/webp/compartilhar-gerenciar/mobile-mock-v2.webp);
}

.webp .compartilhar-gerenciar .container-gerenciar .video-area .mobile-area .mobile-mock-v2.empresa {
    background-image: url(../img/webp/compartilhar-gerenciar/mobile-mock-v2-empresa.webp);
}

.webp .compartilhar-dados-voce .illustration-area em.c-dados-voce {
    background-image: url(../img/webp/compartilhar-dados/c-dados-voce.webp);
}

.webp .compartilhar-dados-voce .left .tabs .select-content .content-area .cards .card .icon-area em.contas {
    background-image: url(../img/webp/compartilhar-dados/carteira.webp);
}

.webp .compartilhar-dados-voce .left .tabs .select-content .content-area .cards .card .icon-area em.emprestimos {
    background-image: url(../img/webp/compartilhar-dados/moeda.webp);
}

.webp .compartilhar-dados-voce .left .tabs .select-content .content-area .cards .card .icon-area em.cartoes {
    background-image: url(../img/webp/compartilhar-dados/cartao.webp);
}

.webp .compartilhar-dados-voce .left .tabs .select-content .content-area .cards .card .icon-area em.cartoes.investimentos {
    background-image: url(../img/webp/compartilhar-dados/investimentos.webp);
}

.webp .compartilhar-dados-empresa .left-side .img-dados-empresa em {
    background-image: url(../img/webp/compartilhar-dados/empresa.webp);
}

.webp .compartilhar-dados-empresa .right-side .tabs .select-content .content-area .cards .card .icon-area em.contas {
    background-image: url(../img/webp/compartilhar-dados/carteira.webp);
}

.webp .compartilhar-dados-empresa .right-side .tabs .select-content .content-area .cards .card .icon-area em.emprestimos {
    background-image: url(../img/webp/compartilhar-dados/moeda.webp);
}

.webp .compartilhar-dados-empresa .right-side .tabs .select-content .content-area .cards .card .icon-area em.cartoes {
    background-image: url(../img/webp/compartilhar-dados/cartao.webp);
}

.webp .compartilhar-dados-empresa .right-side .tabs .select-content .content-area .cards .card .icon-area em.investimentos {
    background-image: url(../img/webp/compartilhar-dados/investimentos.webp);
}

.webp #of-pratica .content .right .cards .empresa .card.video.video0 {
    background-image: url(../img/webp/of-pratica/empresa/video0.webp);
}

.webp #of-pratica .content .right .cards .empresa .card.video.video1 {
    background-image: url(../img/webp/of-pratica/empresa/video1.webp);
}

.webp #of-pratica .content .right .cards .empresa .card.video.video2 {
    background-image: url(../img/webp/of-pratica/empresa/video2.webp);
}

.webp #of-pratica .content .right .cards .empresa .card.video.video3 {
    background-image: url(../img/webp/of-pratica/empresa/video3.webp);
}

.webp #of-pratica .content .right .cards .empresa .card.video.video4 {
    background-image: url(../img/webp/of-pratica/empresa/video4.webp);
}

.webp #of-pratica .content .right .cards .card.video.video0 {
    background-image: url(../img/webp/of-pratica/video0.webp);
}

.webp #of-pratica .content .right .cards .card.video.video1 {
    background-image: url(../img/webp/of-pratica/video1.webp);
}

.webp #of-pratica .content .right .cards .card.video.video2 {
    background-image: url(../img/webp/of-pratica/video2.webp);
}

.webp #of-pratica .content .right .cards .card.video.video3 {
    background-image: url(../img/webp/of-pratica/video3.webp);
}

.webp #of-pratica .content .right .cards .card.video.video4 {
    background-image: url(../img/webp/of-pratica/video4.webp);
}

.webp .modal-container .dialog .content .card .qr-area em.pf {
    background-image: url(../img/webp/modal/qr-pf-dados.webp);
}

.webp .modal-container .dialog .content .card .qr-area em.pj {
    background-image: url(../img/webp/modal/qr-pj-dados.webp);
}

* {
    padding: 0;
    margin: 0;
    vertical-align: baseline;
    list-style: none;
    border: 0;
    font-family: "Bradesco Sans", sans-serif;
}

section:not(.banner-home) {
    overflow: hidden !important;
}

.home {
    overflow-x: hidden !important;
}

.none {
    display: none !important;
}

footer {
    z-index: 11;
}

footer div {
    position: relative;
    z-index: 20;
}

footer .c-seguir nav ul li span {
    color: #fff;
}

footer .c-endereco address {
    color: #fff;
}

.mod-new {
    margin-top: 60px;
    padding: 24px 32px;
    border: 1px solid #00c0f8;
    box-shadow:
        0 0 0.2rem #00c0f8,
        0 0 0 #00c0f8,
        0 0 20px #00c0f8,
        0 0 10px #00c0f8,
        0 0 10px #00c0f8,
        inset 0 0 10px #00c0f8;
    animation: pulse-color-b 2s infinite;
    border-radius: 4px;
}

.overflow-mobile {
    overflow: hidden;
}

.box-info {
    background: rgba(112, 112, 112, 0.24);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    min-height: 176px;
    padding: 40px 32px 16px;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-bottom: -260px;
    width: calc(100% - 140px);
    display: flex;
    justify-content: center;
}

.box-info .text-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 750px;
}

.box-info .text-area h2 {
    display: block;
    margin: 0;
    text-align: center;
    color: #fff;
}

.box-info .text-area h2.title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 24px;
    line-height: 30px;
}

.box-info .text-area h2.title::after {
    content: "";
    display: block;
    position: relative;
    width: 64px;
    height: 3px;
    background-color: #fff;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-top: 16px;
}

.box-info .text-area .text {
    display: block;
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.box-info .text-area .text.mg-bt {
    margin-bottom: 16px;
}

.box-info .icon1 {
    left: 0;
    top: 0;
    margin-left: 100px;
    margin-top: -30px;
}

.box-info .icon2 {
    left: 0;
    top: 0;
    margin-left: 60px;
    margin-top: 40px;
}

.box-info .icon3 {
    right: 0;
    top: 0;
    margin-right: 100px;
    margin-top: -30px;
}

.box-info .icon4 {
    right: 0;
    top: 0;
    margin-right: 60px;
    margin-top: 40px;
}

.sections-title {
    margin: 0;
    font-size: 32px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 48px;
}

.sections-title::after {
    content: "";
    position: relative;
    width: 105px;
    height: 4px;
    display: block;
    background-color: #fff;
    margin-top: 24px;
}

.sections-title strong {
    text-shadow:
        0 0 1px #fff,
        0 0 1px #fff,
        0 0 8px #fff;
}

.sections-title.limit {
    max-width: 650px;
}

.sections-title .title-home {
    text-shadow:
        0 0 1px #fff,
        0 0 1px #fff,
        0 0 8px #fff;
}

.in {
    display: block;
}

.out {
    display: none;
    position: absolute;
}

.opacity-transition {
    transition: opacity 0.3s;
}

.custom-of-slider-dots .slick-dots {
    position: relative;
    bottom: 0;
}

.custom-of-slider-dots .slick-dots li {
    background: rgba(161, 161, 161, 0.53);
    height: 10px;
    width: 10px;
    border-radius: 100%;
}

.custom-of-slider-dots .slick-dots li.slick-active {
    background: #fff;
}

.custom-of-slider-dots .slick-dots li button {
    display: none;
}

.content-bg {
    overflow: hidden;
    background-repeat: repeat-y;
    background-size: cover;
    min-height: 100vh;
    background-image: url(../img/bg-img.png);
}

.graph-lp-new {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16.025' height='237.012' viewBox='0 0 16.025 237.012'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' y1='0.948' x2='0.5' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='0.381' stop-color='%23e1173f' stop-opacity='0.871'/%3E%3Cstop offset='1' stop-color='%23e1173f' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Grupo_100658' data-name='Grupo 100658' transform='translate(4.012 4.012)'%3E%3Cpath id='União_2' data-name='União 2' d='M3,0V171.126a4,4,0,1,0,2,0V0Z' transform='translate(8 179) rotate(180)' fill='url(%23linear-gradient)'/%3E%3Cpath id='União_1' data-name='União 1' d='M3,0V225.126a4,4,0,1,0,2,0V0Z' transform='translate(8 233) rotate(180)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    width: 12px;
    height: 233px;
    position: absolute;
}

.animate-logo {
    position: relative;
    top: -20px;
    -webkit-animation: jump 5s linear infinite normal;
    animation: jump 5s linear infinite normal;
}

.compartilhar-gerenciar .container-gerenciar .video-area .mobile-area .mobile video {
    max-width: 256px;
    height: 480px;
    object-fit: cover;
}

.card-qrcode {
    background: 0 0;
    border: 1px solid #fff;
    opacity: 1;
    transition: opacity 0.8s;
    background-color: rgba(255, 255, 255, 0.37);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    padding: 30px;
    margin: 0 auto;
    margin-top: 50px;
    width: 400px;
}

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

.c-img-app {
    max-width: 180px;
    margin-left: 20px;
}

.c-img-app img:first-child {
    margin-bottom: 10px;
}

html {
    scroll-behavior: smooth;
}

.naotenhoconta {
    background: 0 0;
    color: #fff;
    border: 2px solid #fff;
}

#slick-slide32>div.card-content>h4>a.c-btn.headerTop__download-button:hover {
    background: #fff;
    color: #e1173f;
}

.c-btn.headerTop__download-button {
    cursor: pointer;
    text-decoration: none;
    padding: 16px 48px !important;
    color: #fff;
    border-radius: 30px;
    border: 1px solid #fff;
    font-size: 14px;
    font-weight: 700;
    background: 0 0;
    margin-top: 40px;
    min-width: 240px;
    width: 100%;
}

.naotenhoconta.mobile {
    display: none;
}

.c-btn.headerTop__download-button {
    display: none;
}

#nao-tenho-conta-content>div.cards>div:nth-child(3)>div.card-content>h4>a:nth-child(3)>button {
    margin-top: 52px;
}

section.empresa .compartilhar-dados-empresa .right-side .tabs .select-content #tenho-conta-content {
    margin-left: 310px;
}

section.empresa .compartilhar-dados-empresa .right-side {
    display: flex;
    width: 70%;
}

section.empresa .compartilhar-dados-empresa .right-side .tabs .select {
    justify-content: end;
}

section.empresa .compartilhar-dados-empresa .right-side .content {
    width: 100%;
}

.compartilhar-dados-empresa .right-side .compartilhar-dados-empresa .right-side .tabs .select {
    width: 70%;
}

#slick-slide23>div.card-content>a>button {
    cursor: pointer;
    text-decoration: none;
    padding: 16px 48px;
    color: #fff;
    border-radius: 30px;
    border: 1px solid #fff;
    font-size: 14px;
    font-weight: 700;
    background: 0 0;
    margin-top: 20px;
    min-width: 240px;
    width: 100%;
}

#compartilhar-dados .controls-dados {
    display: flex;
    align-items: center;
    float: left;
    position: relative;
    right: 0;
    margin-right: 100px;
    margin-top: 24px;
    z-index: 10;
}

#compartilhar-dados .controls-dados .progress .bar {
    height: 1px;
    width: 200px;
    background: #8b8b8e;
    position: relative;
    display: flex;
    align-items: center;
}

#compartilhar-dados .controls-dados .progress .bar span {
    position: absolute;
    height: 5px;
    background: #fff;
    width: 0%;
    border-radius: 3px;
    transition: width 0.8s ease-in-out;
}

#compartilhar-dados .controls-dados .progress .dots {
    display: none;
}

#compartilhar-dados .controls-dados .arrows {
    display: flex;
}

#compartilhar-dados .controls-dados .arrows em.arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg id='teste' transform='translate(19870.999 9964)'%3E%3Cg id='Grupo_3' data-name='Grupo 3' transform='translate(-19871.199 -9964)'%3E%3Cg id='Grupo_2' data-name='Grupo 2' transform='translate(12.304 9.506)'%3E%3Cg id='Grupo_1' data-name='Grupo 1' transform='translate(7.753) rotate(90)'%3E%3Cpath id='Caminho_1' data-name='Caminho 1' d='M0,7.753,3.3,3.877,6.591,0l3.3,3.877,3.3,3.877' fill='none' stroke='%23ddddde' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3Cg id='Elipse_1' data-name='Elipse 1' transform='translate(0.2)' fill='none' stroke='%23ddddde' stroke-width='1'%3E%3Ccircle cx='16' cy='16' r='16' stroke='none'/%3E%3Ccircle cx='16' cy='16' r='15.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    height: 32px;
    width: 32px;
    cursor: pointer;
}

#compartilhar-dados .controls-dados .arrows em.slick-disabled {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg id='teste' transform='translate(19870.999 9964)'%3E%3Cg id='Grupo_3' data-name='Grupo 3' transform='translate(-19871.199 -9964)'%3E%3Cg id='Grupo_2' data-name='Grupo 2' transform='translate(12.304 9.506)'%3E%3Cg id='Grupo_1' data-name='Grupo 1' transform='translate(7.753) rotate(90)'%3E%3Cpath id='Caminho_1' data-name='Caminho 1' d='M0,7.753,3.3,3.877,6.591,0l3.3,3.877,3.3,3.877' fill='none' stroke='%23838486' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3Cg id='Elipse_1' data-name='Elipse 1' transform='translate(0.2)' fill='none' stroke='%23838486' stroke-width='1'%3E%3Ccircle cx='16' cy='16' r='16' stroke='none'/%3E%3Ccircle cx='16' cy='16' r='15.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

#compartilhar-dados .controls-dados .arrows em.left-icon-dados {
    transform: rotate(180deg);
    margin-right: 24px;
    margin-left: 24px;
}

/* Alteração de guide Open Investiment */
.video-gerenciar {
    display: none;
}

#open-ctext .controls-gerenciar {
    display: flex;
    align-items: center;
    float: left;
    position: relative;
    right: 0;
    margin-right: 100px;
    margin-top: -20px;
    z-index: 10;
}

.cardsCompartilhar-gerenciar .card {
    width: 525px;
}

#open-ctext .controls-gerenciar .progress .bar {
    height: 1px;
    width: 200px;
    background: #8b8b8e;
    position: relative;
    display: flex;
    align-items: center;
}

#open-ctext .controls-gerenciar .progress .bar span {
    position: absolute;
    height: 5px;
    background: #fff;
    width: 0%;
    border-radius: 3px;
    transition: width 0.8s ease-in-out;
}

#open-ctext .controls-gerenciar .progress .dots {
    display: none;
}

#open-ctext .controls-gerenciar .arrows {
    display: flex;
}

#open-ctext .controls-gerenciar .arrows em.arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg id='teste' transform='translate(19870.999 9964)'%3E%3Cg id='Grupo_3' data-name='Grupo 3' transform='translate(-19871.199 -9964)'%3E%3Cg id='Grupo_2' data-name='Grupo 2' transform='translate(12.304 9.506)'%3E%3Cg id='Grupo_1' data-name='Grupo 1' transform='translate(7.753) rotate(90)'%3E%3Cpath id='Caminho_1' data-name='Caminho 1' d='M0,7.753,3.3,3.877,6.591,0l3.3,3.877,3.3,3.877' fill='none' stroke='%23ddddde' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3Cg id='Elipse_1' data-name='Elipse 1' transform='translate(0.2)' fill='none' stroke='%23ddddde' stroke-width='1'%3E%3Ccircle cx='16' cy='16' r='16' stroke='none'/%3E%3Ccircle cx='16' cy='16' r='15.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    height: 32px;
    width: 32px;
    cursor: pointer;
}

#open-ctext .controls-gerenciar .arrows em.slick-disabled {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg id='teste' transform='translate(19870.999 9964)'%3E%3Cg id='Grupo_3' data-name='Grupo 3' transform='translate(-19871.199 -9964)'%3E%3Cg id='Grupo_2' data-name='Grupo 2' transform='translate(12.304 9.506)'%3E%3Cg id='Grupo_1' data-name='Grupo 1' transform='translate(7.753) rotate(90)'%3E%3Cpath id='Caminho_1' data-name='Caminho 1' d='M0,7.753,3.3,3.877,6.591,0l3.3,3.877,3.3,3.877' fill='none' stroke='%23838486' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3Cg id='Elipse_1' data-name='Elipse 1' transform='translate(0.2)' fill='none' stroke='%23838486' stroke-width='1'%3E%3Ccircle cx='16' cy='16' r='16' stroke='none'/%3E%3Ccircle cx='16' cy='16' r='15.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

#open-ctext .controls-gerenciar .arrows em.left-icon-gerenciar {
    transform: rotate(180deg);
    margin-right: 24px;
    margin-left: 24px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .left-nav .bradesco-logo em {
        background-image: url(../img/ie/brad-logo.png);
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #beneficios .controls-beneficios .progress .bar span {
        margin-top: -3px;
    }

    #of-pratica .content .right .controls-of .progress .bar span {
        margin-top: -3px;
    }

    #compartilhar-dados .controls-dados .progress .bar span {
        margin-top: -3px;
    }

    #open-ctext .controls-gerenciar .progress .bar span {
        margin-top: -3px;
    }
}

@keyframes pulse-white {
    0% {
        box-shadow:
            0 0 0.2rem #fff,
            0 0 0 #fff,
            0 0 20px #fff,
            0 0 10px #fff,
            0 0 10px #fff,
            inset 0 0 10px #fff;
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

@keyframes jump {
    0% {
        transform: translateY(0);
    }

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

    30% {
        transform: translateY(-45px);
    }

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

    50% {
        transform: translateY(3px);
    }

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

    70% {
        transform: translateY(-45px);
    }

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

    100% {
        transform: translateY(0);
    }
}

@media only screen and (min-width: 1920px) {
    body.pf #tenho-conta-content>div.cards.slick-initialized.slick-slider.slick-dotted {
        width: 61%;
    }

    body.pf #beneficios .cards {
        width: 58%;
    }

    #tenho-conta-content>div.cards.slick-initialized.slick-slider.slick-dotted {
        width: 61%;
    }

    body.empresa #tenho-conta-content>div.cards.slick-initialized.slick-slider.slick-dotted {
        width: 98%;
    }

    body.empresa #compartilhar-dados .controls-dados {
        float: right;
    }
}

@media only screen and (max-width: 1430px) {
    .compartilhar-dados-voce {
        padding-left: 70px;
    }

    #beneficios {
        padding: 340px 0 80px 70px;
    }

    #of-pratica .content {
        padding: 0 0 0 70px;
    }

    #faq .content {
        padding: 32px 70px 184px 70px;
    }

    .compartilhar-gerenciar {
        padding: 0 0 100px 70px;
    }
}

@media only screen and (max-width: 1120px) {
    .navbar-top.nav-fix .selections {
        margin-left: 5px;
    }

    .navbar-top.nav-fix {
        flex-direction: column;
        justify-content: center;
        align-items: unset;
        padding: 0 24px;
        transition: background 0.3s;
    }

    .navbar-top.nav-fix.opened {
        background: #e1173f;
    }

    .navbar-top.nav-fix .navbar-items {
        flex-direction: column;
        justify-content: center;
        align-items: unset;
    }

    .navbar-top.nav-fix .selections {
        display: none;
    }

    .navbar-top.nav-fix .navbar-items {
        display: none;
    }

    .navbar-top.nav-fix .navbar-items.navbar-right {
        margin-left: 0;
    }

    .navbar-top.nav-fix .navbar-items.navbar-right .desktop {
        display: none;
    }

    .navbar-top.nav-fix .navbar-items.navbar-right .mobile {
        display: block;
    }

    .navbar-top.nav-fix .navbar-items.navbar-right .mobile a {
        display: block;
        margin-bottom: 32px;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
    }

    .navbar-top.nav-fix .navbar-items.navbar-right .mobile a:first {
        margin-bottom: 0;
    }

    .navbar-top.nav-fix .navbar-items.navbar-right .mobile .bottom {
        position: absolute;
        margin-bottom: 24px;
        bottom: 0;
        width: calc(100% - 48px);
    }

    .navbar-top.nav-fix .navbar-items.navbar-right .mobile .bottom a {
        margin: 0;
        display: flex;
        align-items: center;
    }

    .navbar-top.nav-fix .navbar-items.navbar-right .mobile .bottom a em.logo {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg transform='translate(0 -0.452)'%3E%3Cpath d='M17,34A17,17,0,0,1,10.383,1.336,17,17,0,0,1,23.617,32.664,16.894,16.894,0,0,1,17,34ZM8.552,8.869a1.384,1.384,0,0,0-1.428.913,1.257,1.257,0,0,0,.012,1.066,2.033,2.033,0,0,0,1.234.831l5.58,1.71V20.8L12.358,28.08c0,.015-.222,1.48.682,1.855a.554.554,0,0,0,.214.043c.822,0,1.565-1.88,1.572-1.9l1.408-5.847c0-.008.3-.794.7-.794.236,0,.462.267.672.794a36.008,36.008,0,0,1,1.267,5.847c0,.017.268,1.72,1.306,1.72a1.245,1.245,0,0,0,.48-.107c.415-.175.765-1.128.077-4.676-.412-2.123-1.008-4.195-1.014-4.215V13.39l6.141-1.71a1.531,1.531,0,0,0,.963-.652,1.529,1.529,0,0,0,.037-1.278,1.31,1.31,0,0,0-1.36-.957,3.373,3.373,0,0,0-1.262.293l-4.335,1.647a5.041,5.041,0,0,1-2.562.593,8.633,8.633,0,0,1-3.027-.593C10.807,9.412,9.681,9.088,9.67,9.085A3.332,3.332,0,0,0,8.552,8.869ZM17,5.965a2.088,2.088,0,1,0,2.035,2.087A2.064,2.064,0,0,0,17,5.965Z' transform='translate(3 3.452)' fill='%23fff'/%3E%3Cg transform='translate(0 0.452)' fill='none' stroke='%23fff' stroke-width='0.5'%3E%3Ccircle cx='20' cy='20' r='20' stroke='none'/%3E%3Ccircle cx='20' cy='20' r='19.75' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        height: 40px;
        width: 40px;
        margin-right: 18px;
    }

    .navbar-top.nav-fix .navbar-toggleShow {
        display: flex;
        background: #cc092f;
        background: -moz-linear-gradient(90deg,
                #cc092f 0,
                #cc092f 35%,
                #333b8f 94%,
                #333b8f 100%);
        background: -webkit-linear-gradient(90deg,
                #cc092f 0,
                #cc092f 35%,
                #333b8f 94%,
                #333b8f 100%);
        background: linear-gradient(90deg,
                #cc092f 0,
                #cc092f 35%,
                #333b8f 94%,
                #333b8f 100%);
        top: 0;
        width: 100%;
        height: calc(100vh - 80px);
        position: absolute;
        left: 0;
        margin-top: 80px;
        justify-content: unset;
        padding: 24px;
    }

    .navbar-top.nav-fix .navbar-link-toggle {
        align-self: flex-end;
        display: initial;
        position: absolute;
        cursor: pointer;
    }

    .navbar-top.nav-fix .navbar-link-toggle em.logo {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg transform='translate(12575 13266)'%3E%3Cg transform='translate(-12845 -13282)'%3E%3Cg transform='translate(270 16)' fill='%233b3b3b' stroke='%23707070' stroke-width='1' opacity='0'%3E%3Crect width='32' height='32' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='31' height='31' fill='none'/%3E%3C/g%3E%3Cg transform='translate(-23 2)'%3E%3Crect width='21' height='2' transform='translate(299 21)' fill='%23fff'/%3E%3Crect width='21' height='2' transform='translate(299 29)' fill='%23fff'/%3E%3Crect width='21' height='2' transform='translate(299 37)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        height: 32px;
        width: 32px;
        display: block;
        transition: background-image 0.5s ease-in;
    }

    .navbar-top.nav-fix .navbar-link-toggle em.logo.close {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg transform='translate(-270 -16)'%3E%3Cg transform='translate(270 16)' fill='%233b3b3b' stroke='%23707070' stroke-width='1' opacity='0'%3E%3Crect width='32' height='32' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='31' height='31' fill='none'/%3E%3C/g%3E%3Cg transform='translate(-23 2)'%3E%3Crect width='21' height='2' transform='translate(302.782 21.868) rotate(45)' fill='%23fff'/%3E%3Crect width='21' height='2' transform='translate(299 29)' fill='%23fff' opacity='0'/%3E%3Crect width='21' height='2' transform='translate(301.368 36.718) rotate(-45)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .navbar-top.nav-fix .navigation-mobile {
        margin-top: 80px;
        position: absolute;
        z-index: 1;
        width: 100%;
        display: flex;
    }

    .navbar-top.nav-fix .navigation-mobile a {
        width: 50%;
        text-align: center;
        padding: 15px;
        font-size: 14px;
        font-weight: 500;
        color: #e4e5e9;
        text-decoration: none;
        border-bottom: 1px solid #e4e5e9;
        position: relative;
    }

    .navbar-top.nav-fix .navigation-mobile a.active::after {
        content: "";
        height: 4px;
        background: #d90f45;
        border-top-right-radius: 7px;
        border-top-left-radius: 7px;
        position: absolute;
        bottom: -1px;
        width: 100%;
        left: 0;
    }

    .navigation-mobile.pj {
        display: flex;
    }

    .empresa .navbar-top.opened {
        background: #cc092f;
        background: -moz-linear-gradient(90deg,
                #cc092f 0,
                #cc092f 35%,
                #333b8f 94%,
                #333b8f 100%);
        background: -webkit-linear-gradient(90deg,
                #cc092f 0,
                #cc092f 35%,
                #333b8f 94%,
                #333b8f 100%);
        background: linear-gradient(90deg,
                #cc092f 0,
                #cc092f 35%,
                #333b8f 94%,
                #333b8f 100%);
    }

    .empresa .navbar-toggleShow {
        background: #cc092f;
        background: -moz-linear-gradient(90deg,
                #cc092f 0,
                #cc092f 35%,
                #333b8f 94%,
                #333b8f 100%);
        background: -webkit-linear-gradient(90deg,
                #cc092f 0,
                #cc092f 35%,
                #333b8f 94%,
                #333b8f 100%);
        background: linear-gradient(90deg,
                #cc092f 0,
                #cc092f 35%,
                #333b8f 94%,
                #333b8f 100%);
    }
}

@media only screen and (max-width: 1120px) and (max-width: 1060px) {
    .navbar-top.nav-fix .navbar-toggleShow {
        height: calc(100vh - 63px);
        margin-top: 63px;
    }
}

@media only screen and (min-width: 1261px) and (max-width: 1371px) {
    .compartilhar-dados-empresa .right-side .tabs .select-content #tenho-conta-content {
        margin-left: -260px;
    }
}

@media only screen and (min-width: 1297px) {
    #beneficios .controls-beneficios {
        display: none;
    }

    #compartilhar-dados .controls-dados {
        display: none;
    }
}

@media only screen and (max-width: 1280px) {
    section.empresa .compartilhar-dados-empresa .right-side .tabs .select-content #tenho-conta-content {
        margin-left: -40px !important;
    }

    body.empresa #tenho-conta-content>div.cards.slick-initialized.slick-slider.slick-dotted {
        width: 110% !important;
    }

    body.empresa .compartilhar-dados-empresa .right-side .tabs .select-content .content-area .cards {
        transform: scale(0.8);
    }

    .compartilhar-dados-voce .left .tabs .select-content .content-area .cards .card {
        transform: scale(0.95);
        margin: 0 10px;
    }

    .compartilhar-dados-voce .left .tabs .select-content .content-area .cards {
        margin: 0;
    }

    .webp .compartilhar-dados-empresa .left-side .img-dados-empresa em,
    .webp .compartilhar-dados-voce .illustration-area em.c-dados-voce {
        width: 320px;
        height: 340px;
    }

    .compartilhar-dados-voce .illustration-area em.graph {
        right: 0;
        width: 150px;
        height: 170px;
    }
}

@media only screen and (min-width: 1280px) {
    #tenho-conta-content>div.cards.slick-initialized.slick-slider.slick-dotted {
        width: 61%;
    }

    body.empresa #tenho-conta-content>div.cards.slick-initialized.slick-slider.slick-dotted {
        width: 100%;
    }

    body.empresa #compartilhar-dados .controls-dados {
        float: right;
    }
}

@media only screen and (max-width: 1240px) {
    .compartilhar-gerenciar .container-gerenciar .video-area .bg-brad {
        height: 325px;
        width: 450px;
    }

    .compartilhar-gerenciar .container-gerenciar .video-area .mobile-area .mobile-mock-v2 {
        width: 188px;
        height: 320px;
        margin-left: 210px;
        margin-top: 5px;
    }

    .compartilhar-gerenciar .container-gerenciar .video-area .mobile-area .mobile {
        width: 250px;
        height: 430px;
    }

    .compartilhar-gerenciar .container-gerenciar .video-area .mobile-area .mobile video {
        max-width: 215px;
        max-height: 400px;
        margin-bottom: 20px;
        margin-right: 20px;
    }

    .compartilhar-gerenciar .container-gerenciar .video-area .mobile-area .mobile video {
        max-width: 214px;
        height: 400px;
    }
}

@media only screen and (max-width: 1140px) {
    #beneficios .cards .card .title .card-title {
        font-size: 20px;
    }

    #beneficios .cards .card h3 {
        font-size: 14px;
    }

    .btn-white {
        width: 100%;
        display: block;
        min-width: auto;
        padding: 16px 48px;
    }
}

@media only screen and (max-width: 1066px) {
    .compartilhar-gerenciar .compartilhar-gerenciar-btns .button span {
        text-align: center;
    }
}

@media only screen and (max-width: 1060px) {
    .selections {
        margin-left: 5px;
    }

    .navigation-mobile {
        display: flex;
        margin-top: 63px;
    }

    .navbar-top {
        padding: 0 24px;
        background: #000;
        transition: background 0.3s;
        height: 63px;
    }

    .navbar-top.opened {
        background: #cc092f;
        background: -moz-linear-gradient(90deg,
                #cc092f 0,
                #cc092f 35%,
                #9d0d21 94%,
                #9d0d21 100%);
        background: -webkit-linear-gradient(90deg,
                #cc092f 0,
                #cc092f 35%,
                #9d0d21 94%,
                #9d0d21 100%);
        background: linear-gradient(90deg,
                #cc092f 0,
                #cc092f 35%,
                #9d0d21 94%,
                #9d0d21 100%);
    }

    .navbar-items,
    .navbar-top {
        flex-direction: column;
        justify-content: center;
        align-items: unset;
    }

    .selections {
        display: none;
    }

    .navbar-items {
        display: none;
    }

    .navbar-items.navbar-right {
        margin-left: 0;
    }

    .navbar-items.navbar-right .desktop {
        display: none;
    }

    .navbar-items.navbar-right .mobile {
        display: block;
    }

    .navbar-items.navbar-right .mobile a {
        display: block;
        margin-bottom: 32px;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
    }

    .navbar-items.navbar-right .mobile a:first {
        margin-bottom: 0;
    }

    .navbar-items.navbar-right .mobile .bottom {
        position: absolute;
        margin-bottom: 24px;
        bottom: 0;
        width: calc(100% - 48px);
    }

    .navbar-items.navbar-right .mobile .bottom a {
        margin: 0;
        display: flex;
        align-items: center;
    }

    .navbar-items.navbar-right .mobile .bottom a em.logo {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg transform='translate(0 -0.452)'%3E%3Cpath d='M17,34A17,17,0,0,1,10.383,1.336,17,17,0,0,1,23.617,32.664,16.894,16.894,0,0,1,17,34ZM8.552,8.869a1.384,1.384,0,0,0-1.428.913,1.257,1.257,0,0,0,.012,1.066,2.033,2.033,0,0,0,1.234.831l5.58,1.71V20.8L12.358,28.08c0,.015-.222,1.48.682,1.855a.554.554,0,0,0,.214.043c.822,0,1.565-1.88,1.572-1.9l1.408-5.847c0-.008.3-.794.7-.794.236,0,.462.267.672.794a36.008,36.008,0,0,1,1.267,5.847c0,.017.268,1.72,1.306,1.72a1.245,1.245,0,0,0,.48-.107c.415-.175.765-1.128.077-4.676-.412-2.123-1.008-4.195-1.014-4.215V13.39l6.141-1.71a1.531,1.531,0,0,0,.963-.652,1.529,1.529,0,0,0,.037-1.278,1.31,1.31,0,0,0-1.36-.957,3.373,3.373,0,0,0-1.262.293l-4.335,1.647a5.041,5.041,0,0,1-2.562.593,8.633,8.633,0,0,1-3.027-.593C10.807,9.412,9.681,9.088,9.67,9.085A3.332,3.332,0,0,0,8.552,8.869ZM17,5.965a2.088,2.088,0,1,0,2.035,2.087A2.064,2.064,0,0,0,17,5.965Z' transform='translate(3 3.452)' fill='%23fff'/%3E%3Cg transform='translate(0 0.452)' fill='none' stroke='%23fff' stroke-width='0.5'%3E%3Ccircle cx='20' cy='20' r='20' stroke='none'/%3E%3Ccircle cx='20' cy='20' r='19.75' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        height: 40px;
        width: 40px;
        margin-right: 18px;
    }

    .navbar-toggleShow {
        display: flex;
        background: #cc092f;
        background: -moz-linear-gradient(90deg,
                #cc092f 0,
                #cc092f 35%,
                #9d0d21 94%,
                #9d0d21 100%);
        background: -webkit-linear-gradient(90deg,
                #cc092f 0,
                #cc092f 35%,
                #9d0d21 94%,
                #9d0d21 100%);
        background: linear-gradient(90deg,
                #cc092f 0,
                #cc092f 35%,
                #9d0d21 94%,
                #9d0d21 100%);
        top: 0;
        width: 100%;
        height: calc(100vh - 63px);
        position: absolute;
        left: 0;
        margin-top: 63px;
        justify-content: unset;
        padding: 24px;
    }

    .navbar-link-toggle {
        align-self: flex-end;
        display: initial;
        position: absolute;
        cursor: pointer;
    }

    .navbar-link-toggle em.logo {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg transform='translate(12575 13266)'%3E%3Cg transform='translate(-12845 -13282)'%3E%3Cg transform='translate(270 16)' fill='%233b3b3b' stroke='%23707070' stroke-width='1' opacity='0'%3E%3Crect width='32' height='32' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='31' height='31' fill='none'/%3E%3C/g%3E%3Cg transform='translate(-23 2)'%3E%3Crect width='21' height='2' transform='translate(299 21)' fill='%23fff'/%3E%3Crect width='21' height='2' transform='translate(299 29)' fill='%23fff'/%3E%3Crect width='21' height='2' transform='translate(299 37)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        height: 32px;
        width: 32px;
        display: block;
        transition: background-image 0.5s ease-in;
    }

    .navbar-link-toggle em.logo.close {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg transform='translate(-270 -16)'%3E%3Cg transform='translate(270 16)' fill='%233b3b3b' stroke='%23707070' stroke-width='1' opacity='0'%3E%3Crect width='32' height='32' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='31' height='31' fill='none'/%3E%3C/g%3E%3Cg transform='translate(-23 2)'%3E%3Crect width='21' height='2' transform='translate(302.782 21.868) rotate(45)' fill='%23fff'/%3E%3Crect width='21' height='2' transform='translate(299 29)' fill='%23fff' opacity='0'/%3E%3Crect width='21' height='2' transform='translate(301.368 36.718) rotate(-45)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    #beneficios {
        padding: 340px 0 80px 24px;
    }
}

@media only screen and (max-width: 1024px) {
    .naotenhoconta.desktop {
        display: none;
    }

    .qr-code {
        display: none !important;
    }

    .naotenhoconta.mobile {
        display: inline-block;
        margin: 0 auto;
    }

    .c-btn.headerTop__download-button {
        display: inline-block !important;
        margin: 0 auto;
    }

    #dadosDots>ul:nth-child(2) {
        position: absolute;
    }
}

@media only screen and (min-width: 1024px) {
    #beneficios #beneficiosDots {
        display: block;
    }

    body.pf #beneficios .cards {
        width: 80%;
    }

    body.empresa #beneficios .cards {
        width: 80%;
    }

    #beneficios .controls-beneficios {
        justify-content: center;
        margin-right: 0;
        float: none;
        display: flex;
    }

    body.pf #tenho-conta-content>div.cards.slick-initialized.slick-slider.slick-dotted {
        width: 90%;
    }

    body.empresa #tenho-conta-content>div.cards.slick-initialized.slick-slider.slick-dotted {
        width: 78%;
    }

    .compartilhar-dados-voce .left .tabs .select-content .content-area .cards .card {
        min-height: 320px;
    }

    #dadosDots>ul:nth-child(1) {
        position: relative;
        bottom: 0;
        float: left;
        left: 0;
        right: 0;
        display: flex;
    }

    #dadosDots>ul:nth-child(2) {
        display: none !important;
    }

    #compartilhar-dados .controls-dados {
        display: flex !important;
    }
}

@media only screen and (min-width: 1001px) and (max-width: 1066px) {
    .compartilhar-gerenciar .compartilhar-gerenciar-btns::after {
        margin-top: 10px;
    }
}

@media only screen and (min-width: 1000px) {
    .selections a {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.1px;
        color: #a7a8ac;
        text-decoration: none;
        padding: 30px 15px;
        transition: color 1s ease-out;
    }

    .selections a::after {
        content: "";
        position: absolute;
        height: 0;
        width: 0%;
        background: #d90f45;
        bottom: 0;
        border-radius: 8px 8px 0 0;
        left: 0;
        right: 0;
        transition: height 0.3s ease-out;
    }

    .selections a.active {
        color: #d90f45;
        font-weight: 600;
        letter-spacing: 0;
        position: relative;
    }

    .selections a.active::after {
        content: "";
        position: absolute;
        height: 5px;
        width: 100%;
        background: #d90f45;
        bottom: 0;
        border-radius: 8px 8px 0 0;
        left: 0;
        right: 0;
        transition: height 0.3s ease-out;
    }
}

@media only screen and (max-width: 1000px) {
    .banner-home .banner .img.voce {
        background-position: top;
    }

    .banner-home .banner .img.empresa {
        background-position-y: -80px;
    }

    .compartilhar-dados-voce {
        padding: 50px 24px;
        padding-bottom: 80px;
    }

    #of-pratica .content {
        padding: 0 0 0 24px;
    }

    .graphs-pra-left {
        top: 0;
        bottom: 0;
        width: 125px;
        height: 170px;
        left: 0;
        margin-top: 110px;
        margin-left: -60px;
    }

    #faq .content {
        padding: 80px 24px 48px;
    }

    #faq .content p.title {
        font-size: 20px;
        text-align: center;
        margin-bottom: 16px;
        font-weight: 400;
    }

    #faq .content .questions .pergunta.open {
        border: 0;
        border-bottom: 1px solid #fff;
        box-shadow: none;
    }

    #faq .content .questions .pergunta button h6 {
        padding: 0;
        width: 90%;
    }

    #faq .content .questions .pergunta .expansivel-content h3,
    #faq .content .questions .pergunta .expansivel-content p {
        padding: 0;
    }

    #faq .content .questions .show-more {
        width: 100%;
        text-align: center;
        font-size: 14px;
        font-weight: 700;
    }

    .compartilhar-gerenciar {
        padding: 50px 24px;
    }

    .compartilhar-gerenciar .container-gerenciar .video-area .bg-brad {
        width: 410px;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1360px) {
    .navbar-top {
        padding: 0 12px;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1430px) {
    .navbar-top.nav-fix {
        padding: 0 12px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1260px) {
    .compartilhar-dados-empresa .right-side .tabs .select-content #tenho-conta-content {
        margin-left: -430px;
    }
}

@media only screen and (max-width: 991px) {
    .compartilhar-dados-empresa .left-side {
        display: none;
    }

    .compartilhar-dados-empresa .right-side {
        width: 100%;
    }

    .compartilhar-dados-empresa .right-side .top-content {
        margin: 0;
    }

    .compartilhar-dados-empresa .right-side .tabs .select {
        margin: 0;
    }

    .compartilhar-dados-empresa .right-side .tabs .select-content #tenho-conta-content {
        margin: 0;
        display: unset;
    }
}

@media only screen and (min-width: 909px) and (max-width: 1296px) {
    #beneficios #beneficiosDots {
        display: none;
    }
}

@media only screen and (max-width: 908px) {
    #beneficios .controls-beneficios {
        justify-content: center;
        margin-right: 0;
        float: none;
    }

    #beneficios .controls-beneficios .progress {
        display: none;
    }

    #beneficios .controls-beneficios .arrows {
        display: none;
    }

    #compartilhar-dados .controls-dados {
        justify-content: center;
        margin-right: 0;
        float: none;
    }

    #compartilhar-dados .controls-dados .progress {
        display: none;
    }

    #compartilhar-dados .controls-dados .arrows {
        display: none;
    }

    #open-ctext .controls-gerenciar {
        justify-content: center;
        margin-right: 0;
        float: none;
    }

    #open-ctext .controls-gerenciar .progress {
        display: none;
    }

    #open-ctext .controls-gerenciar .arrows {
        display: none;
    }
}

@media only screen and (min-width: 875px) {
    .compartilhar-dados-voce .mobile-version {
        display: none;
    }

    .compartilhar-dados-empresa .right-side .tabs .mobile-version {
        display: none;
    }

    .modal-container .dialog .content .card .button {
        display: none;
    }
}

@media only screen and (min-width: 875px) and (max-width: 1140px) {
    .compartilhar-dados-voce .illustration-area em.c-dados-voce {
        width: 300px;
        height: 660px;
        background-position: right;
    }

    .compartilhar-dados-voce .illustration-area em.graph {
        height: 210px;
        width: 170px;
        margin-left: -60px;
    }
}

@media only screen and (min-width: 875px) and (max-width: 1000px) {
    .compartilhar-dados-empresa {
        padding: 48px 24px;
    }
}

@media only screen and (min-width: 875px) and (max-width: 1026px) {
    .compartilhar-dados-empresa .right-side {
        align-items: flex-start;
    }
}

@media only screen and (max-width: 874px) {
    .compartilhar-dados-voce .left .sections-title {
        max-width: 312px;
        margin: 0 auto;
        margin-bottom: 32px;
        padding: 0 24px;
    }

    .compartilhar-dados-voce .left .subtitle {
        text-align: center;
        margin: 0 auto;
        font-size: 14px;
        font-weight: 500;
        padding: 0 24px;
    }

    .compartilhar-dados-voce .left .tabs .select {
        display: none;
    }

    .compartilhar-dados-voce .illustration-area {
        display: none;
    }

    .compartilhar-dados-voce .mobile-version {
        padding: 0 24px;
    }

    .compartilhar-dados-voce .mobile-version .button {
        justify-content: center;
    }

    .compartilhar-dados-voce .mobile-version .button.middle-align a {
        width: 100%;
    }

    .compartilhar-dados-empresa {
        padding: 48px 0;
    }

    .compartilhar-dados-empresa .right-side .top-content .sections-title {
        max-width: 312px;
        margin: 0 auto;
        margin-bottom: 32px;
        padding: 0 24px;
    }

    .compartilhar-dados-empresa .right-side .top-content .subtitle {
        text-align: center;
        margin: 0 auto;
        font-size: 14px;
        font-weight: 500;
        padding: 0 24px;
        margin-bottom: 32px;
    }

    .compartilhar-dados-empresa .right-side .tabs .select {
        display: none;
    }

    .compartilhar-dados-empresa .right-side .tabs .select-content #nao-tenho-conta-content {
        display: none;
    }

    .compartilhar-dados-empresa .right-side .tabs .select-content .content-area .button {
        padding: 0 24px;
        justify-content: center;
    }

    .compartilhar-dados-empresa .right-side .tabs .select-content .content-area .button.middle-align a {
        width: 100%;
    }

    .compartilhar-dados-empresa .right-side .tabs .mobile-version {
        padding: 0 24px;
    }

    .compartilhar-dados-empresa .right-side .tabs .mobile-version .button {
        padding: 0 24px;
        justify-content: center;
    }

    .compartilhar-dados-empresa .right-side .tabs .mobile-version .button.middle-align a {
        width: 100%;
    }

    #beneficios {
        padding: 47px 0;
    }

    #beneficios .graph-area {
        display: none;
    }

    #beneficios .sections-title {
        padding: 0 24px;
    }

    #beneficios .cards .card {
        height: 360px;
        width: 295px;
        margin-right: 24px;
    }

    #beneficios .cards .card .title .card-title {
        font-size: 18px;
    }

    .btn-white {
        margin-top: 16px;
    }

    #slick-slide01>div.card-content-bottom>a>button {
        top: 49px;
    }

    #slick-slide02>div.card-content-bottom>a>button {
        margin-top: 29px;
    }

    #beneficios span.disclaimer {
        padding: 0 24px;
        text-align: center;
    }

    #beneficios .controls-beneficios {
        position: relative;
        margin-right: 0;
        padding: 0 24px;
        float: none;
        justify-content: center;
    }

    #beneficios .controls-beneficios .progress .dots {
        display: block;
    }

    #of-pratica .content {
        padding: 0;
        align-items: unset;
    }

    #of-pratica .content .top {
        padding: 0 24px;
    }

    #of-pratica .content .subtitle {
        text-align: center;
    }

    #of-pratica .content .right .cards .card::before {
        height: 56px;
        width: 56px;
        margin-top: -80px;
    }

    #of-pratica .content .right .cards .card h5::after {
        height: 2px;
        width: 50px;
        margin-top: 8px;
    }

    #of-pratica .content .right .cards .card.video {
        width: 340px;
        height: 197px;
    }

    #of-pratica .content .right .controls-of {
        position: relative;
        margin-right: 0;
        padding: 0 24px;
        justify-content: center;
    }

    #of-pratica .content .right .controls-of .progress {
        display: none;
    }

    #of-pratica .content .right .controls-of .progress .dots {
        display: block;
    }

    #of-pratica .content .right .controls-of .arrows {
        display: none;
    }

    .compartilhar-gerenciar .compartilhar-gerenciar-btns {
        justify-content: center;
    }

    .compartilhar-gerenciar .compartilhar-gerenciar-btns::after {
        width: calc(100% + 24px);
    }

    .compartilhar-gerenciar .compartilhar-gerenciar-btns .button button.mod-emp-style {
        font-size: 14px;
        font-weight: 600;
    }

    .compartilhar-gerenciar .compartilhar-gerenciar-btns .button .button {
        font-size: 14px;
        font-weight: 600;
    }

    .compartilhar-gerenciar .compartilhar-gerenciar-btns .button span {
        font-size: 10px;
    }

    .compartilhar-gerenciar .container-gerenciar {
        flex-direction: column-reverse;
        align-items: center;
        border: 1px solid #d3d3d3;
        border-radius: 14px;
        padding: 12px;
        border-radius: 16px;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        -webkit-backdrop-filter: blur(14.7px);
        background: rgba(255, 255, 255, 0.37);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
    }

    .compartilhar-gerenciar .container-gerenciar.empresa {
        flex-direction: column;
    }

    .compartilhar-gerenciar .container-gerenciar .left-data {
        margin-right: 0;
        width: 100%;
    }

    .compartilhar-gerenciar .container-gerenciar .left-data .text-area .text::before {
        display: none;
    }

    .compartilhar-gerenciar .container-gerenciar .left-data .text-area .text p.txt-paragraph {
        font-size: 14px;
        font-weight: 400;
    }

    .compartilhar-gerenciar .container-gerenciar .video-area .bg-brad {
        display: none;
    }

    .compartilhar-gerenciar .container-gerenciar .video-area .mobile-area {
        position: relative;
    }

    .compartilhar-gerenciar .container-gerenciar .video-area .mobile-area .mobile-mock-v2 {
        display: none;
    }

    .compartilhar-gerenciar .container-gerenciar .video-area .mobile-area .mobile {
        margin: 0;
        margin-top: 30px;
        position: relative;
    }

    .modal-container .dialog {
        width: calc(100% - 38px);
        padding: 13px;
    }

    .modal-container .dialog .content p.title {
        font-size: 16px;
        margin-top: 48px;
    }

    .modal-container .dialog .content .card {
        flex-direction: column;
    }

    .modal-container .dialog .content .card p {
        font-size: 16px;
    }

    .modal-container .dialog .content .card .qr-area em {
        display: none;
    }

    .out {
        display: block;
        position: relative;
    }

    #nao-tenho-conta-content>p,
    #tenho-conta-content>p {
        color: #fff;
        font-size: 22px;
        font-weight: 500;
        text-align: center;
        padding: 0;
        margin-top: 30px;
    }

    #compartilhar-dados .controls-dados {
        position: relative;
        margin-right: 0;
        padding: 0 24px;
        float: none;
        justify-content: center;
    }

    #compartilhar-dados .controls-dados .progress .dots {
        display: block;
    }

    #open-ctext .controls-gerenciar {
        position: relative;
        margin-right: 0;
        padding: 0 24px;
        float: none;
        justify-content: center;
    }

    #open-ctext .controls-gerenciar .progress .dots {
        display: block;
    }
}

@media only screen and (min-width: 861px) {
    .overflow-mobile {
        overflow: initial;
    }

    .box-info.disable-desktop {
        display: none;
    }
}

@media only screen and (min-width: 861px) and (max-width: 1026px) {
    .compartilhar-dados-empresa .right-side .tabs .select {
        justify-content: flex-start;
        margin-bottom: 32px;
    }

    .compartilhar-dados-empresa .right-side .tabs .select-content .content-area .cards .card {
        width: 240px;
    }
}

@media only screen and (min-width: 861px) and (max-width: 874px) {
    .compartilhar-dados-empresa .right-side {
        align-items: center;
    }

    #beneficios .sections-title {
        padding: 300px 24px 0;
    }
}

@media only screen and (max-width: 860px) {
    .banner-home .banner .img .logo .lottie {
        margin-top: -250px;
    }

    .banner-home .banner .img .text-banner-area .title {
        font-size: 40px;
    }

    .banner-home .banner .img .text-banner-area .description {
        font-size: 16px;
    }

    .compartilhar-dados-voce {
        padding: 60px 0;
    }

    .compartilhar-dados-empresa .right-side {
        display: unset;
        flex-direction: unset;
        align-items: unset;
    }

    .box-info.disable-mobile {
        display: none;
    }

    .box-info {
        position: relative;
        width: 100%;
        margin-bottom: 0;
        padding: 48px 24px;
    }

    .box-info .text-area h2.title strong {
        display: block;
    }

    .box-info .text-area .text {
        font-size: 14px;
        font-weight: 500;
    }

    .sections-title {
        font-size: 20px;
        margin-bottom: 32px;
        text-align: center;
    }

    .sections-title::after {
        display: none;
    }

    .sections-title.mod-br-mobile br {
        display: none;
    }

    .botao-flutuante {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 11;
        padding: 20px;
        display: flex;
        justify-content: center;
        background: #cc092f;
    }

    .botao-flutuante a {
        cursor: pointer;
        text-decoration: none;
        padding: 15px 48px;
        color: #cc092f;
        border-radius: 30px;
        font-size: 14px;
        font-weight: 700;
        background-color: #fff;
    }
}

@media only screen and (max-width: 768px) {
    .animate-logo {
        width: 260px;
        height: auto;
        top: -60px;
    }

    #btn-banner-fixo-desktop-pj {
        display: none;
    }

    #btn-banner-fixo-mobile-pj {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .banner-home .icon1 {
        display: none;
    }

    .banner-home .icon2 {
        display: none;
    }

    .compartilhar-dados-voce .icon1 {
        display: none;
    }

    .compartilhar-dados-voce .icon2 {
        display: none;
    }

    #beneficios .icon1 {
        display: none;
    }

    #beneficios .icon2 {
        display: none;
    }

    #beneficios .icon3 {
        display: none;
    }

    #of-pratica .graph1 {
        display: none;
    }

    #of-pratica .icon1 {
        display: none;
    }

    #of-pratica .icon2 {
        display: none;
    }

    #faq .icon1 {
        display: none;
    }

    #faq .icon2 {
        display: none;
    }

    #faq .icon3 {
        display: none;
    }

    #faq .icon4 {
        display: none;
    }

    .card-flutuante {
        display: none;
    }

    #compartilhar-gerenciar .icon4 {
        display: none;
    }

    #compartilhar-gerenciar .graph {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='92.651' height='124.292' viewBox='0 0 92.651 124.292'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.938' y1='6.931' x2='-0.056' y2='9.597' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23f324a7'/%3E%3Cstop offset='0.717' stop-color='%23d1193c'/%3E%3Cstop offset='1' stop-color='%23d71e45' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Grafismo_01' data-name='Grafismo 01' transform='translate(0)'%3E%3Cg id='Grupo_37223' data-name='Grupo 37223' transform='translate(0)'%3E%3Crect id='Retângulo_92977' data-name='Retângulo 92977' width='106.362' height='1.078' rx='0.539' transform='translate(0 53.181) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92978' data-name='Retângulo 92978' width='106.362' height='1.078' rx='0.539' transform='translate(0 62.631) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92979' data-name='Retângulo 92979' width='106.362' height='1.078' rx='0.539' transform='translate(0 72.692) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92980' data-name='Retângulo 92980' width='106.362' height='1.078' rx='0.539' transform='translate(0 83.113) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3Cg id='Grupo_37224' data-name='Grupo 37224' transform='translate(0 40.245)'%3E%3Crect id='Retângulo_92977-2' data-name='Retângulo 92977' width='106.362' height='1.078' rx='0.539' transform='translate(0 53.181) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92978-2' data-name='Retângulo 92978' width='106.362' height='1.078' rx='0.539' transform='translate(0 62.631) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92979-2' data-name='Retângulo 92979' width='106.362' height='1.078' rx='0.539' transform='translate(0 72.692) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3Crect id='Retângulo_92980-2' data-name='Retângulo 92980' width='106.362' height='1.078' rx='0.539' transform='translate(0 83.113) rotate(-30)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-size: contain;
        width: 105px;
        height: 141px;
        bottom: 0;
        left: 0;
        position: absolute;
        margin-bottom: -65px;
    }

    #compartilhar-gerenciar .content p.title {
        margin: 0;
        padding: 0;
        margin-bottom: 32px;
        font-size: 32px;
        font-weight: 300;
        color: #fff;
        text-transform: none;
        text-align: center;
    }

    #compartilhar-gerenciar .content p.title strong {
        text-shadow:
            0 0 1px #fff,
            0 0 1px #fff,
            0 0 8px #fff;
    }

    #compartilhar-gerenciar .content .questions {
        display: flex;
        flex-direction: column;
        align-items: center;
        border: 1px solid #d3d3d3;
        border-radius: 14px;
        padding: 12px;
        border-radius: 16px;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        -webkit-backdrop-filter: blur(14.7px);
        background: rgba(255, 255, 255, 0.37);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
    }

    #compartilhar-gerenciar .content .questions .pergunta {
        width: 100%;
        margin-bottom: 1rem;
        border-bottom: 1px solid #fff;
    }

    #compartilhar-gerenciar .content .questions .pergunta.open {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
    }

    #compartilhar-gerenciar .content .questions .pergunta button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: 0 0;
        border: none;
        width: 100%;
        padding: 0 0 0.5rem;
    }

    #compartilhar-gerenciar .content .questions .pergunta button h6 {
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        margin: 0;
        padding: 24px;
        text-align: start;
        width: 60vw;
    }

    #compartilhar-gerenciar .content .questions .pergunta button .seta {
        background-image: url("data:image/svg+xml,%3Csvg id='Grupo_26080' data-name='Grupo 26080' xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23'%3E%3Cg id='Icon_-_Seta' data-name='Icon - Seta' transform='translate(6.899 8.965)'%3E%3Cpath id='Caminho_3890' data-name='Caminho 3890' d='M2528.469-2233.792l4.677-4.351,4.525,4.351' transform='translate(-2528.469 2238.143)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25'/%3E%3C/g%3E%3Cg id='Elipse_1543' data-name='Elipse 1543' fill='none' stroke='%23fff' stroke-width='1.25'%3E%3Ccircle cx='11.5' cy='11.5' r='11.5' stroke='none'/%3E%3Ccircle cx='11.5' cy='11.5' r='10.875' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-size: contain;
        width: 50px;
        height: 30px;
        transition: 0.4s;
        margin-right: 25px;
    }

    #compartilhar-gerenciar .content .questions .pergunta button.open .seta {
        transform: rotate(180deg);
    }

    #compartilhar-gerenciar .content .questions .pergunta .expansivel-content {
        max-height: 0;
        transition: 0.4s;
        overflow: hidden;
    }

    #compartilhar-gerenciar .content .questions .pergunta .expansivel-content h3 {
        margin: 0;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        padding: 0 24px;
    }

    #compartilhar-gerenciar .content .questions .pergunta .expansivel-content p {
        margin: 0;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
        padding: 0 24px;
    }

    #compartilhar-gerenciar .content .questions .pergunta .expansivel-content h3 a,
    #compartilhar-gerenciar .content .questions .pergunta .expansivel-content p a {
        color: #fff;
    }

    #compartilhar-gerenciar .content .questions .pergunta button.open~.expansivel-content {
        max-height: 80rem;
        padding: 1.5rem 0;
    }

    #compartilhar-gerenciar .content .questions .show-more {
        cursor: pointer;
        margin-top: 32px;
        display: block;
        text-decoration: none;
        padding: 15px 48px;
        color: #fff;
        border-radius: 30px;
        border: 1px solid #fff;
        box-shadow:
            0 0 0.2rem #fff,
            0 0 0 #fff,
            0 0 20px #fff,
            0 0 10px #fff,
            0 0 10px #fff,
            inset 0 0 10px #fff;
        box-shadow:
            0 0 0.2rem #fff,
            0 0 0 #fff,
            0 0 20px #fff,
            0 0 10px #fff,
            0 0 10px #fff,
            inset 0 0 10px #fff;
        animation: pulse-white 2s infinite;
    }

    .questions .img-mobile {
        width: 290px;
        height: 392px;
    }
}

@media only screen and (min-width: 768px) {
    #btn-banner-fixo-desktop-pj {
        display: block;
    }

    #btn-banner-fixo-mobile-pj {
        display: none;
    }

    .btn-banner-fixo {
        display: none !important;
    }

    .compartilhar-gerenciar .container-gerenciar .video-area .mobile-area .mobile video {
        max-width: 256px;
        height: 480px;
        object-fit: cover;
    }
}

@media only screen and (min-width: 764px) {
    body.pf #beneficios .cards {
        width: 82%;
    }

    #tenho-conta-content .cards .card,
    #nao-tenho-conta-content .cards .card,
    #cards-empresa .cards .card,
    #beneficios .cards .card {
        max-width: 314px;
        justify-content: start;
        gap: 1.5rem;
        overflow: hidden;
        cursor: auto;
    }

    #nao-tenho-conta-content .cards .card {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 0;
    }

    .compartilhar-dados-voce .left .tabs .select-content .content-area .cards .card .icon-area {
        margin-bottom: 2rem;
    }

    #tenho-conta-content .cards .qrcode:hover button,
    #tenho-conta-content .cards .qrcode:hover .lp-qrcode,
    #nao-tenho-conta-content .cards .qrcode:hover button,
    #nao-tenho-conta-content .cards .qrcode:hover .lp-qrcode,
    #cards-empresa .cards .qrcode:hover button,
    #cards-empresa .cards .qrcode:hover .lp-qrcode,
    #beneficios .cards .qrcode:hover button,
    #beneficios .cards .qrcode:hover .lp-qrcode {
        margin-top: -1.75rem;
        opacity: 1;
        transform: translateY(-124px);
        transition:
            opacity 0.3s ease-in-out,
            transform 0.3s ease-in-out;
    }

    #tenho-conta-content .cards .qrcode:hover .card-content,
    #nao-tenho-conta-content .cards .qrcode:hover .card-content,
    #cards-empresa .cards .qrcode:hover .card-content,
    #beneficios .cards .qrcode:hover .card-content {
        transform: translateY(-124px);
        transition: ease-in-out 0.3s;
    }

    #tenho-conta-content .cards .qrcode a,
    #nao-tenho-conta-content .cards .qrcode a,
    #cards-empresa .cards .qrcode a,
    #beneficios .cards .qrcode a {
        margin-top: 0.5rem;
    }

    #tenho-conta-content .qrcode .card-content,
    #tenho-conta-content .qrcode a,
    #nao-tenho-conta-content .qrcode .card-content,
    #nao-tenho-conta-content .qrcode a,
    #cards-empresa .qrcode .card-content,
    #cards-empresa .qrcode a,
    #beneficios .qrcode .card-content,
    #beneficios .qrcode a {
        transition: ease-out 0.3s;
    }

    #tenho-conta-content .lp-qrcode,
    #nao-tenho-conta-content .lp-qrcode,
    #cards-empresa .lp-qrcode,
    #beneficios .lp-qrcode {
        position: absolute;
        top: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        opacity: 0;
        transition: ease-in-out 0.15s;
    }

    #tenho-conta-content .lp-qrcode picture img,
    #nao-tenho-conta-content .lp-qrcode picture img,
    #beneficios .lp-qrcode picture img {
        border-radius: 9px;
        width: 134px;
        height: 132px;
    }

    #nao-tenho-conta-content .lp-qrcode picture img,
    #tenho-conta-content .lp-qrcode picture img {
        margin-top: 0.75rem;
    }

    .link-mobile button {
        width: 100%;
        height: auto;
        border: unset !important;
        text-decoration: none;
        background: transparent;
        font-weight: bold;
        color: #fff;
    }

    .link-mobile button img {
        width: 16px;
        height: 16px;
        display: inline;
    }

    .card:hover .link-mobile button img {
        opacity: 0.7;
        transform: rotate(90deg);
        transition: ease 0.3s;
    }

    .link-mobile button:hover {
        background: unset !important;
        color: #e4e5e9 !important;
    }
}

@media only screen and (max-width: 420px) {
    div#topBar.headertopBar {
        display: block !important;
    }
}

@media only screen and (max-width: 420px) {
    .compartilhar-dados-voce .left .tabs .select-content .content-area .cards .card {
        padding: 38px;
        min-height: 469px;
    }

    #nao-tenho-conta-content>div.cards>div:nth-child(3)>div.card-content>h4>a:nth-child(3)>button {
        margin-top: 30px;
    }

    #slick-slide31 {
        padding: 40px;
    }
}

@media only screen and (max-width: 350px) {
    #of-pratica .content .right .cards .card h5 {
        margin-left: 48px;
    }
}