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

:root {
    /*Cor primária*/
    --estprimary: #622940;
    /*Cor Secudária*/
    --estsecondary: #f04c4b;
    /*Cor Terciária*/
    --esttertiary: #98003b;
    /*Cor Quaternária*/
    --estquaternary: #001c46;
    /*Background body*/
    --bgBody: #fff;
    --bgGrey: #999;

    /* font  variáveis*/
    --light: 300;
    --regular: 400;
    --medium: 500;
    --bold: 700;
    --black: 900;

    /* cor da font */
    --fontcolor: #616161;
}

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

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

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

.bg-tertiary {
    background-color: var(--esttertiary) !important;
}
.bg-quaternary {
    background-color: var(--estquaternary) !important;
}

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


html, body {
    margin: 0px;
}

body {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    background: var(--bgBody);
}

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

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

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

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

/*Fim scrollbar*/


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

.strong {
    font-weight: var(--medium);
}

.light {
    font-weight: var(--light);
}

.medium {
    font-weight: var(--medium);
}
.bold{
    font-weight: var(--bold);
}
.black {
    font-weight: var(--black);
}
.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(--estprimary);
    color: var(--estprimary);
}

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

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

.quaternary {
    fill: var(--estquaternary);
    color: var(--estquaternary);
}
/* Fim Logo faculdade wpos svg*/


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

/*Custom btn*/

.btn-custom-primary {
    color: #fff;
    background-color: var(--estprimary);
    border-color: var(--estprimary);
    font-weight: var(--medium);
    border-radius: .5rem;

}

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

.btn-custom-outline-primary {
    color: #fff;
    background-color:var(--estprimary);
    border-color: var(--estprimary);
    border-radius: 10px 0;
    font-weight: var(--medium);
}

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

.btn-custom-secondary {
    color: #fff;
    background-color: var(--estsecondary);
    border-color: var(--estsecondary);
    border-radius: 10px 0;
    font-weight: var(--medium);
}

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

.btn-custom-outline-secondary {
    color: var(--estsecondary);
    background-color: transparent;
    border-color: var(--estsecondary);
    border-radius: 10px 0;
    font-weight: var(--medium);
    text-transform: lowercase;
}

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

.btn-custom-tertiary {
    color: #fff;
    background-color: var(--esttertiary);
    border-color: var(--esttertiary);
    border-radius: 10px 0;
    font-weight: var(--medium);
    text-transform: lowercase;
}

.btn-custom-tertiary:hover {
    color: #fff;
    background-color: var(--esttertiary);
    border-color: var(--esttertiary);
}
.btn-custom-outline-tertiary {
    color: var(--esttertiary);
    background-color: transparent;
    border-color: var(--esttertiary);
    border-radius: 10px 0;
    font-weight: var(--medium);
    text-transform: lowercase;
}

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

.btn-custom-quaternary {
    color: #fff;
    background-color: var(--estquaternary);
    border-color: var(--estquaternary);
    border-radius: 10px 0;
    font-weight: var(--medium);
    text-transform: lowercase;
    text-align: center;
}

.btn-custom-quaternary:hover {
    color: #fff;
    background-color: var(--estquaternary);
    border-color: var(--estquaternary);
}
.btn-custom-outline-quaternary {
    color: var(--estquaternary);
    background-color: transparent;
    border-color: var(--estquaternary);
    border-radius: 10px 0;
    font-weight: var(--medium);
    text-transform: lowercase;
}

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


/* Fim custom btn*/

/*utilities*/
.rounded-50 {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
/* navbar top */
#bar-top {
    padding: 0;
    background: rgba(255, 255, 255, .95);
}
#bar-top .pag-titulo {
    color: #717171;
    font-weight: var(--medium);
    font-size: .875rem;
    padding-top: .3rem;
}
#bar-top strong a, #bar-top .pag-titulo strong button{
    font-weight: var(--bold)!important;
    font-size: .875rem;
}

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


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

#navbar-header {
    background: var(--bgBody);
    transition: all ease-in-out .3s;
}

.box-shadow {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

#navbar-header.scrollUp {
    transform: translateY(-150px);
}
@media screen and (max-width: 599px) {
    #navbar-header {
        padding: 0;
    }
}


/* EXCLUIR DEPOIS DA BLACK */
#navbar-header-black {
    background: var(--bgBody);
    transition: all ease-in-out .3s;
    top: 50px;
}
#navbar-header-black.scrollUp {
    transform: translateY(-150px);
}
@media screen and (max-width: 599px) {
    #navbar-header-black {
        padding: 0;
        /*top: 71px;*/
    }
}
/* FIM EXCLUIR DEPOIS DA BLACK */


#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*/



/* fim logo brand */

/*navbar*/
#navbar-header .nav-link {
    font-weight: var(--medium);
    font-size: 1rem;
    color: var(--fontcolor);
    transition: width 5s ease-in-out 1s;
}
#navbar-header .nav-link:hover {
    color: #8c8c8c;
}

#navbar-header .page-scroll {
    font-weight: var(--regular);
    text-transform: lowercase;
    font-size: 1rem;
    color: var(--fontcolor);
    transition: width 5s ease-in-out 1s;
}
#navbar-header .page-scroll:hover {
    color: #8c8c8c;
    text-decoration: none;
}

#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(--esttertiary) !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(--esttertiary);
}

@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: 20px 10px;
    }

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

            width: 100%;
            font-size: 16px;
            background: rgba(249, 249, 249, 1);
            z-index: 1020;
        }

        .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: rgba(249, 249, 249, 1);
        }
    }
}
#modal_inscreva-se .titles-modal h3, #modal_lead h3{
    font-weight: var(--medium);
    color: var(--estprimary);
    text-transform: uppercase;
}
#modal_inscreva-se .titles-modal h4, #modal_inscreva-se p{
    font-weight: var(--light);
    color: var(--fontcolor);
    font-size: 20px;
}
#btn_codigo_cancel {
    display: none;
    cursor: pointer;
}
.titulo-principal{
    font-size: 1.7rem;
}
#header-home #card-form-home p {
    color: #fff;
}
#header-home #card-form-home form .form-control{
    height: calc(1.1em + .75rem + 2px)!important;
    border: 1px solid #fff!important;
    position: relative;
    font-size: .95rem;
}
#nossos-cursos {
    padding: 4rem 0 0 0;
    background: #fff;
}
@media screen and (max-width: 599px) {
    #nossos-cursos {
        padding: 2rem 0 0 0;
    }
}
#nossos-cursos h2 {
    text-transform: lowercase;
    font-weight: var(--medium);
    font-size: 1.7em;
    margin-bottom: 1rem;
    line-height: 1;
    color: var(--fontcolor);
}
#nossos-cursos h4 {
    color: var(--fontcolor);
    font-weight: var(--medium);
    font-size: 1.7rem;
    position: relative;
}
#nossos-cursos h4::before {
    position: absolute;
    content: "";
    width: 50px;
    height: 5px;
    background-color: var(--estsecondary);
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 10px 0;
}
#nossos-cursos p {
    font-weight: var(--regular);
    font-size: 1rem;
    line-height: 1;
    margin-top: .5rem;
    color: var(--fontcolor);
}

#nossos-cursos .cursos {
    display: grid;
    grid-gap: 3rem 1rem;
    list-style: none;
    margin: 0 0 5rem 0;
    padding: 1rem ;
    position: relative;
}

@media screen and (max-width: 599px) {
    #nossos-cursos h2 {
        font-size: 1.6rem;
    }
}

#nossos-cursos .cursos a {
    text-decoration: none;
}

#nossos-cursos .cursos h3 {
    margin: 0;
    font-size: 1.2rem;
    font-weight: var(--medium);
    color: var(--fontcolor);
    position: relative;
}

#nossos-cursos .cursos h3::before {
    content: '';
    position: absolute;
    width: 100px;
    height: 2px;
    background-color: #f16202;
    bottom: -0.2rem;
}

#nossos-cursos .cursos p {
    font-weight: var(--regular);
    color: var(--fontcolor);
}

#nossos-cursos .cursos li {
    position: relative;
    padding: 1rem 1rem;
    transition: all ease-in-out .3s;
    background: #fafafa;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px 0;
}

#nossos-cursos .cursos .action{
    display: flex;
    justify-content: flex-end;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
#nossos-cursos .cursos .new-curso{
    top: -10px;
    right: -5px;
    position: absolute;
}


@media screen and (max-width: 599px) {
    #nossos-cursos .cursos h3 {
        font-size: 1.2rem;
    }
    #nossos-cursos .cursos .action {
        position: absolute;
        bottom: 10px;
        right: 10px;
    }
}

#diferenciais{
    padding-top: 4rem;
}

#diferenciais .box-diferencias{
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    grid-gap: 3rem 1rem;
    list-style: none;
    padding: 1rem ;
    position: relative;
}
#diferenciais .box-diferencias li{
    background: #fff;
    padding: 1rem;
    border-radius: 20px 0;
}

#diferenciais .box-diferencias li .title h3{
    font-weight: var(--medium);
    font-size: 1.2rem;
    color: var(--fontcolor);
    margin-top: 10px;
}

#diferenciais .box-diferencias li p{
    font-weight: var(--light);
    font-size: 1rem;
}
@media screen and (max-width: 767px) {
    #diferenciais .box-diferencias {
        grid-template-columns: repeat(1, 1fr);
    }
}

#professores{
}
#professores h2 {
    font-weight: var(--medium);
    font-size: 1.7em;
    margin-bottom: 1rem;
    line-height: 1;
}
#professores .professor-box {
    background: #fafafa;
    padding: .5rem;
    border-radius: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
#professores .professor-box img {
    border-radius: 20px 0;
    height: 300px;
    object-fit: contain;
    overflow: hidden;
}
#professores .professor-box .img-thumbnail {
    background-color: #e2e2e2;
}
#professores .professor-box .nome-professor {
    color: var(--estprimary);
    font-weight: var(--medium);
    font-size: 1.3rem;
    text-align: center;
    height: 3.75rem;
    margin-top: .5rem;
}
#professores .professor-box .owl-carousel .owl-nav{
    position: relative;
}
#professores .owl-carousel .owl-nav .owl-prev, #professores .owl-carousel .owl-nav .owl-next{
    position: absolute;
    bottom: 180px;
    padding: 15px!important;
    color: var(--estsecondary);
    font-size: 30px;
}
#professores .owl-carousel .owl-nav .owl-prev {
    left: -50px;
}
#professores .owl-carousel .owl-nav .owl-next {
    right: -50px;
}
@media screen and (max-width: 599px) {
    #professores .professor-box h4 {
        font-size: 1rem;
    }
    #professores .owl-carousel .owl-nav .owl-prev, #professores .owl-carousel .owl-nav .owl-next {
        bottom: -50px;
    }
    #professores .owl-carousel .owl-nav .owl-prev {
        left: 0;
    }
    #professores .owl-carousel .owl-nav .owl-next {
        right: 0;
    }
}
/*Inicio differencials*/
#parceria {
    padding: 3rem 0;
}

#parceria h2 {
    font-weight: var(--medium);
}
#parceria p {
    font-weight: var(--regular);
    color: var(--fontcolor);
}
#parceria .box-video {
    padding: 2rem;
    background: var(--estprimary);
    border-radius: 50px 0;
    position: relative;
    display: flex;
}
#parceria .box-video::before{
    position: absolute;
    content: '';
    width: 445px;
    height: 445px;
    background-color: var(--estsecondary);
    border-radius: 50px 0;
    z-index: -1;
    right: -10px;
    top: -10px;
}
@media screen and (max-width: 599px){
    #parceria h2 {
        font-size: 1.6rem;
        text-align: center;
    }
    #parceria p {
        font-size: 1rem;
        text-align: center;
    }
}

/*footer*/
#footerItalents {
    padding: 1rem 0 0 0;
    background: transparent;
    color: #fff;
}
#footerItalents ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 2rem;
}
#footerItalents h4 {
    color: #fff;
    font-weight: var(--medium);
    text-transform: uppercase;
    font-size: 1.2rem;
    margin-bottom: 1rem;
}
#footerItalents h5 {
    color: #fff;
    font-weight: var(--medium);
    font-size: 1rem;
}
#footerItalents ul li {
    padding: .5rem 0;
}
#footerItalents ul a {
    color: #fff;
    text-decoration: none;
    font-size: 1.2rem;
}
#footerItalents ul li form button.btn-wpp-footer {
    color: #fff;
    background: #25D366;
    border: 1px solid #25D366;
    border-radius: 5px;
    padding: .5rem 1rem;
}
#footerItalents ul a:hover {
    color: var(--estsecondary);
    text-decoration: none;
}
@media screen and (max-width: 599px) {
    #footerItalents h4 {
        font-size: 1rem;
    }
    #footerItalents ul a {
        font-size: 1rem;
    }
}
/*footer copy*/
.copy {
    background: transparent;
    padding: 1rem 0;
}

.copy img{
    height: 5vh;
}
.copy span{
    color: var(--fontcolor);
}

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


/*pagina de curso*/
#header-curso {
    position: relative;
    height: 25vh;
    overflow: hidden;
    top: 0;
}

@media screen and (max-width: 599px) {
    #header-curso {
        height: 25vh;
    }
}

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

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

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

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

#header-curso h1 {
    font-weight: var(--medium);
    font-size: 2rem;
    margin-bottom: 0;
    line-height: 1;
}

@media screen and (max-width: 599px) {
    #header-curso h1 {
        font-size: 2rem;
        text-align: center;
    }
    #header-curso #card-form-area {
        height: inherit;
    }

}

#header-curso h1 span {
    font-weight: var(--light);
}

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

@media screen and (max-width: 599px) {
    #header-curso .caption p {
        font-size: 1.2rem;
    }
    #header-curso p {
        font-size: 1.5rem;
        line-height: 1;
        text-align: center;
    }
    .tabela-precos-promo{
        width: 100%;
    }
}

.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: 20px;
    color: var(--estquaternary);
    text-align: center;
    position: sticky;
    -webkit-position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 1020;
    transition: all 0.2s ease-in-out;
    font-size: 1.1rem;
    /*margin-top: 3rem;*/
}

.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;
}
.price-final {
    font-size: 28px;
    color: #222222;
    font-weight: var(--medium);
    text-align: left;
}
.title-course-scroll{
    display: none;
    text-align: left;
    text-transform: lowercase;
    font-size: 1.8rem;
    margin: 0;
}

@media screen and (max-width: 599px){
    .detalhes-curso {
        flex-direction: column;
        z-index: 1019;
        /*top: 7rem;*/
    }
    .detalhes-curso .d-flex {
        font-size: 17px;
    }
    .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;
}
#detalhe-curso svg {
    margin-right: 14px;
}

.titulo {
    text-transform: lowercase;
    font-weight: var(--medium);
    font-size: 25px;
    position: relative;
    color: #616161;
}
.titulo:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background-color: var(--estquaternary);
    left: -1.5rem;
    top: .1rem;
}

.informacao {
    margin-bottom: 3rem;
}

.informacao .texto {
    color: #4e4e4e;
    font-size: 1.2rem;
    font-weight: var(--regular);
}

.sub-titulo {
    text-transform: lowercase;
    font-weight: var(--medium);
    font-size: 20px;
    color: #616161;
}

.informacoes-curso .table thead th, .informacoes-curso .table thead td{
    font-weight: var(--medium);
    text-transform: lowercase;
    background: var(--estprimary);
    border-color: var(--white);
    color: var(--white);
}
.informacoes-curso .table tbody td{
    color: #616161;
    position: relative;
}
.informacoes-curso .table tbody td small.sale{
    position: absolute;
    top: 0;
    left: 10px;
}
 .informacoes-curso .table tbody td span.price-sale{
    font-size: 1.2rem;
}
.informacoes-curso {
    margin: 0 0 3rem 0;
}

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

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

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

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

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

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

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

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

    .uny-graf {
        padding: 0;
    }

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

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

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

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

    .w100 {
        width: 100%;
    }

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

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

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

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

#faq-interna{
    padding: 5rem 0;
}

#faq-interna h1{
    font-weight: var(--medium);
    color: var(--estprimary);
    border-left: 7px solid var(--estsecondary);
    padding-left: 10px;
    text-transform: lowercase;
}
#faq-interna a{
    color: var(--estsecondary);
}

#faq-interna .faq h3[aria-expanded="true"] {
    background-color: #fff;
    color: #682045;
    border: .1rem solid #ccc;
}
#faq-interna .faq h3 {
    font-weight: var(--medium);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 1rem;
    cursor: pointer;
    border: .1rem solid #f2f2f2;
    border-radius: .5rem;
    background-color: #fff;
    color: var(--fontcolor);
    margin: 1rem 0;
    font-size: 1.2rem;
}
#faq-interna .faq h3[aria-expanded="true"] svg {
    transform: rotate(-180deg);
}
#faq-interna .faq h3 svg {
    font-size: 1rem;
    margin-left: 20px;
    transition: all .3s ease-in-out;
}
#faq-interna .faq div p {
    font-weight: var(--regular);
    font-size: 1rem;
    margin-bottom: 0;
}

@media screen and (max-width: 599px) {
    #faq-interna h1 {
        font-size: 1.5rem;
    }
    #faq-interna .faq h3 {
        font-size: 1.2rem;
    }
    #faq-interna .faq div p {
        font-size: 17px;
    }
}

#professores-interna{
    padding: 2rem 0;
}
#professores-interna h1{
    font-weight: var(--medium);
    color: var(--estprimary);
    border-left: 7px solid var(--estsecondary);
    padding-left: 10px;
    text-transform: lowercase;
    margin-bottom: 2rem;
}
#professores-interna .box-professor{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 3rem 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
#professores-interna .box-professor li{
    padding: .5rem;
    background: #fafafa;
    border-radius: 20px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#professores-interna .box-professor li h4{
    text-align: center;
    font-weight: var(--medium);
    color: var(--estprimary);
    padding: 10px;
    font-size: 1.3rem;
}
#professores-interna .box-professor li img{
    width: 100%;
    height: auto;
    border-radius: 25px 0;
}

@media screen and (max-width: 599px) {
    #professores-interna h1 {
        font-size: 1.5rem;
    }
    #professores-interna .box-professor {
        grid-template-columns: repeat(2, 1fr);
    }
    #professores-interna .box-professor li h4 {
        font-size: 1rem;
    }
    #professores-interna .box-professor li img {
        height: 25vh;
    }
}

#nucleos-interna{
    padding: 5rem 0;
}
#nucleos-interna h1{
    font-weight: var(--medium);
    color: var(--estprimary);
    border-left: 7px solid var(--estsecondary);
    padding-left: 10px;
    margin-bottom: 10px;
}
#nucleos-interna .card .card-body ul li{
    padding: 1rem 2rem 0 2rem;
    border-bottom: 1px solid #ccc;
}
#nucleos-interna .card .card-body ul li h2{
    font-weight: var(--medium);
    color: #4e4e4e;
}
#nucleos-interna .card .card-body ul li p{
    font-weight: var(--light);
    font-size: 19px;
}

@media screen and (max-width: 599px) {
    #nucleos-interna h1 {
        font-size: 1.5rem;
    }
}
#contato-interna{
    padding: 5rem 0;
}
#contato-interna h1{
    font-weight: var(--medium);
    color: var(--estprimary);
    border-left: 7px solid var(--estsecondary);
    padding-left: 10px;
    margin-bottom: 10px;
    text-transform: lowercase;
}
#contato-interna .box-info .title{
    font-weight: var(--medium);
    font-size: 20px;
    margin-bottom: 0;
}
#contato-interna .box-info .text{
    font-weight: var(--light);
    font-size: 18px;
}

#obrigado-interna{
    padding: 4rem 0;
}
#obrigado-interna h1{
    font-weight: var(--medium);
    border-left: 10px solid var(--estsecondary);
    padding-left: 10px;
    color: var(--estprimary);
    margin-bottom: 2rem;
}
#obrigado-interna p{
    font-weight: var(--light);
    line-height: 1;
    font-size: 21px;
    color: #464646;
}
#banner-institucional h1{
    font-size: 2rem;
    text-transform: lowercase;
    color: #fff;
    font-weight: var(--medium);
    margin-bottom: 0;
}
#banner-institucional p{
    color: var(--estsecondary);
    font-size: 1.2rem;
    font-weight: var(--regular);
    margin-bottom: 0;
}

/*----------HELLO BAR BLACKFRIDAY----------*/
.txt-white{
    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;*/
    margin-bottom: 0!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: .9rem!important;
        padding: .5rem 0;
    }
}

/* HELLO BAR BLACK */

.promo-navbar {
    z-index: 1020;


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

}
@media screen and (max-width: 599px) {
    .promo-navbar .bg-gradient-yellow {
        padding: 1rem;
    }
}
.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: 13px;
        margin: 0px -2px;
    }
}

/*LISTANDO AREAS DE PÓS-GRADUAÇÃO HOME*/
#lista-areas{
    padding: 0 0 2.5rem 0;
}
.box-areas{
    margin-top: 1.5rem 0;
}
.box-carreira{
    background-color: #fafafa;
    padding: 1rem;
    -webkit-border-radius: 15px 0;
    -moz-border-radius: 15px 0;
    border-radius: 15px 0;
    margin-top: 1.5rem;
}
.txt-apoio{
    margin-bottom: 0!important;
    color: #616161;
    font-size: 1rem;
    font-weight: 400;
}
.txt-apoio-sub{
    margin-bottom: 0!important;
    color: var(--estprimary);
    font-size: 1.35rem;
    font-weight: 400;
}
@media screen and (max-width: 599px) {
    .txt-apoio-sub {
        font-size: 1rem;
    }
}
.titulo-area{
    color: var(--estprimary);
    font-weight: 500;
    font-size: 1.85rem;
}
.n-cursos{
    background-color: #98193d;
    padding: .5rem;
    border-radius: 50px 0 0 50px;
}
.txt-n-cursos{
    color: #fff;
    text-align: right;
    font-size: 1.3rem;
}
.btn-conheca-cursos{
    padding: .5rem 0;
    color: #616161!important;
    text-decoration: none;
}
.btn-conheca-cursos h6{
    padding: .5rem;
}
/*AREA POS ESTRATEGIA*/

#cabecalho-area-esttg{
    background: rgb(160,41,62);
    background: radial-gradient(circle, rgba(160,41,62,1) 0%, rgba(160,41,62,1) 46%, rgba(105,0,61,1) 100%);
    padding: 2rem 0;
}
.txt-auxiliar-cabecalho{
    margin-bottom: 0!important;
    font-size: 1.5rem;
    font-weight: normal;
}
.titulo-curso-cabecalho{
    font-weight: 500;
    font-size: 3rem;
}
#atributos-esttg{
    background-color: #fafafa;
    padding: 2.5rem 0;
}
.subtitulo-esttg{
    font-size: 1.7rem;
}
.txt-destak{
    font-weight: 600;
    color: #b2123c;
}
.atributo-secundario{
    position: relative;
    font-size: .9rem;
}
.atributo-secundario::before{
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background-color: #622940;
    left: -.5rem;
    top: .4rem;
}
#lista-cursos{
    margin-top: 2.5rem;
}
#lista-cursos a{
    color: #616161!important;
    text-decoration: none;
}
#lista-cursos a:hover{
    text-decoration: none!important;
}
.box-curso{
    background-color: #fafafa;
    padding: 1.5rem;
    border-radius: 15px 0;
    margin: 1rem 0;
}
.titulo-curso-box{
    position: relative;
    font-size: 1.2rem;

}
.titulo-curso-box::before{
    position: absolute;
    content: '';
    width: 90px;
    height: 2px;
    background-color: #b2123c;
    bottom: -4px;
}
.btn-mais-esttg{
    background-color: #b2123c;
    border-radius: 10px 0;
    padding: .5rem 0;
    transition: .2s ease-in-out;
}
.att-secundario{
    font-size: 1.2rem;
}
.btn-mais-esttg:hover{
    background-color: #9e062e;
}
.btn-mais-esttg span{
    color: #fff;
    font-weight: 500;
}
.link-area{
    text-decoration: none!important;
}
.link-area:hover{
    text-decoration: none!important;
    text-transform: none!important;
}
/*FORMULARIO*/
#form-area{
    padding: .5rem 1rem 1rem;
}
#form-area .form-control{
    height: calc(1.1em + .75rem + 2px)!important;
    border: 1px solid #fff!important;
    position: relative;
    font-size: .95rem;
    margin: .5rem;
}
.form-area p {
    color: #fff;
    padding-top: 1rem;
    margin: 0;
    text-transform: lowercase;
    font-size: 1rem;
    font-weight: 600;
}
.btn-form-area{
    color: #6a103e!important;
    background-color: #fff!important;
    border-color: #fff!important;
    font-weight: 700!important;
    text-transform: lowercase;
    font-size: .9rem;
}
/*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;
}

/*BLACK FRIDAY*/

/* Hello Bar Black Friday */
.hello-bar {
    background: rgb(152,71,71);
    background: radial-gradient(circle, rgba(152,71,71,1) 0%, rgba(29,18,18,1) 100%);
    color: #fff;
}
/* Banner Black Friday */
.gradient-black-friday {
    background-image: linear-gradient(to right, #0084ff, #ff007f);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 0;
}

.btn-custom-black-bolsas {
    background-color: transparent;
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #fff;
    font-size: 1rem;
}
.btn-custom-black-bolsas:hover {
    background-color: #171717;
    border-color: #171717;
    color: #fff;
}

.sticky-top-estrategia {
    position: sticky;
    top: 0rem;
    z-index: 1020;
}

/* Modal Exit Intent */
.modal-lg, .modal-xl {
    max-width: 500px!important;
}


@media screen and (max-width: 599px) {
    .sticky-top-estrategia {
        top: 0px;
        position: initial;
    }
    .sticky-top {
        top: 18px;
    }
}

.background-image {
    background-image: url(/assets/pillar-pages/italents/img/backgroundd.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.background-overlay {
    background: rgba(93, 16, 42, 0.94);
}

#card-form-home {
    background: rgba(47, 6, 22, 0.55);
    border-radius: .5rem;
}

.text-primary {
    color: var(--estprimary)!important;
}

.text-grey {
    color: var(--fontcolor);
}

.img-rounded {
    border-radius: 20px 0;
}

#diferenciais .box-diferencias.box-diferencias-curso {
    grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 599px) {
    #diferenciais .box-diferencias.box-diferencias-curso {
        grid-template-columns: repeat(1, 1fr);
    }
    .logo-mobile {
        width: 120px;
    }
    #logo-mobile-imp {
        height: 47px;
    }
    .text-mobile {
        font-size: 2rem;
    }

    .titulo-imp {
        margin-top: -3rem;
    }

}

#logo-mobile-imp {
    width: 90px;

}

.titulo-atributo-pos-italents:after {
    content: '';
    width: 7rem;
    display: block;
    background-color: var(--estprimary);
    margin: .5rem 0 1rem 0;
    height: .26rem;
    border-radius: 20px;
}

.box-diferencias li:hover,
.box-carreira:hover {
    background: rgba(142, 233, 246, 0.3)!important;
}

.txt-destak-title {
    color: #62D2E1;
}



h2, h3, h4 {
    color: #212529;
}
/*Vídeos*/

#conectando-potenciais {
    width: 90%;
    margin-left: 5%;
    margin-top: 19px;
    border-radius: 20px 0;
}

#video-italents{
    width: 95%;
    margin-left: 8px;
    border-radius: 20px 0;
}

@media (min-width: 768px) {
    #conectando-potenciais{
        margin-left: 4%;
        margin-top: 22px;
    }

    #video-italents{
        margin-left: 8px;
    }
}

@media (min-width: 1024px) {
    #conectando-potenciais{
        margin-left: 57%;
        margin-top: -305px;
    }

    #video-italents{
        margin-left: -26px;
    }
}

@media (min-width: 1360px) {
    #conectando-potenciais{
        margin-top: -249px;
    }

}


#conectando-potenciais-3r {
    margin-left: 5%;
    margin-top: 20px;
}

@media (min-width: 768px) {
    #conectando-potenciais-3r{
        margin-left: 4%;
        margin-top: 22px;
    }
}

@media (max-width: 767px){
    #conectando-potenciais-3r{
        margin-left: 0;
        margin-top: 20px;
    }
}

@media (min-width: 1024px) {
    #conectando-potenciais-3r{
        margin-left: 57%;
        margin-top: -305px;
    }
}

#video-podcast {
    width: 98%;
    margin-top: 19px;
}
@media (min-width: 768px) {
    #video-podcastcast{
        margin-top: 22px;
    }
}

#video-podcast2 {
    width: 90%;!important;
    margin-top: 19px;
}

@media (min-width: 768px) {
    #video-podcast2{
        width: 90%;
        margin-top: 22px;
    }
}


/* MBA EM ARQUITETURA DE SOLUÇÕES NA NUVEM*/

.movimento{
    margin-bottom: 7px;
    top: 188px;
    left: 150px;
}
.movimento2{
    margin-bottom: 7px;
    margin-top: 20px;
}
#imgpert-italents {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.imgpert-ital {
    position: relative;
    width: 510px;
    height: 293px;
    border-radius: 10% 0 10% 0;
    margin-top: -55px;
    left: -37px;

}
.selos-rod{
    border-radius: 10% 10% 10% 10%;
}
section.py-5.bg-light:hover {
    background-color: rgba(173, 216, 230, 0.30%) !important;
}