.new-application__title {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.new-application__title .icon-title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
}
.new-application__title .icon-title svg {
    width: 2rem;
    height: 2rem;
    display: block;
}
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

@font-face {
    font-family: "Ubuntu";
    src: url("../css/fonts/Urbanist/Urbanist-Italic-VariableFont_wght.ttf");
    font-style: italic;
}

@font-face {
    font-family: "Ubuntu";
    src: url("../css/fonts/Urbanist/Urbanist-VariableFont_wght.ttf");
    font-style: normal;
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    width: 100%;
    overflow-x: hidden;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #02355e;
}

.no-scroll {
    overflow: hidden;
}

body {
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    line-height: 150%;
}

h1,
h2,
h3,
h4 {
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0;
}

p {
    line-height: 1.6;
    margin-bottom: 0;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.container {
    width: 100%;
    max-width: 108.125rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

@media screen and (max-width: 993px) {
    .container {
        padding-inline: 20px;
    }
}

.dash {
    display: grid;
    grid-template-columns: 300px 1fr;
    height: 100vh;
    background-color: #F3F4F7;
    gap: 3px;
}

.dash .main-aside {
    background-color: #FFFFFF;
    padding: 24px;
}

.dash .main-aside .logo {
    display: block;
    margin-inline: auto;
    width: 150px;
    margin-bottom: 1.5rem;
}

.dash .main-aside .top {
    padding-left: 1.25rem;
}

.dash .main-aside .input-select-with-images {
    margin-bottom: 0.5rem;
    position: relative;
}

.dash .main-aside .input-select-with-images .label {
    display: block;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #959DB4;
    margin-bottom: 8px;
}

.dash .main-aside .input-select-with-images>label {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 3.5rem;
    padding: 1rem 1.5rem;
    border: 1px solid #D2D5DF;
    border-radius: 10px;
    cursor: pointer;
}

.dash .main-aside .input-select-with-images>label img {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.dash .main-aside .input-select-with-images>label span {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0rem;
    color: #0A0A0A;
    margin-right: auto;
}

.dash .main-aside .input-select-with-images>label.locked span::after {
    display: inline-block;
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(../images/icon-locked.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 4px;
}

.dash .main-aside .input-select-with-images .modal {
    margin-top: -20px;
    position: absolute;
    z-index: 4;
    background-color: #FFFFFF;
    width: 100%;
    padding: 10px;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    opacity: 0;
    transition: 200ms;
    visibility: hidden;
}

.dash .main-aside .input-select-with-images .modal .line__item {
    display: flex;
    align-items: center;
}

.dash .main-aside .input-select-with-images .modal .line__item input {
    display: none;
}

.dash .main-aside .input-select-with-images .modal .line__item input:checked+label {
    color: #5f91FF;
    font-weight: 600;
}

.dash .main-aside .input-select-with-images .modal .line__item label {
    padding-block: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0rem;
    color: #0A0A0A;
    cursor: pointer;
}

.dash .main-aside .input-select-with-images .modal .line__item label img {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.dash .main-aside .input-select-with-images .modal .line__item label:hover {
    color: #5f91FF;
}

.dash .main-aside .input-select-with-images .modal .line__item.locked label::after {
    display: inline-block;
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(../images/icon-locked.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 4px;
}

.dash .main-aside .input-select-with-images.active>label svg {
    transform: scale(-1);
}

.dash .main-aside .input-select-with-images.active .modal {
    margin-top: 10px;
    opacity: 1;
    visibility: visible;
}

.dash .main-aside .btn-add-company {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: transparent;
    border: 0;
    margin-bottom: 25px;
    cursor: pointer;
}

.dash .main-aside .btn-add-company span {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #5f91FF;
}

.dash .main-aside hr {
    height: 1px;
    width: 100%;
    background-color: #959DB4;
    border: 0;
    margin-bottom: 1.25rem;
}

.dash .main-aside nav {
    display: flex;
    flex-direction: column;
    gap: 0.1875rem;
}

.dash .main-aside nav a {
    display: flex;
    align-items: center;
    gap: 16px;
    height: 2.875rem;
    text-decoration: none;
    padding-inline: 1.25rem;
    transition: 200ms;
    border-radius: 10px;
}

.dash .main-aside nav a svg {
    transition: 200ms;
}

.dash .main-aside nav a svg.active {
    display: none;
}

.dash .main-aside nav a span {
    transition: 200ms;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #959DB4;
}

.dash .main-aside nav a:hover,
.dash .main-aside nav a.active {
    background-color: #E1EAFF;
}

.dash .main-aside nav a:hover svg,
.dash .main-aside nav a.active svg {
    display: none;
}

.dash .main-aside nav a:hover svg.active,
.dash .main-aside nav a.active svg.active {
    display: block;
}

.dash .main-aside nav a:hover span,
.dash .main-aside nav a.active span {
    color: #5f91FF;
}

.dash .main {
    background-color: #F7F8FB;
    height: 100vh;
    overflow-y: auto;
    position: relative;
    padding-top: 5.0375rem;
    padding-left: 2.1875rem;
    padding-right: 1.75rem;
    padding-bottom: 2rem;
}

.dash .main__top {
    position: fixed;
    top: 0;
    left: 18.9375rem;
    right: 0;
    padding: 0.5rem 1.75rem 0.5rem 2.125rem;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    gap: 0;
    justify-content: space-between;
    z-index: 3;
}

.dash .main__top form {
    max-width: 400px;
    width: 100%;
}

.dash .main__top form input {
    display: block;
    width: 100%;
    min-height: 30px;
    border: 0;
    padding-left: 52px;
    background-image: url(../images/icon-search.svg);
    background-repeat: no-repeat;
    background-position: left center;
    outline: 0;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0rem;
    color: #0A0A0A;
}

.dash .main__top form input::-moz-placeholder {
    color: #A3AABE;
}

.dash .main__top form input::placeholder {
    color: #A3AABE;
}

.dash .main__top .right {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.dash .main__top .right .notification__button {
    background-color: transparent;
    border: 0;
    position: relative;
    cursor: pointer;
}

.dash .main__top .right .notification__button::after {
    box-sizing: content-box;
    content: "";
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #E70606;
    border-radius: 50%;
    top: -1px;
    right: -1.7px;
    border: 1.7px solid #FFFFFF;
}

.dash .main__top .right .notification__button.oculto::after {
    z-index: -1;
    opacity: 0;
}

.dash .main__top .right .notification {
    position: relative;
}

.dash .main__top .right #notificacoes {
    position: absolute;
    top: 40px;
    right: 0;
    width: 350px;
    background-color: #FFF;
    z-index: 50;
    border: solid 1px #CCC;
    border-radius: 15px;
    display: none;
    max-height: 550px;
    overflow-y: scroll;
}

.dash .main__top .right #notificacoes .group-card {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    color: #02355e;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: solid 1px #02355e;
    padding-left: 15px;
    padding-right: 15px;
}

.dash .main__top .right #notificacoes .group-card:last-of-type {
    border-bottom: none;
}

.dash .main__top .right #notificacoes .group-card .card {
    padding-top: 1rem;
    margin-bottom: 1rem;
    border-top: solid 1px #CCC;
    margin-top: 1rem;
    position: relative;
}

.dash .main__top .right #notificacoes .group-card .card .aguardando {
    box-sizing: content-box;
    content: "";
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #E70606;
    border-radius: 50%;
    top: -12px;
    right: -1.7px;
    border: 1.7px solid #FFFFFF;
}



.dash .main__top .right #notificacoes .btn-primary::before {
    background-image: unset;
}

.dash .main__top .right #notificacoes .group-card .title {
    font-weight: bold;
}

.dash .main__top .right .profile__button {
    text-decoration: none;
    width: 270px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.75rem;
    border: 1px solid #D2D5DF;
    border-radius: 10px;
}

.dash .main__top .right .profile__button .left {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.dash .main__top .right .profile__button .left img {
    width: 2.9375rem;
    height: 2.9375rem;
    border-radius: 999px;
}

.dash .main__top .right .profile__button .left div span {
    display: block;
}

.dash .main__top .right .profile__button .left div span.name {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #161923;
}

.dash .main__top .right .profile__button .left div span.email {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #A3AABE;
}

.dash .main__top .right .btn-menu-mobile {
    display: none;
}

.dash .main .group-title-1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2rem;
    margin-bottom: 1.375rem;
}

.dash .main .group-title-1 h1 {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    margin-bottom: 0.5rem;
}

.dash .main .group-title-1 p {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
}

.dash .main .group-title-1 .btn-primary {
    width: -moz-max-content;
    width: max-content;
    padding-inline: 2.875rem;
    height: 3.125rem;
    gap: 0.5rem;
}

.dash .main .group-title-1 .btn-primary span {
    font-weight: 700;
}

.dash .main .group-title-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.dash .main .group-title-2 .left h1 {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.dash .main .group-title-2 .left h1 span.status {
    height: 1.875rem;
    padding-inline: 1.5625rem;
    border-radius: 99px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 500;
}

.dash .main .group-title-2 .left h1 span.status.success {
    background-color: rgba(7, 189, 116, 0.1490196078);
    color: #07BD74;
}

.dash .main .group-title-2 .left h1 span.status.waiting {
    background-color: rgba(250, 204, 21, 0.1490196078);
    color: #FACC15;
}

.dash .main .group-title-2 .left h1 span.status.cancel {
    background-color: rgba(247, 85, 85, 0.1490196078);
    color: #F75555;
}

.dash .main .group-title-2 .left p {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
}

.dash .main .group-title-2 .buttons {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.dash .main .group-title-2 .buttons .btn-ghost {
    height: 3.125rem;
    border-radius: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: 3rem;
    border: 1px solid #5f91FF;
    text-decoration: none;
    width: -moz-max-content;
    width: max-content;
    white-space: nowrap;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #5f91FF;
    transition: 200ms;
}

.dash .main .group-title-2 .buttons .btn-ghost:hover {
    transform: scale(1.05);
}

.dash .main .group-title-2 .buttons .btn-primary {
    padding-inline: 48px;
}

.dash .main .group-title-3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2rem;
}

.dash .main .group-title-3 .left {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.dash .main .group-title-3 .left img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

.dash .main .group-title-3 .left .name {
    display: block;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    margin-bottom: 7px;
}

.dash .main .group-title-3 .left .rate {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
}

.dash .main .group-title-3 .btn-primary {
    width: -moz-max-content;
    width: max-content;
    padding-inline: 3.75rem;
    gap: 1rem;
}

@media screen and (max-width: 1200px) {
    .dash {
        grid-template-columns: 1fr;
    }

    .dash .main-aside {
        position: fixed;
        inset: 0;
        bottom: initial;
        top: -100%;
        z-index: 4;
        transition: 200ms;
    }

    .dash .main-aside.active {
        top: 0;
        bottom: 0;
    }

    .dash .main-aside .logo {
        width: 120px;
    }

    .dash .main-aside .btn-menu-mobile {
        height: 19px;
        position: absolute;
        width: 20px;
        right: 20px;
        top: 32px;
        display: block;
    }

    .dash .main-aside .btn-menu-mobile span {
        display: block;
        width: 20px;
        height: 2px;
        background-color: #02355e;
        position: absolute;
        left: 0;
        transition: 200ms;
    }

    .dash .main-aside .btn-menu-mobile span:nth-child(1) {
        top: 0;
    }

    .dash .main-aside .btn-menu-mobile span:nth-child(2) {
        top: 8.5px;
    }

    .dash .main-aside .btn-menu-mobile span:nth-child(3) {
        top: 17px;
    }

    .dash .main-aside .btn-menu-mobile.active span:nth-child(1) {
        transform: rotate(45deg);
        top: 8.5px;
    }

    .dash .main-aside .btn-menu-mobile.active span:nth-child(2) {
        opacity: 0;
    }

    .dash .main-aside .btn-menu-mobile.active span:nth-child(3) {
        transform: rotate(-45deg);
        top: 8.5px;
    }

    .dash .main__top {
        left: 0;
        right: 0;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .dash .main__top .btn-menu-mobile {
        height: 19px;
        position: relative;
        width: 20px;
    }

    .dash .main__top .btn-menu-mobile span {
        display: block;
        width: 20px;
        height: 2px;
        background-color: #02355e;
        position: absolute;
        left: 0;
        transition: 200ms;
    }

    .dash .main__top .btn-menu-mobile span:nth-child(1) {
        top: 0;
    }

    .dash .main__top .btn-menu-mobile span:nth-child(2) {
        top: 8.5px;
    }

    .dash .main__top .btn-menu-mobile span:nth-child(3) {
        top: 17px;
    }

    .dash .main__top .btn-menu-mobile.active span:nth-child(1) {
        transform: rotate(45deg);
        top: 8.5px;
    }

    .dash .main__top .btn-menu-mobile.active span:nth-child(2) {
        opacity: 0;
    }

    .dash .main__top .btn-menu-mobile.active span:nth-child(3) {
        transform: rotate(-45deg);
        top: 8.5px;
    }

    .dash .main .group-title-1 {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
}

@media screen and (max-width: 993px) {
    .dash .main {
        padding-inline: 1.25rem;
    }

    .dash .main__top form {
        display: none;
    }

    .dash .main__top .right {
        width: 100%;
    }

    .dash .main__top .right .btn-menu-mobile {
        margin-right: auto;
        order: 1;
    }

    .dash .main__top .right .notification {
        order: 2;
    }

    .dash .main__top .right .profile {
        order: 3;
    }

    .dash .main__top .right .profile__button {
        width: -moz-max-content;
        width: max-content;
        border-radius: 3px;
        padding: 7px;
        gap: 10px;
    }

    .dash .main__top .right .profile .left img {
        width: 2.375rem;
        height: 2.375rem;
    }

    .dash .main__top .right .profile .left .name,
    .dash .main__top .right .profile .left .email {
        display: none;
    }

    .dash .main .group-title-2 {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .dash .main__top .right #notificacoes {
        left: 0;
        right: unset;
    }
}

@media screen and (max-width: 550px) {
    .dash .main .group-title-2 .buttons {
        flex-direction: column;
        flex: 1;
        width: 100%;
    }

    .dash .main .group-title-2 .buttons .btn-ghost {
        width: 100%;
        max-width: initial;
        height: 60px;
    }

    .dash .main .group-title-3 {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

.input-group {
    position: relative;
}

.input-group label {
    display: block;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
    line-height: 22px;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.input-group input,
.input-group textarea,
.input-group select
{
    border: 0;
    display: block;
    width: 100%;
    background-color: #F8FAFC;
    height: 50px;
    border-radius: 0.5rem;
    padding-inline: 23px;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #02355e;
    display: block;
}

.input-group input::-moz-placeholder,
.input-group textarea::-moz-placeholder {
    color: #A3AABE;
}

.input-group input::placeholder,
.input-group textarea::placeholder {
    color: #A3AABE;
}

.input-group input.icon-calendar {
    background-image: url("../images/icon-calendar.svg");
    background-repeat: no-repeat;
    background-position: right 24px center;
}

.input-group textarea {
    height: 170px;
    resize: none;
    padding-block: 10px;
}

.input-group.with-info .btn-info {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 999px;
    background-color: #EEEEEE;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0rem;
    color: #9E9E9E;
    border: 0;
}

.input-group.with-info .btn-info .box-info {
    position: absolute;
    top: 50%;
    left: calc(100% + 10px);
    transform: translateY(-50%);
    background-color: #FFFFFF;
    width: 200px;
    font-weight: 400;
    padding: 20px;
    box-shadow: 0 4px 16px 0 rgba(108, 119, 151, 0.1);
    visibility: hidden;
    opacity: 0;
    transition: 200ms;
    margin-top: 15px;
}

.input-group.with-info .btn-info .box-info span {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0rem;
    color: #9E9E9E;
    text-align: left;
    display: block;
}

.input-group.with-info .btn-info:hover .box-info {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
}

.input-group input.icon-card-visa {
    background-repeat: no-repeat;
    background-position: right 20px center;
}

.input-group.valid .options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

.input-group.valid .options div {
    height: 50px;
    position: relative;
    border-radius: 0.5rem;
    background-color: #FFFFFF;
    border: 1px solid #CFD5E5;
}

.input-group.valid .options div span {
    position: absolute;
    top: 0px;
    z-index: 0;
    margin-left: 2rem;
    font-size: 12px;
    font-weight: 500;
    color: #A3AABE;
    line-height: 22px;
    text-transform: uppercase;
}

.input-group.valid .options div input {
    position: absolute;
    bottom: 0;
    background-color: transparent !important;
    line-height: 2;
    height: auto;
    padding-top: 16px;
    padding-bottom: 3px;
    font-size: 14px;
    border: 0 !important;
    padding-left: 2rem;
    outline: 0;
}

.input-group-file .label {
    display: block;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
    line-height: 22px;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.input-group-file input[type=file] {
    display: none;
}

.input-group-file .btn-primary {
    width: -moz-max-content;
    width: max-content;
    padding-inline: 4.625rem;
    height: 2.625rem;
}

.input-group-file .btn-primary span {
    font-size: 12px;
}

.input-group-file.has-file .btn-primary {
    display: none;
}

.input-group-file.has-file .box-file {
    background-color: #E4E4F0;
    padding: 2rem;
    border-radius: 8px;
    border: 1px solid #D1D1E8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 310px;
}

@media screen and (max-width: 768px) {
    .input-group-file.has-file .box-file {
        width: 100%;
    }
}

.input-group-file.has-file .box-file .left {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.input-group-file.has-file .box-file .left span {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #02355e;
    text-decoration: underline;
}

.input-group-file.has-file .box-file button {
    background-color: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
}

.input-group-prefer label {
    display: block;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #7A8095;
    margin-bottom: 0.875rem;
}

.input-group-prefer .wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
}

.input-group-prefer .wrapper input[type=radio] {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    width: 25px;
    height: 25px;
    border-radius: 999px;
    border: 1px solid #6F7482;
    cursor: pointer;
    transition: border 200ms ease, outline 200ms ease, background-color 200ms ease;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 200ms;
}

.input-group-prefer .wrapper input[type=radio]:checked {
    background-color: #6F7482;
    border: 3px solid #F8FAFC;
    outline: 1px solid #6F7482;
}

.input-group-prefer .wrapper label {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #7A8095;
}

.input-wrapper-select>label {
    display: block;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
    line-height: 22px;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.input-group-select {
    position: relative;
}

.input-group-select>label {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FFFFFF;
    border: 1px solid #CFD5E5;
    border-radius: 8px;
    padding-left: 32px;
    padding-right: 23px;
    cursor: pointer;
}

.input-group-select>label span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80%;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #6C7797;
}

.input-group-select .modal {
    background-color: #FFFFFF;
    border: 1px solid #CFD5E5;
    border-radius: 1rem;
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    margin-top: 0px;
    width: 100%;
    overflow: hidden;
    visibility: hidden;
    transition: 400ms;
    z-index: 2;
}

.input-group-select .modal .search {
    height: 58px;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #CFD5E5;
    padding-inline: 20px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    background-image: url(../images/icon-search.svg);
    background-position: center right 20px;
    background-repeat: no-repeat;
}

.input-group-select .modal .list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 1.25rem;
    padding-inline: 20px;
    padding-bottom: 25px;
}

.input-group-select .modal .list .item {
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 8px;
}

.input-group-select .modal .list .item input[type=checkbox] {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #9494BA;
    cursor: pointer;
    background-image: url("../images/icon-check.svg");
    background-repeat: no-repeat;
    background-position: center top -10px;
    transition: 200ms;
}

.input-group-select .modal .list .item input[type=checkbox]:checked {
    background-color: #598BFE;
    border-color: #5f91FF;
    background-position: center center;
}

.input-group-select .modal .list .item input[type=checkbox]:checked+label {
    color: #02355e;
}

.input-group-select .modal .list .item label {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.0175rem;
    color: #9494BA;
    cursor: pointer;
}

.input-group-select.active>label svg {
    transform: scale(-1);
}

.input-group-select.active .modal {
    margin-top: 8px;
    visibility: visible;
    opacity: 1;
    max-height: 1000px;
}

.input-group-select.float-modal .modal {
    position: absolute;
}

.input-group-select.float-modal .modal .list {
    max-height: 200px;
    overflow-y: auto;
}

.input-group-radio>label {
    display: block;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
    line-height: 22px;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.input-group-radio .radios {
    display: flex;
    align-items: center;
    gap: 2rem;
    height: 50px;
}

.input-group-radio .radios div {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.input-group-radio .radios div input[type=radio] {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    width: 1rem;
    height: 1rem;
    border-radius: 999px;
    border: 1px solid #6C7797;
    cursor: pointer;
    transition: border 200ms ease, outline 200ms ease, background-color 200ms ease;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 200ms;
}

.input-group-radio .radios div input[type=radio]:checked {
    background-color: #6C7797;
    border: 3px solid #F8FAFC;
    outline: 1px solid #6C7797;
}

.input-group-radio .radios div label {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #6C7797;
    cursor: pointer;
}

.btn-primary {
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
    text-decoration: none;
    border: 1px solid #5f91FF;
    position: relative;
    background-color: transparent;
    transition: 200ms;
    cursor: pointer;
}

.btn-primary::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 32px;
    background-image: radial-gradient(120.33% 1205.48% at 50% 50%, #598BFE 0%, #5184FA 100%);
    z-index: 1;
    opacity: 1;
    transition: 200ms;
}

.btn-primary span {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #FFFFFF;
    position: relative;
    z-index: 2;
}

.btn-primary svg {
    position: relative;
    z-index: 2;
}

.btn-primary:hover {
    background-color: #5f91FF;
    transform: scale(1.05);
}

.btn-primary:hover::before {
    opacity: 0.8;
}

.page-01-login main {
    display: grid;
    grid-template-columns: 50% 50%;
    overflow: hidden;
}

.page-01-login main .left {
    padding-right: 240px;
    padding-left: 200px;
    padding-top: 70px;
    padding-bottom: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.page-01-login main .left .logo {
    width: 177px;
}

.page-01-login main .left h1 {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #000;
    margin-bottom: 2.5rem;
}

.page-01-login main .left form {
    width: 100%;
}

.page-01-login main .left form .input-group+.input-group {
    margin-top: 1.875rem;
}

.page-01-login main .left form .input-group label {
    font-weight: 500;
}

.page-01-login main .left form .input-group input {
    border: 1px solid #C0C6CF;
    background-color: #FFFFFF;
    height: 60px;
}

.page-01-login main .left form .input-group-checkout-login {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 25px;
    margin-bottom: 27px;
}

.page-01-login main .left form .input-group-checkout-login input[type=checkbox] {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    width: 24px;
    height: 24px;
    border-radius: 3px;
    border: 1px solid #02355e;
    cursor: pointer;
    transition: border 200ms ease, outline 200ms ease, background-color 200ms ease;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 200ms;
    background-position: center top;
    background-image: url(../images/icon-check.svg);
    background-repeat: no-repeat;
}

.page-01-login main .left form .input-group-checkout-login input[type=checkbox]:checked {
    background-position: center center;
    background-color: #02355e;
}

.page-01-login main .left form .input-group-checkout-login div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
}

.page-01-login main .left form .input-group-checkout-login div label {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #0A0A0A;
    cursor: pointer;
}

.page-01-login main .left form .input-group-checkout-login div a {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #5f91FF;
    cursor: pointer;
    transition: color 200ms ease;
    transition: 200ms;
}

.page-01-login main .left form .input-group-checkout-login div a:hover {
    color: #0a51f6;
}

.page-01-login main .left footer span {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
}

.page-01-login main .cover {
    height: 100vh;
    background-image: url(../images/bg-world.svg);
}

@media screen and (max-width: 1600px) {
    .page-01-login main .left {
        padding-inline: 100px;
    }
}

@media screen and (max-width: 993px) {
    .page-01-login main {
        grid-template-columns: 1fr;
    }

    .page-01-login main .left {
        height: 100vh;
        padding-inline: 20px;
    }

    .page-01-login main .cover {
        display: none;
    }
}

.page-02-contratante .main .box-alert {
    padding: 2rem;
    border: 1px solid #FACC15;
    background: rgba(250, 204, 21, 0.1);
    box-shadow: 0px 4px 19.7px rgba(0, 0, 0, 0.03);
    border-radius: 15px;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 1.5rem;
}

.page-02-contratante .main .box-alert div h2 {
    display: block;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
    margin-bottom: 0.25rem;
}

.page-02-contratante .main .box-alert div .btn {
    padding: 0.4375rem 1.625rem;
    border-radius: 3rem;
    background-color: #FACC15;
    text-decoration: none;
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-max-content;
    width: max-content;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    transition: 200ms;
}

.page-02-contratante .main .box-alert div .btn:hover {
    transform: scale(1.05);
}

.page-02-contratante .main .menu-status {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.4375rem;
    padding-bottom: 3rem;
    margin-bottom: 2.5rem;
    border-bottom: 1px solid #D0D5E5;
}

.page-02-contratante .main .menu-status .card {
    background-color: #FFFFFF;
    border: 1px solid #FCFBFD;
    border-radius: 0.9375rem;
    display: flex;
    align-items: center;
    gap: 16px;
    padding-block: 1.875rem;
    padding-inline: 2rem;
    text-decoration: none;
    border: 1px solid #FCFBFD;
    box-shadow: 0px 4px 19.7px rgba(0, 0, 0, 0.03);
}

.page-02-contratante .main .menu-status .card img {
    width: 64px;
}

.page-02-contratante .main .menu-status .card .subtitle {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.625rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #1D398D;
    display: block;
    margin-bottom: 0.25rem;
    line-height: 22px;
    text-transform: uppercase;
}

.page-02-contratante .main .menu-status .card .title {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
    display: block;
    margin-bottom: 0.25rem;
    line-height: 22px;
}

.page-02-contratante .main .menu-status .card .number {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
}

@media screen and (max-width: 1650px) {
    .page-02-contratante .main .menu-status .card {
        padding-inline: 20px;
    }
}

@media screen and (max-width: 1500px) {
    .page-02-contratante .main .menu-status .card {
        flex-direction: column;
        gap: 0.5rem;
    }

    .page-02-contratante .main .menu-status .card div {
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 993px) {
    .page-02-contratante .main .menu-status {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 500px) {
    .page-02-contratante .main .menu-status {
        grid-template-columns: 1fr;
    }

    .page-02-contratante .main .menu-status .card {
        flex-direction: row;
        gap: 1.25rem;
    }

    .page-02-contratante .main .menu-status .card div {
        align-items: flex-start;
    }
}

.page-02-contratante .main .application {
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid #D0D5E5;
}

.page-02-contratante .main .application__title {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
    margin-bottom: 1rem;
}

.page-02-contratante .main .application .wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.page-02-contratante .main .application__card {
    padding: 2rem 3.375rem;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 19.7px rgba(0, 0, 0, 0.03);
    border-radius: 16px;
}

.page-02-contratante .main .application__card .top {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #E0E0E0;
}

.page-02-contratante .main .application__card .top .box-profile {
    display: flex;
}

.page-02-contratante .main .application__card .top .box-profile .avatar {
    margin-right: 1rem;
    width: 3rem;
    height: 3rem;
    border-radius: 999px;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-02-contratante .main .application__card .top .box-profile div {
    flex: 1;
}

.page-02-contratante .main .application__card .top .box-profile div span {
    display: block;
}

.page-02-contratante .main .application__card .top .box-profile div span.name {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
}

.page-02-contratante .main .application__card .top .box-profile div span.role {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
    line-height: 22px;
    margin-bottom: 10px;
}

.page-02-contratante .main .application__card .top .box-profile div span.services {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
}

.page-02-contratante .main .application__card .top .box-profile div a {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #5f91FF;
    line-height: 22px;
    transition: 200ms;
}

.page-02-contratante .main .application__card .top .box-profile div a:hover {
    color: #02355e;
}

.page-02-contratante .main .application__card .top .box-profile .rate {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
}

.page-02-contratante .main .application__card .bottom .title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    margin-bottom: 0.25rem;
}

.page-02-contratante .main .application__card .bottom .role {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
}

.page-02-contratante .main .application__card .bottom .foot {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.page-02-contratante .main .application__card .bottom .foot li {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.page-02-contratante .main .application__card .bottom .foot li span {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
    line-height: 22px;
}

.page-02-contratante .main .application__card .bottom .buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    margin-top: 1.4375rem;
}

.page-02-contratante .main .application__card .bottom .buttons .btn {
    padding-inline: 1.5rem;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #5f91FF;
    text-decoration: none;
    transition: 200ms;
}

.page-02-contratante .main .application__card .bottom .buttons .btn:hover {
    color: #02355e;
}

.page-02-contratante .main .application__card .bottom .buttons.full .btn-primary {
    width: 100%;
}

@media screen and (max-width: 1650px) {
    .page-02-contratante .main .application__card {
        padding: 20px;
    }

    .page-02-contratante .main .application__card .top .box-profile {
        align-items: flex-start;
        flex-direction: column;
    }

    .page-02-contratante .main .application__card .top .box-profile div {
        margin-top: -48px;
        width: 100%;
    }

    .page-02-contratante .main .application__card .top .box-profile div .name {
        margin-left: 54px;
    }

    .page-02-contratante .main .application__card .top .box-profile div .role {
        margin-left: 54px;
    }

    .page-02-contratante .main .application__card .top .box-profile .rate {
        margin-top: 10px;
    }

    .page-02-contratante .main .application__card .bottom .foot svg {
        display: none;
    }

    .page-02-contratante .main .application__card .bottom .buttons {
        flex-direction: column;
        gap: 0.5rem;
    }

    .page-02-contratante .main .application__card .bottom .buttons .btn {
        width: 100%;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 1500px) {
    .page-02-contratante .main .application .wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 993px) {
    .page-02-contratante .main .application .wrapper {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 769px) {
    .page-02-contratante .main .application .wrapper {
        grid-template-columns: 1fr;
    }
}

.page-02-contratante .main .schedule {
    padding-bottom: 3.4375rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid #D0D5E5;
}

.page-02-contratante .main .schedule__title {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
    margin-bottom: 1rem;
}

.page-02-contratante .main .schedule__wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.page-02-contratante .main .schedule__card {
    padding: 2rem 3.375rem;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 19.7px rgba(0, 0, 0, 0.03);
    border-radius: 16px;
}

.page-02-contratante .main .schedule__card h3 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    margin-bottom: 8px;
}

.page-02-contratante .main .schedule__card h3 img {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999px;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-02-contratante .main .schedule__card .date {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
    margin-bottom: 1.5rem;
}

.page-02-contratante .main .schedule__card-info .title {
    display: flex;
    align-items: center;
    gap: 0.4375rem;
    margin-bottom: 1rem;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
}

.page-02-contratante .main .schedule__card-info ul {
    list-style: none;
}

.page-02-contratante .main .schedule__card-info ul li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-02-contratante .main .schedule__card-info ul li img {
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    width: 30px;
}

.page-02-contratante .main .schedule__card-info ul li span {
    display: block;
}

.page-02-contratante .main .schedule__card-info ul li span.name {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
}

.page-02-contratante .main .schedule__card-info ul li span.role {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
}

.page-02-contratante .main .schedule__card-info ul li span.link a {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #5f91FF;
    line-height: 22px;
    transition: 200ms;
}

.page-02-contratante .main .schedule__card-info ul li+li {
    margin-top: 0.625rem;
    padding-top: 0.625rem;
    border-top: 1px solid #E0E0E0;
}

@media screen and (max-width: 1650px) {
    .page-02-contratante .main .schedule__card {
        padding: 20px;
    }
}

@media screen and (max-width: 1500px) {
    .page-02-contratante .main .schedule .schedule__wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 993px) {
    .page-02-contratante .main .schedule .schedule__wrapper {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 769px) {
    .page-02-contratante .main .schedule .schedule__wrapper {
        grid-template-columns: 1fr;
    }
}

.page-02-contratante .main .reports__title {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
    margin-bottom: 1rem;
}

.page-02-contratante .main .reports__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.page-02-contratante .main .reports__grafic {
    height: 25rem;
    background: #FFFFFF;
    border: 1px solid #FCFBFD;
    box-shadow: 0px 4px 19.7px rgba(0, 0, 0, 0.03);
    border-radius: 15px;
}

@media screen and (max-width: 993px) {
    .page-02-contratante .main .reports .reports__wrapper {
        grid-template-columns: 1fr;
    }

    .page-02-contratante .main .reports .reports__grafic {
        height: 31.25rem;
    }
}

@media screen and (max-width: 769px) {
    .page-02-contratante .main .reports .reports__grafic {
        height: 18.75rem;
    }
}

.page-04-contratante-oportunidades .table {
    background: #FFFFFF;
    border: 1px solid #FCFBFD;
    box-shadow: 0px 4px 19.7px rgba(0, 0, 0, 0.03);
    border-radius: 15px;
}

.page-04-contratante-oportunidades .table .scroll-h {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}

.page-04-contratante-oportunidades .table .scroll-h::-webkit-scrollbar {
    height: 8px;
}

.page-04-contratante-oportunidades .table .scroll-h::-webkit-scrollbar-thumb {
    background-color: #D0D5E5;
    border-radius: 4px;
}

.page-04-contratante-oportunidades .table .scroll-h::-webkit-scrollbar-track {
    background-color: transparent;
}

.page-04-contratante-oportunidades .table .th {
    height: 54px;
    background-color: #F7F8FB;
    min-width: 1300px;
}

.page-04-contratante-oportunidades .table .th .tr {
    display: grid;
    grid-template-columns: 15.12% 10.34% 11.92% 14.07% 9.25% 9.59% 19.04% 7.67% 3%;
    height: 100%;
    padding-inline: 2rem;
}

.page-04-contratante-oportunidades .table .th .tr .td {
    display: flex;
    align-items: center;
    gap: 16px;
}

.page-04-contratante-oportunidades .table .th .tr .td span {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0rem;
    color: #5A6789;
    text-transform: uppercase;
}

.page-04-contratante-oportunidades .table .th .tr .td .buttons {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-direction: column;
}

.page-04-contratante-oportunidades .table .th .tr .td .buttons button {
    line-height: 0;
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

.page-04-contratante-oportunidades .table .th .tr .td:nth-of-type(3) {
    justify-content: center;
}

.page-04-contratante-oportunidades .table .th .tr .td:nth-of-type(4) {
    padding-left: 20px;
}

.page-04-contratante-oportunidades .table .tbody {
    min-width: 1300px;
}

.page-04-contratante-oportunidades .table .tbody .tr {
    display: grid;
    grid-template-columns: 15.12% 10.34% 11.92% 14.07% 9.25% 9.59% 19.04% 7.67% 3%;
    padding-inline: 2rem;
}

.page-04-contratante-oportunidades .table .tbody .tr+.tr {
    border-top: 1px solid #D0D5E5;
}

.page-04-contratante-oportunidades .table .tbody .td {
    padding-block: 1.375rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-04-contratante-oportunidades .table .tbody .td img {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-04-contratante-oportunidades .table .tbody .td span {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #0A0A0A;
}

.page-04-contratante-oportunidades .table .tbody .td span.status {
    height: 1.875rem;
    padding-inline: 0.625rem;
    border-radius: 99px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 500;
    width: 100%;
    max-width: 106px;
}

.page-04-contratante-oportunidades .table .tbody .td span.status.success {
    background-color: rgba(7, 189, 116, 0.1490196078);
    color: #07BD74;
}

.page-04-contratante-oportunidades .table .tbody .td span.status.waiting {
    background-color: rgba(250, 204, 21, 0.1490196078);
    color: #FACC15;
}

.page-04-contratante-oportunidades .table .tbody .td span.status.cancel {
    background-color: rgba(247, 85, 85, 0.1490196078);
    color: #F75555;
}

.page-04-contratante-oportunidades .table .tbody .td .btn-decoration {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #5f91FF;
    line-height: 22px;
    cursor: pointer;
    transition: 200ms;
}

.page-04-contratante-oportunidades .table .tbody .td .btn-decoration:hover {
    color: #02355e;
}

.page-04-contratante-oportunidades .table .tbody .td .btn {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.page-04-contratante-oportunidades .table .tbody .td:nth-of-type(3) {
    justify-content: center;
}

.page-04-contratante-oportunidades .table .tbody .td:nth-of-type(4) {
    padding-left: 20px;
}

.page-04-contratante-oportunidades .table .tbody .td:last-of-type {
    justify-content: flex-end;
}

.page-04-contratante-oportunidades .table .tbody .td:last-of-type .btn {
    width: 20px;
}

.page-05-contratante-nova-oportunidade .main .create .wrapper {
    width: 100%;
    max-width: 636px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 32px;
}

.page-05-contratante-nova-oportunidade .main .create .input-group.full {
    grid-column: 1/-1;
}

.page-05-contratante-nova-oportunidade .main .create .input-group label {
    font-weight: 600;
    text-transform: uppercase;
}

.page-05-contratante-nova-oportunidade .main .create .input-group input,
.page-05-contratante-nova-oportunidade .main .create .input-group textarea {
    background-color: #FFFFFF;
    border: 1px solid #CFD5E5;
}

.page-05-contratante-nova-oportunidade .main .create .input-group input {
    height: 50px;
}

.page-05-contratante-nova-oportunidade .main .create .input-group textarea {
    height: 145px;
}

.page-05-contratante-nova-oportunidade .main .create hr {
    width: 100%;
    height: 1px;
    background-color: #D0D5E5;
    margin-top: 48px;
    margin-bottom: 32px;
}

.page-05-contratante-nova-oportunidade .main .create .btn-primary {
    width: -moz-max-content;
    width: max-content;
    padding-inline: 2rem;
}

.page-05-contratante-nova-oportunidade .main .create .btn-goback {
    padding-inline: 2rem;
    background-color: transparent;
    border: 0;
    height: 40px;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0rem;
    color: #5f91FF;
    cursor: pointer;
    transition: 200ms;
}

.page-05-contratante-nova-oportunidade .main .create .btn-goback:hover {
    color: #02355e;
}

.page-05-contratante-nova-oportunidade .main .create .buttons {
    display: flex;
    align-items: center;
    gap: 20px;
}

@media screen and (max-width: 769px) {
    .page-05-contratante-nova-oportunidade .main .create .wrapper {
        grid-template-columns: 1fr;
    }

    .page-05-contratante-nova-oportunidade .main .create .empty {
        display: none;
    }

    .page-05-contratante-nova-oportunidade .main .create .input-group.full {
        grid-column: 1/-1;
    }
}

.page-06-contratante-oportunidade-interna .main .group-title-2 {
    margin-top: 1.75rem;
}

.page-06-contratante-oportunidade-interna .main .box-resume {
    border-radius: 1rem;
    border: 1px solid #CFD5E5;
    padding: 2rem 3rem;
    display: flex;
    justify-content: space-between;
    padding-right: 18.5rem;
    gap: 0;
}

.page-06-contratante-oportunidade-interna .main .box-resume span {
    display: block;
}

.page-06-contratante-oportunidade-interna .main .box-resume span.title {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
    line-height: 22px;
    text-transform: uppercase;
}

.page-06-contratante-oportunidade-interna .main .box-resume span.text {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
}

@media screen and (max-width: 1640px) {
    .page-06-contratante-oportunidade-interna .main .box-resume {
        padding-inline: 3rem;
        flex-wrap: wrap;
        -moz-column-gap: 30px;
        column-gap: 30px;
        row-gap: 40px;
    }
}

@media screen and (max-width: 993px) {
    .page-06-contratante-oportunidade-interna .main .box-resume {
        padding-inline: 1.25rem;
    }
}

.page-06-contratante-oportunidade-interna .main .box-info {
    border-radius: 1rem;
    border: 1px solid #CFD5E5;
    padding: 2rem 3rem;
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.page-06-contratante-oportunidade-interna .main .box-info .line+.line {
    margin-top: 2rem;
}

.page-06-contratante-oportunidade-interna .main .box-info .line h3 {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
    line-height: 22px;
    text-transform: uppercase;
}

.page-06-contratante-oportunidade-interna .main .box-info .line p {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
}

.page-06-contratante-oportunidade-interna .main .box-info .line p+p {
    margin-top: 1.5625rem;
}

@media screen and (max-width: 993px) {
    .page-06-contratante-oportunidade-interna .main .box-info {
        padding-inline: 1.25rem;
    }
}

.page-06-contratante-oportunidade-interna .main .new-application {
    margin-bottom: 3rem;
}

.page-06-contratante-oportunidade-interna .main .new-application__title {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
    margin-bottom: 1rem;
}

.page-06-contratante-oportunidade-interna .main .new-application .wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

@media screen and (max-width: 1500px) {
    .page-06-contratante-oportunidade-interna .main .new-application .wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 993px) {
    .page-06-contratante-oportunidade-interna .main .new-application .wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 769px) {
    .page-06-contratante-oportunidade-interna .main .new-application .wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}

.page-06-contratante-oportunidade-interna .main .new-application__card {
    padding: 2rem 3.375rem;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 19.7px rgba(0, 0, 0, 0.03);
    border-radius: 16px;
}

.page-06-contratante-oportunidade-interna .main .new-application__card .top {
    margin-bottom: 1.5rem;
}

.page-06-contratante-oportunidade-interna .main .new-application__card .top .box-profile {
    display: flex;
}

.page-06-contratante-oportunidade-interna .main .new-application__card .top .box-profile .avatar {
    margin-right: 1rem;
    width: 3rem;
    height: 3rem;
    border-radius: 999px;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-06-contratante-oportunidade-interna .main .new-application__card .top .box-profile div {
    flex: 1;
}

.page-06-contratante-oportunidade-interna .main .new-application__card .top .box-profile div span {
    display: block;
}

.page-06-contratante-oportunidade-interna .main .new-application__card .top .box-profile div span.name {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
}

.page-06-contratante-oportunidade-interna .main .new-application__card .top .box-profile div span.role {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
    line-height: 22px;
    margin-bottom: 10px;
}

.page-06-contratante-oportunidade-interna .main .new-application__card .top .box-profile div span.services {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
}

.page-06-contratante-oportunidade-interna .main .new-application__card .top .box-profile div a {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #5f91FF;
    line-height: 22px;
    transition: 200ms;
}

.page-06-contratante-oportunidade-interna .main .new-application__card .top .box-profile div a:hover {
    color: #02355e;
}

.page-06-contratante-oportunidade-interna .main .new-application__card .top .box-profile .rate {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
}

.page-06-contratante-oportunidade-interna .main .new-application__card .buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    margin-top: 0rem;
}

.page-06-contratante-oportunidade-interna .main .new-application__card .buttons .btn-cancel {
    height: 2.75rem;
    border-radius: 24px;
    background-color: #F75555;
    text-decoration: none;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0rem;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    transition: 200ms;
}

.page-06-contratante-oportunidade-interna .main .new-application__card .buttons .btn-cancel:hover {
    background-color: #f23232;
}

.page-06-contratante-oportunidade-interna .main .new-application__card .buttons .btn {
    padding-inline: 1.5rem;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #5f91FF;
    text-decoration: none;
    transition: 200ms;
}

.page-06-contratante-oportunidade-interna .main .new-application__card .buttons .btn:hover {
    color: #02355e;
}

.page-06-contratante-oportunidade-interna .main .new-application__card .buttons.full .btn-primary {
    width: 100%;
}

@media screen and (max-width: 1650px) {
    .page-06-contratante-oportunidade-interna .main .new-application__card {
        padding: 20px;
    }

    .page-06-contratante-oportunidade-interna .main .new-application__card .top .box-profile {
        align-items: flex-start;
        flex-direction: column;
    }

    .page-06-contratante-oportunidade-interna .main .new-application__card .top .box-profile div {
        margin-top: -48px;
        width: 100%;
    }

    .page-06-contratante-oportunidade-interna .main .new-application__card .top .box-profile div .name {
        margin-left: 54px;
    }

    .page-06-contratante-oportunidade-interna .main .new-application__card .top .box-profile div .role {
        margin-left: 54px;
    }

    .page-06-contratante-oportunidade-interna .main .new-application__card .top .box-profile .rate {
        margin-top: 10px;
    }

    .page-06-contratante-oportunidade-interna .main .new-application__card .buttons {
        flex-direction: column;
        gap: 0.5rem;
    }

    .page-06-contratante-oportunidade-interna .main .new-application__card .buttons .btn {
        width: 100%;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.page-06-contratante-oportunidade-interna .main .new-application.only-top .new-application__card .top {
    margin-bottom: 0;
}

.page-08-contratante-perfil-do-candidato .main .box-info {
    border-radius: 1rem;
    border: 1px solid #CFD5E5;
    padding: 2rem 3rem;
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.page-08-contratante-perfil-do-candidato .main .box-info .line+.line {
    margin-top: 2rem;
}

.page-08-contratante-perfil-do-candidato .main .box-info .line h3 {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
    line-height: 22px;
    text-transform: uppercase;
}

.page-08-contratante-perfil-do-candidato .main .box-info .line p {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
}

.page-08-contratante-perfil-do-candidato .main .box-info .line ul {
    margin-left: 18px;
}

.page-08-contratante-perfil-do-candidato .main .box-info .line ul li {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
}

@media screen and (max-width: 993px) {
    .page-08-contratante-perfil-do-candidato .main .box-info {
        padding: 1.25rem;
    }
}

.page-08-contratante-perfil-do-candidato .main .application {
    margin-bottom: 3rem;
}

.page-08-contratante-perfil-do-candidato .main .application__title {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
    margin-bottom: 1rem;
}

.page-08-contratante-perfil-do-candidato .main .application .wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.page-08-contratante-perfil-do-candidato .main .application__card {
    padding: 2rem 3.375rem;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 19.7px rgba(0, 0, 0, 0.03);
    border-radius: 16px;
}

.page-08-contratante-perfil-do-candidato .main .application__card .top {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #E0E0E0;
}

.page-08-contratante-perfil-do-candidato .main .application__card .top .box-profile {
    display: flex;
}

.page-08-contratante-perfil-do-candidato .main .application__card .top .box-profile .avatar {
    margin-right: 1rem;
    width: 3rem;
    height: 3rem;
    border-radius: 999px;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-08-contratante-perfil-do-candidato .main .application__card .top .box-profile div {
    flex: 1;
}

.page-08-contratante-perfil-do-candidato .main .application__card .top .box-profile div span {
    display: block;
}

.page-08-contratante-perfil-do-candidato .main .application__card .top .box-profile div span.name {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
}

.page-08-contratante-perfil-do-candidato .main .application__card .top .box-profile div span.role {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
    line-height: 22px;
    margin-bottom: 10px;
}

.page-08-contratante-perfil-do-candidato .main .application__card .top .box-profile div span.services {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
}

.page-08-contratante-perfil-do-candidato .main .application__card .top .box-profile div a {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #5f91FF;
    line-height: 22px;
    transition: 200ms;
}

.page-08-contratante-perfil-do-candidato .main .application__card .top .box-profile div a:hover {
    color: #02355e;
}

.page-08-contratante-perfil-do-candidato .main .application__card .top .box-profile .rate {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
}

.page-08-contratante-perfil-do-candidato .main .application__card .bottom .title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    margin-bottom: 0.25rem;
}

.page-08-contratante-perfil-do-candidato .main .application__card .bottom .role {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
}

.page-08-contratante-perfil-do-candidato .main .application__card .bottom .foot {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-08-contratante-perfil-do-candidato .main .application__card .bottom .foot li {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.page-08-contratante-perfil-do-candidato .main .application__card .bottom .foot li span {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
    line-height: 22px;
}

.page-08-contratante-perfil-do-candidato .main .application__card .bottom .buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    margin-top: 1.4375rem;
}

.page-08-contratante-perfil-do-candidato .main .application__card .bottom .buttons .btn-primary {
    padding-inline: 2.625rem;
    width: -moz-max-content;
    width: max-content;
}

.page-08-contratante-perfil-do-candidato .main .application__card .bottom .buttons .btn {
    padding-inline: 1.5rem;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #5f91FF;
    text-decoration: none;
    transition: 200ms;
}

.page-08-contratante-perfil-do-candidato .main .application__card .bottom .buttons .btn:hover {
    color: #02355e;
}

.page-08-contratante-perfil-do-candidato .main .application__card .bottom .buttons.full .btn-primary {
    width: 100%;
}

.page-08-contratante-perfil-do-candidato .main .application__card .bottom .buttons.full .btn {
    height: 40px;
    width: 100%;
    text-align: center;
    text-decoration: underline;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 1650px) {
    .page-08-contratante-perfil-do-candidato .main .application__card {
        padding: 20px;
    }

    .page-08-contratante-perfil-do-candidato .main .application__card .top .box-profile {
        align-items: flex-start;
        flex-direction: column;
    }

    .page-08-contratante-perfil-do-candidato .main .application__card .top .box-profile div {
        margin-top: -48px;
        width: 100%;
    }

    .page-08-contratante-perfil-do-candidato .main .application__card .top .box-profile div .name {
        margin-left: 54px;
    }

    .page-08-contratante-perfil-do-candidato .main .application__card .top .box-profile div .role {
        margin-left: 54px;
    }

    .page-08-contratante-perfil-do-candidato .main .application__card .top .box-profile .rate {
        margin-top: 10px;
    }

    .page-08-contratante-perfil-do-candidato .main .application__card .bottom .foot svg {
        display: none;
    }

    .page-08-contratante-perfil-do-candidato .main .application__card .bottom .buttons {
        flex-direction: column;
        gap: 0.5rem;
    }

    .page-08-contratante-perfil-do-candidato .main .application__card .bottom .buttons .btn {
        width: 100%;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 1500px) {
    .page-08-contratante-perfil-do-candidato .main .application .wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 993px) {
    .page-08-contratante-perfil-do-candidato .main .application .application__title {
        line-height: 1.4;
    }

    .page-08-contratante-perfil-do-candidato .main .application .wrapper {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 769px) {
    .page-08-contratante-perfil-do-candidato .main .application .wrapper {
        grid-template-columns: 1fr;
    }
}

.page-08-contratante-perfil-do-candidato .main .avaliations__title {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
    margin-bottom: 0.5rem;
}

.page-08-contratante-perfil-do-candidato .main .avaliations__desc {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
    line-height: 22px;
    margin-bottom: 1rem;
    display: block;
}

.page-08-contratante-perfil-do-candidato .main .avaliations__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.page-08-contratante-perfil-do-candidato .main .avaliations__wrapper .item {
    background: #FFFFFF;
    box-shadow: 0px 4px 19.7px rgba(0, 0, 0, 0.03);
    border-radius: 16px;
    padding: 2rem 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-08-contratante-perfil-do-candidato .main .avaliations__wrapper .item .left {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-08-contratante-perfil-do-candidato .main .avaliations__wrapper .item .left img {
    width: 3rem;
    height: 3rem;
    border-radius: 999px;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-08-contratante-perfil-do-candidato .main .avaliations__wrapper .item .left .title {
    display: block;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
}

.page-08-contratante-perfil-do-candidato .main .avaliations__wrapper .item .left .date {
    display: block;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
    line-height: 22px;
}

@media screen and (max-width: 993px) {
    .page-08-contratante-perfil-do-candidato .main .avaliations .avaliations__wrapper {
        grid-template-columns: 1fr;
    }

    .page-08-contratante-perfil-do-candidato .main .avaliations .avaliations__wrapper .item {
        padding: 1.25rem;
    }

    .page-08-contratante-perfil-do-candidato .main .avaliations .avaliations__wrapper .item .left {
        gap: 5px;
    }

    .page-08-contratante-perfil-do-candidato .main .avaliations .avaliations__wrapper .item .left .title {
        font-size: 0.875rem;
    }

    .page-08-contratante-perfil-do-candidato .main .avaliations .avaliations__wrapper .item .left .date {
        font-size: 0.75rem;
    }

    .page-08-contratante-perfil-do-candidato .main .avaliations .avaliations__wrapper .item .rate svg {
        width: 18px;
        height: 18px;
    }
}

.page-09-contratante-detalhes-da-empresa .main .box-info {
    border-radius: 1rem;
    border: 1px solid #CFD5E5;
    padding: 2rem 3rem;
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.page-09-contratante-detalhes-da-empresa .main .box-info h3 {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
    line-height: 22px;
    text-transform: uppercase;
}

.page-09-contratante-detalhes-da-empresa .main .box-info p {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
}

@media screen and (max-width: 769px) {
    .page-09-contratante-detalhes-da-empresa .main .box-info {
        padding: 1.25rem;
    }
}

.page-09-contratante-detalhes-da-empresa .main .box-images {
    display: flex;
}

.page-09-contratante-detalhes-da-empresa .main .box-images .box-profile {
    width: 220px;
}

.page-09-contratante-detalhes-da-empresa .main .box-images .box-profile h3 {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
    line-height: 22px;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.page-09-contratante-detalhes-da-empresa .main .box-images .box-profile img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-09-contratante-detalhes-da-empresa .main .box-images .box-cover h3 {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
    line-height: 22px;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.page-09-contratante-detalhes-da-empresa .main .box-images .box-cover img {
    max-width: 418px;
    width: 100%;
    aspect-ratio: 418/233;
    border-radius: 1.5rem;
    object-fit: cover;
}

@media screen and (max-width: 769px) {
    .page-09-contratante-detalhes-da-empresa .main .box-images {
        flex-direction: column;
        gap: 2.5rem;
    }
}

.page-10-contratante-detalhes-da-empresa-editar .main .form-edit {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 2.5rem;
}

.page-10-contratante-detalhes-da-empresa-editar .main .form-edit h1 {
    margin-top: 2.875rem;
    margin-bottom: 1.875rem;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
}

.page-10-contratante-detalhes-da-empresa-editar .main .form-edit .input-group label {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.page-10-contratante-detalhes-da-empresa-editar .main .form-edit .input-group textarea {
    background-color: #FFFFFF;
    border: 1px solid #CFD5E5;
    border-radius: 8px;
}

.page-10-contratante-detalhes-da-empresa-editar .main .form-edit .input-group-file-profile {
    margin-block: 3rem;
}

.page-10-contratante-detalhes-da-empresa-editar .main .form-edit .input-group-file-profile .title {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
    margin-bottom: 0.9375rem;
    text-transform: uppercase;
    display: block;
}

.page-10-contratante-detalhes-da-empresa-editar .main .form-edit .input-group-file-profile .upload {
    position: relative;
    width: -moz-max-content;
    width: max-content;
}

.page-10-contratante-detalhes-da-empresa-editar .main .form-edit .input-group-file-profile .upload img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-10-contratante-detalhes-da-empresa-editar .main .form-edit .input-group-file-profile .upload .btn-remove {
    background-color: transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
    border: 0;
}

.page-10-contratante-detalhes-da-empresa-editar .main .form-edit .input-group-file-cover {
    margin-bottom: 3rem;
}

.page-10-contratante-detalhes-da-empresa-editar .main .form-edit .input-group-file-cover .title {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.page-10-contratante-detalhes-da-empresa-editar .main .form-edit .input-group-file-cover .wrapper {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-10-contratante-detalhes-da-empresa-editar .main .form-edit .input-group-file-cover .wrapper .btn-primary {
    width: -moz-max-content;
    width: max-content;
    padding-inline: 4rem;
    padding-block: 0;
    height: 42px;
}

.page-10-contratante-detalhes-da-empresa-editar .main .form-edit .input-group-file-cover .wrapper .btn-primary span {
    font-size: 12px;
}

.page-10-contratante-detalhes-da-empresa-editar .main .form-edit .input-group-file-cover .wrapper p {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #A3AABE;
    max-width: 485px;
}

.page-10-contratante-detalhes-da-empresa-editar .main .form-edit .buttons {
    margin-top: auto;
    display: flex;
    align-items: center;
    padding-top: 2rem;
    border-top: 1px solid #D0D5E5;
}

.page-10-contratante-detalhes-da-empresa-editar .main .form-edit .buttons .btn-primary {
    padding-inline: 4.25rem;
    height: 50px;
    padding-block: 0;
    width: -moz-max-content;
    width: max-content;
}

.page-10-contratante-detalhes-da-empresa-editar .main .form-edit .buttons .btn-goback {
    height: 50px;
    padding-inline: 20px;
    padding-block: 0;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #5f91FF;
    background-color: transparent;
    border: 0;
    margin-left: 44px;
    cursor: pointer;
    transition: 200ms;
}

.page-10-contratante-detalhes-da-empresa-editar .main .form-edit .buttons .btn-goback:hover {
    color: #02355e;
}

@media screen and (max-width: 768px) {
    .page-10-contratante-detalhes-da-empresa-editar .main .form-edit .input-group-file-cover .wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .page-10-contratante-detalhes-da-empresa-editar .main .form-edit .buttons {
        flex-direction: column;
    }

    .page-10-contratante-detalhes-da-empresa-editar .main .form-edit .buttons .btn-goback {
        margin-inline: 0;
    }
}

.page-11-carteira .main h1 {
    margin-top: 2rem;
    margin-bottom: 1.25rem;
}

.page-11-carteira .main .box-balance {
    height: 173px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    background-color: #D1D1E8;
    border-radius: 24px;
    margin-bottom: 1.5rem;
}

.page-11-carteira .main .box-balance .title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
}

.page-11-carteira .main .box-balance .title button {
    cursor: pointer;
    line-height: 0;
    border: 0;
    background-color: transparent;
}

.page-11-carteira .main .box-balance .value {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
}

.page-11-carteira .main .table {
    margin-bottom: 2.5rem;
}

.page-11-carteira .main .table h2 {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    margin-bottom: 1rem;
}

.page-11-carteira .main .table .tr+.tr {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #BDBDBD;
}

.page-11-carteira .main .table .tr .td {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-11-carteira .main .table .tr .td .left .date {
    display: block;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.625rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
    text-transform: uppercase;
    margin-bottom: 0.25rem;
}

.page-11-carteira .main .table .tr .td .left .title {
    display: block;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    margin-bottom: 0.625rem;
}

.page-11-carteira .main .table .tr .td .left .btn-download {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #5f91FF;
    text-decoration: none;
}

.page-11-carteira .main .table .tr .td .left .btn-download span {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #5f91FF;
    text-decoration: underline;
    transition: 200ms;
}

.page-11-carteira .main .table .tr .td .left .btn-download:hover span {
    color: #02355e;
}

.page-11-carteira .main .table .tr .td .value.positive {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #07BD74;
}

.page-11-carteira .main .table .tr .td .value.negative {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #F75555;
}

.page-11-carteira .main .btn-primary {
    width: -moz-max-content;
    width: max-content;
    height: 50px;
    padding-inline: 5.625rem;
}

.page-11-carteira .main .btn-primary span {
    font-size: 14px;
    font-weight: 700;
}

@media screen and (max-width: 993px) {
    .page-11-carteira .main .box-balance {
        height: 124px;
        border-radius: 8px;
    }

    .page-11-carteira .main .btn-primary {
        width: 100%;
        max-width: 400px;
        margin-inline: auto;
    }
}

.page-12-contratante-dashboard-bloqueado .main h1 {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 72px;
    margin-bottom: 0px;
}

.page-12-contratante-dashboard-bloqueado .main p {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #5f91FF;
    line-height: 22px;
    margin-bottom: 1.5rem;
}

.page-12-contratante-dashboard-bloqueado .main .btn-primary {
    width: -moz-max-content;
    width: max-content;
    padding-inline: 3rem;
}

@media screen and (max-width: 769px) {
    .page-12-contratante-dashboard-bloqueado .main h1 {
        font-size: 32px;
        line-height: 1.4;
    }
}

.page-13-contratante-planos-de-assinatura .main h1 {
    margin-top: 1.5rem;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
    margin-top: 32px;
    margin-bottom: 25px;
}

.page-13-contratante-planos-de-assinatura .main .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.25rem;
}

@media screen and (max-width: 1400px) {
    .page-13-contratante-planos-de-assinatura .main .wrapper {
        grid-template-columns: 1fr 340px 1fr;
    }
}

@media screen and (max-width: 1300px) {
    .page-13-contratante-planos-de-assinatura .main .wrapper {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 769px) {
    .page-13-contratante-planos-de-assinatura .main .wrapper {
        grid-template-columns: 1fr;
    }
}

.page-13-contratante-planos-de-assinatura .main .card-plan {
    padding: 2.5rem 3rem 3rem 3rem;
    border-radius: 12px;
    background-image: radial-gradient(120.33% 1205.48% at 50% 50%, #598BFE 0%, #5184FA 100%);
    padding-bottom: 7.875rem;
    position: relative;
}

.page-13-contratante-planos-de-assinatura .main .card-plan .type {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #FFFFFF;
    margin-bottom: 0.25rem;
    line-height: 1.8125rem;
    display: block;
}

.page-13-contratante-planos-de-assinatura .main .card-plan .price {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0rem;
    color: #FFFFFF;
    margin-bottom: 0rem;
    display: block;
    margin-bottom: 0.5rem;
}

.page-13-contratante-planos-de-assinatura .main .card-plan .period {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0rem;
    color: #FFFFFF;
    margin-top: 0.25rem;
    margin-bottom: 0.9375rem;
    display: block;
}

.page-13-contratante-planos-de-assinatura .main .card-plan .desc {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #FFFFFF;
    margin-bottom: 0.5625rem;
    line-height: 1.8125rem;
}

.page-13-contratante-planos-de-assinatura .main .card-plan hr {
    height: 1px;
    border: 0;
    margin-bottom: 1.75rem;
    background-color: #FFFFFF;
}

.page-13-contratante-planos-de-assinatura .main .card-plan ul {
    margin-left: 18px;
    margin-bottom: 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.page-13-contratante-planos-de-assinatura .main .card-plan ul li {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #FFFFFF;
    line-height: 29px;
    list-style-image: url(../images/icon-check.svg);
}

.page-13-contratante-planos-de-assinatura .main .card-plan .btn {
    height: 3.375rem;
    width: calc(100% - 96px);
    border-radius: 108px;
    background-color: #FFFFFF;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #5f91FF;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 3rem;
}

.page-13-contratante-planos-de-assinatura .main .card-plan.special {
    background: #02355e;
}

.page-13-contratante-planos-de-assinatura .main .card-plan.special .type {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    line-height: initial;
}

.page-13-contratante-planos-de-assinatura .main .card-plan.special .type .text {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    color: #FFFFFF;
}

.page-13-contratante-planos-de-assinatura .main .card-plan.special .type .tag {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    height: 33px;
    padding-inline: 1.5rem;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0rem;
    color: #FFFFFF;
    border-radius: 99px;
    border: 1px solid #FFFFFF;
    background-color: goldenrod;
}

.page-13-contratante-planos-de-assinatura .main .card-plan.special .period {
    margin-bottom: 0rem;
}

.page-13-contratante-planos-de-assinatura .main .card-plan.special .btn {
    color: #02355e;
}

@media screen and (max-width: 769px) {
    .page-13-contratante-planos-de-assinatura .main .card-plan {
        padding: 2rem;
    }
}

.page-14-contratante-checkout .main h1 {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

.page-14-contratante-checkout .main .box-order-summary {
    background-color: #FFFFFF;
    border-radius: 16px;
    padding: 2.5rem 2.5rem 3rem 2.5rem;
    margin-bottom: 1rem;
}

.page-14-contratante-checkout .main .box-order-summary h2 {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 1.375rem;
    margin-bottom: 1.25rem;
}

.page-14-contratante-checkout .main .box-order-summary .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-14-contratante-checkout .main .box-order-summary .wrapper .left {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.page-14-contratante-checkout .main .box-order-summary .wrapper .left .cover {
    width: 246px;
    position: relative;
}

.page-14-contratante-checkout .main .box-order-summary .wrapper .left .cover .logo {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.page-14-contratante-checkout .main .box-order-summary .wrapper .left .desc h3 {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    margin-bottom: 0.4375rem;
}

.page-14-contratante-checkout .main .box-order-summary .wrapper .left .desc span {
    display: block;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
}

.page-14-contratante-checkout .main .box-order-summary .wrapper .price {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0rem;
    color: #5f91FF;
}

@media screen and (max-width: 769px) {
    .page-14-contratante-checkout .main .box-order-summary {
        padding: 1.25rem;
    }

    .page-14-contratante-checkout .main .box-order-summary h2 {
        margin-bottom: 10px;
    }

    .page-14-contratante-checkout .main .box-order-summary .wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .page-14-contratante-checkout .main .box-order-summary .wrapper .left {
        gap: 0.625rem;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    .page-14-contratante-checkout .main .box-order-summary .wrapper .left .cover {
        width: 100%;
        max-width: initial;
    }

    .page-14-contratante-checkout .main .box-order-summary .wrapper .left .cover svg {
        width: 100%;
        height: auto;
    }

    .page-14-contratante-checkout .main .box-order-summary .wrapper .price {
        font-size: 1.2rem;
    }
}

.page-14-contratante-checkout .main .form-info .box {
    padding: 2.5rem 2.5rem 3.25rem 2.5rem;
    background-color: #FFFFFF;
    border-radius: 16px;
    margin-bottom: 2.1875rem;
}

.page-14-contratante-checkout .main .form-info .box h2 {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 1.375rem;
    margin-bottom: 0.25rem;
}

.page-14-contratante-checkout .main .form-info .box p {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
    margin-bottom: 1.5rem;
}

.page-14-contratante-checkout .main .form-info .box .wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    row-gap: 2rem;
    grid-template-areas: "cep cep cep" "endereco numero complemento" "bairro estado cidade";
}

.page-14-contratante-checkout .main .form-info .box .wrapper .input-group input {
    border: 1px solid #CFD5E5;
    background-color: #FFFFFF;
}

.page-14-contratante-checkout .main .form-info .box .wrapper .cep {
    grid-area: cep;
}

.page-14-contratante-checkout .main .form-info .box .wrapper .cep input {
    width: calc(33.3333333333% - 10.6666666667px);
}

.page-14-contratante-checkout .main .form-info .box .wrapper .endereco {
    grid-area: endereco;
}

.page-14-contratante-checkout .main .form-info .box .wrapper .numero {
    grid-area: numero;
}

.page-14-contratante-checkout .main .form-info .box .wrapper .complemento {
    grid-area: complemento;
}

.page-14-contratante-checkout .main .form-info .box .wrapper .bairro {
    grid-area: bairro;
}

.page-14-contratante-checkout .main .form-info .box .wrapper .estado {
    grid-area: estado;
}

.page-14-contratante-checkout .main .form-info .box .wrapper .estado .input-group-select>label span {
    color: #02355e;
    font-weight: 500;
}

.page-14-contratante-checkout .main .form-info .box .wrapper .estado .input-group-select>label svg path {
    stroke: #02355e;
}

.page-14-contratante-checkout .main .form-info .box .wrapper .estado .input-group-select .modal {
    top: initial;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 10px;
}

.page-14-contratante-checkout .main .form-info .box .wrapper .cidade {
    grid-area: cidade;
}

.page-14-contratante-checkout .main .form-info .btn-primary {
    width: -moz-max-content;
    width: max-content;
    padding-inline: 4rem;
}

@media screen and (max-width: 769px) {
    .page-14-contratante-checkout .main .form-info .box {
        padding: 1.25rem;
    }

    .page-14-contratante-checkout .main .form-info .box .wrapper {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
        row-gap: 2rem;
        display: flex;
        flex-direction: column;
    }

    .page-14-contratante-checkout .main .form-info .box .wrapper .cep input {
        width: 100%;
    }
}

.page-15-contratante-checkout-formas-de-pagamento .main h1 {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment {
    display: grid;
    grid-template-columns: 1fr 390px;
    align-items: flex-start;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    position: relative;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .box-payment-method {
    padding: 2.5rem;
    border-radius: 16px;
    background-color: #FFFFFF;
    min-height: 387.2px;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .box-payment-method h2 {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
    margin-bottom: 1.5rem;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .box-payment-method .card {
    padding: 1.25rem 1.75rem;
    border: 1px solid #02355e;
    border-radius: 10px;
    max-width: 540px;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .box-payment-method .card.card+.card {
    margin-top: 0.9375rem;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .box-payment-method .card .input-group-radio-method {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .box-payment-method .card .input-group-radio-method input[type=radio] {
    width: 1.25rem;
    height: 1.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #02355e;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    transition: 200ms;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .box-payment-method .card .input-group-radio-method input[type=radio]:checked {
    background-color: #02355e;
    border: 2px solid #FFFFFF;
    outline: 1px solid #02355e;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .box-payment-method .card .input-group-radio-method label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #02355e;
    cursor: pointer;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .box-payment-method .card .card-inner {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    transition: 200ms;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .box-payment-method .card .card-inner.credit-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 0.4375rem;
    column-gap: 0.4375rem;
    row-gap: 1.5rem;
    grid-template-areas: "card-number card-number" "card-name card-name" "card-expiration card-cvv";
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .box-payment-method .card .card-inner.credit-card .card-number {
    grid-area: card-number;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .box-payment-method .card .card-inner.credit-card .card-name {
    grid-area: card-name;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .box-payment-method .card .card-inner.credit-card .card-expiration {
    grid-area: card-expiration;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .box-payment-method .card .card-inner.credit-card .card-cvv {
    grid-area: card-cvv;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .box-payment-method .card .card-inner.bank-slip h3 {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 1.5rem;
    margin-bottom: 1.25rem;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .box-payment-method .card .card-inner.bank-slip p {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0rem;
    color: #6C7797;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .box-payment-method .card .card-inner.bank-slip p+p {
    margin-top: 1rem;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .box-payment-method .card .card-inner.pix h3 {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 1.5rem;
    margin-top: 1.25rem;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .box-payment-method .card .card-inner.pix p {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0rem;
    color: #6C7797;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .box-payment-method .card .card-inner.pix p+p {
    margin-top: 1rem;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .box-payment-method .card.active .card-inner {
    margin-top: 1.5rem;
    opacity: 1;
    visibility: visible;
    max-height: 1000px;
    overflow: visible;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .order-summary {
    background-color: #FFFFFF;
    padding: 2.5rem;
    border-radius: 16px;
    position: sticky;
    top: 40px;
    transition: 200ms;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .order-summary h2 {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
    margin-bottom: 1.25rem;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .order-summary svg {
    margin-bottom: 16px;
    width: 100%;
    display: block;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .order-summary h3 {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0rem;
    color: #02355e;
    margin-bottom: 0.5rem;
    line-height: 22px;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .order-summary p {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0rem;
    color: #6C7797;
    line-height: 22px;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .order-summary hr {
    background-color: #6C7797;
    height: 1px;
    border: none;
    margin-top: 32px;
    margin-bottom: 20px;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .order-summary .line {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .order-summary .total {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0rem;
    color: #02355e;
    margin-top: 1.5rem;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .order-summary .price {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0rem;
    color: #5f91FF;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method>p {
    margin-top: 3.5rem;
    margin-bottom: 1rem;
    text-align: center;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0rem;
    color: #26253B;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method>.btn-primary {
    margin-inline: auto;
    width: -moz-max-content;
    width: max-content;
    padding-inline: 5.625rem;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method>.btn-primary.inactive {
    border-color: #BDBDBD;
}

.page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method>.btn-primary.inactive::before {
    background: #BDBDBD;
}

@media screen and (max-width: 993px) {
    .page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .box-payment-method {
        padding: 1.25rem;
    }

    .page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .box-payment-method h2 {
        margin-bottom: 1rem;
        margin-bottom: 10px;
    }

    .page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .order-summary {
        padding: 1.25rem;
    }

    .page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .order-summary svg {
        margin-right: auto;
        width: 100%;
        max-width: 200px;
    }

    .page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method .wrapper-payment .order-summary .price {
        font-size: 1.3rem;
    }

    .page-15-contratante-checkout-formas-de-pagamento .main .form-payment-method>.btn-primary {
        padding-inline: 1.875rem;
    }
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main h1 {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 22px;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-confirm {
    padding: 3rem;
    background-color: #FFFFFF;
    border-radius: 16px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-confirm svg {
    width: 36px;
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-confirm div {
    flex: 1;
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-confirm div h2 {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 24px;
    margin-bottom: 1.5rem;
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-confirm div p {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-confirm div p+p {
    margin-top: 0.5rem;
}

@media screen and (max-width: 768px) {
    .page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-confirm {
        flex-direction: column;
        align-items: flex-start;
        padding: 1.25rem;
    }
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .btn-primary {
    padding-inline: 6.5rem;
    margin-top: 32px;
    margin-inline: auto;
    width: -moz-max-content;
    width: max-content;
}

@media screen and (max-width: 768px) {
    .page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .btn-primary {
        width: 100%;
        padding-inline: 1.25rem;
        max-width: 400px;
    }
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-pay-via-pix {
    padding: 3rem 3.375rem 3.375rem 3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 16px;
    background-color: #FFFFFF;
    margin-top: 16px;
    gap: 40px;
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-pay-via-pix .left {
    flex: 1;
    max-width: 31.25rem;
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-pay-via-pix .left h2 {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 24px;
    margin-bottom: 1rem;
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-pay-via-pix .left p {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #6C7797;
    margin-bottom: 2rem;
    line-height: 28px;
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-pay-via-pix .left .timeout {
    background-color: #EBF1FF;
    border: 1px solid #5f91FF;
    border-radius: 10px;
    margin-bottom: 2rem;
    padding: 1.5rem;
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-pay-via-pix .left .timeout .top {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.6875rem;
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-pay-via-pix .left .timeout .top .time {
    display: flex;
    gap: 10px;
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-pay-via-pix .left .timeout .top .time div {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #5f91FF;
    line-height: 1.125rem;
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-pay-via-pix .left .timeout .top .time span {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 1.125rem;
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-pay-via-pix .left .timeout p {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0rem;
    color: #5f91FF;
    line-height: 1.125rem;
    margin-bottom: 0;
    max-width: 275px;
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-pay-via-pix .left .copy-cod .title {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 12.5px;
    margin-bottom: 0.5rem;
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-pay-via-pix .left .copy-cod .area {
    display: flex;
    border-bottom: 1px solid #02355e;
    padding-bottom: 0.375rem;
    gap: 3.625rem;
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-pay-via-pix .left .copy-cod .area input {
    flex: 1;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    color: #02355e;
    border: 0;
    outline: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: background-color 0.4s, box-shadow 0.4s;
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-pay-via-pix .left .copy-cod .area input::-moz-selection {
    background: transparent;
    color: inherit;
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-pay-via-pix .left .copy-cod .area input::selection {
    background: transparent;
    color: inherit;
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-pay-via-pix .left .copy-cod .area input.copied {
    animation: pix-copied-flash 1s;
    background-color: #e0ffe6;
    box-shadow: 0 0 0 2px rgba(52, 199, 89, 0.2);
}

@keyframes pix-copied-flash {
    0% {
        background-color: #e0ffe6;
        box-shadow: 0 0 0 2px rgba(52, 199, 89, 0.2);
    }

    70% {
        background-color: #e0ffe6;
        box-shadow: 0 0 0 2px rgba(52, 199, 89, 0.2);
    }

    100% {
        background-color: transparent;
        box-shadow: none;
    }
}

.page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-pay-via-pix .left .copy-cod .area .copy-button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

@media screen and (max-width: 769px) {
    .page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-pay-via-pix {
        padding: 1.25rem;
        flex-direction: column;
        align-items: flex-start;
    }

    .page-16-contratante-checkout-formas-de-pagamento-confirm-cartao-credito .main .box-pay-via-pix .left .copy-cod .area input {
        padding-right: 10px;
    }
}

.page-19-supermercado-dashbord .main .group-title-1 {
    border-bottom: 1px solid #D0D5E5;
    padding-bottom: 24px;
    margin-bottom: 40px;
}

.page-19-supermercado-dashbord .main>h2 {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 1.375rem;
    margin-bottom: 1rem;
}

.page-19-supermercado-dashbord .main .table {
    background: #FFFFFF;
    border: 1px solid #FCFBFD;
    box-shadow: 0px 4px 19.7px rgba(0, 0, 0, 0.03);
    border-radius: 15px;
    padding-top: 20px;
}

.page-19-supermercado-dashbord .main .table .scroll-h {
    overflow-x: auto;
    width: 100%;
}

.page-19-supermercado-dashbord .main .table .scroll-h::-webkit-scrollbar {
    height: 8px;
}

.page-19-supermercado-dashbord .main .table .scroll-h::-webkit-scrollbar-thumb {
    background-color: #D0D5E5;
    border-radius: 4px;
}

.page-19-supermercado-dashbord .main .table .scroll-h::-webkit-scrollbar-track {
    background-color: transparent;
}

.page-19-supermercado-dashbord .main .table .th {
    height: 54px;
    background-color: #F7F8FB;
}

.page-19-supermercado-dashbord .main .table .th .tr {
    display: grid;
    grid-template-columns: 17.96% 16.37% 15% 15% 21.89% 7.26% 5.52%;
    height: 100%;
    padding-inline: 2rem;
    min-width: 900px;
    background-color: #F7F8FB;
}

.page-19-supermercado-dashbord .main .table .th .tr .td {
    display: flex;
    align-items: center;
    gap: 16px;
}

.page-19-supermercado-dashbord .main .table .th .tr .td span {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0rem;
    color: #5A6789;
    text-transform: uppercase;
}

.page-19-supermercado-dashbord .main .table .th .tr .td .buttons {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-direction: column;
}

.page-19-supermercado-dashbord .main .table .th .tr .td .buttons button {
    line-height: 0;
    background-color: transparent;
    border: 0;
}

.page-19-supermercado-dashbord .main .table .th .tr .td:nth-of-type(4) {
    justify-content: center;
}

.page-19-supermercado-dashbord .main .table .th .tr .td:last-of-type {
    justify-content: flex-end;
}

.page-19-supermercado-dashbord .main .table .tbody .tr {
    display: grid;
    grid-template-columns: 17.96% 16.37% 15% 15% 21.89% 7.26% 5.52%;
    padding-inline: 2rem;
    min-width: 900px;
    width: 100%;
}

.page-19-supermercado-dashbord .main .table .tbody .tr+.tr {
    border-top: 1px solid #D0D5E5;
}

.page-19-supermercado-dashbord .main .table .tbody .td {
    padding-block: 1.375rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-19-supermercado-dashbord .main .table .tbody .td span {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #0A0A0A;
}

.page-19-supermercado-dashbord .main .table .tbody .td .btn {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.page-19-supermercado-dashbord .main .table .tbody .td:nth-of-type(4) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-19-supermercado-dashbord .main .table .tbody .td:last-of-type {
    justify-content: flex-end;
    display: flex;
    align-items: center;
}

.page-19-supermercado-dashbord .main .table .tbody .td:last-of-type .btn {
    width: 30px;
}

.page-20-supermercado-promocoes .main .table {
    background: #FFFFFF;
    border: 1px solid #FCFBFD;
    box-shadow: 0px 4px 19.7px rgba(0, 0, 0, 0.03);
    border-radius: 15px;
    padding-top: 20px;
}

.page-20-supermercado-promocoes .main .table .scroll-h {
    overflow-x: auto;
    width: 100%;
}

.page-20-supermercado-promocoes .main .table .scroll-h::-webkit-scrollbar {
    height: 8px;
}

.page-20-supermercado-promocoes .main .table .scroll-h::-webkit-scrollbar-thumb {
    background-color: #D0D5E5;
    border-radius: 4px;
}

.page-20-supermercado-promocoes .main .table .scroll-h::-webkit-scrollbar-track {
    background-color: transparent;
}

.page-20-supermercado-promocoes .main .table .table-filters {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 2rem;
    padding-top: 5px;
    padding-bottom: 20px;
}

.page-20-supermercado-promocoes .main .table .table-filters .search input {
    height: 3.375rem;
    padding-inline: 1.5rem;
    border: 1px solid #D2D5DF;
    border-radius: 0.625rem;
    padding-left: 2.875rem;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0rem;
    color: #0A0A0A;
    background-image: url(../images/icon-search.svg);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center left 1.5rem;
}

.page-20-supermercado-promocoes .main .table .table-filters .search input::-moz-placeholder {
    color: #A3AABE;
}

.page-20-supermercado-promocoes .main .table .table-filters .search input::placeholder {
    color: #A3AABE;
}

.page-20-supermercado-promocoes .main .table .table-filters .right {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-20-supermercado-promocoes .main .table .table-filters .right .input-group-select-2 label {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    justify-content: center;
    border: 1px solid #D2D5DF;
    border-radius: 0.625rem;
    height: 3.375rem;
    padding-inline: 1.5rem;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #A3AABE;
    cursor: pointer;
}

.page-20-supermercado-promocoes .main .table .table-filters .right .input-group-select-2 label span {
    color: #5A6789;
}

.page-20-supermercado-promocoes .main .table .table-filters .right .input-group-select-2 label svg {
    margin-left: 2rem;
    transition: 200ms;
}

.page-20-supermercado-promocoes .main .table .table-filters .right .input-group-select-2:hover label svg,
.page-20-supermercado-promocoes .main .table .table-filters .right .input-group-select-2.active label svg {
    transform: scale(-1);
}

.page-20-supermercado-promocoes .main .table .th {
    height: 54px;
    background-color: #F7F8FB;
}

.page-20-supermercado-promocoes .main .table .th .tr {
    display: grid;
    grid-template-columns: 17.96% 16.37% 15% 15% 21.89% 7.26% 5.52%;
    height: 100%;
    padding-inline: 2rem;
    min-width: 900px;
    background-color: #F7F8FB;
}

.page-20-supermercado-promocoes .main .table .th .tr .td {
    display: flex;
    align-items: center;
    gap: 16px;
}

.page-20-supermercado-promocoes .main .table .th .tr .td span {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0rem;
    color: #5A6789;
    text-transform: uppercase;
}

.page-20-supermercado-promocoes .main .table .th .tr .td .buttons {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-direction: column;
}

.page-20-supermercado-promocoes .main .table .th .tr .td .buttons button {
    line-height: 0;
    background-color: transparent;
    border: 0;
}

.page-20-supermercado-promocoes .main .table .th .tr .td:nth-of-type(4) {
    justify-content: center;
}

.page-20-supermercado-promocoes .main .table .th .tr .td:last-of-type {
    justify-content: flex-end;
}

.page-20-supermercado-promocoes .main .table .tbody .tr {
    display: grid;
   grid-template-columns: 17.96% 16.37% 15% 15% 21.89% 7.26% 5.52%;
    padding-inline: 2rem;
    min-width: 900px;
}

.page-20-supermercado-promocoes .main .table .tbody .tr+.tr {
    border-top: 1px solid #D0D5E5;
}

.page-20-supermercado-promocoes .main .table .tbody .td {
    padding-block: 1.375rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-20-supermercado-promocoes .main .table .tbody .td span {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #0A0A0A;
}

.page-20-supermercado-promocoes .main .table .tbody .td .btn {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.page-20-supermercado-promocoes .main .table .tbody .td:nth-of-type(4) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-20-supermercado-promocoes .main .table .tbody .td:last-of-type {
    justify-content: flex-end;
    display: flex;
    align-items: center;
}

.page-20-supermercado-promocoes .main .table .tbody .td:last-of-type .btn {
    width: 30px;
}

.page-20-supermercado-promocoes .main .table .tfoot {
    border-top: 1px solid #D0D5E5;
}

.page-20-supermercado-promocoes .main .table .tfoot .pagination {
    padding-block: 2.125rem;
    margin-left: auto;
    width: -moz-max-content;
    width: max-content;
    margin-right: 2.5rem;
    display: flex;
    align-items: center;
    gap: 0.4375rem;
}

.page-20-supermercado-promocoes .main .table .tfoot .pagination .btn {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-20-supermercado-promocoes .main .table .tfoot .pagination .pages {
    display: flex;
    align-items: center;
    gap: 0.6875rem;
}

.page-20-supermercado-promocoes .main .table .tfoot .pagination .pages a,
.page-20-supermercado-promocoes .main .table .tfoot .pagination .pages span {
    min-width: 1.25rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background-color: #FFFFFF;
    cursor: pointer;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    color: #0A0A0A;
    transition: 200ms;
    text-decoration: none;
}

.page-20-supermercado-promocoes .main .table .tfoot .pagination .pages a.active,
.page-20-supermercado-promocoes .main .table .tfoot .pagination .pages a:hover {
    color: #FFFFFF;
    background-color: #5f91FF;
}

.page-21-supermercado-enviar-planilha .main h1 {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #02355e;
    line-height: 1.375rem;
    margin-block: 2rem;
}

.page-21-supermercado-enviar-planilha .main .form-planilha {
    display: flex;
    flex-direction: column;
    min-height: calc(100% - 90px);
}

.page-21-supermercado-enviar-planilha .main .form-planilha .input-group input {
    background-color: #FFFFFF;
    border: 1px solid #CFD5E5;
}

.page-21-supermercado-enviar-planilha .main .form-planilha .input-group input.icon-calendar {
    background-image: url(../images/icon-calendar.svg);
    background-repeat: no-repeat;
    background-position: right 24px center;
}

.page-21-supermercado-enviar-planilha .main .form-planilha .input-group input.icon-calendar::-moz-placeholder {
    letter-spacing: -2px;
}

.page-21-supermercado-enviar-planilha .main .form-planilha .input-group input.icon-calendar::placeholder {
    letter-spacing: -2px;
}

.page-21-supermercado-enviar-planilha .main .form-planilha .wrapper {
    display: grid;
    grid-template-columns: 310px 1fr;
    max-width: 43.875rem;
    gap: 1rem;
    margin-bottom: 2rem;
}

.page-21-supermercado-enviar-planilha .main .form-planilha hr {
    margin-top: 3rem;
    background-color: #D0D5E5;
    border: 0;
    height: 1px;
    width: 100%;
}

.page-21-supermercado-enviar-planilha .main .form-planilha>.btn-primary {
    margin-top: 2rem;
    width: -moz-max-content;
    width: max-content;
    padding-inline: 3.9375rem;
}

.page-21-supermercado-enviar-planilha .main .form-planilha>.btn-primary span {
    font-size: 14px;
}

@media screen and (max-width: 768px) {
    .page-21-supermercado-enviar-planilha .main .form-planilha .wrapper {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }
}

.page-22-supermercado-cadastrar-items .main h1 {
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #02355e;
}

.page-22-supermercado-cadastrar-items .main p {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #6C7797;
    margin-bottom: 1rem;
}

.page-22-supermercado-cadastrar-items .main>form {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: calc(100% - 80px);
    width: 100%;
}

.page-22-supermercado-cadastrar-items .main>form .item {
    max-width: 46.25rem;
    display: flex;
    align-items: center;
    padding: 0.5rem 2rem 0.5rem 1.5rem;
    gap: 5.5rem;
    background-color: #FFFFFF;
    border-radius: 8px;
}

.page-22-supermercado-cadastrar-items .main>form .item+.item {
    margin-top: 0.5rem;
}

.page-22-supermercado-cadastrar-items .main>form .item .name {
    flex: 1;
}

.page-22-supermercado-cadastrar-items .main>form .item input {
    height: 50px;
    border-radius: 8px;
    background-color: #FFFFFF;
    border: 1px solid #02355e;
    padding-inline: 1.5rem;
}

.page-22-supermercado-cadastrar-items .main>form .item .right {
    display: flex;
    align-items: center;
    gap: 24px;
}

.page-22-supermercado-cadastrar-items .main>form .item .right input {
    width: 9.0625rem;
}

.page-22-supermercado-cadastrar-items .main>form .item .right .btn-remove {
    cursor: pointer;
    background-color: transparent;
    border: 0;
}

.page-22-supermercado-cadastrar-items .main>form .buttons {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 4rem;
    padding-top: 2rem;
    margin-top: 2.75rem;
    border-top: 1px solid #D0D5E5;
}

.page-22-supermercado-cadastrar-items .main>form .buttons .btn-primary {
    padding-inline: 75px;
    height: 50px;
    width: -moz-max-content;
    width: max-content;
}

.page-22-supermercado-cadastrar-items .main>form .buttons .btn-primary span {
    font-size: 14px;
}

.page-22-supermercado-cadastrar-items .main>form .buttons .btn {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #5f91FF;
    text-decoration: none;
    cursor: pointer;
    transition: 200ms;
}

.page-22-supermercado-cadastrar-items .main>form .buttons .btn:hover {
    color: #02355e;
}

.page-22-supermercado-cadastrar-items .main .box-summary {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: calc(100% - 80px);
    width: 100%;
}

.page-22-supermercado-cadastrar-items .main .box-summary .item {
    max-width: 46.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 2rem 1.5rem 2rem;
    background-color: #FFFFFF;
    border-radius: 8px;
}

.page-22-supermercado-cadastrar-items .main .box-summary .item+.item {
    margin-top: 0.5rem;
}

.page-22-supermercado-cadastrar-items .main .box-summary .item span:nth-child(1) {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #02355e;
}

.page-22-supermercado-cadastrar-items .main .box-summary .item span:nth-child(2) {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #02355e;
}

.page-22-supermercado-cadastrar-items .main .box-summary .buttons {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 4rem;
    padding-top: 2rem;
    margin-top: 2.75rem;
    border-top: 1px solid #D0D5E5;
}

.page-22-supermercado-cadastrar-items .main .box-summary .buttons .btn-primary {
    padding-inline: 75px;
    height: 50px;
    width: -moz-max-content;
    width: max-content;
}

.page-22-supermercado-cadastrar-items .main .box-summary .buttons .btn-primary span {
    font-size: 14px;
}

@media screen and (max-width: 769px) {
    .page-22-supermercado-cadastrar-items .main>form .item {
        gap: 20px;
        padding-inline: 20px;
    }

    .page-22-supermercado-cadastrar-items .main>form .item input {
        width: 100%;
    }

    .page-22-supermercado-cadastrar-items .main>form .item .right {
        gap: 10px;
    }

    .page-22-supermercado-cadastrar-items .main>form .item .right input {
        width: 80px;
        padding-inline: 10px;
    }

    .page-22-supermercado-cadastrar-items .main>form .buttons {
        flex-direction: column;
        gap: 20px;
    }

    .page-22-supermercado-cadastrar-items .main .box-summary .item {
        padding: 20px;
    }

    .page-22-supermercado-cadastrar-items .main .box-summary .buttons .btn-primary {
        width: 100%;
    }
}

input.naopreenchido,
textarea.naopreenchido {
    border: solid 1px #F00 !important;
}


.swal2-title {
    font-size: 20px !important;
    color: #161923 !important;
}

.swal2-styled.swal2-confirm,
.swal2-styled.swal2-cancel {
    border-radius: 32px !important;
}


.swal2-select {
    min-width: 100% !important;
}

.buttons .top.down svg path,
.buttons .bottom.up svg path {
    stroke: #D2D4DC
}

.buttons .top.up svg path,
.buttons .bottom.down svg path {
    stroke: #5A6789
}

.preloader {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    z-index: 99;
    align-items: center;
    justify-content: center;
}

#resultadosBusca {
    display: flex;
    flex-wrap: wrap;
    width: 400px;
    position: absolute;
    background-color: #FFF;
}

#resultadosBusca .item {
    width: 100%;
    border: solid 1px #ccc;
    padding: 10px 15px;
    transition: all 1s;
    text-decoration: none;
    color: #598BFE;
}

#resultadosBusca .item:hover {
    background-color: #598BFE;
    color: #FFF;
}

.swal2-input {
    background-color: #FFF !important;
    border: 1px solid #CFD5E5 !important;
}