/*----------------GLOBAL----------------*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

@media (max-width: 575.98px) {
    .img-depoimento {
        display: none;
    }

    .quadro-depo {
        position: relative;
        left: 0;
    }

    .navbar-brand {
        margin-right: 0;
    }
}

@media only screen and (max-width: 600px) {
    #typ-msg

    {width: 95% !important;}
}

* {
    font-family: 'Montserrat', sans-serif;
}

html {
    scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6, p {
    color: #616161;
}

h3 {
    /*font-size: 2rem!important;*/
}

h6 {
    font-size: 1.1rem;
}

/*p{*/
/*    font-size: 1rem!important;*/
/*}*/
.morecontent span {
    display: none;
}

.morecontent .morelink {
    color: #5f002f;
    font-weight: 700;
}

.pointer {
    cursor: pointer;
}

.link {
    text-decoration: none;
}

.link:hover {
    color: #fff;
    text-decoration: none;
}

.wave {
    width: 100%;
}

.txt-bold {
    font-weight: 500;
}

.polo-local {
    font-size: .7rem !important;
    font-weight: 500;
    position: relative;
    color: #632a40;
    margin-left: 2.4rem;
    top: .1rem;
}

/*Top-Bar*/

#top-bar {
    background-color: #f7f7f7;
    padding: .5rem 0;
}

@media (max-width: 575.98px) {
    #top-bar {
        display: none;
    }
}

#esquerda .nav-link {
    color: #5f002f;
    font-weight: 600;
    font-size: .9rem;
}

.drop-top-bar {
    z-index: 9999999;
}

.wpp-icon {
    width: 17px;
}

#direita .nav-link {
    color: #fff;
    font-weight: 500;
    font-size: .9rem;
}

#direita .afiliado {
    /*background-color: #ee5e01;*/
    border-radius: 15px 0;
    /*padding: 0 1rem;*/
}

#direita .area-aluno {
    background-color: #5f002f;
    border-radius: 15px 0;
}

#direita .dropdown-menu {
    z-index: 102000;
}

.txt-vinho {
    color: #5f002f !important;
    font-weight: 600 !important;
}

/*MOSTRANDO BOTOES DE AREA DO ALUNO E AFILIADOS APENAS EM TELAS GRANDES*/

@media (max-width: 575.98px) {
    .afiliado-desk, .aluno-desk {
        display: none;
    }
}

@media (min-width: 768px) {
    .aluno-responsivo, .afiliado-responsivo {
        display: none;
    }

    #footer-grad {
        display: none;
    }
}

#cabecalho {
    background-color: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0rem;
    z-index: 11;
    transition: .3s ease-in-out;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.btn-busca-main-menu {
    background-color: #ed5b01;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 .5rem;
    -webkit-transition: .5ms ease-in-out;
    -moz-transition: .5ms ease-in-out;
    -ms-transition: .5ms ease-in-out;
    -o-transition: .5ms ease-in-out;
    transition: .5ms ease-in-out;
}

#cabecalho .navbar {
    padding: 1rem 2rem !important;
}

@media (max-width: 575.98px) {
    #cabecalho {
        top: 0rem;
        position: unset;
    }

    .btn-busca-main-menu {
        background-color: #fff;
    }
}

#cabecalho .nav-link {
    font-weight: 600;
    font-size: .9rem;
}

.navbar.small {
    padding: 0 !important;
    -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: .5s ease-in-out;;
}

.logo-y {
    transition: .3s ease-in-out;
}

.titulo-destak {
    color: #ef6101;
    font-weight: 600;
}

.p-destak {
    font-weight: 600;
}

/*form{*/
/*    padding: 1rem 1rem;*/
/*}*/

.dropdown-menu form {
    padding: 0 !important;
}

@media (max-width: 575.98px) {
    .dropdown-menu {
        /*margin-left: -2rem;*/
    }
}

/*-----------MEGA MENU----------*/

@media all and (min-width: 992px) {
    .titulo-centro-megamenu {
        display: none;
    }

    .navbar {
        padding-top: 0;
        padding-bottom: 0;
    }

    .navbar .has-megamenu {
        position: static !important;
    }

    .navbar .megamenu {
        left: 0;
        right: 0;
        width: 100%;
        padding: 20px 40px 180px
    }

    .navbar .nav-link {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

.dropdown-megamenu {
    transition: .3s ease-in-out;
    margin-top: -.2rem;
    background-color: #5d0d3d;
    border-radius: 0;
}

.listas-itens-menu {
    margin-top: 1.5rem;
    margin-left: 1rem;
}

.mega-menu-title {
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-size: 1.1rem;
}

.mega-menu-item-list {
    list-style: none;
    padding-left: 0;
}

.mega-menu-item-list li {
    padding: .3rem 0;
}

.lista-itens-centros a,
.mega-menu-item-list a {
    color: #fff;
    text-decoration: none;
    transition: .2s ease-in-out;
}

.lista-itens-centros a:hover,
.mega-menu-item-list a:hover {
    color: #fafafa;
    text-decoration: none;
    font-weight: 600;
}

.lista-itens-centros {
    margin-top: 2rem;
}

.lista-itens-centros h6 {
    font-weight: 600;
}

.subt-megamenu {
    font-weight: 200;
    font-size: .9rem !important;
}

.item-centro {
    position: relative;
}

.item-centro::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100px;
    background-color: #ffffff61;
    top: 1rem;
    left: -.8rem;
}

.desc-centro {
    padding-top: .5rem;
    font-weight: 600;
}

@media (max-width: 575.98px) {
    .logo-y-megamenu {
        display: none;
    }

    .megamenucol {
        margin-bottom: 1.5rem;
    }

    .afiliado-desk, .aluno-desk {
        display: none;
    }

    #cabecalho .navbar {
        padding-top: 4.3rem !important;
    }

    .dropdown-menu {
        transition: .3s ease-in-out;
        margin-top: -.2rem;
        border-radius: 0;
        background-color: #fff;
    }

    .mega-menu-title {
        text-transform: uppercase;
        color: #616161;
        font-weight: 600;
    }

    .lista-itens-centros a,
    .mega-menu-item-list a {
        color: #616161;
        text-decoration: none;
        transition: .2s ease-in-out;
    }

    .lista-itens-centros a:hover,
    .mega-menu-item-list a:hover {
        color: #616161;
        text-decoration: none;
        font-weight: 600;
    }

    .lista-itens-centros {
        padding: 0 2rem;
    }

    .lista-itens-centros p {
        color: #616161 !important;
    }

    .logo-centro-megamenu {
        display: none !important;
    }

    .titulo-centros-especializados {
        color: #616161 !important;
    }

    .desc-centro {
        padding-top: 0;
        font-weight: 600;
        margin-bottom: 2rem;
    }
}

@media (min-width: 768px) {
    .aluno-responsivo, .afiliado-responsivo {
        display: none;
    }
}

/*---------------fim megamenu-----------------*/


/*BUSCA HOME*/

#busca-principal-home {
    background-color: #e6e6e6;
    position: -webkit-sticky;
    position: sticky;
    top: 5rem;
    z-index: 10;
    padding: 0.5rem;
}

@media screen and (max-width: 768px) {
    #busca-principal-home {
        position: fixed;
        top: 0;
        width: 100vw;
    }
}

#busca-principal-home form {
    padding: 0 0;
    width: 100%;
    margin-bottom: 2px;
}

/*Area de busca*/
#busca-principal-home .input-group {
    padding: 0;
}

#busca-principal-home .input-group-append {
    margin-left: -1px;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 1.5px;
    height: 36px;
}

#busca-principal-home .form-control {
    color: #5d0d3d !important;
    font-size: 1rem !important;
    text-align: center;
    font-weight: 600;
    border: none !important;
    height: calc(1.6em + .75rem + 2px) !important;
    padding: 0;
    margin: 0;
}

.btn-search {
    background-color: #ed5b01 !important;
    border: none !important;
}

.btn-search img {
    padding: .2rem .6rem;
}

#filtros-button .filtros {
    padding: 0 0 1rem;
}

#filtros-button span {
    color: #fff;
    padding: 1rem;
    font-size: .9rem;
    font-weight: 500;
}

#filtros-button .btn-filtro {
    background-color: #5d0d3d;
    color: #ffffff;
    transition: transform .3s ease-in-out;
    padding: 1rem;
    margin: .1rem;
}

.btn-filtro:hover {
    transform: scale(1.05);
    background-color: #fff;
    cursor: pointer;
}

@media (max-width: 699px) {
    .box-form-mobile {
        position: relative;
        display: flex;
        background: #f8f9fa;
    }

    .box-card {
        width: 100%;
        margin: 3rem;
    }
}

@media (min-width: 700px) {
    .box-form-mobile {
        display: none;
    }

    .preco {
        display: none;
    }
}


/*Depoimentos final de cada pÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡gina*/

#depoimentos {
    padding: 2.5rem 0;
    margin-top: 1rem;
    /* background-color: #fcfcfc;*/
}

#depoimnetos .titulo {
    padding-bottom: 1rem;
    display: block;
}

#depoimentos .titulo::first-letter {
    text-transform: uppercase;
}

#depoimentos .titulo span {
    color: #f16301;
}

#box-depoimento {
    background: rgb(251, 122, 0) no-repeat;
    background: radial-gradient(circle, rgba(251, 122, 0, 1) 0%, rgba(243, 93, 0, 1) 54%) no-repeat;
    background-size: 500px 500px;
    background-position: center;
    position: relative;
    padding: 2rem;
    margin: 1rem 0;
}

#box-depoimento .owl-carousel .owl-nav {
    position: relative;
}

#box-depoimento .owl-carousel .owl-nav .owl-prev, #box-depoimento .owl-carousel .owl-nav .owl-next {
    position: absolute;
    bottom: 95px;
    padding: 15px !important;
    color: #f35d00;
    font-size: 30px;
}

#box-depoimento .owl-carousel .owl-nav .owl-prev {
    left: -15px;
}

#box-depoimento .owl-carousel .owl-nav .owl-next {
    right: -50px;
}

.quadro-depo {
    background-color: #fff;
    padding: 1rem;
    border-radius: 25px 0;
    position: relative;
    z-index: 9;
    left: 2.5rem;
    width: 450px;
    -webkit-box-shadow: -7px 1px 6px -3px rgba(201, 201, 201, 0.40);
    -moz-box-shadow: -7px 1px 6px -3px rgba(201, 201, 201, 0.40);
    box-shadow: -7px 1px 6px -3px rgba(201, 201, 201, 0.40);
    transition: .3s ease-in-out;

}

.quadro-depo p {
    font-size: .9rem;
    margin: 0;
}

.corpo-depo {
    padding: 1.2rem 1rem;
}

.aspa-depo {
    font-size: 1.2rem;
    font-weight: 700;
    color: #5d0d3d;
}

.nome-aluno {
    color: #5d0d3d;
    font-weight: 600;
    padding-right: 1rem;
}

.curso {
    padding-right: 1rem;
}

.curso span {
    font-weight: 500;
}

.btn-depoimento {
    background-color: #6a103e;
    max-width: 200px;
    position: absolute;
}

.btn-depoimento p {
    padding: .5rem 1rem;
    color: #fff;
    margin: 0;
    font-weight: 600;
}

@media (max-width: 575.98px) {
    #box-depoimento .owl-carousel .owl-nav {
        position: inherit;
        display: flex;
        justify-content: space-evenly;
    }

    #box-depoimento .owl-carousel .owl-nav .owl-prev, #box-depoimento .owl-carousel .owl-nav .owl-next {
        position: unset;
        bottom: inherit;
        padding: 15px !important;
        color: #fff;
        font-size: 30px;
    }

    #box-depoimento .owl-carousel .owl-nav .owl-prev {
        left: inherit;
    }

    #box-depoimento .owl-carousel .owl-nav .owl-next {
        right: inherit;
    }
}

/*-----------------------------HOMEPAGE--------------------------------------*/

#carouselHomeDesk, #carouselHomeResp{
    margin-bottom: 15px;
}

.link {
    text-decoration: none;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.link:hover {
    color: #fff;
    text-decoration: none;
    border: 0;
    background: transparent;
}

.slide-home {
    padding: 0 !important;
    background: transparent;
    /*background: radial-gradient(circle, rgba(150,22,60,1) 0%, rgba(107,1,60,1) 54%);*/
}

#carouselHomeDesk, #carouselHomeResp {
    margin-bottom: 0px !important;
}

#banner-principal-home {
    background: #6f033a;
    /*background: linear-gradient(90deg, rgba(241,101,1,1) 36%, rgba(251,122,0,1) 77%, rgba(243,93,0,1) 100%);*/
}

/*.black22-w-100 {*/
/*    margin-top: 4rem;*/
/*    margin-bottom: 4rem;*/
/*}*/

/*ALTERANDO SLIDES RESPONSIVOS*/

@media (max-width: 575.98px) {

    .black22-w-100 {
        width: 100%;
    }
}

#pills-tab-graduacao {
    padding: .7rem .2rem;
}

#pills-home-tab, #pills-tab-pos {
    color: #ffffff;
}

#tabs-formhome .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #FF4C4C;
    font-weight: 500;
}

/*.form-home{*/
/*    padding: .5rem 3rem;*/
/*}*/
.form-home .form-control {
    height: calc(1.1em + .75rem + 2px) !important;
    border: 1px solid #fff !important;
    position: relative;
    font-size: .95rem;
    margin: .5rem;
}

.form-home-txt {
    color: #fff;
    margin: .7rem;
    font-size: .9rem;
}

.btn-form-home {
    color: #6a103e;
    background-color: #fff;
    font-weight: 600 !important;
    text-transform: capitalize;
    font-size: .9rem;
    transition: .3s ease-in-out;
}

.btn-form-home:hover {
    background-color: #fafafa;
}

.form-home .form-group {
    margin-bottom: 0.5rem !important;
}

.form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip {
    display: block;
    position: absolute;
    margin-top: -25px;
    width: 60%;
    right: 0;
    color: inherit;
    z-index: -1;
}
input[type="submit"].btn-bot-whatsapp {
    height: 40px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    text-align: center;
    width: 99% !important;
    background: rgb(19, 153, 91);
}
#pills-tabContent .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip {
    display: contents;
    position: absolute;
    margin-top: 0px;
    width: 60%;
    right: 0;
    color: #fff;
    z-index: -1;
}

.txt-codigo-promo {
    padding: .2rem 0;
}

/*Area de busca*/

#busca-principal {
    background-color: #f7f7f7;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 99999;
}

#busca-principal form,
#busca-principal-depoimentos form {
    padding: 1rem 0;
    width: 100%;
}

#busca-principal .input-group,
#busca-principal-depoimentos .input-group {
    padding: 1rem 0 0;
}

#busca-principal .input-group-append,
#busca-principal-depoimentos .input-group-append {
    margin-left: -1px;
    right: 0;
    bottom: 0;
    height: 40px;
}

#busca-principal .form-control,
#busca-principal-depoimentos .form-control {
    color: #5d0d3d !important;
    font-size: .9rem !important;
    text-align: center;
    font-weight: 600;
    border: none !important;
    height: calc(1.6em + .75rem + 2px) !important;
    text-transform: lowercase;
}

.btn-search {
    background-color: #ed5b01 !important;
    border: none !important;
}

.btn-search img {
    padding: .2rem .6rem;
}

#busca-principal .filtros,
#busca-principal-depoimentos .filtros {
    padding: 0 0 1rem;
}

#busca-principal h6,
#busca-principal-depoimentos h6 {
    color: #fff;
    padding: 1rem;
}

#busca-principal .btn-filtro,
#busca-principal-depoimentos .btn-filtro {
    background-color: #5d0d3d;
    color: #ffffff;
    transition: transform .3s ease-in-out;
}

#busca-principal .form-control,
#busca-principal-depoimentos .form-control {
    color: #5d0d3d !important;
    font-size: 1.1rem !important;
    text-align: center;
    font-weight: 600;
}

.btn-search {
    background-color: #ed5b01 !important;
    border: none !important;
}

.btn-search img {
    padding: .2rem .6rem;
}

#busca-principal .filtros,
#busca-principal-depoimentos .filtros {
    padding: 1rem 0;
}

.btn-filtro:hover {
    transform: scale(1.05);
    background-color: #fff;
    cursor: pointer;
}

/*Dobra 1: Unyeleya EAD de Verdade*/

#dobra-1 {
    padding: 3rem 2.5rem;
    margin-bottom: 2.5rem;
}

.titulo-secao-principal {
    font-size: 1.7rem;
    color: #616161;
}

.pilares {
    position: relative;
    right: 3rem;
}

#dobra-1 .boxes {
    margin: 5rem 0;
}

#dobra-1 .box {
    background-color: #f9f5f7;
    padding: 1.5rem;
    border-radius: 50px 0;
    float: left;
    position: relative;
    height: 100%;
}

.box h5 {
    color: #633449;
    font-weight: 600;
}

.box p {
    font-size: .9rem;
}

.box-1::before {
    position: absolute;
    content: url(../img/estrutura.webp);
    display: flex;
    z-index: -1;
    right: -8.5rem;
    top: -3rem;
}

.box-2::before {
    position: absolute;
    content: url(../img/tecnologia.webp);
    display: flex;
    z-index: -1;
    right: -8.5rem;
    top: -3rem;
}

.box-3::before {
    position: absolute;
    content: url(../img/pessoas.webp);
    z-index: -1;
    display: flex;
    right: -8.5rem;
    top: -3rem;
}

.btn-conheca-1 p {
    color: #fff;
    padding: 1rem 2rem;
}

.btn-conheca-1 {
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
    background-color: #6a103e;
    position: relative;
    transition: all 0.5s;
}

.btn-conheca-1::before {
    content: "";
    position: absolute;
    bottom: -.5rem;
    height: 3.5rem;
    width: 100%;
    left: -.5rem;
    background-color: #ed5b01;
    z-index: -1;
    transition: all 0.5s;
}

.btn-conheca-1:active {
    margin: 0.75rem 0rem 0rem 0.75rem;
}

.btn-conheca-1:active::before {
    bottom: 0.1rem;
    left: -0.1rem;
}


.msg-obrigado-faculdade {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 720px;
    margin: 0 auto;
}

.msg-obrigado-faculdade .content {
    display: table-cell;
    vertical-align: middle;
    text-align: justify;
}

@media only screen and (max-width: 600px) {
    .msg-obrigado-faculdade {
        align-self: center;
        margin-left: auto;
        margin-right: auto
    }
    .container-obg {
        width: 100%;
        margin: 0 auto;
    }
}



@media (max-width: 575.98px) {
    .form-home {
        padding: .5rem 1rem !important;
    }

    #pills-tabContent {
        width: 100%;
    }

    #dobra-1 {
        margin-bottom: -4.5rem;
        padding: 1.5rem .5rem;
    }

    #titulo-dobra-1 {
        text-align: center;
    }

    #dobra-1 .boxes {
        margin: 1.5rem 0;
    }

    #dobra-1 .box {
        margin: .5rem;
    }

    #dobra-1 .box {
        background-color: #f9f5f7;
        padding: 1.5rem;
        border-radius: 50px 0;
        width: 100%;
        text-align: center;
        margin-left: 3rem;
    }

    .box-1::before, .box-2::before, .box-3::before {
        content: none;
    }
}

/*Dobra 2: Unyleya - educaÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â£o 100% digital*/

#dobra-2 {
    padding-bottom: 2.5rem;
}

.box-bg {
    background-color: #ef6101;
    max-width: 300px;
    height: 300px;
    border-radius: 60px 0;
}

.video {
    display: flex;
    position: relative;
    height: 100%;
    width: 100%;
    justify-content: left;
}

.video::before {
    position: absolute;
    content: '';
    width: 400px;
    height: 400px;
    background-color: #ef6101;
    border-radius: 60px 0;
    z-index: -1;
    left: 5rem;
    top: -2.5rem;
}

.video::after {
    position: absolute;
    content: '';
    width: 600px;
    height: 360px;
    background-color: #5d0d3d;
    border-radius: 0 60px;
    z-index: -1;
    left: -1rem;
    top: -1rem;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive img,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

@media (max-width: 575.98px) {
    #dobra-2 {
        padding: 1rem 0;
        margin: 0;
    }

    #titulo-dobra-2 {
        padding: 1rem;
        text-align: center;
    }

    .video::after, .video::before {
        content: none;
    }

    #dobra-2 {
        width: 100%;
        height: 100%;
    }

    .dobra-2-mibile {
        display: flex;
        width: 139%;
        margin-left: -45px;
        height: 150%;
    }

}


/*Dobra 3: Pq escolher Unyleya?*/

#dobra-3 {
    background-color: #fbfafb;
    margin-top: 5rem;
}

#dobra-3 h3 {
    padding: 1.5rem 0;
}

.porques p {
    margin-bottom: 1rem;
}

.btn-conheca-2 p {
    color: #fff;
    padding: 1rem 2rem;
}

.btn-conheca-2 {
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
    background-color: #6a103e;
    position: relative;
    transition: all 0.5s;
}

.btn-conheca-2::before {
    content: "";
    position: absolute;
    bottom: -.5rem;
    height: 3.5rem;
    width: 100%;
    left: -.5rem;
    background-color: #ed5b01;
    z-index: -1;
    transition: all 0.5s;
}

.btn-conheca-2:active {
    margin: 0.75rem 0rem 0rem 0.75rem;
}

.btn-conheca-2:active::before {
    bottom: 0.1rem;
    left: -0.1rem;
}

.img-app {
    position: relative;
    bottom: -2rem;
}

@media (max-width: 575.98px) {
    #dobra-3 {
        margin-top: 1rem;
        padding: 1rem;
    }

    #titulo-dobra-3 {
        padding: .5rem;
        text-align: center;
    }

    .img-app {
        display: none;
    }
}

/*Dobra 4: Depoimentos*/

#dobra-4 {
    /*padding: 2.5rem 0;*/
    background-color: #fbfafb;
}

.avatar-dp {
    position: relative;
    transition: transform .2s ease-in-out;
    left: -1.5rem;
    border-radius: 189px;
    height: 190px;
    width: 190px;
}

.avatar-dp:hover {
    transform: scale(1.05);
    cursor: pointer;
}

.avatar-dp:hover + .dp-infos {
    background-color: #f67401;
    left: 2.3rem
}

.avatar-dp:hover + .dp-infos p {
    color: #fff;
}

.dp-infos {
    position: absolute;
    background-color: #fff;
    border-radius: 30px 0;
    display: flex;
    bottom: -1.5rem;
    max-width: 100%;
    left: 2rem;
    z-index: 9;
    transition: .3s ease-in-out;
    padding: .5rem 1rem;
}

.dp-infos p {
    font-size: .9rem;
    font-weight: 600;
    margin-left: .5rem;
    margin-top: .5rem;
    transition: .3s ease-in-out;
}

.dp-infos span {
    font-size: .8rem;
    font-weight: 500;
}

.box-depoimento {
    background-color: #fff;
    padding: 2rem 1.5rem;
    border-radius: 30px 0;
    width: 450px;
    display: flex;
    z-index: 999;
    position: relative;
    top: 2rem;
}

.img-depoimento img {
    border-radius: 20px 0;
    transition: .3s ease-in-out;
    margin-top: 1.5rem;
}

.titulo-depoimentos {
    padding: 1rem 0;
}

.btn-depoimento {
    background-color: #d36318;
    max-width: 200px;
    position: relative;
    z-index: 999;
    transition: .2s ease-in-out;
    bottom: -1.7rem;
}

.btn-depoimento:hover {
    background-color: #f36c01;
}

.btn-depoimento p, .btn-depoimento-default p {
    color: #fff;
    padding: .5rem;
    font-weight: 600;
}

/*btn tipo 2*/
.btn-depoimento-default {
    background-color: #6a103e;
    max-width: 200px;
    position: relative;
    z-index: 999;
    transition: .2s ease-in-out;
    bottom: -1.7rem;
}

.btn-depoimento-default:hover {
    background-color: #4e0b2e;
}

@media (max-width: 575.98px) {
    .persona {
        display: none;
    }

    #wave-1, #wave-2 {
        display: none;
    }

    #dobra-4 {
        padding: 1.5rem;
        margin-top: 1rem;
    }

    .titulo-depoimentos {
        padding: 1.5rem 0;
        text-align: center;
    }

    .quadro-depo {
        max-width: 100%;
        left: -1rem;
        margin-top: 1.5rem;

    }
}

/*Dobra 5: Centros de Estudos*/

.logos-centros {
    padding-top: 2.5rem;
}

.logo {
    padding: 0 !important;
}

.logo img {
    transition: transform .2s ease-in-out;
}

.logo img:hover {
    transform: scale(1.05);
    cursor: pointer;
}

.centro-area {
    padding: .5rem 0;
    color: #8b8b8b;
    font-size: 1.4rem !important;
}

.link-centro {
    text-decoration: none;
}

.link-centro:hover {
    text-decoration: none;
}

/*Dobra 6: Acontece na Unyleya*/

#dobra-6 {
    padding: 2.5rem 0;
    background-color: #fcfcfc;
}

#itens-noticias {
    margin-top: 2.5rem;
}

.titulo-noticia {
    font-weight: 500;
    font-size: .9rem;
}

#itens-noticias p {
    margin: 0;
}

.btn-leia-mais {
    background-color: #6a103e;
    padding: .5rem;
    margin: .5rem 5rem;
    transition: transform .3s ease-in-out;
}

.btn-leia-mais:hover {
    transform: scale(1.03);
    background-color: #54002f;
}

.btn-leia-mais p {
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    text-align: center;
}

@media (max-width: 575.98px) {
    .bloco-noticia {
        margin: 1.5rem;
    }
}

/*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;
    }
}

/*Dobra 8: Seja um afiliado*/

#dobra-8 {
    padding: 5rem 0;
    background: rgb(150, 23, 60);
    background: radial-gradient(circle, rgba(150, 23, 60, 1) 0%, rgba(116, 5, 60, 1) 54%);
}

.titulo-afiliado {
    font-size: 2.5rem;
}

.titulo-afiliado span {
    font-weight: 700;
}

.txt-afiliados {
    padding: 1rem 0;
}

.saiba-mais {
    background-color: #fff;
    padding: .5rem;
    max-width: 150px;
    transition: transform .3s ease-in-out;
}

.saiba-mais:hover {
    transform: scale(1.03);
}

.saiba-mais span {
    text-decoration: none;
    color: #6a103e;
    font-weight: 600;
}

#dobra-9 {
    padding: 3.5rem 0;
}

.txt-indique {
    padding-top: .5rem;
    padding-bottom: 1.2rem;
}

/*-------------------------------------------------------------------
----------------------------GRADUAÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢O------------------------------*/

/*------------- VITRINE DA GRADUAÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢O -------------------- */

@media (max-width: 575.98px) {
    .quadro-infos {
        display: none;
    }

    .video {
        padding: 2.5rem;
    }

    #metodologia-y {
        background: none;
    }

    .box-fixo {
        height: 4400px !important;
    }
}

.form-graduacao {
    background-color: #6a103e;
    padding: 0 3rem;
}

.form-graduacao .form-control {
    height: calc(1.1em + .75rem + 2px) !important;
    border: 1px solid #fff !important;
    position: relative;
    font-size: .95rem;
    margin: .5rem;
}

.form-graduacao p {
    color: #fff;
}

/*/ ---------- TESTE QUE VOU SUBIR QUANDO FOR LIBERADO PELO MÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂRIO /*/
/*.wpp-graduacao{*/
/*    !*background: url("../img/marca-tinta.webp");*!*/
/*    background-size: 28rem 5rem;*/
/*    background-repeat: no-repeat;*/
/*    width: 100%;*/
/*    background-position: center;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/
/*.wpp-graduacao p{*/
/*    padding-top: 0!important;*/
/*    font-size: 1.05rem!important;*/
/*}*/
/*.wpp-graduacao p strong{*/
/*    font-weight: 700;*/
/*}*/
/*.wpp-graduacao .btn-wpp-gra button{*/
/*    border: 0;*/
/*    border-radius: 40px;*/
/*    width: 45px;*/
/*    height: 45px;*/
/*    margin: 0 .5rem;*/
/*    background: #25d366;*/
/*    color: #fff;*/
/*    text-align: center;*/
/*}*/

.btn-infos-wpp-grad {
    background-color: #00bf58;
    -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;
}

.btn_codigo {
    /*text-transform: lowercase;*/
    font-size: .9rem;
    color: #fff;
    cursor: pointer;

}

.btn_codigo_cancel {
    cursor: pointer;
    font-size: .9rem;
}

.titulo-pagina {
    padding: 2.5rem 0;
}

.txt-destak {
    color: #5d0d3d;
    font-weight: 600;
}

.titulo-2, .titulo-3 {
    color: #6a103e;
    font-weight: 600;
    font-size: 2rem;
}

.destak {
    background-color: #d36218;
    color: #fff;
    padding: 0 5px;
}

.chamada {
    padding: 5rem;
}

.txt-apoio-graduacao {
    color: #616161;
    font-size: 1.5rem !important;
}

/*BANNER VITRINE*/

#banner-vitrine-graduacao {
    background-color: #fafafa;
    position: relative;
}

#allgraduacao-fixo {
    padding-bottom: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
}

.carousel-graduacao {
    padding: 0 !important;
}

#atributos-graduacao-y {
    padding: 1.5rem 0;
}

#atributos-graduacao-y ul {
    list-style: none;
}

#atributos-graduacao-y ul li {
    position: relative;
    padding: .5rem 0;
}
#atributos-graduacao-y ul li::before{
    content: url("../img/graduacao/orange-check.webp");
    position: absolute;
    left: -1.5rem;
    top: .5rem;
}

@media (max-width: 575.98px) {
    #dobra-g-1::before {
        content: '';
        background: none;
        display: none;
    }

    #dobra-g-2::before {
        content: '';
        background: none;
        display: none;
    }

    #banner-vitrine-graduacao {
        background: #fafafa;
    }
}

/*ALTERANDO SLIDES RESPONSIVOS*/
.gra-banner-temporario {
    background-color: #fafafa;
}

@media (max-width: 575.98px) {
    #carouselGradDesk {
        display: none;
    }
}

@media (min-width: 768px) {
    #carouselGradResp {
        display: none;
    }
}


/*FORM GRADUACAO*/

#form-graduacao {
    padding: 1rem 1.5rem;
}

#form-graduacao .form-control {
    height: calc(1.1em + .75rem + 2px) !important;
    border: 1px solid #fff !important;
    position: relative;
    font-size: .95rem;
    margin: .5rem;
}

.form-graduacao p {
    color: #fff;
    padding-top: 1.1rem;
    margin: 0;
    text-transform: lowercase;
}

.btn-form-graduacao {
    color: #6a103e !important;
    background-color: #fff !important;
    border-color: #fff !important;
    font-weight: 700 !important;
    font-size: .9rem;
    text-transform: lowercase;
}

.tarja-promo-graduacao {
    margin-left: 3rem;
}

/*BUSCA PRINCIPAL*/

#busca-principal .input-group,
#busca-principal-depoimentos .input-group {
    padding: 1rem 0;
}

#busca-principal .form-control,
#busca-principal-depoimentos .form-control {
    color: #5d0d3d !important;
    font-size: 1.05rem !important;
    text-align: center;
    font-weight: 600;
    height: calc(1.5em + .75rem + 2px) !important;
}

.btn-search {
    background-color: #ed5b01 !important;
    border: none !important;
}

.btn-search img {
    padding: .2rem .6rem;
}

/*Dobra 1*/

#dobra-g-1 {
    padding: 0;
    position: relative;
}

#dobra-g-1::before {
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    width: 60%;
    background: url(../img/graduacao/bg-cursos-1.webp) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
}

/*
#cursos-pedagogicos, #cursos-gestao{
    background-color: #f7f7f7;
    padding: 1rem;
}
*/
.box-curso-graduacao {
    margin: 1rem;
    padding: 1.5rem 1rem;
    background-color: #fff;
    border-radius: 30px 0;
    -webkit-box-shadow: 4px 6px 10px -1px rgba(238, 238, 238, 1);
    -moz-box-shadow: 4px 6px 10px -1px rgba(238, 238, 238, 1);
    box-shadow: 4px 6px 10px -1px rgba(238, 238, 238, 1);
    position: relative;
}

.box-curso-graduacao p {
    margin: 0;
}

.titulo-curso-graduacao {
    color: #570232;
    font-weight: 600;
    position: relative;
    font-size: 1.1rem;
}

.titulo-curso-graduacao::before {
    content: '';
    position: absolute;
    width: 60px;
    height: 2px;
    background-color: #d36218;
    bottom: -3px;
}

.tipo-curso-graduacao {
    font-size: 1rem;
}

.duracao-curso-graduacao {
    font-size: .9rem;
}

.btn-curso-graduacao {
    background-color: #6a103e;
    width: 130px;
    position: absolute;
    border-radius: 10px 0;
    right: 1rem;
    bottom: -.8rem;
    transition: .3s ease-in-out;
}

.btn-curso-graduacao:hover {
    background-color: #851c3e;
}

.btn-curso-graduacao p, .btn-curso-2 p {
    color: #fff;
    font-weight: 500;
    padding: .3rem;
}

#dobra-g-3 {
    margin-top: 2.5rem;
    padding: 3rem 0;
}

#dobra-g-3 p {
    margin: 0;
}

#dobra-g-3 h4 {
    padding: 1.5rem;
}

#dobra-g-3 h4 span {
    color: #d36218;
    font-weight: 600;
}

#dobra-g-2 {
    padding: 1rem 0;
    position: relative;
}

#dobra-g-2::before {
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    width: 60%;
    background: url(../img/graduacao/bg-cursos-2.webp) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
}

.box-curso-2 {
    background-color: #f7f7f7;
    padding: 1rem;
    border-radius: 30px 0;
    margin: 1.5rem 0;
    position: relative;
}

.btn-curso-2 {
    background-color: #6a103e;
    width: 130px;
    position: absolute;
    border-radius: 10px 0;
    right: 1rem;
    bottom: -2rem;
    transition: .3s ease-in-out;
}

.btn-curso-2:hover {
    background-color: #851c3e;
}

.att-bacharel, .att-duracao, .att-preco {
    font-weight: 600;
    position: relative;
}

.att-preco {
    font-size: 2rem;
}

/*------------- PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂGINA DE CURSO GRADUAÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢O ------------- */
/*<<<<<<< HEAD*/
/*!*------------------BARRA FIXA MOBILE------------------------- *!*/

/*@media (min-width: 768px) {*/
/*    #barra-fixa-responsivo-grad{*/
/*        display: none;*/
/*    }*/
/*    .txt-mensalidade-resp{*/
/*        display: none;*/
/*    }*/
/*}*/
/*@media (max-width: 575.98px){*/
/*    .modal-dialog{*/
/*        max-width: 400px;*/
/*    }*/
/*    .infos-curso-especifico{*/
/*        padding: 3rem 0!important;*/
/*    }*/
/*    #barra-fixa-responsivo-grad{*/
/*        background-color: #fafafa;*/
/*        position: -webkit-sticky;*/
/*        position: sticky;*/
/*        top: 5px;*/
/*        z-index: 10;*/
/*        -webkit-box-shadow: 6px 6px 13px -4px rgba(97,97,97,0.4);*/
/*        -moz-box-shadow: 6px 6px 13px -4px rgba(97,97,97,0.4);*/
/*        box-shadow: 6px 6px 13px -4px rgba(97,97,97,0.4);*/
/*    }*/
/*    .info-valor-grad-mobile{*/
/*        margin-top: 1.5rem;*/
/*    }*/
/*    #barra-fixa-responsivo-grad h3{*/
/*        font-weight: 600;*/
/*        color: #616161;*/
/*    }*/
/*    .btn-wpp-grad-mobile{*/
/*        background-color: #51ca7c;*/
/*        border-radius: 20px;*/
/*        margin: 0 1rem;*/
/*    }*/
/*    .btn-pre-grad-mobile{*/
/*        background-color: #ff8201;*/
/*        border-radius: 20px;*/
/*    }*/
/*    .txt-btn{*/
/*        color: #fff;*/
/*        padding: .5rem;*/
/*    }*/
/*}*/
/*!*--------------------------------------------------------------*!*/

/*---------------------NOVO MODELO BOX GRADUACAO--------------------------*/
#box-infos-curso-grad {
    position: -webkit-sticky;
    position: sticky;
    top: 5px;
    right: 1rem;
    float: right;
    margin-top: -21rem;
    width: 500px;
}

.infos-curso-box-grad {
    background-color: #fafafa;
    border-radius: 0 20px;
    padding: 2rem 1.5rem;

    -webkit-box-shadow: 4px 4px 9px -1px rgba(97, 97, 97, 0.2);
    -moz-box-shadow: 4px 4px 9px -1px rgba(97, 97, 97, 0.2);
    box-shadow: 4px 4px 9px -1px rgba(97, 97, 97, 0.2);
}

.nome-curso-box-grad {
    color: #616161bf;
}

.preco-curso-destak-grad {
    background: #ff8201;
    background-size: 200px;
    border-radius: 40px 40px 0px 40px;
    margin: 1rem 0;
    padding: .5rem;
}

.preco-curso-destak-grad h1 {
    font-weight: 700;
}

.preco-curso-destak-grad p, h1 {
    color: #fff;
    margin: 0;
}

.att-box-curso-grad {
    padding: .3rem 0;
}

.btn-wpp {
    background-color: #51ca7c;
    border-radius: 20px;
    margin: 0 1rem;
}

.btn-pre-grad {
    background-color: #78263a;
    border-radius: 20px;
    margin: 0 1rem;
}

.txt-btn {
    color: #fff;
    padding: .5rem;
}

.atributos-box-curso-grad {
    padding: 1rem 2rem;
}

#horas-meses-box {
    background-color: #fafafa;
    border-radius: 50px;
    margin: .5rem 0;
    padding: 1rem 0;

    -webkit-box-shadow: 4px 4px 9px -1px rgba(97, 97, 97, 0.2);
    -moz-box-shadow: 4px 4px 9px -1px rgba(97, 97, 97, 0.2);
    box-shadow: 4px 4px 9px -1px rgba(97, 97, 97, 0.2);
}

.box-icon {
    width: 25px;
    height: 25px;
    padding: 2px;
}

/*-----------------------------------------------*/

.modal .form-control {
    height: calc(1.1em + .75rem + 2px)!important;
    text-transform: lowercase;
    border: 1px solid #ced4da !important;
    position: relative;
    font-size: .95rem;
}

.modal .enviar {
    background-color: #600030;
    color: #fff;
    border-radius: 15px 0;
    margin: .1rem;
}

.modal .enviarsugestao {
    background-color: #600030;
    color: #fff;
    border-radius: 15px 0;
    margin: .1rem;
}

.modal .btn_codigo, .modal .btn_codigo_cancel {
    color: #600030;
    cursor: pointer;
}

.box-fixo-graduacao {
    height: auto;
}

#banner-curso-graduacao {
    background: rgb(255, 116, 1);
    background: radial-gradient(circle, rgba(255, 116, 1, 1) 0%, rgba(255, 100, 0, 1) 54%);
    position: relative;
}

.txt-banner {
    margin: 0;
    color: rgb(255, 255, 255);
}

.txt-bannercurso {
    margin: 0;
    color: rgba(12, 4, 4, 0.78);
    font-size: 1.2rem !important;
}

.mgm {
    margin-left: -12px;
}

.nome-curso {
    text-transform: lowercase;
    font-weight: 600;
    padding: .5rem 0;
}

.infos-curso-graduacao {
    padding: 6rem 0;
}

.icon-bchrld, .icon-smstrs {
    position: relative;
}

.icon-bchrld::before {
    content: url(../img/graduacao/graduation.svg);
    position: absolute;
    left: 0rem;
}

.icon-smstrs::before {
    content: url(../img/graduacao/calendar.svg);
    position: absolute;
    left: -2rem;
}

@media (max-width: 575.98px) {
    .icon-bchrld::before, .icon-smstrs::before {
        content: none;
    }

    .icon-bchrld {
        text-align: left !important;
    }
}


.quadro-infos {
    max-width: 450px;
    background-color: #600030;
    padding: 1.5rem;
    -webkit-box-shadow: 4px 6px 12px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 4px 6px 12px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 4px 6px 12px -5px rgba(0, 0, 0, 0.75);
    border-radius: 40px 0;
    position: -webkit-sticky;
    position: sticky;
    top: 7rem;
    z-index: 1;
    float: right;
    margin-top: -20rem;
    margin-right: 1rem;
    right: 0;
}

.faixa-promo {
    background-color: #ff6400;
    border-radius: 60px 0 0 60px;
    padding: 1rem;
    position: relative;
    right: -2.5rem;
}

.preco {
    font-weight: 600;
    font-size: 1.2rem;
}

.txt {
    padding: 1.5rem 0;
}

.txt p {
    position: relative;
}

.icon-mec-grad::before {
    content: url(../img/graduacao/mec.svg);
    position: relative;
    padding: .5rem .1rem;
    bottom: -.4rem;
    margin-right: .3rem;
}

.icon-app-grad::before {
    content: url(../img/graduacao/app.svg);
    position: relative;
    padding: .5rem .1rem;
    bottom: -.4rem;
    margin-right: .6rem;
}

.icon-prof-grad::before {
    content: url(../img/graduacao/prof.svg);
    position: relative;
    padding: .5rem .1rem;
    bottom: -.4rem;
    margin-right: .45rem;
}

.icon-digital-grad::before {
    content: url(../img/graduacao/digital.svg);
    position: relative;
    padding: .5rem .1rem;
    bottom: -.4rem;
    margin-right: .7rem;
}

.titulo-atributo {
    position: relative;
    font-size: 1.25rem;
}

.titulo-atributo::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background-color: #ff6400;
    left: -1.6rem;
    top: .2rem;
}

.infos {
    background-color: #25D366;
    border-radius: 15px 0;
    margin: .1rem;
    transition: .3s ease-in-out;
}

.infos a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    transition: .3s ease-in-out;
    text-transform: lowercase;
}

.infos:hover {
    background-color: #21c25d;
}

.pre-matricula {
    background-color: #fff;
    border-radius: 15px 0;
    margin: .1rem;
}

.pre-matricula a {
    color: #600030;
    text-decoration: none;
    font-weight: 600;
    text-transform: lowercase;
}

.pre-matricula a:hover {
    color: #600634;
}

/*grade horaria*/
#grade-curricular-graducao {
    margin-top: 5rem;
}

#grade-curricular-pos {
    padding: 3.5rem 0;
}

.grade-pos {
    margin-top: 1rem;
}

#conheca, #atributos-curso-graduacao {
    padding: 1rem 0;
}

.atributo {
    padding: 1rem 0;
}

.titulo-col {
    background-color: #ff6400;
    color: #fff;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #fff !important;
}

#grade {
    margin: 0rem;
}

@media (max-width: 575.98px) {
    #grade {
        margin-left: -.1rem;
    }
}

#tabela-precos {
    padding: 2.5rem 0;
    margin-top: 3.5rem;
    background-color: #f8f9fa;
}

@media (max-width: 575.98px) {
    .img-tabela-precos-graduacao {
        width: 100%;
    }
}

/*COLAPSE DOS ATRIBUTOS*/

.btn-ler-mais {
    color: #5d0d3d;
    font-weight: 600;
    transition: .3s ease-in-out;
}

.btn-ler-mais:hover {
    cursor: pointer;
    color: #85003a;
}

.mais-conteudo {
    color: #616161;
}

/*Metodologia Y*/

#metodologia-y{
    /*background: url(../img/graduacao/bg-metodologias.png) no-repeat;*/
    -webkit-background-size: 60% auto;
    -moz-background-size: 60% auto;
    -o-background-size: 60% auto;
    background-size: 60% auto;
    /*background-color: #f7f7f7;*/
    /*z-index: 00;*/
    margin-top: 2rem;
}

.box-met {
    background-color: #fff;
    -webkit-box-shadow: -2px 5px 12px -5px rgba(204, 204, 204, 1);
    -moz-box-shadow: -2px 5px 12px -5px rgba(204, 204, 204, 1);
    box-shadow: -2px 5px 12px -5px rgba(204, 204, 204, 1);
    border-radius: 30px 0;
    padding: 2rem 1rem;
    margin: 1rem;
    position: relative;
}

.box-met::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 155px;
    background-color: #ff6400;
    z-index: -1;
    border-radius: 30px 0;
    left: -.5rem;
    top: 1rem;
}

.box-1-metd {
    top: 0rem;
    left: 1.5rem;
}

.box-2-metd {
    top: 1rem;
}

.box-3-metd {
    top: -.8rem;
    left: 0rem;
}

.box-4-metd {
    left: -1.5rem;
    top: 1rem;
}

.box-5-metd {
    left: .8rem;
    top: -1rem;
}

.box-6-metd {
    left: .2rem;
    top: 1rem;
}

.box-met p {
    margin: 0;
    font-size: .9rem;
}

.box-destak {
    font-weight: 600;
    color: #570232;
}

.icon {
    position: relative;
}
.icon::before{
    content: url(../img/graduacao/icon-bg.png);
    position: absolute;
    z-index: 999;
}

/*Pq escolher Unyleya*/
#pq-unyleya {
    background-color: #f7f7f7;
    margin-top: 5rem;
}

.pq-destak {
    color: #600030;
    font-weight: 600;
}

.pq-graduacao p {
    padding: .5rem 0;
}

/*Como ingressar*/
#formas-ingresso {
    padding: 2.5rem 0;
}

.accordion {
    margin-top: 1.5rem;
}

.card {
    border: none !important;
    border-radius: 20px;
    margin: .5rem !important;
}

.accordion > .card > .card-header {
    border-radius: 20px 0 !important;
    margin-bottom: -1px;
}

.card-header {
    background-color: #fcfcfc !important;
    padding: .5rem .5rem !important;
}

.titulo-ingresso {
    margin: 0;
    position: relative;
}

.titulo-ingresso::after {
    content: url(../img/graduacao/plus.svg);
    position: absolute;
    right: 0;
    background-color: #85003a;
    padding: .3rem .5rem 0;
    border-radius: 5px;
    top: -.5rem;
}

/*DÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âºvidas*/
#duvidas {
    margin: 2.5rem 0;
    background-color: #ff6400;
    margin-top: 5rem;
}

.txt-duvidas {
    color: #fff;
}

.img-duvidas {
    padding: .5rem 0;
}

.cta-duvidas {
    background-color: #85003a;
    max-width: 300px;
    /*border-radius: 20px 0;*/
    transition: .3s ease-in-out;
    margin: 1rem 0;
}

.cta-duvidas:hover {
    background-color: #600030;
}

.cta-duvidas h6 {
    padding: .8rem;
    font-weight: 600;
}

.tit-cert {
    color: #004782!important;
}

@media (max-width: 575.98px) {
    .infos-curso-graduacao {
        padding: 4rem 0;
    }

    .nome-curso {
        font-size: x-large;
        padding: 1rem 0;
    }

    .box-fixo-graduacao {
        height: auto;
    }

    #pq-unyleya {
        padding: 2.5rem;
    }

    .pq-graduacao {
        padding: 2rem 0;
    }

    .bloco-txt-duvidas {
        padding-bottom: 2.5rem;
    }

    .box-1-metd, .box-2-metd, .box-3-metd,
    .box-4-metd, .box-5-metd, .box-2-metd {
        top: 0;
        left: 0;
    }

}


/*----------------------------------------------------------------*/

/*---------------------------PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“S GRADUAÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢O------------------------*/

/*---------------------------VITRINE DE ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂREAS PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“S----------------*/

#banner-vitrine-pos {
    background: rgb(148, 23, 62);
    background: radial-gradient(circle, rgba(148, 23, 62, 1) 0%, rgba(116, 5, 60, 1) 54%);
}

/*ALTERANDO SLIDES RESPONSIVOS*/

@media (max-width: 575.98px) {
    #carouselPosDesk {
        display: none;
    }
}

@media (min-width: 768px) {
    #carouselPosResp {
        display: none;
    }
}

/*FORMULARIO*/
#form-pos {
    padding: .5rem 1rem 1rem;
}

#form-pos .form-control {
    height: calc(1.1em + .75rem + 2px) !important;
    border: 1px solid #fff !important;
    position: relative;
    font-size: .95rem;
    margin: .5rem;
}

.form-pos p {
    color: #fff;
    /*padding-top: 5rem;*/
    margin: 0 5px 5px;
    font-size: 1rem;
    font-weight: 600;
}

.btn-form-pos {
    color: #6a103e !important;
    background-color: #fff !important;
    border-color: #fff !important;
    font-weight: 700 !important;
    font-size: .9rem;
}

#posgraduacao-area-fixo {
    padding-bottom: 1.5rem;
}

.titulo-pagina {
    padding: 2.5rem 0 1rem 0;
    color: #616161;
}

.txt-destak {
    color: #5d0d3d;
    font-weight: 600;
}

.box-area {
    background-color: rgba(247, 247, 247, 0.98);
    padding: 1rem;
    border-radius: 20px 0;
    margin: 1.5rem 0;
    position: relative;
}

.titulo-curso {
    color: #570232;
    font-weight: 600;
    position: relative;
}

.titulo-curso::before {
    content: '';
    position: absolute;
    width: 80px;
    height: 3px;
    background-color: #d36218;
    bottom: -6px;
}

.btn-cursos {
    background-color: #6a103e;
    position: absolute;
    border-radius: 10px 0;
    right: 1rem;
    bottom: -2rem;
    transition: .3s ease-in-out;
    padding: .5rem;
}

.btn-cursos:hover {
    background-color: #5a2236;
}

.btn-cursos p {
    color: #fff;
    font-weight: 500;
    padding: .3rem;
    margin: 0;
}

.att-cursos {
    font-size: 1.5rem;
    font-weight: 600;
}

#ver-mais {
    padding: 2.5rem;
}

.btn-mais h6 {
    color: #fff;
    padding: 1rem 2rem;
}

.btn-mais {
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
    background-color: #6a103e;
    position: relative;
    transition: all 0.5s;
}

.btn-mais::before {
    content: "";
    position: absolute;
    bottom: -.5rem;
    height: 3.5rem;
    width: 100%;
    left: -.5rem;
    background-color: #ed5b01;
    z-index: -1;
    transition: all 0.5s;
}

.btn-mais:active {
    margin: 0.75rem 0rem 0rem 0.75rem;
}

.btn-mais:active::before {
    bottom: 0.1rem;
    left: -0.1rem;
}

@media (max-width: 575.98px) {
    .box-curso {
        padding: 1rem;
        margin: 3rem;
    }

    .att-horas, .att-meses {
        padding: .5rem 0;
    }

    .titulo-curso {
        padding-top: .5rem;
    }

    .corpo-depo, .nome-aluno, .curso {
        text-align: center !important;
    }

    .box-fixo-pos {
        height: auto;
    }

    .titulo-atributo-pos {
        margin-left: 1.5rem;
    }

    .titulo-atributo-pos-black {
        margin-left: 1.5rem;
    }
}

@media (max-width: 1300px) {
    #quadro-infos-pos {
        display: none;
    }

}

@media (min-width: 576px) and (max-width: 767.98px) {
    .box-curso {
        padding: 1rem;
        margin: 3rem 0;
    }

    .att-horas, .att-meses {
        padding: .5rem 0;
    }
}

/*---------------------------VITRINE DE CURSOS POR ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂREA --------------*/

.infos-curso {
    padding: 1rem 0;
    margin: -15px 0px 10px 0px;
}

.txt-apoio-areas-pos {
    margin: 0;
    color: #fff;
    font-size: 1.5rem;

}

.infos-curso span {
    font-weight: 600;
}

#lista-cursos p {
    margin: 0;
}

#busca-principal .busca-curso-area {
    padding-top: 2rem;
}

.box-curso {
    background-color: #f7f7f7;
    padding: .5rem;
    border-radius: 30px 0;
    margin: 2rem 0;
    position: relative;
}

.box-curso .tag-promo {
    position: absolute;
    top: -5px;
    left: -20px;
    background: #ee5e01;
    padding: 10px;
    border-radius: 12px 0;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-curso .tag-promo .text-promo {
    display: none;
    width: 0;
    height: 3vh;
    background: #75063d;
    border-radius: 0 15px 0 0;
    transition: .5s ease-in-out linear;
    color: #fff;
    position: absolute;
    left: 40px;
    top: 0px;
    text-align: center;
}

.box-curso:hover .text-promo {
    display: block;
    width: 40vh;
}

.box-curso .tag-promo svg {
    font-size: 1.5rem;
    color: #ffffff;
    width: 1em;
}

.btn-curso-promo {
    background-color: #f16301;
    width: 200px;
    position: absolute;
    border-radius: 10px 0;
    right: 1rem;
    bottom: -2rem;
    transition: .3s ease-in-out;
}

.btn-curso-promo p {
    color: #fff;
}

.btn-curso-promo:hover {
    background-color: #d45901;
}

.btn-curso {
    background-color: #6a103e;
    width: 150px;
    position: absolute;
    border-radius: 10px 0;
    right: 1rem;
    /*bottom: -2rem;*/
    transition: .3s ease-in-out;
}

.btn-curso:hover {
    background-color: #4a0d2c;
}

.btn-curso p {
    color: #fff;
    font-weight: 500;
    padding: .3rem;
    margin: 0;
}

.att-meses, .att-horas, .att-preco {
    font-weight: 600;
    position: relative;
}

.att-apartir {
    font-size: .89rem;
    font-weight: 500;
}

.att-preco {
    font-size: 1.5rem;
}

.att-preco span {
    font-size: .99rem;
}

.att-meses::before {
    content: url(../img/pos/calendar.svg);
    position: absolute;
    right: 4.5rem;
}

.att-horas::before {
    content: url(../img/pos/clock.svg);
    position: absolute;
    right: 5.5rem;
}

@media (max-width: 599px) {
    .box-curso .tag-promo {
        left: 5px;
    }

    /*.wpp-graduacao-mobile{*/
    /*    position: fixed;*/
    /*    top: 50px;*/
    /*    background: #6a103e;*/
    /*    width: 100%;*/
    /*    left: 0;*/
    /*    right: 0;*/
    /*    z-index: 10;*/
    /*    padding: .5rem 0;*/
    /*}*/
}

@media (min-width: 575.98px) {
    .att-meses, .att-horas, .att-preco {
        font-weight: 600;
        position: relative;
    }

    .att-meses::before {
        content: none;
    }

    .att-horas::before {
        content: none;
    }
}

/*---------------------------- PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂGINA DE CURSO PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“S -------------------*/

/*------------------BARRA FIXA MOBILE------------------------- */

.seal-partner img {
    width: 300px;
}

@media screen and (max-width: 599px) {
    .seal-partner img {
        width: 200px;
    }
}

@media (min-width: 768px) {
    #barra-fixa-responsivo-pos {
        display: none;
    }

    .txt-mensalidade-resp {
        display: none;
    }
}

@media (max-width: 992px) {
    #faixainova {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .modal-dialog {
        max-width: 400px;
    }

    .infos-curso-especifico {
        padding: 3rem 0 !important;
    }

    #barra-fixa-responsivo-pos {
        background-color: #fafafa;
        position: -webkit-sticky;
        position: sticky;
        top: 5px;
        z-index: 10;
        -webkit-box-shadow: 6px 6px 13px -4px rgba(97, 97, 97, 0.4);
        -moz-box-shadow: 6px 6px 13px -4px rgba(97, 97, 97, 0.4);
        box-shadow: 6px 6px 13px -4px rgba(97, 97, 97, 0.4);
    }

    .info-valor-pos-mobile {
        margin-top: 1rem;
    }

    #barra-fixa-responsivo-pos h3 {
        font-weight: 600;
        color: #6e113e;
    }

    .btn-wpp-pos-mobile {
        background-color: #51ca7c;
        border-radius: 20px;
        margin: 0 1rem;
    }

    .btn-pre-pos-mobile {
        background-color: #ff8201;
        border-radius: 20px;
    }

    .txt-btn {
        color: #fff;
        padding: .5rem;
    }
}

.box-fixo-pos {
    height: auto;
}

.faixa-preco {
    color: #fff;
}

#banner-cursos-area{
    background:url(../img/pos/elementos-ead-vdd.webp) no-repeat, rgb(148,23,62);
    background:url(../img/pos/elementos-ead-vdd.webp) no-repeat, radial-gradient(circle, rgba(148,23,62,1) 0%, rgba(116,5,60,1) 54%);
}

#banner-cursos-area-black {
    background: rgb(0, 0, 0);
    background: radial-gradient(circle, rgba(0, 0, 0, 1) 0%, rgba(23, 23, 23, 1) 100%);
}

@media (max-width: 578px) {
    .infos-curso {
        margin-left: 1rem;
    }
}

.col-meses, col-horas {
    margin-left: 2rem;
}

.meses-pos, horas-pos {
    position: relative;
}

.meses-pos::before {
    content: url(../img/pos/calendar-2.svg);
    position: absolute;
    left: -2rem;
    top: -.2rem;
}

.horas-pos::before {
    content: url(../img/pos/clock-2.svg);
    position: absolute;
    left: -1rem;
}

.meses-horas-pos {
    margin-left: .1rem;
}

@media (max-width: 575.98px) {
    .meses-horas {
        margin-left: 15px;
        flex-wrap: nowrap;
    }

    .meses-pos::before, .horas-pos::before {
        /*content: none;*/
        top: -.2rem;
    }

    .col-meses {
        margin: 0;
    }
}

@media (max-width: 768px) {
    .meses-horas {
        flex-wrap: nowrap;
    }
}

.infos-curso-especifico {
    padding: 4rem 0 4rem 0;
}

#banner-cursos-area-black .infos-curso-especifico {
    padding: 1.5rem 0;
}

#banner-cursos-area-piluas .infos-curso-especifico {
    padding: 6.5rem 0;
}

.infos-curso-especifico p {
    margin: 0;
    color: #fff;
}

.infos-curso-especifico span {
    font-weight: 600;
}

.saiba-mais-scroll {
    position: fixed;
    top: 58px;
    display: block;
}

.titulo-saiba-mais {
    padding: 15px;
    text-align: center;
    background-color: #eee;


    position: -webkit-sticky;
    position: sticky;
    top: 58px;
    z-index: 1000;
}

.titulo-saiba-mais h5 {
    font-size: 16px;
    color: #616161;
}

.titulo-saiba-mais .ancora-saiba-mais {
    background-color: #6A103E;
    border-radius: 15px 0;
    padding: 1rem 1.25rem;
    color: #fff;
    display: block;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .titulo-saiba-mais {
        display: none;
        padding: 30px;
        background-color: #0000;
    }
}

.infos-curso-especifico h2 {
    color: #fff;
    font-weight: 600;
}

#banner-cursos-area {
    position: relative;
    top: 0rem;
    min-height: 476px;
}

#quadro-infos-pos {
    max-width: 460px;
    background-color: #fff;
    padding: 1.5rem;
    -webkit-box-shadow: 4px 6px 12px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 4px 6px 12px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 4px 6px 12px -5px rgba(0, 0, 0, 0.75);
    border-radius: 40px 0;

    position: fixed;
    top: 42.5rem;
    right: 1rem;
    float: right;
    margin-top: -27.8rem;

    z-index: 10;
}

#quadro-infos-pos .text-promo .tag-promo {
    background: #ee5e01;
    padding: 5px;
    border-radius: 7px 0;
    color: #fff;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .7rem;
}

#quadro-infos-pos .text-promo small {
    color: #75063d;
}

.infos-pos, .pre-matricula-pos {
    margin: .3rem;
}

.faixa-promo-pos {
    background-color: #f16301;
    border-radius: 60px 0 0 60px;
    padding: .5rem;
    margin: 1rem 0;
    position: relative;
    right: -2.5rem;
    width: 400px;
}

.tarja-preco-2020 {
    margin-left: -2.3rem;
}

#txt-pos-preco {
    color: #ffff;
    margin-bottom: 14px;
    margin-top: -25px;
}
#txt-pos-preco-1{
    color: #672b3c;
    margin-bottom: 16px;
}
.faixa-promo-pos, .bloco-txt-pos, .txt-pos {
    color: #fff;
    margin: 0;
}

.bloco-txt-pos {
    padding: 1rem 0;
}

.bloco-txt-pos .text-promo {
    color: #f16301;
}

.preco-pos {
    font-size: 1rem;
    padding-right: 1rem;
}

.infos-pos a {
    text-decoration: none;
    color: #fff;
    background-color: #25D366;
    border-radius: 15px 0;
    font-weight: 500;
    transition: .2s ease-in-out;
    text-transform: lowercase;
}

.infos-pos a:hover {
    background-color: #21c25d;

}

.pre-matricula-pos a {
    text-decoration: none;
    color: #fff;
    background-color: #5d0d3d;
    border-radius: 15px 0;
    padding: .5rem 3.2rem;
    font-weight: 500;
    transition: .2s ease-in-out;
    text-transform: lowercase;
}

.pre-matricula-pos a:hover {
    background-color: #470c30;
}

/*Icones dos atributos*/
.txt p {
    position: relative;
}

.icon-mec::before {
    content: url(../img/pos/mec.svg);
    position: relative;
    padding: .5rem .1rem;
    bottom: -.4rem;
    width: 30px;
    fill: #616161;
    margin-right: .3rem;
}

.icon-app::before {
    content: url(../img/pos/app.svg);
    position: relative;
    padding: .5rem .1rem;
    bottom: -.4rem;
    margin-right: .6rem;
}

.icon-prof::before {
    content: url(../img/pos/prof.svg);
    position: relative;
    padding: .5rem .1rem;
    bottom: -.4rem;
    margin-right: .45rem;
}

.icon-digital::before {
    content: url(../img/pos/digital.svg);
    position: relative;
    padding: .5rem .1rem;
    bottom: -.4rem;
    margin-right: .7rem;
}

#conheca {
    margin-top: 1rem;
}

.video {
    padding: 1rem 0rem 1rem 1rem;
}

.wave {
    width: 100%;
}

/*COLAPSE DOS ATRIBUTOS*/

.btn-ler-mais {
    color: #5d0d3d;
    font-weight: 600;
    transition: .3s ease-in-out;
}

.btn-ler-mais:hover {
    cursor: pointer;
    color: #85003a;
}

.mais-conteudo {
    color: #616161;
}

#atributos-curso {
    background-color: #fafafa;
    /* margin-top: -1.5rem; */
    padding: 1.5rem 0;
}

#atributos-curso li {
    font-size: .9rem;
    margin: 0;
    color: #616161;
}

.atributo {
    margin-top: 1.5rem;
}

.titulo-atributo-pos {
    position: relative;
    font-size: 1.25rem;
}

.titulo-atributo-pos-black {
    position: relative;
    font-size: 1.25rem;
}

.titulo-atributo-pos::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background-color: #6a103e;
    left: -1.5rem;
    top: .1rem;
}

.titulo-atributo-pos-black::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background-color: #000000;
    left: -1.5rem;
    top: .1rem;
}

#wave-down-pos {
    position: relative;
    bottom: 4.5rem;
    z-index: -1;
}

#table-investimento, #table-condEspeciais {
    padding: 1rem 0;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #fff !important;
}

#condicoes-pagamento-pos {
    padding: 1.5rem 0;
}

.box-cond-pag {
    margin: .5rem;
}

.white-elipse {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 100%;
    margin: .5rem 0;
}

.box-vinho {
    background-color: #6a103e;
    padding: 1rem;
}

.box-vinho h6 {
    color: #fff;
    font-weight: 600;
}

.red-elipse {
    width: 20px;
    height: 20px;
    background-color: #6a103e;
    border-radius: 100%;
    margin: .5rem 0;
}

.box-grey {
    background-color: #fafafa;
    padding: 1rem;
}

.box-grey h6 {
    color: #616161;
    font-weight: 600;
}

.txt-infos-wpp {
    padding: 1rem 0;
}

#condicoes-pagamento-pos a {
    color: #fff !important;
    font-weight: 500;
}

.btn-infos-wpp {
    background-color: #ff9900;
    margin-top: 1.5rem;
    border-radius: 20px 0;
    padding: .7rem;
}

.titulo-col {
    background-color: #6a103e;
    color: #fff;
}

.infos-col {
    background-color: rgba(106, 16, 62, 0.62);!important;
    color: #fff;
}


.titulo-col-black {
    background-color: #000000;
    color: #fff;
}

#ctas-2 {
    padding: 0rem;
}

.infos-pos-2 a {
    font-size: 1rem;
    text-decoration: none;
    color: #fff;
    background-color: #672b3c;
    border-radius: 15px 0;
    margin-right: -.6rem;
    padding: .5rem 2rem;
    transition: .2s ease-in-out;
    text-transform: lowercase;
}

.infos-pos-2 a:hover {
    background-color: #672b3c;

}

.pre-matricula-pos-2 a {
    text-decoration: none;
    color: #fff;
    background-color: #5d0d3d;
    border-radius: 15px 0;
    padding: .5rem 3.2rem;
    font-weight: 500;
    transition: .2s ease-in-out;
    text-transform: lowercase;
}

.pre-matricula-pos-2 a:hover {
    background-color: #470c30;
}

#faq {
    padding: 1.5rem 0;
}

#faq h3 {
    font-size: 1.25rem;
}

.faq-pos {
    margin-top: 1.5rem;
}

.card {
    border: none !important;
    border-radius: 20px;
    margin: .5rem !important;
}

.faq-pos > .card > .card-header {
    border-radius: 20px 0 !important;
    margin-bottom: -1px;
}

.card-header {
    background-color: #fcfcfc !important;
    padding: .5rem .5rem !important;
}

.btn-link {
    color: #616161 !important;
}

.titulo-faq {
    margin: 0;
    position: relative;
}

.titulo-faq::after {
    content: url(../img/pos/plus.svg);
    position: absolute;
    right: 0;
    background-color: #85003a;
    padding: .3rem .5rem 0;
    border-radius: 5px;
    top: -.5rem;
}

#lista-vantagens-pos {
    margin-top: 1rem;
}

.item-vantagem {
    margin-top: 1.5rem;
}

.titulo-vantagem {
    position: relative;
    font-size: 1rem;
}

.titulo-vantagem::before {
    position: absolute;
    content:url(../img/pos/check.webp);
    left: -2.5rem;
    top: .2rem;
}

.destak-vantagem {
    color: #5f002f;
    font-weight: 600;
}

@media (max-width: 575.98px) {
    .infos-pos-2 {
        margin-bottom: .5rem;
    }

    .infos-curso-especifico h2 {
        font-size: x-large;
    }

    .titulo-vantagem::before {
        position: absolute;
        content: '';
        width: 15px;
        height: 15px;
        background-color: #ff8201;
        border-radius: 100%;
        left: -1.5rem;
        top: .2rem;
    }
}

/*---------------------------------------------------------------------*/
/*--------------------------- PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂGINA DE DEPOIMENTOS ---------------------*/
/*---------------------------------------------------------------------*/
body {
    padding-right: 0 !important;
}

.depoimentos-dobra-1 .rounded-circle {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.depoimentos-dobra-1 .mural {
    width: 150px !important;
    height: 150px !important;
    object-fit: cover !important;
}

.depoimentos-dobra-1 .depoimentos-nome-aluno {
    font-weight: 600;
}

.depoimentos-dobra-1 .depoimentos-nome-curso {
    font-size: 0.875rem;
}

.btn-primary-roxo {
    background-color: #6A103E;
    border-color: #6A103E;
    padding: 0.9375rem 1.25rem;
}

.btn-primary-roxo:hover,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #450A28;
    border-color: #450A28;
}

.btn-primary-roxo:focus,
.btn-outline-secondary-roxo:focus {
    box-shadow: 0 0 0 0.2rem rgba(145, 22, 85, 0.5);
}

.btn-border-radius {
    border-radius: 15px 0;
}

.btn-outline-secondary-roxo {
    color: #64103E;
    border-color: #6A103E;
}

.btn-outline-secondary-roxo:hover,
.btn-outline-secondary:not(:disabled):not(.disabled):active {
    color: #450A28;
    border-color: #450A28;
    background-color: transparent;
}

#myTabDepoimentoContent ul li:nth-of-type(2n+1) {
    background-color: #f7f7f7;
    border-radius: 5px;
}

.depoimentos-dobra-1 .nav-link {
    font-size: 1.125rem;
    color: #616161;
    width: 285px;
    text-align: center;
    padding: 19px 43px;
}

.depoimentos-dobra-1 .nav-tabs .nav-item.show .nav-link,
.depoimentos-dobra-1 .nav-tabs .nav-link.active {
    color: #616161;
    font-weight: 700;
}

.corpo-depoimento {
    font-size: 0.875rem;
    font-style: italic;
    color: #616161;
}

.corpo-depoimento:before {
    content: url("../img/depoimentos/fa-solid_quote-left.webp");
    margin-right: 8px;
}

.corpo-depoimento:after {
    content: url("../img/depoimentos/fa-solid_quote-right.webp");
    margin-left: 8px;
}

.wave {
    width: 100%;
}

/* Depoimentos graduaÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â£o */

.box-depoimento {
    background-color: #fff;
    padding: 2rem 1.5rem;
    border-radius: 30px 0;
    width: 450px;
    display: flex;
    z-index: 999;
    position: relative;
    top: 2rem;

    -webkit-box-shadow: -7px 6px 11px -1px rgba(204, 204, 204, 0.67);
    -moz-box-shadow: -7px 6px 11px -1px rgba(204, 204, 204, 0.67);
    box-shadow: -7px 6px 11px -1px rgba(204, 204, 204, 0.67);
}

.titulo-depoimentos {
    padding: 1rem 0;
    font-size: 1.5rem;
}

.btn-depoimento p {
    color: #fff;
    padding: .5rem;
}

#busca-principal-depoimentos {
    background-color: #f7f7f7;
    top: 0;
    z-index: 99999;
}

.wave-down {
    position: relative;
    bottom: 2.5rem;
    z-index: -1;
}

/* Resultado da barra de pesquisa */

#resultSearchDepoimentos .resultado {
    margin-top: 4rem;

}

#resultSearchDepoimentos .box-result {
    display: flex;
    background: #f7f7f7;
    border-radius: 30px 0;
    position: relative;
    height: 100px;
    width: auto;
}

#resultSearchDepoimentos .box-result .info {
    display: flex;
    justify-content: space-between;
    padding: 2rem;
    width: 60%;
}

#resultSearchDepoimentos .box-result .info h5 {
    color: #570232;
    font-weight: 600;
    position: relative;
}

#resultSearchDepoimentos .box-result .info h5::before {
    content: '';
    position: absolute;
    width: 60px;
    height: 2px;
    background-color: #d36218;
    bottom: -3px;
}

#resultSearchDepoimentos .box-result .info span {

}

#resultSearchDepoimentos .box-result img {
    border-radius: 30px 0;
    position: absolute;
    height: auto;
    width: 115px;
    right: 0;
    bottom: 0;
    top: -20px;
}

#resultSearchDepoimentos .loading {
    display: none;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #aaa;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
    margin: 15px auto 0;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* CTA - Conte sua histÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â³ria */

#cta-historia {
    background-color: #e17118;
    margin-top: 2.5rem;
}

.txt-historia {
    padding: 1rem 0;
}

#cta-historia .txt-chamada {
    color: #fff;
}

.txt-chamada span {
    font-weight: 700;
}

.form-historia {
    position: relative;
    background-color: #5d2f44;
    top: -1rem;
    border-radius: 30px 0;
}

#form-depoimentos {
    padding: 2rem;
}

.btn-form-depoimentos {
    color: #6a103e !important;
    background-color: #fff !important;
    border-color: #fff !important;
    font-weight: 700 !important;
}

/*footer*/
#footer {
    background-color: #fff;
    padding: 5rem 0 4rem 0;
}

#footer .box-footer {
    border-radius: 30px 0;
    background: #f5f5f5;
    padding: 40px;
}

#footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 2rem;
}

#footer ul li {
    margin-bottom: 15px;
    line-height: 1.2;
}

#footer h4 {
    color: #5d0d3d;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 1rem;
    margin-bottom: 1rem;
}

#footer h5 {
    color: #616161;
    font-size: 1rem;
}

#footer ul a {
    color: #616161;
    text-decoration: none;
}

#footer ul a:hover {
    color: #ed5b01;
}

#footer ul li form {
    padding: 0;
}

#footer ul li form .form-control {
    height: calc(1.1em + .75rem + 2px) !important;
    border: 1px solid #fff !important;
    position: relative;
    font-size: .95rem;
    margin: .5rem;
}

#footer ul li form button {
    border: 0;
    background: transparent;
    margin: 0;
    color: #616161;
}

#footer ul li form button:hover {
    color: #ed5b01;
}


/*footer404*/
#footer404 {
    background-color: #fff;
    padding: 5rem 0 4rem 0;
}

#footer404 .box-footer {
    border-radius: 30px 0;
    background: #f5f5f5;
    padding: 40px;
}

#footer404 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 2rem;
}

#footer404 ul li {
    margin-bottom: 15px;
    line-height: 1.2;
}

#footer404 h4 {
    color: #5d0d3d;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 1rem;
    margin-bottom: 1rem;
}

#footer404 h5 {
    color: #616161;
    font-size: 1rem;
}

#footer404 ul a {
    color: #616161;
    text-decoration: none;
}

#footer404 ul a:hover {
    color: #ed5b01;
}

#footer404 ul li form {
    padding: 0;
}

#footer404 ul li form .form-control {
    height: calc(1.1em + .75rem + 2px) !important;
    border: 1px solid #fff !important;
    position: relative;
    font-size: .95rem;
    margin: .5rem;
}

#footer404 ul li form button {
    border: 0;
    background: transparent;
    margin: 0;
    color: #616161;
}

#footer404 ul li form button:hover {
    color: #ed5b01;
}


/*footer copy*/
.copy {
    padding: 1rem 0;
}

@media (max-width: 575.98px) {
    .txt-historia {
        padding: 2.5rem 0;
    }
}

/*-------------------------------------------*/
/*--------------CENTRO DE CARREIRAS---------*/
/*-------------------------------------------*/

#intro-carreiras {
    padding-top: 5rem;
}

#intro-carreiras p {
    margin: 0 !important;
}

.wave-down {
    position: relative;
    bottom: 5rem;
    z-index: -1;
}

#blog-carreiras {
    background-color: #fcfcfc;
}

.card-carreiras {
    border: none !important;

    -webkit-box-shadow: -7px 6px 11px -1px rgba(204, 204, 204, 0.67);
    -moz-box-shadow: -7px 6px 11px -1px rgba(204, 204, 204, 0.67);
    box-shadow: -7px 6px 11px -1px rgba(204, 204, 204, 0.67);
}

.cards-blog {
    padding-top: 1rem;
}

/*.btn-primary{*/
/*    color: #fff!important;*/
/*    background-color: #610537!important;*/
/*    border-color: #610537!important;*/
/*}*/
#videos {
    padding: 1.5rem 0;
}

#vagas {
    padding: 5rem 0;
}

.box-vaga {
    background-color: #fafafa;
    border-radius: 30px 0;
    padding: 2.5rem;
    margin: 1rem;
    position: relative;
}

.btn-vaga {
    background-color: #622a40;
    position: absolute;
    border-radius: 15px 0;
    bottom: -.5rem;
    right: 1.5rem;
}

.btn-vaga h6 {
    color: #fff;
    margin: 0;
    padding: .5rem 1rem;
}

.cta-laranja {
    background-color: #d66618;
}

.txt-white {
    color: #fff;
}

#cta span {
    font-weight: 600;
}

.img-cta {
    padding: 1rem 0;
}

.txt-cta {
    padding: 1.5rem;
}

.btn-cta {
    background-color: #622a40;
    padding: 1rem .5rem;
    margin: 1rem 0;
}

/*contact float Whatsapp*/
.contact-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: block;
    z-index: 70;
}

.contact-float .form-float {
    position: absolute;
    bottom: 10vh;
    right: 0;
    background: #25d366;
    width: 100%;
    display: none;
    border-radius: 25px;
    padding: 30px 10px 10px 10px;
}

.contact-float .form-float form .form-control {
    height: calc(1.1em + .75rem + 2px) !important;
    border: 1px solid #fff !important;
    position: relative;
    font-size: .95rem;
}

.contact-float .form-float form .btn-enviarwpp {
    background: #003916;
    color: #fff;
    font-weight: 700;
    border-radius: 10px 0;
}

.contact-float .form-float #formGraFloat, .contact-float .form-float #formPosFloat {
    display: none;
}

.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;
    color: rgb(255, 255, 255);
    position: relative;
    transition: all ease-in-out .3s;
    height: 64px;
    width: 64px;
    cursor: pointer;
    overflow: hidden;
    box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.28);
}

@media (max-width: 599px) {
    .btn-contact-float {
        right: 0px;
        bottom: -4px;
    }
}

.contact-float .info {
    display: none;
    position: fixed;
    bottom: 95px;
    color: #0c0404;
    right: 15px;
    font-size: 1rem;
    text-align: center;
}

.contact-float .info strong {
    display: block;
    padding: 0.5rem 0.5rem;
    background: rgba(37, 211, 102, 0.9);
    border-radius: 5px;
    box-shadow: 1px 0px 21px rgb(0 0 0 / 8%);
    font-size: 1.2em;
    margin-bottom: -0.5rem;
    margin-right: 4rem;

}

.contact-float .quest a {
    font-size: 13px;
}

.balloon {
    background-color: #25d366;
    padding: 6px;
    position: fixed;
    bottom: 20px;
    z-index: 90;
    right: 105px;
    float: left;
    border-radius: 5px;
    cursor: pointer;
}

.balloon-content {
    background-color: #fff;
    padding: 15px;
    border-radius: 5px;
    margin: 8px;
}

.balloon-content p {
    margin-top: 0;
    margin-bottom: 0rem;
}

.close-balloon {
    position: fixed;
    bottom: 106px;
    right: 110px;
    cursor: pointer;
    z-index: 9999999;
    color: #fff;
    padding: 8px 0px;
    margin-bottom: -19px;
}

.balloon:before {
    content: '';
    position: absolute;
    width: 17px;
    height: 16px;
    right: -10px;
    top: 43px;
    background-color: #25d366;
    -webkit-transform: rotate(45deg);
}

.balloon-content p {
    font-size: 13px !important;
}

.balloon-hide {
    display: none;
}

.btn-balloon-wpp {
    margin: .3rem 0;
    font-size: 1rem;
    background: #fff !important;
    color: #292929 !important;
}

.btn-balloon-wpp:hover {
    background: #292929 !important;
    color: #fff !important;
}



.btn-outline-dark:hover {
    color: #fff !important;
    box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.25);
}

@media (max-width: 599px) {
    .balloon {
        background-color: #25d366;
        padding: 1px 1px 1px;
        position: fixed;
        bottom: 15px;
        z-index: 999999;
        right: 100px;
        float: left;
        border-radius: 5px;
        cursor: pointer;
    }

    .balloon:before {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        right: -8px;
        background-color: #25d366;
        -webkit-transform: rotate(45deg);
        top: 40px;
    }

    .balloon-content {
        background-color: #fff;
        padding: 0.9rem 0.5rem;
        border-radius: 2.5px;
        margin: 0.625rem;
    }

    .balloon-content p {
        font-size: 11px !important;
    }

    .balloon-hide {
        display: none;
    }

    .contact-float .info strong {
        border-radius: 10px;
        padding: 1rem;
        margin-right: 0rem !important;
        margin-left: 5rem !important;
    }

    .close-balloon {
        bottom: 88px;
        right: 102px;
    }
}

.contact-active.info {
    display: flex;
    flex-direction: column;
    /*width: 230px;*/
    justify-content: flex-end;
    height: auto;
    padding: 10px;
    background: #1ab654;
    border-radius: 10px;
    z-index: 1;
}

.contact-active.info .quest {
    width: 340px;
    font-family: var(--light);
    display: flex;
    justify-content: space-between;
}

.contact-active.info .phone, .contact-active.info .phone-gra {
    display: none;
}

.contact-active.info .phone li, .contact-active.info .phone-gra li {
    padding: 0.5rem 1rem;
    margin: .5rem;
    background: #f0fdf5;
    box-shadow: 0px 0px 10px 0px #ccc;
    border-radius: 35px;
    display: flex;
    justify-content: center;
    color: #fff;
}

.contact-active.info .phone li a, .contact-active.info .phone-gra li a {
    color: #292929;
}

.contact-active.info .phone li a svg, .contact-active.info .phone-gra li a svg {
    color: #25d366;
}
.btn-seguranca {
    background: white !important;
    color: #292929 !important;
}

.btn-seguranca:hover {
    background: #292929 !important;
    color: white !important;
}

.contact-active button {
    color: #0c0404;
    border: 0;
    width: 100%;
    white-space: nowrap;
}

.contact-active button:hover {
    color: #fff;
}

/*------------------------PAGINA DE pÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â­lulas-------------*/

#titulo-pagina .txt-destak {
    color: #ed5b01;
}

#titulo-pagina a {
    text-decoration: none;
    border: 0;
    background: transparent;
    cursor: pointer;
}

#header-pilulas {
    height: 60vh;
    background-position: center center !important;
    background-size: cover !important;
}

@media screen and (max-width: 1600px) {
    #header-pilulas {
        height: 70vh;
        background-size: cover;
    }
}

#header-pilulas .caption {
    color: #fff;
}

#header-pilulas .caption h1 {
    font-size: 2.7rem;
    line-height: 1;
}

#header-pilulas .caption p {
    font-size: 25px;
}

@media screen and (max-width: 1600px) {
    #header-pilulas .caption p {
        font-size: 20px;
    }
}

#header-pilulas .caption {
    height: 60vh;
}

@media screen and (max-width: 1600px) {
    #header-pilulas .caption {
        height: 70vh;
    }
}

@media screen and (max-width: 599px) {
    #header-pilulas {
        height: auto;
    }

    #header-pilulas .caption {
        height: 35vh;
    }

    #header-pilulas .caption h1 {
        font-size: 1.7rem;
        line-height: 1;
    }

    #header-pilulas .caption p {
        font-size: 17px;
        line-height: 2.2;
    }
}

#header-pilulas .light {
    font-family: var(--light);
    font-weight: normal;
    color: #fff;
}


/* Nossos cursos */
#nossos-cursos {
    padding: 4rem 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 p {
    font-family: "Product Sans Light Regular";
    font-size: 2rem;
    color: var(--fysecondary);
    font-weight: 400;
}

#nossos-cursos h3 {
    font-family: var(--light);
    font-size: 1.8rem;
    margin-bottom: 3rem;
}

#nossos-cursos h4 {
    font-family: var(--light);
    font-size: 1.3rem;
    margin-bottom: 3rem;
}

#nossos-cursos h2 span {
    font-family: var(--light);
}

#nossos-cursos .cursos {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 2rem 1rem;
    list-style: none;
    margin: 0 0 5rem 0;
    padding: 0;
    position: relative;
}

@media screen and (max-width: 599px) {
    #nossos-cursos .cursos {
        grid-template-columns: repeat(1, 1fr);
    }

    #nossos-cursos h2 {
        font-size: 1.6rem;
    }

    #nossos-cursos h3 {
        font-size: 1.3rem;
    }

    #nossos-cursos h3 {
        font-size: 1rem;
    }
}

#nossos-cursos .cursos a {
    color: inherit;
    text-decoration: none;
}

#nossos-cursos .cursos h3 {
    margin: 0;
    font-size: 1.3rem;
    font-family: var(--regular);
    color: #6d6d6d;
}

#nossos-cursos .cursos small {
    display: block;
    color: #ed5b01;
    font-size: 1.3rem;
    font-family: var(--light);
}

#nossos-cursos .cursos li {
    position: relative;
    padding-left: 30px;
    transition: all ease-in-out .3s;
    display: flex;
    align-items: start;
}

#nossos-cursos .cursos li a {
    position: relative;
    width: 100%;
}

/*#nossos-cursos .cursos li:before{*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    bottom:  0;*/
/*    background: #fff;*/
/*    z-index: -2;*/
/*    -webkit-border-top-right-radius: 60px;*/
/*    -webkit-border-bottom-right-radius: 60px;*/
/*    -moz-border-radius-topright: 60px;*/
/*    -moz-border-radius-bottomright: 60px;*/
/*    border-top-right-radius: 60px;*/
/*    border-bottom-right-radius: 60px;*/
/*    transition: all 0.3s ease 0s;*/
/*    width: 0;*/
/*}*/
#nossos-cursos .cursos li:hover h3 {
    color: var(--fysecondary);
}

#nossos-cursos .cursos li:hover:before {
    width: 100%;
    right: 0;
}

#nossos-cursos .cursos li a: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: 0;
    z-index: 0;
    margin-top: 0;
    height: 35px;
    width: 25px;
    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;
}

#nossos-cursos .cursos li a:hover:before {

    background: var(--fytertiary) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="#E84242" 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;
}

#nossos-cursos .text-apoio {
    color: #333333;
    font-size: 1.2rem;
    font-family: var(--light);
    text-align: center;
    line-height: 1.3rem;
}

/*------------------------PAGINA DE EXTENSAO-------------*/

#banner-vitrine-extensao {
    background: rgb(148, 23, 62);
    background: radial-gradient(circle, rgba(148, 23, 62, 1) 0%, rgba(116, 5, 60, 1) 54%);
    padding: 1.5rem 0;
}

/*ALTERANDO SLIDES RESPONSIVOS*/

@media (max-width: 575.98px) {
    #carouselExtDesk {
        display: none;
    }
}

@media (min-width: 768px) {
    #carouselExtResp {
        display: none;
    }
}

.txt-apoio-extensao {
    font-size: 1rem;
}

.txt-cta-extensao {
    font-size: 1.5rem;
}

.att-meses-extensao {
    font-size: 1.2rem;
    font-weight: 600;
    padding: .8rem;
    position: relative;
}

.att-meses-extensao::before {
    content: url(../img/extensao/clock.svg);
    position: absolute;
    left: 6.8rem;
    top: .8rem;
}

.btn-curso-extensao p {
    color: #fff;
    font-weight: 500;
    padding: .3rem;
    margin: 0;
    font-size: .92rem;
}

.btn-curso-extensao {
    background-color: #6a103e;
    width: 150px;
    position: absolute;
    border-radius: 10px 0;
    right: 1rem;
    bottom: -1.7rem;
    transition: .3s ease-in-out;
}

.btn-curso-extensao:hover {
    background-color: #851c3e;
}

#conheca-extensao {
    padding: 2.5rem 0;
}

.pre-matricula-extensao a, .pre-matricula-extensao button {
    text-decoration: none;
    color: #fff;
    background-color: #e17118;
    /*border-radius: 15px 0;*/
    padding: .5rem 3.2rem;
    font-weight: 500;
    transition: .2s ease-in-out;
    text-transform: lowercase;
    margin-top: 1rem;
}

.pre-matricula-extensao a:hover, .pre-matricula-extensao button:hover {
    background-color: #d36404;
}

#grade-curricular-extensao {
    margin-top: 2.5rem;
}

#grade-curricular-extensao td {
    text-transform: lowercase;
}

.btn-enviarloja {
    background-color: #6a103e;
    color: #fff;
    text-transform: lowercase;
    font-weight: 600;
}
#banner-padrao-pag-internas-doc {
    background: linear-gradient(90deg, rgba(241, 101, 1, 1) 11%, rgba(251, 122, 0, 1) 27%, rgba(243, 93, 0, 1) 94%);
    padding: 7rem 0;


}


/*---------------------------------PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡gina ConheÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§a-----------------------------------*/
.conheca-banner {
    padding: 0 !important;
}

/*ALTERANDO SLIDES RESPONSIVOS*/

@media (max-width: 575.98px) {
    #carouselConhecaDesk {
        display: none;
    }
}

@media (min-width: 768px) {
    #carouselConhecaResp {
        display: none;
    }
}

.chamada-conheca {
    padding: 5rem 0;
}

.txt-conheca-bn {
    color: #fff;
}

#conheca-1, #conheca-1-2, #conheca-2, #conheca-5 {
    padding: 3.5rem 0;
}

#conheca-1, #conheca-1-2 .titulo-pagina {
    margin-bottom: 1rem;
}

#conheca-3 {
    padding: 2rem;
}

#conheca-4 {
    padding: 2.5rem 0;
    margin-top: 1.5rem;
}

#conheca-1-2 h4 {
    font-size: 18px;
    margin-top: 1rem;
    font-weight: 600;
}

.pq-destak-white {
    color: #fff;
    font-weight: 600;
}

#banner-padrao-pag-internas {
    background: linear-gradient(90deg, rgba(241, 101, 1, 1) 11%, rgba(251, 122, 0, 1) 27%, rgba(243, 93, 0, 1) 94%);
    padding: 7rem 0;
}

#banner-padrao-pag-internas .bloco-titulo-pag {
    background-color: #68103d;
    padding: 1rem 2.5rem;
    border-radius: 0 80px 80px 0;
    position: relative;
}

#banner-padrao-pag-internas .bloco-titulo-pag::before {
    position: absolute;
    content: url('../img/padrao-eadvdd-transparente.webp');
    top: -12rem;
    left: -2rem;
}

#banner-padrao-pag-internas .bloco-titulo-pag h2 {
    color: #fff;
    font-weight: 600;
}

#banner-padrao-pag-internas .bloco-titulo-pag h1 {
    color: #fff;
    padding: .5rem 0;
    font-size: 1.7rem;
    font-weight: 600;
}

@media (max-width: 575.98px) {
    #banner-padrao-pag-internas {
        padding: 5rem 0;
    }

    #banner-padrao-pag-internas .bloco-titulo-pag {
        padding: 1rem;
    }

    #banner-padrao-pag-internas .bloco-titulo-pag h1, h2 {
        padding: 0;
        font-size: 1.2rem;
    }
}

.institucional-fy {
    padding-top: 2.5rem;
}

.box-diferenciais {
    background-color: #fcfcfc;
    border-radius: 30px 0;
    padding: 1rem;
    margin: .5rem;
    height: 100%;
}

.box-diferenciais h3 {
    color: #5d0d3d;
    font-weight: 600;
    font-size: 1.2rem;
    padding-top: .8rem;
    display: block;
}

.box-diferenciais h3::first-letter {
    text-transform: uppercase;
}

.img-estrutura {
    padding: 1rem 0;
}

.nova-sede {
    border-radius: 20px 0;
}

.pq-conheca p {
    margin-bottom: 1rem;
    font-size: 1.01rem;
}

.logo-parceiro {
    margin: 5px;
}

.logo-pb {
    display: block;
    max-width: 300px;
    margin: 20px auto 40px auto;
    transition: .3s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.logo-pb:hover {
    -webkit-filter: none;
    filter: none;
}

#conheca-4 {
    background-color: #fcfcfc;
}

.box-pq p {
    padding: 1rem;
}

.box-pq {
    background-color: #fff;
    -webkit-border-radius: 30px 0;
    -moz-border-radius: 30px 0;
    border-radius: 30px 0;
    margin: .5rem;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(241, 241, 241, 1);
    -moz-box-shadow: 4px 4px 10px 0px rgba(241, 241, 241, 1);
    box-shadow: 4px 4px 10px 0px rgba(241, 241, 241, 1);
    position: relative;
}

#conheca-6 {
    padding: 5rem 0;
    background: rgb(150, 23, 60);
    background: radial-gradient(circle, rgba(150, 23, 60, 1) 0%, rgba(116, 5, 60, 1) 54%);
}

#conheca-6 .txt-white {
    color: #fff;
}

#conheca-6 .txt-white span {
    font-weight: 600;
}

#wave-down-conheca {
    top: -7rem;
    position: relative;
    bottom: 8rem;
    z-index: -1;
}

/*-------------------------------------------*/
/*--------------PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂGINA DE CURSO DE EXTENSAO---------*/
/*-------------------------------------------*/

.conheca-extensao p {
    margin-top: 1rem;
}

#cta-extensao {
    padding: 2.5rem;
}

.cta-extensao {
    padding: 1rem 2rem;
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
    background-color: #6a103e;
    position: relative;
    transition: all 0.5s;
}

.cta-extensao::before {
    content: "";
    position: absolute;
    bottom: -.5rem;
    height: 3rem;
    width: 100%;
    left: .5rem;
    background-color: #ff6400;
    z-index: -1;
    transition: all 0.5s;
}

.cta-extensao:active {
    margin: 0.75rem 0rem 0rem 0.75rem;
}

.cta-extensao:active::before {
    bottom: 0.1rem;
    left: -0.1rem;
}

#faq-extensao {
    padding: 3.5rem 0;
}

#conheca-extensao {
    margin-top: 2.5rem;
}

#quadro-infos-extensao {
    max-width: 500px;
    background-color: #fff;
    padding: 2.5rem;
    position: -webkit-sticky;
    position: sticky;
    -webkit-box-shadow: 4px 6px 12px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 4px 6px 12px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 4px 6px 12px -5px rgba(0, 0, 0, 0.75);
    border-radius: 40px 0;
    right: 1rem;
    z-index: 1;

    position: -webkit-sticky;
    position: sticky;
    top: 10rem;
    right: 5rem;
    float: right;
    margin-top: -15rem;
}

.col-horas-extensao {
    margin-left: 2rem;
}

.box-fixo-extensao {
    height: auto;
}

@media (max-width: 575.98px) {
    #quadro-infos-extensao {
        display: none;
    }
}

/*-------------------------------------------*/
/*--------------PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂGINA DE CONVENIOS GRADUAÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢O---------*/
/*-------------------------------------------*/

#convenios-1 {
    padding: 3.5rem;
}

.titulo-convenio {
    text-align: center;
}

/*-------------------------------------------*/
/*-------------- FORMAS DE INGRESSO ---------*/
/*-------------------------------------------*/

#titulo-ingresso {
    padding: 2.5rem 0;
}

.forma {
    padding: 2.5rem 0;
}

#forma-1, #forma-3 {
    background-color: #fcfcfc;
    border-radius: 30px 0;
}

.btn-ingresso {
    color: #6a103e;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease-in-out;
    position: relative;
    left: 0;

}

.btn-ingresso:hover {
    color: #881e3e;
    text-decoration: none;
    left: 15px;
}

/*-------------------------------------------*/
/*-------------- PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂGINA FALE CONOSCO ---------*/
/*-------------------------------------------*/

#titulo-fac {
    padding: 2.5rem 0;
}

.bg-btn-fac {
    background-color: #6a103e;
    padding: 1.5rem;

}

.btn-fac {
    background-color: #6a103e !important;
    width: 100%;
    padding: 1.5rem !important;
    font-size: 1.3rem !important;
    color: #fff !important;
    font-weight: 600 !important;
    transition: .3s ease-in-out;
}

.btn-fac:hover {
    background-color: #7b194b !important;
}

.btn-graduacao-fac {
    width: 100%;
    background: #e47518 !important;
    color: #fff !important;
    border-radius: 10px 0 !important;
    font-weight: 500 !important;
    margin-bottom: .5rem;
}

.btn-pos-fac {
    width: 100%;
    background: #68103d !important;
    color: #fff !important;
    border-radius: 10px 0 !important;
    font-weight: 500 !important;
    margin-bottom: .8rem;
}

#collapse1 p {
    margin-bottom: .8rem;
}

.form-fac {
    border: 1px solid #f1f1f1 !important;
}

.btn-submit-contato-fac {
    color: #fff !important;
    background-color: #6a103e !important;
}

#carouselFacDesk {
    display: block;
}

#carouselFacResp {
    display: none;
}

@media (max-width: 599px) {
    #carouselFacDesk {
        display: none;
    }

    #carouselFacResp {
        display: block;
    }

    .btn-fac {
        margin-bottom: .8rem;
    }
}

/*-------------------------------------------*/
/*-------------- PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂGINA OUVIDORIA ---------*/
/*-------------------------------------------*/

#box-ouvidoria {
    background-color: #f7f7f7;
    border-radius: 30px 0;
    padding: 2.5rem 0;
}

#box-ouvidoria span {
    color: #0a0a0a;
}

#box-titulo {
    padding: 2.5rem 0;
}

#box-ouvidoria-texto {
    padding: 2.5rem 0;
}

#box-ouvidoria .caption {
    padding-top: 1.5rem;
}

#card-form-area-ouvidoria {
    padding: 2.5rem 0;
}

#card-form-area-ouvidoria .form-control {
    /*height: calc(1.1em + .75rem + 2px)!important;*/
    border: 1px solid #fff !important;
    position: relative;
    font-size: .95rem;
}

#card-form-area-ouvidoria p {
    font-weight: 400;
    font-size: 1.1rem;
}

#card-form-area-ouvidoria a {
    color: #5f002f;
    text-decoration: none;
    font-weight: 600;
    background-color: #fff;
    border-radius: 5px 0;
}

#card-form-area-ouvidoria .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #ee5e01;
    border-radius: 5px 0;
}

.btn-ouvidoria {
    background-color: #5f002f !important;
    color: #fff;
}

.btn-ouvidoria:hover {
    color: #fff !important;
}

/*-------------------------------------------*/
/*-------------- PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂGINA AGRADECIMENTO OUVIDORIA ---------*/
/*-------------------------------------------*/

.obrigado {
    background-color: #f7f7f7;
    -webkit-border-radius: 30px 0;
    -moz-border-radius: 30px 0;
    border-radius: 30px 0;
    padding: 2.5rem;
}

.msg-obrigado {
    margin-top: 1.5rem;
}

.destak-obg {
    font-weight: 600;
    color: #68103d;
}

/*-------------HEADER PADRÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢O INSTITUCIONAL-------------------*/

#header-institucional {
    background: rgb(241, 101, 1);
    background: linear-gradient(90deg, rgba(241, 101, 1, 1) 11%, rgba(251, 122, 0, 1) 27%, rgba(243, 93, 0, 1) 94%);
}

.infos-inst {
    padding: 3.5rem 0;
}

.infos-inst h1 {
    color: #fff;
    font-weight: 600;
}

/*--------------------PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂGINA DE DISCIPLINAS COMPLEMENTARES------------------------*/

#banner-disciplinas-complementares {
    background: rgb(148, 23, 62);
    background: radial-gradient(circle, rgba(148, 23, 62, 1) 0%, rgba(116, 5, 60, 1) 54%);
}

.card-form-area-complementares {
    padding: 1rem 0;
}

.card-form-area-complementares .form-control {
    height: calc(1.1em + .75rem + 2px) !important;
    border: 1px solid #fff !important;
    position: relative;
    font-size: .95rem;
    margin: .5rem;
}

.card-form-area-complementares p {
    margin: 0;
}

.btn-cond-aluno {
    background-color: #fff;
    color: #6a103e;
    font-weight: 600;
    text-transform: lowercase;
}

.btn-cond-aluno.active {
    color: #fff;
    background-color: #ee5e01;
    border-radius: 5px 0;
}

.btn-form-complementares {
    color: #6a103e !important;
    background-color: #fff !important;
    border-color: #fff !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    text-transform: lowercase;
}

.btn-disc-complementar {
    text-decoration: none;
}

.btn-disc-complementar:hover {
    text-decoration: none;
}

#disc-complementares {
    padding: 2.5rem 0;
}

.btn-form-complementares-modal {
    color: #fff !important;
    background-color: #6a103e !important;
    border-color: #fff !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    text-transform: lowercase;
}

/*-------------------PROCESSO SELETIVO REDACIONAL----------------------*/
#redacao-1 {
    padding: 3.5rem 0 1rem;
}

.box-redacao p {
    font-size: 19px !important;
}

.box-redacao li {
    margin: 12px;
}

.subtitulo-redacao {
    position: relative;
}

.subtitulo-redacao::before {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    background-color: #ee5e01;
    left: -1rem;
    top: .6rem;
}

.p-with-margin-bottom {
    margin-bottom: 10px;
}

/*form{*/
/*    border-radius: 20px 0;*/
/*    padding: 3rem 1rem;*/
/*}*/
.enviar-redacao {
    background: #5f002f;
    color: #fff;
    font-weight: 600;
    text-transform: lowercase;
    border-radius: 20px 0;
    margin-top: 2rem;
}

/*-------------------SEJA UM CONVENIADO----------------------*/
#redacao-1 {
    padding: 3.5rem 0 1rem;
}

.subtitulo-conveniado {
    position: relative;
}

.subtitulo-conveniado::before {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    background-color: #ee5e01;
    left: -1rem;
    top: .6rem;
}

.p-with-margin-bottom {
    margin-bottom: 10px;
}

/*form{*/
/*    border-radius: 20px 0;*/
/*    padding: 3rem 1rem;*/
/*}*/
.enviar-conveniado {
    background: #5f002f;
    color: #fff;
    font-weight: 600;
    text-transform: lowercase;
    border-radius: 20px 0;
    margin-top: 2rem;
}

/*-------------------NOVO POLO TERCEIRIZADO----------------------*/
#formulario-terceirizado {
    padding: 3rem 0;
}

.form-terceirizado {
    padding: 2rem 1rem 0 1rem;
}

#formulario-terceirizado label {
    display: block;
    line-height: 1.5;
    margin: 1rem 0;
}

#formulario-terceirizado span {
    font-size: 15px;
    color: #616161;
    font-weight: 500;
}

#redacao-1 {
    padding: 3.5rem 0 1rem;
}

.subtitulo-terceirizado {
    position: relative;
}

.subtitulo-terceirizado::before {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    background-color: #ee5e01;
    left: -1rem;
    top: .6rem;
}

/*.p-with-margin-bottom{*/
/*    margin-bottom: 10px;*/
/*}*/
#formulario-terceirizado .enviar-terceirizado {
    background: #5f002f;
    color: #fff;
    font-weight: 600;
    text-transform: lowercase;
    border-radius: 20px 0;
    margin-top: 2rem;
}

/*-------------------PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂGINA AFILIADOS----------------------*/

#afiliados-1 {
    padding: 3.5rem 0 1rem;
}

#afiliados-2, #afiliados-3, #afiliados-4,
#afiliados-5 {
    padding: 1rem 0;
}

.subtitulo-afiliados {
    position: relative;
}

.subtitulo-afiliados::before {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    background-color: #ee5e01;
    left: -1rem;
    top: .6rem;
}

.p-with-margin-bottom {
    margin-bottom: 10px;
}

#quero-me-afiliar {
    max-width: 500px;
    background-color: #fff;
    padding: 2.5rem;
    -webkit-box-shadow: 4px 6px 12px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 4px 6px 12px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 4px 6px 12px -5px rgba(0, 0, 0, 0.75);
    border-radius: 40px 0;
    right: 1rem;
    position: -webkit-sticky;
    position: sticky;
    top: 55px;
    right: 5rem;
    z-index: 9999;
    float: right;
    margin-top: 2rem;
    text-align: center;
}

@media (max-width: 575.98px) {
    #quero-me-afiliar {
        display: none;
    }

    #quero-me-afiliar-mobile {
        position: -webkit-sticky;
        position: sticky;
        max-width: 500px;
        background-color: #fafafa;
    }

    .cta-afiliados-mobile {
        padding: 1rem 0;
        background-color: #ec7f18;
        margin: 1rem;
    }

    .subtitulo-afiliados {
        margin-left: 1rem;
    }
}

@media (min-width: 768px) {
    #quero-me-afiliar-mobile {
        display: none;
    }
}

.cta-afiliados {
    background-color: #ec7f18;
    padding: 1rem;
    transition: .3s ease-in-out;
}

.cta-afiliados:hover {
    background-color: #d27217;
}

.cta-afiliados p {
    color: #fff;
    font-weight: 500;
    margin: 0;
    font-size: 1rem;
}

.video-afiliados {
    padding: 1rem 0;
}

/*-------PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡gina de Credibilidade------*/

@media (max-width: 575.98px) {
    #carouselCredibilidadeDesk {
        display: none;
    }

    .btn-fac {
        margin-bottom: .8rem;
    }
}

@media (min-width: 768px) {
    #carouselCredibilidadeResp {
        display: none;
    }
}

#credibilidade-1 {
    padding: 3.5rem 0;
}

#credibilidade-2, #credibilidade-3, #credibilidade-4 {
    padding: 3.5rem 0 1rem 0;
}

.titulo-credibilidade {
    font-size: 1.3rem;
    color: #616161;
    display: block;
}

.titulo-credibilidade::first-letter {
    text-transform: uppercase;
}

.titulo-credibilidade span {
    color: #f16301;
    font-weight: 600;
}

/*---------------------Institucionais Gerais ------------------------*/

.infos-inst p {
    color: #fff;
}

#header-institucional .seal-partner img {
    width: 20vh;
}

/*PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡gina Imprensa*/

#detalhes {
    margin-top: 2.5rem;
}


/*----------PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡gina FAQ-----------*/

#banner-principal-faq {
    background: rgb(241, 101, 1);
    background: linear-gradient(90deg, rgba(241, 101, 1, 1) 11%, rgba(251, 122, 0, 1) 27%, rgba(243, 93, 0, 1) 94%);
}

#faq-1 {
    padding: 2.5rem;
}

.faq-opcao {
    color: #616161;
    transition: .3s ease-in-out;
    padding: 1rem 2rem;
    font-weight: 600;
    max-width: 100%;
    background-color: #fafafa;
    width: 300px;
    text-align: center;
}

.faq-opcao.active, .faq-opcao:focus, .faq-opcao:hover {
    text-decoration: none;
    background-color: #68103d;
    color: #fff;
}

#form-faq p {
    color: #fff;
    padding-top: 1rem;
}

#form-faq .form-control {
    height: calc(1.1em + .75rem + 2px) !important;
    border: 1px solid #fff !important;
    position: relative;
    font-size: .95rem;
    margin: .5rem;
}

/*----------PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡gina DOCUMENTOS REGULATORIOS-----------*/

#banner-principal-regulatorios {
    background: rgb(241, 101, 1);
    background: linear-gradient(90deg, rgba(241, 101, 1, 1) 11%, rgba(251, 122, 0, 1) 27%, rgba(243, 93, 0, 1) 94%);
}

#regulatorios {
    padding: 2.5rem;
}

.regulatorios-opcao {
    color: #616161;
    transition: .3s ease-in-out;
    padding: 1rem 2rem;
    font-weight: 600;
    max-width: 100%;
    background-color: #fafafa;
    width: 300px;
    text-align: center;
}

.regulatorios-opcao.active, .regulatorios-opcao:focus, .regulatorios-opcao:hover {
    text-decoration: none;
    background-color: #68103d;
    color: #fff;
}

#doc-regulatorios-lista-cursos .accordion .btn-link, #doc-regulatorios-lista-portarias .accordion .btn-link {
    font-weight: 600;
    text-transform: uppercase;
}

#doc-regulatorios-lista-cursos .accordion .card-body a {
    color: #68103d;
}

#doc-regulatorios-lista-portarias .accordion .card-body a {
    color: #68103d;
}

/*-------------PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡gina na MÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â­dia------------*/

#banner-principal-namidia {
    background: rgb(241, 101, 1);
    background: linear-gradient(90deg, rgba(241, 101, 1, 1) 11%, rgba(251, 122, 0, 1) 27%, rgba(243, 93, 0, 1) 94%);
}

.enviar-midia {
    text-transform: lowercase;
    font-size: 1rem;
    color: #fff;
    background-color: #5f002f;
    margin-left: .55rem;
}

.card-namidia {
    border: none !important;
    border-radius: 20px;
    margin: .5rem !important;
}

.card-namidia h5 {
    font-size: 1.8rem !important;
    color: #5f002f !important;

}

.card-namidia svg {
    font-size: 21px !important;
    color: #f77001 !important;
}

.card-namidia svg:hover {
    color: #5f002f !important;
    cursor: pointer;
}

.leia-mais {
    color: #f77001;
    font-weight: 600;
    transition: .3s ease-in-out;
}

.leia-mais:hover {
    cursor: pointer;
    color: #5f002f;
}


/*PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂGINA LOCALIDADES*/

#banner-principal-localidades {
    background: rgb(241, 101, 1);
    background: linear-gradient(90deg, rgba(241, 101, 1, 1) 11%, rgba(251, 122, 0, 1) 50%, rgba(243, 93, 0, 1) 94%);
}

.nav-localidades {
    margin-top: 1rem;
}

#selecao-localidade p {
    font-weight: 600;
}

#localidades-1 {
    padding: 2rem 0;
}

#form-localidades {
    padding: 1rem 0;
}

#form-localidades .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #5f002f;
}

#form-localidades .form-control {
    height: calc(1.1em + .75rem + 2px) !important;
    border: 1px solid #fff !important;
    position: relative;
    font-size: .95rem;
    margin: .5rem 0;
}

.btn-form-localidades {
    background-color: #5f002f;
    font-size: .9rem;
    text-transform: lowercase;
    color: #fff;
    font-weight: 600;
}

.lista_polos {
    padding: 1.5rem 0;
}

/*----------DISCIPLINAS COMPLEMENTARES--------*/

#banner-complementares {
    background: rgb(165, 43, 62);
    background: radial-gradient(circle, rgba(165, 43, 62, 1) 0%, rgba(114, 20, 62, 1) 54%);

}

@media (max-width: 599px) {
    #banner-complementares {
        background: rgb(165, 43, 62);
        background: radial-gradient(circle, rgba(165, 43, 62, 1) 0%, rgba(114, 20, 62, 1) 54%);

    }
}

#form-complementares {
    padding-bottom: 1.5rem;
}

#lista-cursos-complementares {
    padding: 2.5rem 0;
}

/*BOX FIXO PROMO CURSO*/
#box-fixed-promo .box-content {
    display: none;
    position: fixed;
    top: 25px;
    right: 0;
    left: 0;
    max-width: 0;
    background: #ffebdd;
    border-radius: 0 0 30px 0;
    box-shadow: 1px 5px 9px 0px #00000036;
    z-index: 1022;
    transition: all ease-in-out .3s;
}

#box-fixed-promo .box-content.active {
    max-width: 400px;
    display: block;
}

#box-fixed-promo .box-content.close-box {
    max-width: 0 !important;
    display: none !important;
}

#box-fixed-promo .box-content .box-header button.close {
    padding: .5rem .5rem;
}

#box-fixed-promo .box-content .box-body {
    padding: 1rem;
    color: #f16301;
    font-weight: 600;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1.2;
}

@media (max-width: 599px) {
    #box-fixed-promo .box-content.active {
        max-width: 95%;
    }

    #box-fixed-promo .box-content {
        bottom: 10px;
        top: inherit;
    }
}

/*BOX INFO CURSO MOBILE*/
.detalhes-curso-mobile {
    background: #eeeeee;
    padding: -4px;
    height: 50px;
    color: #672b3c;
    text-align: center;
    position: sticky;
    -webkit-position: sticky;
    position: -webkit-sticky;
    top: 0rem;
    z-index: 1020;
    transition: all 0.2s ease-in-out;
    font-size: 1.5rem;
    display: none;
}

.btn-form {

    background: #672b3c;
    border-radius: 3px solid #672b3c;
    margin-top: 16px;
}
#\#btn-form-pos {
    border-radius: 0 15px;
}

.detalhes-curso-mobile #detalhe-curso {
    display: none;
}

.detalhes-curso-mobile button {
    background: #672b3c;
    border-radius: 15px 0 !important;
    color: #fff;
    font-size: .9rem;
}

.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: 83%;
    margin-top: 3px;
}

@media screen and (max-width: 1300px) {

    .detalhes-curso-mobile #detalhe-curso {
        display: flex;
    }

    .detalhes-curso-mobile .d-flex {
        font-size: 15px;
    }

    .title-course-scroll {
        text-align: center;
        font-size: 1.2rem;
        line-height: 1;
        border-bottom: 1px solid #ccc;
        padding-bottom: .5rem;
        margin-bottom: .5rem;
    }
}

#detalhe-curso .preco {
    display: grid;
    text-align: left;
    line-height: 1.2;
    font-size: .9rem !important;
}

#detalhe-curso svg {
    margin-right: 10px;
}

.capa-revista {
    padding: .5rem 0;
}

#header-area-vestibular {
    background: rgb(241, 101, 1);
    background: linear-gradient(90deg, rgba(241, 101, 1, 1) 11%, rgba(251, 122, 0, 1) 50%, rgba(243, 93, 0, 1) 94%);
}

#form-vestibular {
    margin-top: 1rem;
}

#form-vestibular p {
    padding: .5rem 0;
}

.btn-form-vestibular {
    text-transform: lowercase;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    background-color: #5f002f;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.btn-form-vestibular:hover {
    color: #fff;
    background-color: #79013c;
}

.btn_codigo_vestibular:hover {
    color: #fff;
}

#bf-hello-bar {
    background-color: #000000;
    padding: 1rem;
}

.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;
    font-size: .8rem !important;
}

.btn-bf-hellobar-link {
    text-decoration: none;
}

.btn-bf-hellobar-link:hover {
    text-decoration: none;
}

.chamada-hellobar-bf {
    font-size: 1rem !important;
}

@media (max-width: 575.98px) {
    .chamada-hellobar-bf {
        font-size: .9rem !important;
        padding: .5rem 0;
    }
}

/*Vantagens de ser aluno Unyleya*/
#vantagens-de-ser-unyleya-graduacao {
    padding: 2.5rem 0;
    background-color: #fafafa;
    margin-top: 2rem;
}

#vantagens-de-ser-unyleya {
    margin-top: 5rem;
}

.titulo-vantagem-grad {
    font-size: 1.5rem !important;
}

.itens-vantegens-unyleya {
    margin-top: 1.5rem;
}

.box-vantagem {
    background-color: #fafafa;
    padding: 0.6rem;
    border-radius: 10px;
    height: 500px;
}

.box-vantagem h5 {
    margin-top: 1rem;
}

.cta-vantagem {
    color: #720135;
    font-weight: 600;
    padding: .5rem;
    transition: .2s ease-in-out;
    margin-bottom: 0 !important;

}

.cta-vantagem:hover {
    color: #a51255;
}

.link-vantagem {
    text-decoration: none;
}

.link-vantagem:hover {
    text-decoration: none;
}

.saiba-mais-link p {
    color: #5d0d3d !important;
    font-weight: 500;
}

.capa-vantagem {
    max-width: 95% !important;
}

#vantagens-resp {
    margin-top: 5rem;
}

@media (max-width: 575.98px) {
    #vantagens-de-ser-unyleya {
        margin-top: 2.5rem;
        display: none;
    }

    #atributos-graduacao-y {
        display: none;
    }
}

@media (min-width: 768px) {
    #vantagens-resp {
        display: none;
    }
}

/*DOBRA INVESTIMENTOS PAGINAS DE CURSO*/

.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;
}

/*POLOS TERCEIRIZADOS*/
.txt-vinho {
    color: #7c073d;
    font-weight: 600;
}

.titulo-secao-terceirizados {
    color: #616161 !important;
    font-size: 1.6rem;
}

#institucional-polos-terceirizados {
    padding: 3.5rem;
}

#atributos-polos-terceirizados {
    padding: 2rem 0 0 0;
}

#institucional-polos-terceirizados .titulo-atributo-destak {
    font-size: 1.2rem;
}

#institucional-polos-terceirizados ul {
    list-style: none;
    padding-inline-start: 0px;
}

#institucional-polos-terceirizados ul li {
    padding: .3rem 0;
    text-align: center;
    margin: 0;
}

#atendimento-academico {
    background-color: #fafafa;
    padding: 2.5rem 0;
}

#atendimento-academico h3 {
    font-size: 1.5rem;
}

.qual-negocio {
    display: none;
}

.video-polo-terceirizado {
    -moz-box-shadow: 23px 18px 0px -1px rgba(255, 122, 0, 1);
    box-shadow: 23px 18px 0px -1px rgba(255, 122, 0, 1);
    -box-shadow: 23px 18px 0px -1px rgba(255, 122, 0, 1);
}

.owl-carousel .owl-nav {
    position: relative;
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    position: absolute;
    bottom: 95px;
    padding: 15px !important;
    color: #f35d00 !important;
    font-size: 30px !important;
    background-color: transparent;
    width: 1.5em;
}

@media (max-width: 599px) {
    .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
        width: 0.5em;
    }
}

.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover {
    background-color: transparent;
}

.owl-carousel .owl-nav .owl-prev {
    left: -50px;
}

.owl-carousel .owl-nav .owl-next {
    right: -50px;
}

@media (max-width: 599px) {
    .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
        bottom: -40px;
    }

    .owl-carousel .owl-nav .owl-prev {
        left: 20px;
    }

    .owl-carousel .owl-nav .owl-next {
        right: 20px;
    }
}

.itens-vantegens-unyleya .col-md-3 {
    padding-right: 8px !important;
    padding-left: 8px !important;
}

.itens-vantegens-unyleya p {
    font-size: 1rem;
}

.itens-vantegens-unyleya h5 {
    font-size: 1.1rem !important;
}

@media (min-width: 768px) {
    #vantagens-de-ser-unyleya .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 100%;
    }
}

#informacoes-curso .texto-hibrida {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;

}

#atributos-cursos-hibridos li, p {
    font-weight: 400;
}

/*-------------PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡gina CPA------------*/


#cpa .nav-link.active {
    text-decoration: none;
    background-color: #68103d;
    color: #fff;
}

.notebook-background-inova {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 510px;
    margin-top: -30.375rem;
    margin-left: 52%;
}

.video-position-inova {
    margin-left: 5rem;
    margin-top: 4.5rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

#cpa {
    padding: 2.5rem;
}

#cpa h4 {
    padding: 1.5rem;
    font-size: 20px;
    color: #68103d;
    font-weight: 600;
}

#cpa p {
    padding: 1rem;
    font-size: 16px;
}

#cpa a {
    color: #68103d;
    font-weight: 400;
    text-decoration: none;
}

#cpa svg {
    font-size: 21px !important;
    color: #f77001 !important;
}

#cpa svg:hover {
    color: #5f002f !important;
    cursor: pointer;
}

#cpa .nav-link {
    color: #616161;
    padding: 1rem 2rem;
    font-weight: 600;
    max-width: 100%;
    background-color: #fafafa;
    width: 300px;
    text-align: center;
}

#cpa .accordion .btn-link {
    font-weight: 500;
    text-transform: uppercase;
}

#cpa .accordion .card-body a {
    color: #68103d;
}

#quem-confia, #quem-confia-home {
    padding: 5rem 0rem 0rem 0rem;
    background-color: #fafafa;
}

#quem-confia .titulo-secao, #quem-confia-home .titulo-secao {
    margin-bottom: 2rem;
}

#quem-confia-home .owl-carousel .owl-nav .owl-prev, #quem-confia-home .owl-carousel .owl-nav .owl-next {
    position: inherit;
    top: -9rem;
}

#quem-confia-home .owl-carousel .owl-nav .owl-next {
    right: -68rem;
}

@media (max-width: 560px) {
    #quem-confia-home .owl-carousel .owl-nav .owl-next {
        right: -20rem !important;
    }
}

@media (max-width: 320px) {
    #quem-confia-home .owl-carousel .owl-nav .owl-next {
        right: -17rem !important;
    }
}

/*pÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡gina de solcitaÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â£o de vagas*/

#formulario-vagas label {
    display: block;
    line-height: 1.5;
    margin: 0 .5rem 0 .5rem !important;
}

#formulario-vagas{
    padding: 3rem 0;
}
.form-vagas{
    padding: 2rem 1rem 0 1rem;
}
#formulario-vagas label{
    display: block;
    line-height: 1.5;
    margin: 1rem 0;
}

#formulario-vagas span {
    font-size: 15px;
    color: #616161;
    font-weight: 500;
}

#redacao-1 {
    padding: 3.5rem 0 1rem;
}

.subtitulo-terceirizado {
    position: relative;
}

.subtitulo-terceirizado::before {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    background-color: #ee5e01;
    left: -1rem;
    top: .6rem;
}

/*.p-with-margin-bottom{*/
/*    margin-bottom: 10px;*/
/*}*/
#formulario-vagas .enviar-terceirizado {
    background: #5f002f;
    color: #fff;
    font-weight: 600;
    text-transform: lowercase;
    border-radius: 20px 0;
    margin-top: 2rem;
}

/* PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡gina de Cursos Especiais */

/*CADASTRO DOCENTES*/

.container-doc {

}

.box-doc {
    background-color: #f2f2f2;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
}

.iframe-container{
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: 1000px;
    border: none; /* Remove a borda padrÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â£o do iframe */
    margin-bottom: -10rem; /* Adicione uma margem inferior para espaÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§amento */
}

.iframe-container iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 90vh;
    border: none;
}

.text-doc{
    text-align: justify;
}



.cad-doc {
    display: flex;
    justify-content: center;
    align-items: center;
    height: content-box;
    background-color: #5f002f;
    color: white;
    font-size: 16px;
    line-height: 1.5;
    bottom: 0px;!important;

}


}

.txt-footer{
    color: rgba(255, 255, 255, 0.75);

}

.iframe-cad-doc{
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .card-header {
        padding: 10px;
    }

    .container-doc img {
        max-width: 100%;
        height: auto;
    }

    .txt-footer {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .cad-doc{
        margin-bottom: 0px;
    }

    .banner-cadastro-doc {
        display: none;
    }

    .container-doc {
        display: none;
    }

}

@media (min-width: 767.1px) {
    .banner-cadastro-doc-mobile{
        display: none;
    }

    .container-doc-mobile{
        display: none;
    }

}

/*A SUA HISTORIA*/

.iframe-container-his {
    width: 100%;
    max-width: 100%;
    height: 700px;
    border: none; /* Remove a borda padrÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â£o do iframe */
    margin-bottom: 20px; /* Adicione uma margem inferior para espaÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§amento */
}

.form-vagas-his{
    margin-top: -5rem;
}



@media (max-width: 1024px){
    .instructions{
        margin-top: -20rem;
    }

    .form-style-his {
        background-color: #f2f2f2;
        padding: 40px;
        border-radius: 10px;
        box-shadow: 0 0 10px 0 #ccc;
        margin: 30px -67px 0px -68px;
        width: auto;


    }

    .iframe-container{
        position: relative;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
        height: 1000px;
        border: none; /* Remove a borda padrÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â£o do iframe */
        margin-bottom: -500px;
    }
    .banner{
        height: 765px;!important;
    }

}



#cadastrodoc-titulo{
    margin-top: -2rem;
}

.instructions{
    margin-left: 2.5rem;
}

.container {
    width: 80%;
    margin: 0 auto;
}

.banner-section {
    height: 200px;
    background-color: #ccc;
}

.form-title {
    text-align: center;
    margin-top: 50px;
}

.form-style {
    background-color: #f2f2f2;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 #ccc;
    margin-top: 50px;

}

.form-style-his {
    background-color: #f2f2f2;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 #ccc;
    margin-top: 20px;

}

.form-group {
    margin-bottom: 20px;
    z-index: 20;
}

.form-group label {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}

.form-group input[type="text"],
.form-group input[type="file"] {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.tooltip {
    font-size: 12px;
    color: #999;
    margin-top: 5px;
    display: block;
}

.submit-btn {
    width: 100%;
    padding: 10px;
    background-color: #4CAF50;
    color: #fff;
    border: 0;
}





/* Dobra Banner */

.banner {
    background-color: #6A103E;
    height: 646px;
}

/* Responsive layout for tablet */
@media (max-width: 768px) {
    form {
        width: 90%;
        margin: 0 auto;
    }
    .form-group {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
    .form-control {
        width: 100%;
        padding: 10px;
        font-size: 16px;
    }
    label {
        font-size: 14px;
    }
    .form-banner {
        width: 100%;
        height: auto;
        text-align: center;
        margin-bottom: 20px;
    }
    .form-suahistoria{
        max-width: 100%;
    }
    .banner{
        height: 765px;!important;
    }
}

/* Responsive layout for mobile */
@media (max-width: 576px) {
    form {
        width: 95%;
        margin: 0 auto;
    }
    .form-group {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
    .form-control {
        width: 100%;
        padding: 10px;
        font-size: 14px;
    }
    label {
        font-size: 12px;
    }
    .form-banner {
        width: 100%;
        height: auto;
        text-align: center;
        margin-bottom: 20px;
    }
    .banner{
        height: 865px;!important;
    }


}

@media (min-width: 992px) {
    .banner {
        height: 500px !important;
    }

    .info-banner {
        margin-top: 70px;
    }

    .info-wrapper {
        max-width: 43.333333%;
    }
}

@media (min-width: 1024px) {
    .banner {
        height: 473px !important;
    }

    .info-banner {
        margin-top: 45px;
    }

    .notebook-background {
        height: 412px;
    }

    .video-position {
        margin-top: 1.375rem;
        padding-left: 3.625rem !important;
    }
}

@media (min-width: 1280px) {
    .banner {
        height: 500px !important;
    }

    .notebook-background {
        height: 420px !important;
        margin-top: -27.9rem !important;
        margin-left: 37% !important;
    }

    .video-position {
        margin-left: 5.5rem !important;
        margin-top: 2.375rem !important;
        padding-right: 6.62rem !important;
    }
}

.banner h1 {
    font-size: 2.375rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

@media (max-width: 767px) {
    .banner h1 {
        font-size: 1.575rem;
    }
}

.banner h3 {
    font-size: 1.5rem;
    color: #fff;
    font-weight: 400;
}

.banner .tagline p {
    font-size: 0.9375rem !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-style: italic;
}

.banner .tagline p:before {
    content: '';
    display: block;
    width: 5px;
    height: 2.1875rem;
    background-color: #ff6400;
    margin-right: 0.625rem;
    margin-left: 5rem;

}

.col-fake {
    height: 30rem;
}

.notebook-mockup {
    background-color: #eee;
}

.notebook-background {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 450px;
    margin-top: -27.9rem;
    margin-left: 42%;
}

#formulario-historia label{
    display: block;
    line-height: 1.5;
    margin: 1rem 0;
}
#formulario-historia span{
    font-size: 15px;
    color: #616161;
    font-weight: 500;
}

.banner-suahistoria{
    margin: 0 0 0 0;
}
@media (max-width: 767.99px){
    .banner-suahistoria{
        margin:0 0 -4rem 0;
    }
    .banner-depsuahistoria-desktop{
        display: none;
    }
}


@media (min-width: 768px) {
    .notebook-background {
        height: 408px;
        margin-top: -25.9rem;
        margin-left: 3%;
    }
    #formulario-historia{
        margin-top: 5rem;
    }
    .banner-depsuahistoria-mobile{
        display: none;
    }

}

@media (min-width: 992px) {
    .notebook-background {
        height: 358px;
        margin-top: -25.9rem;
        margin-left: 37%;
    }
}

@media (max-width: 992px) {
    .banner{
        height:785px;
    }
}

.video-position {
    margin-left: 3.75rem;
    margin-top: 2.375rem;
    padding-left: 4.625rem;
    padding-right: 4.625rem;
}

/* Dobra Barra de ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âcones */

.icon-bar {
    background-color: #eee;
}

.icon-bar ul {
    list-style: none;
    padding-left: 0;
}

.icon-bar ul li img {
    margin-right: 0.625rem;
}

.icon-bar-ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.icon-bar-li {
    font-size: 0.875rem;
    color: #616161;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin: 0 0.625rem;
}

/* Dobra formulÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡rio */
.dobra-1 {
    padding: 1.875rem 0;
}

.title-h2-form {
    font-weight: 700;
    font-size: 2.5rem;
}

.featured-title {
    color: #ff6400;
}

.form {
    color: #fff;
    background-color: #ff6400;
    padding: 1.875rem 3rem;
    border-radius: 5px;
    text-align: center !important;
}
.one-input{
    margin-top: 10px;
}

.form:before {
    content: '';
    z-index: -1;
    width: 27.8125rem;
    background-color: #6A103E;
    bottom: -0.9375rem;
    height: 26.875rem;
    right: 0;
    position: absolute;
}

.form p {
    color: #fff;
    text-align: center;
}

.form-group > input.m-0 {
    margin: 0 !important;
}

.cta-pre-matricula-form {
    background-color: #6A103E;
    border-radius: 15px 0;
    padding: 1rem 1.25rem;
    width: 100%;
    color: #fff;
    font-weight: 700;
    text-transform: lowercase;
    display: block;
    margin: 0 auto;
}

.cta-pre-matricula-form:hover {
    background-color: #450A28;
    color: #fff;
}

.cta-whatsapp-form {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 15px 0;
    color: #fff;
    padding: 1rem 1.25rem;
    text-transform: lowercase;
}

.cta-whatsapp-form:hover {
    background-color: #f7f7f7;
}

.form-control:focus {
    color: #616161;
    border-color: #FF7B26;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 123, 38, 1);
    box-shadow: 0 0 0 0.2rem rgba(255, 123, 38, 1);
}

/* Dobra professores */
.dobra-2 {
    padding: 1.875rem 0;
}

.figure-professor {
    position: relative;
}

.figure-professor img {
    border-radius: 10px;
    border: 1px solid #f5f5f5;
}

.information-professor {
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 3;
    background-color: #333;
    width: 95%;
    padding: 0.3125rem 1rem;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 1rem;

}

.nome-professor {
    color: #fff;
    font-size: 1.25rem !important;
    font-weight: 700;
    margin-bottom: 0;
    white-space: nowrap;
}

.btn-professor {
    color: #adadad;
    font-size: 0.875rem;
    text-decoration: underline;
}

.btn-professor:hover {
    color: #616161;
}

.carousel-indicators {
    bottom: -30px;
}

.carousel-indicators li {
    background-color: #c4c4c4;
}

/* Dobra O que vou aprender */
.dobra-3 {
    background-color: #eee;
    padding: 1.875rem 0;
}

.cta-pre-matricula {
    background-color: #00bf58;
    border-radius: 15px 0;
    padding: 1rem 1.25rem;
    color: #fff;
    font-weight: 700;
    text-transform: lowercase;
    margin: 0 auto;
    text-align: center;
    display: block;
}

.cta-pre-matricula:hover {
    background-color: #07a853;
    color: #fff;
}

.dobra-3 .nav-tabs {
    border-bottom: 1px solid #c4c4c4;
}

.dobra-3 .nav-tabs .nav-link.active {
    background-color: transparent;
    border-color: #c4c4c4 #c4c4c4 #eee #c4c4c4;
    color: #616161;
}

.dobra-3 a.nav-link {
    color: #616161;
}

.dobra-3 thead {
    background-color: #adadad;
}

.dobra-3 .table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}

.dobra-3 .table thead th {
    border-bottom: 0px;
}

.dobra-3 .table th, .dobra-3 .table td {
    border-top: 0px;
}

.dobra-3 .table-title {
    color: #fff;
    font-weight: 700;
}

.dobra-3 .table.table-striped, .table-content {
    color: rgba(0, 0, 0, 0.75);
}
.cta-whatsapp {
    background-color: #00bf58;
    border: 1px solid #00bf58;
    border-radius: 15px 0;
    color: #fff;
    text-transform: lowercase;
}

.cta-whatsapp:hover {
    border-color: #07a853;
    background-color: #07a853;
    color: #fff;
}

/* Dobra 4 */
.dobra-4 {
    padding: 1.875rem 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#450A28), to(#911655));
    background: -o-linear-gradient(top, #450A28 0%, #911655 100%);
    background: linear-gradient(180deg, #450A28 0%, #911655 100%);
    text-align: center;
}

.dobra-4 h3 {
    font-size: 1.125rem;
    color: #fff;
    margin-top: 1rem;
}

/* Dobra investimento */
.dobra-5 {
    background-color: #eee;
    padding: 1.875rem 0;
}

.dobra-5 ul {
    list-style: none;
    padding: 0;
}

.dobra-5 p {
    font-size: 0.875rem;
}

.cta-investimento {
    background-color: #6A103E;
    border-radius: 15px 0;
    padding: 1rem 1.25rem;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 auto;
    text-align: center;
    display: block;
}

.cta-investimento:hover {
    background-color: #450A28;
    color: #fff;
}

/* Dobra vantagens */
.dobra-6 {
    padding: 1.875rem 0;
}

/* Dobra depoimentos */
.dobra-7 {
    padding: 1.875rem 0;
    background-color: #eee;
    padding-bottom: 9.375rem;
}

.carousel-depoimentos {
    margin-top: -9.375rem;
}

.bg-media-body {
    background-color: #fff;
    border-radius: 5px 5px 0 5px;
    padding: 1.875rem 1.875rem 1.875rem 4.5rem;
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
    border-right: 10px solid #6A103E;
    border-bottom: 10px solid #6A103E;

}

.media-avatar {
    margin-right: -50px;
    z-index: 2;
    width: 100px !important;
    height: 100px;
}

.blockquote-footer {
    color: #616161;
    font-size: 0.875rem;
}

.carousel-depoimentos .owl-carousel .owl-nav .owl-prev,
.dobra-8 .owl-carousel .owl-nav .owl-prev {
    left: 0;
}

.carousel-depoimentos .owl-carousel .owl-nav .owl-next,
.dobra-8 .owl-carousel .owl-nav .owl-next {
    right: 0;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    position: inherit;
    bottom: 20px;
}
.container-form-posesp{
    float: right;
}

/* Dobra parceiros */
.dobra-8 {
    padding: 1.875rem 0;
    margin-top: 3rem;
}


/* Responsivo */

/* Smartphones */
@media (max-width: 767px) {
    /* Banner */
    .banner .tagline p:before {
        width: 40px;
        height: 3px;
        margin: 0.5rem auto;
    }

    .banner .tagline p {
        display: block;
    }

    .video-position {
        margin-left: 0;
        margin-top: 4.5rem;
        padding-right: 3.5rem;
        padding-left: 7.5rem;
    }

    .col-fake {
        height: 15.625rem;
    }

    .notebook-background {
        height: 20.625rem;
        margin-top: -18.25rem;
        margin-left: 0;
    }

    .notebook-background-inova {
        height: 20.625rem;
        margin-top: -16.25rem;
        margin-left: 0;
    }

    .video-position-inova {
        margin-left: 3rem;
        margin-top: 4rem;
        padding-left: 0.625rem;
        padding-right: 3.625rem;
    }

    .notebook-mockup {
        margin-bottom: -0.0625rem;
    }

    /* FormulÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡rio */
    .form {
        padding: 1.875rem 1rem;
    }

    .form:before {
        width: 20rem;
    }

    .cta-pre-matricula-form {
        padding: 1rem 1rem;
    }

    .dobra-6 .media, .carousel-depoimentos .media {
        display: block;
        text-align: center;
    }

    /* Depoimentos */
    .bg-media-body {
        padding: 3.5rem 1rem 1rem 1rem;
    }

    .media-avatar {
        margin-bottom: -3.125rem;
        margin-right: auto;
        margin-left: auto;
    }
    .info-wrapper {
        margin-bottom: 2rem;
    }

}

/*mobile*/
@media (max-width: 575px) {
    .form:before {
        height: 28rem;
        margin-right: 8px;
    }
}

/* Tablets */
@media (min-width: 768px) and (max-width: 991.98px) {
    /* Banner */
    .banner .tagline p:before {
        width: 60px;
        height: 3px;
        margin: 0.5rem auto;
    }

    .banner .tagline p {
        display: block;
    }

    .video-position {
        margin-left: 0;
        margin-top: 0.5rem;
        padding-right: 7rem;
        padding-left: 7rem;
    }

    .form:before {
        width: 42.8125rem;
    }

    .dobra-1 img {
        display: block;
        margin: 0 auto;
    }
    .container-form-posesp{
        margin-right: 18%;
    : ;
    }

    .notebook-background {
        height: 20.625rem;
        margin-bottom: 5rem;
    }
}

#o-que-vou-aprender .tab-content > .active {
    margin-top: 25px;
}

#depoimentos-especial21 .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: inherit;
    -webkit-transform: translate3d(0, 0, 0);
}

/* PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡gina Lista de Cursos PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â³s */
a#cursos-destaque-tab, a#todos-cursos-tab {
    font-size: 18px;
    padding: 20px 48px;
    width: 286px;
    text-align: center;
}

#lista-cursos .nav-tabs .nav-link.active {
    border-color: #c4c4c4 #c4c4c4 #fff #c4c4c4;
}

a#cursos-destaque-tab.nav-link, a#todos-cursos-tab.nav-link {
    color: #616161;
}

.badges-cursos-destaque {
    display: inline-flex;
}

@media (max-width: 767px) {
    .badges {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .badges-cursos-destaque {
        padding-right: 1.875rem;
    }

    .att-meses:before {
        margin-right: 4px;
    }
    .container-form-posesp{
        margin-top: -102px;

    }

}

/* Hello bar */
.hello-bar {
    padding: 0.1rem 0;
    background-color: #e80041;
}

.hello-bar .btn.btn-primary {
    background-color: #fff;
    color: #6A103E;
    border-color: #fff;
    font-weight: 600;
}

@media (max-width: 767px) {
    .hello-bar h5 {
        font-size: 15px;
    }

    .hello-bar p {
        font-size: 13px;
    }

    .hello-bar .btn.btn-primary {
        font-size: 13px;
    }
}

.btn-cta-cc-vagas {
    background-color: #622a40;
    /* padding: 1rem .5rem; */
    margin: 1rem 0;
    color: #fff;
    text-align: center;
    font-weight: 600;
    border-radius: 10px 0px !important;
}

.btn-cta-cc-vagas:hover {
    background-color: #d36218;
    color: #f7efef;
}

#conheca-6 textarea.form-control {
    height: auto;
}

#conheca-6 input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%;
}

#wpp-wdgt button {
    cursor: pointer;
    background: transparent;
    border: none;
    color: white;
}

#etapas-publicacao-vaga {
    padding-top: 2.5rem;
}

#etapas-publicacao-vaga .nmr-etapa {
    font-size: 2rem;
    font-weight: 700;
    color: #343434;
}

.txt-cadastro-vaga-ps {
    font-size: .9rem;
    padding: 2rem 0;
}

.enviar-vagas {
    background: #5f002f;
    color: #fff;
    font-weight: 600;
    text-transform: lowercase;
    border-radius: 20px 0;
    margin-top: 2rem;
}

.enviar-vagas:hover {
    background: #5f002f !important;
    color: #fff !important;
}

/* Valores PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡gina */

#valores .titulo-valores {
    padding: 2.5rem 0 3rem 0;
    color: #616161;
}

#valores h4 {
    font-size: 25px;
    margin-top: 1rem;
    font-weight: 600;
    padding: 1.5rem 0 1rem 0;
}

#myTabContent svg {
    font-size: 21px !important;
    color: #f77001 !important;
}

#myTabContent svg:hover {
    color: #5f002f !important;
    cursor: pointer;
}

.btn-cta-branco-home {
    border: 2px solid #ffffff;
    padding: 1rem 2rem !important;
    border-radius: 50px;
    color: #212529;
    font-weight: 500;
    font-size: .9rem;
    background: white;
}

.btn-cta-branco-home:hover {
    border: 2px solid #ffffff;
    padding: 1rem 2rem;
    border-radius: 50px;
    color: #fef7f0;
    font-weight: 500;
    font-size: .9rem;
    background: #e82058;
}

/* PÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡gina especial DPO */
.font-small {
    font-size: 0.875rem;
}

.color-grey {
    color: #616161;
}

#faqDpo.accordion > .card > .card-header {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 !important;
    margin-bottom: -1px;
}

#faqDpo .card-header {
    background-color: #fff !important;
}

#faqDpo .svg-inline--fa {
    font-size: 1.25rem;
}

#faqDpo.accordion > .card:first-of-type,
#faqDpo.accordion > .card:not(:first-of-type):not(:last-of-type),
#faqDpo.accordion > .card:last-of-type {
    border-bottom: 1px solid #eee !important;
}

#faqDpo .card {
    border-radius: 0;
}

/*MODAL ANIVERSÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂRIO UNYLEYA 15 ANOS*/

.trigger-modal-aniversario {
    position: fixed;
    z-index: 999999999;
    cursor: pointer;
    box-sizing: border-box;
    font-family: Arial;
    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 {
    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;
    }

    .hide-on-mobile {
        display: none;
    }
}

#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;
}

#dobra-video-pos {
    margin-top: 5rem;
}

#dobra-video-especial {
    padding: 1.875rem 0;
}

@media (max-width: 570px) {
    #dobra-video-especial iframe {
        width: 100%;
    }

    #dobra-video-pos iframe {
        width: 100%;
        height: 100%;
    }
}

.link-inova-civil {
    color: #6a103e;
    text-decoration: underline;
    font-size: 1.2rem;
    font-weight: 600;
}

.link-inova-civil:hover {
    color: #bf0564;
}

.img-y-inova {
    padding: 0.5rem;
}

.btn-color-ext {
    background-color: #ffffff !important;
    font-weight: 600 !important;
}

#form-pos-ext .form-group {
    margin-bottom: 1rem !important;
}

#tabela-precos-extensao-g1 {
    padding: 2.5rem 0;
    margin-top: 0rem;
    background-color: #f8f9fa;
}

#quadro-infos-extensao-g1 {
    max-width: 500px;
    background-color: #ffffff;
    padding: 2.5rem;
    position: -webkit-sticky;
    position: sticky;
    -webkit-box-shadow: 4px 6px 12px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 4px 6px 12px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 4px 6px 12px -5px rgba(0, 0, 0, 0.75);
    border-radius: 40px 0;
    position: -webkit-sticky;
    position: sticky;
    top: 6rem;
    right: 5rem;
    float: right;
    margin-top: -15rem;
    z-index: 9;
}

@media (max-width: 1180.98px) {
    #quadro-infos-extensao-g1 {
        display: none;
    }
}

.cta-extensao-pos-g1 {
    color: #74053c;
    font-weight: 600;
}

.btn-form-extensao-g1 {
    color: #fff;
    background-color: #6a103e;
    font-weight: 600 !important;
    text-transform: capitalize;
    font-size: .9rem;
    transition: .3s ease-in-out;
    border-radius: 15px 0;
}

.btn-form-extensao-g1:hover {
    color: #fff !important;
    background-color: #f04d4d;
}

#quadro-infos-extensao-g1 .aceito label > span {
    font-size: .8rem;
    color: #74053c;
}

#quadro-infos-extensao-g1 .aceito a {
    font-weight: bold;
    color: #74053c;
    text-decoration: underline;
}

.btn-infos-wpp-extensao-g1 {
    background-color: #600030;
    -webkit-border-radius: 15px 0;
    -moz-border-radius: 15px 0;
    border-radius: 15px 0;
}

.btn-infos-wpp-extensao-g1 a {
    background: #600030 !important;
    font-weight: 600;
}

#conheca-tambem-extensao-g1 {
    padding: 2.5rem 0;
    margin-top: 0rem;
    background-color: #ffffff;
}

.icone-extensao {
    width: 50px;
    height: auto;
}

#atributos-curso-exensao-grid {
    background-color: transparent;
    padding: 1.5rem 0;
}

.extensao-g1-atributos-grid {
    width: 100%;
    height: 100%;
    background-color: transparent;
    display: grid;
    grid-template-columns: 150px 150px 200px;
    grid-row: auto;
    padding-top: 2rem;
}

.extensao-g1-atributos-box {
    background-color: transparent;
    padding: 6px;
    border-radius: 10px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 1rem;
    font-family: sans-serif;
    flex-direction: column;
    align-content: flex-start;
    flex-wrap: wrap;
}

.infos-curso-extensao-g1 {
    padding: 3.5rem 0;
}

.infos-curso-extensao-g1 {
    padding: 6.5rem 0;
}

.infos-curso-extensao-g1 p {
    margin: 0;
    color: #fff;
}

.infos-curso-extensao-g1 span {
    font-weight: 600;
}

.infos-curso-extensao-g1 h2 {
    color: #fff;
    font-weight: 600;
}

@media (max-width: 575.98px) {
    .extensao-g1-atributos-grid {
        grid-template-columns: auto auto 173px;
        text-align: center;
        display: flex;
        justify-content: space-evenly;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
    }

    .atributos-2-extensao-g1 {
        text-align: center;
    }
}

/* Ajustes campanha 2022 */
#banner-cursos-area-gold {
    background: url(../img/pos/elementos-ead-vdd.webp) no-repeat, linear-gradient(to left, rgba(242,213,140,1), rgba(164,109,41,1));
}

#campanhaAnoNovo .btn-conheca-1 {
    background-color: #A46D29;
}

.desconto-campanha {
    text-transform: uppercase;
    color: #fdface !important;
    font-weight: bold !important;
    font-size: 2.375rem;
    text-shadow: 0.1em 0.1em #6c3909;
}

/*====================================================*/
/*===========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;
}

.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.5rem;
}

@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: auto;
    margin-bottom: -1rem;
    margin-top: -8rem;
    padding: 1.5rem;
}

@media (max-width: 575.98px) {
    .img-curso-fy-regressivo {
        width: 100%;
        margin-bottom: -1rem;
        margin-top: -5rem;
        padding: 1.5rem;
    }
}

.img-curso-especial-fy-regressivo {
    width: 30rem;
    margin-bottom: -1rem;
    margin-top: -2rem;
    padding: 1.5rem;
}

@media (max-width: 575.98px) {
    .img-curso-especial-fy-regressivo {
        width: 100%;
        margin-bottom: -1rem;
        margin-top: -2rem;
        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: 27rem;
    margin-bottom: 0rem;
    margin-top: -3rem;
    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;
    }
}

.lista-cursos-vestibular p {
    font-family: inherit !important;
    font-size: 1rem !important;
    color: #616161 !important;
    font-weight: 500 !important;
}

.btn-vestibular-saiba-mais p {
    color: #fff !important;
}

.lista-cursos-vestibular p {
    font-family: inherit !important;
    font-size: 1rem !important;
    color: #616161 !important;
    font-weight: 500 !important;
}

.btn-vestibular-saiba-mais p {
    color: #fff !important;
}

/* Campanha 50% */
.headline-desconto {
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.2;
}

#banner-cursos-area .infos-curso h1 {
    font-size: 2.25rem;
}

.headline-desconto-curso {
    font-size: 1.5rem;
    line-height: 1.3;
    color: #fff;
    font-weight: bold;
}

.banner h1 {
    font-size: 1.875rem;
}

.nome-curso {
    font-size: 1.875rem;
}


/*====================================================*/
/*===========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;
    padding: 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: 20px;
}

#clockdiv > div {
    border-radius: 12px;
    background: #fff;
    display: inline-block;
    width: 5rem;
}

#clockdiv div > span {
    padding: 17px;
    border-radius: 3px;
    color: #6d023b;
    font-weight: 500;
}

.smalltext {
    padding-top: 0px;
    font-size: 12px;
    color: #730538;
    font-weight: 600;
}

.bg-contador {
    background: linear-gradient(90deg, #450A28 0%, #911655 100%);
    border-radius: 8px;
    padding-top: .5rem;
    margin-bottom: .5rem;
}

.bg-contador-hello-bar {
    background: linear-gradient(90deg, #450A28 0%, #911655 100%);
    border-radius: 0px;
    padding-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.body-flag-hello-bar {
    animation-name: color;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    text-align: center;
    vertical-align: middle;
    color: #ff0000 !important;
    border-radius: 20px;
    padding: 0rem;
}


.grid-container {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 10px;
    background-color: #9f0242;
    padding: 6px;
    justify-content: center;
}

.grid-container > div {
    background-color: rgb(159 2 66);
    text-align: center;
    padding: 0px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.item1 {
    grid-column: 1 / span 3;
}

@media (max-width: 575.98px) {
    .grid-container {
        display: block;
    }

    #grid-contador-regressivo {
        font-size: 0.8rem;
    }

    #clockdiv {
        font-size: 15px;
    }
}

/* Bottom bar mobile */
@media screen and (max-width: 767px) {
    .contact-float .info {
        bottom: 150px;
    }

    .btn-contact-float {
        display: none;
    }
    .whatmsg{
        display: none!important;
    }
    .contact-active button {
        border-color: #343a40;
        color: #343a40;
        border: 1px solid;
        border-radius: .5rem;
        padding: .5rem 0;
    }
    .btn-balloon-wpp{
        padding: .5rem 1.5rem !important;
    }
}

#banner-vitrine-pos {
    background: url(/assets/faculdade/img/pos-bg.webp) no-repeat center;
    background-size: cover;
}

.pos-image-modelo {
    background: url(/assets/faculdade/img/pos-modelo.webp) no-repeat left bottom;
    padding: 30px 0;
}

@media screen and (max-width: 768px) {
    .pos-image-modelo {
        background: none;
    }

    #carouselPosResp h1 {
        font-size: 2rem;
    }
}

.titulo-roxo {
    color: #6A103E;
    font-weight: bold;
}

.subtitulo-cinza {
    color: #333;
}

.titulo-laranja {
    color: #F5A04C;
    font-weight: bold;
}

.logos-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.logos-container .logos {
    margin: 0px 1.5rem;
}

.logos {
    background-image: url("/assets/faculdade/img/institucional/logo-faculdade-pb.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 146px;
    height: 50px;
    transition: .5s;
}

.logos:hover {
    background-image: url("/assets/faculdade/img/institucional/logo-faculdade.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.titulo-solucoes {
    font-size: 1.25rem;
    color: #333;
    font-weight: bold;
    margin: 1rem 0;
}

.equal-height-solucoes {
    min-height: 500px;
}

.btn-laranja {
    background-color: #F5A04C;
    border-color: #F5A04C;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0.8125rem 2rem;
}

.btn-laranja:hover {
    background-color: #FF7B26;
    border-color: #FF7B26;
}

.bg-numeros {
    background-color: #F9EBDF;
}

.bg-numeros h5 {
    font-size: 2rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 0;
}

.bg-numeros p {
    font-size: 1.25rem;
    color: #333;
    margin-bottom: 0;
}

.destaque-laranja {
    color: #FF6400;
    font-weight: bold;
}

.destaque-roxo {
    color: #6A103E;
    font-weight: bold;
}

.destaque-amarelo {
    color: #F5A04C;
    font-weight: bold;
}

.titulo-formulario {
    color: #333;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1.5rem;
}

.marca-educacional:before {
    content: url("/assets/faculdade/img/institucional/shape.webp");
    position: relative;
    top: 60px;
    left: -140px;
}

.instituicoes-parceiras:after {
    content: url("/assets/faculdade/img/institucional/patterns.webp");
    position: relative;
    right: 0;
    float: right;
    bottom: 10px;
}

.borda {
    margin-top: -30px;
}

@media (max-width: 768px) {
    .marca-educacional:before {
        top: 0;
        left: 0;
    }

    .titulo-laranja,
    .titulo-roxo,
    .titulo-formulario {
        font-size: 2rem;
    }

    .logos-container {
        justify-content: space-between;
    }

    .logos-container .logos {
        margin: 0px .5rem;
    }

    .borda {
        margin-top: -80px;
    }

    .instituicoes-parceiras:after {
        float: none;
        bottom: -100px;
        display: flex;
        justify-content: end;
    }
}

#lista-cursos .nav-pills .nav-link.active {
    background-color: #6a103e;
    color: #fff;
}

#lista-cursos .nav-pills .nav-link {
    background-color: #8F6179;
    color: #e1e1e1;
}

.bg-muraldoamor {
    background: linear-gradient(101.94deg, #9C0234 0%, rgba(237, 91, 1, 0.8) 96.88%);
    height: 80vh;
}

/*.bg-shape {*/
/*    height: 625px;*/
/*    !*background: #9C0234;*!*/
/*    background-size: auto;*/
/*    top: 0px;*/
/*    background-repeat: no-repeat;*/
/*}*/

@font-face {
    font-family: "Bistro Script";
    src: url("../img/Bistro_Script.otf");
}

.title-mural {
    font-family: "Bistro Script";
    font-size: 82px;
    line-height: 82px;
    position: relative;
}

.subtitle-mural {
    color: #fff;
    font-size: 18px;
}

.btn-mural {
    background-color: #ffb10a;
    border-radius: 50px;
    border-color: transparent;
    text-transform: uppercase;
    font-weight: bold;
    padding: 16px 22px;
}

.btn-mural:hover {
    border-color: transparent;
}

.description-form {
    color: #333;
    font-size: 22px;
    font-weight: normal;
}

.coracao-mural {
    position: absolute;
    top: 0;
    left: 100%;
    transform: translate(-50%, -50%);
    margin-left: -1rem;
}

.bg-borda {
    margin-top: -30px;
}

@media screen and (max-width: 768px) {

    .title-mural {
        font-size: 62px;
        line-height: 62px;
    }

    .coracao-mural {
        margin-left: -2.5rem;
    }

    .form-vagas-his{
        padding: 2rem 1rem 0 1rem;
        margin-top: -3rem;
    }

}

@media (max-width: 768px) {
    .dt-BOTfloater {
        display: none !important;
    }

    #dtbot-iframe {
        z-index: 9999999 !important;
    }
}

.text-mural-cinza {
    color: #333;
}

.text-mural-laranja {
    color: #ff6400;
}

.text-mural-cinza:after {
    content: '';
    display: block;
    width: 100px;
    height: 3px;
    background-color: #ff6400;
    margin: 1rem auto;
}

:root {
    --azul: #0A1D3D;
    --laranja: #FF6400;
    --laranja-dark: #D95500;
    --bege: #66513B;
}

.bg-azul {
    background-color: var(--azul);
}

.bg-bordo {
    background-color: #4b0020;
}

.btn-sa-primary {
    background-color: var(--laranja);
    border-color: var(--laranja);
}

.btn-sa-primary:hover {
    background-color: var(--laranja-dark);
    border-color: var(--laranja-dark);
}

.btn-sa-diversidade{
    background-color: #aa2156;
    border-color: #aa2156;
}

.btn-sa-diversidade:hover{
    background-color: #92033f;
    border-color: #92033f;
}

.bg-sa {
    background: url("../img/bg-sa.webp") no-repeat center;
    background-size: cover;
}

/* Banner EducaÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â£o */
.bg-sa-educacao {
    background: url("../img/semana-academica/educacao/bg-sa-educacao.webp") no-repeat center;
    background-size: cover;
    height: 430px;
}

.bg-iniciacao-cientifica {
    background: url("../img/semana-academica/educacao/bg-semana-iniciacao-cientifica.png") no-repeat center;
    background-size: cover;
    padding: 50px 0;
}

.bg-diversidade {
    background: url("../img/semana-academica/educacao/bg-semana-diversidade.png") no-repeat center;
    background-size: cover;
    padding: 50px 0;
}

.bg-diversidade .cont-semana{
    font-size: 6rem;
    font-weight: 600;
    text-shadow: 1px 1px 5px #00000094;
    line-height: 0.8;
}

.bg-diversidade h1{
    text-transform: uppercase;
    font-size: 2rem;
    text-shadow: 1px 1px 5px #00000094;
    margin-left: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #FF6400;
}

.bg-diversidade .data-semana{
    font-size: 1.75rem;
    color: #FFF;
    width: 100%;
    padding-left: 20px;
    text-align: left;
    text-shadow: 1px 1px 5px #00000094;
}
@media (max-width: 767px) {
    .bg-diversidade h1{
        margin-left: 0;
    }
    .bg-diversidade .data-semana{
        padding-left: 0;
    }
}
@media (max-width: 600px) {
    .bg-diversidade .data-semana{
        font-size: 1.25rem;
    }
}

.bg-diversidade h4, .bg-diversidade p, .bg-diversidade img{
    text-shadow: 1px 1px 5px #00000094;

}
.bg-diversidade .card-youtube{
    font-size: 0.9rem;
    line-height: 1.2;
    padding: 4px 10px 4px 4px;
    border: 3px solid #FFF;
    width: fit-content;
}
.bg-diversidade .card-youtube img{
    margin-right: 10px;
}

.text-sa-bordo {
    color: #4b0020;
    display: inline-flex;
}

.text-sa-laranja {
    color: #FF6400;
    display: inline-flex;
}

.text-sa-laranja-light {
    color: #FF7B26;
}

.bg-sa h1:after,
.bg-sa-educacao h1:after,{
    content: '';
    width: 65px;
    background-color: #FF6400;
    display: block;
    height: 1px;
    margin: 1rem 0;
}

.bg-iniciacao-cientifica h1 p{
    font-size: 2.5rem;
    font-weight: 700!important;
}

.bg-iniciacao-cientifica h1 p.title-page{
    background-color: #4a0757;
    width: fit-content;
    padding: 2px 10px;
}

.bg-iniciacao-cientifica h3 p{
    font-size: 4rem !important;
    font-weight: 300 !important;
    margin-bottom: 0 !important;
}
@media (max-width: 600px) {
    .bg-iniciacao-cientifica h3 p{
        font-size: 3rem !important;
    }
    .bg-iniciacao-cientifica h1 p{
        font-size: 2rem;
    }
}
@media (max-width: 480px) {
    .bg-iniciacao-cientifica h3 p{
        font-size: 2rem!important;
    }
    .bg-iniciacao-cientifica h1 p{
        font-size: 1.5rem;
    }
}
.bg-iniciacao-cientifica h3 span{
    font-weight: 600 !important;
}

.bg-iniciacao-cientifica h3 span.eb{
    font-weight: 900 !important;
}

.bg-sa h4, .bg-sa p,
.bg-sa-educacao h4, .bg-sa-educacao p,
.bg-iniciacao-cientifica p {
    font-size: 1.25rem;
    color: #FFF;
}

.text-sa-azul {
    color: #0A1D3D;
}

.palestra-sa {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 20px 10px;
    background-color: #fff;
    border-radius: 5px;
}

.horario-sa {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    background-color: #fff;
    border-radius: 5px;
    height: 100%;
}

.text-sa-cinza {
    color: #616161;
}

.font-sa-small {
    font-size: 14px;
}

.card-sa {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    padding: 16px;
    border-radius: 5px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #eee;
    gap: 16px;
    height: 280px;
}

.modal-sa {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    padding: 32px;
}

#palestrantes .row .col-lg-3 {
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .bg-sa,
    .bg-sa-educacao,
    .bg-iniciacao-cientifica {
        height: auto;
        padding: 2rem 0;
    }

    .bg-sa h1:after,
    .bg-sa-educacao h1:after,
    .bg-iniciacao-cientifica h1:after {
        margin: 1rem auto;
    }

    .palestra-sa {
        flex-direction: column;
        text-align: center;
    }

    .modal-sa {
        flex-direction: column;
        text-align: center;
    }
}

.footer-pagamento {
    background: #5f002f;
    text-align: center;
}

.header-pagamento {
    background: #fff;
}

.telefone-pagamento {
    background: #fff;
}

.telefone-pagamento p {
    text-align: center;
}

.telefone-pagamento strong {
    font-size: 22px;
    color: rgb(74, 74, 74);
}

.footer-pagamento a {
    font-size: 12px;
    color: rgb(255, 122, 1);
}

#pagamento-gra-pos {
    background-image: url("../img/bg-pagamento.webp");
}

.form-box-pagamento-gra-pos {
    background: #5f002f;
    padding: 2rem;
    border-radius: 1rem;
}

.button-form-box-pagamento-gra-pos {
    background: #d1364f !important;
    margin-top: 1.8rem;
}

.bg-bege {
    background-color: var(--bege);
}

.bg-roxo {
    background-color: #4a0757;
}

.txtCrea {
    margin-left: 1.5rem !important;
    margin-bottom: -0.5rem !important;
}

.icone-certificacao{
    max-width: 75px;
    max-height: 75px;}

/*CarouselDEpimentosSaude*/
#depoimento-saude .box-depoimentoSaude {
    background-color: #46c1be;
    border-radius: 20px;
    margin-top: 1.5rem;
}

#depoimento-saude h2 {
    font-size: 2.5rem;
    position: relative;
}

#depoimento-saude .box-depoimentoSaude p {
    padding: 0;
    margin-bottom: 0;
    font-size: 1.2rem !important;
}

.depoimento-video-saude-titulo {
    padding-top: 1rem;
}

#depoimento-saude {
    margin-top: -3rem;
    padding-bottom: 2rem;
}

.depoimento-video-saude-titulo p {
    text-align: center;
    color: white;
}

.boxsaude {
    border-radius: 20px;
    padding: 1.2rem;
}

.txt-dark {
    color: #343434;
}

.extrabold {
    font-weight: 800 !important;
}

.extrabold-size {
    font-weight: 600 !important;
    font-size: 1.5rem !important;
}

.extrabold-color {
    color: #5f002f;
}

.depoimentos-videos-gradSaude {
    border-radius: 2rem;
}

.depoimento-video-saude-titulo {
    padding-top: 0;
}

#carouselDepoimentosSaude .owl-nav {
    padding: 3rem 9rem 5rem 8rem;
    position: relative;
    margin: -4rem;
}

#carouselDepoimentosSaude .owl-next {
    float: right;
}

#carouselDepoimentosSaude .owl-nav .owl-next,
#carouselDepoimentosSaude .owl-nav .owl-prev {
    color: #fff !important;
}

@media (max-width: 767px) {
    #carouselDepoimentosSaude .owl-nav {
        padding: 2rem 4rem 5rem 4rem;
    }
}

#carouselDepoimentosSaude {
    z-index: 0;
}

.contrast,
.contrast nav,
.contrast div,
.contrast li,
.contrast ol,
.contrast header,
.contrast footer,
.contrast section,
.contrast main,
.contrast aside,
.contrast article,
.contrast .select2-container--default .select2-selection--single,
.contrast .btn-contact-float {
    background: black !important;
    color: white !important;
}

.contrast h1,
.contrast h2,
.contrast h3,
.contrast h4,
.contrast h5,
.contrast h6,
.contrast p,
.contrast label,
.contrast strong,
.contrast em,
.contrast cite,
.contrast q,
.contrast i,
.contrast b,
.contrast u,
.contrast span,
.contrast td,
.contrast th,
.contrast .form-group.aceito span {
    color: white !important;
}


.contrast a,
.contrast #filtros-button .btn-filtro span,
.contrast .btn-conheca-1 p,
.contrast .btn-conheca-2 p,
.contrast .btn-conheca-3 p,
.contrast .saiba-mais span {
    color: yellow !important;
}

.contrast .dropdown-item:hover {
    color: black !important;
}

.contrast button,
.contrast input[type=button],
.contrast input[type=reset],
.contrast input[type=submit] {
    background: black !important;
    color: yellow !important;
    border: 1px solid yellow !important;
}

.contrast img {
    filter: grayscale(100%) contrast(120%);
}

.contrast img.on-contrast-force-white {
    filter: brightness(0) invert(1);
}

.contrast input[type=text],
.contrast input[type=password],
.contrast input[type=url],
.contrast input[type=search],
.contrast input[type=email],
.contrast input[type=tel],
.contrast input[type=date],
.contrast input[type=month],
.contrast input[type=week],
.contrast input[type=datetime],
.contrast input[type=datetime-local],
.contrast textarea,
.contrast input[type=number],
.contrast #busca-principal-home .form-control,
.contrast .curso-infos,
.contrast #curso-info-direito,
.contrast #lista-cursos .nav-pills .nav-link,
.contrast .contact-float .info strong,
.contrast .titulo-col,
.contrast td,
.contrast th,
.contrast .box-formulario-busca .select2-container--default .select2-selection--single {
    background: black !important;
    border: 1px solid white !important;
    color: white !important;
}

.contrast .area-aluno,
.contrast .curso-infos .btn-conhecer-curso,
.contrast #lista-cursos .nav-pills .nav-link.active {
    border: 1px solid yellow !important;
    background: black !important;
}

.contrast button.wpp-gra,
.contrast button.wpp-pos {
    border: none !important;
}

.contrast button.wpp-gra:hover,
.contrast button.wpp-pos:hover {
    background: white !important;
    color: black !important;
}

.contrast #tabs-formhome .nav-pills .nav-link.active,
.contrast #filtros-button .btn-filtro,
.contrast #grad-new-secao-7 .btn-cta p,
.contrast .btn-cursos,
.contrast .btn-curso p,
.contrast .cta-pre-matricula-form,
.contrast .btn-curso-extensao,
.contrast .btn-box-lista-curso,
.contrast .btn-mais-infos-end {
    background: black !important;
    border: 1px solid yellow !important;
    color: yellow !important;
}

.contrast #dobra-1 .box,
.contrast .container-carreiras .card,
.contrast .balloon,
.contrast #grad-new-fixed-bar .busca-home .form-control,
.contrast .modal-content {
    border: 1px solid white !important;
}

.contrast .video::before,
.contrast .balloon:before {
    background: white;
}

.contrast .video::after {
    background: grey;
}

.contrast .nav-novos-cursos-info,
.contrast .container-carreiras .card .content .btn-seguir-carreira {
    background: white !important;
    color: black !important;
}

.palestrante-foto {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
}

.card__sobre {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 32px 16px;
    gap: 16px;
    background: #FAFAFA;
    box-shadow: 6px 6px 0px #FF6400;
    border-radius: 10px;
    height: 330px;
    text-align: center;
}

.card__icone {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 50%;
    padding: 1rem;
}

.card__text {
    display: flex;
    align-items: center;
    margin-top: 64px;
    flex-direction: column;
}

.card__text h4:after {
    content: '';
    width: 80px;
    height: 2px;
    background-color: #FF6400;
    border-radius: 4px;
    margin: .5rem auto;
    display: block;
}

.btn-filtro-gra {
    background-color: #FF4C4C !important;
}

.btn-filtro-ext {
    background-color: #BE3F71 !important;
}

@media screen and (max-width: 590px) {
    .box-emec-documentos {
        width: 72%;
        margin-left: 68px;
    }
    .detalhes-curso-mobile {
        flex-direction: column;
        z-index: 10;
        height: auto;
        display: block;
        top: 57px;
    }

}

@media screen and (max-width: 767px) {
    .card__text {
        margin-top: 44px;
    }
}

@media (min-width: 600px) and (max-width: 1020px) {
    .box-emec-documentos {
        width: 46%;
        margin-left: 248px;
    }
}
@media screen and (min-width: 600px){
    #ctas-2 {
        display: none;
    }
    .detalhes-curso-mobile {
        display: none;
    }
}

@media screen and (min-width: 1024px) {
    .box-emec-documentos {
        width: 47%;
        margin-left: 261px;
    }
}

@media screen and (min-width: 1440px) {
    .box-emec-documentos {
        width: 34%;
        margin-left: 465px;
    }
}

.banner-pos-graduacao {
    height: 646px;
}
.dropdown-menu .dropdown-item.no-background {
    background-color: transparent;
}
.dropdown-menu .dropdown-item:focus {
    outline: none;
    box-shadow: none;
}

.modal-content {
    padding: 0px;
}

.tx_medium {
    font-size: 1.0rem !important;
}

#obrigado {
    background: #ffffff;
    padding-top: 5%;
    padding-bottom: 10%;
}

.sticky-top {
    z-index: 69 !important;
}