:root {
    /*Cor primária*/
    --blprimary: #004685;
    /*Cor Secudária*/
    --blsecondary: #f28e1e;
    /*Cor Terciária*/
    --bltertiary: #46ad97;
    /*Cor Terciária*/
    --blquaternary: #e73255;
    /*Background body*/
    --bgBody: #F9F9F9;
    --bgGrey: #999;
    --bg-hellobar: #2DC6D5;
    --bg-dark: #1B1D20;
    --bg-cinza: #282A2D;

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

    /* cor da font */
    --fontcolor: #7b7b7b;
}
.bg-black{
    background-color: #000000!important;
}
.bg-primary {
    background-color: var(--blprimary) !important;
}
.bg-secondary {
    background-color: var(--blsecondary) !important;
}
.bg-tertiary {
    background-color: var(--bltertiary) !important;
}
.bg-quaternary {
    background-color: var(--blquaternary) !important;
}
.bg-grey {
    background-color: var(--bgGrey) !important;
}

html, body {
    margin: 0px;
}

body {
    font-family: var(--regular);
    overflow-x: hidden;
    background: var(--bgBody);
}
p{
    font-size: 16px;
    font-family: var(--light);
}
/*Custom scrollbar*/
/* width */
/*::-webkit-scrollbar {*/
/*    width: 5px;*/
/*}*/

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

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

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

/*Fim scrollbar*/


/* Configuração de tipos fonts*/
strong {
    font-family: var(--medium);
    font-weight: normal;
}
.strong {
    font-family: var(--medium);
    font-weight: normal;
}
.light {
    font-family: var(--light);
    font-weight: normal;
}
.medium {
    font-family: var(--medium);
    font-weight: normal;
}
.black {
    font-family: var(--black);
    font-weight: normal;
}
.disabled-input{
    pointer-events: none;
    background: #9a9a9a;
}
.strike{
    text-decoration: line-through;
}
/*Fim config fonts*/
@media screen and (max-width: 599px) {
    .btn-xs-block {
        display: block !important;
        width: 100%;
    }
}


/*Logo faculdade wpos svg*/
.primary {
    fill: var(--blprimary);
    color: var(--blprimary);
}
.tertiary {
    fill: var(--bltertiary);
    color: var(--bltertiary);
}
.secondary {
    fill: var(--blsecondary);
    color: var(--blsecondary);
}
.quarternary {
    fill: var(--blquaternary);
    color: var(--blquaternary);
}

/* Fim Logo faculdade wpos svg*/


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

/*Custom btn*/
/*primary button*/
.btn-custom-primary {
    color: #fff;
    background-color: var(--blprimary);
    border-color: var(--blprimary);
    font-family: var(--light);
}
.btn-custom-primary.active, .btn-custom-primary:hover {
    color: #fff;
    background-color: #06376A;
    border-color: #06376A;
}
.btn-custom-outline-primary {
    color: var(--blprimary);
    background-color:transparent;
    border-color: var(--blprimary);
    font-family: var(--light);
}
.btn-custom-outline-promo {
    color: #fff;
    background-color: #f28e1e;
    border-color: #f28e1e;
    font-family: var(--light);
}
.btn-custom-outline-promo:hover {
    color: #fff;
    background-color: var(--blprimary);
    border-color: var(--blprimary);
}

.btn-custom-outline-primary:hover {
    color: #fff;
    background-color: var(--blprimary);
    border-color: var(--blprimary);
}
.btn-custom-secondary{
    color: #fff;
    background-color: var(--blsecondary);
    border-color: var(--blsecondary);
    font-family: var(--light);
    text-transform: uppercase;
}
.btn-custom-secondary.active, .btn-custom-secondary:hover {
    color: #fff;
    background-color: #d37e1b;
    border-color: #d37e1b;
}
.btn-custom-outline-secondary {
    color: var(--blsecondary);
    background-color: transparent;
    border-color: var(--blsecondary);
    font-family: var(--light);
}
.btn-custom-outline-secondary:hover {
    color: #fff;
    background-color: var(--blsecondary);
    border-color: var(--blsecondary);
}
.btn-custom-tertiary {
    color: #fff;
    background-color: var(--bltertiary);
    border-color: var(--bltertiary);
    font-family: var(--light);
}
.btn-custom-tertiary.active, .btn-custom-tertiary:hover {
    color: #fff;
    background-color: #49974B;
    border-color: #49974B;
}
.btn-custom-outline-tertiary {
    background-color: transparent;
    color: var(--bltertiary);
    border-color: var(--bltertiary);
    font-family: var(--light);
}
.btn-custom-outline-tertiary:hover {
    color: #fff;
    background-color: var(--bltertiary);
    border-color: var(--bltertiary);
}
.btn-custom-quaternary {
    color: #fff;
    background-color: var(--blquaternary);
    border-color: var(--blquaternary);
    font-family: var(--light);
}
.btn-custom-quaternary.active, .btn-custom-quaternary:hover {
    color: #fff;
    background-color: #B12942;
    border-color: #B12942;
}
.btn-custom-outline-quaternary{
    background-color: transparent;
    color: var(--blquaternary);
    border-color: var(--blquaternary);
    font-family: var(--light);
}
.btn-custom-outline-quaternary:hover {
    color: #fff;
    background-color: var(--blquaternary);
    border-color: var(--blquaternary);
}
.btn-whatsapp{
    background: #25d366;
    color: #fff;
    font-family: var(--medium);
    display: flex;
    align-items: center;
}
.btn-whatsapp:hover{
    background: #21bd59;
    color: #fff;
}
.btn-whatsapp svg{
    font-size: 1.2rem;
    margin-right: 5px;
}
/* Fim custom btn*/

/*utilities*/
.line-0{
    line-height: 0;
}
.line-1{
    line-height: 1;
}
.line-2 {
    line-height: 3;
}
.rounded-10 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.rounded-20 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-bottom: 32px;
}

.rounded-30 {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.rounded-40 {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}
.rounded-50 {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.title-sec-cursos {
    color: var(--bltertiary);
    text-transform: uppercase;
    font-family: var(--light);
    font-size: 2.5rem;
    margin-bottom: 4rem;
}

/* Fim utilities */

/* navbar top */
/* navbar top */
#bar-top {
    padding: .5rem 0;
    background: #004487;
}
#bar-top small {
    color: #fff;
}
#bar-top small strong{
    font-family: var(--black) !important;
}
#bar-top small strong a{
    color: #fff;
    padding: .6rem;
}
#bar-top small strong a:hover{
    background: #06305f;
    color: #fff;
}
#bar-top a {
    color: #fff;
}
#bar-top .dropdown-whatsapp .dropdown-menu.show {
    z-index: 1022;
}
#bar-top .dropdown-whatsapp .dropdown-menu .dropdown-header{
    font-family: var(--medium);
    color: #949393;
}
#bar-top .dropdown-whatsapp .dropdown-menu .dropdown-item{
    padding: .25rem 1.5rem;
    color: #717171;
}
#bar-top .dropdown-whatsapp .dropdown-menu .dropdown-item:hover{
    background: #b6b6b6;
    color: #fff;
}
#bar-top .dropdown-area-aluno .dropdown-menu.show {
    z-index: 1022;
}
#bar-top .dropdown-whatsapp #list-numwhats-topo a{
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
#bar-top .dropdown-whatsapp #list-numwhats-topo a:hover{
    background: #b6b6b6;
    color: #fff;
}

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

/* Promoção GRADUAÇÃO */

.promo-navbar {
    z-index: 1020;


}
.promo-navbar .bg-gradient-yellow{
    padding: .5rem 0;
    background: rgb(11,42,73);
    background: linear-gradient(45deg, rgba(11,42,73,1) 0%, rgba(0,0,0,1) 48%, rgba(11,42,73,1) 100%);

}
@media screen and (max-width: 599px) {
    .promo-navbar .bg-gradient-yellow {
        padding: 0rem;
    }
}
.promo-navbar h2{
    text-align: center;
    color: #fff;
    font-family: var(--black);
    margin-bottom: 0;
    font-size: 1.8rem;
}
@media screen and (max-width: 599px) {
    .promo-navbar h2{
        text-align: center;
        color: #fff;
        font-family: var(--black);
        margin-bottom: 0;
        font-size: medium;
        margin: 0px 23px;
    }
}


#navbar-header {
    background: var(--white);
    transition: all ease-in-out .3s;
    padding-bottom: 0;
    top: 0px;
}
#navbar-header.scrollUp {
    transform: translateY(-150px);
}
@media screen and (max-width: 599px) {
    #navbar-header {
        padding: 0;
        top: 0px;
    }
}
#logo-brand {
    width: 200px;
    transition: all ease-in-out .3s;
}
.min-navbar #logo-brand {
    width: 208px;
    transition: all ease-in-out .3s;
}
#logo-brand .cls-2{fill:#ef4e4c;}
#logo-brand .cls-1{fill:#622a3f;}
#logo-brand .cls-3{fill:#a4416e;}

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

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

    #logo-brand {
        width: 208px;
    }
}

/* fim logo brand */

/*navbar*/
#navbar-header .nav-link {
    font-family: var(--medium)!important;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.62);
    padding: 0 .3rem;
}
#navbar-header .nav-link:hover {
    color: #066fc0;
}

#navbar-header .navbar-toggler {
    outline: none;
}
.hamburger-box {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 29px;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    background-color: var(--blprimary) !important;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 32px;
    height: 3px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: var(--bltertiary);
}

@media screen and (max-width: 1366px) {
    #navbar-header .nav-link {
        font-size: 1rem;
    }
}
@media screen and (max-width: 599px) {
    .navbar-collapse {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        height: 100vh;
    }
    .navbar-collapse .navbar-nav .nav-link {
        padding: 10px 10px!important;
    }
    .form-bolsas-pos {
        background-color: #f8f9fa;
        padding: 16px;
        margin-bottom: 32px;
    }

    .form-bolsas-pos h5 {
        font-weight: bold;
    }

    @media (max-width: 768px) {
        .navbar-collapse {
            position: fixed;
            top: 125px;
            right: 0;
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 15px;

            width: 100%;
            font-size: 16px;
            background: rgba(249, 249, 249, 1);
        }
        .navbar-collapse.collapsing {
            height: 100vh;
            -webkit-transition: right 0.3s ease;
            -o-transition: right 0.3s ease;
            -moz-transition: right 0.3s ease;
            transition: right 0.3s ease;
            right: -100%;
        }
        .navbar-collapse.show {
            right: 0;
            -webkit-transition: right 0.3s ease-in;
            -o-transition: right 0.3s ease-in;
            -moz-transition: right 0.3s ease-in;
            transition: right 0.3s ease-in;
            background: rgb(255 255 255);
            z-index: 1020;
        }
    }
}
/*Pesquisa*/
.bar-search {
    padding: 1rem 0rem 1rem;
    /* position: sticky; */
    top: 66px;
    z-index: 1;
    background: #fff;
    border-radius: 0px 0px 20px 20px;
}
.form-search {
    position: relative;
}
.form-search svg {
    color: var(--blsecondary);
}
.input-search {
    /*transition: all ease-in-out .3s;*/
    /*width: 600px;*/
    /*right: 35px;*/
    /*border: 0;*/
    /*top: 0;*/
    /*position: absolute;*/
    border-radius: 30px;
    border: 2px solid #dfdfdf;
    position: relative;
}
.btn-search{
    position: absolute;
    right: 0;
    top: 0;
}
@media screen and (max-width: 599px) {
    .bar-search{
        /*top: 40px;*/
        border-radius: 0px 0px 0px 0px;
    }
    .input-search {
        /*transition: all ease-in-out .3s;*/
        /*width: 100%;*/
        /*padding: 1rem;*/
        /*position: inherit;*/
    }
    .btn-search {
        top: -7px;
    }
}
.input-search:focus {
    color: #495057;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    outline: 0;
    box-shadow: none;
}
.form-search.active  {
    /*width: 550px;*/
    transition: all ease-in-out .3s;
}
@media screen and (max-width: 599px) {
    .form-search.active .input-search {
        width: 100%;
    }
}
.backdrop-form-search {
    position: fixed;
    background: rgba(0, 0, 0, .6);
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    z-index: -1;
    content: '';
}
/*search jquery ui*/
.ui-widget.ui-widget-content {
    border: 0;
    z-index: 1021;
    padding: 1rem;
    height: 500px;
    overflow: hidden;
    overflow-y: scroll;
    position: fixed;
    border-radius: 6px;

}

@media screen and (max-width: 599px){
    .ui-widget.ui-widget-content {
        width: 80% !important;
    }
}
.ui-menu .ui-menu-item{
    justify-content: space-between;
}
.ui-menu .ui-menu-item:hover{
    background: #f9f9f9;
}
.ui-menu .ui-menu-item:hover > .ui-menu-item-wrapper{
    background: inherit;
    border: 0;
    color: #1b1818;
}
.ui-menu .ui-menu-item:hover > .btn{
    background: #007bff;
    color: #fff;
}
.ui-menu .ui-menu-item-wrapper {
    align-self: center;
    justify-content: space-between;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.ui-menu .ui-menu-item-wrapper:hover{
    background: transparent;
}
/*footer*/
#footer {
    background: #004487;
    padding: 2rem 0 0;
}
#footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 2rem;
}
#footer h4 {
    color: var(--white);
    font-family: var(--medium);
    text-transform: uppercase;
    font-size: 1rem;
    margin-bottom: 1rem;
    margin-top: 0.9rem;
}
#footer h5 {
    color: var(--white);
    font-family: var(--medium);
    font-size: 1rem;
}
#footer ul a {
    color: var(--white);
    text-decoration: none;
}
#footer ul a:hover, #footer ul button:hover {
    color: var(--fontcolor);
    text-decoration: underline;
}
#footer ul li strong {
    color: var(--white);
}
#footer ul button {
    color: var(--white);
    border: 0;
    background: transparent;
    text-decoration: none;
}

@media screen and (max-width: 1366px) {
    #footer {
        text-align: center;
    }
}
/*contact float Whatsapp*/
.contact-float {
    position: fixed;
    bottom: 15px;
    right: 18px;
    z-index: 1021;
}
.btn-contact-float-new{
    left: 5px;
    bottom: 5px;
    background: #25d366;
    padding: 1rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, .2);
    color: #ffffff;
    position: relative;
    transition: all ease-in-out .3s;
    height: 64px;
    width: 64px;
    cursor: pointer;
    overflow: hidden;
}
.btn-contact-float{
    left: 5px;
    bottom: 5px;
    background: #25d366;
    padding: 1rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, .2);
    color: #ffffff;
    position: relative;
    transition: all ease-in-out .3s;
    height: 64px;
    width: 64px;
    cursor: pointer;
    overflow: hidden;
}
.contact-float .info {
    display: none;
    position: fixed;
    bottom: 95px;
    color: #000;
    right: 15px;
    font-size: 1.2rem;
}
.contact-float .info strong {
    display: block;
    padding: .5rem 1rem;
    background: #25d366;
    border-radius: 35px;
    margin-bottom: .5rem;
    box-shadow: 1px 0px 21px rgba(0, 0, 0, 0.08);
}
.contact-float .quest a {
    font-size: 13px;
}
.contact-active.info {
    display: flex;
    flex-direction: column;
    /*width: 230px;*/
    justify-content: flex-end;
    height: 250px;
}
.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;
}
.contact-active button {
    background: transparent;
    color: #292929;
    border: 0;
    width: 100%;
    white-space: nowrap;
}
.contact-active button:hover {
    color: #fff;
}

/*Header home*/
#header-home {
    position: relative;
    height: 65vh;
    background: url(../img/banner_principal.webp) no-repeat center center;
    background-size: cover;
}

@media screen and (max-width: 1366px) {
    #header-home {
        height: 70vh;
    }
}
@media screen and (max-width: 599px) {
    #header-home {
        padding-top: 3rem;
        height: 90vh;
    }
}
@media screen and (max-width: 414px) {
    #header-home {
        height: 102vh;
    }
}
@media screen and (max-width: 375px) {
    #header-home {
        height: 102vh;
    }
}
@media screen and (max-width: 375px) and (min-height: 810px) {
    #header-home {
        height: 100vh;
    }
}
@media screen and (max-width: 360px) {
    #header-home {
        height: 102vh;
    }
}
@media screen and (max-width: 320px) {
    #header-home {
        height: 102vh;
    }
}

#header-home .caption  {
    height: 50vh;
}
#header-home .caption h1 {
    font-family: var(--light);
    font-size: 2.9rem;
    margin-top: 60px;
    line-height: 1;
    color: #fff;
}
#header-home .caption h2 {
    font-family: var(--light);
    font-size: 2rem;
    line-height: 1;
    color: #fff;
}
#header-home .caption h3 {
    font-family: var(--light);
    font-size: 1.5rem;
    margin-top: 60px;
    line-height: 1;
    color: #fff;
}

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

    #header-home .caption h1 {
        font-size: 3rem;
    }
}
@media screen and (max-width: 1366px) {

    #header-home .caption h2 {
        font-size: 2.3rem;
    }
}
@media screen and (max-width: 1366px) {

    #header-home .caption h3 {
        font-size: 1.5rem;
    }
}
@media screen and (max-width: 599px) {
    #header-home .caption h1 {
        font-size: 2rem;
        text-align: center;
        line-height: 2.3rem;
        margin: 1rem 0;
    }
}
@media screen and (max-width: 599px) {
    #header-home .caption h2 {
        font-size: 1.5rem;
        text-align: center;
        line-height: 2.3rem;
        margin: 1rem 0;
    }
}
@media screen and (max-width: 599px) {
    #header-home .caption h3 {
        font-size: 1.1rem;
        text-align: center;
        line-height: 2.3rem;
        margin: 1rem 0;
    }
}

#header-home .caption p {
    color: #fff;
    font-family: var(--light);
    font-size: 22px;
}

@media screen and (max-width: 599px) {
    #header-home .caption p {
        font-size: 20px;
        text-align: center;
    }
}

#header-home .box-form {
    position: absolute;
    bottom: -30px;
    margin: 0 auto;
    background: var(--bgBody);
    padding: 1.5rem;
    border-radius: 30px;
}
#header-home .box-form h2{
    font-family: var(--light);
    font-size: 1.5rem;
}

#programas-home{
    padding: 4rem 0;
}
#programas-home h2{
    font-family: var(--black);
    color: var(--fontcolor);
    text-transform: uppercase;
}
#programas-home #carouselAreas .box_programas{
    background: #fff;
    padding: 1rem;
    height: 35vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    border-radius: 20px;
}
#programas-home #carouselAreas .box_programas .header{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 10vh;
    padding: 0;
}
#programas-home #carouselAreas .box_programas .header h3 {
    font-family: var(--black);
    color: var(--blprimary);
    text-transform: uppercase;
    font-size: 1.3rem;
}
#programas-home #carouselAreas .box_programas .body h4 {
    font-family: var(--light);
    color: var(--fontcolor);
    text-transform: uppercase;
    font-size: 1rem;
}
#programas-home #carouselAreas .box_programas .body p.pct {
    font-family: var(--black);
    font-size: 5rem;
    color: var(--blsecondary);
    margin: 0;
}
#programas-home .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
    background-color: var(--blprimary)!important;
    padding: 2rem;
    color: #fff;
    width: 4vh;
    height: 4vh;
    border-radius: 20px;
}
#programas-home .owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span{
    font-size: 1.5rem;
}

@media screen and (max-width: 1366px) {
    #programas-home #carouselAreas .box_programas{
        height: 50vh;
    }
}
@media screen and (max-width: 599px) {
    #programas-home h2 {
        font-size: 1.5rem;
    }
}

#posgraduacao-home{
    padding: 4rem 0;
    background: #f3f3f3;
}
#posgraduacao-home h2{
    font-family: var(--black);
    color: var(--fontcolor);
    text-transform: uppercase;
}
#posgraduacao-home .list-cursos{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 0 auto;
    grid-template-rows: repeat(14, 1fr);
    grid-gap: 0;
    background: #fff;
    padding: 2rem;
    border-radius: 20px;
}

#posgraduacao-home .list-cursos li {
    display: flex;
    align-items: center;
    padding: 0 1rem;
    transition: .5s linear;
}
#posgraduacao-home .list-cursos li:hover {
    background: #f1f1f1;
    border-radius: 15px;
}

#posgraduacao-home .list-cursos  h3 {
    margin: 0;
    font-size: 1.2rem;
    font-family: var(--regular);
    color: var(--fontcolor);
}

#posgraduacao-home .list-cursos  small {
    display: block;
    color: var(--bltertiary);
    font-size: 1rem;
    font-family: var(--light);
}

#posgraduacao-home .list-cursos a {
    color: inherit;
    text-decoration: none;
}
@media screen and (max-width: 599px) {
    #posgraduacao-home .list-cursos{
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 1rem 1rem;
        margin: 0 0 5rem 0;
        padding: 1rem;
    }

    #posgraduacao-home .list-cursos li {
        padding: 0;
    }

    #posgraduacao-home h2 {
        font-size: 1.5rem;
    }
}
#parcerias-home{
    padding: 4rem 0;
    background: #fff;
}
#parcerias-home h2{
    font-family: var(--black);
    color: var(--fontcolor);
    text-transform: uppercase;
}
#parcerias-home .box-parceiro{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    list-style: none;
}
#parcerias-home .box-parceiro li{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}
#parcerias-home .box-parceiro li img{
    height: 5vh;
}

@media screen and (max-width: 599px) {
    #parcerias-home h2{
        font-size: 1.5rem;
    }
    #parcerias-home .box-parceiro {
        grid-template-columns: repeat(1, 1fr);

    }
}
/* PÁGINA DE GRADUAÇÃO */

#header-gra {
    position: relative;
    height: 65vh;
    background: url(../img/bolsas-banner-2.webp) no-repeat center center;
    background-size: cover;
}

@media screen and (max-width: 1366px) {
    #header-gra {
        height: 70vh;
    }
}
@media screen and (max-width: 599px) {
    #header-gra {
        padding-top: 3rem;
        height: 90vh;
    }
}
@media screen and (max-width: 414px) {
    #header-gra {
        height: 140vh;
    }
}
@media screen and (max-width: 375px) {
    #header-gra {
        height: 102vh;
    }
}
@media screen and (max-width: 375px) and (min-height: 810px) {
    #header-gra {
        height: 100vh;
    }
}
@media screen and (max-width: 360px) {
    #header-gra {
        height: 110vh;
    }
}
@media screen and (max-width: 320px) {
    #header-gra {
        height: 130vh;
    }
}

#header-gra .caption  {
    height: 50vh;
}
#header-gra .caption h1 {
    font-family: var(--light);
    font-size: 3.9rem;
    margin-top: 60px;
    line-height: 1;
    color: #fff;
}
#header-gra .caption h2 {
    font-family: var(--light);
    font-size: 2.4rem;
    line-height: 1;
    color: #fff;
}
#header-gra .caption h3 {
    font-family: var(--light);
    font-size: 1.5rem;
    margin-top: 60px;
    line-height: 1;
    color: #fff;
}

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

    #header-gra .caption h1 {
        font-size: 3rem;
    }
}
@media screen and (max-width: 1366px) {

    #header-gra .caption h2 {
        font-size: 2.3rem;
    }
}
@media screen and (max-width: 1366px) {

    #header-gra .caption h3 {
        font-size: 1.5rem;
    }
}
@media screen and (max-width: 599px) {
    #header-gra .caption h1 {
        font-size: 2rem;
        text-align: center;
        line-height: 2.3rem;
        margin: 1rem 0;
    }
}
@media screen and (max-width: 599px) {
    #header-gra .caption h2 {
        font-size: 1.5rem;
        text-align: center;
        line-height: 2.3rem;
        margin: 1rem 0;
    }
}
@media screen and (max-width: 599px) {
    #header-gra .caption h3 {
        font-size: 1.1rem;
        text-align: center;
        line-height: 2.3rem;
        margin: 1rem 0;
    }
}

#header-gra .caption p {
    color: #fff;
    font-family: var(--light);
    font-size: 22px;
}

@media screen and (max-width: 599px) {
    #header-gra .caption p {
        font-size: 20px;
        text-align: center;
    }
}

#header-gra .box-form {
    position: absolute;
    bottom: -30px;
    margin: 0 auto;
    background: var(--bgBody);
    padding: 1.5rem;
    border-radius: 30px;
}
#header-gra .box-form h2{
    font-family: var(--light);
    font-size: 1.5rem;
}

#graduacao-home{
    padding: 4rem 0;
}
#graduacao-home h2{
    font-family: var(--black);
    color: var(--fontcolor);
    text-transform: uppercase;
}
#graduacao-home .list-cursos{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
    list-style: none;
    padding: 0;
}

#graduacao-home .list-cursos li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem;
    transition: .5s linear;
    background: #fff;
    border-radius: 10px;
    border-left: 3px solid var(--blprimary);
    box-shadow: 1px 2px 5px #ddd;
}
#graduacao-home .list-cursos li:hover {
    background: #f1f1f1;
    border-radius: 15px;
}
#graduacao-home .list-cursos li .preco {
    width: 40%;
    display: flex;
    flex-direction: column;
    text-align: left;
    padding: 5px 10px;
    margin: 0;
}
#graduacao-home .list-cursos li .preco .de{
    color: #878787;
    font-family: var(--light);
    line-height: 1;
    font-size: 1.3rem;
}
#graduacao-home .list-cursos li .preco .por{
    color: var(--blprimary);
    font-family: var(--black);
    line-height: 1;
    font-size: 1.8rem;
}

#graduacao-home .list-cursos  h3 {
    margin: 0;
    font-size: 1.2rem;
    font-family: var(--regular);
    color: #6d6d6d;
}

#graduacao-home .list-cursos  small {
    display: block;
    color: var(--blsecondary);
    font-size: 1rem;
    font-family: var(--light);
}

#graduacao-home .list-cursos a {
    color: inherit;
    text-decoration: none;
}
@media screen and (max-width: 599px) {
    #graduacao-home .list-cursos{
        grid-template-columns: repeat(1, 1fr);
    }
    #graduacao-home h2 {
        font-size: 1.5rem;
    }
    #graduacao-home .list-cursos li .preco {
        width: 35%;
    }
    #graduacao-home .list-cursos li .preco .de {
        font-size: 1rem;
    }
    #graduacao-home .list-cursos li .preco .por {
        font-size: 1.4rem;
    }
}
/* FIM DA PÁGINA DE GRADUAÇÃO */
/*pagina de curso*/

#header-curso {
    position: relative;
    height: 20rem;
    display: flex;
    align-items: center;
    background: var(--blprimary);
    overflow: hidden;
}
.afiliado-menu-topo {
    color: #ffffff!important;
    margin-right: .5rem;
    font-weight: bold;
}
@media screen and (max-width: 992px) {
    #header-curso {
        height: 20rem
    }
}
@media screen and (max-width: 992px) {
    #header-curso {
        height: 20rem
    }
}
#header-curso .caption {
    color: #fff;
}
#header-curso .caption h1 span{
    font-size: 25px;
    font-family: var(--light);
    display: block;
    text-transform: none;
    margin-bottom: 1rem;
}

@media screen and (max-width: 992px) {
    #header-curso .caption h1 span {
        font-size: 20px;
        font-family: var(--light);
        display: block;
        text-transform: none;
        margin-bottom: 0;
    }
}

/* Caption Header */
#header-curso .caption {
    align-items: center;
    text-align: left;
    /*width: 23vw;*/
}
#header-curso h1 {
    font-family: var(--black);
    font-size: 2.0rem;
    margin-bottom: 0;
    line-height: 1;
    text-transform: uppercase;
}
@media screen and (max-width: 1366px) {
    #header-curso h1 {
        font-size: 2rem;
    }
    #header-curso .caption h1 span {
        font-size: 20px;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 992px) {
    #header-curso h1 {
        font-size: 1.3rem;
        text-align: center;
        line-height: 1.2;
    }

}
#header-curso h1 span {
    font-family: var(--light);
}
@media screen and (max-width: 992px) {
    #header-curso p {
        font-size: 1.5rem;
        line-height: 1;
        text-align: center;
    }
}
#header-area {
    background: var(--blprimary);
}
#header-area h1 {
    color: #fff;
    font-family: var(--black);
    font-size: 3rem;
    text-transform: uppercase;
}
#header-area h1 small {
    font-size: 1.5rem;
    font-family: var(--light);
    color: var(--blsecondary);
    text-transform: none;
}
#header-area .text-promo h2{
    font-size: 22px;
    color: #fff;
}

@media screen and (max-width: 992px) {
    #header-area h1 {
        font-size: 2rem;
    }
    #header-area h1 small {
        font-size: 1.2rem;
    }
    #header-area .text-promo h2 {
        font-size: 1rem;
    }
}
.titulo-curso {
    color: #fff;
    padding: 15px;
}
.titulo-curso h1 {
    text-transform: uppercase;
    font-size: 45px;
    font-weight: 600;
    line-height: 1.4;
}
.detalhes-curso {
    background: #eeeeee;
    /*padding: 10px;*/
    height: 70px;
    color: var(--blprimary);
    text-align: center;
    position: sticky;
    -webkit-position: sticky;
    position: -webkit-sticky;
    top: 0px;
    z-index: 1020;
    transition: all 0.2s ease-in-out;
    font-size: 1.5rem;
}
.detalhes-curso #detalhe-curso{
    display: none;
}

.box-horas-gra {
    display: flex;
}
.meses-horas-bolsas-grad {
    display: flex;
    justify-content: space-between;
    width: 70%;
    margin: 0 auto;
    flex-wrap: wrap;
}
.box-meses-horas-bolsas{
    display: flex;
    justify-content: space-between;
    width: 70%;
    margin: 0 auto;
    flex-wrap: wrap;
    margin-top: 10px;
}

.box-icon-bolsas {
    gap: 8px;
}

.info-meses-horas-bolsas{
    font-size: 16px !important;
    margin-bottom: 0;
}

.atributos-curso-gra {

    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto;
    margin-top: 16px;
}

.atributos-curso-gra p {
    font-size: 1rem !important;
    margin: 0;
    line-height: 1 !important;
}

.atributos-horas-meses-gra {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex: none;
    gap: 8px;
}

.atributos-meses-gra {
    display: flex;
    gap: 8px;
}

.atributos-horas-gra {
    display: flex;
    gap: 8px;
}

.atributos-mec-gra {
    display: flex;
    gap: 8px;
    margin-top: 16px;
}
@media only screen and (max-width: 600px) {
    #typ-msg

    {width: 95% !important;}
}

@media(min-width: 768px) {
    .atributos-horas-meses-gra {
        width: initial;
        gap: 16px;
    }

    .atributos-curso-gra {
        flex-wrap: initial;
        width: initial;
        gap: 16px;
    }

    .atributos-mec-gra {
       margin-top: 0;
    }
}

.texto-bolsas {
    color: var(--bltertiary);
}

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

    .box-meses-horas-bolsas {
        display: flex;
        justify-content: space-between;
        width: 97%;
        margin: 0 auto;
        margin-top: 16px;
    }

}
@media screen and (min-width: 769px)  {

    .box-meses-horas-bolsas {
        display: flex;
        justify-content: space-between;
        width: 97%;
        margin-top: 16px;
    }
}

.info-valores {
    display: inline-flex;
    flex-direction: column;
    line-height: 1.2;
}
.box-price {
    display: grid;
    grid-template-columns: .5fr 2fr;
}
.icones_detalhes_cursos div:last-child {
    border-right: none;
}
.info-valores .roxo {
    color: #CA5982;
    font-size: 17px;
    margin: 0;
}
.info-valores .size {
    font-size: 17px;
    color: #222222;
    margin: 0;
}
.info-valores .small-size {
    font-size: 11px!important;
    color: #222222;
    margin: 0;
}
.price-final {
    font-size: 28px;
    color: #222222;
    font-family: var(--black);
    text-align: left;
}
.title-course-scroll {
    display: none;
    text-align: left;
    align-self: center;
    font-size: 1.5rem!important;
    line-height: 1;
}
.title-course-scroll small {
    font-family: var(--light);
    font-size: 60%;
}
@media screen and (max-width: 599px){
    .detalhes-curso {
        flex-direction: column;
        z-index: 1019;
        height: auto;
        top: 0px;
        position: sticky;
    }
    .detalhes-curso #detalhe-curso{
        display: flex;
    }
    .detalhes-curso .d-flex {
        font-size: 17px;
    }
    .title-course-scroll{
        text-align: center;
        font-size: 1.2rem!important;
        line-height: 1;
    }
}
#detalhe-curso .preco {
    display: grid;
    text-align: left;
    line-height: 1.2;
}
#detalhe-curso svg {
    margin-right: 14px;
}
.titulo {
    color: #D37E1B;
    text-transform: uppercase;
    font-family: var(--bold);
    font-size: 25px;
    margin: 0 0 3rem 0;
    margin-top: 8px;
}
.titulo:before {
    content: "";
    height: .26rem;
    width: 7rem;
    position: absolute;
    right: 0px;
    left: 15px;
    margin-top: 40px;
    background-color: var(--bltertiary);
    border-radius: 20px;
}

.informacao {
    margin-bottom: 3rem;
    margin-top: 26px;
}
.informacao .texto, .informacao p, .informacao li{
    color: #5a6268;
    font-size: 1.1rem;
    font-family: var(--light);
    text-align: left;
}
.informacao .newtab-valores .tabela {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    align-items: center;
}
.informacao .newtab-valores .tabela .forma-pagamento {
    width: 90%;
    height: 7vh;
    background: #eeeeee;
    clip-path: polygon(86% 0, 100% 50%, 86% 100%, 0 100%, 0 0);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.informacao .newtab-valores .tabela .forma-pagamento::before {
    content: "";
    clip-path: polygon(90% 0, 100% 50%, 90% 100%, 86% 100%, 86% 0);
    background: var(--fyprimary);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.informacao .newtab-valores .tabela .forma-pagamento span{
    font-family: var(--medium);
    font-size: 1.3rem;
    color: var(--fyprimary);
    display: grid;
    grid-template-columns: 30px 250px;
    grid-gap: 5px;
    line-height: 1;
    align-items: center;
    justify-content: center;
}
.informacao .newtab-valores .tabela .box-pagamento{
    position: relative;
    display: flex;
    align-items: center;
    height: 15vh;
}
.informacao .newtab-valores .tabela .box-pagamento:before{
    background: var(--fysecondary); /* Old browsers */
    background: -moz-linear-gradient(left, var(--fytertiary) 0%, var(--fysecondary) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, var(--fytertiary) 0%, var(--fysecondary) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, var(--fytertiary) 0%, var(--fysecondary) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--fytertiary)', endColorstr='var(--fysecondary)', GradientType=1); /* IE6-9 */
    clip-path: polygon(100% 0, 33% 100%, 100% 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
}
.informacao .newtab-valores .tabela .box-pagamento .valor-pagamento .parcelas{
    line-height: 1;
    font-size: 1.2rem;
    color: var(--fyprimary);
}
.informacao .newtab-valores .tabela .box-pagamento .valor-pagamento .valor{
    font-family: var(--black);
    font-size: 2.5rem;
    line-height: 1;
    color: var(--fyprimary);
}
.informacao .newtab-valores .tabela .box-pagamento .valor-pagamento .text-apoio{
    font-size: .9rem;
    color: var(--fytertiary);
    text-align: left;
    width: 80%;
}
.informacao .newtab-valores .tabela .box-pagamento .vantagem{
    align-items: flex-end;
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.informacao .newtab-valores .tabela .box-pagamento .vantagem .porcentagem{
    font-size: 2.7rem;
    font-family: var(--black);
    display: block;
    text-align: end;
    line-height: 1;
    color: #fff;
}
.informacao .newtab-valores .tabela .box-pagamento .vantagem .text-apoio{
    font-size: .9rem;
    text-align: end;
    display: block;
    color: #fff;
}
@media screen and (max-width: 1600px ) {
    .informacao .newtab-valores .tabela .box-pagamento {
        height: 17vh;
    }
}
@media screen and (max-width: 1366px ) {
    .informacao .newtab-valores .tabela .box-pagamento {
        height: 20vh;
    }
}
@media screen and (max-width: 599px ) {
    .informacao .newtab-valores .tabela {
        grid-template-columns: 1fr;
    }
    .informacao .newtab-valores .tabela .forma-pagamento {
        width: 100%;
        clip-path: inherit;
        border-left: 10px solid #682a3c;
    }
    .informacao .newtab-valores .tabela .box-pagamento {
        height: 19vh;
    }
    .informacao .newtab-valores .tabela .box-pagamento:before {
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
        width: 45%;
        right: 0;
    }
    .informacao .newtab-valores .tabela .forma-pagamento::before{
        display: none;
    }
}
.sub-titulo {
    text-transform: uppercase;
    font-family: var(--bold);
    font-size: 20px;
}
.informacoes-curso .table .thead-dark th {
    font-weight: 500;
}
.informacoes-curso {
    margin: 0 0 2rem 0;
}
.informacoes-curso .table-bordered td:nth-child(3) {
    text-align: center;
}
.btn-detalhe-curso {
    display: none;
}
.infocurso-desktop {
    position: sticky;
    top: 4.5rem;
    margin-top: -22vh;
    z-index: 1020;
    /*border: 2px solid #eee;*/
    border-radius: 25px;
}
.infocurso-desktop .apartir{
    font-size: 1.2rem;
    line-height: .5;
    color: var(--bltertiary);
    font-family: var(--light);
}
.infocurso-desktop .desconto{
    display: block;
    font-size: 4rem;
    font-family: var(--black);
    color: var(--blprimary);
    line-height: 1;
}
.infocurso-desktop .text-promo{
    font-size: 1.1rem;
    color: #515151;
    line-height: 1;
}
.infocurso-desktop .detalhes{
    font-size: 1.2rem;
    font-family: var(--light);
    line-height: 1;
}

.infocurso-desktop .atributos span{
    font-size: .88rem;
    display: block;
    line-height: 1.5;
}
.infocurso-desktop .table-preco table td{
    position: relative;
}
.infocurso-desktop .table-preco table td .parcela{
    position: absolute;
    top: 0;
    font-size: 0.8rem;
    color: var(--blquaternary);
}
.side-bar {
    position: sticky;
    top: 150px;
}
.table-preco-mobile{
    display: none;
}

.image-fire-mobile {
    width: 1rem;
}

.desconto-mobile {
    font-size: 1.2rem;
    font-weight: bold;
    color: var(--blprimary);
    line-height: 1;
}

@media screen and (max-width: 599px ) {
    .infocurso-desktop{
        display: none;
    }
    .table-preco-mobile{
        display: block;
        margin-top: 34px;
    }

    .titulo {
        font-size: 26px;
        /*margin: 1rem 0 0 0 !important;*/
    }
    .table-responsive {
        margin-top: 34px;
    }
    .dados-curso {
        margin-top: -13px;
    }
}


@media screen and (max-width: 991px ) {
    .side-bar:before {
        background-color: transparent !important;
    }
    .titulo {
        font-size: 26px;
    }
    .titulo:before {
        height: .20rem;
        left: 15px;
        margin-top: 36px;
    }
    .informacao .texto {
        margin: 2.1rem 0;
    }
}
@media screen and (max-width: 599px) {
    #detalhe-curso .preco {
        display: flex;
    }
    .uny-graf {
        padding: 0;
    }
    .titulo-curso h1 {
        font-size: 25px;
    }
    .titulo-curso h2 {
        font-size: 15px;
    }
    .informacoes-curso .table td, .table th {
        padding: .75rem;
        vertical-align: top;
        white-space: nowrap;
        border-top: 1px solid #dee2e6;
    }
    #detalhes-curso .container .d-block {
        width: 100%;
        margin: 6px;
    }
    .w100 {
        width: 100%;
    }

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

    /*Fim scrollbar*/
    .side-bar {
        margin-top: 30px;
    }
    .sub-titulo {
        font-size: 18px;
    }
}
/*TABELA graduação*/
.tabela-grad {
    width: 100%;
    display: inline-block;
    margin-top: 8px;
}

.table-header-grad {
    background-color: #343a40;
    color: grey;
    padding: 1rem;
    margin-top: 1.5rem;
}
.table-body-grad {
    background-color: #fff;
    border-bottom: 1px solid #dcdcdc;
}
.table-body-grad  .periodo {
    align-self: center;
    font-family: var(--bold);
    display: flex;
    justify-content: center;
}
.table-body-grad ul  {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.table-body-grad ul li {
    padding: 10px;
}
.table-body-grad .b-left {
    border-left: 1px solid #dcdcdc;
}
.table-body-grad ul li {
    border-top: 1px solid #dcdcdc;
    background-color: #fff;
}
.table-body-grad ul li:nth-child(odd) {
    background-color: #e4e4e4;
}
.table-body-grad ul li:first-child {
    border-top: none;
}

#cursos-interna .list-cursos{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
    list-style: none;
    padding: 0;
}

#cursos-interna .list-cursos li {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: .5rem 1rem;
    transition: .5s linear;
    background: #fff;
    border-radius: 10px;
    border-left: 3px solid var(--blprimary);
    box-shadow: 1px 2px 5px #ddd;
}
#cursos-interna .list-cursos li:hover {
    background: #f1f1f1;
    border-radius: 15px;
}

#cursos-interna .list-cursos  h3 {
    margin: 0;
    font-size: 1.2rem;
    font-family: var(--regular);
    color: #6d6d6d;
}

#cursos-interna .list-cursos  small {
    display: block;
    color: var(--blsecondary);
    font-size: 1rem;
    font-family: var(--light);
}

#cursos-interna .list-cursos a {
    text-decoration: none;
    width: 100%;
}
@media screen and (max-width: 599px) {
    #cursos-interna .list-cursos {
        grid-template-columns: repeat(1, 1fr);
    }
}
#search-area {
    top: 56px;
    background: var(--bgBody);
    z-index: 1010;
    padding: 1rem 0;
}

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


#programas-interna .box_programas{
    background: #fff;
    padding: 1rem;
    height: 35vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    border-radius: 20px;
}
#programas-interna .box_programas .header{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 10vh;
    padding: 0;
}
#programas-interna .box_programas .header h3 {
    font-family: var(--black);
    color: var(--blprimary);
    text-transform: uppercase;
    font-size: 1.3rem;
}
#programas-interna .box_programas .body h4 {
    font-family: var(--light);
    color: var(--fontcolor);
    text-transform: uppercase;
    font-size: 1rem;
}
#programas-interna .box_programas .body p.pct {
    font-family: var(--black);
    font-size: 5rem;
    color: var(--blsecondary);
    margin: 0;
}
@media screen and (max-width: 1366px) {
    #programas-interna .box_programas {
        height: 50vh;
    }
}

#faqSite h3 {
    font-family: var(--black);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 1rem;
    cursor: pointer;
    border: .1rem solid #f2f2f2;
    border-radius: .5rem;
    font-size: 1.4rem;
    color: var(--blprimary);
}
@media screen and (max-width: 599px) {
    #faqSite h3 {
        font-family: var(--bold);
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: .5rem 1rem;
        cursor: pointer;
        border: .1rem solid #f2f2f2;
        border-radius: .5rem;
        font-size: 1rem;
    }
}
#faqSite h3[aria-expanded="true"] {
    background-color: #fff;
    color: var(--blsecondary);
    border: .1rem solid #ccc;
}
#faqSite h3[aria-expanded="true"] svg {
    transform: rotate(-180deg);

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

#faqSite .card {
    border: 0;
    color: #666;
    margin-bottom: 1rem;
}
#faqSite p {
    font-size: 20px;
    font-family: var(--light);
}

/*=============================================*/
/*=============== CLOCK WEBSITE ===============*/
/*=============================================*/

#clockdiv{
    color: var(--blsecondary);
    display: inline-block;
    font-weight: 100;
    text-align: center;
}

#clockdiv > div{
    border-radius: 0.5rem;
    background: #fff;
    display: inline-block;
    width: 68px;
}

#clockdiv div > span{
    padding: 17px;
    border-radius: 3px;
}

.smalltext{
    padding-top: 0px;
    font-size: 12px;
}
/*=============================================*/
/*================ CLOCK MOBILE ===============*/
/*=============================================*/

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

#clockdiv-mobile > div{
    border-radius: 10px;
    background: #ffffff;
    display: inline-block;
    width: 62px;
}

#clockdiv-mobile div > span{
    padding: 18px;
    border-radius: 3px;
}

.smalltext-mobile{
    padding-top: 5px;
    font-size: 16px;
}

.font-flag-mobile{
    color: #fff;
    margin-top: 5px;
    font-size: 18px;
}

.txt-promo{
    font-size: 18px;
    width: 295px;
    /*margin-left: 150px;
    margin-right: 150px;*/
}
/*====================================================*/
/*===========BACKGROUND'S DO FLAG CONTADOR ===========*/
/*====================================================*/

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

.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;
}

@keyframes color {
    0% {
        background-color: #004685;
    }
    50% {
        background-color: #004685b3;
    }
    100% {
        background-color: #004685;
    }
}

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

    #header-curso .caption {
        align-items: center;
        text-align: left;
        width: auto;
    }
}
.texto-card-curso-graduacao{
    font-size: 0.8rem;
    background-color: #ff8f00;
    color: #fff;
    width: 220px;
    padding-left: 5px;
    border-radius: 12px 0px;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

*{
    font-family: 'Montserrat', sans-serif!important;
}
.txt-white{
    color: #fff;
}
.txt-yellow{
    color: #ff9100;
}
.txt-black{
    color: #343434;
}
.txt-grey{
    color: #616161;
}
.medium{
    font-weight: 600;
}
.extrabold{
    font-weight: 800;
}
.blackbold{
    font-weight: 900;
}
.big-title{
    font-size: 3.3rem;
}
#home{
    background: white;
}

#homebolsas{
    background-color: #004487!important;

}

.titulo-secao{
    font-size: 2.3rem;
}
#secao-1{
    padding: 3rem;
}
#secao-1 .btn-graduacao{
    background-color: #fff;
    padding: 1rem 1.5rem;
    border-radius: 10px;
    margin-top: 2rem;
}
#secao-1 .btn-pos{
    padding: 1rem 1.5rem;
    border-radius: 10px;
    margin-top: 2rem;
}

.img-btn-pos {
    display: block; /* Isso garante que a tag <a> se comporte como um bloco */
    width: 100%; /* Ajusta a largura do link */
    height: auto; /* Ajusta a altura automaticamente */
    background-image: url("https://cdn-static-mkt.unyleya.com.br/bolsas/banners/botao-pos-jan.png");
    background-size: cover; /* Ajusta a imagem para cobrir a área */
    background-repeat: no-repeat; /* Impede repetição */
    background-position: center; /* Centraliza a imagem */
}

.btn-pos {
    height: 100%; /* Ajusta o conteúdo para preencher a tag <a> */
}

.img-btn-gra {
    display: block; /* Isso garante que a tag <a> se comporte como um bloco */
    width: 100%; /* Ajusta a largura do link */
    height: auto; /* Ajusta a altura automaticamente */
    background-image: url("https://cdn-static-mkt.unyleya.com.br/bolsas/banners/botao-gra-jan.png");
    background-size: cover; /* Ajusta a imagem para cobrir a área */
    background-repeat: no-repeat; /* Impede repetição */
    background-position: center; /* Centraliza a imagem */
}

.btn-pos {
    height: 100%; /* Ajusta o conteúdo para preencher a tag <a> */
}

.img-btn-pos, .img-btn-gra {
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain; /* Garante que a imagem inteira seja visível */
    background-repeat: no-repeat;
    background-position: top center; /* Ajusta a imagem para que fique no topo e centralizada */
}

.btn-pos h2, .btn-pos h4 {
    visibility: hidden; /* Esconde o texto */
}

.pos-hover {
    position: relative;
    overflow: hidden;
}




#secao-1 .btn-graduacao h2, #secao-1 .btn-pos h2{
    font-size: 2rem;
}
.box-modalidade{
    padding: 1.5rem 5rem 1.5rem 5rem;
    border-radius: 20px;
}
.box-modalidade p{
    margin: 1.5rem 0 2.5rem 0;
}
#secao-graduacao-distancia, #secao-preparatorio-tecnicos, #secao-pos-distancia, #secao-graduacao-presencial, #secao-pos-hibrida, #secao-preparatorio-concursos{
    /*margin-bottom: 2.5rem;*/
    margin: 0rem 1rem 2.2rem 1rem;
}
#secao-graduacao-distancia .box-modalidade{
    background-color: #fafafa;
}
.btn-laranja{
    background-color: #ff9100;
    padding: 1rem 0.4rem;
    border-radius: 30px;
    text-transform: none;
    transition: .2s ease-in-out;
    margin-left: -15px;
}
.btn-laranja a{
    color: #fff;
    font-weight: 600;
}
.btn-laranja:hover{
    text-decoration: none;
    color: #fff;
    background-color: #ee8700;
    cursor: pointer;
}
.btn-branco{
    background-color: #fff;
    padding: 1rem 0.4rem;
    border-radius: 30px;
    text-transform: none;
    transition: .2s ease-in-out;
    margin-left: -15px;

}
.btn-branco a{
    color: #343434;
    font-weight: 600;
}
.btn-branco:hover{
    text-decoration: none;
    color: #343434;
    background-color: #f5f5f5;
    cursor: pointer;
}
#secao-pos-distancia .box-modalidade{
    background-color: #ff9100;
}
#secao-graduacao-presencial .box-modalidade{
    background-color: #e83089;
}
#secao-pos-hibrida .box-modalidade{
    background-color: #f8ab14;
}
#secao-preparatorio-concursos .box-modalidade{
    background-color: #50b158;
}
#secao-preparatorio-tecnicos .box-modalidade{
    background-color: #e3066b;
}
#secao-parceiros{
    background-color: #fff;
    padding: 3rem;
    margin-bottom: 0.5rem;
}
#secao-parceiros-resp{
    background-color: #fff;
    padding: 3rem;
    margin-bottom: 3rem;
}
#secao-parceiros .logo-parceiro{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
#secao-sobre {
    background-color: #fff;
    padding: 3rem 1rem;
    margin-bottom: 3rem;
    text-align: left;
    /*border-radius: 20px 20px;*/
}

/*PAGINA LISTAGEM DE CURSOS*/

#topo-pg-graduacao-distancia .container {
    background-image: url('https://cdn-static-mkt.unyleya.com.br/bolsas/banners/gra/banner-fev-gra.png');
    background-position: center; /* Centraliza a imagem */
    background-repeat: no-repeat; /* Impede que a imagem se repita */
    border-radius: 20px;
    margin-bottom: 4rem;
    padding: 20px 0 0 0;
}
#topo-pg-tecnico-distancia .container {
    background-image: url('https://cdn-static-mkt.unyleya.com.br/bolsas/banners/banner-azul.png');
    background-size: cover; /* Ajusta a imagem ao tamanho da div */
    background-position: center; /* Centraliza a imagem */
    background-repeat: no-repeat; /* Impede que a imagem se repita */
    border-radius: 20px;
    margin-bottom: 4rem;
    padding: 20px 0 0 0;
}

@media (max-width: 1200px) {
    #topo-pg-graduacao-distancia .container {
        /*background-image: url('https://cdn-static-mkt.unyleya.com.br/bolsas/banners/tec/bg-tecnico.png');*/
        background: #003E94;
        background-size: cover; /* Mantém a imagem cobrindo a área da div */
        background-position: center; /* Centraliza a nova imagem */
        height: auto; /* Ajusta a altura conforme o conteúdo ou layout */
    }
}

#topo-pg-pos-graduacao-distancia .container {
    background-image: url('https://cdn-static-mkt.unyleya.com.br/bolsas/banners/pos/banner-fev-pos.png');
    background-position: center; /* Centraliza a imagem */
    background-repeat: no-repeat; /* Impede que a imagem se repita */
    border-radius: 20px;
    margin-bottom: 4rem;
    padding: 20px 0 0 0;
}

@media (max-width: 1200px) {
    #topo-pg-pos-graduacao-distancia .container {
        background: #003E94;
        background-size: cover; /* Mantém a imagem cobrindo a área da div */
        background-position: center; /* Centraliza a nova imagem */
        height: auto; /* Ajusta a altura conforme o conteúdo ou layout */
    }
}




#topo-pg-graduacao-distancia .form-pag-listagem{
    background-color: #ff9100;
    position: relative;
    padding: 1.5rem;
    border-radius: 10px;
    top: 2rem;
}
#topo-pg-tecnico-distancia .form-pag-listagem{
    background-color: #ff9100;
    position: relative;
    padding: 1.5rem;
    border-radius: 10px;
    top: 2rem;
}
#topo-pg-pos-graduacao-distancia .form-pag-listagem{
    background-color: #ff9100;
    position: relative;
    padding: 1.5rem;
    border-radius: 10px;
    top: 2rem;
}
#topo-pg-graduacao-distancia .form-pag-listagem h3{
    font-size: 1.2rem;
}
#topo-pg-tecnico-distancia .form-pag-listagem h3{
    font-size: 1.2rem;
}
#topo-pg-pos-graduacao-distancia .form-pag-listagem h3{
    font-size: 1.2rem;
}
#topo-pg-graduacao-distancia .form-pag-listagem form{
    margin-top: 1.5rem;
}
#topo-pg-tecnico-distancia .form-pag-listagem form{
    margin-top: 1.5rem;
}
#topo-pg-pos-graduacao-distancia .form-pag-listagem form{
    margin-top: 1.5rem;
}
#topo-pg-graduacao-distancia .form-pag-listagem form .btn{
    background-color: #004487;
    padding: 1.5rem 0rem;
    width: 100%;
    border-radius: 50px;
}
#topo-pg-tecnico-distancia .form-pag-listagem form .btn{
    background-color: #004487;
    padding: 1.5rem 0rem;
    width: 100%;
    border-radius: 50px;
}
#topo-pg-pos-graduacao-distancia .form-pag-listagem form .btn{
    background-color: #004487;
    padding: 1.5rem 0rem;
    width: 100%;
    border-radius: 50px;
}
#topo-pg-graduacao-distancia .form-pag-listagem form .btn:hover{
    color: #fff;
    background-color: #003468;
}
#topo-pg-tecnico-distancia .form-pag-listagem form .btn:hover{
    color: #fff;
    background-color: #003468;
}
#topo-pg-pos-graduacao-distancia .form-pag-listagem form .btn:hover{
    color: #fff;
    background-color: #003468;
}
#chamada-pg-lista, #listagem-cursos{
    margin-bottom: 4.5rem;
}
#chamada-pg-lista{
    background-color: #fafafa;
}
#chamada-pg-lista h2{
    font-size: 2.2rem;
}
#listagem-cursos .box-curso{
    border: 1px solid #61616130;
    border-radius: 20px;
    padding: 0.5rem 3rem;
    margin-bottom: 2rem;
    margin-top: 1rem;
}
#listagem-cursos .box-curso h3{
    font-size: 1.3rem;
}
#listagem-cursos .box-curso p{
    margin-bottom: 0;
}
#listagem-cursos .box-curso span{
    margin: 0;
    font-weight: 500;
    text-align: center;
}
#listagem-cursos .box-curso .desconto{
    color: #004487;
    font-size: 2rem;
}
#listagem-cursos .box-curso .cta-quero-bolsa{
    background-color: #ff9100;
    padding: 0.6rem;
    border-radius: 30px;
    margin: 0rem 2rem 0rem 2rem;
}

#listagem-cursos a.btn-pre, button.btn-pre {
    background-color: #ff9100!important;
    padding: 0.6rem!important;
    border-radius: 30px!important;
    display: block;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53);
}

#listagem-cursos a.btn-pre p {
    margin-bottom: 0;
    font-size: 12px;
}

.mais-info-hover:hover{
    color: #004487;
}

#listagem-cursos a.btn-pre:hover {
    background-color: #044982!important;
    color: #FFFFFF;
}

#listagem-cursos .box-curso .cta-quero-bolsa a{
    color: #fff;
    font-weight: 500;
}

@media (max-width: 575.98px) {
    /*HOME*/
    .hide-on-mobile{
        display: none;
    }
    .box-form-Pos{
        background-color: #FFFFFF;
    }
    .form-pos-pag-listagem h3{
        padding: 10px;
        font-size: 16px;
    }
    .box-form-Pos {
        background-color: #ececec;
    }
    #secao-1{
        padding: 3rem 0;
    }
    #secao-1 h1{
        font-size: 1.6rem;
        padding: 1rem 0;
    }
    #secao-1 .btn-graduacao, #secao-1 .btn-pos{
        padding: 1rem 1.5rem;
        text-align: center;
        margin-top: 1.5rem;
    }
    .titulo-secao{
        font-size: 1.5rem;
        padding-top: 15px;
    }
    .btn-laranja, .btn-branco{
        border-radius: 50px;
    }
    .box-modalidade img{
        margin-left: -15px;
    }
    .box-modalidade p{
        text-align: left;
        font-size: 17px;
    }

    #bannerbolsas{
        display: none;
    }
}

@media (min-width: 575.98px){
    #bannerbolsasmobile {
     display: none;
    }

    .form-pos-pag-listagem {
        display: none;
    }
    .detalhes-curso {
        display: none;
    }

}

/*PAGINA LISTA CURSOS*/
#topo-pg-graduacao-distancia .container{
    padding: 1.5rem 1.5rem;
    border-radius: 0;
}
#topo-pg-tecnico-distancia .container{
    padding: 1.5rem 1.5rem;
    border-radius: 0;
}
#topo-pg-pos-graduacao-distancia .container{
    padding: 1.5rem 1.5rem;
    border-radius: 0;
}

#topo-pg-graduacao-distancia h1{
    font-size: 2.4rem;
}
#topo-pg-tecnico-distancia h1{
    font-size: 2.4rem;
}
#topo-pg-pos-graduacao-distancia h1{
    font-size: 2.4rem;
}
#listagem-cursos .box-curso h3, p{
    text-align: center;
}
#listagem-cursos h2 {
    font-size: 1.7rem;
}

#listagem-cursos .box-curso .cta-quero-bolsa {
    background-color: #ff9100;
    padding: 0.5rem;
    margin: 1rem 0rem 0rem 0rem;
    border-radius: 30px;
}
#listagem-cursos a.btn-pre, button.btn-pre {
    background-color: #ff9100!important;
    padding: 0.6rem!important;
    border-radius: 30px!important;
    display: block;
    color: #FFFFFF;
    margin-top: 0.5rem;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53);
}

#secao-1 a{
    color: inherit;
    text-decoration: none;
}

#secao-graduacao-distancia a{
    color: inherit;
    text-decoration: none;
}

#secao-pos-distancia a{
    color: inherit;
    text-decoration: none;
}

#secao-graduacao-presencial a{
    color: inherit;
    text-decoration: none;
}

#secao-pos-hibrida a{
    color: inherit;
    text-decoration: none;
}

#secao-preparatorio-concursos a{
    color: inherit;
    text-decoration: none;
}

#listagem-cursos a{
    color: inherit;
    text-decoration: none;
    display: contents;
}



#secao-1 .grad-hover :hover{
    background-color: #ebebeb;
}


#listagem-cursos .box-curso:hover{
    background: #004487;
    color: #FFFFFF;
}

#listagem-cursos .box-curso{
    background: #FFFFFF;
    color: #004487;
}

#listagem-cursos .box-curso .cta-quero-bolsa:hover{
    background: #f28e1e;
}

.color-btn-white {
    color: #fff !important;
    font-weight: 600;
    font-size: 20px;
}

.color-btn-black {
    color: #343434 !important;
    font-weight: 600;
    font-size: 20px;
}

#topo-pg-graduacao-distancia .form-control {
    display: inline!important;
}
#topo-pg-tecnico-distancia .form-control {
    display: inline!important;
}
#topo-pg-pos-graduacao-distancia .form-control {
    display: inline!important;
}

.color-font-blue{
    color: #ffe365!important;
}

.area-title {
    font-size: 2.5rem;
}

.img-fluid-index-left {
    max-width: 80%;
    height: auto;
    /*margin-left: -120px;*/
}

.img-fluid-index-right {
    max-width: 80%;
    height: auto;
    /*margin-left: 250px;*/
}

@media (max-width: 575.98px) {
    .box-modalidade {
        padding: 0.5rem 1rem 1rem 2rem
    }
    .img-fluid-index-left {
        max-width: 100%;
        height: auto;
        display: none;
    }
    .img-fluid-index-right {
        max-width: 100%;
        height: auto;
        display: none;
    }
    .color-btn-white {
        font-size: 14px;
    }
    .color-btn-black {
        font-size: 14px;
    }
    #secao-parceiros .logo-parceiro {
        margin: 7px 0;
    }
    #secao-1 .btn-graduacao h2, #secao-1 .btn-pos h2 {
        font-size: 1.1rem;
    }
    #chamada-pg-lista h2 {
        font-size: 1rem;
        text-align: center;
    }
    #chamada-pg-lista, #listagem-cursos {
        margin-bottom: 1.5rem;
    }
    #chamada-pg-lista{
        text-align: -webkit-center;
    }
    #chamada-pg-lista h3{
        font-size: 1.2rem;
    }
    /*#listagem-cursos{*/
    /*    font-size: 1.6rem;*/
    /*}*/
    .listagem-cursos .box-curso {
        border: 1px solid #61616130;
        border-radius: 20px;
        padding: 1.5rem 1rem 1rem 1rem;
        margin-bottom: 2rem;
        margin-top: 1rem;
    }
    .btn-custom-secondary {
        font-size: 15px;
    }
    #secao-sobre p {
        text-align: left;
    }
    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: column!important;
        padding-top: 1.6rem;
    }
    #secao-1 h4 {
        font-size: 1.3rem;
    }
}
/*====================== CAROUSEL =====================*/


#secao-parceiros .owl-carousel .owl-item img {
    display: block!important;
    width: 179px!important;
    margin-left: 44px;
}

.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;
}

.valor-de{
    color: #e73255;
    font-size: 1rem;
}
.valor-por{
    color: #004487;
    font-size: 1rem;
}

.d-none{
    display: none;
}

.navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 1.6rem;
}

.color-btn-white-cta{
    color: #fff !important;
    font-weight: 0;
    font-size: 20px;
}

/*====================== TEXTO NOS FORMULÁRIOS DE GRADUAÇÃO E TÉCNICO SEMIPRESENCIAL ESY =====================*/


.formulario-texto{
    color: #fff;
    font-size: 12px;
    margin-left: 22px;
    background-color: red;
    padding: 0.3rem;
    border-radius: 0.5rem;
    font-weight: 700;
}
@media (max-width: 575.98px) {
    .formulario-texto{
        display: flex;
    }
}

/*====================== SUGIRA UM CURSO =====================*/

#cursogra{
    padding: 2.5rem 0;
}
.sugira {
    background-color: #fbfafb;
    padding: 2rem 0;
    border-radius: 30px 0;
}
.sugira h3{
    color: #808080;
    font-weight: 500;
    font-size: 1.64rem;
}
.sugira span{
    font-weight: 700;
}

@media (max-width: 575.98px){
    .btn-sugira{
        margin-left: 3rem;
        margin-top: .8rem;
    }
}

#cursogra .btn-sugira {
    background-color: #ff9100!important;
    padding: 0.5rem 5rem!important;
    border-radius: 30px!important;
    display: block;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53);
}

#cursogra .btn-sugira:hover {

    background-color: #044982!important;
}

#cursogra .input-group {
    padding: 5px 0px;
}

.btn-bool{
    background-color: #004487;
    color: #fff;
    width: 6rem;
    border: solid;
    border-color: #fff;
    border-radius: 0.6rem;
    margin-top: 15px;
    margin-left: 10px!important;
}

.btn-bool:hover{
    background-color: #006b87;
    color: #fff!important;
    cursor: pointer;
}

#form-bool .h5, h5 {
    font-size: 1rem!important;
}

#form-bool .btn {
    background-color: #004487!important;
    padding: 0.4rem 1rem!important;
    border-radius: 10px!important;
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    float: right;
    justify-content: space-around;
}

#form-bool .btn-group, .btn-group-vertical {
    float: right!important;
    margin-top: -66px!important;
}

#topo-pg-graduacao-distancia .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 4.25rem;
}
#topo-pg-tecnico-distancia .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 4.25rem;
}
#topo-pg-pos-graduacao-distancia .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 4.25rem;
}

#topo-pg-graduacao-distancia .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #f28e1b;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 1.25rem;
    margin-top: 2.2rem;
    /*padding-bottom: 5rem;*/
}

#topo-pg-pos-graduacao-distancia .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #f28e1b;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 1.25rem;
    margin-top: 2.2rem;
    /*padding-bottom: 5rem;*/
}

#form-bool .invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
    position: absolute;
    margin-right: 35rem;
    margin-top: 2rem;
    width: 10rem;
}

@media (max-width: 575.98px) {
    #form-bool .btn-group, .btn-group-vertical {
        float: none!important;
        vertical-align: sub;
    }
}
.tabela-valores-bolsasead th {
    font-size: 0.9rem;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: #ff9100;
    border-radius: 20px;
    border: 1px solid #ff9100;
}

::-webkit-scrollbar-track {
    background: #000;
}

.modal-body-intent .aceito a {
    font-weight: bold;
    color: #004685;
    text-decoration: underline;
}

.modal-body-intent .aceito label>span {
    font-size: .8rem;
    color: #004685;
}

/*font select 2 forms*/
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #6c757d!important;;
    line-height: 25px!important;;
    font-weight: 400!important;;
    font-family: 'Montserrat', sans-serif!important;
    font-size: 1rem!important;;
}

.infocurso-desktop .card-body {
    padding: 1.25rem 1rem 0!important;
}

.infocurso-desktop hr{
    margin-bottom: 0rem!important;
}

.img-fire{
    width: 1.2rem;
    position: absolute;
    float: right;
    margin-top: -0.3rem;
    margin-left: 13.4rem;
    filter: drop-shadow(0px -1px 0px red) drop-shadow(1px -1px 3px orange) brightness(1.15) opacity(0.8);
}

.modal-lg, .modal-xl {
    max-width: 600px!important;
}
@media (max-width: 575px){
    .img-fire {
        width: 1.2rem;
        position: absolute;
        float: right;
        margin-top: -0.3rem;
        margin-left: 10.4rem;
        filter: drop-shadow(0px -1px 0px red) drop-shadow(1px -1px 3px orange) brightness(1.15) opacity(0.8);
    }
}

@media (min-width: 992px){
    .modal-lg, .modal-xl {
        max-width: 600px!important;
    }
}

.infocurso-desktop-h4 {
    color: #004685;
    font-size: 1.2rem;
}
.infocurso-desktop-red {
    color: #e73255!important;
}
.infocurso-desktop-orange {
    color: #ff8700!important;
}
.infocurso-desktop-hr {
    margin-top: 0rem!important;
    margin-bottom: -0.5rem!important;
}
.infocurso-desktop-valor-adimplencia {
    font-size: 2.25rem;
    color: #004685;"
}
.infocurso-desktop-txt-adimplencia {
    color: #e73255!important;
    font-size: 0.7rem!important;
    margin-right: -1rem!important;
}
.infocurso-desktop-detalhes {
    font-size: 1rem;
    margin-bottom: 0rem!important;
}
.infocurso-desktop-mb-1 {
    margin-bottom: -1rem;
}
.detalhes-curso .titulo-curso {
    line-height: 50px;
    color: #004685;
    padding: 0;
}

@media (max-width: 700px) {
    .detalhes-curso .titulo-curso {
        line-height: 20px!important;
    }
    .detalhes-curso .healine-mb-0{
        margin-bottom: 0rem;
    }
}

.tag-novo-curso{
    font-size: 0.8rem;
    background: #004487;
    color: #fff;
    font-weight: 700;
    padding: 0 0.3rem;
    width: 2.6rem;
    border-radius: 0.2rem;
    float: right;
}
@media (max-width: 767px) {
    .contact-float .info {
        bottom: 70px!important;
    }
}

.hellobar {
    background: #f28e1e;
}

#days, #hours, #minutes, #seconds {
    font-size: 20px;
    font-weight: bold;
}

.meses-horas-bolsas-grad {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.meses-horas-bolsas-grad svg {
    margin-right: 8px;
}

.apartir-mobile {
    color: var(--bltertiary);
    font-size: 1.2rem;
}
.box-autorizado-mec{
    display: flex;
    gap: 8px;
}
.texto-mec {
    gap: 8px;
}
.grad-detalhes-curso {
    display: flex;
    justify-content: space-between;
    height: 65px;
}

.grad-detalhes-curso-box {
    text-align: center;
}

.grad-detalhes-curso-box p {
    font-size: 0.9rem;
    line-height: 1;
    margin: 0;
}

.box-form-Gra {
    background: #ececec;
    height: 410px;
}

.form-gra-pag-listagem h3 {
    padding: 10px;
    font-size: 16px;
}
.institucional {
    margin-top: 36px;
}

@media (max-width: 575px) {
    .formGra-bolsas {
        background: #f28e1e ;
        padding: 16px;
        margin-bottom: 32px;
        margin-top: 37px;
    }
    .formGra-bolsas h5{f
        font-weight: 700;
    }
    .form-pos-bolsas {
        background: #f28e1e ;
        padding: 16px;
        margin-bottom: 32px;
    }
    .formGra-bolsas h5{
        padding: 10px;
        font-size: 16px;
    }
    .preco{
        margin-top: 20px;
    }
}

@media (min-width: 575px) {
    .form-gra-pag-listagem {
        display: none;
    }

    .box-form-Gra {
        display: none;
    }
    .formGra-bolsas {
        display: none;
    }
}

@media (min-width: 600px) {
    .form-pos-bolsas {
        display: none;
    }
    .preco-mobile {
        display: none;
    }
    .detalhes-curso {
        display: none !important;
    }
}


/* Overlay black background */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
}

/* Chat window when open */
.chat-window.open {
    bottom: 0;
}

.card-body {
    padding: 10px;
    background-color: #e5ddd5;
    overflow-y: auto;
    /* Add scroll to chat body */
}
.card-body-table-preco {
    padding: 10px;
    background-color: #e5ddd5;
    overflow-y: auto;
    /* Add scroll to chat body */
}

.open-chat-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    background-color: #4caf50;
    color: white;
    border: none;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-size: 24px;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

body.no-scroll {
    overflow: hidden;
}

/* Close button style */
.close-chat-btn {
    background: none;
    border: none;
    color: white;
    font-size: 34px;
    cursor: pointer;
}

.img-wpp-boxed {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
}

.chat-window {
    position: fixed;
    bottom: -600px;
    right: 0;
    z-index: 10000;
    width: 370px;
    max-width: 100%;
    transition: bottom 0.5s;
}

.chat-body {
    padding: 10px;
    background-color: #e5ddd5;
    overflow-y: auto;
    /* Add scroll to chat body */
}

.message {
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 10px;
    position: relative;
    max-width: 70%;
}

.message.received {
    background-color: #ffffff;
    align-self: flex-start;
}

.message.sent {
    background-color: #dcf8c6;
    align-self: flex-end;
    margin-left: auto;
}

.timestamp {
    font-size: 0.8em;
    color: #888;
    position: absolute;
    bottom: -20px;
    right: 10px;
}

.card-footer {
    padding: 10px;
    background-color: #f7f7f7;
    border-top: 1px solid #ddd;
}

.status-indicator {
    width: 10px;
    height: 10px;
    background-color: #4caf50;
    border-radius: 50%;
}

.card-header {
    padding: 15px;
    background-color: #198754 !important;
}

.msg-wpp {
    color: #00000075;
    text-align: left;
}

.msg-wpp-input {
    color: #00000075;
    border: none;
    padding: 2px 0px 2px 10px !important;
    background: #eaeaea;
}

input.msg-wpp:focus,
input.msg-wpp-input:focus {
    outline: none !important;
}

input.msg-wpp::placeholder,
input.msg-wpp-input::placeholder {
    color: #00000075 !important;
}

.btn-submit {
    display: flex;
    justify-content: flex-end;
}

.btn-success-wpp {
    font-weight: 700;
}

.btn-escolha-wpp {
    background: transparent;
    font-weight: 500;
    border: 1.3px solid #949494;
    margin: 5px;
    color: #606060;
}

.btn-escolha-wpp:hover {
    background: #146c43 !important;
}

#course-type {
    font-weight: 600;
    color: #676767;
}

.fw-bold {
    font-weight: 600;
}

#user-selection {
    color: #00000091;
    font-weight: 500 !important;
}