:root {
    /*Cor primária*/
    --fyprimary: #5f1f37;
    /*Cor Secudária*/
    --fysecondary: #A73866;
    /*Cor Terciária*/
    --fytertiary: #E84242;
    /*Cor Terciária*/
    --fyquaternary: #F5A04C;
    /*Background body*/
    --bgBody: #F9F9F9;
    --bgGrey: #999;
    --bgGreyLight: #d8d8d8;

    /* font  variáveis*/
    --regular: "Product Sans Regular";
    --light: "Product Sans Light Regular";
    --medium: "Product Sans Medium Regular";
    --black: "Product Sans Black Regular";
    --bold: "Product Sans Bold";

    /* cor da font */
    --fontcolor: #707070;

    --size: 80px;
    --corBlack: #2f2b2c;
    --corLaranja: #f95f00;
    --corVermelho: #682a3c;
    --corRosa: #ef4e49;

    /* Branco escuro */
    --color-nine: #F5F5F5;
    /* Branco */
    --color-six: #fdfdfd;
}
p{
    font-family: Product Sans Light Regular;
    font-size: 1.2rem;
}

.bg-black{
    background-color: #000000!important;
}

.bg-primary {
    background-color: var(--fyprimary) !important;
}

.bg-secondary {
    background-color: var(--fysecondary) !important;
}

.bg-tertiary {
    background-color: var(--fytertiary) !important;
}

.bg-quaternary {
    background-color: var(--fyquaternary) !important;
}

.bg-grey {
    background-color: var(--bgGrey) !important;
}

.bg-grey-light {
    background-color: var(--bgGreyLight) !important;
}
.bg-gradientfy {
    background: var(--fysecondary); /* Old browsers */
    background: -moz-linear-gradient(left, var(--fytertiary) 0%, var(--fysecondary) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, var(--fytertiary) 0%, var(--fysecondary) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, var(--fytertiary) 0%, var(--fysecondary) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--fytertiary)', endColorstr='var(--fysecondary)', GradientType=1); /* IE6-9 */
}

.fs-50 {
    font-size: 50%;
}
.fs-60 {
    font-size: 50%;
}
.fs-70 {
    font-size: 70%;
}
html, body {
    margin: 0px;
}

body {
    font-family: var(--regular);
    overflow-x: hidden;
    background: var(--bgBody);
}

/*Custom scrollbar*/
/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #F9F9F9;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--fytertiary);
    border-radius: 2.5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--fytertiary);
}

/*Fim scrollbar*/


/* Configuração de tipos fonts*/
strong {
    font-family: var(--medium) !important;
    font-weight: normal !important;
}

.strong {
    font-family: var(--medium) !important;
    font-weight: normal !important;
}

.light {
    font-family: var(--light) !important;
    font-weight: normal !important;
}

.medium {
    font-family: var(--medium) !important;
    font-weight: normal !important;
}

.black {
    font-family: var(--black) !important;
    font-weight: normal !important;
}

/*Fim config fonts*/

.disabled-input{
    pointer-events: none;
    background: #9a9a9a;
}
/*Logo faculdade wpos svg*/
.primary {
    fill: var(--fyprimary);
    color: var(--fyprimary);
}

.tertiary {
    fill: var(--fytertiary);
    color: var(--fytertiary);
}

.secondary {
    fill: var(--fysecondary);
    color: var(--fysecondary);
}

.quarternary {
    fill: var(--fyquaternary);
    color: var(--fyquaternary);
}

/* Fim Logo faculdade wpos svg*/


.possui-gra-text{
    font-size: 20px !important;
}

.possui-gra label{
    cursor: pointer;
}

.possui-gra label:hover{
    background-color: var(--fysecondary);
}

.possui-gra label.active{
    background-color: var(--fysecondary);
}

/*custom container width booststrap*/
@media (min-width: 1200px) {
    .container {
        max-width: 1300px;
    }
}

/*Custom btn*/
/*primary button*/
.btn-custom-primary {
    color: #fff;
    background-color: var(--fyprimary);
    border-color: var(--fyprimary);
    font-family: "Product Sans Light Regular";
}

.btn-custom-primary:hover {
    color: #fff;
    background-color: var(--fyprimary);
    border-color: var(--fyprimary);
}

.btn-custom-outline-primary {
    color: var(--fyprimary);
    background-color:transparent;
    border-color: var(--fyprimary);
    font-family: "Product Sans Light Regular";
}

.btn-custom-outline-primary:hover {
    color: #fff;
    background-color: var(--fyprimary);
    border-color: var(--fyprimary);
}

.btn-custom-tertiary {
    color: #fff;
    background-color: var(--fytertiary);
    border-color: var(--fytertiary);
    font-family: "Product Sans Light Regular";
}

.btn-custom-tertiary:hover {
    color: #fff;
    background-color: var(--fytertiary);
    border-color: var(--fytertiary);
}
.btn-custom-outline-tertiary {
    color: var(--fytertiary);
    background-color: transparent;
    border-color: var(--fytertiary);
    font-family: "Product Sans Light Regular";
}

.btn-custom-outline-tertiary:hover {
    color: #fff;
    background-color: var(--fytertiary);
    border-color: var(--fytertiary);
}
/* Fim primary button*/
/*primary button*/
.btn-custom-secondary {
    color: #fff;
    background-color: var(--fysecondary);
    border-color: var(--fysecondary);
    font-family: "Product Sans Light Regular";
}

.btn-custom-secondary:hover {
    color: #fff;
    background-color: var(--fysecondary);
    border-color: var(--fysecondary);
}
.btn-custom-outline-secondary {
    color: var(--fysecondary);
    background-color: transparent;
    border-color: var(--fysecondary);
    font-family: "Product Sans Light Regular";
}

.btn-custom-outline-secondary:hover {
    color: #fff;
    background-color: var(--fysecondary);
    border-color: var(--fysecondary);
}

/* Fim primary button*/

/* Fim custom btn*/

/*utilities*/
.rounded-50 {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.rounded-15 {
    -webkit-border-radius: 15px 0;
    -moz-border-radius: 15px 0;
    border-radius: 15px 0;
}

.title-sec-cursos {
    color: var(--fytertiary);
    text-transform: uppercase;
    font-family: "Product Sans Light Regular";
    font-size: 2.5rem;
    margin-bottom: 4rem;
}

/* Fim utilities */

/* navbar top */
#bar-top {
    padding: 0;
    background: rgba(255, 255, 255, .95);
}

#bar-top small {
    color: #717171;
    font-family: var(--black);
}
#bar-top small strong{
    font-family: var(--black) !important;
}
#bar-top small strong a{
    color: var(--fysecondary);
    text-decoration: underline;
    padding: .5rem;
}
#bar-top small strong a:hover{
    background: var(--fysecondary);
    color: #fff;
}

#bar-top small form button{
    font-family: var(--black) !important;
    color: var(--fysecondary);
    text-decoration: underline;
    border: 0px;
    background: transparent;
}
#bar-top small form button:hover{
    background: var(--fysecondary);
    color: #fff;
    border: 1px;
    border-color: var(--fysecondary);
}

.btn-contact-float form button {
    background: transparent;
    border: 0px;
    color: white;
}

#bar-top a {
    color: #717171;
}
#bar-top .dropdown-whatsapp .dropdown-menu.show {
    z-index: 1022;
}
#bar-top .dropdown-whatsapp #list-numwhats-topo a{
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
#bar-top .dropdown-whatsapp #list-numwhats-topo a:hover{
    background: var(--fysecondary);
    color: #fff;
}
#bar-top .dropdown-afiliado .dropdown-menu.show {
    z-index: 1022;
}

@media screen and (max-width: 599px) {
    #bar-top {
        display: none;
    }
}

@media screen and (max-height: 768px) {
    .btn-lg {
        font-size: 1rem;
    }
    #logo-brand{
        width: 250px !important;
    }
}

/*  fim navbar top */

@media screen and (max-width: 575px) {
    .navbar-header {
        position: unset;
    }
}

#navbar-header {
    /*padding: 1.5rem 0;*/
    background: var(--bgBody);
    transition: all ease-in-out .3s;
    top: 0;
    z-index: 1020;
    width: 100%;
}

@media screen and (max-width: 599px) {
    #navbar-header {
        padding: 0;
    }
    /*TEMP*/
    #navbar-header .navbar-brand img{
        height: 7vh;
        padding: 0 10px;
    }
}

.min-navbar {
    padding: 0 !important;
}

#logo-brand {
    width: 350px;
    transition: all ease-in-out .3s;
}

.min-navbar #logo-brand {
    width: 208px;
    transition: all ease-in-out .3s;
}

/*logo brand*/
.navbar-brand h2 {
    /*text-indent: -9999px;*/
    /*background: url("../img/y-text.webp") no-repeat center center;*/
    /*background-size: contain;*/
    width: 380px;
    margin: 0;
    padding: 0;
    transition: all ease-in-out .3s;
}

#logo-brand .cls-1{fill:#ef4e4c;}
#logo-brand .cls-2{fill:#622a3f;}
#logo-brand .cls-3{fill:#a4416e;}


@media screen and (max-width: 599px) {
    .navbar-brand h2 {
        padding-left: 1rem;
        width: 278px;
    }

    #logo-brand {
        width: 208px;
        margin-left: 20px;
    }
}

/* fim logo brand */

/*navbar*/
#navbar-header .nav-link {
    font-family: var(--medium);
    text-transform: uppercase;
    font-size: .8rem;
}

/*.custom-carets .dropdown-toggle:after{*/
/*    font-family: "Font Awesome 5 Free";*/
/*    font-weight: 900;*/
/*    content: "\f107";*/
/*    margin-left: .255em;*/
/*    vertical-align: inherit;*/
/*    border-top: 0;*/
/*}*/
/*.custom-carets .dropdown-toggle > span.caret {*/
/*display: none;*/
/*}*/
#navbar-header .navbar-toggler {
    outline: none;
}

/* Dropdown cursos*/

#dropdown-cursos.dropdown-menu {
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    width: 95%;
    max-height: 70vh;
    overflow: auto;
    font-family: Product Sans Light Regular;
}
@media screen and (max-width: 599px) {
    #dropdown-cursos.dropdown-menu{
        margin-left: 0px;
        left: 50%;
    }
}
.dropdown-cursos {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin: 0 auto;
}

@media screen and (max-width: 1400px) {
    .dropdown-cursos{
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 1400px) {
    .dropdown-cursos{
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 991px) {
    #dropdown-cursos{
        transform: none !important;
        width: 100% !important;
    }
    .dropdown-cursos{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 599px) {
    .dropdown-cursos{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        margin: 0 auto;
    }
}


.hamburger-box {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 29px;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    background-color: var(--fytertiary) !important;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 32px;
    height: 3px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: var(--fytertiary);
}

@media screen and (max-width: 599px) {
    .navbar-collapse {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        height: auto;
    }
    .navbar-collapse .navbar-nav .nav-link {
        padding: 20px 10px;
    }

    @media (max-width: 768px) {
        .navbar-collapse {
            position: sticky;
            top: 66px;
            right: 0;
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 15px;
            /*z-index: 9999;*/
            width: 100%;
            font-size: 16px;
            background: rgba(249, 249, 249, 1);
        }

        .navbar-collapse.collapsing {
            height: auto;
            -webkit-transition: right 0.3s ease;
            -o-transition: right 0.3s ease;
            -moz-transition: right 0.3s ease;
            transition: right 0.3s ease;
            right: -100%;
        }

        .navbar-collapse.show {
            right: 0;
            -webkit-transition: right 0.3s ease-in;
            -o-transition: right 0.3s ease-in;
            -moz-transition: right 0.3s ease-in;
            transition: right 0.3s ease-in;
            background: rgba(249, 249, 249, 1);
        }
    }
}

/*Header home*/
/*Padrão*/
/*#header-home {*/
/*    position: relative;*/
/*    height: 70vh;*/
/*    background: url("../img/bg_topo.jpg") no-repeat center center;*/
/*    background-size: cover;*/

/*}*/
#header-home {
    position: relative;
    background: var(--fyprimary);
    padding: 0.5rem 0;
}
#header-home h2{
    font-family: var(--black);
    font-size: 3.2rem;
    line-height: 1;
}

#header-home h1{
    font-family: var(--regular);
    font-size: 3.2rem;
    line-height: 1.2;
}

#header-home p {
    font-family: var(--light);
    font-size: 1.5rem;
}
@media (max-width: 575.98px){
    #carouselHomeDesk{
        display: none;
    }
}
@media (min-width: 768px) {
    #carouselHomeResp{
        display: none;
    }
}

@media screen and (max-width: 599px) {
    #header-home h2 {
        font-size: 2.8rem;
        line-height: 1.2;
    }

    #header-home h1 {
        font-size: 1.8rem;
        margin-bottom: -53px;
        height: 12vh;
    }
    #header-home p {
        font-size: 1.5rem;
        line-height: 1;
        text-align: center;
    }
}

#header-home .bg-particulas{
    background: url("../img/bg-particulas.webp") no-repeat center center;
    background-size: cover;
}

@media screen and (max-width: 599px) {
    #header-home {
        padding-top: 5rem;
    }
}

#header-home .before {
    /*height: 65vh;*/
    display: flex;
    align-items: center;
    position: relative;
}

/*Padrão*/
/*#header-home .before:before {*/
/*    content: url("../img/modelo-min.webp");*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: -300px;*/
/*    bottom: 0;*/
/*    z-index: 0;*/
/*}*/

/*#header-home .before:before {*/
/*    content: url("../img/modelo-banner-home.webp");*/
/*    position: absolute;*/
/*    left: -255px;*/
/*    bottom: -7px;*/
/*    z-index: 0;*/
/*}*/

@media screen and (max-width: 1366px) {
    #header-home .before:before {
        content: none;
    }
}
@media screen and (max-width: 599px) {
    #header-home .before:before {
        content: none;
    }
}

/* Caption Header */
#header-home .caption {
    align-items: center;
    text-align: left;
    color: #fff;
    margin-top: -4.5rem;
}

/*Atributos*/
#atributos{
    width: 400px;
}
#atributos .cls-1{
    fill: var(--fysecondary);
}
#atributos .cls-2{
    fill:#fff;
}

#header-area #atributos .cls-1 {
    fill: var(--fyprimary);
}

@media screen and (max-width: 599px) {
    #header-home .caption {
        text-align: center;
    }
    .selo {
        text-align: center;
    }
    #atributos{
        width: 300px;
    }
}

/* Fim Caption Header */



/*Fomulario de entrada de leed home*/
#card-form-home {
    border: 0;
    padding: 1rem 0 1rem 4rem;
    position: relative;
    /*background: rgba(249, 249, 249, 0.65);*/
    /*height: 70vh;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#card-form-home:before {
    width: 3px;
    position: absolute;
    height: 35vh;
    content: "";
    background: #f9f9f9;
    left: 20px;
}

#card-form-home p {
    line-height: 1;
    font-size: 1.1rem;
    color: #fff;
    font-family: var(--regular);
}

#card-form-home .form-group {
    margin-bottom: .5rem;
}
#card-form-home .btn {
    /*border-radius: 1.5rem;*/
}

@media screen and (max-width: 767px) {
    #card-form-home p {
        line-height: 1;
        font-size: 1.2rem;
        /*color: #ffadad;*/ /*voltar após aniversário*/
        color: #ffffff; /*remover após aniversário*/
        font-family: var(--regular);
    }
    #card-form-home {
        padding: 1rem;
    }

    #card-form-home:before {
        content: none;
    }
}
.wpos_sticky.s-mobile{
    top: 120px !important;
}

/* Nossos cursos */
#nossos-cursos {
    /*padding: 10rem 0 5rem 0;*/
}

@media screen and (max-width: 599px) {
    #nossos-cursos {
        padding: 5rem 0 5rem 0;
    }
}

#nossos-cursos h2 {
    text-transform: uppercase;
    font-family: var(--medium);
    font-size: 2.2em;
    margin-bottom: 3rem;
}

#nossos-cursos h2 span {
    font-family: var(--light);
}

#nossos-cursos .card-curso {
    position: relative;
    margin: 15px 0;
}

#nossos-cursos .card-curso a{
    display: flex;
}

#nossos-cursos .card-curso a .card-icon{
    margin-right: 15px;
}

#nossos-cursos .card-curso a .card-info{
    display: flex;
    flex-direction: column;
}

#nossos-cursos .card-curso a .card-info small{
    display: flex;
    align-items: center;
}

#nossos-cursos .card-curso a .card-info small svg{
    margin-left: 5px;
}

#nossos-cursos .card-curso svg{
    height: 35px;
    width: 25px;
    transition: all ease .3s;
}

@media screen and (max-width: 599px) {

    #nossos-cursos h2 {
        font-size: 1.6rem;
    }
}

#nossos-cursos .card-curso a {
    color: inherit;
    text-decoration: none;
}

#nossos-cursos .card-curso h3 {
    margin: 0;
    font-size: 1.2rem;
    font-family: var(--regular);
    color: #6d6d6d;
    transition: all ease .3s;
}

#nossos-cursos .card-curso small {
    display: block;
    color: var(--fytertiary);
    font-size: 1rem;
    font-family: var(--light);
}

#nossos-cursos .card-curso :hover h3 {
    color: var(--fyprimary);
}

#nossos-cursos .card-curso :hover svg{
    fill: var(--fytertiary);
}

.bg-cursos-pos {
    position: relative;
}

.bg-cursos-pos:before {
    position: absolute;
    content: "";
    background: var(--fyprimary);
    top: -2rem;
    bottom: -2rem;
    left: -2rem;
    right: -2rem;
    z-index: -1;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

@media screen and (max-width: 599px) {
    .bg-cursos-pos {
        background: var(--fyprimary);
    }

    .bg-cursos-pos:before {
        content: none;
    }
}

/*Pós-graduação*/
/*barra de pesquisa cursos pos*/
.search-pos {
    /*position: relative;*/
}

.search-pos .form-control {
    background: #eaeaea;
    padding-right: 30px;
    padding-left: 20px;
    border: 0;
}
.search-pos .input-group-prepend{
    align-items: center;
}
.search-pos svg {
    /*position: absolute;*/
    /*right: 10px;*/
    /*top: 8px;*/
    color: var(--fytertiary);
    font-size: 20px;
}

/* Fim Nossos cursos */

/*Inicio differencials*/
#differentials {

}

#differentials h2 {
    font-family: var(--black);
    font-size: 3.5rem;
    text-transform: uppercase;
    line-height: 1;
}

#differentials h2 .light {
    font-size: 2rem;
    text-transform: uppercase;
}

.differencials-item {
    padding: 1rem;
    color: #676767;
    display: flex;
    text-decoration: none!important;
}

.differencials-item h3 {
    font-size: 1.5rem;
    color: #fff;
}

.differencials-item img {
    width: 100px;
    margin-right: 1rem;
    display: block;
    border: 0;
    align-self: self-start;
}

@media screen and (max-width: 599px) {
    #differentials {
        padding: 5rem 0;
        background: var(--fyprimary);
    }

    #differentials h2 {
        text-align: center;
        font-size: 2rem;
    }
    #differentials h3 {
        text-align: center;
        font-size: 1.5rem;
    }
    #differentials p {
        text-align: center;
        font-size: 1.2rem;
    }

}

.bar-search{
    padding: .5rem;
    position: relative;
    background: #f9f9f9;
}
.form-search {
    position: relative;
}

.form-search svg {
    color: var(--fytertiary);
}

.input-search {
    /*transition: all ease-in-out .3s;*/
    /*width: 600px;*/
    /*right: 35px;*/
    /*border: 0;*/
    /*top: 0;*/
    /*position: absolute;*/
    border-radius: 30px;
    border: 2px solid #dfdfdf;
    position: relative;
}
.btn-search{
    position: absolute;
    right: 0;
    top: 0;
}
@media screen and (max-width: 599px) {
    .bar-search{
        top: 0px;
    }
    .input-search {
        /*transition: all ease-in-out .3s;*/
        /*width: 100%;*/
        /*padding: 1rem;*/
        /*position: inherit;*/
    }
    .btn-search {
        top: -7px;
    }
}

.input-search:focus {
    color: #495057;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    outline: 0;
    box-shadow: none;
}

.form-search.active  {
    /*width: 550px;*/
    transition: all ease-in-out .3s;


}

@media screen and (max-width: 599px) {
    .form-search.active .input-search {
        width: 100%;
    }
}

.backdrop-form-search {
    position: fixed;
    background: rgba(0, 0, 0, .6);
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    z-index: -1;
    content: '';
}
/*search jquery ui*/
.ui-widget.ui-widget-content {
    border: 0;
    z-index: 1021;
    padding: 1rem;
    height: 500px;
    overflow: hidden;
    overflow-y: scroll;
    position: fixed;
    border-radius: 6px;

}

@media screen and (max-width: 599px){
    .ui-widget.ui-widget-content {
        width: 80% !important;
    }
}
.ui-menu .ui-menu-item{
    justify-content: space-between;
}
.ui-menu .ui-menu-item:hover{
    background: #f9f9f9;
}
.ui-menu .ui-menu-item:hover > .ui-menu-item-wrapper{
    background: inherit;
    border: 0;
    color: #1b1818;
}
.ui-menu .ui-menu-item:hover > .btn{
    background: #007bff;
    color: #fff;
}

.ui-menu .ui-menu-item-wrapper {
    align-self: center;
    justify-content: space-between;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.ui-menu .ui-menu-item-wrapper:hover{
    background: transparent;
}
/*Mobile*/
#mobile {
    padding: 5rem 0;
}

#mobile p {
    font-family: var(--light);
    font-size: 1.2rem;
}

#mobile ul {
    font-family: var(--light);
    font-size: 1.2rem;
    padding: 0 0 0 2rem;
    list-style: none;
}

#mobile ul li {
    position: relative;
    padding: .5rem 0;
    font-family: var(--medium);
}

#mobile ul li:before {
    /*content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 100 100" viewBox="0 0 34.6 73.9" height="40px" width="30px"><path d="M1.1 57.8l20.5-20.5c.2-.2.2-.5 0-.6L1.1 16.1c-.4-.4-1.1-.1-1.1.4v5.6c0 .5.2 1 .5 1.3l13.1 13.1c.1.1.1.4 0 .5L.6 50.2c-.4.3-.6.8-.6 1.3v5.8c0 .6.7.9 1.1.5z"/><path  d="M32.3 31.3L1.2.2C.8-.2.1.1.1.7v5.6c0 .5.2 1 .5 1.3L28.1 35c1 1 1 2.6 0 3.6L.7 66.1c-.4.4-.5.8-.5 1.3v5.8c0 .6.7.9 1.1.5l31.1-31.1c3-3.2 3-8.2-.1-11.3z"/></svg>');*/
    position: absolute;
    left: -30px;
    top: 50%;
    z-index: 0;
    margin-top: -13.5px;
    height: 25px;
    width: 15px;
    content: "";
    background: #ccc url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="#ccc" viewBox="0 0 34.6 73.9"><path d="M1.1 57.8l20.5-20.5c.2-.2.2-.5 0-.6L1.1 16.1c-.4-.4-1.1-.1-1.1.4v5.6c0 .5.2 1 .5 1.3l13.1 13.1c.1.1.1.4 0 .5L.6 50.2c-.4.3-.6.8-.6 1.3v5.8c0 .6.7.9 1.1.5z"/><path d="M32.3 31.3L1.2.2C.8-.2.1.1.1.7v5.6c0 .5.2 1 .5 1.3L28.1 35c1 1 1 2.6 0 3.6L.7 66.1c-.4.4-.5.8-.5 1.3v5.8c0 .6.7.9 1.1.5l31.1-31.1c3-3.2 3-8.2-.1-11.3z"/></svg>') no-repeat center center;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34.6 73.9"><path d="M1.1 57.8l20.5-20.5c.2-.2.2-.5 0-.6L1.1 16.1c-.4-.4-1.1-.1-1.1.4v5.6c0 .5.2 1 .5 1.3l13.1 13.1c.1.1.1.4 0 .5L.6 50.2c-.4.3-.6.8-.6 1.3v5.8c0 .6.7.9 1.1.5z"/><path d="M32.3 31.3L1.2.2C.8-.2.1.1.1.7v5.6c0 .5.2 1 .5 1.3L28.1 35c1 1 1 2.6 0 3.6L.7 66.1c-.4.4-.5.8-.5 1.3v5.8c0 .6.7.9 1.1.5l31.1-31.1c3-3.2 3-8.2-.1-11.3z"/></svg>') no-repeat;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34.6 73.9"><path d="M1.1 57.8l20.5-20.5c.2-.2.2-.5 0-.6L1.1 16.1c-.4-.4-1.1-.1-1.1.4v5.6c0 .5.2 1 .5 1.3l13.1 13.1c.1.1.1.4 0 .5L.6 50.2c-.4.3-.6.8-.6 1.3v5.8c0 .6.7.9 1.1.5z"/><path d="M32.3 31.3L1.2.2C.8-.2.1.1.1.7v5.6c0 .5.2 1 .5 1.3L28.1 35c1 1 1 2.6 0 3.6L.7 66.1c-.4.4-.5.8-.5 1.3v5.8c0 .6.7.9 1.1.5l31.1-31.1c3-3.2 3-8.2-.1-11.3z"/></svg>') no-repeat;
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #5a283d;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}


.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 85%;
    margin-left: 22px;
    /*margin-top: 50px;*/
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
}

/*selo store app*/
#mobile .st1 {
    fill: #fff;
}

#mobile .st5 {
    fill: #fbfbfb;
}

#mobile .st6 {
    fill: #fcfcfd;
}


/*newsletter*/
#newsletter {
    padding: 4rem 0;
    background: #f2f2f2;
}

#newsletter .card {
    border: 0;
}

#newsletter p {
    font-size: 1.3rem;
    font-family: var(--light);
    line-height: 1.2;
    color: #676767;
    margin-bottom: 2rem;
}

#newsletter span {
    color: #676767;
    font-size: 2rem;
    line-height: 1.2;
}
#newsletter .form-news{
    display: flex;
    align-items: center;
}

#newsletter .form-news input[type="email"]{
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px)!important;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-sizing: inherit;
    box-shadow: inherit;
}

#newsletter .form-news input.hs-input {
    height: inherit;
}

#newsletter .form-news div[data-reactid=".hbspt-forms-0.0:$0"] {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
#newsletter .form-news div.hs_submit  {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
#newsletter .form-news div.input {
    margin-left: inherit;
}
#newsletter .form-news div.actions {
    margin-top: 20px;
    margin-bottom: inherit;
    padding: 0;
}

@media screen and (max-width: 599px) {
    #newsletter p {
        text-align: center;
    }

    #newsletter span {
        text-align: center;
        font-size: 1.8rem;
    }

    #newsletter .btn {
        width: 100%;
    }
    #newsletter .form-news {
        display: block;
    }
    #newsletter .form-news div[data-reactid=".hbspt-forms-0.0:$0"] {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    #newsletter .form-news div.hs_submit  {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

/*icon news letter*/

#icon-newsletter {
    enable-background: new 0 0 671 490.3;
}

#icon-newsketter .st0 {
    fill: none;
    stroke: #2A285F;
    stroke-width: 5;
    stroke-miterlimit: 10;
}

#icon-newsketter .st1 {
    fill: #C8E8F7;
}

#icon-newsketter .st2 {
    fill: #2CAAE1;
}

#icon-newsketter .st3 {
    fill: #ECF7FC;
}

#icon-newsketter .st4 {
    fill: #FFFFFF;
}

#icon-newsketter .st5 {
    fill: #F5A04C;
}

.error {
    position: absolute;
    color: var(--fytertiary);
    left: 0;
}

/*footer*/
@media screen and (max-width: 767px){
    #footer {
        text-align: center;
        padding-bottom: 6rem;
    }
}
#footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 2rem;
}

#footer ul li {
    margin-bottom: 10px;
}

#footer h4 {
    color: var(--fontcolor);
    font-family: var(--bold);
    text-transform: uppercase;
    font-size: 1rem;
    margin-bottom: 1rem;
}

#footer h5 {
    color: var(--fontcolor);
    font-family: var(--medium);
    font-size: 1rem;
}

#footer ul a {
    color: var(--fontcolor);
    text-decoration: none;
    transition: all ease .3s;
}

#footer ul a:hover {
    color: var(--fytertiary);
}

#footer ul.contact-footer button {
    background: #46C556;
    border: 1px solid #46C556;
    color: #FFF;
    padding: 0.5rem 1.25rem;
    border-radius: 30px;
    transition: all ease .3s;
}

#footer ul.contact-footer button:hover{
    background: #FFF;
    color: #46C556;
}

/*footer copy*/
.copy {
    padding: 1rem 0;
    border-top: 1px solid #f2f2f2;
}

#social-media {
    padding: 6rem 0;
}

#social-media svg {
    font-size: 2.5rem;
    margin: 0 1rem;
    color: var(--fontcolor);
    transition: all ease .3s;
}

#social-media svg:hover {
    color: var(--fytertiary);
}

/* interna áreas */

#header-area {
    position: relative;
    background: url("../img/bgarea.webp") no-repeat;
    overflow: hidden;
    padding: 3.5rem 0;
}

@media screen and (max-width: 599px) {
    #header-area {
        height: auto;
        padding-top: 3rem;
    }
}

#header-area .before {
    /*height: 50vh;*/
    display: flex;
    align-items: center;
    position: relative;
}

#header-area .caption {
    color: #fff;
}

#header-area .before:before {
    content: url("../img/modeloadm.webp");
    position: absolute;
    top: 0;
    left: -300px;
    bottom: 0;
    z-index: 0;
}

@media screen and (max-width: 599px) {
    #header-area .before:before {
        content: none;
    }
}

/* Caption Header */
#header-area .caption {
    align-items: center;
    text-align: right;
}

#header-area h1 {
    font-family: var(--black);
    font-size: 4rem;
    margin-bottom: 0;
    line-height: 1;
    text-transform: uppercase;
}

@media screen and (max-width: 599px) {
    #header-area h1 {
        font-size: 2.5rem;
        text-align: center;
    }
}

#header-area h1 span {
    font-family: var(--light);
}

#header-area p {
    font-family: var(--light);
    font-size: 1.8rem;
    color: #ffaca6;
    line-height: 1.2;
}

@media screen and (max-width: 599px) {
    #header-area p {
        font-size: 1.5rem;
        line-height: 1;
        text-align: center;
    }
}
#header-area label{
    color: #ffffff5e;
}
#header-area .radio-custom .btn-custom:not(:disabled):not(.disabled).active{
    color: #fff;
    background-color: #a63b66;
    border-color: #a63b66;
}
#header-area .radio-custom .btn-custom {
    color: #fff;
    background-color: #622a3f;
    border-color: #622a3f;
}
#header-area .radio-custom .btn-custom.radio-nao{
    background: #622a3f;
}

/*Fomulario de entrada de leed home*/
#card-form-area {
    border: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/*#card-form-area:before {*/
/*    width: 3px;*/
/*    position: absolute;*/
/*    height: 35vh;*/
/*    content: "";*/
/*    background: #ffffff0d;*/
/*    left: 20px;*/
/*}*/

@media screen and (max-width: 599px) {
    #card-form-area:before {
        content: none;
    }
}

#card-form-area p {
    line-height: 1;
    font-size: 1.5rem;
    color: #ffffff5e;
    font-family: var(--regular);
}

#card-form-area a {
    color: #fff;
    text-decoration: underline;
}

#card-form-area .form-group {
    margin-bottom: .5rem;
}

#card-form-area .form-control {
    /*border-radius: 1.5rem;*/
    /*border: 0;*/
    border: 1px solid #00000042;
}


#card-form-home .btn_codigo {
    color: rgba(0, 0, 0, 0.5);
}

#card-form-home .btn_codigo:hover {
    color: rgb(0, 0, 0);
    text-decoration: underline;
}

#btn_codigo_cancel {
    display: none;
    cursor: pointer;
}

#search-area {
    top: 0;
    background: var(--bgBody);
    z-index: 1010;
    padding: 1rem 0;
}


/*Interna sobre*/
.interna h3 {
    font-family: var(--bold);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 1rem;
    cursor: pointer;
    border: .1rem solid #f2f2f2;
    border-radius: .5rem;
    font-size: 1.4rem;
}

.interna h3[aria-expanded="true"] {
    background-color: #fff;
    color: #682045;
    border: .1rem solid #ccc;
}

.interna h3[aria-expanded="true"] svg {
    transform: rotate(-180deg);

}

.interna h3 svg {
    font-size: 1rem;
    margin-left: 20px;
    transition: all .3s ease-in-out;
}

.interna .card {
    border: 0;
    color: #666;
    margin-bottom: 1rem;
}


/*side bar-wrapper*/
.sidebar-wrapper {
    position: sticky;
    top: 70px;
}

/*box side bar*/
.sidebar-wrapper .card {
    margin-bottom: 1rem;
    border: 0;
}

.sidebar-wrapper h5 {
    color: var(--fyprimary);
    font-family: "Product Sans Bold";
}

/*selo store app*/
.sidebar-wrapper .st1 {
    fill: #fff;
}

.sidebar-wrapper .st5 {
    fill: #fbfbfb;
}

.sidebar-wrapper .st6 {
    fill: #fcfcfd;
}


/*pagina de curso*/
.uny-graf {
    background-repeat: repeat-x;
    background-color: var(--fyprimary);
    height: auto;
    position: relative;
    padding: 15px 0;
    background-size: contain;
}

#header-curso {
    position: relative;
    display: flex;
    align-items: center;
    background: url("../img/bgarea.webp") no-repeat;
    overflow: hidden;
}

.afiliado-menu-topo {
    color: #ffffff!important;
    margin-right: .5rem;
    font-weight: bold;
}

@media screen and (max-width: 599px) {
    #header-curso {
        height: auto!important;
        display: flex;
        align-items: center;
    }
}


#header-curso .caption {
    color: #fff;
}

#header-curso .before:before {
    content: url("../img/modeloadm.webp");
    position: absolute;
    top: 0;
    left: -300px;
    bottom: 0;
    z-index: 0;
}


@media screen and (max-width: 599px) {
    #header-curso .before:before {
        content: none;
    }

    #header-curso .caption p {
        font-size: 20px;
    }
}

/* Caption Header */
#header-curso .caption {
    align-items: center;
    text-align: left;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#header-curso #card-form-area {
    height: 50vh;
}

#card-form-area .btn_codigo {
    color: rgb(255 255 255);
    text-decoration: navajowhite;
}

#card-form-area .btn_codigo:hover {
    color: rgb(255, 255, 255);
    text-decoration: underline;
}

.btn_codigo {
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
}
.btn_codigo:hover {
    color: rgba(255, 255, 255, 1);
    text-decoration: underline;
}

#header-curso h1 {
    font-family: var(--black);
    font-size: 2.5rem;
    margin-bottom: 0;
    line-height: 1;
    text-transform: uppercase;
}

#header-curso h1 small{
    font-size: 25px;
    text-transform: none;
    margin-bottom: .5rem;
}
#header-curso .caption h1 span {
    font-size: 25px;
    font-family: var(--light);
    display: block;
    text-transform: none;
    margin-bottom: 1rem;
}

@media screen and (max-width: 1366px) {
    #header-curso #card-form-area {
        height: 70vh;
    }
}

@media screen and (max-width: 599px) {
    #header-curso h1 {
        font-size: 1.5rem!important;
        text-align: center;
    }
    #header-curso #card-form-area {
        height: 40vh;
    }
}
@media screen and (max-width: 599px) {
    #header-curso .caption h1 span {
        font-size: 20px;
        font-family: var(--light);
        display: block;
        text-transform: none;
        margin-bottom: 1rem;
    }
}
#header-curso h1 span {
    font-family: var(--light);
}

.alert-expired-curso{
    position: fixed;
    z-index: 1021;
    top: 1rem;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin-bottom: 100%;
}
#header-area .caption h1 span {
    font-family: var(--light);
    font-size: 27px;
    color: #f9f9f9;
    line-height: 1.2;
    display: block;
    margin-bottom: 1rem;
}

@media screen and (max-width: 599px) {
    #header-area .caption h1 span {
        font-family: var(--light);
        font-size: 25px;
        color: #ffaca6;
        line-height: 1.2;
        display: block;
        margin-bottom: 1rem;
    }
}
@media screen and (max-width: 599px) {
    #header-curso p {
        font-size: 1.5rem;
        line-height: 1;
        text-align: center;
    }
}

.titulo-curso {
    color: #fff;
    padding: 15px;
}

.titulo-curso h1 {
    text-transform: uppercase;
    font-size: 45px;
    font-weight: 600;
    line-height: 1.4;
}
.detalhes-curso {
    background: #f9f9f9;
    /*padding: 10px;*/
    color: #672b3c;
    text-align: center;
    position: sticky;
    -webkit-position: sticky;
    position: -webkit-sticky;
    top: 60px;
    left: 0 !important;
    z-index: 9;
    transition: all 0.2s ease-in-out;
    font-size: 1.5rem;
    border-radius: 0 0 8px 8px ;
    width: 100% !important;
    padding-bottom: 0.5rem;
}

.detalhes-curso #detalhe-curso{
    display: none;
}

.title-course-scroll{
    display: none;
    text-align: left;
    font-size: 1.8rem;
    margin: 0;
    line-height: 1;
}

.title-course-scroll small {
    font-family: var(--light);
    font-size: 60%;
}
@media screen and (max-width: 599px) {
    .detalhes-curso {
        flex-direction: column;
        z-index: 1019;
        height: auto;
        top: 0;
    }
    .detalhes-curso #detalhe-curso{
        display: flex;
    }
    .detalhes-curso .d-flex {
        font-size: 17px;
    }
    .title-course-scroll{
        text-align: center;
        font-size: 1.2rem;
        line-height: 1;
        padding-bottom: .5rem;
        margin-bottom: .5rem;
        padding: 0.5rem!important;
    }
}

#detalhe-curso .preco {
    display: grid;
    text-align: left;
    line-height: 1.2;
}

#detalhe-curso svg {
    margin-right: 10px;
}

.titulo {
    text-transform: uppercase;
    font-family: Product Sans Medium Regular;
    font-size: 25px;
    margin: 0 0 1rem 0;
}

/*.titulo:before {*/
/*    content: "";*/
/*    height: .26rem;*/
/*    width: 7rem;*/
/*    position: absolute;*/
/*    right: 0px;*/
/*    left: 15px;*/
/*    margin-top: -10px;*/
/*    background-color: var(--fytertiary);*/
/*    border-radius: 20px;*/
/*}*/

.informacao {
    margin-bottom: 3rem;
    margin-top: 20px;
}

.informacao .texto {
    color: #4e4e4e;
    margin: 2.3rem 0;
    font-size: 1.2rem;
}
.informacao .newtab-valores .tabela {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    align-items: center;
}

.informacao .newtab-valores .tabela .forma-pagamento {
    width: 90%;
    height: 7vh;
    background: #eeeeee;
    clip-path: polygon(86% 0, 100% 50%, 86% 100%, 0 100%, 0 0);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.informacao .newtab-valores .tabela .forma-pagamento::before {
    content: "";
    clip-path: polygon(90% 0, 100% 50%, 90% 100%, 86% 100%, 86% 0);
    background: var(--fyprimary);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.informacao .newtab-valores .tabela .forma-pagamento span{
    font-family: var(--medium);
    font-size: 1.3rem;
    color: var(--fyprimary);
    display: grid;
    grid-template-columns: 30px 250px;
    grid-gap: 5px;
    line-height: 1;
    align-items: center;
    justify-content: center;
}
.informacao .newtab-valores .tabela .box-pagamento{
    position: relative;
    display: flex;
    align-items: center;
    height: 15vh;
}
.informacao .newtab-valores .tabela .box-pagamento:before{
    background: var(--fysecondary); /* Old browsers */
    background: -moz-linear-gradient(left, var(--fytertiary) 0%, var(--fysecondary) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, var(--fytertiary) 0%, var(--fysecondary) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, var(--fytertiary) 0%, var(--fysecondary) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--fytertiary)', endColorstr='var(--fysecondary)', GradientType=1); /* IE6-9 */
    clip-path: polygon(100% 0, 33% 100%, 100% 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
}
.informacao .newtab-valores .tabela .box-pagamento .valor-pagamento .parcelas{
    line-height: 1;
    font-size: 1.2rem;
    color: var(--fyprimary);
}
.informacao .newtab-valores .tabela .box-pagamento .valor-pagamento .valor{
    font-family: var(--black);
    font-size: 2.5rem;
    line-height: 1;
    color: var(--fyprimary);
}
.informacao .newtab-valores .tabela .box-pagamento .valor-pagamento .text-apoio{
    font-size: .9rem;
    color: var(--fytertiary);
    text-align: left;
    width: 80%;
}
.informacao .newtab-valores .tabela .box-pagamento .vantagem{
    align-items: flex-end;
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.informacao .newtab-valores .tabela .box-pagamento .vantagem .porcentagem{
    font-size: 2.7rem;
    font-family: var(--black);
    display: block;
    text-align: end;
    line-height: 1;
    color: #fff;
}

.informacao .newtab-valores .tabela .box-pagamento .vantagem .text-apoio{
    font-size: .9rem;
    text-align: end;
    display: block;
    color: #fff;
}
@media screen and (max-width: 1600px ) {
    .informacao .newtab-valores .tabela .box-pagamento {
        height: 17vh;
    }
}
@media screen and (max-width: 1366px ) {
    .informacao .newtab-valores .tabela .box-pagamento {
        height: 20vh;
    }
}
@media screen and (max-width: 599px ) {
    .informacao .newtab-valores .tabela {
        grid-template-columns: 1fr;
    }
    .informacao .newtab-valores .tabela .forma-pagamento {
        width: 100%;
        clip-path: inherit;
        border-left: 10px solid #682a3c;
    }
    .informacao .newtab-valores .tabela .box-pagamento {
        height: 19vh;
    }
    .informacao .newtab-valores .tabela .box-pagamento:before {
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
        width: 45%;
        right: 0;
    }
    .informacao .newtab-valores .tabela .forma-pagamento::before{
        display: none;
    }
    .form-cursosW-Mobile {
        background-color: #F9F9F9;
    }
}
@media screen and (min-width: 600px){
    .form-cursos-W  {
        background-color: #eee0;
        margin-bottom: -23px;
        margin-top: 0px;
        margin-right: 16px;
        margin-left: 16px;
    }
}
.informacao .asterisco {
    font-size: 1.2rem;
}

.sub-titulo {
    text-transform: uppercase;
    font-family: var(--medium);
    font-size: 20px;
}

.informacoes-curso .table .thead-dark th {
    font-weight: 500;
}

.btn-mais-info {
    color: #fff;
    background-color: #6c757d;
    border: none;
    font-weight: 700;
    text-transform: uppercase;
    transition: .5s ease-in-out;
}

.btn-mais-info:hover {
    background-color: #434c54;
    color: rgb(255, 255, 255);
}

.btn-matricula {
    background-color: var(--fytertiary);
    color: #fff;
    border: none;
    font-weight: 700;
    text-transform: uppercase;
    transition: .5s ease-in-out;
}

.btn-matricula:hover {
    background-color: #ff605a;
    color: #fff;
}

.icon-wpp{
    border-radius: 15px 0;
    background: #46C556;
}

.informacoes-curso {
    margin: 2rem 0;
}

.informacoes-curso .table-bordered td:nth-child(3) {
    text-align: center;
}

.top-disciplinas{
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
    font-weight: 600;
}

.top-disciplinas .nome-disciplina{
    padding: 0.75rem;
}

.top-disciplinas .horas{
    border-left: 1px solid #555555;
    padding: 0.75rem;
}

.left-disciplina{
    color: #212529;
    padding: 0.75rem;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    text-align: left;
}

.right-disciplina{
    color: #212529;
    padding: 0.75rem;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}

.btn-detalhe-curso {
    display: none;
}

.infocurso-desktop {
    position: sticky;
    top: 167px;
    margin-top: -64vh;
    z-index: 9;
    border: 2px solid #eee;
    border-radius: 5px;
}
@media screen and (min-width: 566px ) {
    .infocurso-desktop {
        margin-top: -88vh;
    }

    .infocurso-desktop .p-5 {
        padding: 3px 0.2rem !important;
    }
}

.infocurso-desktop .apartir{
    font-size: 1.5rem;
    line-height: .5;
    color: var(--fyprimary);
}
.infocurso-desktop .valor{
    display: block;
    font-size: 1.9rem;
    font-family: var(--bold);
    color: var(--fyprimary);
    line-height: 1;
}

.infocurso-desktop .valor strong{
    font-size: 3rem;
    font-family: var(--black)!important;
}

.infocurso-desktop .text-promo{
    font-size: 1.2rem;
    color: var(--fytertiary);
    line-height: 1;
    padding: 0;
    font-family: var(--medium);
    display: block;
    margin-bottom: 1rem;
}

.infocurso-desktop .detalhes{
    font-size: 1.3rem;
    font-family: var(--light);
    color: var(--fyprimary);
    line-height: 2;
}
.infocurso-desktop .btn-group-custom .btn-custom-whatsapp{
    color: var(--white);
    background: #25d366;
    border: 1px solid #25d366;
    font-family: var(--light);
}
.infocurso-desktop .btn-group-custom .btn-custom-whatsapp:hover{
    background: #1da853;
    border: 1px solid #1da853;
}

.infocurso-desktop .atributos span{
    font-size: .88rem;
    color: var(--fyprimary);
    display: block;
    line-height: 1.5;
}
.infocurso-desktop .box-share{

}
.infocurso-desktop .box-share .share button{
    font-size: 1rem;
    color: #515151;
    line-height: 3;
}
.infocurso-desktop .box-share .share::after{
    width: 35vh;
    position: absolute;
    height: 1px;
    content: "";
    background: #9a9a9a;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.infocurso-desktop .box-share .box-icons {
    text-align: center;
    display: none;
    height: 0;
    padding: 5px;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    transition: 1s linear;
}
.infocurso-desktop .box-share .box-icons.active {
    display: block;
    height: 40px;

}
.infocurso-desktop .box-share .box-icons svg{
    font-size: 30px!important;
    width: 30px;
    color: var(--fyprimary);
}

.infocurso-desktop .box-share .box-icons svg:hover{
    color: var(--fytertiary);
}

.side-bar {
    position: sticky;
    top: 90px;
}

@media screen and (max-width: 599px ) {
    .infocurso-desktop{
        display: none;
    }
}
@media screen and (min-width: 992px ){
    .form-cursosW-Mobile {
        display: none;
    }
}
@media screen and (max-width: 991px ){
    .wpos_fixed {
        display: none;
    }
}
.btn-mais-informacoes{
    background-color: #600030;
    color: #FFF;
    padding: 0.5rem 1rem;
    border-radius: 15px 0;
    font-weight: 600;
    width: 100%;
    text-transform: uppercase;
}

.btn-mais-informacoes:hover{
    color: #FFF !important;
}

@media screen and (max-width: 991px ) {
    .side-bar:before {
        background-color: transparent !important;
    }

    .titulo {
        font-size: 26px;
        margin: 2rem 0 1rem 0;
    }

    .titulo:before {
        height: .20rem;
        left: 15px;
        margin-top: 36px;
    }

    .informacao .texto {
        margin: 2.1rem 0;
    }
}

@media screen and (max-width: 599px) {
    #detalhe-curso .preco {
        display: flex;
    }

    .uny-graf {
        padding: 0;
    }

    .titulo-curso h1 {
        font-size: 25px;
    }

    .titulo-curso h2 {
        font-size: 15px;
    }

    .informacoes-curso .table td, .table th {
        padding: .75rem;
        vertical-align: top;
        white-space: nowrap;
        border-top: 1px solid #dee2e6;
    }

    #detalhes-curso .container .d-block {
        width: 100%;
        margin: 6px;
    }

    .w100 {
        width: 100%;
    }

    /*Custom scrollbar*/
    .table-responsive-sm::-webkit-scrollbar-thumb {
        background: #ccc;
        height: 1px !important;
        border-radius: 20px;
        width: 1px;
    }

    .table-responsive-sm::-webkit-scrollbar {
        height: 5px !important;
    }

    /*Fim scrollbar*/
    .side-bar {
        margin-top: 30px;
    }

    .sub-titulo {
        font-size: 18px;
    }

}

/*===side bar 27/09/2019 */
.side-bar:before {
    /*border-left: 3px solid #eee;*/
    content: "";
    width: 3px;
    height: 100%;
    background-color: #eee;
    border-radius: 20px;
    position: absolute;
    right: 0;
    left: -36px;
}

.list-group-box {
    background-color: #fff;
    color: #818182;
    margin-bottom: 2rem;
    border-radius: 5px;
    font-size: 14px;
    border: 2px solid #d8d8d8;
}

.list-group-box h5 {
    background-color: #d8d8d8;
    padding: .5rem;
    font-size: 14px;
    margin: 0;
}

.list-group-box a {
    color: var(--fysecondary);
    background-color: #fff;
    padding: .5rem;
    border-top: 2px solid #d8d8d8;
}

.list-group-box a:hover {
    text-decoration: none;
    color: #4A858E;
}

.mudar-area {
    border-top: 2px solid #d8d8d8;
    margin-top: 45px;
}

.mudar-area h5 {
    color: var(--fytertiary);
    font-weight: 500;
    font-size: 24px;
    text-transform: uppercase;
    margin: 19px 0 5px 0;
    display: flex;
    justify-content: center;
}

.btn-cursos {
    text-transform: uppercase;
    text-align: center;
    font-family: Product Sans Medium Regular;
}

.btn-cursos:hover {
    background-color: #fafafa;
}

/* MODAL */
.modal-cursos .modal-header {
    border-bottom: 0;
}

.modal-cursos .modal-title {
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    color: var(--fyprimary);
    text-transform: uppercase;
}

.seal-partner {
    color: #fff;
    margin-left: 2rem;
}

.seal-partner img {
    width: 300px;
}

@media screen and (max-width: 599px) {
    .seal-partner img {
        width: 200px;
    }
}

@media only screen and (max-width: 600px) {
    #typ-msg

    {width: 95% !important;}
}

@media screen and (max-width: 599px) {
    .seal-partner {
        margin: 2rem;
        width: 50%;
    }
}

.msg-obrigado-wpos {
    max-width: 720px;
    align-self: center;
}

@media only screen and (max-width: 600px) {
.msg-obrigado-wpos {
    align-self: center;
}}


.f-2 {
    font-size: 1.3rem;
    line-height: 1.3;
}

.f-3 {
    font-size: 1.8rem;
    line-height: 1;
}

#accordionFaq {
    padding: 0 0 10rem 0;
}

#accordionFaq p {
    font-size: 1.5rem;
    font-family: var(--light);
}


/*contato*/
#header-area.fale-conosco {
    height: 57vh;
}
@media screen and (max-width: 599px){
    #header-area.fale-conosco {
        height: 70vh;
    }
    #header-area.fale-conosco p {
        font-size: 1.2rem;
    }
    #header-area.fale-conosco .img-contato {
        display: none;
    }
}
.small-size {
    margin-top: 2rem;
    font-size: 1.6rem !important;
}

.aluno, .naoAluno {
    display: inline-block;
    text-align: center;
}

#collapse-contat [aria-expanded="true"] {
    background-color: var(--fytertiary);
    color: #fff;
}

.aluno a.btn, .naoAluno a.btn {
    color: var(--fytertiary);
    border-width: 2px;
    text-transform: uppercase;
}

.aluno a.btn:hover, .naoAluno a.btn:hover {
    background-color: var(--fytertiary);
    color: #fff;

}

.aluno p {
    font-size: 18px;
    color: #6d6d6d;
    font-weight: 500;
}

.aluno .small {
    margin-top: 15px;
    color: #6d6d6d;
}


.aluno a.btn-custom-primary:hover {
    background-color: var(--fytertiary);
}

.aluno .small {
    font-size: 17px;
}

.aluno .clique {
    color: var(--fytertiary);
}

.modal .info-acesso {
    font-size: 19px;
    font-family: var(--medium);
}

.contato .modal-title {
    color: var(--fyprimary);
}

#formContato .error {
    position: inherit;
}

/*ERROR page*/

.subtitle {
    font-family: var(--light);
    font-size: 2.4rem;
    line-height: 1;
}

.big-font {
    font-size: 5rem !important;
}

.text-apoio {
    font-size: 1.5rem;
    line-height: 1;
    text-align: center;
}



/*Credibilidade*/
/*=====================
	Banner
=====================*/

.banner {
    background-image: url(../img/credibilidade/bg-topo.jpg);
}
.banner h2 {
    color: rgb(255, 255, 255);
    font-size: 36px;
    font-weight: 100;
    display: block;
    margin-top: 120px;
    margin-bottom: 25px;
}
.banner h2 strong {
    font-weight: 700;
}
.banner .linha {
    border-bottom: 1px solid rgb(223, 124, 134);
    width: 94%;
}
.banner p {
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: 400;
    margin-top: 25px;
}
.banner .container .row {
    margin-bottom: 0px;
}
.hero {
    position: relative;
    height: 400px;
    margin-top: 30px;
}
.hero img {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    max-width: 369px;
}

.img-ano-novo{
    width: 50%;
}
@media screen and (max-width: 599px) {
    .img-ano-novo {
        width: 70%;
    }
}
/*=====================
	Introdução
=====================*/

.intro {
    background-color: rgb(250, 250, 250);
    border-bottom: 1px solid rgb(238, 238, 238);
}
.intro .col-decisao {
    padding-right: 70px;
}
.intro .col-informacoes {
    padding-left: 70px;
}
.icone-intro {
    width: 150px;
    height: 100px;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 30px;
}
.icone-decisao {
    background-image: url(../img/credibilidade/decisao.webp);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.icone-informacoes {
    background-image: url(../img/credibilidade/informacoes.webp);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.intro p {
    color: #666;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
}
/*=====================
	Geral
=====================*/

.titulo-box-quem-somos {
    margin-top: 60px !important;
}

.titulo-box {
    font-size: 30px;
    font-weight: 700;
    color: rgb(42, 42, 42);
}
.titulo-box span {
    display: inline-block;
    width: 60px;
    height: 3px;
    background-color: rgb(254, 63, 81);
}
.texto-box {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: rgb(102, 102, 102);
}


/*=====================
	Quem Somos
=====================*/
.quem-somos .container .row {
    margin-bottom: 0px;
}
.quem-somos-img {
    position: relative;
    height: 655px;
    margin-top: 30px;
}
.quem-somos-img img {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    max-width: 362px;
}
.diferenciais {
    text-align: center;
}
.area-box-dif {
    border: 1px solid rgb(221, 221, 221);
    border-radius: 4px;
    padding: 20px 10px;
}
.area-box-dif img {
    height: 50px;
}
.dif-l1,
.dif-l3 {
    font-size: 16px;
    color: rgb(102, 102, 102);
    line-height: 30px;
    margin: 0px;
}
.dif-l2 {
    font-size: 24px;
    color: rgb(254, 63, 81);
    font-weight: 700;
    text-transform: uppercase;
    line-height: 30px;
    margin: 0px;
}
/*=====================
	Dúvidas
=====================*/

.duvidas {
    background-color: rgb(250, 250, 250);
    padding: 80px 0 80px 0;
    border-top: 1px solid rgb(238, 238, 238);
    border-bottom: 1px solid rgb(238, 238, 238);
}
.duvidas .titulo-box {
    text-align: center;
    margin-bottom: 60px;
}
.duvidas .impar,
.duvidas .par {
    padding: 40px 0;
}
.duvidas .impar {
    background-color: rgb(242, 242, 242);
}
.duvidas .pergunta {
    font-weight: 700;
    color: rgb(42, 42, 42);
    font-size: 16px;
    line-height: 28px;
}
.duvidas .resposta {
    font-weight: 400;
    color: rgb(102, 102, 102);
    font-size: 16px;
    line-height: 28px;
    text-align: justify;
}
/*=====================
	Historia
=====================*/

.historia {
    padding: 80px 0 80px 0;
}
.historia .titulo-box {
    text-align: center;
    margin-bottom: 60px;
}
.historia .icone img {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
.historia .blocos .col .row {
    padding: 0 50px 0 50px;
    text-align: center;
}
.historia .titulo {
    font-weight: 700;
    font-size: 20px;
    color: rgb(42, 42, 42);
    text-align: center;
    margin-top: 10px;
}
.historia .titulo h4 {
    font-weight: 700;
}

.historia .titulo p {
    margin-bottom: 0;
}
.historia .texto {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: rgb(102, 102, 102);
    text-align: center;
}
/*=====================
	Destaque
=====================*/

.destaque {
    padding: 70px 100px;
    text-align: center;
    background-image: url(../img/credibilidade/bg-topo.jpg);
}
.destaque p {
    font-size: 36px;
    font-weight: 200;
    color: rgb(255, 255, 255);
    margin: 0;
}
.destaque p strong {
    font-weight: 700;
}
/*=====================
	Opiniões
=====================*/

.opinioes {
    padding: 80px 0 80px 0;
    background-color: rgb(250, 250, 250);
    border-bottom: 1px solid rgb(238, 238, 238);
}
.opinioes .titulo-box {
    text-align: center;
    margin-bottom: 60px;
}
.opinioes .depoimento {
    padding-left: 100px;
    background-image: url(../img/credibilidade/aspas.webp);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-bottom: 80px;
}
.opinioes .depoimento p {
    font-size: 16px;
    line-height: 28px;
    color: rgb(102, 102, 102);
}
.opinioes .depoimento span {
    color: rgb(42, 42, 42);
    font-weight: 500;
}
.opinioes .depoimento span a {
    color: rgb(0, 112, 201);
    font-weight: 400;
}
/*=====================
	SubMenu
=====================*/
#sub-menu-mobile{
    background-color: #333;
    border-color: #333;!important;
    margin-bottom: 0;
}

#btn-sub-menu-mobile{
    float: left;
    border-color: #333;!important;
    background-color: #333;!important;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

#btn-sub-menu-mobile:hover{
    float: left;
    border-color: #333;!important;
    background-color: #333;!important;
    width: 100%;
}


span.btn-title-credibilidade{
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    float: left;

}

#sub_menu_interno_credibilidade{
    margin-top: 6px;
    background-color: #333333;
    width: 100%;
    position: sticky;
    -webkit-position: sticky;
    position: -webkit-sticky;
    top: 0px;
    z-index: 99;
}

#sub_menu_interno_credibilidade li {
    float: left;
    list-style: none;
    transition: all 0.4s ease;
    height: 57px;
    line-height: 40px;
    padding: 0 10px;
}

#sub_menu_interno_credibilidade li:hover {
    background-color: #202020;
}

#sub_menu_interno_credibilidade h1 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin: 18px 0;
}

#sub_menu_interno_credibilidade li a {
    color: #fff;
    display: block;
    text-decoration: none;
}

#sub_menu_interno_credibilidade .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background: #202020;
}

#sub_menu_interno_credibilidade .nav-pills .nav-link {
    border-radius: 0;
}

.sem_margem_l_r {
    padding-left: 0;
    padding-right: 0;
}

.formlay{
    position: absolute;
    background: #585858b0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1021;
    display: flex;
    align-items: center;
    justify-content: center;
}

.formlay p{
    font-size: 35px;
    color: #fff;
}

/*=====================
	Media Queries
=====================*/

@media only screen and (min-width: 1200px) {
    .dif-l1, .dif-l3 {
        font-size: 12px;
    }
    .dif-l2 {
        font-size: 20px;
    }
    ul#sub-menu-mobile{
        display: none;
    }
}

@media only screen and (min-width: 1250px) {
    .dif-l1, .dif-l3 {
        font-size: 11px;
    }
    .dif-l2 {
        font-size: 19px;
    }
}

@media only screen and (min-width: 1540px) {
    .dif-l1, .dif-l3 {
        font-size: 16px;
    }
    .dif-l2 {
        font-size: 24px;
    }
}

@media screen and (max-width: 1200px){
    .box-dif {
        margin-bottom: 20px;
    }
    ul#sub-menu-desktop{
        display: none;
    }
    #sub_menu_interno_credibilidade li {
        padding: 0 8px;
    }
    #sub_menu_interno_credibilidade li:first-child {
        padding-right: 30px;
    }
}


@media only screen and (max-width: 992px) {
    .hero {
        margin-top: 0px;
    }
    .banner h2 {
        margin-top: 80px;
    }
    .banner p {
        font-size: 16px;
        margin-bottom: 25px;
    }
    .intro .col-decisao {
        padding-right: 0.75rem;
    }
    .intro .col-informacoes {
        padding-left: 0.75rem;
    }
    .quem-somos {
        padding: 80px 0 80px 0;
        text-align: center;
    }
    .quem-somos .titulo-box {
        margin-bottom: 60px;
    }
    .diferenciais {
        margin-top: 40px;
    }
    .destaque p {
        font-size: 26px;
    }
    .duvidas .impar,
    .duvidas .par {
        padding: 40px 40px;
        margin-bottom: 0px;
    }
    #sub_menu_interno_credibilidade ul {
        padding: 0 10px;
    }
    #sub_menu_interno_credibilidade li:first-child {
        background: none;
        height: 30px;
    }
    #sub_menu_interno_credibilidade li {
        float: none;
        background: url(../img/credibilidade/separador_footer.webp) bottom center repeat-x;
        padding-bottom: 10px;
    }
}


@media only screen and (max-width: 768px) {
    .banner h2 {
        font-size: 28px;
    }
    .destaque {
        padding: 70px 50px;
    }

}
@media only screen and (max-width: 480px) {
    .brand-logo {
        width: 200px;
        height: 26px;
    }
    nav {
        height: 88px;
    }
    nav .button-collapse i {
        height: 30px;
        line-height: 30px;
    }
    .banner p {
        font-size: 14px;
        margin-bottom: 25px;
    }
    .destaque {
        padding: 70px 20px;
    }
    .destaque p {
        font-size:  24px;
    }
    .quem-somos {
        padding: 40px 0 40px 0;
    }
    .quem-somos .titulo-box {
        margin-bottom: 30px;
    }
    .duvidas {
        padding: 40px 0 40px 0;
    }
    .duvidas .titulo-box {
        margin-bottom: 30px;
    }
    .historia {
        padding: 40px 0 40px 0;
    }
    .historia .titulo-box {
        margin-bottom: 30px;
    }
    .opinioes {
        padding: 40px 0 40px 0;
    }
    .opinioes .titulo-box {
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 320px) {}

.balloon {
    background-color: #25d366;
    padding: 14px;
    position: fixed;
    bottom: 20px;
    z-index: 999999;
    right: 120px;
    width: 220px;
    float: left;
    border-radius: 5px;
    cursor: pointer;

}
.balloon:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    right: -10px;
    top: 42px;
    background-color: #25d366;
    -webkit-transform: rotate(45deg);
}
.balloon-content {
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
}
.balloon-content p {
    font-size: 14px!important;
    margin: 0;
}
.balloon-hide {
    display: none;
}
@media (max-width: 599px){

    .balloon {
        background-color: #25d366;
        padding: 10px;
        position: fixed;
        bottom: 15px;
        z-index: 999999;
        right: 100px;
        width: 200px;
        float: left;
        border-radius: 5px;
        cursor: pointer;
    }
    .balloon:before {


        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        right: -8px;
        top: 23px;
        background-color: #25d366;
        -webkit-transform: rotate(45deg);
    );
    }
    .balloon-content {
        background-color: #fff;
        padding: 5px;
        border-radius: 2.5px;
    }
    .balloon-content p {
        font-size: 10px!important;
    }
}

.contact-float {
    position: fixed;
    bottom: 20px;
    right: 10px;
    display: block;
    z-index: 1021;
}
/*.contact-float a{*/
/*    color: #fff;*/
/*}*/
.btn-contact-float {
    right: 5px;
    bottom: 5px;
    background: #25d366;
    padding: 1rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, .2);
    color: #ffffff;
    position: relative;
    transition: all ease-in-out .3s;
    height: 64px;
    width: 64px;
    cursor: pointer;
    overflow: hidden;
}

.contact-float .info {
    display: none;
    position: fixed;
    bottom: 95px;
    color: #000;
    right: 15px;
    font-size: 1.2rem;

}

.contact-float .info li {
    display: block;
    padding: .5rem 1rem;
    background: #f0fdf5;
    border-radius: 35px;
    margin-bottom: .5rem;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, .2);
}
.contact-float .info a{
    color: #424447;
}
.contact-float .info a svg{
    color: #25d366;
}
/*.contact-active {*/
/*    display: flex !important;*/
/*    height: 235px !important;*/
/*    transition: all ease-in-out .3s;*/

/*}*/

.contact-active .info {
    display: block;
    width: 230px;
}

#header-home .carousel-indicators li {
    width: 30px;
    height: 8px;
    background-color: var(--fyprimary);
    border-top: 0;
    border-radius: 10px;
    border-bottom: 0;
    transition: all ease-in-out .3s;
}

#header-home .carousel-indicators li.active {
    width: 8px;
    height: 8px;
    transition: all ease-in-out .3s;

}

#header-home .carousel-indicators {
    position: inherit;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    list-style: none;
}

/*POPUP NOVOS PREÇOS*/
.new-price-popup{
    transition: all ease-in-out .3s;
    z-index: 1020;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.new-price-popup #box-bg{
    position: relative;
    height: 15vh;
    transition: .5s linear;
}
@media screen and (max-width: 1600px){
    .new-price-popup #box-bg{
        height: 24vh;
    }
}

.new-price-popup #box-bg.closed{
    height: 0!important;
    display: none!important;
}

.new-price-popup #box-bg::after{
    content: "";
    background: rgb(230,66,74);
    background: -moz-linear-gradient(90deg, rgb(169, 57, 101) 0%, rgb(66, 0, 40) 100%);
    background: -webkit-linear-gradient(90deg, rgb(169, 57, 101) 0%, rgb(66, 0, 40) 100%);
    background: linear-gradient(90deg, rgb(169, 57, 101) 0%, rgb(66, 0, 40) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e6424a",endColorstr="#d91f53",GradientType=1);
    top: 10%;
    bottom: 0;
    left: -4%;
    right: 60%;
    position: absolute;
    z-index: 2;
    clip-path: polygon(0 0, 0% 90%, 21% 45%);
}

.new-price-popup #box-bg .header span {
    margin: 10px 15px;
    color: #fff;
    position: absolute;
    right: 0;
    z-index: 1;
    cursor:pointer;
}
/*.new-price-popup #box-bg .header span:before {*/
/*    content: '\f057';*/
/*    font-family: "FontAwesome";*/
/*    transition: .5s linear;*/
/*}*/

/*.new-price-popup #box-bg .header span.active:before {*/
/*    content: '\f139';*/
/*    font-family: "FontAwesome";*/
/*}*/

.new-price-popup #box-bg .title-black {
    padding: 20px 0;
}
.new-price-popup #box-bg  .title-black h2{
    color: #fff;
    text-transform: uppercase;
    font-size: 1.9rem;
}
.new-price-popup #box-bg  .title-black .destaque-title{
    background-color: #691d1d94;
    border-radius: 15px;
}
.new-price-popup #box-bg  .counttime{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.new-price-popup #box-bg  .counttime .soon[data-layout*=group] {
    padding: 0;
}
.new-price-popup #box-bg  .counttime .soon .soon-group-separator{
    font-size: 2.1rem;
}
.new-price-popup #box-bg  .counttime .text-apoio{
    font-size: 50%;
}
.scrollUp{
    display: none;

}

@media screen and (max-width: 1366px){
    .new-price-popup #box-bg {
        height: 28vh;
    }
}
@media screen and (max-width: 599px){
    .new-price-popup #box-bg {
        height: 37vh;
        width: 53vh;
    }
    .new-price-popup #box-bg::after{
        display: none;
    }
    .new-price-popup #box-bg .title-black {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 15px 40px 0;
        text-align: center;
    }
    .new-price-popup #box-bg .title-black h2 {
        font-size: 1.5rem;
    }
    .new-price-popup #box-bg .title-black p {
        font-size: 16px;
    }
    .new-price-popup #box-bg .counttime .soon[data-layout*=group] {
        padding: 0;
        line-height: .9;
    }
    .new-price-popup #box-bg .counttime .text-apoio {
        font-size: 35%;
    }
    .new-price-popup #box-bg .counttime .soon .soon-group-separator {
        font-size: 1.5rem;
    }

}
@media screen and (max-width: 414px){
    .new-price-popup #box-bg {
        height: 30vh;
        width: 55vh;
    }
    .new-price-popup #box-bg .title-black {
        text-align: center;
    }

}
@media screen and (max-width: 360px){
    .new-price-popup #box-bg {
        height: 35vh;
        width: 52vh;
    }
    .new-price-popup #box-bg .title-black {
        padding: 26px 30px 0;
        text-align: center;
    }
    .new-price-popup #box-bg .title-black p {
        font-size: 13px;
    }

}
@media screen and (max-width: 320px){
    .new-price-popup #box-bg {
        height: 37vh;
        width: 51vh;
    }
    .new-price-popup #box-bg .title-black {
        padding: 20px 40px 0;
        text-align: center;
    }
    .new-price-popup #box-bg .title-black h2 {
        font-size: .8rem;
    }
    .new-price-popup #box-bg .title-black p {
        font-size: 10px;
    }

}
@media screen and (max-width: 375px) and (min-height: 812px){
    .new-price-popup #box-bg {
        height: 29vh;
        width: 43vh;
    }
    .new-price-popup #box-bg .title-black h2 {
        font-size: .9rem;
    }
    .new-price-popup #box-bg .title-black p {
        font-size: 13px;
    }
}

/*Preços 2020 Pós*/
.precos_pos_curso .roxo {
    color: #A93767 !important;
    font-size: 15px !important;
}

.precos_pos_curso .black-size {
    color: #222222!important;
    font-size: 18px!important;
    font-family: var(--bold)!important;
    margin-bottom: 0!important;

}

.precos_pos_curso .gray-size {
    font-size: 17px !important;
    color: #8F8F8F !important;
}

.precos_pos_curso .gray-big-size {
    color: #8F8F8F !important;
    font-size: 28px !important;
    font-weight: lighter;
    line-height: 1;
}

.precos_pos_curso .red {
    color: #F04D4C !important;
    font-size: 35px !important;
    font-weight: bold;
}

/*Typed Config Style*/

#typed::after {
    content: '|';
    display: inline;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}

/*Removes cursor that comes with typed.js*/
.typed-cursor{
    opacity: 0;
    display: none;
}
/*Custom cursor animation*/
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
.askgraduacaopage-message-1{
    background-color: #fff;
    padding: 1rem;
    border-radius: 10px;
}
.information-icon{
    position: relative;
}
.information-msg-1{
    color: #848484!important;
    font-size: 1rem!important;
    margin-top: .5rem;
}
.txt-white{
    color: #fff;
}
.txt-white:hover{
    color: #fff;
}
.bold{
    font-weight: 700;
}
#bf-hello-bar{
    background-color: #000000;
    padding: .5rem 0;

}
.hello-destak-bf{
    color: #ff4000;
    font-weight: 600;
}
.btn-bf-hellobar{
    background-color: #ff4000;
    padding: .5rem 0;
    transition: .2s ease-in-out;
}
.btn-bf-hellobar:hover{
    background-color: #ff571e;
}
.btn-bf-hellobar p{
    color: #000;
    font-weight: 600;
    margin-bottom: 0!important;
    font-size: .9rem!important;
}
.btn-bf-hellobar-link{
    text-decoration: none;
}
.btn-bf-hellobar-link:hover{
    text-decoration: none;
}
.chamada-hellobar-bf{
    font-size: 1rem!important;
    margin-top: .5rem;
}
@media (max-width: 575.98px){
    .chamada-hellobar-bf{
        font-size: .9rem!important;
        padding: .5rem 0;
    }
}

/*---------Lista Vantagens--------*/

#lista-vantagens-pos{
    margin-top: 1rem;
}
.item-vantagem{
    margin: 2rem 0;
}
.titulo-vantagem{
    position: relative;
}
.titulo-vantagem::before{
    position: absolute;
    content:url(../img/check.webp);
    left: -2.5rem;
    top: .2rem;
}
.destak-vantagem{
    color: #5f002f;
    font-weight: 600;
}

/*DOBRA INVESTIMENTOS PAGINAS DE CURSO*/
.chamada-promo{
    text-align: center;
    color: var(--fyprimary);
    padding: 4px;
    margin: 0 0 10px 0;
    font-size: 17px !important;
    font-weight: bold;
}

.titulo-investimento-grad{
    font-size: 1.2rem;
    position: relative;
}
.titulo-investimento-grad::before{
    content: '';
    position: absolute;
    width: 50px;
    height: 1px;
    background-color: #600030;
    top: -.5rem;
    margin-left: 2.5rem;
}
.chamada-investimento{
    padding: .5rem 0 1rem;
    font-size: 1.6rem;
}
.btn-infos-wpp-grad{
    background-color: #600030;
    -webkit-border-radius: 15px 0;
    -moz-border-radius: 15px 0;
    border-radius: 15px 0;
}
.btn-infos-wpp-grad a{
    color: #fff!important;
    font-weight: 600;
}
.titulo-destak {
    color: #ef6101;
    font-weight: 600;
}
.list_attr{
    padding-bottom: 30px !important;
}
/*Dobra 7: Newsletter*/

#dobra-7{
    padding: 2.5rem 0;
}
.newsletter{
    background-color: #fbfafb;
    padding: 2rem 0;
    border-radius: 30px 0;
}
.newsletter h4{
    color: #979797;
    font-weight: 500;
}
.newsletter span{
    font-weight: 700;
}
.titulo-noticia{
    padding: 1rem 0 0 0;
}
.btn-newsletter{
    background-color: #ef6101!important;
    color: #fff!important;
    border: none!important;
    font-weight: 500;
    text-transform: lowercase;
}

@media (max-width: 575.98px){
    .btn-newsletter{
        margin-left: 5rem;
        margin-top: .8rem;
    }
}
.asterisco {
    color: #fff;
}
.banner-aniversario-15{
    padding: 3rem 0 1.5rem;
}
.banner-aniversario-15 img {
    border-radius: 5px;
}
/*MODAL ANIVERSÁRIO UNYLEYA 15 ANOS*/

#modal-aniversario-15-anos *{
    font-family: Arial !important;
}
.trigger-modal-aniversario{
    position: fixed;
    z-index: 999999999;
    cursor: pointer;
    box-sizing: border-box;
    font-family: Arial!important;
    font-size: 14px;
    display: block;
    width: 75px;
    height: 75px;
    border-radius: 75px;
    padding: 15px;
    top: 8rem;
    right: 24px;
}

#modal-aniversario-15-anos{
    padding: 0!important;
    overflow-y: scroll!important;

}
#modal-aniversario-15-anos .infos-niver-unyleya{
    padding: 3rem 0;
}
#modal-aniversario-15-anos .modal-header{
    border-bottom: none!important;
    background-color: #ff8300;
}
.dark-side .close{
    color: #e82058!important;
    opacity: 1!important;
    font-weight: 800;
    text-shadow: none!important;
    position: relative;
    right: 0;
}
#btn-close-modal-aniversario{
    background-color: #ffffff;
    padding: 1rem;
    border-radius: 50%;
    height: 50px;
    width: 50px;
}
#modal-aniversario-15-anos .modal-dialog{
    margin: 0!important;
    max-width: 100%!important;
    padding: 0!important;
}
#modal-aniversario-15-anos .modal-body{
    height: 1100px;
    background-color: #f4aa00;
    padding: 0!important;
}
#modal-aniversario-15-anos .orange-side .chamada-aniversario{
    padding: 0 0 2rem 0;
}
#modal-aniversario-15-anos .orange-side .chamada-aniversario .destaque-aniversario{
    text-shadow: 3px 1px 0px rgba(232, 32, 88, 1);
}
#modal-aniversario-15-anos .orange-side .modelo-niver{
    position: relative;
    bottom: 5rem;
}
.form-niver-unyleya{
    padding: 3rem 0;
}
.no-space{
    padding: 0!important;
    margin: 0!important;
}
.orange-side{
    background: transparent;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #f4aa00;
    padding: 1rem 2.5rem 20rem;
}
.orange-side h2{
    font-size: 2.5rem;
    font-weight: 800;
    color: #000000;
}
.dark-side{
    background-color: #000000;
    padding: 3rem 3rem 15rem;
    height: 100%;
}
.dark-side .chamada-vagas{
    font-size: 2rem;
    font-weight: 800;
    color: #e82058;
    margin-bottom: 0;
}
.dark-side h3{
    color: #ffffff;
    font-size: 2rem;
    font-weight: 800;
}
.dark-side .box-form-aniversario{
    padding: 3rem;
    background-color: #fff;
    margin: 1.5rem 3rem;
    border-radius: 10px;
}
.dark-side .box-form-aniversario .hide-label{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap; /* added line */
    border: 0;
}
.dark-side .box-form-aniversario .btn-form-aniversario{
    width: 100%;
    background-color: #e82058;
    color: #fff;
    font-weight: 700;
    padding: 1rem;
    border-radius: 50px;
}
.txt-white{
    color: #ffffff;
}
.btn-niver{
    margin: 15rem 0;
    background-color: #70263f;
    padding: 1rem 0;
    color: #ffffff;
    border-radius: 50px;
    width: 100%;
}
@media (max-width: 576px) {
    .orange-side{
        padding: 1.5rem 1.5rem 2rem;
    }
    .dark-side{
        padding: 1rem 1rem 15rem;
    }
    .dark-side .box-form-aniversario{
        margin: 0.5rem -0.5rem;
    }
    .dark-side .close{
        position: fixed;
        top: 0;
        padding: 1rem!important;
        margin: 1rem;
    }
    #modal-aniversario-15-anos .orange-side h2 {
        font-size: 2.2rem;
        font-weight: 800;
        color: #000000;
    }
    #modal-aniversario-15-anos .dark-side .box-form-aniversario {
        padding: 1.9rem;
    }
    #modal-aniversario-15-anos #pills-tab-graduacao {
        font-size: 0.8rem;
    }
    #modal-aniversario-15-anos .orange-side {
        background: transparent;
    }
}

@media (min-width: 1400px) {
    .orange-side{
        padding: 5rem 6rem;
        height: 100%;
    }
    .dark-side{
        padding: 5rem 8rem;
        height: 100%;
    }
}
#modal-aniversario-15-anos #tabs-formhome .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #e82058;
    color: #fff;
    font-weight: 500;
}

#modal-aniversario-15-anos #pills-home-tab, #pills-tab-pos-aniversario {
    color: #000000;
}
.banner-aniversario-15{
    padding: 3rem 0;
}
.banner-aniversario-15 img{
    border-radius: 5px;
}


/* Works on Firefox */
#modal-aniversario-15-anos {
    scrollbar-width: thin;
    scrollbar-color: #ff8c00 #000;
}

/* Works on Chrome, Edge, and Safari */
#modal-aniversario-15-anos::-webkit-scrollbar {
    width: 12px;
}

#modal-aniversario-15-anos::-webkit-scrollbar-track {
    background: #000;
}

#modal-aniversario-15-anos::-webkit-scrollbar-thumb {
    background-color: #ff8c00;
    border-radius: 20px;
    border: 3px solid #000;
}

@media (max-width: 575.98px){
    #modal-aniversario-15-anos .form-home {
        padding: 0.5rem 0.5rem!important;
    }
    #modal-aniversario-15-anos .orange-side .modelo-niver {
        bottom: 0rem!important;
        display: none;
    }
}

#modal-aniversario-15-anos .form-control {
    padding: 0px 8.375rem 0 0.75rem!important;
}

#modal-aniversario-15-anos .invalid-feedback{
    display: none!important;
}

#modal-aniversario-15-anos .form-group {
    margin-top: 0.5rem!important;
    margin-bottom: 0rem!important;
}

/* hello bar */
#hello-bar-aniversario-2021-graduacao{
    background-color: #f5a900;
    padding: .5rem 0;
}
#hello-bar-aniversario-2021-graduacao p{
    color: #000;
    font-weight: 800;
    margin-bottom: 0;
}
#hello-bar-aniversario-2021-graduacao a{
    text-decoration: none;
}
#hello-bar-aniversario-2021-graduacao .btn-aniversario{
    background-color: #e82058;
    color: #000;
    padding: .5rem;
    text-decoration: none;
    font-weight: 800;
    border-radius: 5px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#hello-bar-aniversario-2021-graduacao .btn-aniversario:hover{
    background-color: #000;
    color: #e82058;
}
#header-aniversario-15-wpos{
    background-color: #f5a800;
}

.desconto-campanha {
    text-transform: uppercase;
    color: #fdface!important;
    font-weight: bold!important;
    font-size: 2rem;
    text-shadow: 0.1em 0.1em #6c3909;
}

@media screen and (max-width: 599px) {
    .txt-aproveite {
        font-size: 1.2rem;
    }
    .txt-pos-ead-em{
        font-size: 1rem!important;
        margin: -0.5rem 0rem 0.5rem 0rem!important;
    }
}

/*====================================================*/
/*===========BACKGROUND'S DO FLAG CONTADOR ===========*/
/*====================================================*/

.body-flag {
    animation-name: color;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    text-align: center;
    vertical-align: middle;
    color: #ff0000!important;
    border-radius: 20px;
    z-index: 9;
    margin-bottom: 1rem;
}

.body-flag-mobile {
    background-color: #004685;
    animation-name: color;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    padding: 7px;
    border-radius: 20px;
    box-shadow: 3px 3px 5px 6px #ccc;

}

.frase-size {
    font-size: 5px;
}

.sub-titulo-home-graduacao{
    font-size: 2rem;
}

#clockdiv{
    color: #e73255;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 25px;
}

#clockdiv > div {
    border-radius: 12px;
    background: #ffffff;
    display: inline-block;
    width: 4.7rem;
}

@media (max-width: 320px) {
    #clockdiv > div {
        width: 4.5rem;
    }
}

#clockdiv div > span{
    border-radius: 3px;
    color: #6d033b;
    font-weight: 500;
}

.smalltext{
    padding-top: 0px;
    font-size: 12px;
    color: #6d033b;
    font-weight: 600;
    border-radius: 0 0 0.5rem 0.5rem;
}

.border-form{
    border: 0.2rem solid #e6e6e6;
    top: -7.2rem;
    position: relative;
    padding: 8rem 2rem 0;
    border-radius: 0.5rem;
}

@media (max-width: 575.98px) {
    .border-form {
        padding: 3rem 0!important;
    }
}

.headline-contador {
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 8px;
}

.destaque-contador {
    color: #ff6400;
    font-weight: bold;
    text-shadow: 1px 1px rgb(255 255 255 / 30%);
    font-size: 20px;
}

.headline-bg {
    background: rgba(255, 255, 255, 0.3);
    padding: 8px;
    border-radius: 0.25rem;
    margin-bottom: 8px;
}

.headline-bg-especial {
    background-color: #6a103e;
    border-radius: 15px 0;
}

.headline-contador-especial {
    color: #333;
}

.img-fy-regressivo{
    width: 35rem;
    margin-bottom: -6rem;
    margin-top: -1rem;
    padding: 1.5rem;
}

@media (max-width: 575.98px) {
    .img-fy-regressivo{
        width: 100%;
        margin-bottom: -3rem;
        margin-top: -1rem;
        padding: 1.5rem;
    }
}

@media (max-width: 575.98px) {
    #clockdiv {
        color: #e73255;
        display: inline-block;
        font-weight: 100;
        text-align: center;
        font-size: 18px;
    }
}

/* CURSO */
.img-curso-fy-regressivo{
    width: 28rem;
    margin-bottom: -2rem;
    margin-top: -3rem;
    padding: 1.5rem;
}

@media (max-width: 575.98px) {
    .img-curso-fy-regressivo{
        width: 100%;
        margin-bottom: -1rem;
        margin-top: -5rem;
        padding: 1.5rem;
    }
}

#clockdiv-M > div {
    border-radius: 12px;
    background: #60003008;
    display: inline-block;
    width: 3.7rem;
    border: 1px solid #5f002f;
    font-size: 1rem;
    color: #600030;
    font-weight: 500;
}

.smalltext-M {
    padding-top: 0px;
    font-size: 9px;
    color: #6d033b;
    font-weight: 600;
    border-radius: 0 0 0.5rem 0.5rem;
}

/* AREA */
.img-area-fy-regressivo{
    width: 34rem;
    margin-bottom: -3rem;
    margin-top: -8rem;
    padding: 1.5rem;
}

@media (max-width: 575.98px) {
    .img-area-fy-regressivo {
        width: 100%;
        margin-bottom: 0rem;
        margin-top: -3rem;
        padding: 1.5rem;
    }
}

.body-flag-M {
    animation-name: color;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    text-align: center;
    vertical-align: middle;
    color: #ff0000!important;
    border-radius: 20px;
    z-index: 9;
    margin-bottom: 1rem;
}


.font-headline-bg-especial{
    font-size: 1.2rem;
    color: #fff;
    padding: 1rem 0 0 1rem;
}

@media (max-width: 575.98px) {
    .font-headline-bg-especial{
        font-size: 0.9rem;
        color: #fff;
        padding: 1rem 0 0 1rem;
    }
}

.contagem-regressiva-2022{
    background: #5f1f37;
    border-radius: 10px;
    margin-bottom: 1rem;
}
.texto-descricao-contagem-regressiva-2022 {
    font-size: 1rem;
    padding: 0rem 0.1rem 0rem 0.1rem;
    color: #fff;
    font-weight: 500;
    margin-top: 1rem;
}

/* Campanha 50% */
.headline-desconto {
    color: #fff!important;
    font-size: 2rem!important;
    font-weight: bold!important;
    line-height: 1.2!important;
}

.headline-desconto-curso {
    font-size: 1.5rem!important;
    line-height: 1.3!important;
    color: #fff!important;
    font-weight: bold!important;
}
@media (max-width: 575.98px) {
    .headline-desconto-area {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
    }
    .preco {
        display: flex;
        margin: 20px 0;
        font-size: 20px;
        font-weight: 900;
        margin-top: -31px;
    }
    .strong {
        font-size: 1.2rem;
        color: #672b3c;
    }
}

@media (max-width: 768px) {
    .dt-BOTfloater {
        display: none !important;
    }
    #dtbot-iframe {
        z-index: 9999999 !important;
    }
}
@media (min-width: 599px) {
    .detalhes-curso {
        display: none;
    }
}
.bt-maisinfor{
    line-height: 2.5;
}
@media (max-height: 768px) {
    .form-cursos-W h5{
        font-size: 14px !important;
    }
    .form-cursos-W .bt-maisinfor, .form-cursos-W input, .form-cursos-W a, .form-cursos-W span{
        font-size: 12px !important;
    }
}
.what-inf{
    margin-left: 16px;
    margin-right: 14px;
}

.is-invalid {
    border: 2px solid red !important; /* Força a borda vermelha */
}

.error-message {
    width: max-content;
    color: red;
    /*background: #FFFFFF;*/
    background: transparent;
    font-size: 12px;
    margin-top: -10px;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
    pointer-events: none;
}

.error-message-modal {
    width: max-content;
    color: red;
    background: #FFFFFF;
    font-size: 12px;
    margin-top: -10px;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
    pointer-events: none;
}

.spinner {
    --tempo: 5000ms;
    position: relative;
    width: var(--size);
    height: var(--size);
    transform: rotate(45deg);
    margin: auto;
}

.spinner .spinner-item:nth-child(1) {
    --clr-spinner: var(--corLaranja);
    top: 0;
    left: 0;
    animation: spinner3A var(--tempo) linear infinite;
}

.spinner .spinner-item {
    --item-size: calc(var(--size) / 2.5);
    position: absolute;
    width: var(--item-size);
    height: var(--item-size);
    border: 4px solid var(--clr-spinner);
}

@keyframes spinner3A {
    0%, 8.33%, 16.66%, 100% {
        transform: translate(0%, 0%);
    }
    24.99%, 33.32%, 41.65% {
        transform: translate(100%, 0%);
    }
    49.98%, 58.31%, 66.64% {
        transform: translate(100%, 100%);
    }
    74.97%, 83.30%, 91.63% {
        transform: translate(0%, 100%);
    }
}

.spinner .spinner-item:nth-child(2) {
    --clr-spinner: var(--corVermelho);
    top: 0;
    left: var(--item-size);
    animation: spinner3B var(--tempo) linear infinite;
}

@keyframes spinner3B {
    0%, 8.33%, 91.63%, 100% {
        transform: translate(0%, 0%);
    }
    16.66%, 24.99%, 33.32% {
        transform: translate(0%, 100%);
    }
    41.65%, 49.98%, 58.31% {
        transform: translate(-100%, 100%);
    }
    66.64%, 74.97%, 83.30% {
        transform: translate(-100%, 0%);
    }
}

.spinner .spinner-item:nth-child(3) {
    --clr-spinner: var(--corRosa);
    top: var(--item-size);
    left: var(--item-size);
    animation: spinner3C var(--tempo) linear infinite;
}

@keyframes spinner3C {
    0%, 83.30%, 91.63%, 100% {
        transform: translate(0, 0);
    }
    8.33%, 16.66%, 24.99% {
        transform: translate(-100%, 0);
    }
    33.32%, 41.65%, 49.98% {
        transform: translate(-100%, -100%);
    }
    58.31%, 66.64%, 74.97% {
        transform: translate(0, -100%);
    }
}

body.show-loading {
    overflow: hidden;
}

.loading-gif-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

#loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Ajustar cor de fundo se necessário */
    backdrop-filter: blur(10px);
    z-index: 9999999;
    display: none;
    align-items: center; /* Alinha o conteúdo ao centro verticalmente */
    justify-content: center; /* Alinha o conteúdo ao centro horizontalmente */
}

#loading-overlay.show {
    display: flex; /* Alterar para "flex" para centralizar o conteúdo */
}

.txt-digit {
    max-width: 480px;
    text-align: center;
    font-size: 1.5rem;
    margin: 20px auto;
    color: var(--color-six);
}

.txt-digit:after {
    content: '|';
    margin-left: 5px;
    opacity: 1;
    animation: pisca .7s infinite;
}

@keyframes pisca {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

.input-home {
    padding-top: 10px;
    padding-bottom: 10px;
}

.container-faq {
    padding: 3.5rem 0;
}