body {
    font-family: 'Inter', sans-serif;
    color: #4A4A4A;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    color: #4a4a4a;
}

img {
    width: 100%;
}

.bg-clean {
    background: #fff;
}

.video-xs {
    display: none !important;
}

.btn {
    border-radius: 2px !important;
}

ul {
    margin-bottom: 0rem;
    padding: 0px;
}

a:hover {
    text-decoration: none !important;
}

.fa, .fab, .fal, .far, .fas {
    line-height: inherit;
}

.breadcrumbs {
    padding: 27px;
    padding-top: 77px;
}

    .breadcrumbs a {
        color: #9aa8b6;
        font-weight: 500;
    }

    .breadcrumbs i {
        font-size: 13px;
        margin-right: 5px;
    }

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #e7e9f4;
}

.padding-content {
    padding: 100px 0px;
}

.align-self-login {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 50px !important;
}

    .align-self-login .modal-header {
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        padding-right: 30px;
    }

.btn-primary {
    color: #fff;
    background-color: #FF684D;
    border-color: #FF684D;
    border-radius: 3px !important;
}

.form-inline button i {
    line-height: 1.5 !important;
    font-size: 0.8rem !important;
    padding: 2.5px;
}

.content-footer i {
    line-height: 1.25;
}

.div-mockupmob {
    display: none;
}

.page-item.active .page-link {
    background: linear-gradient(180deg, #FC674C 0%, #FF3E70 100%) !important;
    border-color: #FF684D;
}

.page-link {
    color: #9aa8b6;
}

    .page-link:hover {
        color: #2e3d4c;
        background-color: #e7e9f4;
    }


.title-pages {
    font-weight: 700;
    color: #4A4A4A;
    font-size: 40px;
}

.form-control::-webkit-input-placeholder { /* Chrome */
    color: #bec4d0;
    font-size: 15px;
}

.form-control:-ms-input-placeholder { /* IE 10+ */
    color: #bec4d0;
    font-size: 15px;
}

.form-control::-moz-placeholder { /* Firefox 19+ */
    color: #bec4d0;
    font-size: 15px;
    opacity: 1;
}

.form-control:-moz-placeholder { /* Firefox 4 - 18 */
    color: #bec4d0;
    font-size: 15px;
    opacity: 1;
}

.linha {
    border-top: solid 1px #ccc;
    padding: 20px 0px;
}

form {
    margin-bottom: 0px;
}



/*Navbar*/

.navbar-home {
    padding: 9px 1px;
}

.logo-home img {
    width: 157px;
}

.logo-home-deslogado img {
    width: 223px;
}

.logo-footer {
    max-width: 300px;
    padding: 0 0 40px 0;
    margin: 0 auto;
}

.icon-logo img {
    width: 140px;
    margin-right: 12px;
}

.bg-nabvarloged {
    background: var(--primitive-zinc-900, #18181B);
}

.navbar.navbarloged {
    padding: 40px 0 40px 0
}

.navbarloged {
    width: 100%;
    z-index: 10;
    margin: 0 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

    .navbarloged .navbar-categoria {
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        width: 100%;
    }

.navbar-white {
    background: #fff !important;
}

.filter-categorias {
    display: flex;
    font-weight: 500;
    color: #9aa8b6 !important;
    font-size: 14px;
    border: solid 2px;
    border-radius: 5px;
}

#filter-categoria .dropdown-toggle::after {
    position: relative;
    top: 9px;
    margin-left: 6px;
}

.menu-nav {
    font-weight: 500;
    color: #6e7a86 !important;
    font-size: 14px;
}

    .menu-nav:hover {
        color: #afc0d0 !important;
    }

.nav-icon {
    color: #9aa8b6;
    font-size: 25px;
}

.menu-nav li a {
    font-weight: 500;
    font-size: 14px;
}

#perfil {
    padding: 4px;
}

.menu-filter li a {
    font-weight: 300;
    color: #9aa8b6 !important;
    font-size: 14px;
}

.name-perfil {
    font-weight: 500;
    color: #9aa8b6 !important;
    font-size: 14px;
    margin-right: 10px;
}

    .name-perfil:hover {
        color: #afc0d0 !important;
    }

.number-notificacao {
    width: 12px;
    height: 12px;
    position: absolute;
    background: #ff684d;
    border-radius: 50%;
    display: inherit;
    top: 6px;
    left: 32px;
}

.icon-notificacao {
    font-size: 19px;
    margin: 0px 12px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
}

    .icon-notificacao:hover {
        color: #afc0d0;
    }


.notificacao-header {
    padding: 1.25rem 1.5rem !important;
    border-bottom: solid 1px #d2d3d6;
    display: flex;
    font-size: 13px;
    color: #778ab0 !important;
}

.notificacao-header-btn {
    padding: 9px;
    font-size: 15px;
    color: #778ab0 !important;
    display: block;
    text-align: right;
}

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

    .navbar-align li {
        margin: 0 20px 0 0;
    }

        .navbar-align li .btn-categorias {
        }

        .navbar-align li .btn-nav-menumob {
            position: relative;
            padding-left: 20px;
        }

            .navbar-align li .btn-nav-menumob::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                width: 10px; /* width of the border */
                background: linear-gradient(180deg, #FCC96D 0%, #FF449B 100%);
                padding-right: 10px;
            }

.novidade-menuheader {
    position: absolute;
    top: 0px;
    color: #d32929;
}

.color-verde {
    border-color: #3af1b4 !important;
}

.color-yellow {
    border-color: #d8e80f !important;
}

.color-bluecanva {
    border-color: #6ed4ff !important;
}

.color-azulscreen {
    border-color: #3b10ef !important;
}

.color-verdecliente {
    border-color: #1bb52d !important;
}

.color-verde-lg {
    border-left: solid 9px #3af1b4;
}

.verde {
    color: #3af1b4 !important;
}

.color-laranja {
    border-color: #ffb04f !important;
}

.color-laranja-lg {
    border-left: solid 9px #ffb04f;
}

.laranja {
    color: #ff684d !important;
}


.color-rosa {
    border-color: #ff6aa7 !important;
}

.color-rosa-lg {
    border-left: solid 9px #ff6aa7;
}

.rosa {
    color: #ff6aa7 !important;
}

.btn-categorias {
    background: none;
    border: none;
    color: #fff;
    padding: 6px 11px;
    border-radius: 5px !important;
    font-size: 14px;
    font-weight: 300;
    border: 1px solid;
}

.title-area {
    font-weight: 400;
    color: #fff;
}

.notificacao-dashboard {
    font-size: 13px;
}

.img-perfil {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-size: cover !important;
    background-position-x: 50% !important;
    margin-right: 12px;
}

.space-perfil {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
}

.dropdown-notificacao {
    width: 400px;
}

.toggle-menu {
    margin-top: 1px;
    color: #9aa8b6;
}

.title-notificacao-header {
    text-overflow: ellipsis;
    white-space: initial;
    overflow: hidden;
    color: #adacb6;
    line-height: 22px;
}

.icon-dashboard {
    margin-right: 14px;
    color: #bed0e4;
}

.menu-sidebar a {
    font-weight: 500;
    color: #4a4a4a;
    font-size: 12px;
}

.icon-nav {
    margin-right: 12px;
    font-size: 12px;
    color: #9aa8b6;
}

.drop-item a {
    font-size: 14px;
    line-height: 28px;
}

.btn-search {
    background: transparent;
    color: #000;
    border: none;
    padding: 0px !important;
}

    .btn-search:hover {
        background: transparent;
        color: #000;
        border: none;
        padding: 0px !important;
    }

.dropdown-item {
    padding: .45rem 1.5rem;
    font-size: 15px;
}

/*Fim Navbar*/

/*Filtros lista*/

#search-lista::-webkit-input-placeholder { /* Chrome */
    color: #a1aec7;
    font-size: 15px;
    font-weight: 400;
}

#search-lista:-ms-input-placeholder { /* IE 10+ */
    color: #a1aec7;
    font-size: 15px;
    font-weight: 400;
}

#search-lista::-moz-placeholder { /* Firefox 19+ */
    color: #a1aec7;
    opacity: 1;
    font-size: 15px;
    font-weight: 400;
}

#search-lista:-moz-placeholder { /* Firefox 4 - 18 */
    color: #a1aec7;
    opacity: 1;
    font-size: 15px;
    font-weight: 400;
}

.dropdown-item {
    color: #9aa8b6;
}



.painel-filer {
    background: #fff;
    margin: 19px 0px;
    height: 50px;
    padding: 8px;
}

.space-form {
    margin-right: 10px;
}

/*Fim Filtros lista*/


.painel-download {
    background: #fff;
    margin: 30px 10px;
    height: 50px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    padding: .5rem 1rem;
}

.painel-download-free {
    background: #fff;
    margin: 29px 10px;
    height: 50px;
    text-align: center;
    justify-content: center;
    padding: .5rem 1rem;
    height: 88vh;
}

.desc-suporte {
    font-size: 20px;
    max-width: 437px;
    margin: 0 auto;
    font-weight: 400;
}

.container-body {
    background: #fff;
    min-height: 100vh;
}

.bg-white {
    background: #fff;
}

.bg-gray {
    background: #eeeeee;
}

.background-home {
    height: 100vh;
    min-height: 880px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-white {
    background: #fff;
    color: #007bff;
    border: none;
}

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

.form-search-categoria {
    border-radius: 2px !important;
    box-shadow: #d8d8d8 2px 2px 3px;
    border: none;
}

.form-search {
    border-radius: 2px !important;
    box-shadow: #3b478b 2px 3px 3px;
    border: none;
}

.btn-form-categoria {
    box-shadow: #d8d8d8 2px 2px 3px;
    border-radius: 2px;
}

.space-search-home {
    padding: 2% 7%;
}

.title-home {
    font-size: 45px;
    font-weight: 900;
    font-family: 'Inter', sans-serif;
    line-height: 47px;
    margin-bottom: 25px;
}

.content-area {
    margin: 12px;
}

.content-footer {
    margin-top: 25px;
    margin-bottom: 65px;
}

/*Fim Filtros lista*/


.form-direct {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
}

.link-ads-directlink {
    color: #293541 !important;
    text-decoration: none;
    padding: 10px;
    display: table;
    margin: 0 auto;
    font-weight: 500;
}

    .link-ads-directlink:hover {
        color: #fff !important;
        text-decoration: none;
    }

.copy-clipboard {
    cursor: pointer;
}

.direct-mensagem-recebida {
    padding: 20px;
    text-align: center;
    font-size: 34px;
    color: #676767;
    font-weight: 600;
    letter-spacing: -1px
}

.box-direct {
    background: #fff;
    border-radius: 20px;
    padding: 12px;
}

.bg-direct {
    background-size: cover !important;
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.btn-direct-send {
    background: #ff684d;
    color: #Fff;
    padding: 20px;
    width: 100%;
    border-radius: 22px !important;
    border: none;
}

.header-direct {
    font-size: 33px;
    text-align: center;
    margin-bottom: 25px;
    border-radius: 12px;
    background: #f3f7fb;
    padding: 19px;
    font-weight: 800;
}

    .header-direct h1 {
        color: #ff684d;
        font-size: 26px;
        margin: 0px;
    }

.name-direct {
    display: flex;
    align-items: center;
    background: #ffffff;
    padding: 12px 21px;
    border-radius: 12px;
    width: fit-content;
    margin: 5px auto 30px auto;
}

    .name-direct .img-perfil {
        margin-right: 17px;
        background: #fff;
    }

.header-direct h2 {
    font-size: 18px;
    font-weight: 400;
    color: #9aa8b6;
}

.sidebar-perfil {
    position: fixed;
    height: 100%;
}

.space-avatar {
    text-align: center;
    margin-bottom: 30px;
}

    .space-avatar h5 {
        color: #FE4F67;
        font-size: 18px;
    }

.avatar-dashboard {
    border-radius: 50%;
    margin-bottom: 16px;
    width: 128px;
    height: 128px;
    border-radius: 50%;
    background-position-x: 50% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.space-menu-perfil {
    margin-top: 40px;
}

    .space-menu-perfil a {
        background: none;
        border: none;
        margin: 1px;
    }

.body-dashboard {
    padding: 40px;
    background: #fff;
    min-height: 800px;
    overflow: auto;
    width: calc(100% - 200px);
    margin-left: 200px;
    border-left: 1px solid var(--primitive-stroke-50-input-light, #E2E2E2);
}

.box-dashboard {
    background: #fff;
    padding: 13px;
    margin-bottom: 32px;
    border-radius: 10px;
    border: solid 2px #dae2f1;
    box-shadow: #e2e8f5 5px 4px 11px;
    transition: 0.2s;
}

    .box-dashboard:hover {
        box-shadow: #e2e8f5 10px 14px 11px;
    }

.box-top {
    height: auto;
}

.box-dashboard-top {
    padding: 17px 0px;
    margin-bottom: 14px;
}

    .box-dashboard-top h5 {
        color: #4A4A4A;
        font-size: 26px;
    }

.intro-page {
    color: #4A4A4A;
    font-size: 18px;
}


.bloco-download {
    min-width: 240px;
    max-width: 240px;
    margin-right: 19px;
    margin-bottom: 20px;
}

.bloco-download-img {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
}

.list-group-item-action:focus, .list-group-item-action:hover {
    background-color: #f1f1f1;
}

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

.btn-notificacao {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    font-size: 12px;
}

.btn-notificacao-header {
    font-size: 12px;
}

.data-post {
    font-size: 14px;
    color: #cdd2dc;
}

.modal-dialog {
    margin: 10px auto;
}

.name-post-box {
    font-size: 14px;
    color: #9aa8b6;
    width: 50%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.number-download {
    font-size: 73px;
    line-height: 75px;
    color: #9aa8b6;
    font-weight: 900;
    margin-bottom: 10px;
}

.text-download {
    font-size: 19px;
    color: #9aa8b6;
    font-weight: 900;
}

.space-number-download {
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 12px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.data-post-box {
    font-size: 14px;
    color: #cdd2dc;
    width: 50%;
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

.footer-post {
    display: flex;
    background: #ffffff;
}

.palavras-chave {
    margin-left: 15px;
}

    .palavras-chave .single-palavras {
        background: #fff;
        padding: 6px 18px;
        border-radius: 4px;
        font-size: 13px;
        color: #282828;
        display: inline-block;
        margin-bottom: 0px;
        margin: 12px 5px 0 5px;
        font-weight: 600;
    }

::-webkit-scrollbar-track {
    background-color: #e9e9e9;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background: #F4F4F4;
}

::-webkit-scrollbar-thumb {
    background: #cecece;
}

.background-box-topo {
    width: 100%;
    height: 100px;
    background: #367beb;
    background-image: url(../img/background-elipse.png);
    background-repeat: repeat;
    position: relative;
    top: -15px;
    z-index: 2;
    margin: 2px;
    border-radius: 10px 10px 0px 0px;
}

.topnutrimidia-video {
    cursor: pointer;
}

/*Modal login*/
.logo-slide {
    padding: 0px 50px;
    margin-top: 40px;
}

.modal-fullscreen {
    height: 100%;
}

.background-login {
    width: 100%;
    height: 100%;
}

.bg-login-1 {
    background: #ff684d;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.bg-login-2 {
    background-size: cover;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(164deg, #FF4374 0%, var(--unnamed-color-fc674c) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(164deg, #FF4374 0%, #FC674C 100%) 0% 0% no-repeat padding-box;
}

.bg-login-3 {
    background: #FF684D;
    width: 100%;
    height: 100%;
}

.control-slide li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0px 12px;
}

.position-modal {
    position: fixed;
    padding: 0px;
    height: 100%;
    margin: 0px;
}

.space-text-login-1 p {
    font-size: 26px;
    line-height: 33px;
    color: #fff;
    font-weight: 300;
    padding: 0px 15%;
    margin-top: 86%;
}

.space-text-login-2 P {
    font-size: 26px;
    line-height: 33px;
    color: #fff;
    font-weight: 300;
    padding: 0px 15%;
}

.space-text-login-2 img {
    width: 500px;
}

.position-modal-left {
    position: fixed;
    padding: 0px;
    height: 100%;
    margin: 0px;
    padding: 0px 16px;
}

.modal-full {
    max-width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0;
}

.title-login-footer {
    text-align: center;
    font-size: 24px;
    color: #4a4a4a;
    font-weight: 600;
}

.left-login {
    background: #fff;
    overflow: auto;
}

.logologin {
    display: block;
    max-width: 200px;
    margin: 30px auto 0 auto;
}

.close {
    font-size: 2.5rem;
}

.modal-header .close {
    padding: 0.5rem;
}

.title-modal-login {
    text-align: center;
    font-weight: 500;
    color: #4a4a4a;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    margin: 20px 0 10px 0;
}

.heigh-form {
    height: 50px;
}

.full {
    width: 100% !important;
}

.btn-google {
    background: #eeeeee;
    font-size: 13px;
    font-weight: 500;
    border: none;
    color: #626262;
    padding: 14px 10px;
    width: 100%;
    justify-content: center;
    display: flex;
}

.provider-Google {
    display: flex;
    padding: var(--space-16, 16px) var(--space-24, 24px);
    align-items: center;
    gap: 10px;
    border-radius: 87px;
    border: 1px solid var(--primitive-stroke-50-input-light, #E2E2E2);
    background: #FFF;
}

    .provider-Google::before {
        content: " ";
        background: url(../img/icons/icon-google.png);
        background-size: 100%;
        width: 24px;
        height: 24px;
    }

.provider-Facebook {
    display: flex;
    padding: var(--space-16, 16px) var(--space-24, 24px);
    align-items: center;
    gap: 10px;
    border-radius: 87px;
    border: 1px solid var(--primitive-stroke-50-input-light, #E2E2E2);
    background: #FFF;
}

.btn-senha-voltarlogin {
    margin-top: 6px;
}

.provider-Facebook::before {
    content: " ";
    background: url(../img/svg/icon-facebook-login.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

.icon-google {
    margin-right: 9px;
    width: 20px;
    height: 20px;
}

.icon-facebook {
    height: 19px;
    max-width: 26px;
    margin-right: 6px;
}

.space-button-login {
    justify-content: center;
    display: flex;
    padding: 17px 0px;
    border-bottom: solid 1px #e2e2e2;
}

.row-login {
    display: flex;
    align-items: center;
    min-height: 100%;
    margin: 0;
}

.close-modal-login {
    position: fixed;
    top: 10px;
    right: 10px;
    padding: 0 0 0 0;
    margin: 0;
}

    .close-modal-login button {
        padding-right: 20px !important;
    }


#emailHelp {
    cursor: pointer !important;
}

    #emailHelp:hover {
        color: #b7b7b7 !important;
    }


input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(211, 221, 243) !important;
}


/*FIM Modal login*/

.backgrpund-sidebar {
    background: #fff;
    position: fixed;
    top: 0px;
    width: 225px;
    z-index: 9;
    padding: 10px 15px;
    overflow: auto;
    border-right: 1px solid #f2f2f2;
}

.icon-social {
    margin-right: 12px;
}

.btn-footer-post {
    background: #fff;
    padding: 12px;
    color: #415261;
}

.form-search-top {
    margin-right: 8px !important;
    width: 422px !important;
    margin-left: 18px !important;
    color: #415261;
    background-color: #ffffff;
    border: 1px solid #ced3de;
}

.icon-btn {
    font-size: 14px;
    margin-right: 6px;
}

.post-lista {
    padding: 35px !important;
}



.box-dashboard-promo {
    padding: 40px 0 0 0;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 30px;
    color: #4A4A4A;
    text-align: center;
    margin: 0 auto;
}

    .box-dashboard-promo .name-welcome {
        font-size: 24px;
        font-weight: 500;
        color: #4A4A4A;
    }

    .box-dashboard-promo h3 {
        color: #4A4A4A;
        font-size: 24px;
        line-height: 30px;
        font-weight: 900;
    }

    .box-dashboard-promo .btn-conta-upgrade {
        display: block;
        color: #fff;
        border-radius: 0 0 30px 30px;
        padding: 45px 0;
        font-size: 24px;
        line-height: 30px;
        margin-top: 30px;
        font-weight: 900;
        border-top: 1px solid #ccc;
        background: transparent linear-gradient(164deg, #FF4374 0%, var(--unnamed-color-fc674c) 100%) 0% 0% no-repeat padding-box;
        background: transparent linear-gradient(164deg, #FF4374 0%, #FC674C 100%) 0% 0% no-repeat padding-box;
    }

.row-dashboard-dados {
    margin-bottom: 80px;
    margin-top: 40px;
}

.box-dashboard-pontos {
    padding: 40px 0 0 0;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 30px;
    color: #4A4A4A;
    text-align: center;
    margin: 0 auto;
}

    .box-dashboard-pontos h3 {
        color: #4A4A4A;
        font-size: 24px;
        line-height: 30px;
        font-weight: 900;
    }

    .box-dashboard-pontos .number-download {
        font-size: 73px;
        line-height: 75px;
        color: #FE4F67;
        font-weight: 900;
        margin: 40px 0;
    }

    .box-dashboard-pontos .plano-exibicao {
        font-size: 16px;
        color: #4a4a4a;
        font-weight: 500;
        margin: 0px 0 19px 0 !important;
        border-radius: 0 0 30px 30px;
    }

.box-notificacoes {
    margin-top: 15px;
    border-radius: 30px 30px 0 0;
    background: #fff;
}

    .box-notificacoes .colunas-notificacao {
        max-height: 216px;
        overflow: auto;
    }


.icon-eye-page {
    font-size: 16px;
    color: #a9b0bf;
}

.icon-clock, .icon-cash {
    font-size: 14px;
    color: #a9b0bf;
    margin-right: 8px;
}

.download-name {
    width: 60%;
    line-height: 32px;
    display: flex;
    margin-right: 15px;
}

.download-data {
    width: auto;
    color: #a9b0bf;
    background: #f1f5fc;
    padding: 3px 9px;
    border-radius: 23px;
    display: inline-table;
    font-size: 13px;
}

.download-data-name {
    width: 20%;
    line-height: 32px;
    text-align: center;
}

.data-pagamento-box {
    width: auto;
    color: #a9b0bf;
    background: #f1f5fc;
    padding: 3px 9px;
    border-radius: 23px;
    display: inline-table;
    font-size: 13px;
}

.title-download {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #4a4a4a;
    font-weight: 500;
    line-height: 24px;
}

.icon-notificacao-page {
    font-size: 17px;
    color: #ff8b77;
}

.icon-credit {
    width: 64px;
    display: inline-block;
}

    .icon-credit img {
        position: relative;
        top: -7px;
    }

.plano-exibicao {
    font-size: 14px;
}

.btn-upgrade {
    background-color: #FF684D;
    border-color: #FF684D;
    transition: 0s;
    box-shadow: 4px 4px 0px #cdd5e4;
    color: #fff;
    font-weight: 300;
}

    .btn-upgrade:hover {
        background-color: #0062cc;
        border-color: #0062cc;
    }

        .btn-upgrade:hover::before {
            border-right: 13px solid #0062cc;
        }

    .btn-upgrade::before {
        content: " ";
        width: 25px;
        height: 38px;
        position: absolute;
        font-size: 1rem;
        right: 141px;
        top: 0px;
        border-top: 18px solid transparent;
        border-right: 13px solid #ff684d;
        border-bottom: 18px solid transparent;
    }

    .btn-upgrade span {
        font-weight: 500;
    }


.notificacao-off {
    color: #9aa8b6;
}

.box-dashboard.box-top .colunas-notificacao li {
    padding: 8px 11px;
}

.colunas-notificacao li:hover {
    background: rgba(231, 231, 244, 0.3607843137254902);
    color: #a9b0bf;
}

.colunas-notificacao li {
    background: #fff;
    font-size: 14px;
    padding: 11px 11px;
    border-bottom: solid 2px #e7e9f4;
    color: #a9b0bf;
    list-style: none;
    cursor: pointer;
    line-height: 32px;
}

.box-downloads {
    overflow: auto;
    margin-top: 1px;
}

.bloco-linha-download {
    width: 10%;
    line-height: 32px;
    text-align: center;
}

.bloco-linha-download2 {
    width: 20%;
    line-height: 32px;
    text-align: right;
}

    .bloco-linha-download2 a i {
    }

.modal-excluir-box {
    margin: 30vh auto;
}

.modal-nofiticacao-box {
    margin: 15vh auto;
}

.topo-title-dashboard {
    padding: 6px 17px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    width: 100%;
    line-height: 31px;
    margin-top: -15px;
    margin-bottom: 11px;
    border-radius: 5px 5px 0 0;
    text-align: center;
    background: transparent linear-gradient(164deg, #FF4374 0%, var(--unnamed-color-fc674c) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(164deg, #FF4374 0%, #FC674C 100%) 0% 0% no-repeat padding-box;
}

.space-perfil-edit {
    background: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 16px;
    height: 100%;
}

.img-perfil-space {
    text-align: center;
    width: 100%;
    margin-top: -250px;
    z-index: 2;
    position: relative;
}

.foto-perfil {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background-position-x: 50% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    margin-bottom: 17px;
    background: #fff;
}

.img-perfil2 {
    width: 172px;
    border-radius: 50%;
    margin: 40px 0px 20px 0px;
}

.space-form-perfil {
    margin: 20px;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
    font-size: 14px;
    color: #6e6f71;
}


.btn-google-white {
    background: transparent;
    font-size: 13px;
    font-weight: 500;
    border: solid 2px #ced4da;
    color: #ced4da;
    padding: 14px 10px;
    width: 100%;
}

    .btn-google-white:hover {
        background: #f5f5f5;
        color: #626262;
        border-color: #f5f5f5;
    }

.btn-facebook-white {
    background: transparent;
    border: solid 2px #ced4da;
    font-size: 14px;
    font-weight: 500;
    color: #ced4da;
    padding: 14px 10px;
    width: 100%;
    margin-bottom: 12px;
}

    .btn-facebook-white:hover {
        background: #4868ad;
        border-color: #4868ad;
        color: #fff;
    }

.icon-facebook-white {
    font-size: 14px;
    margin-right: 11px;
}

.icon-google-white {
    font-size: 14px;
    margin-right: 11px;
}


.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

.card-body {
    border: none;
    margin-top: 10px;
}

.space-senha {
    border-top: solid 1px #ccc;
    padding: 20px;
    padding-bottom: 0px;
}

.btn-foto-perfil {
    color: #fff !important;
    padding: 5px 20px;
    font-size: 15px;
    border-radius: 50px !important;
    border: 2px solid #fff;
}

.background-perfil {
    width: 100%;
    height: 159px;
    background: url('../img/2023/compress/4-bg-videos-animados.svg') center center;
    background-repeat: repeat;
    background-size: cover;
    position: relative;
    top: -16px;
    z-index: 2;
    margin: 2px;
    border-radius: 10px 10px 0 0;
}

.background-perfil-edit {
    width: 100%;
    height: 250px;
    background: url('../img/2023/compress/4-bg-videos-animados.svg') center center;
    background-size: cover;
    position: relative;
    top: -16px;
    z-index: 2;
    margin: 2px;
    border-radius: 10px 10px 0 0;
}


.form-perfil {
    color: #9aa8b6;
    font-size: 15px;
    line-height: 30px;
    background: transparent;
    height: 44px !important;
}

.btn-clean {
    color: #a1aec7;
    font-size: 15px;
    line-height: 24px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 5px !important;
}

    .btn-clean:hover {
        border-color: #586f83;
        color: #586f83;
    }

.painel-filer-perfil {
    width: 100%;
    margin-bottom: 18px;
    display: flex;
}

.notificacao-space-page li {
    padding: 15px 15px;
}

.title-pagamento, .id-pagamento, .data-pagamento, .preco-pagamento, .status-pagamento {
    width: 25%;
    margin-left: 0px;
    text-align: center;
}

.id-pagamento {
    width: 40% !important;
}

.aprovado {
    width: auto;
    color: #ffffff;
    background: #63e291;
    padding: 3px 16px;
    border-radius: 23px;
    display: inline-table;
    font-size: 13px;
    height: 20px;
    margin: 0 auto;
}

.pendente {
    width: auto;
    color: #ffffff;
    background: #ffa94d;
    padding: 3px 16px;
    border-radius: 23px;
    display: inline-table;
    font-size: 13px;
}

.cancelado {
    width: auto;
    color: #ffffff;
    background: #ff7070;
    padding: 3px 16px;
    border-radius: 23px;
    display: inline-table;
    font-size: 13px;
}

.list-pagamento {
    display: grid;
    line-height: 50px;
    padding: 18px;
}

    .list-pagamento span {
        border-bottom: solid 1px #e1e1e1;
    }

.id-pagamento i {
    color: #22d89b;
    font-size: 20px;
    margin-right: 12px;
    position: relative;
    top: 2px;
}

.icon-pagamentos {
    color: #22d89b;
    font-size: 22px;
    margin-right: 12px;
    position: relative;
    top: 3px;
}

.title-notificacao span {
    margin-left: 12px;
}


.descri-materiais {
    background: #fff;
    align-items: center;
    justify-content: center;
    padding: 18px 17px;
    color: #94a0ab;
    font-size: 14px;
    border-bottom: solid 1px #dedede;
}

.descri-materiais-detalhes {
    align-items: center;
    justify-content: center;
    color: #ff8c77;
    font-size: 16px;
    background: #ffffff;
    border-radius: 3px;
    margin-bottom: 31px;
}

.breadcrumbs-detalhes {
    padding: 27px;
    display: flex;
    margin-bottom: 2%;
}

    .breadcrumbs-detalhes a {
        color: #9aa8b6;
        font-weight: 500;
    }

    .breadcrumbs-detalhes i {
        font-size: 13px;
        margin-right: 5px;
    }


/*CHECKOUT*/
.resumo-plano {
    background: #ebeef5;
    width: 100%;
    height: 96px;
    margin-top: 0px;
    border-radius: 6px;
    margin-bottom: 33px;
}

.btn-payment {
    padding: 13px 54px;
}

.line-width {
    border-bottom: solid 2px #e6ecf6;
    width: 100%;
    height: 19px;
    margin-bottom: 15px;
}

.roadepe-pagamento {
    font-size: 12px;
    text-align: center;
    margin-top: 32px;
    color: #9aa8b6;
}

/*SELECT IMAGE*/

.option-lenguage {
    width: 55px;
    border: none;
}

.icon-brasil {
    background: url(../img/flag-brasil.svg);
    background-size: 40px;
}

.chose-image.rtl {
    padding: 2px 0px 3px 5px;
}

/* Image for Single mode */
.chose-image-small {
    width: 76px;
    height: 72px;
    vertical-align: middle;
    margin: 6px 2px;
    margin-right: 10px;
}

    .chose-image-small.rtl {
        margin: -3px 0 0 3px;
    }

/* Images appended to the li(s) */
.chose-image-list {
    width: 76px;
    height: 72px;
    vertical-align: middle;
    margin-right: 12px;
}

    .chose-image-list.rtl {
        margin: -3px 0 0 3px;
    }

/* Grey-out image for Multi mode */
.chosen-container-multi .result-selected img {
    opacity: 0.3;
}


.chosen-container-single .chosen-single div {
    display: none;
}


.chosen-container .chosen-results li.highlighted {
    background-color: #dcdcdc;
    background-image: none;
    color: #9c9797;
    font-size: 14px;
    line-height: 0px;
}

.chosen-container .chosen-results li {
    padding: 11px 6px;
    color: #909090;
    font-size: 14px;
    border-bottom: solid 1px #e4e4e4;
}

.down {
    position: absolute;
    top: 54%;
    left: 84%;
    z-index: 99;
    font-size: 21px;
    color: #909090;
}

    .down i {
        color: #909090;
    }

.chosen-container-single .chosen-single {
    line-height: 80px !important;
    height: auto !important;
    position: relative !important;
    right: 15px;
}

    .chosen-container-single .chosen-single span {
        font-size: 28px;
        color: #ff684d;
        font-weight: 700;
    }

.chosen-container .chosen-results li {
    line-height: 40px !important;
}

    .chosen-container .chosen-results li.active-result {
        font-size: 22px;
        color: #ff684d;
        font-weight: 700;
        line-height: 66px !important;
    }

    .chosen-container .chosen-results li.highlighted {
        background-color: #f3f5fa !important;
        color: #ff684d !important;
        font-size: 22px !important;
    }

.teste {
    color: red !important;
}

.chosen-search input {
    display: none;
}

.chosen-container .chosen-drop {
    background-color: #fff !important;
    border: 0px;
    border-top: solid 1px #ccc;
}

.chosen-container .chosen-results {
    margin-bottom: 0px;
}

.position-preco {
}

.chosen-container {
    height: 85px;
    background: #fff;
    border: solid #d4d6de;
    text-align: center;
    border-radius: 8px;
}

.termos-text {
    font-size: 11px;
}

.box-plano-payment {
    background: #f3f5fa;
    padding: 19px;
}

.form-assinatura label {
    color: #a6adbb;
}

.title-assinatura h4 {
    color: #fff;
    font-weight: 900;
    font-size: 29px;
    margin-bottom: 17px;
    margin-top: 6px;
}

.title-assinatura p {
    color: #dddff3;
    font-size: 17px;
    line-height: 22px;
}

.box-assinatura {
    box-shadow: rgba(196, 206, 228, 0.49019607843137253) 5px 5px 20px 0px;
    padding: 31px;
    margin-bottom: 32px;
    border-radius: 10px;
    background: url(../img/2024/background-pattern-1.png) #18181b repeat;
}

.lista-vantagens {
    margin-top: 23px;
}

    .lista-vantagens li {
        list-style: none;
        color: #dddff3;
        line-height: 37px;
        font-size: 15px;
        font-weight: 300;
    }

        .lista-vantagens li i {
            color: #ff9a88;
            margin-right: 12px;
        }

.area-btn-passo {
    height: 60px;
}

.top-title-form {
    margin-top: -28px;
    margin-bottom: 5px;
    padding: 24px 0px;
    color: #18181b;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
}

.top-title-form-pagamento {
    margin-bottom: 15px;
    padding: 13px 0px;
    color: #18181b;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation: fadeIn 1s ease-in-out;
    -moz-animation: fadeIn 1s ease-in-out;
    -o-animation: fadeIn 1s ease-in-out;
    animation: fadeIn 1s ease-in-out;
}






/* FIM CHECKOUT*/
/*´PLANOS*/
.space-form-plano {
    margin: 0px 33px;
    margin-bottom: 26px;
}

.tabela-planos {
    margin-bottom: 30px;
}

    .tabela-planos li {
        line-height: 54px;
        text-align: center;
        border-bottom: solid 1px #ebeef5;
        list-style: none;
        font-weight: 300;
        font-size: 14px;
    }

.price-plano {
    text-align: center;
}

.price-number {
    font-size: 60px;
    color: #ced3de;
    font-weight: 900;
    letter-spacing: -3px;
    line-height: 74px;
}

.titulo-plano {
    font-size: 34px;
    color: #ced3de;
    font-weight: 500;
    text-align: center;
    margin-top: 14px;
}

.price-number-after {
    font-size: 17px;
    color: #ced3de;
    font-weight: 400;
    position: relative;
    top: -29px;
}



/*´DETALHES*/

.box-detalhes {
    padding: 0px 6px;
    margin-bottom: 50px;
}

.title-post {
    font-size: 28px;
    line-height: 31px;
    font-weight: 300;
    color: #415261;
}

.title-detalhes {
    font-size: 14px;
    margin-bottom: 9px;
    font-weight: 400;
}

    .title-detalhes span {
        font-size: 12px;
        font-weight: 300;
    }


.title-detalhes-materiais {
    font-size: 28px;
    line-height: 31px;
    font-weight: 300;
    color: #415261;
    margin-bottom: 21px;
}

.box-frase {
    background: #ffffff;
    padding: 8px 12px;
    border-radius: 6px;
    margin: 11px 0px;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    height: 300px;
    overflow-y: scroll;
    font-weight: 300;
    width: 100%;
    border: none;
    margin-bottom: 25px;
    border: solid 2px rgb(197 197 197 / 39%);
}

    .box-frase * {
        font-size: 14px !important;
        line-height: 24px !important;
        color: #000000 !important;
        font-weight: 300 !important;
    }

    .box-frase textarea {
        border: none;
    }


.box-link {
    background: rgba(245, 246, 251, 1);
    padding: 25px;
    border-radius: 6px;
    margin: 11px 0px;
    font-size: 16px;
    line-height: 27px;
    color: #8992a7;
    height: auto;
    overflow-y: scroll;
    font-weight: 500;
    width: 100%;
    border: none;
}

.btn-download {
    height: 55px !important;
    width: 150px;
    font-size: 16px;
}



.mockup-detalhes {
    border-radius: 26px;
    height: 706px;
    width: 360px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    padding: 0rem 0.6rem;
    background-image: url(../img/mockup-mobile.svg);
    background-size: cover;
}

.mockup span {
    font-size: 15px;
    font-weight: 400;
    color: #9aa8b6;
}

.icons-type {
    list-style: none;
    display: flex;
}

    .icons-type li {
        margin-right: 10px;
        background: #f1f5fc;
        padding: 12px;
        border-radius: 55%;
        width: 60px;
    }

        .icons-type li img {
            border-radius: 50%;
        }


.mockup {
    box-shadow: rgba(176, 194, 230, 0.2784313725490196) 6px 7px 20px;
    transition: 0.2s;
}

    .mockup:hover {
        box-shadow: rgba(176, 194, 230, 0.2784313725490196) 17px 17px 30px;
    }

.mockup-materiais {
    box-shadow: rgba(176, 194, 230, 0.2784313725490196) 6px 7px 20px;
    transition: 0.2s;
}

    .mockup-materiais:hover {
        box-shadow: rgba(176, 194, 230, 0.2784313725490196) 17px 17px 30px;
    }

.icon-credit-post {
    width: 19px;
    display: inline-block;
    position: relative;
    top: -2px;
}

.btn-post-comprar {
    color: #282828;
    font-weight: 500;
    background-color: #fff;
    border-color: #dedede;
    font-size: 13px;
}

.preco-credito-detalhe {
    font-size: 20px;
    padding: 3px 11px;
    font-weight: 400;
    color: #282828;
    margin-left: 12px;
    background: #fff;
    border-radius: 9px;
    text-align: center;
    display: flex;
    align-items: center;
}


.preco-credito-confirmar {
    font-size: 35px;
    padding: 9px 11px;
    font-weight: 600;
    color: #9aa8b6;
    background: #e2e2ec;
    border-radius: 9px;
    text-align: center;
    margin: 17px 12px;
}

    .preco-credito-confirmar .icon-credit-post {
        width: 27px;
        margin-left: 3px;
        top: -3px;
    }

    .preco-credito-confirmar span {
        font-weight: 300;
        color: #9aa8b6;
    }

.preco-credito-detalhe .icon-credit-post {
    margin-left: 5px;
}


.preco-credito {
    font-size: 16px;
    font-weight: 400;
    color: #282828;
    background: #fff;
    border-radius: 5px;
    padding: 5px 8px;
    display: inline-block;
}

.grupo-palavras {
    margin: 26px 0px;
}

.single-palavras {
    background: #fff;
    padding: 6px 18px;
    border-radius: 10px;
    font-size: 14px;
    color: #282828;
    display: inline-block;
    margin-bottom: 0px;
    margin: 12px 5px 0 5px;
    font-weight: 600;
}

    .single-palavras .fa-thumbtack {
        font-size: 11px;
        color: #FF684D
    }

    .single-palavras:hover {
        background: #f1f1f1;
        color: #282828;
    }

.painel-tipo {
    text-align: center;
    margin-bottom: 8%;
}

.ampliar {
    position: absolute;
    right: 6%;
    top: 3%;
    background: #fff;
    padding: 12px;
    font-size: 17px;
    line-height: 12px;
    border-radius: 3px;
    cursor: pointer;
    display: none;
    color: #9aa8b6;
}

    .ampliar:hover {
        color: #FF684D;
    }

.ampliar-stories {
    top: 10%;
    right: 22%;
}

.icon-copy {
    position: relative;
    top: 38px;
    right: 0px;
    margin-right: 16px;
    float: right;
    width: 34px;
    height: 34px;
    display: grid;
    background: #fff;
    color: #9aa8b6;
    padding: 9px;
    font-size: 17px;
    line-height: 12px;
    border-radius: 3px;
    cursor: pointer;
}

    .icon-copy:hover {
        background: #e6ebf3;
    }

.footer-post-detalhe {
    display: flex;
    padding: 10px;
    border: solid 2px #e4e4e4;
}

.btn-type-post {
    padding: .375rem 26px;
    border: solid 2px #ccd4e2;
    margin: 0px 3px;
    font-weight: 700;
}

.dropdown-menu {
    padding: 0;
}

.title-contato {
    font-size: 20px;
    font-weight: 500;
    line-height: 51px;
    color: #2e3d4c;
}

.box-contato {
    background: #fff;
    padding: 13px;
    margin-bottom: 32px;
    border-radius: 10px;
    padding: 26px;
    border: solid 2px #dae2f1;
}

.box-contato {
    color: #9aa8b6;
    font-size: 16px;
}

.icon-social-contato i {
    background: #aab3c8;
    color: #fff;
    font-size: 13px;
    padding: 6px;
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

    .icon-social-contato i:hover {
        background: #FF684D;
    }

.modal-confirmar {
    padding: 12% 23px 21% 23px;
    text-align: center;
}

.saldo-moedas {
    margin: 12px;
    padding: 8px 14px;
    margin-top: 7px;
    border-radius: 6px;
    display: inline-table;
    font-size: 15px;
    border: solid 2px #dae2f1;
}

    .saldo-moedas .icon-credit-post {
        width: 18px;
    }


/*COMECANDO*/

.box-servicos {
    margin-top: 32%;
    border-radius: 7px;
}

.destaque p {
    background: #ff684d !important;
    color: #fff !important;
}

.box-servicos h1 {
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 32px;
}

.box-servicos p {
    font-size: 15px;
    line-height: 21px;
    font-weight: 300;
    margin-top: 16px;
    margin-right: 14px;
    text-align: left;
    color: #2e3d4c;
    padding-right: 2px;
    width: 100%;
    background: #eaeff7;
    padding: 8px 16px;
    border-radius: 3px;
    display: initial;
}

.logo-comecando img {
    width: 185px;
    margin-top: 19px;
    margin-left: 12px;
}

.lista-comecando li {
    list-style: none;
}

.logo-comecando {
    position: absolute;
    left: 85%;
}

.text-comecando {
    padding-left: 57px;
}

    .text-comecando h3 {
        margin-top: 34%;
        text-align: left;
        font-size: 59px;
        line-height: 59px;
        font-weight: 800;
        color: #2e3d4c;
    }

    .text-comecando p {
        color: #ff684d;
        font-size: 22px;
        font-weight: 600;
        text-align: left;
        padding: 0px;
        margin-top: 17px;
    }

.seta-register {
    position: absolute;
    top: 55px;
    left: -56px;
}

    .seta-register img {
        width: 100px;
    }

.bg-comecando {
    background: url(../img/background-comecando.jpg);
    background-size: cover;
    width: 100%;
    height: 100%;
}

/*FIM COMECANDO*/
/*TUTORIAL*/
.tutorial-background {
    filter: blur(7px);
}

.color-background {
    background: #3a383d;
    position: fixed;
    width: 100%;
    height: 100%;
}

/*TUTORIAL*/


/*HOME*/
.padding-section {
    padding: 110px 0px;
}

.img-post {
    border-radius: 7px 7px 0px 0px;
}

.bg-section {
    background: #f1f5fc;
}

.bloco-caracte {
    padding: 12px;
    padding-bottom: 20px;
    margin-bottom: 18px;
    cursor: pointer;
}

.title-caracte {
    font-weight: 700;
    font-size: 19px;
    margin-bottom: 10px;
}

.detalhe-caracte {
    font-size: 19px;
    color: #fff;
    font-weight: 300;
}

.content-caracte {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    padding: .5rem 1rem;
    margin-top: 17%;
}

.text-banner h2 {
    color: #FF684D;
    font-size: 43px;
    font-weight: 600;
    line-height: 45px;
    margin-bottom: 25px;
    letter-spacing: 0;
}

.text-banner p {
    font-size: 19px;
    font-weight: 400;
    color: #2e3d4c;
}

.container-lg {
    max-width: 1190px;
}

.text-banner1 {
    color: #fff;
    width: 129px;
    font-size: 18px;
    position: absolute;
    top: 4%;
    left: 30.5%;
    text-align: left;
}

.text-banner2 {
    position: absolute;
    top: 80%;
    left: 54.5%;
    text-align: left;
    color: #fff;
    width: 160px;
    font-size: 18px;
}

.bg-section-5 {
    background: url(../img/bg-section-5.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

    .bg-section-5 h1 {
        font-size: 31px;
        color: #fff;
        font-weight: 300;
        width: 45%;
        margin-bottom: 23px;
        margin-top: 20%;
    }

.social-logos {
    width: 95px;
    margin-top: 20px;
}

.paddingb-80 {
    padding-bottom: 80px !important;
}


.padding-150 {
    padding: 150px 0px;
}

.space-btn-banner {
    margin-top: 18px;
}

.btn-login, .btn-login:hover {
    color: #FF1C80;
    font-family: var(--family-space-fontFamily-Inter, Inter);
    font-size: var(--size-text-base, 16px);
    font-style: normal;
    font-weight: var(--weight-bold, 700);
    line-height: normal;
    letter-spacing: -0.08px;
    background: none;
    border: none;
    border-radius: 0px !important;
    border-left: 1px solid var(--primitive-stroke-400-regular, #a1a1aa5c);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    gap: 16px;
    padding: 16px;
}

    .btn-login i {
        color: #3F3F46;
    }

.btn-registrar {
    font-size: 15px;
    padding: .375rem .75rem;
    min-width: 200px;
    background: none;
    color: #4A4A4A;
    border: 1px solid #707070;
    font-weight: 600;
}

.test-post-home {
    padding-right: 40%;
    text-align: right;
    margin-top: 199px;
}

.content-post-home {
    padding: 150px 0px;
}

.btn-comecar {
    background: #46c97a;
    border-color: #46c97a;
    border-radius: 6px !important;
    padding: 15px 50px;
    box-shadow: 4px 5px 20px rgba(148, 148, 148, 0.41);
    margin: 20px 0 0 0;
    font-size: 22px;
    position: relative;
    z-index: 9;
}

.btn-comecar-2 {
    background: #FF684D;
    border-color: #FF684D;
    border-radius: 6px !important;
    padding: 15px 50px;
    box-shadow: 4px 5px 20px rgb(148 148 148 / 41%);
}

.hero-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 56px;
}

    .hero-tags .hero-tag {
        display: flex;
        background: #ccc;
        border-radius: 100px;
        color: var(--primitive-body-800-header, #27272A);
        font-family: var(--family-space-fontFamily-Inter, Inter);
        font-size: var(--size-text-sm, 14px);
        font-style: normal;
        font-weight: var(--weight-regular, 400);
        line-height: normal;
        letter-spacing: -0.07px;
        border-radius: var(--space-72, 72px);
        border: 1px solid var(--primitive-gray-500, #6B7280);
        display: flex;
        padding: 8px 14px 8px 10px;
        justify-content: center;
        align-items: center;
        gap: 4px;
        margin-bottom: 4px;
    }

        .hero-tags .hero-tag.hero-tag-bg1 {
            background: var(--primitive-pill-1, #ECFE9E);
        }

        .hero-tags .hero-tag.hero-tag-bg2 {
            background: var(--primitive-pill-2, #FFC49E);
        }

        .hero-tags .hero-tag.hero-tag-bg3 {
            background: var(--primitive-pill-3, #DC9EFF);
        }

        .hero-tags .hero-tag.hero-tag-bg4 {
            background: var(--primitive-pill-4, #9EFCFF);
        }

        .hero-tags .hero-tag.hero-tag-bg5 {
            background: var(--primitive-pill-5, #BBBFA6);
        }

        .hero-tags .hero-tag.hero-tag-bg6 {
            background: var(--primitive-pill-1, #ECFE9E);
        }

        .hero-tags .hero-tag.hero-tag-bg7 {
            background: var(--primitive-pill-2, #FFC49E);
        }

        .hero-tags .hero-tag.hero-tag-bg8 {
            background: var(--primitive-pill-3, #DC9EFF);
        }

#faq .faq-box {
    border-radius: 20px;
    position: relative;
    max-width: 820px;
    margin: 0 auto;
}

#faq .title-pages {
    font-weight: 700;
    color: #f1f5fc;
    font-size: 25px;
    background: #2e3d4c;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 20px;
    border-radius: 20px 20px 0 0;
}

.hero p {
    color: #2e3d4c;
    font-size: 26px;
    font-weight: 300;
    width: 100%;
}

.text-img {
    text-align: left;
    position: relative;
    font-size: 18px;
    top: -26%;
    width: 104px;
    left: 96%;
    line-height: 22px;
    border-top: solid 1px;
    padding-top: 12px;
    color: #2e3d4c;
    font-weight: 600;
}

.section-2 {
    background-repeat: no-repeat;
    position: relative;
    background-size: 100%;
    background-position-y: 35%;
    /*background: linear-gradient(90deg, rgb(234, 242, 251) 18%, rgb(225, 233, 249) 29%, rgb(220, 229, 248) 75%);*/
}

.bg-section-2 {
    position: absolute;
    width: 108%;
    filter: brightness(0.9);
    bottom: 0px;
    left: 0;
    z-index: 5;
}

.section-5 {
}

    .section-5 p {
        font-size: 19px;
        font-weight: 400;
        color: #2e3d4c;
    }

    .section-5 h2 {
        font-size: 40px;
    }

.padding-caracte {
    padding-right: 15%;
    padding-left: 15%;
}

.title-caracte {
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 10px;
    color: #fff;
}

.menu-section2 {
    margin-top: 290px;
}

.icon-seletc::before {
    content: " ";
    background: url(../img/svg/select-icon.svg);
    width: 11px;
    height: 18px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 3px;
    top: 17px;
}

.img-mobile {
    position: absolute;
    transition: 0.2s;
    margin-top: -113px;
    left: -14px;
    padding: 12px;
}

/*HOME*/
/*BOX PREÇO*/
.box-plano {
    background: #ffffff padding-box;
    padding: 30px 22px 50px 22px;
    text-align: center;
    border-radius: 8px;
    margin: 0px 12px;
    margin-top: 30px;
    margin: 0 auto;
    border: 1px solid #707070;
    color: #4A4A4A;
    position: relative;
    border-radius: 20px;
}

.btn-plano-trial {
    background: #ff684d !important;
    color: #fff !important;
    border-color: #ff684d !important;
    margin-bottom: 10px !important;
}

.box-plano img {
    width: 135px;
    margin-bottom: 20px;
}

.box-plano p {
    font-size: 16px;
}

.title-plano {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    padding: 16px;
    color: #4a4a4a;
}

.title-plano-legend {
    display: block;
    font-size: 16px;
}

.preco-de {
    font-size: 18px;
    font-weight: 600;
    color: #cbcad4;
    margin-bottom: -20px;
    margin-top: 20px;
    text-decoration: line-through;
}

.preco {
    font-size: 60px;
    font-weight: 600;
    color: #4A4A4A;
    letter-spacing: -3px;
    margin-bottom: 10px;
}

    .preco .min {
        font-size: 24px;
        color: #4A4A4A;
        position: relative;
        letter-spacing: 0px;
        margin-right: -10px;
    }

    .preco .centavos {
        font-size: 29px;
        position: relative;
        top: -21px;
        left: -10px;
        letter-spacing: 0px;
    }

    .preco .mensal {
        font-size: 16px;
        font-weight: 600;
        position: relative;
        letter-spacing: 0px;
        color: #4a4a4a;
        text-align: center;
        display: block;
        margin-top: -13px;
    }

.btn-plano {
    background: #2e3d4c;
    border-color: #2e3d4c;
    padding: 12px;
    width: 100%;
    border-radius: 6px !important;
}

.btn-plano-adquirir {
    background-color: #46c97a;
    border-color: #46c97a;
    padding: 15px 30px;
    font-weight: 500;
    font-size: 22px;
    margin-top: 40px;
    border-radius: 10px !important;
    width: 100%;
}

.box-duvidas {
    background: #fff padding-box;
    padding: 20px 50px;
    color: #4A4A4A;
    font-weight: 400;
    font-size: 26px;
    cursor: pointer;
    border-radius: 50px;
    margin: 30px auto 30px auto;
}

.faq-box .card-body {
    color: #fff;
    font-size: 18px;
}

/*BOX PREÇO*/
/*FOOTER*/
.list-footer li {
    list-style: none;
}

    .list-footer li a {
        color: #d5dee6;
        font-size: 15px;
        line-height: 31px;
    }

        .list-footer li a:hover {
            color: #eef0f8;
        }

.padding-footer {
    padding: 60px 0px 0px 0px;
    background: #2e3d4c;
}

    .padding-footer h6 {
        color: #ff684d;
    }

.logo-footer {
    height: 100px;
    margin-top: -10px;
}

    .logo-footer img {
        width: 100%;
    }

.btn-rodape-2 {
    padding: 2px 12px;
    margin-bottom: 3px;
    font-size: 12px !important;
    background: #46c97a;
    display: block;
    border-radius: 4px;
    text-align: center;
    font-weight: 600;
    color: #fff !important;
}

.tabela-direct th {
    background: #fff;
    padding: 6px 17px;
    font-size: 15px;
    font-weight: 400;
    color: #4a4a4a;
    line-height: 31px;
}

    .tabela-direct th:first-child {
        border-radius: 6px 0px 0px 0px;
    }

    .tabela-direct th:last-child {
        border-radius: 0px 6px 0px 0px;
    }

.tabela-direct table.dataTable.no-footer {
    background: #fff;
    margin-bottom: 32px;
    border-radius: 10px;
    border: solid 1px #dae2f1;
    box-shadow: #e2e8f5 5px 4px 11px;
}

.tabela-direct .table-bordered td, .tabela-direct .table-bordered th {
    border: 1px solid #ececec
}

.tabela-direct [type=search], select, textarea {
    display: block;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-info {
    border-radius: 50% !important;
    padding: 10px 9px 10px 12px;
    text-align: center;
}

.tabela-direct td {
    padding: 12px;
}

.badge-info {
    color: #fff;
    background-color: #ff975f;
    padding: 5px !important;
    margin-left: 8px !important;
    height: 22px;
    margin-bottom: 0px;
}

.sidebar-direct {
    background: #fff;
    padding: 23px;
    margin-bottom: 32px;
    border-radius: 10px;
    border: solid 2px #dae2f1;
    box-shadow: #e2e8f5 5px 4px 11px;
    transition: 0.2s;
}

    .sidebar-direct .btn {
        padding: 12px;
    }

    .sidebar-direct i {
        margin-right: 12px;
        font-size: 12px;
    }

ul.lista-direct {
    list-style: none;
}

    ul.lista-direct li {
        padding: 6px 0px;
        border-bottom: solid 2px #f1f5fc;
        color: #4A4A4A;
    }

        ul.lista-direct li a {
            color: #4A4A4A;
        }

.btn-mensagem {
    background: #ff7d68;
    color: #fff;
}

.btn-mensagem-whatsapp {
    background: #009688;
    color: #fff;
}

.btn-anotacao {
    background: #ffb03c;
    color: #fff;
}

.btn-lembrete {
    background: #a588ff;
    color: #fff;
}

.btn-atendimento {
    background: #30b1ab;
    color: #fff;
}

.data-historico {
    color: #a9b0bf !important;
    background: #f1f5fc;
    padding: 5px 9px !important;
    border-radius: 23px;
    display: block !important;
    font-size: 13px;
    cursor: inherit;
    width: fit-content;
}

.nome-historico {
    margin-left: 0px;
    color: #587fa7 !important;
    font-weight: 800;
    margin-right: 6px;
    cursor: inherit;
    font-size: 18px;
}

.panel-body {
    border-bottom: solid 2px #dae2f1;
    background: #e6eaf8;
    padding: 6px 17px;
    font-size: 15px;
    font-weight: 400;
    color: #a39fca;
    line-height: 31px;
    margin: -23px;
    margin-bottom: 24px;
}

.mesagem-historico {
    background: #ffa08f;
    color: #fff;
    width: fit-content;
    padding: 3px 13px;
    border-radius: 15px;
    margin: 12px 0px;
}

.badge {
    padding: 6px;
    border-radius: 2px;
    font-weight: 400;
}

.direct-dados-pessoais-infos h2 {
    font-weight: 900;
    display: inline-block;
    color: #4a4a4a;
}

.direct-dados-pessoais-infos-nameaction {
    display: flex;
    align-items: center;
}

.btn-editar-dados-cliente {
    display: inline-block;
    border: 1px solid #ccc;
    background: no-repeat;
    font-size: 14px;
    border-radius: 30px;
    padding: 5px 20px;
    margin: 0px 0 0 20px;
}

.sidebar-direct h4 {
    font-size: 17px;
    margin-top: 47px;
    margin-bottom: 17px;
    color: #587fa7;
}

.badge-warning {
    color: #ffffff;
    background-color: #fbc319;
}

.badge-success {
    color: #ffffff;
    background-color: #3ad550;
}

a.client-direct-visualizar {
    width: fit-content;
    color: #fff !important;
    padding: 5px 14px !important;
    font-size: 14px;
    background-color: #aab4d8;
    border: #aab4d8;
    margin-top: 5px;
}

.list-directs li {
    list-style: none;
    padding: 0px 11px;
    margin-bottom: 20px;
    border-bottom: solid 2px #dae2f1;
    padding-bottom: 12px;
}

    .list-directs li a {
        display: block;
        color: #9aa8b6;
        padding: 5px 0px;
    }

        .list-directs li a i {
            color: #bbc7f1;
            margin-right: 7px;
        }

.grupo-data {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}


@media (max-width: 1440px) {
    .form-search-top {
        width: 320px !important;
    }

    .menu-section2 {
        margin-top: 200px;
    }

    .navbar-brand {
        margin-right: 0rem;
    }

    .post-lista {
        padding: 10px !important;
    }

    .painel-download-free {
        margin: 12px 0px;
    }
}

@media (max-width: 1366px) {
    .navbar-align li {
        margin: 0px 5px;
    }

    .icon-notificacao {
        margin: 0px 7px;
    }

    .number-notificacao {
        left: 28px;
    }

    .menu-nav {
        padding: 8px 10px;
        margin-left: 4px;
    }
}


@media (max-width: 1280px) {
    .form-search-top {
        width: 240px !important;
    }

    .background-home {
        padding: 0 0 150px 0;
        display: flex;
        align-items: center;
        min-height: 850px !important;
    }

    .content-caracte {
        margin-top: 0%;
    }
}

@media (max-width: 1024px) {

    .p-size-postnovo {
        font-size: 16px !important;
    }

    .videodesk .video-face {
        display: none;
    }

    .videodesk .video-insta {
        display: none;
    }

    .videodesk .video-whats {
        display: none;
    }

    .section-title-sistema {
        margin-top: 15px !important;
    }

    .link-ads-directlink {
        font-size: 16px;
    }

    .box-dashboard-promo {
        height: auto;
        padding: 20px;
    }

    .btn-nav-menumob {
        display: block;
        width: 100% !important;
    }

    .space-text-banner {
        width: 100%;
    }

    .text-banner p {
        width: 100%;
    }

    .text-area-insta {
        background: rgba(0, 0, 0, 0.38823529411764707);
        padding: 48px;
    }

    .area-home-gerenciamento {
        padding-bottom: 30px;
    }

    .navbar-align li {
        margin: 0px 3px;
    }

    li.nav-item a {
        font-size: 13px;
        text-align: center;
    }

    .sidebar-direct .btn {
        margin-bottom: 12px;
        font-size: 13px;
    }

    .text-download {
        font-size: 17px;
    }

    .text-img {
        display: none;
    }

    .menu-section2 {
        margin-top: 23%;
    }

    .padding-caracte {
        padding-right: 5%;
        padding-left: 5%;
    }

    .text-banner1 {
        font-size: 14px;
        left: 27%;
    }

    .bg-section-5 {
        background-position-x: 44%;
    }

    .text-banner2 {
        left: 51.5%;
        width: auto;
        font-size: 14px;
    }

    .bloco-caracte {
        margin-bottom: 0px;
    }

    .btn-categorias {
        padding: 6px 9px;
    }

    .form-search-top {
        margin-right: 5px !important;
        margin-left: 10px !important;
        width: 163px !important;
    }

    .name-perfil {
        font-weight: 500;
        color: #9aa8b6 !important;
        font-size: 14px;
        margin-right: 4px;
        width: 45%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .title-area {
        font-weight: 300;
        width: 10%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 17px;
    }

    .space-form {
        margin-right: 0px;
    }

    .img-perfil {
        margin-right: 5px;
    }
}


@media (max-width: 768px) {
    .btn-login {
        background: var(--header-black, linear-gradient(126deg, #FCC96D -59.04%, #FF449B 64.44%));
        color: #fff;
    }

        .btn-login i {
            color: #fff;
        }

    .ativar-plano .btn-primary {
        font-size: 12px;
    }

    .space-form, .space-form form {
        width: 100% !important;
    }

    .hiden-lgmenu {
        display: block !important;
    }

    .mobile-ajuste-pad-txtv1 {
        margin: 20px auto 0 auto !important;
    }

    .img-mobile {
        position: absolute;
        transition: 0.2s;
        margin-top: 6px;
        left: 215px;
        padding: 12px;
        width: 271px;
    }

    .area-home-insta {
        padding: 0 !important;
    }

    .video-xs {
        display: block !important;
    }

    .video-md {
        display: none !important;
    }

    footer {
        text-align: center;
    }

        footer .box-footer {
            margin: 0 0 30px 0;
        }

            footer .box-footer img {
                margin: 20px auto;
            }

        footer .logo-footer {
            text-align: center;
        }

            footer .logo-footer img {
                max-width: 70%;
            }

    .vertodosplanos {
        margin: 0px auto 31px auto !important;
    }

    .content-planos {
        padding: 0 25px;
    }

    .desclinkbio {
        margin: 20px 0 0 0;
    }

    .homefaq {
        padding: 0 0 30px 0 !important;
        margin-top: -100px;
        text-align: center;
    }



    .div-mockupmob {
        display: block;
    }

    #cientifico .div-mockupmob .owl-carousel {
        top: 117px !important;
    }

    #cientifico .div-mockupmob {
        height: 625px;
    }

    .section-2 {
        padding: 0 !important;
    }

    .area-home-gerenciamento {
        padding: 50px 0 !important;
    }

    #cientifico.paddingb-80 {
        padding-bottom: 0 !important;
    }

    .edicaopost-text {
        padding: 0 20px;
    }

    .text-banner h2 {
        color: #2e3d4c;
        font-size: 35px;
        line-height: 48px;
        font-weight: 800;
        text-align: center;
    }

    .position-modal-left {
        overflow: auto;
    }

    .title-caracte {
        color: #2e3d4c;
    }

    .text-banner1 {
        display: none;
    }

    .text-banner2 {
        display: none;
    }

    .text-banner h2 {
        text-align: center;
        line-height: 46px;
    }

    .hero h1 {
        font-size: 45px;
        line-height: 48px;
        font-weight: 800;
        margin-top: 13%;
    }

    .cropper-point {
        display: none !important;
    }

    .news-footer h2 {
        padding: 30px;
        font-size: 24px;
        text-align: center;
    }

    .news-footer h3 {
        padding: 30px;
        font-size: 24px;
        text-align: center;
    }

    .site-seguto h5 {
        text-align: center !important;
        margin: 0 auto;
    }

    .site-seguto img {
        width: 200px;
        display: block;
        margin: 30px auto 30px auto !important;
    }


    .box-login {
        margin-top: 0 !important;
    }

    .title-login-footer {
        font-size: 13px;
    }

    .btn-cadastrese {
        padding: 10px 15px !important;
    }

    .notificacao-naovisualizada {
        height: 20px;
    }

    .btn-sugerir-post {
        background: #ff684d;
        color: #fff;
        border: 2px solid #fd5949;
        margin-left: 0;
        margin: 15px 0 -15px 10px;
    }

    .palavras-chave {
        flex-wrap: initial !important;
    }

    .navbar-categoria {
        display: flex;
        justify-content: space-between;
    }

    .buttons-desk {
        display: none;
    }

    .menu-nav-right {
        display: flex;
        margin-right: 14px;
    }

    .navbar-toggler {
        font-size: 16px;
    }

    .img-perfil {
        margin-right: 10px;
    }

    .data-pagamento-box {
        color: #a9b0bf;
        background: transparent;
    }

    .icon-clock, .icon-cash {
        display: none;
    }

    .notificacao-space-page li {
        padding: 10px;
    }

    .name-perfil {
        margin-right: 7px;
        width: auto;
        text-overflow: unset;
        white-space: inherit;
        overflow: hidden;
    }

    .form-search-top {
        width: 240px !important;
    }



    .background-home {
        height: auto !important;
        min-height: auto !important;
        padding-top: 60px !important;
        padding-bottom: 0px;
    }

    .detalhe-caracte {
        font-size: 19px;
        font-weight: 400;
        color: #2e3d4c;
    }

    .navbar-white {
        top: 0px;
    }

    .nav-link {
        padding: .5rem 0.5rem;
    }

    .number-notificacao {
        left: 20px;
    }

    .btn-categorias {
        width: 144px;
    }

    .palavras-chave {
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 5px;
    }

    .box-detalhes-adquirido {
        padding: 10px !important;
        background: #fff !important;
        border-radius: 20px;
        margin-bottom: 20px;
    }

    .resumo-post-adquirido {
        padding: 10px !important;
        background: #fff !important;
        border-radius: 20px;
    }

    .btn-download-imagem {
        background: #f6f6f6 !important;
        font-size: 13px;
    }

    .btn-comecar {
        background: #46c97a;
        border-color: #46c97a;
        border-radius: 6px !important;
        padding: 15px 50px;
        box-shadow: 4px 5px 20px rgb(148 148 148 / 41%);
        margin: 20px 0 0 0;
        margin: 0 auto 35px 0;
        display: table;
        width: 100%;
    }

    .hero h1 {
        font-size: 45px;
        line-height: 46px;
        font-weight: 800;
        text-align: center;
        margin-top: 13%;
        margin-bottom: 20px;
    }

        .hero h1 strong {
            font-size: 49px;
        }

    .hero p {
        text-align: center;
        width: 100%;
        margin: 0 0 20px 0px !important;
        font-size: 18px;
        font-weight: 300;
    }

    p.mobile-ajuste-pad-txtv1 {
        margin-top: 25px !important;
    }
}

@media (max-width: 480px) {

    .site-seguto h5 {
        text-align: center !important;
        margin: 0 auto;
    }

    .site-seguto img {
        width: 200px;
        display: block;
        margin: 30px auto 30px auto !important;
    }

    .sc-eHgmQL {
        overflow: auto;
    }

    .sc-hEsumM {
        display: block !important;
        width: 100% !important;
    }

    .sc-fYxtnH {
        display: block !important;
        width: 100% !important;
    }

    .sc-iRbamj {
        width: 100% !important;
    }

    .preco-credito-detalhe {
        width: fit-content;
        margin-top: 12px;
        margin-left: 0px;
    }

    .title-post {
        margin-top: 12px;
    }

    .nav-link {
        padding: .5rem 0.2rem;
    }

    .box-plano {
        margin: 0 auto;
        margin-bottom: 18px;
    }

    .backgrpund-sidebar {
        background: #ffffff;
        position: inherit;
        width: 100%;
        z-index: 2;
        padding: 0px;
        padding-top: 17px;
    }

    .box-dashboard-top {
        margin-bottom: 0;
    }

    .body-dashboard {
        padding: 15px;
        min-height: 800px;
        width: 100%;
        margin-left: 0px;
        padding-top: 12px;
    }

    .space-menu-perfil {
        margin-top: 0px;
        display: flex;
        flex-direction: initial;
        overflow-x: auto;
        overflow-y: hidden;
        width: 100%;
    }

    .menu-filter {
        justify-content: space-between;
        padding: 12px;
    }

        .menu-filter form {
            display: flex;
        }

    .palavras-chave .single-palavras {
        margin-bottom: 12px;
    }

    .filter-categorias {
        width: 49px;
        padding: 7px 14px !important;
    }

    .lista-pagamentos {
        overflow: hidden;
    }

        .lista-pagamentos .box-dashboard {
            overflow: auto;
        }

    .space-menu-perfil a {
        padding: 12px;
        display: flex;
        align-items: center;
    }

    .space-avatar {
        display: none;
    }

    .name-perfil + .toggle-menu {
        display: none;
    }

    #perfil {
        padding: 0px;
        height: 43px;
        border: none;
    }

    .img-perfil {
        margin-right: 0px;
        width: 31px;
        height: 31px;
    }

    .space-notificacao {
        border-left: none;
        border-right: none;
    }

    .form-search-top {
        width: 100% !important;
        margin-left: 10px !important;
        color: #415261;
        background-color: #ffffff;
        border: 1px solid #ced3de;
    }

    .post-lista {
        padding: 25px !important;
    }

    .title-area {
        width: 30%;
    }

    .dropdown-menu-right {
        right: -95%;
        left: auto;
    }

    .dropdown-notificacao {
        width: auto;
        min-width: 17rem;
    }

    .notificacao-header {
        padding: 1.05rem 1.0rem !important;
    }

    .download-data {
        font-size: 13px;
    }

    .icon-notificacao {
        font-size: 16px;
        margin-right: 26px;
        margin-top: 5px;
    }

    .number-notificacao {
        left: 17px;
        top: 7px;
    }
}

@media (max-width: 375px) {
    .btn-search {
        color: #fff;
        background-color: #415261;
        border-color: #415261;
        padding: 8px 11px !important;
    }

    .form-search-top {
        width: 285px !important;
    }

    #filter-categoria .dropdown-toggle::after {
        display: none;
    }
}

@media (max-width: 320px) {
    .menu-nav {
        padding: 8px 5px 8px 10px;
        margin-left: 4px;
    }

    .form-search-top {
        margin-right: -4px !important;
        width: 135px !important;
    }

    .hero h1 {
        font-size: 42px;
    }

        .hero h1 strong {
            font-size: 46px;
        }

    .btn-cadastrese-mobile {
        font-size: 13px;
        padding: 8px 0;
    }
}

.templates-palavras-chave {
    width: 100%;
}

.palavras-chave {
    display: flex;
    overflow: auto;
    align-items: center;
    flex-wrap: wrap;
}

.palavras-chave {
    display: flex;
    overflow: auto;
    align-items: center;
    flex-wrap: wrap;
}

    .palavras-chave a {
        display: inline-flex !important;
        width: max-content !important;
    }

.ativar-plano {
    background: #282828;
    z-index: 99;
    padding-top: 56px;
    width: 100%;
    display: flex;
    align-content: center;
    padding: 5px 0;
    position: fixed;
    bottom: 0px;
}

    .ativar-plano .btn-primary {
        background: #ff684d;
        border-color: #ff684d;
        color: #fff;
        border-radius: 4px;
        margin: 0 auto;
        border-radius: 40px !important;
    }

.modal-footer-ativar {
    display: flex;
    justify-content: center;
}

    .modal-footer-ativar .btn-secondary {
        margin-bottom: 5px;
    }

.modal-body-ativarassinatura {
    color: #4a4a4a;
    font-size: 16px;
}